@nice2dev/ui-bi 1.0.10

package/dist/index.mjs

@@ -0,0 +1,2059 @@
+import { jsxs as t, jsx as e, Fragment as F } from "react/jsx-runtime";
+import { useState as S, useCallback as w, useRef as q } from "react";
+const Y = {
+  id: "",
+  name: "New Report",
+  dataSource: "",
+  layout: {
+    type: "table",
+    elements: [],
+    pageSize: "A4",
+    orientation: "portrait"
+  },
+  parameters: [],
+  filters: [],
+  sorting: [],
+  grouping: [],
+  calculations: [],
+  formatting: {
+    conditionalFormats: [],
+    alternateRowColors: !0,
+    gridLines: !0
+  }
+}, W = [
+  { type: "table", label: "Table", icon: "📊" },
+  { type: "chart", label: "Chart", icon: "📈" },
+  { type: "text", label: "Text", icon: "📝" },
+  { type: "image", label: "Image", icon: "🖼️" },
+  { type: "shape", label: "Shape", icon: "⬜" },
+  { type: "barcode", label: "Barcode", icon: "▮▯▮" },
+  { type: "qrcode", label: "QR Code", icon: "⊞" },
+  { type: "subreport", label: "Subreport", icon: "📋" },
+  { type: "page-break", label: "Page Break", icon: "📄" }
+];
+function he({
+  report: i,
+  dataSources: l = [],
+  onChange: o,
+  onPreview: s,
+  onExport: d,
+  className: m = ""
+}) {
+  const [a, y] = S(
+    i || { ...Y, id: crypto.randomUUID() }
+  ), [r, v] = S(null), [_, p] = S("design"), [f, M] = S(null), [T, L] = S(100), b = w(
+    (n) => {
+      y((h) => {
+        const g = n(h);
+        return o == null || o(g), g;
+      });
+    },
+    [o]
+  ), D = w(
+    (n, h) => {
+      const g = {
+        id: crypto.randomUUID(),
+        type: n,
+        position: {
+          x: h.x,
+          y: h.y,
+          width: 200,
+          height: n === "page-break" ? 20 : 100
+        },
+        config: B(n),
+        style: {}
+      };
+      b((k) => ({
+        ...k,
+        layout: {
+          ...k.layout,
+          elements: [...k.layout.elements, g]
+        }
+      })), v(g);
+    },
+    [b]
+  ), z = w(
+    (n, h) => {
+      b((g) => ({
+        ...g,
+        layout: {
+          ...g.layout,
+          elements: g.layout.elements.map(
+            (k) => k.id === n ? { ...k, ...h } : k
+          )
+        }
+      })), (r == null ? void 0 : r.id) === n && v((g) => g ? { ...g, ...h } : null);
+    },
+    [b, r]
+  ), C = w(
+    (n) => {
+      b((h) => ({
+        ...h,
+        layout: {
+          ...h.layout,
+          elements: h.layout.elements.filter((g) => g.id !== n)
+        }
+      })), v(null);
+    },
+    [b]
+  ), E = w(
+    (n) => {
+      if (n.preventDefault(), !f)
+        return;
+      const h = n.currentTarget.getBoundingClientRect(), g = (n.clientX - h.left) * (100 / T), k = (n.clientY - h.top) * (100 / T);
+      D(f, { x: g, y: k }), M(null);
+    },
+    [f, D, T]
+  ), P = w(() => {
+    s == null || s(a);
+  }, [a, s]), U = w(
+    (n) => {
+      d == null || d(a, n);
+    },
+    [a, d]
+  ), u = l.find((n) => n.id === a.dataSource);
+  return /* @__PURE__ */ t("div", { className: `nice-report-builder ${m}`, children: [
+    /* @__PURE__ */ t("div", { className: "nice-report-builder__toolbar", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: a.name,
+          onChange: (n) => b((h) => ({ ...h, name: n.target.value })),
+          className: "nice-report-builder__name-input"
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "nice-report-builder__tabs", children: ["design", "data", "parameters", "formatting"].map((n) => /* @__PURE__ */ e(
+        "button",
+        {
+          className: `nice-report-builder__tab ${_ === n ? "nice-report-builder__tab--active" : ""}`,
+          onClick: () => p(n),
+          children: n.charAt(0).toUpperCase() + n.slice(1)
+        },
+        n
+      )) }),
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__zoom", children: [
+        /* @__PURE__ */ e("button", { onClick: () => L((n) => Math.max(25, n - 25)), children: "−" }),
+        /* @__PURE__ */ t("span", { children: [
+          T,
+          "%"
+        ] }),
+        /* @__PURE__ */ e("button", { onClick: () => L((n) => Math.min(200, n + 25)), children: "+" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__actions", children: [
+        /* @__PURE__ */ e("button", { onClick: P, children: "👁 Preview" }),
+        /* @__PURE__ */ e("button", { onClick: () => U("pdf"), children: "📄 PDF" }),
+        /* @__PURE__ */ e("button", { onClick: () => U("excel"), children: "📊 Excel" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-report-builder__main", children: [
+      _ === "design" && /* @__PURE__ */ t("div", { className: "nice-report-builder__palette", children: [
+        /* @__PURE__ */ e("h4", { children: "Elements" }),
+        W.map((n) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "nice-report-builder__palette-item",
+            draggable: !0,
+            onDragStart: () => M(n.type),
+            onDragEnd: () => M(null),
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-report-builder__palette-icon", children: n.icon }),
+              /* @__PURE__ */ e("span", { children: n.label })
+            ]
+          },
+          n.type
+        )),
+        /* @__PURE__ */ e("h4", { children: "Data Source" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: a.dataSource,
+            onChange: (n) => b((h) => ({ ...h, dataSource: n.target.value })),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "Select data source..." }),
+              l.map((n) => /* @__PURE__ */ e("option", { value: n.id, children: n.name }, n.id))
+            ]
+          }
+        ),
+        (u == null ? void 0 : u.schema) && /* @__PURE__ */ t("div", { className: "nice-report-builder__fields", children: [
+          /* @__PURE__ */ e("h5", { children: "Fields" }),
+          u.schema.tables.map((n) => /* @__PURE__ */ t("div", { className: "nice-report-builder__table-fields", children: [
+            /* @__PURE__ */ e("strong", { children: n.name }),
+            n.columns.map((h) => /* @__PURE__ */ t(
+              "div",
+              {
+                className: "nice-report-builder__field",
+                draggable: !0,
+                onDragStart: () => {
+                },
+                children: [
+                  h.name,
+                  " ",
+                  /* @__PURE__ */ t("small", { children: [
+                    "(",
+                    h.type,
+                    ")"
+                  ] })
+                ]
+              },
+              h.name
+            ))
+          ] }, n.name))
+        ] })
+      ] }),
+      _ === "design" && /* @__PURE__ */ e("div", { className: "nice-report-builder__canvas-container", children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: "nice-report-builder__canvas",
+          style: {
+            transform: `scale(${T / 100})`,
+            transformOrigin: "top left",
+            width: a.layout.orientation === "landscape" ? "297mm" : "210mm",
+            height: a.layout.orientation === "landscape" ? "210mm" : "297mm"
+          },
+          onDragOver: (n) => n.preventDefault(),
+          onDrop: E,
+          onClick: () => v(null),
+          children: [
+            a.layout.elements.map((n) => /* @__PURE__ */ e(
+              O,
+              {
+                element: n,
+                isSelected: (r == null ? void 0 : r.id) === n.id,
+                onSelect: () => v(n),
+                onUpdate: (h) => z(n.id, h),
+                onDelete: () => C(n.id)
+              },
+              n.id
+            )),
+            a.layout.elements.length === 0 && /* @__PURE__ */ e("div", { className: "nice-report-builder__canvas-empty", children: "Drag elements here to build your report" })
+          ]
+        }
+      ) }),
+      _ === "data" && /* @__PURE__ */ e(
+        X,
+        {
+          report: a,
+          dataSource: u,
+          onChange: (n) => b((h) => ({ ...h, query: n }))
+        }
+      ),
+      _ === "parameters" && /* @__PURE__ */ e(
+        H,
+        {
+          parameters: a.parameters,
+          calculations: a.calculations,
+          onChange: (n, h) => b((g) => ({ ...g, parameters: n, calculations: h }))
+        }
+      ),
+      _ === "formatting" && /* @__PURE__ */ e(
+        j,
+        {
+          formatting: a.formatting,
+          grouping: a.grouping,
+          sorting: a.sorting,
+          onChange: (n, h, g) => b((k) => ({ ...k, formatting: n, grouping: h, sorting: g }))
+        }
+      ),
+      r && _ === "design" && /* @__PURE__ */ e(
+        G,
+        {
+          element: r,
+          dataSource: u,
+          onChange: (n) => z(r.id, n),
+          onClose: () => v(null)
+        }
+      )
+    ] })
+  ] });
+}
+function B(i) {
+  switch (i) {
+    case "table":
+      return { columns: [], showHeader: !0, showFooter: !1 };
+    case "chart":
+      return { chartType: "bar", series: [], axes: [] };
+    case "text":
+      return { content: "Text", fontSize: 12 };
+    case "image":
+      return { src: "", fit: "contain" };
+    case "shape":
+      return { shape: "rectangle", fill: "#e0e0e0", stroke: "#333" };
+    case "barcode":
+      return { format: "CODE128", value: "" };
+    case "qrcode":
+      return { value: "" };
+    case "subreport":
+      return { reportId: "" };
+    case "page-break":
+      return {};
+    default:
+      return {};
+  }
+}
+function O({
+  element: i,
+  isSelected: l,
+  onSelect: o,
+  onUpdate: s,
+  onDelete: d
+}) {
+  var L;
+  const [m, a] = S(!1), [y, r] = S(!1), v = (b) => {
+    if (b.button !== 0)
+      return;
+    b.stopPropagation(), o(), a(!0);
+    const D = b.clientX, z = b.clientY, C = { ...i.position }, E = (U) => {
+      const u = U.clientX - D, n = U.clientY - z;
+      s({
+        position: {
+          ...C,
+          x: Math.max(0, C.x + u),
+          y: Math.max(0, C.y + n)
+        }
+      });
+    }, P = () => {
+      a(!1), window.removeEventListener("mousemove", E), window.removeEventListener("mouseup", P);
+    };
+    window.addEventListener("mousemove", E), window.addEventListener("mouseup", P);
+  }, _ = (b, D) => {
+    b.stopPropagation(), r(!0);
+    const z = b.clientX, C = b.clientY, E = { ...i.position }, P = (u) => {
+      const n = u.clientX - z, h = u.clientY - C, g = { ...E };
+      D.includes("e") && (g.width = Math.max(50, E.width + n)), D.includes("s") && (g.height = Math.max(30, E.height + h)), D.includes("w") && (g.x = E.x + n, g.width = Math.max(50, E.width - n)), D.includes("n") && (g.y = E.y + h, g.height = Math.max(30, E.height - h)), s({ position: g });
+    }, U = () => {
+      r(!1), window.removeEventListener("mousemove", P), window.removeEventListener("mouseup", U);
+    };
+    window.addEventListener("mousemove", P), window.addEventListener("mouseup", U);
+  }, p = W.find((b) => b.type === i.type), { padding: f, ...M } = i.style ?? {}, T = typeof f == "object" && f !== null ? `${f.top}px ${f.right}px ${f.bottom}px ${f.left}px` : f;
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `nice-report-builder__element nice-report-builder__element--${i.type} ${l ? "nice-report-builder__element--selected" : ""}`,
+      style: {
+        left: i.position.x,
+        top: i.position.y,
+        width: i.position.width,
+        height: i.position.height,
+        ...M,
+        padding: T
+      },
+      onMouseDown: v,
+      children: [
+        /* @__PURE__ */ t("div", { className: "nice-report-builder__element-content", children: [
+          /* @__PURE__ */ e("span", { className: "nice-report-builder__element-icon", children: p == null ? void 0 : p.icon }),
+          /* @__PURE__ */ e("span", { className: "nice-report-builder__element-label", children: ((L = i.binding) == null ? void 0 : L.field) || (p == null ? void 0 : p.label) })
+        ] }),
+        l && /* @__PURE__ */ t(F, { children: [
+          /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-report-builder__element-delete",
+              onClick: (b) => {
+                b.stopPropagation(), d();
+              },
+              children: "×"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--se",
+              onMouseDown: (b) => _(b, "se")
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--e",
+              onMouseDown: (b) => _(b, "e")
+            }
+          ),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: "nice-report-builder__resize-handle nice-report-builder__resize-handle--s",
+              onMouseDown: (b) => _(b, "s")
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function X({
+  report: i,
+  dataSource: l,
+  onChange: o
+}) {
+  var m, a, y, r;
+  const [s, d] = S("builder");
+  return /* @__PURE__ */ t("div", { className: "nice-report-builder__query-builder", children: [
+    /* @__PURE__ */ t("div", { className: "nice-report-builder__query-tabs", children: [
+      /* @__PURE__ */ e("button", { className: s === "builder" ? "active" : "", onClick: () => d("builder"), children: "Query Builder" }),
+      /* @__PURE__ */ e("button", { className: s === "sql" ? "active" : "", onClick: () => d("sql"), children: "SQL" })
+    ] }),
+    s === "builder" ? /* @__PURE__ */ t("div", { className: "nice-report-builder__visual-query", children: [
+      /* @__PURE__ */ e("h4", { children: "Tables" }),
+      (m = l == null ? void 0 : l.schema) == null ? void 0 : m.tables.map((v) => {
+        var _, p;
+        return /* @__PURE__ */ e("div", { className: "nice-report-builder__query-table", children: /* @__PURE__ */ t("label", { children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: ((p = (_ = i.query) == null ? void 0 : _.tables) == null ? void 0 : p.includes(v.name)) || !1,
+              onChange: (f) => {
+                var T, L;
+                const M = f.target.checked ? [...((T = i.query) == null ? void 0 : T.tables) || [], v.name] : (((L = i.query) == null ? void 0 : L.tables) || []).filter((b) => b !== v.name);
+                o({ ...i.query, type: "builder", tables: M });
+              }
+            }
+          ),
+          v.name
+        ] }) }, v.name);
+      }),
+      /* @__PURE__ */ e("h4", { children: "Columns" }),
+      /* @__PURE__ */ e("div", { className: "nice-report-builder__column-list", children: (y = (a = i.query) == null ? void 0 : a.tables) == null ? void 0 : y.map((v) => {
+        var p;
+        const _ = (p = l == null ? void 0 : l.schema) == null ? void 0 : p.tables.find((f) => f.name === v);
+        return _ == null ? void 0 : _.columns.map((f) => /* @__PURE__ */ t("div", { className: "nice-report-builder__column-item", children: [
+          /* @__PURE__ */ e("input", { type: "checkbox" }),
+          /* @__PURE__ */ t("span", { children: [
+            v,
+            ".",
+            f.name
+          ] }),
+          /* @__PURE__ */ t("select", { children: [
+            /* @__PURE__ */ e("option", { value: "", children: "No aggregate" }),
+            /* @__PURE__ */ e("option", { value: "sum", children: "SUM" }),
+            /* @__PURE__ */ e("option", { value: "avg", children: "AVG" }),
+            /* @__PURE__ */ e("option", { value: "count", children: "COUNT" }),
+            /* @__PURE__ */ e("option", { value: "min", children: "MIN" }),
+            /* @__PURE__ */ e("option", { value: "max", children: "MAX" })
+          ] })
+        ] }, `${v}.${f.name}`));
+      }) })
+    ] }) : /* @__PURE__ */ e("div", { className: "nice-report-builder__sql-editor", children: /* @__PURE__ */ e(
+      "textarea",
+      {
+        value: ((r = i.query) == null ? void 0 : r.text) || "",
+        onChange: (v) => o({ ...i.query, type: "sql", text: v.target.value }),
+        placeholder: "SELECT * FROM table_name",
+        rows: 15
+      }
+    ) })
+  ] });
+}
+function H({
+  parameters: i,
+  calculations: l,
+  onChange: o
+}) {
+  const s = () => {
+    const m = {
+      id: crypto.randomUUID(),
+      name: "param" + (i.length + 1),
+      label: "Parameter " + (i.length + 1),
+      type: "text"
+    };
+    o([...i, m], l);
+  }, d = () => {
+    const m = {
+      id: crypto.randomUUID(),
+      name: "calc" + (l.length + 1),
+      expression: ""
+    };
+    o(i, [...l, m]);
+  };
+  return /* @__PURE__ */ t("div", { className: "nice-report-builder__parameters-editor", children: [
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__section-header", children: [
+        /* @__PURE__ */ e("h4", { children: "Parameters" }),
+        /* @__PURE__ */ e("button", { onClick: s, children: "+ Add" })
+      ] }),
+      i.map((m, a) => /* @__PURE__ */ t("div", { className: "nice-report-builder__param-row", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: m.name,
+            placeholder: "Name",
+            onChange: (y) => {
+              const r = [...i];
+              r[a] = { ...m, name: y.target.value }, o(r, l);
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: m.label,
+            placeholder: "Label",
+            onChange: (y) => {
+              const r = [...i];
+              r[a] = { ...m, label: y.target.value }, o(r, l);
+            }
+          }
+        ),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: m.type,
+            onChange: (y) => {
+              const r = [...i];
+              r[a] = { ...m, type: y.target.value }, o(r, l);
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "text", children: "Text" }),
+              /* @__PURE__ */ e("option", { value: "number", children: "Number" }),
+              /* @__PURE__ */ e("option", { value: "date", children: "Date" }),
+              /* @__PURE__ */ e("option", { value: "daterange", children: "Date Range" }),
+              /* @__PURE__ */ e("option", { value: "select", children: "Select" }),
+              /* @__PURE__ */ e("option", { value: "multiselect", children: "Multi-select" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              o(
+                i.filter((y) => y.id !== m.id),
+                l
+              );
+            },
+            children: "×"
+          }
+        )
+      ] }, m.id))
+    ] }),
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__section-header", children: [
+        /* @__PURE__ */ e("h4", { children: "Calculated Fields" }),
+        /* @__PURE__ */ e("button", { onClick: d, children: "+ Add" })
+      ] }),
+      l.map((m, a) => /* @__PURE__ */ t("div", { className: "nice-report-builder__calc-row", children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: m.name,
+            placeholder: "Name",
+            onChange: (y) => {
+              const r = [...l];
+              r[a] = { ...m, name: y.target.value }, o(i, r);
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: m.expression,
+            placeholder: "Expression (e.g., [Sales] * [Quantity])",
+            onChange: (y) => {
+              const r = [...l];
+              r[a] = { ...m, expression: y.target.value }, o(i, r);
+            }
+          }
+        ),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => {
+              o(
+                i,
+                l.filter((y) => y.id !== m.id)
+              );
+            },
+            children: "×"
+          }
+        )
+      ] }, m.id))
+    ] })
+  ] });
+}
+function j({
+  formatting: i,
+  grouping: l,
+  sorting: o,
+  onChange: s
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-report-builder__formatting-editor", children: [
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h4", { children: "General" }),
+      /* @__PURE__ */ t("label", { children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: i.alternateRowColors,
+            onChange: (d) => s({ ...i, alternateRowColors: d.target.checked }, l, o)
+          }
+        ),
+        "Alternate row colors"
+      ] }),
+      /* @__PURE__ */ t("label", { children: [
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "checkbox",
+            checked: i.gridLines,
+            onChange: (d) => s({ ...i, gridLines: d.target.checked }, l, o)
+          }
+        ),
+        "Show grid lines"
+      ] })
+    ] }),
+    /* @__PURE__ */ t("section", { children: [
+      /* @__PURE__ */ e("h4", { children: "Conditional Formatting" }),
+      /* @__PURE__ */ e(
+        "button",
+        {
+          onClick: () => {
+            const d = {
+              id: crypto.randomUUID(),
+              condition: { column: "", operator: "gt", value: 0 },
+              style: { backgroundColor: "#ffcccc" },
+              scope: "cell"
+            };
+            s(
+              {
+                ...i,
+                conditionalFormats: [...i.conditionalFormats, d]
+              },
+              l,
+              o
+            );
+          },
+          children: "+ Add Rule"
+        }
+      ),
+      i.conditionalFormats.map((d) => /* @__PURE__ */ t("div", { className: "nice-report-builder__format-rule", children: [
+        /* @__PURE__ */ t("span", { children: [
+          "If column ",
+          d.condition.operator,
+          " ",
+          String(d.condition.value)
+        ] }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "color",
+            value: d.style.backgroundColor || "#ffffff",
+            onChange: (m) => {
+              s(
+                {
+                  ...i,
+                  conditionalFormats: i.conditionalFormats.map(
+                    (a) => a.id === d.id ? { ...a, style: { ...a.style, backgroundColor: m.target.value } } : a
+                  )
+                },
+                l,
+                o
+              );
+            }
+          }
+        )
+      ] }, d.id))
+    ] })
+  ] });
+}
+function G({
+  element: i,
+  dataSource: l,
+  onChange: o,
+  onClose: s
+}) {
+  var d, m, a, y, r, v, _;
+  return /* @__PURE__ */ t("div", { className: "nice-report-builder__properties", children: [
+    /* @__PURE__ */ t("div", { className: "nice-report-builder__properties-header", children: [
+      /* @__PURE__ */ t("h4", { children: [
+        (d = W.find((p) => p.type === i.type)) == null ? void 0 : d.label,
+        " Properties"
+      ] }),
+      /* @__PURE__ */ e("button", { onClick: s, children: "×" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-report-builder__properties-content", children: [
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Data Binding" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: ((m = i.binding) == null ? void 0 : m.field) || "",
+            onChange: (p) => o({ binding: { ...i.binding, field: p.target.value } }),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "None" }),
+              (a = l == null ? void 0 : l.schema) == null ? void 0 : a.tables.flatMap(
+                (p) => p.columns.map((f) => /* @__PURE__ */ t("option", { value: `${p.name}.${f.name}`, children: [
+                  p.name,
+                  ".",
+                  f.name
+                ] }, `${p.name}.${f.name}`))
+              )
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Position" }),
+        /* @__PURE__ */ t("div", { className: "nice-report-builder__position-inputs", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: i.position.x,
+              onChange: (p) => o({
+                position: { ...i.position, x: parseInt(p.target.value, 10) || 0 }
+              }),
+              placeholder: "X"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: i.position.y,
+              onChange: (p) => o({
+                position: { ...i.position, y: parseInt(p.target.value, 10) || 0 }
+              }),
+              placeholder: "Y"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: i.position.width,
+              onChange: (p) => o({
+                position: { ...i.position, width: parseInt(p.target.value, 10) || 50 }
+              }),
+              placeholder: "W"
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: i.position.height,
+              onChange: (p) => o({
+                position: { ...i.position, height: parseInt(p.target.value, 10) || 30 }
+              }),
+              placeholder: "H"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Background Color" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "color",
+            value: ((y = i.style) == null ? void 0 : y.backgroundColor) || "#ffffff",
+            onChange: (p) => o({ style: { ...i.style, backgroundColor: p.target.value } })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Border" }),
+        /* @__PURE__ */ t("div", { className: "nice-report-builder__border-inputs", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "color",
+              value: ((r = i.style) == null ? void 0 : r.borderColor) || "#000000",
+              onChange: (p) => o({ style: { ...i.style, borderColor: p.target.value } })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: ((v = i.style) == null ? void 0 : v.borderWidth) || 0,
+              onChange: (p) => o({
+                style: { ...i.style, borderWidth: parseInt(p.target.value, 10) || 0 }
+              }),
+              placeholder: "Width",
+              min: 0,
+              max: 10
+            }
+          )
+        ] })
+      ] }),
+      i.type === "text" && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Content" }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              value: i.config.content || "",
+              onChange: (p) => o({ config: { ...i.config, content: p.target.value } }),
+              rows: 3
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Font Size" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: ((_ = i.style) == null ? void 0 : _.fontSize) || 12,
+              onChange: (p) => o({
+                style: { ...i.style, fontSize: parseInt(p.target.value, 10) || 12 }
+              }),
+              min: 8,
+              max: 72
+            }
+          )
+        ] })
+      ] }),
+      i.type === "chart" && /* @__PURE__ */ t("div", { className: "nice-report-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Chart Type" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: i.config.chartType || "bar",
+            onChange: (p) => o({ config: { ...i.config, chartType: p.target.value } }),
+            children: [
+              /* @__PURE__ */ e("option", { value: "bar", children: "Bar" }),
+              /* @__PURE__ */ e("option", { value: "line", children: "Line" }),
+              /* @__PURE__ */ e("option", { value: "pie", children: "Pie" }),
+              /* @__PURE__ */ e("option", { value: "area", children: "Area" }),
+              /* @__PURE__ */ e("option", { value: "scatter", children: "Scatter" })
+            ]
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const Q = {
+  id: "",
+  name: "New Dashboard",
+  layout: {
+    type: "grid",
+    columns: 12,
+    rowHeight: 50,
+    gap: 8
+  },
+  widgets: [],
+  filters: []
+}, V = [
+  { type: "chart", label: "Chart", icon: "📈", category: "Visualization" },
+  { type: "table", label: "Table", icon: "📊", category: "Visualization" },
+  { type: "card", label: "KPI Card", icon: "🎯", category: "Visualization" },
+  { type: "gauge", label: "Gauge", icon: "⏱️", category: "Visualization" },
+  { type: "map", label: "Map", icon: "🗺️", category: "Visualization" },
+  { type: "treemap", label: "Treemap", icon: "🌳", category: "Visualization" },
+  { type: "funnel", label: "Funnel", icon: "🔻", category: "Visualization" },
+  { type: "heatmap", label: "Heatmap", icon: "🌡️", category: "Visualization" },
+  { type: "timeline", label: "Timeline", icon: "📅", category: "Visualization" },
+  { type: "sankey", label: "Sankey", icon: "〰️", category: "Visualization" },
+  { type: "filter", label: "Filter", icon: "🔍", category: "Controls" },
+  { type: "slicer", label: "Slicer", icon: "📋", category: "Controls" },
+  { type: "text", label: "Text", icon: "📝", category: "Layout" },
+  { type: "image", label: "Image", icon: "🖼️", category: "Layout" }
+];
+function pe({
+  dashboard: i,
+  dataSources: l = [],
+  onChange: o,
+  onWidgetAdd: s,
+  onRefresh: d,
+  className: m = ""
+}) {
+  const [a, y] = S(
+    i || { ...Q, id: crypto.randomUUID() }
+  ), [r, v] = S(null), [_, p] = S(!0), [f, M] = S(null), [T, L] = S(!0), b = q(null), D = w(
+    (u) => {
+      y((n) => {
+        const h = u(n);
+        return o == null || o(h), h;
+      });
+    },
+    [o]
+  ), z = w(
+    (u, n) => {
+      var g;
+      const h = {
+        id: crypto.randomUUID(),
+        type: u,
+        title: ((g = V.find((k) => k.type === u)) == null ? void 0 : g.label) || u,
+        position: {
+          x: (n == null ? void 0 : n.x) ?? 0,
+          y: (n == null ? void 0 : n.y) ?? K(a.widgets),
+          width: (n == null ? void 0 : n.width) ?? J(u),
+          height: (n == null ? void 0 : n.height) ?? Z(u)
+        },
+        config: ee(u)
+      };
+      D((k) => ({
+        ...k,
+        widgets: [...k.widgets, h]
+      })), v(h), s == null || s(u);
+    },
+    [a.widgets, D, s]
+  ), C = w(
+    (u, n) => {
+      D((h) => ({
+        ...h,
+        widgets: h.widgets.map((g) => g.id === u ? { ...g, ...n } : g)
+      })), (r == null ? void 0 : r.id) === u && v((h) => h ? { ...h, ...n } : null);
+    },
+    [D, r]
+  ), E = w(
+    (u) => {
+      D((n) => ({
+        ...n,
+        widgets: n.widgets.filter((h) => h.id !== u)
+      })), v(null);
+    },
+    [D]
+  ), P = w(
+    (u) => {
+      if (u.preventDefault(), !f || !b.current)
+        return;
+      const n = b.current.getBoundingClientRect(), h = n.width / (a.layout.columns || 12), g = Math.floor((u.clientX - n.left) / h), k = Math.floor((u.clientY - n.top) / (a.layout.rowHeight || 50));
+      z(f, { x: g, y: k }), M(null);
+    },
+    [f, a.layout, z]
+  ), U = w(() => {
+    d == null || d();
+  }, [d]);
+  return /* @__PURE__ */ t("div", { className: `nice-dashboard-studio ${m}`, children: [
+    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__toolbar", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: a.name,
+          onChange: (u) => D((n) => ({ ...n, name: u.target.value })),
+          className: "nice-dashboard-studio__name-input",
+          disabled: !_
+        }
+      ),
+      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__actions", children: [
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: `nice-dashboard-studio__action ${_ ? "active" : ""}`,
+            onClick: () => p(!_),
+            children: _ ? "✏️ Editing" : "👁 Viewing"
+          }
+        ),
+        /* @__PURE__ */ t("button", { onClick: () => L(!T), children: [
+          "🔍 Filters ",
+          T ? "▲" : "▼"
+        ] }),
+        /* @__PURE__ */ e("button", { onClick: U, children: "🔄 Refresh" }),
+        /* @__PURE__ */ e("button", { children: "📤 Share" }),
+        /* @__PURE__ */ e("button", { children: "💾 Save" })
+      ] })
+    ] }),
+    T && a.filters.length > 0 && /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__filters-bar", children: a.filters.map((u) => /* @__PURE__ */ e(ne, { filter: u }, u.id)) }),
+    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__main", children: [
+      _ && /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__palette", children: [
+        /* @__PURE__ */ e("h4", { children: "Widgets" }),
+        ["Visualization", "Controls", "Layout"].map((u) => /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__category", children: [
+          /* @__PURE__ */ e("h5", { children: u }),
+          V.filter((n) => n.category === u).map((n) => /* @__PURE__ */ t(
+            "div",
+            {
+              className: "nice-dashboard-studio__palette-item",
+              draggable: !0,
+              onDragStart: () => M(n.type),
+              onDragEnd: () => M(null),
+              children: [
+                /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__palette-icon", children: n.icon }),
+                /* @__PURE__ */ e("span", { children: n.label })
+              ]
+            },
+            n.type
+          ))
+        ] }, u)),
+        /* @__PURE__ */ e("h4", { children: "Data Sources" }),
+        l.map((u) => /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__datasource", children: /* @__PURE__ */ t("span", { children: [
+          "🗄️ ",
+          u.name
+        ] }) }, u.id))
+      ] }),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          ref: b,
+          className: `nice-dashboard-studio__grid ${_ ? "nice-dashboard-studio__grid--editing" : ""}`,
+          style: {
+            "--columns": a.layout.columns || 12,
+            "--row-height": `${a.layout.rowHeight || 50}px`,
+            "--gap": `${a.layout.gap || 8}px`
+          },
+          onDragOver: (u) => u.preventDefault(),
+          onDrop: P,
+          onClick: () => v(null),
+          children: [
+            a.widgets.map((u) => /* @__PURE__ */ e(
+              ie,
+              {
+                widget: u,
+                isSelected: (r == null ? void 0 : r.id) === u.id,
+                isEditing: _,
+                onSelect: () => v(u),
+                onUpdate: (n) => C(u.id, n),
+                onDelete: () => E(u.id)
+              },
+              u.id
+            )),
+            a.widgets.length === 0 && _ && /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__empty", children: "Drag widgets from the palette to build your dashboard" })
+          ]
+        }
+      ),
+      r && _ && /* @__PURE__ */ e(
+        ae,
+        {
+          widget: r,
+          dataSources: l,
+          onChange: (u) => C(r.id, u),
+          onClose: () => v(null)
+        }
+      )
+    ] })
+  ] });
+}
+function K(i) {
+  return i.length === 0 ? 0 : Math.max(...i.map((l) => l.position.y + l.position.height));
+}
+function J(i) {
+  switch (i) {
+    case "card":
+      return 3;
+    case "gauge":
+      return 3;
+    case "filter":
+    case "slicer":
+      return 3;
+    case "text":
+      return 4;
+    case "chart":
+    case "table":
+      return 6;
+    case "map":
+      return 8;
+    default:
+      return 4;
+  }
+}
+function Z(i) {
+  switch (i) {
+    case "card":
+      return 2;
+    case "gauge":
+      return 3;
+    case "filter":
+    case "slicer":
+      return 1;
+    case "text":
+      return 2;
+    case "chart":
+    case "table":
+      return 5;
+    case "map":
+      return 8;
+    default:
+      return 4;
+  }
+}
+function ee(i) {
+  switch (i) {
+    case "chart":
+      return { chartType: "bar", series: [], axes: [], legend: { show: !0, position: "bottom" } };
+    case "table":
+      return { columns: [], pageSize: 10 };
+    case "card":
+      return { value: "", label: "", format: "number", icon: "📊" };
+    case "gauge":
+      return { value: "0", min: 0, max: 100, target: 75, format: "percent" };
+    case "map":
+      return { type: "choropleth", geoField: "", valueField: "" };
+    case "filter":
+      return { field: "", type: "dropdown" };
+    case "slicer":
+      return { field: "", multiSelect: !0 };
+    case "text":
+      return { content: "Text content", fontSize: 14 };
+    case "image":
+      return { src: "", fit: "contain" };
+    default:
+      return {};
+  }
+}
+function ie({
+  widget: i,
+  isSelected: l,
+  isEditing: o,
+  onSelect: s,
+  onUpdate: d,
+  onDelete: m
+}) {
+  const a = (r) => {
+    if (!o || r.button !== 0)
+      return;
+    r.stopPropagation(), s();
+    const v = r.clientX, _ = r.clientY, p = { ...i.position }, f = (T) => {
+      const L = Math.round((T.clientX - v) / 50), b = Math.round((T.clientY - _) / 50);
+      d({
+        position: {
+          ...p,
+          x: Math.max(0, p.x + L),
+          y: Math.max(0, p.y + b)
+        }
+      });
+    }, M = () => {
+      window.removeEventListener("mousemove", f), window.removeEventListener("mouseup", M);
+    };
+    window.addEventListener("mousemove", f), window.addEventListener("mouseup", M);
+  }, y = V.find((r) => r.type === i.type);
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `nice-dashboard-studio__widget nice-dashboard-studio__widget--${i.type} ${l ? "nice-dashboard-studio__widget--selected" : ""}`,
+      style: {
+        gridColumn: `${i.position.x + 1} / span ${i.position.width}`,
+        gridRow: `${i.position.y + 1} / span ${i.position.height}`
+      },
+      onMouseDown: a,
+      children: [
+        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__widget-header", children: [
+          /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__widget-icon", children: y == null ? void 0 : y.icon }),
+          /* @__PURE__ */ e("span", { className: "nice-dashboard-studio__widget-title", children: i.title }),
+          o && /* @__PURE__ */ e(
+            "button",
+            {
+              className: "nice-dashboard-studio__widget-delete",
+              onClick: (r) => {
+                r.stopPropagation(), m();
+              },
+              children: "×"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__widget-content", children: /* @__PURE__ */ e(te, { widget: i }) })
+      ]
+    }
+  );
+}
+function te({ widget: i }) {
+  switch (i.type) {
+    case "card":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__card", children: [
+        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__card-value", children: String(i.config.value || "0") }),
+        /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__card-label", children: String(i.config.label || "Label") })
+      ] });
+    case "gauge":
+      const l = Number(i.config.value) || 0, o = Number(i.config.max) || 100, s = l / o * 100;
+      return /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__gauge", children: /* @__PURE__ */ t("svg", { viewBox: "0 0 100 60", children: [
+        /* @__PURE__ */ e("path", { d: "M 10 55 A 40 40 0 0 1 90 55", fill: "none", stroke: "#e0e0e0", strokeWidth: "8" }),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M 10 55 A 40 40 0 0 1 90 55",
+            fill: "none",
+            stroke: "#0066cc",
+            strokeWidth: "8",
+            strokeDasharray: `${s * 1.26} 126`
+          }
+        ),
+        /* @__PURE__ */ t("text", { x: "50", y: "50", textAnchor: "middle", fontSize: "16", fontWeight: "bold", children: [
+          l,
+          "%"
+        ] })
+      ] }) });
+    case "chart":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__chart-placeholder", children: [
+        /* @__PURE__ */ e("span", { children: "📊" }),
+        /* @__PURE__ */ t("span", { children: [
+          String(i.config.chartType || "bar"),
+          " chart"
+        ] })
+      ] });
+    case "table":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__table-placeholder", children: [
+        /* @__PURE__ */ e("span", { children: "📋" }),
+        /* @__PURE__ */ e("span", { children: "Data table" })
+      ] });
+    case "map":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__map-placeholder", children: [
+        /* @__PURE__ */ e("span", { children: "🗺️" }),
+        /* @__PURE__ */ e("span", { children: "Map visualization" })
+      ] });
+    case "text":
+      return /* @__PURE__ */ e(
+        "div",
+        {
+          className: "nice-dashboard-studio__text",
+          style: { fontSize: Number(i.config.fontSize) || 14 },
+          children: String(i.config.content || "")
+        }
+      );
+    default:
+      return /* @__PURE__ */ e("div", { className: "nice-dashboard-studio__widget-placeholder", children: i.type });
+  }
+}
+function ne({ filter: i }) {
+  const [l, o] = S(i.defaultValue);
+  switch (i.type) {
+    case "dropdown":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
+        /* @__PURE__ */ e("label", { children: i.label }),
+        /* @__PURE__ */ e("select", { value: String(l || ""), onChange: (s) => o(s.target.value), children: /* @__PURE__ */ e("option", { value: "", children: "All" }) })
+      ] });
+    case "daterange":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
+        /* @__PURE__ */ e("label", { children: i.label }),
+        /* @__PURE__ */ e("input", { type: "date" }),
+        /* @__PURE__ */ e("span", { children: "to" }),
+        /* @__PURE__ */ e("input", { type: "date" })
+      ] });
+    case "slider":
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
+        /* @__PURE__ */ e("label", { children: i.label }),
+        /* @__PURE__ */ e("input", { type: "range" })
+      ] });
+    default:
+      return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__filter", children: [
+        /* @__PURE__ */ e("label", { children: i.label }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: String(l || ""),
+            onChange: (s) => o(s.target.value)
+          }
+        )
+      ] });
+  }
+}
+function ae({
+  widget: i,
+  dataSources: l,
+  onChange: o,
+  onClose: s
+}) {
+  return /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__properties", children: [
+    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__properties-header", children: [
+      /* @__PURE__ */ e("h4", { children: "Widget Properties" }),
+      /* @__PURE__ */ e("button", { onClick: s, children: "×" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__properties-content", children: [
+      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+        /* @__PURE__ */ e("label", { children: "Title" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: i.title || "",
+            onChange: (d) => o({ title: d.target.value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+        /* @__PURE__ */ e("label", { children: "Data Source" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: i.dataSource || "",
+            onChange: (d) => o({ dataSource: d.target.value }),
+            children: [
+              /* @__PURE__ */ e("option", { value: "", children: "Select..." }),
+              l.map((d) => /* @__PURE__ */ e("option", { value: d.id, children: d.name }, d.id))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+        /* @__PURE__ */ e("label", { children: "Size" }),
+        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__size-inputs", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: i.position.width,
+              onChange: (d) => o({
+                position: { ...i.position, width: parseInt(d.target.value, 10) || 1 }
+              }),
+              min: 1,
+              max: 12
+            }
+          ),
+          /* @__PURE__ */ e("span", { children: "×" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "number",
+              value: i.position.height,
+              onChange: (d) => o({
+                position: { ...i.position, height: parseInt(d.target.value, 10) || 1 }
+              }),
+              min: 1,
+              max: 20
+            }
+          )
+        ] })
+      ] }),
+      i.type === "chart" && /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+        /* @__PURE__ */ e("label", { children: "Chart Type" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: String(i.config.chartType || "bar"),
+            onChange: (d) => o({ config: { ...i.config, chartType: d.target.value } }),
+            children: [
+              /* @__PURE__ */ e("option", { value: "bar", children: "Bar" }),
+              /* @__PURE__ */ e("option", { value: "line", children: "Line" }),
+              /* @__PURE__ */ e("option", { value: "pie", children: "Pie" }),
+              /* @__PURE__ */ e("option", { value: "area", children: "Area" }),
+              /* @__PURE__ */ e("option", { value: "scatter", children: "Scatter" }),
+              /* @__PURE__ */ e("option", { value: "donut", children: "Donut" })
+            ]
+          }
+        )
+      ] }),
+      i.type === "card" && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+          /* @__PURE__ */ e("label", { children: "Value Field" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: String(i.config.value || ""),
+              onChange: (d) => o({ config: { ...i.config, value: d.target.value } }),
+              placeholder: "e.g., SUM(Sales)"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+          /* @__PURE__ */ e("label", { children: "Label" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: String(i.config.label || ""),
+              onChange: (d) => o({ config: { ...i.config, label: d.target.value } })
+            }
+          )
+        ] })
+      ] }),
+      i.type === "text" && /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+        /* @__PURE__ */ e("label", { children: "Content" }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            value: String(i.config.content || ""),
+            onChange: (d) => o({ config: { ...i.config, content: d.target.value } }),
+            rows: 4
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-dashboard-studio__field", children: [
+        /* @__PURE__ */ e("label", { children: "Refresh Interval (seconds)" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "number",
+            value: i.refreshInterval || 0,
+            onChange: (d) => o({ refreshInterval: parseInt(d.target.value, 10) || 0 }),
+            min: 0,
+            placeholder: "0 = manual"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+const le = {
+  id: "",
+  name: "New Pipeline",
+  sources: [],
+  transformations: [],
+  destinations: [],
+  version: 1
+}, R = [
+  { type: "filter", label: "Filter", icon: "🔍" },
+  { type: "map", label: "Map", icon: "🔄" },
+  { type: "aggregate", label: "Aggregate", icon: "∑" },
+  { type: "join", label: "Join", icon: "🔗" },
+  { type: "union", label: "Union", icon: "∪" },
+  { type: "sort", label: "Sort", icon: "↕️" },
+  { type: "deduplicate", label: "Deduplicate", icon: "🔲" },
+  { type: "pivot", label: "Pivot", icon: "⤢" },
+  { type: "unpivot", label: "Unpivot", icon: "⤡" },
+  { type: "split", label: "Split", icon: "✂️" },
+  { type: "merge", label: "Merge", icon: "🔀" },
+  { type: "lookup", label: "Lookup", icon: "📖" },
+  { type: "derive", label: "Derive Column", icon: "➕" },
+  { type: "validate", label: "Validate", icon: "✓" },
+  { type: "cleanse", label: "Cleanse", icon: "🧹" },
+  { type: "custom", label: "Custom", icon: "ƒ" }
+];
+function me({
+  pipeline: i,
+  dataSources: l = [],
+  onChange: o,
+  onRun: s,
+  onSchedule: d,
+  className: m = ""
+}) {
+  const [a, y] = S(
+    i || { ...le, id: crypto.randomUUID() }
+  ), [r, v] = S(null), [_, p] = S("design"), [f, M] = S(!1), [T, L] = S([]), [b, D] = S(null), z = q(null), C = w(
+    (c) => {
+      y((N) => {
+        const x = c(N);
+        return o == null || o(x), x;
+      });
+    },
+    [o]
+  ), E = w(
+    (c) => {
+      var x;
+      const N = {
+        id: crypto.randomUUID(),
+        type: c.type,
+        name: c.name,
+        config: c.config,
+        schema: (x = c.schema) == null ? void 0 : x.tables[0]
+      };
+      C((I) => ({
+        ...I,
+        sources: [...I.sources, N]
+      }));
+    },
+    [C]
+  ), P = w(
+    (c, N) => {
+      var I;
+      const x = {
+        id: crypto.randomUUID(),
+        type: c,
+        name: ((I = R.find(($) => $.type === c)) == null ? void 0 : I.label) || c,
+        input: [],
+        output: crypto.randomUUID(),
+        config: re(c)
+      };
+      C(($) => ({
+        ...$,
+        transformations: [...$.transformations, x]
+      })), v({ type: "transformation", id: x.id });
+    },
+    [C]
+  ), U = w(() => {
+    const c = {
+      id: crypto.randomUUID(),
+      type: "database",
+      name: "New Destination",
+      config: {},
+      writeMode: "append"
+    };
+    C((N) => ({
+      ...N,
+      destinations: [...N.destinations, c]
+    })), v({ type: "destination", id: c.id });
+  }, [C]), u = w(
+    (c, N) => {
+      C((x) => {
+        switch (c) {
+          case "source":
+            return { ...x, sources: x.sources.filter((I) => I.id !== N) };
+          case "transformation":
+            return {
+              ...x,
+              transformations: x.transformations.filter((I) => I.id !== N)
+            };
+          case "destination":
+            return { ...x, destinations: x.destinations.filter((I) => I.id !== N) };
+          default:
+            return x;
+        }
+      }), v(null);
+    },
+    [C]
+  ), n = w(async () => {
+    if (s) {
+      M(!0);
+      try {
+        const c = await s(a);
+        L((N) => [c, ...N].slice(0, 50));
+      } finally {
+        M(!1);
+      }
+    }
+  }, [a, s]), h = w(
+    (c) => {
+      C((N) => ({ ...N, schedule: c })), d == null || d(a, c);
+    },
+    [a, C, d]
+  ), g = w(
+    (c) => {
+      if (c.preventDefault(), !!b) {
+        if (b.startsWith("transform:")) {
+          const N = b.replace("transform:", "");
+          P(N);
+        }
+        D(null);
+      }
+    },
+    [b, P]
+  ), k = () => {
+    if (!r)
+      return null;
+    switch (r.type) {
+      case "source":
+        return a.sources.find((c) => c.id === r.id);
+      case "transformation":
+        return a.transformations.find((c) => c.id === r.id);
+      case "destination":
+        return a.destinations.find((c) => c.id === r.id);
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ t("div", { className: `nice-etl-builder ${m}`, children: [
+    /* @__PURE__ */ t("div", { className: "nice-etl-builder__toolbar", children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "text",
+          value: a.name,
+          onChange: (c) => C((N) => ({ ...N, name: c.target.value })),
+          className: "nice-etl-builder__name-input"
+        }
+      ),
+      /* @__PURE__ */ e("div", { className: "nice-etl-builder__tabs", children: ["design", "code", "schedule", "history"].map((c) => /* @__PURE__ */ e(
+        "button",
+        {
+          className: `nice-etl-builder__tab ${_ === c ? "nice-etl-builder__tab--active" : ""}`,
+          onClick: () => p(c),
+          children: c.charAt(0).toUpperCase() + c.slice(1)
+        },
+        c
+      )) }),
+      /* @__PURE__ */ t("div", { className: "nice-etl-builder__actions", children: [
+        /* @__PURE__ */ e("button", { onClick: n, disabled: f, className: "nice-etl-builder__run-btn", children: f ? "⏳ Running..." : "▶ Run" }),
+        /* @__PURE__ */ e("button", { className: "nice-etl-builder__save-btn", children: "💾 Save" })
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-etl-builder__main", children: [
+      _ === "design" && /* @__PURE__ */ t("div", { className: "nice-etl-builder__palette", children: [
+        /* @__PURE__ */ e("h4", { children: "Sources" }),
+        l.map((c) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "nice-etl-builder__palette-item",
+            onClick: () => E(c),
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: "🗄️" }),
+              /* @__PURE__ */ e("span", { children: c.name })
+            ]
+          },
+          c.id
+        )),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => E({ id: "", name: "New Source", type: "database", config: {} }),
+            children: "+ Add Source"
+          }
+        ),
+        /* @__PURE__ */ e("h4", { children: "Transformations" }),
+        R.map((c) => /* @__PURE__ */ t(
+          "div",
+          {
+            className: "nice-etl-builder__palette-item",
+            draggable: !0,
+            onDragStart: () => D(`transform:${c.type}`),
+            onDragEnd: () => D(null),
+            children: [
+              /* @__PURE__ */ e("span", { className: "nice-etl-builder__palette-icon", children: c.icon }),
+              /* @__PURE__ */ e("span", { children: c.label })
+            ]
+          },
+          c.type
+        )),
+        /* @__PURE__ */ e("h4", { children: "Destinations" }),
+        /* @__PURE__ */ e("button", { onClick: U, children: "+ Add Destination" })
+      ] }),
+      _ === "design" && /* @__PURE__ */ e(
+        "div",
+        {
+          ref: z,
+          className: "nice-etl-builder__canvas",
+          onDragOver: (c) => c.preventDefault(),
+          onDrop: g,
+          onClick: () => v(null),
+          children: /* @__PURE__ */ t("div", { className: "nice-etl-builder__flow", children: [
+            /* @__PURE__ */ t("div", { className: "nice-etl-builder__column", children: [
+              /* @__PURE__ */ e("h5", { children: "Sources" }),
+              a.sources.map((c) => /* @__PURE__ */ e(
+                A,
+                {
+                  node: c,
+                  nodeType: "source",
+                  icon: "🗄️",
+                  isSelected: (r == null ? void 0 : r.id) === c.id,
+                  onSelect: () => v({ type: "source", id: c.id }),
+                  onDelete: () => u("source", c.id)
+                },
+                c.id
+              ))
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", children: "→" }),
+            /* @__PURE__ */ t("div", { className: "nice-etl-builder__column nice-etl-builder__column--transforms", children: [
+              /* @__PURE__ */ e("h5", { children: "Transformations" }),
+              a.transformations.map((c) => {
+                const N = R.find((x) => x.type === c.type);
+                return /* @__PURE__ */ e(
+                  A,
+                  {
+                    node: c,
+                    nodeType: "transformation",
+                    icon: (N == null ? void 0 : N.icon) || "🔄",
+                    isSelected: (r == null ? void 0 : r.id) === c.id,
+                    onSelect: () => v({ type: "transformation", id: c.id }),
+                    onDelete: () => u("transformation", c.id)
+                  },
+                  c.id
+                );
+              }),
+              a.transformations.length === 0 && /* @__PURE__ */ e("div", { className: "nice-etl-builder__empty-column", children: "Drag transformations here" })
+            ] }),
+            /* @__PURE__ */ e("div", { className: "nice-etl-builder__arrow", children: "→" }),
+            /* @__PURE__ */ t("div", { className: "nice-etl-builder__column", children: [
+              /* @__PURE__ */ e("h5", { children: "Destinations" }),
+              a.destinations.map((c) => /* @__PURE__ */ e(
+                A,
+                {
+                  node: c,
+                  nodeType: "destination",
+                  icon: "📥",
+                  isSelected: (r == null ? void 0 : r.id) === c.id,
+                  onSelect: () => v({ type: "destination", id: c.id }),
+                  onDelete: () => u("destination", c.id)
+                },
+                c.id
+              ))
+            ] })
+          ] })
+        }
+      ),
+      _ === "code" && /* @__PURE__ */ e("div", { className: "nice-etl-builder__code-view", children: /* @__PURE__ */ e("pre", { children: JSON.stringify(a, null, 2) }) }),
+      _ === "schedule" && /* @__PURE__ */ e(
+        oe,
+        {
+          schedule: a.schedule,
+          monitoring: a.monitoring,
+          onChange: h
+        }
+      ),
+      _ === "history" && /* @__PURE__ */ e(de, { runs: T }),
+      r && _ === "design" && /* @__PURE__ */ e(
+        ce,
+        {
+          nodeType: r.type,
+          node: k() ?? null,
+          dataSources: l,
+          onChange: (c) => {
+            C((N) => {
+              switch (r.type) {
+                case "source":
+                  return {
+                    ...N,
+                    sources: N.sources.map(
+                      (x) => x.id === r.id ? { ...x, ...c } : x
+                    )
+                  };
+                case "transformation":
+                  return {
+                    ...N,
+                    transformations: N.transformations.map(
+                      (x) => x.id === r.id ? { ...x, ...c } : x
+                    )
+                  };
+                case "destination":
+                  return {
+                    ...N,
+                    destinations: N.destinations.map(
+                      (x) => x.id === r.id ? { ...x, ...c } : x
+                    )
+                  };
+                default:
+                  return N;
+              }
+            });
+          },
+          onClose: () => v(null)
+        }
+      )
+    ] })
+  ] });
+}
+function re(i) {
+  switch (i) {
+    case "filter":
+      return { condition: "" };
+    case "map":
+      return { mappings: [] };
+    case "aggregate":
+      return { groupBy: [], aggregations: [] };
+    case "join":
+      return { joinType: "inner", leftKey: "", rightKey: "" };
+    case "union":
+      return { inputs: [] };
+    case "sort":
+      return { columns: [], directions: [] };
+    case "deduplicate":
+      return { columns: [], keepFirst: !0 };
+    case "pivot":
+      return { pivotColumn: "", valueColumn: "", aggregation: "sum" };
+    case "unpivot":
+      return { columns: [], nameColumn: "name", valueColumn: "value" };
+    case "derive":
+      return { name: "", expression: "" };
+    case "validate":
+      return { rules: [] };
+    case "cleanse":
+      return { operations: [] };
+    case "custom":
+      return { code: `// Custom transformation
+return data;` };
+    default:
+      return {};
+  }
+}
+function A({
+  node: i,
+  nodeType: l,
+  icon: o,
+  isSelected: s,
+  onSelect: d,
+  onDelete: m
+}) {
+  return /* @__PURE__ */ t(
+    "div",
+    {
+      className: `nice-etl-builder__node nice-etl-builder__node--${l} ${s ? "nice-etl-builder__node--selected" : ""}`,
+      onClick: (a) => {
+        a.stopPropagation(), d();
+      },
+      children: [
+        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-icon", children: o }),
+        /* @__PURE__ */ e("span", { className: "nice-etl-builder__node-name", children: i.name }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            className: "nice-etl-builder__node-delete",
+            onClick: (a) => {
+              a.stopPropagation(), m();
+            },
+            children: "×"
+          }
+        )
+      ]
+    }
+  );
+}
+function ce({
+  nodeType: i,
+  node: l,
+  dataSources: o,
+  onChange: s,
+  onClose: d
+}) {
+  var m;
+  return l ? /* @__PURE__ */ t("div", { className: "nice-etl-builder__properties", children: [
+    /* @__PURE__ */ t("div", { className: "nice-etl-builder__properties-header", children: [
+      /* @__PURE__ */ t("h4", { children: [
+        i.charAt(0).toUpperCase() + i.slice(1),
+        " Properties"
+      ] }),
+      /* @__PURE__ */ e("button", { onClick: d, children: "×" })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "nice-etl-builder__properties-content", children: [
+      /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Name" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: l.name,
+            onChange: (a) => s({ name: a.target.value })
+          }
+        )
+      ] }),
+      i === "source" && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Type" }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              value: l.type,
+              onChange: (a) => s({ type: a.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "database", children: "Database" }),
+                /* @__PURE__ */ e("option", { value: "api", children: "API" }),
+                /* @__PURE__ */ e("option", { value: "file", children: "File" }),
+                /* @__PURE__ */ e("option", { value: "stream", children: "Stream" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ t("label", { children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "checkbox",
+              checked: ((m = l.incremental) == null ? void 0 : m.enabled) || !1,
+              onChange: (a) => {
+                var y;
+                return s({
+                  incremental: {
+                    ...l.incremental,
+                    enabled: a.target.checked,
+                    column: ((y = l.incremental) == null ? void 0 : y.column) || ""
+                  }
+                });
+              }
+            }
+          ),
+          "Incremental Load"
+        ] }) })
+      ] }),
+      i === "transformation" && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Type" }),
+          /* @__PURE__ */ e("span", { children: l.type })
+        ] }),
+        l.type === "filter" && /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Condition" }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              value: String(l.config.condition || ""),
+              onChange: (a) => s({
+                config: { ...l.config, condition: a.target.value }
+              }),
+              placeholder: "e.g., age > 18 AND status = 'active'",
+              rows: 3
+            }
+          )
+        ] }),
+        l.type === "derive" && /* @__PURE__ */ t(F, { children: [
+          /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+            /* @__PURE__ */ e("label", { children: "Column Name" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: String(l.config.name || ""),
+                onChange: (a) => s({
+                  config: { ...l.config, name: a.target.value }
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+            /* @__PURE__ */ e("label", { children: "Expression" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "text",
+                value: String(l.config.expression || ""),
+                onChange: (a) => s({
+                  config: {
+                    ...l.config,
+                    expression: a.target.value
+                  }
+                }),
+                placeholder: "e.g., price * quantity"
+              }
+            )
+          ] })
+        ] }),
+        l.type === "custom" && /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Code" }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              value: String(l.config.code || ""),
+              onChange: (a) => s({
+                config: { ...l.config, code: a.target.value }
+              }),
+              rows: 10,
+              className: "nice-etl-builder__code-input"
+            }
+          )
+        ] })
+      ] }),
+      i === "destination" && /* @__PURE__ */ t(F, { children: [
+        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Type" }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              value: l.type,
+              onChange: (a) => s({ type: a.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "database", children: "Database" }),
+                /* @__PURE__ */ e("option", { value: "file", children: "File" }),
+                /* @__PURE__ */ e("option", { value: "api", children: "API" }),
+                /* @__PURE__ */ e("option", { value: "warehouse", children: "Data Warehouse" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+          /* @__PURE__ */ e("label", { children: "Write Mode" }),
+          /* @__PURE__ */ t(
+            "select",
+            {
+              value: l.writeMode,
+              onChange: (a) => s({ writeMode: a.target.value }),
+              children: [
+                /* @__PURE__ */ e("option", { value: "append", children: "Append" }),
+                /* @__PURE__ */ e("option", { value: "overwrite", children: "Overwrite" }),
+                /* @__PURE__ */ e("option", { value: "upsert", children: "Upsert" }),
+                /* @__PURE__ */ e("option", { value: "merge", children: "Merge" })
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) : /* @__PURE__ */ e(F, {});
+}
+function oe({
+  schedule: i,
+  monitoring: l,
+  onChange: o
+}) {
+  const [s, d] = S(i || { enabled: !1 });
+  return /* @__PURE__ */ t("div", { className: "nice-etl-builder__schedule-editor", children: [
+    /* @__PURE__ */ e("h4", { children: "Schedule Configuration" }),
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ t("label", { children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          type: "checkbox",
+          checked: s.enabled,
+          onChange: (m) => {
+            const a = { ...s, enabled: m.target.checked };
+            d(a), o(a);
+          }
+        }
+      ),
+      "Enable scheduled execution"
+    ] }) }),
+    s.enabled && /* @__PURE__ */ t(F, { children: [
+      /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Cron Expression" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            type: "text",
+            value: s.cron || "",
+            onChange: (m) => {
+              const a = { ...s, cron: m.target.value };
+              d(a);
+            },
+            placeholder: "0 0 * * * (every hour)"
+          }
+        ),
+        /* @__PURE__ */ e("small", { children: "Format: minute hour day month weekday" })
+      ] }),
+      /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+        /* @__PURE__ */ e("label", { children: "Timezone" }),
+        /* @__PURE__ */ t(
+          "select",
+          {
+            value: s.timezone || "UTC",
+            onChange: (m) => {
+              const a = { ...s, timezone: m.target.value };
+              d(a);
+            },
+            children: [
+              /* @__PURE__ */ e("option", { value: "UTC", children: "UTC" }),
+              /* @__PURE__ */ e("option", { value: "America/New_York", children: "Eastern Time" }),
+              /* @__PURE__ */ e("option", { value: "America/Chicago", children: "Central Time" }),
+              /* @__PURE__ */ e("option", { value: "America/Los_Angeles", children: "Pacific Time" }),
+              /* @__PURE__ */ e("option", { value: "Europe/London", children: "London" }),
+              /* @__PURE__ */ e("option", { value: "Europe/Warsaw", children: "Warsaw" })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e("button", { onClick: () => o(s), children: "Save Schedule" })
+    ] }),
+    /* @__PURE__ */ e("h4", { children: "Monitoring" }),
+    /* @__PURE__ */ e("div", { className: "nice-etl-builder__field", children: /* @__PURE__ */ t("label", { children: [
+      /* @__PURE__ */ e("input", { type: "checkbox", checked: (l == null ? void 0 : l.alertOnFailure) || !1, disabled: !0 }),
+      "Alert on failure"
+    ] }) }),
+    /* @__PURE__ */ t("div", { className: "nice-etl-builder__field", children: [
+      /* @__PURE__ */ e("label", { children: "Log Level" }),
+      /* @__PURE__ */ t("select", { value: (l == null ? void 0 : l.logLevel) || "info", disabled: !0, children: [
+        /* @__PURE__ */ e("option", { value: "error", children: "Error" }),
+        /* @__PURE__ */ e("option", { value: "warn", children: "Warning" }),
+        /* @__PURE__ */ e("option", { value: "info", children: "Info" }),
+        /* @__PURE__ */ e("option", { value: "debug", children: "Debug" })
+      ] })
+    ] })
+  ] });
+}
+function de({ runs: i }) {
+  return /* @__PURE__ */ t("div", { className: "nice-etl-builder__history-view", children: [
+    /* @__PURE__ */ e("h4", { children: "Run History" }),
+    i.length === 0 ? /* @__PURE__ */ e("div", { className: "nice-etl-builder__no-history", children: "No runs yet" }) : /* @__PURE__ */ t("table", { className: "nice-etl-builder__history-table", children: [
+      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+        /* @__PURE__ */ e("th", { children: "Status" }),
+        /* @__PURE__ */ e("th", { children: "Start Time" }),
+        /* @__PURE__ */ e("th", { children: "Duration" }),
+        /* @__PURE__ */ e("th", { children: "Rows" }),
+        /* @__PURE__ */ e("th", { children: "Errors" })
+      ] }) }),
+      /* @__PURE__ */ e("tbody", { children: i.map((l) => /* @__PURE__ */ t(
+        "tr",
+        {
+          className: `nice-etl-builder__run nice-etl-builder__run--${l.status}`,
+          children: [
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ t(
+              "span",
+              {
+                className: `nice-etl-builder__status nice-etl-builder__status--${l.status}`,
+                children: [
+                  l.status === "success" ? "✓" : l.status === "failed" ? "✗" : "⏳",
+                  l.status
+                ]
+              }
+            ) }),
+            /* @__PURE__ */ e("td", { children: l.startTime.toLocaleString() }),
+            /* @__PURE__ */ e("td", { children: l.endTime ? `${Math.round((l.endTime.getTime() - l.startTime.getTime()) / 1e3)}s` : "-" }),
+            /* @__PURE__ */ t("td", { children: [
+              l.rowsProcessed.toLocaleString(),
+              " / ",
+              l.rowsWritten.toLocaleString()
+            ] }),
+            /* @__PURE__ */ e("td", { children: l.errors.length })
+          ]
+        },
+        l.id
+      )) })
+    ] })
+  ] });
+}
+export {
+  pe as NiceDashboardStudio,
+  me as NiceETLBuilder,
+  he as NiceReportBuilder
+};