npm - @nice2dev/ui-science - Versions diffs - 1.0.10 - Mend

@nice2dev/ui-science 1.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/index.mjs ADDED Viewed

@@ -0,0 +1,4820 @@
+var st = Object.defineProperty;
+var at = (e, t, n) => t in e ? st(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var ve = (e, t, n) => at(e, typeof t != "symbol" ? t + "" : t, n);
+import { jsx as o, jsxs as u, Fragment as Ae } from "react/jsx-runtime";
+import { createContext as Ue, useContext as Ze, useState as E, useCallback as P, useMemo as K, useRef as ze, useEffect as Ye } from "react";
+class lt {
+  constructor(t) {
+    ve(this, "config");
+    ve(this, "notebooks", /* @__PURE__ */ new Map());
+    this.config = t;
+  }
+  /** Create new notebook */
+  async createNotebook(t) {
+    const n = {
+      id: this.generateId(),
+      name: t.name || "Untitled Notebook",
+      description: t.description,
+      project: t.project,
+      owner: t.owner || "current-user",
+      collaborators: t.collaborators || [],
+      entries: [],
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      isArchived: !1,
+      settings: t.settings || {
+        requireSignatures: !0,
+        requireWitness: !1,
+        autoLockAfterSign: !0,
+        defaultEntryType: "experiment",
+        customFields: [],
+        templates: []
+      }
+    };
+    return this.notebooks.set(n.id, n), n;
+  }
+  /** Get notebook by ID */
+  async getNotebook(t) {
+    return this.notebooks.get(t) || null;
+  }
+  /** List all notebooks */
+  async listNotebooks() {
+    return Array.from(this.notebooks.values());
+  }
+  /** Create new entry */
+  async createEntry(t, n) {
+    const r = this.notebooks.get(t);
+    if (!r)
+      throw new Error(`Notebook not found: ${t}`);
+    const i = {
+      id: this.generateId(),
+      notebookId: t,
+      type: n.type || r.settings.defaultEntryType,
+      status: "draft",
+      title: n.title || "Untitled Entry",
+      objective: n.objective,
+      hypothesis: n.hypothesis,
+      methods: n.methods,
+      results: n.results,
+      conclusions: n.conclusions,
+      sections: n.sections || [],
+      attachments: [],
+      tags: n.tags || [],
+      linkedEntries: n.linkedEntries || [],
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      createdBy: "current-user",
+      lastModifiedBy: "current-user",
+      version: 1,
+      signatures: [],
+      comments: []
+    };
+    return r.entries.push(i), r.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), i;
+  }
+  /** Update entry */
+  async updateEntry(t, n, r) {
+    const i = this.notebooks.get(t);
+    if (!i)
+      throw new Error(`Notebook not found: ${t}`);
+    const s = i.entries.findIndex((c) => c.id === n);
+    if (s === -1)
+      throw new Error(`Entry not found: ${n}`);
+    const a = i.entries[s];
+    if (a.status === "locked")
+      throw new Error("Cannot modify locked entry");
+    const l = {
+      ...a,
+      ...r,
+      id: a.id,
+      notebookId: t,
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      lastModifiedBy: "current-user",
+      version: a.version + 1
+    };
+    return i.entries[s] = l, i.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), l;
+  }
+  /** Sign entry */
+  async signEntry(t, n, r) {
+    const i = this.notebooks.get(t);
+    if (!i)
+      throw new Error(`Notebook not found: ${t}`);
+    const s = i.entries.find((l) => l.id === n);
+    if (!s)
+      throw new Error(`Entry not found: ${n}`);
+    const a = {
+      ...r,
+      signedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      signatureHash: this.generateSignatureHash(s, r.userId)
+    };
+    return s.signatures.push(a), i.settings.autoLockAfterSign && r.role === "author" && (s.status = "signed"), s.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), s;
+  }
+  /** Add attachment to entry */
+  async addAttachment(t, n, r) {
+    const i = this.notebooks.get(t);
+    if (!i)
+      throw new Error(`Notebook not found: ${t}`);
+    const s = i.entries.find((l) => l.id === n);
+    if (!s)
+      throw new Error(`Entry not found: ${n}`);
+    const a = {
+      id: this.generateId(),
+      name: r.name,
+      type: r.type,
+      size: r.size,
+      url: URL.createObjectURL(r),
+      uploadedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      uploadedBy: "current-user"
+    };
+    return s.attachments.push(a), s.updatedAt = (/* @__PURE__ */ new Date()).toISOString(), a;
+  }
+  /** Search entries */
+  async searchEntries(t, n) {
+    var s, a, l, c, h, p;
+    const r = [], i = t.toLowerCase();
+    for (const m of this.notebooks.values())
+      if (!(n != null && n.notebookId && m.id !== n.notebookId))
+        for (const y of m.entries)
+          n != null && n.type && y.type !== n.type || n != null && n.status && y.status !== n.status || (s = n == null ? void 0 : n.tags) != null && s.length && !n.tags.some(($) => y.tags.includes($)) || n != null && n.dateFrom && y.createdAt < n.dateFrom || n != null && n.dateTo && y.createdAt > n.dateTo || (y.title.toLowerCase().includes(i) || (a = y.objective) != null && a.toLowerCase().includes(i) || (l = y.hypothesis) != null && l.toLowerCase().includes(i) || (c = y.methods) != null && c.toLowerCase().includes(i) || (h = y.results) != null && h.toLowerCase().includes(i) || (p = y.conclusions) != null && p.toLowerCase().includes(i)) && r.push(y);
+    return r;
+  }
+  /** Export entry to PDF/HTML */
+  async exportEntry(t, n, r) {
+    const i = this.notebooks.get(t);
+    if (!i)
+      throw new Error(`Notebook not found: ${t}`);
+    const s = i.entries.find((l) => l.id === n);
+    if (!s)
+      throw new Error(`Entry not found: ${n}`);
+    const a = this.generateEntryHTML(s, i);
+    return r === "html" ? new Blob([a], { type: "text/html" }) : new Blob([a], { type: "text/html" });
+  }
+  generateEntryHTML(t, n) {
+    return `
+      <!DOCTYPE html>
+      <html>
+      <head>
+        <meta charset="utf-8">
+        <title>${t.title}</title>
+        <style>
+          body { font-family: 'Times New Roman', serif; max-width: 800px; margin: 0 auto; padding: 20px; }
+          h1 { border-bottom: 2px solid #333; }
+          .meta { color: #666; font-size: 0.9em; }
+          .section { margin: 20px 0; }
+          .signatures { border-top: 1px solid #ccc; margin-top: 40px; padding-top: 20px; }
+        </style>
+      </head>
+      <body>
+        <h1>${t.title}</h1>
+        <div class="meta">
+          <p>Notebook: ${n.name}</p>
+          <p>Entry ID: ${t.id}</p>
+          <p>Type: ${t.type}</p>
+          <p>Created: ${new Date(t.createdAt).toLocaleString()}</p>
+          <p>Version: ${t.version}</p>
+        </div>
+        ${t.objective ? `<div class="section"><h2>Objective</h2><p>${t.objective}</p></div>` : ""}
+        ${t.hypothesis ? `<div class="section"><h2>Hypothesis</h2><p>${t.hypothesis}</p></div>` : ""}
+        ${t.methods ? `<div class="section"><h2>Methods</h2><p>${t.methods}</p></div>` : ""}
+        ${t.results ? `<div class="section"><h2>Results</h2><p>${t.results}</p></div>` : ""}
+        ${t.conclusions ? `<div class="section"><h2>Conclusions</h2><p>${t.conclusions}</p></div>` : ""}
+        ${t.signatures.length > 0 ? `
+          <div class="signatures">
+            <h2>Signatures</h2>
+            ${t.signatures.map(
+      (r) => `
+              <p><strong>${r.userName}</strong> (${r.role}) - ${new Date(r.signedAt).toLocaleString()}</p>
+            `
+    ).join("")}
+          </div>
+        ` : ""}
+      </body>
+      </html>
+    `;
+  }
+  generateId() {
+    return Date.now().toString(36) + Math.random().toString(36).substring(2);
+  }
+  generateSignatureHash(t, n) {
+    const r = JSON.stringify({ entry: t, userId: n, timestamp: Date.now() });
+    return Buffer.from(r).toString("base64").substring(0, 32);
+  }
+}
+function Kt(e) {
+  return new lt(e);
+}
+const Ke = Ue(null);
+function Xe() {
+  const e = Ze(Ke);
+  if (!e)
+    throw new Error("useLabNotebook must be used within LabNotebookProvider");
+  return e;
+}
+function ct({
+  service: e,
+  children: t
+}) {
+  const [n, r] = E([]), [i, s] = E(null), [a, l] = E(null), c = P(async () => {
+    const $ = await e.listNotebooks();
+    r($);
+  }, [e]), h = K(
+    () => n.find(($) => $.id === i) || null,
+    [n, i]
+  ), p = K(
+    () => (h == null ? void 0 : h.entries.find(($) => $.id === a)) || null,
+    [h, a]
+  ), m = P(($) => {
+    s($), l(null);
+  }, []), y = {
+    service: e,
+    notebooks: n,
+    currentNotebook: h,
+    currentEntry: p,
+    setCurrentNotebook: m,
+    setCurrentEntry: l,
+    refresh: c
+  };
+  return /* @__PURE__ */ o(Ke.Provider, { value: y, children: t });
+}
+const q = {
+  container: {
+    display: "flex",
+    height: "100%",
+    backgroundColor: "#f5f5f5",
+    fontFamily: "'Inter', sans-serif"
+  },
+  sidebar: {
+    width: "280px",
+    backgroundColor: "#fff",
+    borderRight: "1px solid #e0e0e0",
+    display: "flex",
+    flexDirection: "column"
+  },
+  main: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  },
+  header: {
+    padding: "16px 24px",
+    borderBottom: "1px solid #e0e0e0",
+    backgroundColor: "#fff"
+  },
+  content: {
+    flex: 1,
+    padding: "24px",
+    overflow: "auto"
+  },
+  entryCard: {
+    padding: "12px 16px",
+    borderBottom: "1px solid #eee",
+    cursor: "pointer",
+    transition: "background-color 0.15s"
+  },
+  badge: {
+    display: "inline-block",
+    padding: "2px 8px",
+    borderRadius: "4px",
+    fontSize: "11px",
+    fontWeight: 500,
+    textTransform: "uppercase"
+  },
+  input: {
+    width: "100%",
+    padding: "8px 12px",
+    border: "1px solid #ddd",
+    borderRadius: "4px",
+    fontSize: "14px"
+  },
+  textarea: {
+    width: "100%",
+    padding: "12px",
+    border: "1px solid #ddd",
+    borderRadius: "4px",
+    fontSize: "14px",
+    minHeight: "100px",
+    resize: "vertical"
+  },
+  button: {
+    padding: "8px 16px",
+    backgroundColor: "#1976d2",
+    color: "#fff",
+    border: "none",
+    borderRadius: "4px",
+    cursor: "pointer",
+    fontSize: "14px"
+  }
+}, Be = {
+  draft: "#9e9e9e",
+  "in-progress": "#2196f3",
+  completed: "#4caf50",
+  reviewed: "#ff9800",
+  signed: "#9c27b0",
+  locked: "#f44336"
+}, Je = {
+  experiment: "🧪",
+  protocol: "📋",
+  observation: "👁",
+  calculation: "🔢",
+  meeting: "👥",
+  report: "📊",
+  note: "📝"
+};
+function Jt({
+  service: e,
+  className: t,
+  style: n
+}) {
+  return /* @__PURE__ */ o(ct, { service: e, children: /* @__PURE__ */ u("div", { className: t, style: { ...q.container, ...n }, children: [
+    /* @__PURE__ */ o(dt, {}),
+    /* @__PURE__ */ o(ut, {})
+  ] }) });
+}
+function dt() {
+  const { notebooks: e, currentNotebook: t, setCurrentNotebook: n, service: r, refresh: i } = Xe(), [s, a] = E(!1), [l, c] = E(""), h = async () => {
+    l.trim() && (await r.createNotebook({ name: l.trim() }), await i(), c(""), a(!1));
+  };
+  return /* @__PURE__ */ u("div", { style: q.sidebar, children: [
+    /* @__PURE__ */ o("div", { style: { padding: "16px", borderBottom: "1px solid #e0e0e0" }, children: /* @__PURE__ */ o("h2", { style: { margin: 0, fontSize: "18px" }, children: "📓 Lab Notebooks" }) }),
+    /* @__PURE__ */ o("div", { style: { flex: 1, overflow: "auto" }, children: e.map((p) => /* @__PURE__ */ u(
+      "div",
+      {
+        onClick: () => n(p.id),
+        style: {
+          ...q.entryCard,
+          backgroundColor: (t == null ? void 0 : t.id) === p.id ? "#e3f2fd" : "transparent"
+        },
+        children: [
+          /* @__PURE__ */ o("div", { style: { fontWeight: 500 }, children: p.name }),
+          /* @__PURE__ */ u("div", { style: { fontSize: "12px", color: "#666", marginTop: "4px" }, children: [
+            p.entries.length,
+            " entries"
+          ] })
+        ]
+      },
+      p.id
+    )) }),
+    /* @__PURE__ */ o("div", { style: { padding: "16px", borderTop: "1px solid #e0e0e0" }, children: s ? /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "8px" }, children: [
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          value: l,
+          onChange: (p) => c(p.target.value),
+          placeholder: "Notebook name",
+          style: q.input,
+          autoFocus: !0
+        }
+      ),
+      /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px" }, children: [
+        /* @__PURE__ */ o("button", { onClick: h, style: q.button, children: "Create" }),
+        /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: () => a(!1),
+            style: { ...q.button, backgroundColor: "#9e9e9e" },
+            children: "Cancel"
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ o("button", { onClick: () => a(!0), style: { ...q.button, width: "100%" }, children: "+ New Notebook" }) })
+  ] });
+}
+function ut() {
+  const { currentNotebook: e, currentEntry: t, setCurrentEntry: n, service: r, refresh: i } = Xe(), [s, a] = E(!1);
+  if (!e)
+    return /* @__PURE__ */ o("div", { style: { ...q.main, justifyContent: "center", alignItems: "center" }, children: /* @__PURE__ */ u("div", { style: { textAlign: "center", color: "#666" }, children: [
+      /* @__PURE__ */ o("div", { style: { fontSize: "48px", marginBottom: "16px" }, children: "📓" }),
+      /* @__PURE__ */ o("div", { style: { fontSize: "18px" }, children: "Select a notebook to get started" })
+    ] }) });
+  const l = async (c) => {
+    const h = await r.createEntry(e.id, c);
+    await i(), n(h.id), a(!1);
+  };
+  return /* @__PURE__ */ u("div", { style: q.main, children: [
+    /* @__PURE__ */ o("div", { style: q.header, children: /* @__PURE__ */ u("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
+      /* @__PURE__ */ o("h1", { style: { margin: 0, fontSize: "20px" }, children: e.name }),
+      /* @__PURE__ */ o("button", { onClick: () => a(!0), style: q.button, children: "+ New Entry" })
+    ] }) }),
+    /* @__PURE__ */ u("div", { style: { display: "flex", flex: 1, overflow: "hidden" }, children: [
+      /* @__PURE__ */ o("div", { style: { width: "300px", borderRight: "1px solid #e0e0e0", overflow: "auto" }, children: e.entries.map((c) => /* @__PURE__ */ u(
+        "div",
+        {
+          onClick: () => n(c.id),
+          style: {
+            ...q.entryCard,
+            backgroundColor: (t == null ? void 0 : t.id) === c.id ? "#e3f2fd" : "transparent"
+          },
+          children: [
+            /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px", alignItems: "center" }, children: [
+              /* @__PURE__ */ o("span", { children: Je[c.type] }),
+              /* @__PURE__ */ o("span", { style: { fontWeight: 500 }, children: c.title })
+            ] }),
+            /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+              /* @__PURE__ */ o(
+                "span",
+                {
+                  style: {
+                    ...q.badge,
+                    backgroundColor: `${Be[c.status]}20`,
+                    color: Be[c.status]
+                  },
+                  children: c.status
+                }
+              ),
+              /* @__PURE__ */ o("span", { style: { fontSize: "12px", color: "#666" }, children: new Date(c.updatedAt).toLocaleDateString() })
+            ] })
+          ]
+        },
+        c.id
+      )) }),
+      /* @__PURE__ */ o("div", { style: q.content, children: t ? /* @__PURE__ */ o(ht, { entry: t }) : s ? /* @__PURE__ */ o(pt, { onSubmit: l, onCancel: () => a(!1) }) : /* @__PURE__ */ o("div", { style: { textAlign: "center", color: "#666", marginTop: "100px" }, children: "Select an entry or create a new one" }) })
+    ] })
+  ] });
+}
+function ht({ entry: e }) {
+  const { service: t, currentNotebook: n, refresh: r } = Xe(), [i, s] = E(!1), [a, l] = E(e), c = e.status === "locked" || e.status === "signed", h = async () => {
+    n && (await t.updateEntry(n.id, e.id, a), await r(), s(!1));
+  }, p = async () => {
+    n && (await t.signEntry(n.id, e.id, {
+      userId: "current-user",
+      userName: "Current User",
+      role: "author"
+    }), await r());
+  };
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ u(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "flex-start",
+          marginBottom: "24px"
+        },
+        children: [
+          /* @__PURE__ */ u("div", { children: [
+            /* @__PURE__ */ o("h2", { style: { margin: 0 }, children: e.title }),
+            /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px", marginTop: "8px" }, children: [
+              /* @__PURE__ */ o(
+                "span",
+                {
+                  style: {
+                    ...q.badge,
+                    backgroundColor: `${Be[e.status]}20`,
+                    color: Be[e.status]
+                  },
+                  children: e.status
+                }
+              ),
+              /* @__PURE__ */ u("span", { style: { fontSize: "12px", color: "#666" }, children: [
+                "v",
+                e.version
+              ] })
+            ] })
+          ] }),
+          !c && /* @__PURE__ */ o("div", { style: { display: "flex", gap: "8px" }, children: i ? /* @__PURE__ */ u(Ae, { children: [
+            /* @__PURE__ */ o("button", { onClick: h, style: q.button, children: "Save" }),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                onClick: () => {
+                  s(!1), l(e);
+                },
+                style: { ...q.button, backgroundColor: "#9e9e9e" },
+                children: "Cancel"
+              }
+            )
+          ] }) : /* @__PURE__ */ u(Ae, { children: [
+            /* @__PURE__ */ o("button", { onClick: () => s(!0), style: q.button, children: "Edit" }),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                onClick: p,
+                style: { ...q.button, backgroundColor: "#9c27b0" },
+                children: "Sign"
+              }
+            )
+          ] }) })
+        ]
+      }
+    ),
+    i ? /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Title" }),
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: "text",
+            value: a.title,
+            onChange: (m) => l({ ...a, title: m.target.value }),
+            style: q.input
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Objective" }),
+        /* @__PURE__ */ o(
+          "textarea",
+          {
+            value: a.objective || "",
+            onChange: (m) => l({ ...a, objective: m.target.value }),
+            style: q.textarea
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Methods" }),
+        /* @__PURE__ */ o(
+          "textarea",
+          {
+            value: a.methods || "",
+            onChange: (m) => l({ ...a, methods: m.target.value }),
+            style: q.textarea
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Results" }),
+        /* @__PURE__ */ o(
+          "textarea",
+          {
+            value: a.results || "",
+            onChange: (m) => l({ ...a, results: m.target.value }),
+            style: q.textarea
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Conclusions" }),
+        /* @__PURE__ */ o(
+          "textarea",
+          {
+            value: a.conclusions || "",
+            onChange: (m) => l({ ...a, conclusions: m.target.value }),
+            style: q.textarea
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "24px" }, children: [
+      e.objective && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0", color: "#1976d2" }, children: "Objective" }),
+        /* @__PURE__ */ o("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: e.objective })
+      ] }),
+      e.hypothesis && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0", color: "#1976d2" }, children: "Hypothesis" }),
+        /* @__PURE__ */ o("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: e.hypothesis })
+      ] }),
+      e.methods && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0", color: "#1976d2" }, children: "Methods" }),
+        /* @__PURE__ */ o("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: e.methods })
+      ] }),
+      e.results && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0", color: "#1976d2" }, children: "Results" }),
+        /* @__PURE__ */ o("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: e.results })
+      ] }),
+      e.conclusions && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0", color: "#1976d2" }, children: "Conclusions" }),
+        /* @__PURE__ */ o("p", { style: { margin: 0, whiteSpace: "pre-wrap" }, children: e.conclusions })
+      ] }),
+      e.signatures.length > 0 && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0", color: "#9c27b0" }, children: "Signatures" }),
+        e.signatures.map((m, y) => /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              padding: "8px",
+              backgroundColor: "#f5f5f5",
+              borderRadius: "4px",
+              marginBottom: "8px"
+            },
+            children: [
+              /* @__PURE__ */ o("strong", { children: m.userName }),
+              " (",
+              m.role,
+              ")",
+              /* @__PURE__ */ o("div", { style: { fontSize: "12px", color: "#666" }, children: new Date(m.signedAt).toLocaleString() })
+            ]
+          },
+          y
+        ))
+      ] }),
+      e.attachments.length > 0 && /* @__PURE__ */ u("section", { children: [
+        /* @__PURE__ */ o("h3", { style: { margin: "0 0 8px 0" }, children: "Attachments" }),
+        e.attachments.map((m) => /* @__PURE__ */ u(
+          "a",
+          {
+            href: m.url,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            style: { display: "block", color: "#1976d2", textDecoration: "none" },
+            children: [
+              "📎 ",
+              m.name,
+              " (",
+              (m.size / 1024).toFixed(1),
+              " KB)"
+            ]
+          },
+          m.id
+        ))
+      ] })
+    ] })
+  ] });
+}
+function pt({
+  onSubmit: e,
+  onCancel: t
+}) {
+  const [n, r] = E({
+    title: "",
+    type: "experiment",
+    objective: ""
+  });
+  return /* @__PURE__ */ u("form", { onSubmit: (s) => {
+    var a;
+    s.preventDefault(), (a = n.title) != null && a.trim() && e(n);
+  }, style: { display: "flex", flexDirection: "column", gap: "16px" }, children: [
+    /* @__PURE__ */ o("h2", { style: { margin: 0 }, children: "New Entry" }),
+    /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Type" }),
+      /* @__PURE__ */ o(
+        "select",
+        {
+          value: n.type,
+          onChange: (s) => r({ ...n, type: s.target.value }),
+          style: q.input,
+          children: Object.entries(Je).map(([s, a]) => /* @__PURE__ */ u("option", { value: s, children: [
+            a,
+            " ",
+            s
+          ] }, s))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Title *" }),
+      /* @__PURE__ */ o(
+        "input",
+        {
+          type: "text",
+          value: n.title,
+          onChange: (s) => r({ ...n, title: s.target.value }),
+          placeholder: "Enter entry title",
+          style: q.input,
+          required: !0
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { children: [
+      /* @__PURE__ */ o("label", { style: { display: "block", marginBottom: "4px", fontWeight: 500 }, children: "Objective" }),
+      /* @__PURE__ */ o(
+        "textarea",
+        {
+          value: n.objective,
+          onChange: (s) => r({ ...n, objective: s.target.value }),
+          placeholder: "What is the goal of this entry?",
+          style: q.textarea
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px" }, children: [
+      /* @__PURE__ */ o("button", { type: "submit", style: q.button, children: "Create Entry" }),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          type: "button",
+          onClick: t,
+          style: { ...q.button, backgroundColor: "#9e9e9e" },
+          children: "Cancel"
+        }
+      )
+    ] })
+  ] });
+}
+const $e = {
+  /** Calculate mean */
+  mean(e) {
+    return e.length === 0 ? NaN : e.reduce((t, n) => t + n, 0) / e.length;
+  },
+  /** Calculate median */
+  median(e) {
+    if (e.length === 0)
+      return NaN;
+    const t = [...e].sort((r, i) => r - i), n = Math.floor(t.length / 2);
+    return t.length % 2 !== 0 ? t[n] : (t[n - 1] + t[n]) / 2;
+  },
+  /** Calculate variance */
+  variance(e, t = !1) {
+    if (e.length === 0)
+      return NaN;
+    const n = this.mean(e), r = e.map((s) => Math.pow(s - n, 2)), i = t ? e.length : e.length - 1;
+    return r.reduce((s, a) => s + a, 0) / i;
+  },
+  /** Calculate standard deviation */
+  std(e, t = !1) {
+    return Math.sqrt(this.variance(e, t));
+  },
+  /** Calculate mode */
+  mode(e) {
+    const t = /* @__PURE__ */ new Map();
+    let n = 0, r = e[0];
+    for (const i of e) {
+      const s = (t.get(i) || 0) + 1;
+      t.set(i, s), s > n && (n = s, r = i);
+    }
+    return r;
+  },
+  /** Calculate percentile */
+  percentile(e, t) {
+    if (e.length === 0)
+      return NaN;
+    const n = [...e].sort((l, c) => l - c), r = t / 100 * (n.length - 1), i = Math.floor(r), s = Math.ceil(r), a = r - i;
+    return n[i] * (1 - a) + n[s] * a;
+  },
+  /** Calculate quartiles */
+  quartiles(e) {
+    return {
+      q1: this.percentile(e, 25),
+      q2: this.percentile(e, 50),
+      q3: this.percentile(e, 75)
+    };
+  },
+  /** Calculate skewness */
+  skewness(e) {
+    const t = e.length;
+    if (t < 3)
+      return NaN;
+    const n = this.mean(e), r = this.std(e), i = e.map((s) => Math.pow((s - n) / r, 3));
+    return t / ((t - 1) * (t - 2)) * i.reduce((s, a) => s + a, 0);
+  },
+  /** Calculate kurtosis */
+  kurtosis(e) {
+    const t = e.length;
+    if (t < 4)
+      return NaN;
+    const n = this.mean(e), r = this.std(e), s = e.map((a) => Math.pow((a - n) / r, 4)).reduce((a, l) => a + l, 0);
+    return t * (t + 1) / ((t - 1) * (t - 2) * (t - 3)) * s - 3 * Math.pow(t - 1, 2) / ((t - 2) * (t - 3));
+  },
+  /** Correlation coefficient (Pearson) */
+  correlation(e, t) {
+    if (e.length !== t.length || e.length < 2)
+      return NaN;
+    const n = e.length, r = this.mean(e), i = this.mean(t);
+    let s = 0, a = 0, l = 0;
+    for (let c = 0; c < n; c++) {
+      const h = e[c] - r, p = t[c] - i;
+      s += h * p, a += h * h, l += p * p;
+    }
+    return s / Math.sqrt(a * l);
+  },
+  /** Correlation matrix */
+  correlationMatrix(e) {
+    const t = Object.keys(e), n = {};
+    for (const r of t) {
+      n[r] = {};
+      for (const i of t)
+        n[r][i] = this.correlation(e[r], e[i]);
+    }
+    return n;
+  },
+  /** Covariance */
+  covariance(e, t, n = !1) {
+    if (e.length !== t.length || e.length < 2)
+      return NaN;
+    const r = e.length, i = this.mean(e), s = this.mean(t);
+    let a = 0;
+    for (let l = 0; l < r; l++)
+      a += (e[l] - i) * (t[l] - s);
+    return a / (n ? r : r - 1);
+  },
+  /** Simple linear regression */
+  linearRegression(e, t) {
+    if (e.length !== t.length || e.length < 2)
+      throw new Error("Invalid input arrays");
+    const n = e.length, r = this.mean(e), i = this.mean(t);
+    let s = 0, a = 0;
+    for (let $ = 0; $ < n; $++)
+      s += (e[$] - r) * (t[$] - i), a += Math.pow(e[$] - r, 2);
+    const l = s / a, c = i - l * r;
+    let h = 0, p = 0;
+    for (let $ = 0; $ < n; $++) {
+      const w = l * e[$] + c;
+      h += Math.pow(t[$] - i, 2), p += Math.pow(t[$] - w, 2);
+    }
+    const m = 1 - p / h, y = `y = ${l.toFixed(4)}x + ${c.toFixed(4)}`;
+    return { slope: l, intercept: c, r2: m, equation: y };
+  },
+  /** T-test (two-sample) */
+  tTest(e, t) {
+    const n = e.length, r = t.length, i = this.mean(e), s = this.mean(t), a = this.variance(e), l = this.variance(t), c = Math.sqrt(a / n + l / r), h = (i - s) / c, p = Math.pow(a / n + l / r, 2) / (Math.pow(a / n, 2) / (n - 1) + Math.pow(l / r, 2) / (r - 1)), m = 2 * (1 - this.normalCDF(Math.abs(h)));
+    return {
+      tStatistic: h,
+      pValue: m,
+      degreesOfFreedom: p,
+      meanDiff: i - s
+    };
+  },
+  /** Normal CDF approximation */
+  normalCDF(e) {
+    const t = 0.254829592, n = -0.284496736, r = 1.421413741, i = -1.453152027, s = 1.061405429, a = 0.3275911, l = e < 0 ? -1 : 1;
+    e = Math.abs(e) / Math.sqrt(2);
+    const c = 1 / (1 + a * e), h = 1 - ((((s * c + i) * c + r) * c + n) * c + t) * c * Math.exp(-e * e);
+    return 0.5 * (1 + l * h);
+  },
+  /** Chi-square test */
+  chiSquare(e, t) {
+    if (e.length !== t.length)
+      throw new Error("Arrays must have same length");
+    let n = 0;
+    for (let s = 0; s < e.length; s++)
+      n += Math.pow(e[s] - t[s], 2) / t[s];
+    const r = e.length - 1;
+    return {
+      chiSquare: n,
+      pValue: 0.05,
+      degreesOfFreedom: r
+    };
+  },
+  /** Z-score normalization */
+  zScore(e) {
+    const t = this.mean(e), n = this.std(e);
+    return e.map((r) => (r - t) / n);
+  },
+  /** Min-max normalization */
+  minMaxNormalize(e, t = 0, n = 1) {
+    const r = Math.min(...e), s = Math.max(...e) - r;
+    return e.map((a) => t + (a - r) / s * (n - t));
+  },
+  /** Describe dataset */
+  describe(e) {
+    const t = e.filter((r) => r != null && !isNaN(r)), n = this.quartiles(t);
+    return {
+      count: t.length,
+      mean: this.mean(t),
+      median: n.q2,
+      std: this.std(t),
+      min: Math.min(...t),
+      max: Math.max(...t),
+      q1: n.q1,
+      q3: n.q3,
+      skewness: this.skewness(t),
+      kurtosis: this.kurtosis(t),
+      mode: this.mode(t),
+      variance: this.variance(t)
+    };
+  }
+};
+class ft {
+  constructor(t = {}) {
+    ve(this, "config");
+    ve(this, "datasets", /* @__PURE__ */ new Map());
+    ve(this, "analyses", /* @__PURE__ */ new Map());
+    this.config = {
+      maxRowsInMemory: 1e5,
+      ...t
+    };
+  }
+  /** Import data from CSV */
+  async importCSV(t, n) {
+    const r = (n == null ? void 0 : n.delimiter) || ",", i = (n == null ? void 0 : n.header) !== !1, s = t.split(`
+`).filter((y) => y.trim());
+    if (s.length === 0)
+      throw new Error("Empty CSV content");
+    const a = (y) => {
+      const $ = [];
+      let w = "", j = !1;
+      for (const J of y)
+        J === '"' ? j = !j : J === r && !j ? ($.push(w.trim()), w = "") : w += J;
+      return $.push(w.trim()), $;
+    }, l = a(s[0]), c = i ? l : l.map((y, $) => `col_${$ + 1}`), h = i ? 1 : 0, p = [];
+    for (let y = h; y < s.length; y++) {
+      const $ = a(s[y]), w = {};
+      for (let j = 0; j < c.length; j++) {
+        const J = $[j], te = parseFloat(J);
+        w[c[j]] = !isNaN(te) && J !== "" ? te : J;
+      }
+      p.push(w);
+    }
+    return this.createDataset({
+      name: (n == null ? void 0 : n.name) || "Imported CSV",
+      data: p,
+      source: { type: "csv" }
+    });
+  }
+  /** Import data from JSON */
+  async importJSON(t, n) {
+    const r = typeof t == "string" ? JSON.parse(t) : t;
+    if (!Array.isArray(r))
+      throw new Error("JSON must be an array of objects");
+    return this.createDataset({
+      name: (n == null ? void 0 : n.name) || "Imported JSON",
+      data: r,
+      source: { type: "json" }
+    });
+  }
+  /** Create dataset */
+  createDataset(t) {
+    const { name: n, data: r, description: i, source: s } = t, a = this.inferColumns(r), l = {
+      id: this.generateId(),
+      name: n,
+      description: i,
+      columns: a,
+      data: r,
+      rowCount: r.length,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      source: s
+    };
+    return this.datasets.set(l.id, l), l;
+  }
+  inferColumns(t) {
+    if (t.length === 0)
+      return [];
+    const n = /* @__PURE__ */ new Set();
+    t.forEach((i) => Object.keys(i).forEach((s) => n.add(s)));
+    const r = [];
+    for (const i of n) {
+      const s = t.map((p) => p[i]), a = s.filter((p) => p != null), l = new Set(a);
+      let c = "mixed";
+      a.every((p) => typeof p == "number") ? c = "number" : a.every((p) => typeof p == "string") ? c = l.size < a.length * 0.5 ? "category" : "string" : a.every((p) => typeof p == "boolean") ? c = "boolean" : a.every((p) => p instanceof Date || !isNaN(Date.parse(p))) && (c = "date");
+      const h = {
+        name: i,
+        type: c,
+        nullable: s.some((p) => p == null),
+        unique: l.size,
+        missing: s.length - a.length
+      };
+      if (c === "number") {
+        const p = a.filter((m) => typeof m == "number");
+        h.stats = $e.describe(p);
+      }
+      r.push(h);
+    }
+    return r;
+  }
+  /** Run analysis */
+  runAnalysis(t, n, r = {}) {
+    const i = this.datasets.get(t);
+    if (!i)
+      throw new Error(`Dataset not found: ${t}`);
+    const s = performance.now();
+    let a;
+    switch (n) {
+      case "descriptive":
+        a = this.descriptiveAnalysis(i, r);
+        break;
+      case "correlation":
+        a = this.correlationAnalysis(i, r);
+        break;
+      case "regression":
+        a = this.regressionAnalysis(
+          i,
+          r
+        );
+        break;
+      case "ttest":
+        a = this.tTestAnalysis(i, r);
+        break;
+      case "distribution":
+        a = this.distributionAnalysis(
+          i,
+          r
+        );
+        break;
+      default:
+        throw new Error(`Unsupported analysis type: ${n}`);
+    }
+    const l = performance.now() - s, c = {
+      id: this.generateId(),
+      datasetId: t,
+      type: n,
+      parameters: r,
+      result: a,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      executionTimeMs: l
+    };
+    return this.analyses.set(c.id, c), c;
+  }
+  descriptiveAnalysis(t, n) {
+    const r = n.columns || t.columns.filter((s) => s.type === "number").map((s) => s.name), i = {};
+    for (const s of r) {
+      const a = t.data.map((l) => l[s]).filter((l) => typeof l == "number");
+      i[s] = $e.describe(a);
+    }
+    return i;
+  }
+  correlationAnalysis(t, n) {
+    const r = n.columns || t.columns.filter((s) => s.type === "number").map((s) => s.name), i = {};
+    for (const s of r)
+      i[s] = t.data.map((a) => a[s]).filter((a) => typeof a == "number");
+    return {
+      matrix: $e.correlationMatrix(i),
+      columns: r
+    };
+  }
+  regressionAnalysis(t, n) {
+    const { xColumn: r, yColumn: i } = n, s = t.data.map((l) => l[r]).filter((l) => typeof l == "number"), a = t.data.map((l) => l[i]).filter((l) => typeof l == "number");
+    return $e.linearRegression(s, a);
+  }
+  tTestAnalysis(t, n) {
+    const { column: r, groupColumn: i } = n, s = /* @__PURE__ */ new Map();
+    for (const l of t.data) {
+      const c = l[i], h = l[r];
+      typeof h == "number" && (s.has(c) || s.set(c, []), s.get(c).push(h));
+    }
+    const a = Array.from(s.keys());
+    if (a.length !== 2)
+      throw new Error("T-test requires exactly 2 groups");
+    return $e.tTest(s.get(a[0]), s.get(a[1]));
+  }
+  distributionAnalysis(t, n) {
+    const { column: r, bins: i = 10 } = n, s = t.data.map((m) => m[r]).filter((m) => typeof m == "number"), a = Math.min(...s), c = (Math.max(...s) - a) / i, h = new Array(i).fill(0), p = [];
+    for (let m = 0; m <= i; m++)
+      p.push(a + m * c);
+    for (const m of s) {
+      const y = Math.min(Math.floor((m - a) / c), i - 1);
+      h[y]++;
+    }
+    return {
+      histogram: h,
+      binEdges: p,
+      stats: $e.describe(s)
+    };
+  }
+  /** Apply transformation */
+  transform(t, n) {
+    const r = this.datasets.get(t);
+    if (!r)
+      throw new Error(`Dataset not found: ${t}`);
+    let i = [...r.data];
+    switch (n.type) {
+      case "filter":
+        i = this.applyFilter(i, n);
+        break;
+      case "sort":
+        i = this.applySort(i, n);
+        break;
+      case "fillna":
+        i = this.applyFillNA(i, n);
+        break;
+      case "dropna":
+        i = this.applyDropNA(i, n);
+        break;
+      case "normalize":
+        i = this.applyNormalize(i, n);
+        break;
+      case "standardize":
+        i = this.applyStandardize(i, n);
+        break;
+      default:
+        throw new Error(`Unsupported transformation: ${n.type}`);
+    }
+    return this.createDataset({
+      name: `${r.name} (transformed)`,
+      data: i
+    });
+  }
+  applyFilter(t, n) {
+    const { column: r, parameters: i } = n, { operator: s, value: a } = i;
+    return t.filter((l) => {
+      const c = l[r];
+      switch (s) {
+        case "==":
+          return c === a;
+        case "!=":
+          return c !== a;
+        case ">":
+          return c > a;
+        case ">=":
+          return c >= a;
+        case "<":
+          return c < a;
+        case "<=":
+          return c <= a;
+        case "contains":
+          return String(c).includes(a);
+        case "startswith":
+          return String(c).startsWith(a);
+        default:
+          return !0;
+      }
+    });
+  }
+  applySort(t, n) {
+    const { column: r, parameters: i } = n, s = i.ascending !== !1;
+    return [...t].sort((a, l) => {
+      const c = a[r], h = l[r];
+      return c < h ? s ? -1 : 1 : c > h ? s ? 1 : -1 : 0;
+    });
+  }
+  applyFillNA(t, n) {
+    const { column: r, parameters: i } = n, s = i.value;
+    return t.map((a) => ({
+      ...a,
+      [r]: a[r] ?? s
+    }));
+  }
+  applyDropNA(t, n) {
+    const r = n.columns || [n.column];
+    return t.filter((i) => r.every((s) => i[s] != null));
+  }
+  applyNormalize(t, n) {
+    const { column: r } = n, i = t.map((c) => c[r]).filter((c) => typeof c == "number"), s = Math.min(...i), l = Math.max(...i) - s;
+    return t.map((c) => ({
+      ...c,
+      [r]: typeof c[r] == "number" ? (c[r] - s) / l : c[r]
+    }));
+  }
+  applyStandardize(t, n) {
+    const { column: r } = n, i = t.map((l) => l[r]).filter((l) => typeof l == "number"), s = $e.mean(i), a = $e.std(i);
+    return t.map((l) => ({
+      ...l,
+      [r]: typeof l[r] == "number" ? (l[r] - s) / a : l[r]
+    }));
+  }
+  /** Export dataset */
+  exportCSV(t) {
+    const n = this.datasets.get(t);
+    if (!n)
+      throw new Error(`Dataset not found: ${t}`);
+    const r = n.columns.map((s) => s.name), i = n.data.map(
+      (s) => r.map((a) => {
+        const l = s[a];
+        return l == null ? "" : typeof l == "string" && (l.includes(",") || l.includes('"')) ? `"${l.replace(/"/g, '""')}"` : String(l);
+      }).join(",")
+    );
+    return [r.join(","), ...i].join(`
+`);
+  }
+  /** Get dataset */
+  getDataset(t) {
+    return this.datasets.get(t);
+  }
+  /** List datasets */
+  listDatasets() {
+    return Array.from(this.datasets.values());
+  }
+  generateId() {
+    return Date.now().toString(36) + Math.random().toString(36).substring(2);
+  }
+}
+function Gt(e) {
+  return new ft(e);
+}
+function Qt({
+  service: e,
+  className: t,
+  style: n
+}) {
+  const [r, i] = E([]), [s, a] = E(null), [l, c] = E("data"), h = P(() => {
+    i(e.listDatasets());
+  }, [e]), p = K(
+    () => r.find((y) => y.id === s),
+    [r, s]
+  ), m = async (y) => {
+    var j;
+    const $ = (j = y.target.files) == null ? void 0 : j[0];
+    if (!$)
+      return;
+    const w = await $.text();
+    $.name.endsWith(".csv") ? await e.importCSV(w, { name: $.name }) : $.name.endsWith(".json") && await e.importJSON(w, { name: $.name }), h();
+  };
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      className: t,
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        height: "100%",
+        fontFamily: "'Inter', sans-serif",
+        ...n
+      },
+      children: [
+        /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              padding: "12px 16px",
+              borderBottom: "1px solid #e0e0e0",
+              display: "flex",
+              gap: "12px",
+              alignItems: "center"
+            },
+            children: [
+              /* @__PURE__ */ u(
+                "label",
+                {
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: "#1976d2",
+                    color: "white",
+                    borderRadius: "4px",
+                    cursor: "pointer"
+                  },
+                  children: [
+                    "Import Data",
+                    /* @__PURE__ */ o(
+                      "input",
+                      {
+                        type: "file",
+                        accept: ".csv,.json",
+                        onChange: m,
+                        style: { display: "none" }
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ u(
+                "select",
+                {
+                  value: s || "",
+                  onChange: (y) => a(y.target.value || null),
+                  style: { padding: "8px 12px", borderRadius: "4px", border: "1px solid #ddd" },
+                  children: [
+                    /* @__PURE__ */ o("option", { value: "", children: "Select dataset..." }),
+                    r.map((y) => /* @__PURE__ */ u("option", { value: y.id, children: [
+                      y.name,
+                      " (",
+                      y.rowCount,
+                      " rows)"
+                    ] }, y.id))
+                  ]
+                }
+              ),
+              p && /* @__PURE__ */ o("div", { style: { marginLeft: "auto", display: "flex", gap: "8px" }, children: ["data", "stats", "analysis"].map((y) => /* @__PURE__ */ o(
+                "button",
+                {
+                  onClick: () => c(y),
+                  style: {
+                    padding: "8px 16px",
+                    backgroundColor: l === y ? "#1976d2" : "transparent",
+                    color: l === y ? "white" : "#333",
+                    border: "1px solid #ddd",
+                    borderRadius: "4px",
+                    cursor: "pointer",
+                    textTransform: "capitalize"
+                  },
+                  children: y
+                },
+                y
+              )) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { style: { flex: 1, overflow: "auto", padding: "16px" }, children: p ? l === "data" ? /* @__PURE__ */ o(mt, { dataset: p }) : l === "stats" ? /* @__PURE__ */ o(yt, { dataset: p }) : /* @__PURE__ */ o(gt, { dataset: p, service: e }) : /* @__PURE__ */ u("div", { style: { textAlign: "center", color: "#666", padding: "48px" }, children: [
+          /* @__PURE__ */ o("div", { style: { fontSize: "48px", marginBottom: "16px" }, children: "📊" }),
+          /* @__PURE__ */ o("div", { style: { fontSize: "18px" }, children: "Import a dataset or select an existing one to begin" })
+        ] }) })
+      ]
+    }
+  );
+}
+function mt({ dataset: e }) {
+  const [t, n] = E(0), r = 50, i = Math.ceil(e.rowCount / r), s = e.data.slice(t * r, (t + 1) * r);
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ o("div", { style: { overflowX: "auto", marginBottom: "16px" }, children: /* @__PURE__ */ u("table", { style: { borderCollapse: "collapse", width: "100%", fontSize: "13px" }, children: [
+      /* @__PURE__ */ o("thead", { children: /* @__PURE__ */ u("tr", { style: { backgroundColor: "#f5f5f5" }, children: [
+        /* @__PURE__ */ o("th", { style: { padding: "8px 12px", border: "1px solid #ddd", textAlign: "left" }, children: "#" }),
+        e.columns.map((a) => /* @__PURE__ */ u(
+          "th",
+          {
+            style: { padding: "8px 12px", border: "1px solid #ddd", textAlign: "left" },
+            children: [
+              a.name,
+              /* @__PURE__ */ o("div", { style: { fontSize: "10px", color: "#666", fontWeight: "normal" }, children: a.type })
+            ]
+          },
+          a.name
+        ))
+      ] }) }),
+      /* @__PURE__ */ o("tbody", { children: s.map((a, l) => /* @__PURE__ */ u("tr", { children: [
+        /* @__PURE__ */ o("td", { style: { padding: "8px 12px", border: "1px solid #ddd", color: "#666" }, children: t * r + l + 1 }),
+        e.columns.map((c) => /* @__PURE__ */ o("td", { style: { padding: "8px 12px", border: "1px solid #ddd" }, children: a[c.name] != null ? String(a[c.name]) : /* @__PURE__ */ o("span", { style: { color: "#ccc" }, children: "null" }) }, c.name))
+      ] }, l)) })
+    ] }) }),
+    /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px", alignItems: "center", justifyContent: "center" }, children: [
+      /* @__PURE__ */ o("button", { onClick: () => n(0), disabled: t === 0, children: "First" }),
+      /* @__PURE__ */ o("button", { onClick: () => n(t - 1), disabled: t === 0, children: "Prev" }),
+      /* @__PURE__ */ u("span", { children: [
+        "Page ",
+        t + 1,
+        " of ",
+        i
+      ] }),
+      /* @__PURE__ */ o("button", { onClick: () => n(t + 1), disabled: t >= i - 1, children: "Next" }),
+      /* @__PURE__ */ o("button", { onClick: () => n(i - 1), disabled: t >= i - 1, children: "Last" })
+    ] })
+  ] });
+}
+function yt({ dataset: e }) {
+  const t = e.columns.filter((n) => n.type === "number");
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      style: {
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(300px, 1fr))",
+        gap: "16px"
+      },
+      children: t.map((n) => /* @__PURE__ */ u(
+        "div",
+        {
+          style: { padding: "16px", backgroundColor: "#f9f9f9", borderRadius: "8px" },
+          children: [
+            /* @__PURE__ */ o("h3", { style: { margin: "0 0 12px 0" }, children: n.name }),
+            n.stats && /* @__PURE__ */ o("table", { style: { width: "100%", fontSize: "13px" }, children: /* @__PURE__ */ o("tbody", { children: Object.entries(n.stats).map(([r, i]) => /* @__PURE__ */ u("tr", { children: [
+              /* @__PURE__ */ o("td", { style: { padding: "4px 0", color: "#666" }, children: r }),
+              /* @__PURE__ */ o("td", { style: { padding: "4px 0", textAlign: "right", fontFamily: "monospace" }, children: typeof i == "number" ? i.toFixed(4) : String(i) })
+            ] }, r)) }) })
+          ]
+        },
+        n.name
+      ))
+    }
+  );
+}
+function gt({
+  dataset: e,
+  service: t
+}) {
+  const [n, r] = E("descriptive"), [i, s] = E(null);
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ u("div", { style: { display: "flex", gap: "12px", marginBottom: "24px" }, children: [
+      /* @__PURE__ */ u(
+        "select",
+        {
+          value: n,
+          onChange: (l) => r(l.target.value),
+          style: { padding: "8px 12px", borderRadius: "4px", border: "1px solid #ddd" },
+          children: [
+            /* @__PURE__ */ o("option", { value: "descriptive", children: "Descriptive Statistics" }),
+            /* @__PURE__ */ o("option", { value: "correlation", children: "Correlation Matrix" }),
+            /* @__PURE__ */ o("option", { value: "distribution", children: "Distribution Analysis" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        "button",
+        {
+          onClick: () => {
+            const l = t.runAnalysis(e.id, n, {});
+            s(l);
+          },
+          style: {
+            padding: "8px 16px",
+            backgroundColor: "#1976d2",
+            color: "white",
+            border: "none",
+            borderRadius: "4px",
+            cursor: "pointer"
+          },
+          children: "Run Analysis"
+        }
+      )
+    ] }),
+    i && /* @__PURE__ */ u("div", { style: { padding: "16px", backgroundColor: "#f9f9f9", borderRadius: "8px" }, children: [
+      /* @__PURE__ */ u("h3", { style: { margin: "0 0 12px 0" }, children: [
+        "Results (",
+        i.executionTimeMs.toFixed(2),
+        "ms)"
+      ] }),
+      /* @__PURE__ */ o("pre", { style: { margin: 0, overflow: "auto", fontSize: "12px" }, children: JSON.stringify(i.result, null, 2) })
+    ] })
+  ] });
+}
+const Te = {
+  apa: (e) => {
+    const t = xt(e.authors), n = e.year ? ` (${e.year}).` : ".", r = e.title;
+    let i = "";
+    e.type === "article" && e.journal ? (i = ` *${e.journal}*`, e.volume && (i += `, *${e.volume}*`), e.issue && (i += `(${e.issue})`), e.pages && (i += `, ${e.pages}`), i += ".") : e.type === "book" && (i = e.publisher ? ` ${e.publisher}.` : "");
+    const s = e.doi ? ` https://doi.org/${e.doi}` : "";
+    return `${t}${n} ${r}.${i}${s}`;
+  },
+  mla: (e) => {
+    const t = Ge(e.authors), n = `"${e.title}."`;
+    let r = "";
+    return e.type === "article" && e.journal && (r = ` *${e.journal}*`, e.volume && (r += `, vol. ${e.volume}`), e.issue && (r += `, no. ${e.issue}`), e.year && (r += `, ${e.year}`), e.pages && (r += `, pp. ${e.pages}`), r += "."), `${t} ${n}${r}`;
+  },
+  chicago: (e) => {
+    const t = bt(e.authors), n = `"${e.title}."`;
+    let r = "";
+    return e.type === "article" && e.journal && (r = ` *${e.journal}*`, e.volume && (r += ` ${e.volume}`), e.issue && (r += `, no. ${e.issue}`), e.year && (r += ` (${e.year})`), e.pages && (r += `: ${e.pages}`), r += "."), `${t} ${n}${r}`;
+  },
+  harvard: (e) => {
+    const t = vt(e.authors), n = e.year ? ` (${e.year})` : "", r = `'${e.title}'`;
+    let i = "";
+    return e.type === "article" && e.journal && (i = `, *${e.journal}*`, e.volume && (i += `, ${e.volume}`), e.issue && (i += `(${e.issue})`), e.pages && (i += `, pp. ${e.pages}`), i += "."), `${t}${n} ${r}${i}`;
+  },
+  ieee: (e) => {
+    const t = $t(e.authors), n = `"${e.title},"`;
+    let r = "";
+    return e.type === "article" && e.journal && (r = ` *${e.journal}*`, e.volume && (r += `, vol. ${e.volume}`), e.issue && (r += `, no. ${e.issue}`), e.pages && (r += `, pp. ${e.pages}`), e.year && (r += `, ${e.year}`), r += "."), `${t} ${n}${r}`;
+  },
+  vancouver: (e) => {
+    const t = Mt(e.authors), n = e.title;
+    let r = "";
+    return e.type === "article" && e.journal && (r = ` ${e.journal}`, e.year && (r += `. ${e.year}`), e.volume && (r += `;${e.volume}`), e.issue && (r += `(${e.issue})`), e.pages && (r += `:${e.pages}`), r += "."), `${t}. ${n}.${r}`;
+  },
+  nature: (e) => {
+    const t = Qe(e.authors), n = e.title;
+    let r = "";
+    return e.type === "article" && e.journal && (r = ` *${e.journal}*`, e.volume && (r += ` **${e.volume}**`), e.pages && (r += `, ${e.pages}`), e.year && (r += ` (${e.year})`), r += "."), `${t} ${n}.${r}`;
+  },
+  science: (e) => {
+    const t = wt(e.authors), n = e.title;
+    let r = "";
+    return e.type === "article" && e.journal && (r = ` *${e.journal}*`, e.volume && (r += ` **${e.volume}**`), e.pages && (r += `, ${e.pages}`), e.year && (r += ` (${e.year})`), r += "."), `${t}, ${n}.${r}`;
+  },
+  bibtex: (e) => {
+    const t = Ct(e), n = e.type === "article" ? "article" : e.type === "book" ? "book" : "misc";
+    let i = `  author = {${e.authors.map((s) => `${s.family}, ${s.given}`).join(" and ")}},
+`;
+    return i += `  title = {${e.title}},
+`, e.year && (i += `  year = {${e.year}},
+`), e.journal && (i += `  journal = {${e.journal}},
+`), e.volume && (i += `  volume = {${e.volume}},
+`), e.issue && (i += `  number = {${e.issue}},
+`), e.pages && (i += `  pages = {${e.pages}},
+`), e.publisher && (i += `  publisher = {${e.publisher}},
+`), e.doi && (i += `  doi = {${e.doi}},
+`), e.isbn && (i += `  isbn = {${e.isbn}},
+`), `@${n}{${t},
+${i}}`;
+  }
+};
+function xt(e) {
+  if (e.length === 0)
+    return "";
+  if (e.length === 1)
+    return `${e[0].family}, ${e[0].given.charAt(0)}.`;
+  if (e.length === 2)
+    return `${e[0].family}, ${e[0].given.charAt(0)}., & ${e[1].family}, ${e[1].given.charAt(0)}.`;
+  if (e.length <= 7) {
+    const r = e.slice(0, -1).map((s) => `${s.family}, ${s.given.charAt(0)}.`).join(", "), i = e[e.length - 1];
+    return `${r}, & ${i.family}, ${i.given.charAt(0)}.`;
+  }
+  const t = e.slice(0, 6).map((r) => `${r.family}, ${r.given.charAt(0)}.`).join(", "), n = e[e.length - 1];
+  return `${t}, ... ${n.family}, ${n.given.charAt(0)}.`;
+}
+function Ge(e) {
+  return e.length === 0 ? "" : e.length === 1 ? `${e[0].family}, ${e[0].given}.` : e.length === 2 ? `${e[0].family}, ${e[0].given}, and ${e[1].given} ${e[1].family}.` : `${e[0].family}, ${e[0].given}, et al.`;
+}
+function bt(e) {
+  return Ge(e);
+}
+function vt(e) {
+  return e.length === 0 ? "" : e.length === 1 ? `${e[0].family}, ${e[0].given.charAt(0)}.` : e.length === 2 ? `${e[0].family}, ${e[0].given.charAt(0)}. and ${e[1].family}, ${e[1].given.charAt(0)}.` : `${e[0].family}, ${e[0].given.charAt(0)}. et al.`;
+}
+function $t(e) {
+  return e.length === 0 ? "" : e.map((t) => `${t.given.charAt(0)}. ${t.family}`).join(", ");
+}
+function Mt(e) {
+  if (e.length === 0)
+    return "";
+  const t = e.slice(0, 6).map((n) => `${n.family} ${n.given.charAt(0)}`);
+  return e.length > 6 ? t.join(", ") + ", et al" : t.join(", ");
+}
+function Qe(e) {
+  if (e.length === 0)
+    return "";
+  if (e.length <= 5) {
+    const t = e.map((r) => `${r.family}, ${r.given.charAt(0)}.`), n = t.pop();
+    return t.length > 0 ? `${t.join(", ")} & ${n}` : n;
+  }
+  return `${e[0].family}, ${e[0].given.charAt(0)}. et al.`;
+}
+function wt(e) {
+  return Qe(e);
+}
+function Ct(e) {
+  var i;
+  const t = ((i = e.authors[0]) == null ? void 0 : i.family.toLowerCase()) || "unknown", n = e.year || "0000", r = e.title.split(" ")[0].toLowerCase().replace(/[^a-z]/g, "");
+  return `${t}${n}${r}`;
+}
+class St {
+  constructor(t = {}) {
+    ve(this, "config");
+    ve(this, "citations", /* @__PURE__ */ new Map());
+    ve(this, "collections", /* @__PURE__ */ new Map());
+    this.config = t, this.collections.set("all", {
+      id: "all",
+      name: "All References",
+      citationCount: 0,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString()
+    });
+  }
+  /** Add citation */
+  addCitation(t) {
+    const n = {
+      id: this.generateId(),
+      type: t.type || "misc",
+      title: t.title || "Untitled",
+      authors: t.authors || [],
+      year: t.year,
+      month: t.month,
+      day: t.day,
+      journal: t.journal,
+      volume: t.volume,
+      issue: t.issue,
+      pages: t.pages,
+      publisher: t.publisher,
+      edition: t.edition,
+      doi: t.doi,
+      isbn: t.isbn,
+      issn: t.issn,
+      pmid: t.pmid,
+      arxiv: t.arxiv,
+      url: t.url,
+      abstract: t.abstract,
+      keywords: t.keywords,
+      language: t.language,
+      accessed: t.accessed,
+      booktitle: t.booktitle,
+      conference: t.conference,
+      location: t.location,
+      school: t.school,
+      degree: t.degree,
+      notes: t.notes,
+      tags: t.tags || [],
+      collections: t.collections || ["all"],
+      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+      sourceDatabase: t.sourceDatabase
+    };
+    return this.citations.set(n.id, n), this.updateCollectionCounts(), n;
+  }
+  /** Update citation */
+  updateCitation(t, n) {
+    const r = this.citations.get(t);
+    if (!r)
+      throw new Error(`Citation not found: ${t}`);
+    const i = {
+      ...r,
+      ...n,
+      id: r.id,
+      createdAt: r.createdAt,
+      updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    return this.citations.set(t, i), this.updateCollectionCounts(), i;
+  }
+  /** Delete citation */
+  deleteCitation(t) {
+    this.citations.delete(t), this.updateCollectionCounts();
+  }
+  /** Get citation */
+  getCitation(t) {
+    return this.citations.get(t);
+  }
+  /** Search citations */
+  searchCitations(t, n) {
+    const r = t.toLowerCase();
+    return Array.from(this.citations.values()).filter((i) => {
+      var s, a, l, c, h;
+      return n != null && n.collection && !((s = i.collections) != null && s.includes(n.collection)) || n != null && n.type && i.type !== n.type || n != null && n.year && i.year !== n.year || (a = n == null ? void 0 : n.tags) != null && a.length && !n.tags.some((p) => {
+        var m;
+        return (m = i.tags) == null ? void 0 : m.includes(p);
+      }) ? !1 : !!(i.title.toLowerCase().includes(r) || i.authors.some(
+        (p) => p.family.toLowerCase().includes(r) || p.given.toLowerCase().includes(r)
+      ) || (l = i.journal) != null && l.toLowerCase().includes(r) || (c = i.abstract) != null && c.toLowerCase().includes(r) || (h = i.doi) != null && h.toLowerCase().includes(r));
+    });
+  }
+  /** List all citations */
+  listCitations(t) {
+    const n = Array.from(this.citations.values());
+    return t && t !== "all" ? n.filter((r) => {
+      var i;
+      return (i = r.collections) == null ? void 0 : i.includes(t);
+    }) : n;
+  }
+  /** Create collection */
+  createCollection(t) {
+    const n = {
+      id: this.generateId(),
+      name: t.name || "Untitled Collection",
+      description: t.description,
+      parentId: t.parentId,
+      color: t.color,
+      citationCount: 0,
+      createdAt: (/* @__PURE__ */ new Date()).toISOString()
+    };
+    return this.collections.set(n.id, n), n;
+  }
+  /** List collections */
+  listCollections() {
+    return Array.from(this.collections.values());
+  }
+  /** Format citation */
+  formatCitation(t, n) {
+    const r = this.citations.get(t);
+    if (!r)
+      throw new Error(`Citation not found: ${t}`);
+    return Te[n](r);
+  }
+  /** Format multiple citations as bibliography */
+  formatBibliography(t, n) {
+    return t.map((i, s) => {
+      const a = this.citations.get(i);
+      if (!a)
+        return null;
+      const l = Te[n](a);
+      return n === "bibtex" ? l : ["ieee", "vancouver"].includes(n) ? `[${s + 1}] ${l}` : l;
+    }).filter(Boolean).join(`
+`);
+  }
+  /** Import from BibTeX */
+  importBibtex(t) {
+    const n = [], r = /@(\w+)\{([^,]+),([^@]+)\}/g;
+    let i;
+    for (; (i = r.exec(t)) !== null; ) {
+      const s = i[1].toLowerCase(), a = this.parseBibtexFields(i[3]), l = this.addCitation({
+        type: s === "article" ? "article" : s === "book" ? "book" : "misc",
+        title: a.title || "",
+        authors: this.parseBibtexAuthors(a.author || ""),
+        year: a.year ? parseInt(a.year, 10) : void 0,
+        journal: a.journal,
+        volume: a.volume,
+        issue: a.number,
+        pages: a.pages,
+        publisher: a.publisher,
+        doi: a.doi,
+        isbn: a.isbn,
+        url: a.url,
+        abstract: a.abstract
+      });
+      n.push(l);
+    }
+    return n;
+  }
+  parseBibtexFields(t) {
+    const n = {}, r = /(\w+)\s*=\s*\{([^}]*)\}/g;
+    let i;
+    for (; (i = r.exec(t)) !== null; )
+      n[i[1].toLowerCase()] = i[2].trim();
+    return n;
+  }
+  parseBibtexAuthors(t) {
+    return t.split(" and ").map((n) => {
+      const r = n.trim().split(",");
+      if (r.length >= 2)
+        return { family: r[0].trim(), given: r[1].trim() };
+      const i = n.trim().split(" ");
+      return {
+        given: i.slice(0, -1).join(" "),
+        family: i[i.length - 1]
+      };
+    });
+  }
+  /** Export as BibTeX */
+  exportBibtex(t) {
+    return (t ? t.map((r) => this.citations.get(r)).filter(Boolean) : Array.from(this.citations.values())).map((r) => Te.bibtex(r)).join(`
+`);
+  }
+  /** Search external databases */
+  async searchDatabase(t, n, r = 10) {
+    var i, s;
+    try {
+      if (t === "crossref")
+        return await this.searchCrossref(n, r);
+      if (t === "pubmed")
+        return await this.searchPubMed(n, r);
+      throw new Error(`Unknown database: ${t}`);
+    } catch (a) {
+      return (s = (i = this.config).onError) == null || s.call(i, a), { source: t, total: 0, results: [] };
+    }
+  }
+  async searchCrossref(t, n) {
+    const r = new URLSearchParams({
+      query: t,
+      rows: String(n)
+    });
+    this.config.crossrefEmail && r.set("mailto", this.config.crossrefEmail);
+    const i = await fetch(`https://api.crossref.org/works?${r}`);
+    if (!i.ok)
+      throw new Error(`Crossref API error: ${i.status}`);
+    const s = await i.json(), a = s.message.items.map((l) => {
+      var c, h, p, m, y, $;
+      return {
+        type: "article",
+        title: ((c = l.title) == null ? void 0 : c[0]) || "",
+        authors: (l.author || []).map((w) => ({
+          given: w.given || "",
+          family: w.family || "",
+          orcid: w.ORCID
+        })),
+        year: (m = (p = (h = l.published) == null ? void 0 : h["date-parts"]) == null ? void 0 : p[0]) == null ? void 0 : m[0],
+        journal: (y = l["container-title"]) == null ? void 0 : y[0],
+        volume: l.volume,
+        issue: l.issue,
+        pages: l.page,
+        doi: l.DOI,
+        issn: ($ = l.ISSN) == null ? void 0 : $[0],
+        publisher: l.publisher,
+        abstract: l.abstract,
+        sourceDatabase: "crossref"
+      };
+    });
+    return {
+      source: "crossref",
+      total: s.message["total-results"],
+      results: a
+    };
+  }
+  async searchPubMed(t, n) {
+    const r = `https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esearch.fcgi?db=pubmed&term=${encodeURIComponent(t)}&retmax=${n}&retmode=json`, i = await fetch(r);
+    if (!i.ok)
+      throw new Error(`PubMed API error: ${i.status}`);
+    const s = await i.json(), a = s.esearchresult.idlist;
+    if (a.length === 0)
+      return { source: "pubmed", total: 0, results: [] };
+    const l = `https://eutils.ncbi.nlm.nih.gov/entrez/eutils/esummary.fcgi?db=pubmed&id=${a.join(",")}&retmode=json`, c = await fetch(l);
+    if (!c.ok)
+      throw new Error(`PubMed API error: ${c.status}`);
+    const h = await c.json(), p = a.map((m) => {
+      var $;
+      const y = h.result[m];
+      return {
+        type: "article",
+        title: y.title || "",
+        authors: (y.authors || []).map((w) => {
+          const j = w.name.split(" ");
+          return {
+            family: j.pop() || "",
+            given: j.join(" ")
+          };
+        }),
+        year: y.pubdate ? parseInt(y.pubdate.split(" ")[0], 10) : void 0,
+        journal: y.source,
+        volume: y.volume,
+        issue: y.issue,
+        pages: y.pages,
+        pmid: m,
+        doi: ($ = y.elocationid) == null ? void 0 : $.replace("doi: ", ""),
+        sourceDatabase: "pubmed"
+      };
+    });
+    return {
+      source: "pubmed",
+      total: parseInt(s.esearchresult.count, 10),
+      results: p
+    };
+  }
+  /** Fetch citation by DOI */
+  async fetchByDOI(t) {
+    var n, r, i, s, a;
+    try {
+      const l = await fetch(`https://api.crossref.org/works/${encodeURIComponent(t)}`);
+      if (!l.ok)
+        return null;
+      const h = (await l.json()).message;
+      return this.addCitation({
+        type: "article",
+        title: ((n = h.title) == null ? void 0 : n[0]) || "",
+        authors: (h.author || []).map((p) => ({
+          given: p.given || "",
+          family: p.family || "",
+          orcid: p.ORCID
+        })),
+        year: (s = (i = (r = h.published) == null ? void 0 : r["date-parts"]) == null ? void 0 : i[0]) == null ? void 0 : s[0],
+        journal: (a = h["container-title"]) == null ? void 0 : a[0],
+        volume: h.volume,
+        issue: h.issue,
+        pages: h.page,
+        doi: h.DOI,
+        publisher: h.publisher,
+        abstract: h.abstract,
+        sourceDatabase: "crossref"
+      });
+    } catch {
+      return null;
+    }
+  }
+  updateCollectionCounts() {
+    for (const t of this.collections.values())
+      t.id === "all" ? t.citationCount = this.citations.size : t.citationCount = Array.from(this.citations.values()).filter(
+        (n) => {
+          var r;
+          return (r = n.collections) == null ? void 0 : r.includes(t.id);
+        }
+      ).length;
+  }
+  generateId() {
+    return Date.now().toString(36) + Math.random().toString(36).substring(2);
+  }
+}
+function Ht(e) {
+  return new St(e);
+}
+const He = Ue(null);
+function et() {
+  const e = Ze(He);
+  if (!e)
+    throw new Error("useCitation must be used within CitationProvider");
+  return e;
+}
+const he = {
+  container: {
+    display: "flex",
+    height: "100%",
+    fontFamily: "'Inter', sans-serif",
+    fontSize: "14px"
+  },
+  sidebar: {
+    width: "240px",
+    backgroundColor: "#f5f5f5",
+    borderRight: "1px solid #e0e0e0",
+    display: "flex",
+    flexDirection: "column"
+  },
+  main: {
+    flex: 1,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden"
+  },
+  toolbar: {
+    padding: "12px 16px",
+    borderBottom: "1px solid #e0e0e0",
+    display: "flex",
+    gap: "12px",
+    alignItems: "center"
+  },
+  list: {
+    flex: 1,
+    overflow: "auto"
+  },
+  listItem: {
+    padding: "12px 16px",
+    borderBottom: "1px solid #eee",
+    cursor: "pointer"
+  },
+  detail: {
+    width: "400px",
+    borderLeft: "1px solid #e0e0e0",
+    overflow: "auto",
+    padding: "16px"
+  },
+  input: {
+    padding: "8px 12px",
+    border: "1px solid #ddd",
+    borderRadius: "4px",
+    fontSize: "14px"
+  },
+  button: {
+    padding: "8px 16px",
+    backgroundColor: "#1976d2",
+    color: "white",
+    border: "none",
+    borderRadius: "4px",
+    cursor: "pointer"
+  }
+};
+function en({ service: e, className: t, style: n }) {
+  const [r, i] = E([]), [s, a] = E([]), [l, c] = E("all"), [h, p] = E(null), [m, y] = E(""), [$, w] = E("apa"), j = P(() => {
+    i(e.listCitations(l)), a(e.listCollections());
+  }, [e, l]), J = K(() => m ? e.searchCitations(m, { collection: l }) : r, [r, m, l, e]), te = K(
+    () => r.find((L) => L.id === h),
+    [r, h]
+  ), V = {
+    service: e,
+    citations: r,
+    collections: s,
+    selectedCollection: l,
+    setSelectedCollection: c,
+    selectedCitation: h,
+    setSelectedCitation: p,
+    searchQuery: m,
+    setSearchQuery: y,
+    citationStyle: $,
+    setCitationStyle: w,
+    refresh: j
+  };
+  return /* @__PURE__ */ o(He.Provider, { value: V, children: /* @__PURE__ */ u("div", { className: t, style: { ...he.container, ...n }, children: [
+    /* @__PURE__ */ u("div", { style: he.sidebar, children: [
+      /* @__PURE__ */ o("div", { style: { padding: "16px", fontWeight: 600 }, children: "Collections" }),
+      s.map((L) => /* @__PURE__ */ u(
+        "div",
+        {
+          onClick: () => {
+            c(L.id), j();
+          },
+          style: {
+            ...he.listItem,
+            backgroundColor: l === L.id ? "#e3f2fd" : "transparent"
+          },
+          children: [
+            /* @__PURE__ */ o("div", { children: L.name }),
+            /* @__PURE__ */ u("div", { style: { fontSize: "12px", color: "#666" }, children: [
+              L.citationCount,
+              " items"
+            ] })
+          ]
+        },
+        L.id
+      ))
+    ] }),
+    /* @__PURE__ */ u("div", { style: he.main, children: [
+      /* @__PURE__ */ u("div", { style: he.toolbar, children: [
+        /* @__PURE__ */ o(
+          "input",
+          {
+            type: "text",
+            placeholder: "Search references...",
+            value: m,
+            onChange: (L) => y(L.target.value),
+            style: { ...he.input, flex: 1 }
+          }
+        ),
+        /* @__PURE__ */ u(
+          "select",
+          {
+            value: $,
+            onChange: (L) => w(L.target.value),
+            style: he.input,
+            children: [
+              /* @__PURE__ */ o("option", { value: "apa", children: "APA" }),
+              /* @__PURE__ */ o("option", { value: "mla", children: "MLA" }),
+              /* @__PURE__ */ o("option", { value: "chicago", children: "Chicago" }),
+              /* @__PURE__ */ o("option", { value: "harvard", children: "Harvard" }),
+              /* @__PURE__ */ o("option", { value: "ieee", children: "IEEE" }),
+              /* @__PURE__ */ o("option", { value: "vancouver", children: "Vancouver" }),
+              /* @__PURE__ */ o("option", { value: "bibtex", children: "BibTeX" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ o(kt, {})
+      ] }),
+      /* @__PURE__ */ u("div", { style: { display: "flex", flex: 1, overflow: "hidden" }, children: [
+        /* @__PURE__ */ u("div", { style: he.list, children: [
+          J.map((L) => /* @__PURE__ */ u(
+            "div",
+            {
+              onClick: () => p(L.id),
+              style: {
+                ...he.listItem,
+                backgroundColor: h === L.id ? "#e3f2fd" : "transparent"
+              },
+              children: [
+                /* @__PURE__ */ o("div", { style: { fontWeight: 500, marginBottom: "4px" }, children: L.title }),
+                /* @__PURE__ */ u("div", { style: { fontSize: "12px", color: "#666" }, children: [
+                  L.authors.map((H) => H.family).join(", "),
+                  L.year && ` (${L.year})`
+                ] }),
+                L.journal && /* @__PURE__ */ o("div", { style: { fontSize: "12px", color: "#888", fontStyle: "italic" }, children: L.journal })
+              ]
+            },
+            L.id
+          )),
+          J.length === 0 && /* @__PURE__ */ o("div", { style: { padding: "24px", textAlign: "center", color: "#666" }, children: "No references found" })
+        ] }),
+        te && /* @__PURE__ */ o("div", { style: he.detail, children: /* @__PURE__ */ o(Dt, { citation: te }) })
+      ] })
+    ] })
+  ] }) });
+}
+function kt() {
+  const { service: e, refresh: t } = et(), [n, r] = E(!1), [i, s] = E(""), [a, l] = E(!1), c = async () => {
+    if (i.trim()) {
+      l(!0);
+      try {
+        await e.fetchByDOI(i.trim()), t(), s(""), r(!1);
+      } finally {
+        l(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ u(Ae, { children: [
+    /* @__PURE__ */ o("button", { onClick: () => r(!0), style: he.button, children: "+ Add Reference" }),
+    n && /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          position: "fixed",
+          inset: 0,
+          backgroundColor: "rgba(0,0,0,0.5)",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          zIndex: 1e3
+        },
+        onClick: () => r(!1),
+        children: /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              backgroundColor: "white",
+              padding: "24px",
+              borderRadius: "8px",
+              width: "400px"
+            },
+            onClick: (h) => h.stopPropagation(),
+            children: [
+              /* @__PURE__ */ o("h3", { style: { margin: "0 0 16px 0" }, children: "Add Reference by DOI" }),
+              /* @__PURE__ */ o(
+                "input",
+                {
+                  type: "text",
+                  value: i,
+                  onChange: (h) => s(h.target.value),
+                  placeholder: "Enter DOI (e.g., 10.1000/xyz123)",
+                  style: { ...he.input, width: "100%", marginBottom: "16px" }
+                }
+              ),
+              /* @__PURE__ */ u("div", { style: { display: "flex", gap: "8px", justifyContent: "flex-end" }, children: [
+                /* @__PURE__ */ o(
+                  "button",
+                  {
+                    onClick: () => r(!1),
+                    style: { ...he.button, backgroundColor: "#9e9e9e" },
+                    children: "Cancel"
+                  }
+                ),
+                /* @__PURE__ */ o("button", { onClick: c, disabled: a, style: he.button, children: a ? "Loading..." : "Add" })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+function Dt({ citation: e }) {
+  const { service: t, citationStyle: n } = et(), [r, i] = E(!1), s = K(
+    () => t.formatCitation(e.id, n),
+    [t, e.id, n]
+  ), a = () => {
+    navigator.clipboard.writeText(s), i(!0), setTimeout(() => i(!1), 2e3);
+  };
+  return /* @__PURE__ */ u("div", { children: [
+    /* @__PURE__ */ o("h2", { style: { margin: "0 0 8px 0", fontSize: "18px" }, children: e.title }),
+    /* @__PURE__ */ o("div", { style: { color: "#666", marginBottom: "16px" }, children: e.authors.map((l) => `${l.given} ${l.family}`).join(", ") }),
+    /* @__PURE__ */ u("div", { style: { marginBottom: "16px" }, children: [
+      /* @__PURE__ */ u(
+        "div",
+        {
+          style: {
+            display: "flex",
+            justifyContent: "space-between",
+            alignItems: "center",
+            marginBottom: "8px"
+          },
+          children: [
+            /* @__PURE__ */ u("strong", { children: [
+              "Formatted (",
+              n.toUpperCase(),
+              ")"
+            ] }),
+            /* @__PURE__ */ o(
+              "button",
+              {
+                onClick: a,
+                style: { ...he.button, padding: "4px 8px", fontSize: "12px" },
+                children: r ? "Copied!" : "Copy"
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ o(
+        "div",
+        {
+          style: {
+            padding: "12px",
+            backgroundColor: "#f5f5f5",
+            borderRadius: "4px",
+            whiteSpace: "pre-wrap",
+            fontSize: "13px"
+          },
+          dangerouslySetInnerHTML: {
+            __html: s.replace(/\*([^*]+)\*/g, "<em>$1</em>")
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ u("div", { style: { display: "flex", flexDirection: "column", gap: "8px", fontSize: "13px" }, children: [
+      e.journal && /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "Journal:" }),
+        " ",
+        e.journal
+      ] }),
+      e.year && /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "Year:" }),
+        " ",
+        e.year
+      ] }),
+      e.volume && /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "Volume:" }),
+        " ",
+        e.volume,
+        e.issue && `(${e.issue})`
+      ] }),
+      e.pages && /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "Pages:" }),
+        " ",
+        e.pages
+      ] }),
+      e.doi && /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "DOI:" }),
+        " ",
+        /* @__PURE__ */ o("a", { href: `https://doi.org/${e.doi}`, target: "_blank", rel: "noopener noreferrer", children: e.doi })
+      ] }),
+      e.pmid && /* @__PURE__ */ u("div", { children: [
+        /* @__PURE__ */ o("strong", { children: "PMID:" }),
+        " ",
+        /* @__PURE__ */ o(
+          "a",
+          {
+            href: `https://pubmed.ncbi.nlm.nih.gov/${e.pmid}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            children: e.pmid
+          }
+        )
+      ] }),
+      e.abstract && /* @__PURE__ */ u("div", { style: { marginTop: "8px" }, children: [
+        /* @__PURE__ */ o("strong", { children: "Abstract:" }),
+        /* @__PURE__ */ o("p", { style: { margin: "8px 0 0 0", color: "#444" }, children: e.abstract })
+      ] })
+    ] })
+  ] });
+}
+const At = {
+  series: [],
+  xAxes: [],
+  yAxes: [],
+  annotations: [],
+  selectedSeries: [],
+  zoom: { x: null, y: null },
+  cursor: null,
+  hoveredPoint: null
+};
+function Fe(e) {
+  return e.reduce((t, n) => t + n, 0) / e.length;
+}
+function zt(e) {
+  const t = [...e].sort((r, i) => r - i), n = Math.floor(t.length / 2);
+  return t.length % 2 ? t[n] : (t[n - 1] + t[n]) / 2;
+}
+function Re(e) {
+  const t = Fe(e), n = e.map((r) => Math.pow(r - t, 2));
+  return Math.sqrt(Fe(n));
+}
+function Ft(e) {
+  return Re(e) / Math.sqrt(e.length);
+}
+function It(e) {
+  const t = Fe(e), n = Ft(e), r = 1.96;
+  return [t - r * n, t + r * n];
+}
+function Nt(e) {
+  const t = e.length, n = e.map((w) => typeof w.x == "number" ? w.x : 0), r = e.map((w) => w.y), i = n.reduce((w, j) => w + j, 0), s = r.reduce((w, j) => w + j, 0), a = n.reduce((w, j, J) => w + j * r[J], 0), l = n.reduce((w, j) => w + j * j, 0), c = (t * a - i * s) / (t * l - i * i), h = (s - c * i) / t, p = s / t, m = r.reduce((w, j) => w + Math.pow(j - p, 2), 0), $ = 1 - r.reduce((w, j, J) => w + Math.pow(j - (c * n[J] + h), 2), 0) / m;
+  return { slope: c, intercept: h, r2: $ };
+}
+function Et(e, t) {
+  const n = Fe(e), r = Fe(t), i = Re(e) ** 2, s = Re(t) ** 2, a = e.length, l = t.length, c = ((a - 1) * i + (l - 1) * s) / (a + l - 2), h = Math.sqrt(c * (1 / a + 1 / l)), p = (n - r) / h, m = Math.exp(-0.717 * Math.abs(p) - 0.416 * p * p);
+  return { t: p, p: m, significant: m < 0.05 };
+}
+function _e(e, t, n, r = 5) {
+  const s = (t - e) / (r - 1);
+  return Array.from({ length: r }, (a, l) => e + l * s);
+}
+function qe(e, t) {
+  return Math.abs(e) >= 1e6 ? (e / 1e6).toFixed(1) + "M" : Math.abs(e) >= 1e3 ? (e / 1e3).toFixed(1) + "K" : Math.abs(e) < 0.01 ? e.toExponential(2) : e.toFixed(2).replace(/\.?0+$/, "");
+}
+function tn({
+  series: e,
+  title: t,
+  subtitle: n,
+  width: r = "100%",
+  height: i = 400,
+  type: s = "scatter",
+  xAxis: a,
+  yAxis: l,
+  statOverlays: c = [],
+  annotations: h = [],
+  legend: p = { show: !0, position: "top", orientation: "horizontal", interactive: !0 },
+  tooltip: m = { enabled: !0, mode: "point" },
+  zoom: y = { enabled: !0, mode: "xy", wheel: !0, drag: !0, resetButton: !0 },
+  export: $,
+  statisticalTests: w = [],
+  gridLines: j = !0,
+  aspectRatio: J,
+  animation: te = !0,
+  theme: V = "light",
+  onPointClick: L,
+  onPointHover: H,
+  onZoomChange: oe,
+  onAnnotationChange: U,
+  className: de,
+  style: pe
+}) {
+  const se = ze(null);
+  ze(null);
+  const [ne, _] = E({
+    ...At,
+    series: e,
+    annotations: h
+  }), [ce, ue] = E({ width: 0, height: 0 }), [ye, xe] = E({ x: null, y: null }), [Y, Z] = E(
+    null
+  ), [ae, G] = E(
+    new Set(e.map((d) => d.id))
+  ), S = K(() => {
+    const d = e.filter((M) => ae.has(M.id) && M.visible !== !1);
+    if (d.length === 0)
+      return { xMin: 0, xMax: 1, yMin: 0, yMax: 1 };
+    let x = 1 / 0, C = -1 / 0, N = 1 / 0, I = -1 / 0;
+    for (const M of d)
+      for (const A of M.data) {
+        const O = typeof A.x == "number" ? A.x : 0;
+        if (x = Math.min(x, O), C = Math.max(C, O), N = Math.min(N, A.y), I = Math.max(I, A.y), A.error) {
+          const [X, le] = Array.isArray(A.error) ? A.error : [-A.error, A.error];
+          N = Math.min(N, A.y + X), I = Math.max(I, A.y + le);
+        }
+      }
+    const W = (C - x) * 0.05 || 0.5, g = (I - N) * 0.05 || 0.5;
+    return {
+      xMin: x - W,
+      xMax: C + W,
+      yMin: N - g,
+      yMax: I + g
+    };
+  }, [e, ae]), Q = K(() => {
+    const d = {};
+    for (const x of e) {
+      if (!ae.has(x.id))
+        continue;
+      const C = x.data.map((N) => N.y);
+      c.includes("mean") && (d[`${x.id}_mean`] = Fe(C)), c.includes("median") && (d[`${x.id}_median`] = zt(C)), c.includes("std-dev") && (d[`${x.id}_std`] = Re(C)), c.includes("regression") && (d[`${x.id}_regression`] = Nt(x.data)), c.includes("confidence-interval") && (d[`${x.id}_ci95`] = It(C));
+    }
+    return d;
+  }, [e, ae, c]), ee = K(() => w.map((d) => {
+    if (d.type === "t-test" && d.series.length === 2) {
+      const x = e.find((N) => N.id === d.series[0]), C = e.find((N) => N.id === d.series[1]);
+      if (x && C) {
+        const N = Et(
+          x.data.map((I) => I.y),
+          C.data.map((I) => I.y)
+        );
+        return {
+          ...d,
+          result: {
+            statistic: N.t,
+            pValue: N.p,
+            significant: N.significant,
+            interpretation: N.significant ? `Significant difference (p = ${N.p.toFixed(4)})` : `No significant difference (p = ${N.p.toFixed(4)})`
+          }
+        };
+      }
+    }
+    return d;
+  }), [w, e]), re = P((d) => {
+    G((x) => {
+      const C = new Set(x);
+      return C.has(d) ? C.delete(d) : C.add(d), C;
+    });
+  }, []), ie = P(() => {
+    xe({ x: null, y: null }), oe == null || oe(null, null);
+  }, [oe]), z = K(() => {
+    switch (V) {
+      case "dark":
+        return ["#60a5fa", "#f472b6", "#34d399", "#fbbf24", "#a78bfa", "#fb923c"];
+      case "publication":
+        return ["#1f77b4", "#ff7f0e", "#2ca02c", "#d62728", "#9467bd", "#8c564b"];
+      case "presentation":
+        return ["#3b82f6", "#ef4444", "#22c55e", "#f59e0b", "#8b5cf6", "#ec4899"];
+      default:
+        return ["#2563eb", "#dc2626", "#16a34a", "#ca8a04", "#7c3aed", "#db2777"];
+    }
+  }, [V]), k = K(() => {
+    switch (V) {
+      case "dark":
+        return {
+          bg: "#1f2937",
+          text: "#f3f4f6",
+          grid: "#374151",
+          axis: "#9ca3af",
+          tooltip: "#374151"
+        };
+      case "publication":
+        return {
+          bg: "#ffffff",
+          text: "#000000",
+          grid: "#e5e5e5",
+          axis: "#333333",
+          tooltip: "#ffffff"
+        };
+      default:
+        return {
+          bg: "#ffffff",
+          text: "#1f2937",
+          grid: "#e5e7eb",
+          axis: "#4b5563",
+          tooltip: "#ffffff"
+        };
+    }
+  }, [V]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: se,
+      className: `nice-scientific-chart nice-scientific-chart--${V} ${de || ""}`,
+      style: {
+        width: r,
+        height: J ? "auto" : i,
+        aspectRatio: J == null ? void 0 : J.toString(),
+        backgroundColor: k.bg,
+        color: k.text,
+        fontFamily: V === "publication" ? "Times New Roman, serif" : "system-ui, sans-serif",
+        ...pe
+      },
+      children: [
+        t && /* @__PURE__ */ u(
+          "div",
+          {
+            className: "nice-scientific-chart__title",
+            style: {
+              textAlign: "center",
+              fontWeight: "bold",
+              fontSize: "1.25rem",
+              padding: "0.5rem"
+            },
+            children: [
+              t,
+              n && /* @__PURE__ */ o("div", { style: { fontSize: "0.875rem", fontWeight: "normal", color: k.axis }, children: n })
+            ]
+          }
+        ),
+        p.show && /* @__PURE__ */ o(
+          "div",
+          {
+            className: "nice-scientific-chart__legend",
+            style: {
+              display: "flex",
+              flexDirection: p.orientation === "vertical" ? "column" : "row",
+              flexWrap: "wrap",
+              gap: "0.5rem",
+              padding: "0.5rem",
+              justifyContent: "center"
+            },
+            children: e.map((d, x) => /* @__PURE__ */ u(
+              "button",
+              {
+                onClick: () => p.interactive && re(d.id),
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  gap: "0.25rem",
+                  background: "none",
+                  border: "none",
+                  cursor: p.interactive ? "pointer" : "default",
+                  opacity: ae.has(d.id) ? 1 : 0.4,
+                  color: "inherit",
+                  fontSize: "0.875rem"
+                },
+                children: [
+                  /* @__PURE__ */ o(
+                    "span",
+                    {
+                      style: {
+                        width: 12,
+                        height: 12,
+                        borderRadius: 2,
+                        backgroundColor: d.color || z[x % z.length]
+                      }
+                    }
+                  ),
+                  d.name
+                ]
+              },
+              d.id
+            ))
+          }
+        ),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            className: "nice-scientific-chart__canvas",
+            style: { flex: 1, position: "relative", minHeight: 200 },
+            children: [
+              /* @__PURE__ */ u("svg", { width: "100%", height: "100%", style: { overflow: "visible" }, children: [
+                j && /* @__PURE__ */ u("g", { className: "nice-scientific-chart__grid", stroke: k.grid, strokeWidth: 1, children: [
+                  [0, 0.25, 0.5, 0.75, 1].map((d) => /* @__PURE__ */ o(
+                    "line",
+                    {
+                      x1: "10%",
+                      y1: `${d * 100}%`,
+                      x2: "95%",
+                      y2: `${d * 100}%`,
+                      strokeDasharray: "2,2"
+                    },
+                    `h-${d}`
+                  )),
+                  [0, 0.25, 0.5, 0.75, 1].map((d) => /* @__PURE__ */ o(
+                    "line",
+                    {
+                      x1: `${10 + d * 85}%`,
+                      y1: "5%",
+                      x2: `${10 + d * 85}%`,
+                      y2: "90%",
+                      strokeDasharray: "2,2"
+                    },
+                    `v-${d}`
+                  ))
+                ] }),
+                e.filter((d) => ae.has(d.id) && d.visible !== !1).map((d, x) => {
+                  var I, W, g;
+                  const C = d.color || z[x % z.length], N = d.type || s;
+                  return /* @__PURE__ */ o("g", { className: "nice-scientific-chart__series", children: N === "scatter" || N === "line" ? /* @__PURE__ */ u(Ae, { children: [
+                    N === "line" && d.data.length > 1 && /* @__PURE__ */ o(
+                      "polyline",
+                      {
+                        fill: "none",
+                        stroke: C,
+                        strokeWidth: ((I = d.line) == null ? void 0 : I.width) || 2,
+                        strokeDasharray: ((W = d.line) == null ? void 0 : W.style) === "dashed" ? "5,5" : ((g = d.line) == null ? void 0 : g.style) === "dotted" ? "2,2" : void 0,
+                        points: d.data.map((M, A) => {
+                          const O = 10 + ((typeof M.x == "number" ? M.x : A) - S.xMin) / (S.xMax - S.xMin) * 85, X = 90 - (M.y - S.yMin) / (S.yMax - S.yMin) * 85;
+                          return `${O}%,${X}%`;
+                        }).join(" ")
+                      }
+                    ),
+                    d.data.map((M, A) => {
+                      var fe, be, ge, me, we;
+                      const O = 10 + ((typeof M.x == "number" ? M.x : A) - S.xMin) / (S.xMax - S.xMin) * 85, X = 90 - (M.y - S.yMin) / (S.yMax - S.yMin) * 85, le = M.size || ((fe = d.marker) == null ? void 0 : fe.size) || 6;
+                      return /* @__PURE__ */ u("g", { className: "nice-scientific-chart__point", children: [
+                        M.error && /* @__PURE__ */ o(
+                          "line",
+                          {
+                            x1: `${O}%`,
+                            y1: `${90 - (M.y + (Array.isArray(M.error) ? M.error[1] : M.error) - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                            x2: `${O}%`,
+                            y2: `${90 - (M.y - (Array.isArray(M.error) ? Math.abs(M.error[0]) : M.error) - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                            stroke: C,
+                            strokeWidth: 1
+                          }
+                        ),
+                        /* @__PURE__ */ o(
+                          "circle",
+                          {
+                            cx: `${O}%`,
+                            cy: `${X}%`,
+                            r: le / 2,
+                            fill: M.color || ((be = d.marker) == null ? void 0 : be.fillColor) || C,
+                            stroke: ((ge = d.marker) == null ? void 0 : ge.strokeColor) || C,
+                            strokeWidth: ((me = d.marker) == null ? void 0 : me.strokeWidth) || 1,
+                            opacity: ((we = d.marker) == null ? void 0 : we.opacity) ?? 1,
+                            style: { cursor: L ? "pointer" : void 0 },
+                            onMouseEnter: () => {
+                              Z({ seriesId: d.id, pointIndex: A }), H == null || H(M, d);
+                            },
+                            onMouseLeave: () => {
+                              Z(null), H == null || H(null, null);
+                            },
+                            onClick: (Ce) => L == null ? void 0 : L(M, d, Ce)
+                          }
+                        )
+                      ] }, A);
+                    }),
+                    Q[`${d.id}_regression`] && /* @__PURE__ */ o(
+                      "line",
+                      {
+                        x1: "10%",
+                        y1: `${90 - (Q[`${d.id}_regression`].intercept + Q[`${d.id}_regression`].slope * S.xMin - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        x2: "95%",
+                        y2: `${90 - (Q[`${d.id}_regression`].intercept + Q[`${d.id}_regression`].slope * S.xMax - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        stroke: C,
+                        strokeWidth: 1,
+                        strokeDasharray: "5,3",
+                        opacity: 0.7
+                      }
+                    ),
+                    Q[`${d.id}_mean`] && /* @__PURE__ */ o(
+                      "line",
+                      {
+                        x1: "10%",
+                        y1: `${90 - (Q[`${d.id}_mean`] - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        x2: "95%",
+                        y2: `${90 - (Q[`${d.id}_mean`] - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        stroke: C,
+                        strokeWidth: 1,
+                        strokeDasharray: "10,5",
+                        opacity: 0.5
+                      }
+                    )
+                  ] }) : null }, d.id);
+                }),
+                /* @__PURE__ */ u("g", { className: "nice-scientific-chart__axes", stroke: k.axis, strokeWidth: 1, children: [
+                  /* @__PURE__ */ o("line", { x1: "10%", y1: "90%", x2: "95%", y2: "90%" }),
+                  /* @__PURE__ */ o("line", { x1: "10%", y1: "5%", x2: "10%", y2: "90%" }),
+                  _e(S.xMin, S.xMax, "linear", 6).map((d, x) => /* @__PURE__ */ u("g", { children: [
+                    /* @__PURE__ */ o("line", { x1: `${10 + x * 17}%`, y1: "90%", x2: `${10 + x * 17}%`, y2: "92%" }),
+                    /* @__PURE__ */ o(
+                      "text",
+                      {
+                        x: `${10 + x * 17}%`,
+                        y: "96%",
+                        textAnchor: "middle",
+                        fill: k.axis,
+                        fontSize: "0.75rem",
+                        children: qe(d)
+                      }
+                    )
+                  ] }, `x-${x}`)),
+                  _e(S.yMin, S.yMax, "linear", 6).map((d, x) => /* @__PURE__ */ u("g", { children: [
+                    /* @__PURE__ */ o("line", { x1: "8%", y1: `${90 - x * 17}%`, x2: "10%", y2: `${90 - x * 17}%` }),
+                    /* @__PURE__ */ o(
+                      "text",
+                      {
+                        x: "7%",
+                        y: `${90 - x * 17}%`,
+                        textAnchor: "end",
+                        dominantBaseline: "middle",
+                        fill: k.axis,
+                        fontSize: "0.75rem",
+                        children: qe(d)
+                      }
+                    )
+                  ] }, `y-${x}`))
+                ] }),
+                h.filter((d) => d.visible !== !1).map((d) => {
+                  var x, C, N, I, W, g, M;
+                  return /* @__PURE__ */ u("g", { className: "nice-scientific-chart__annotation", children: [
+                    d.type === "text" && d.text && /* @__PURE__ */ o(
+                      "text",
+                      {
+                        x: `${10 + (d.position.x - S.xMin) / (S.xMax - S.xMin) * 85}%`,
+                        y: `${90 - (d.position.y - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        fill: ((x = d.style) == null ? void 0 : x.color) || k.text,
+                        fontSize: ((C = d.style) == null ? void 0 : C.fontSize) || 12,
+                        fontWeight: (N = d.style) == null ? void 0 : N.fontWeight,
+                        children: d.text
+                      }
+                    ),
+                    d.type === "line" && /* @__PURE__ */ o(
+                      "line",
+                      {
+                        x1: `${10 + (d.position.x - S.xMin) / (S.xMax - S.xMin) * 85}%`,
+                        y1: `${90 - (d.position.y - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        x2: `${10 + (d.position.x2 - S.xMin) / (S.xMax - S.xMin) * 85}%`,
+                        y2: `${90 - (d.position.y2 - S.yMin) / (S.yMax - S.yMin) * 85}%`,
+                        stroke: ((I = d.style) == null ? void 0 : I.color) || k.text,
+                        strokeWidth: ((W = d.style) == null ? void 0 : W.lineWidth) || 1,
+                        strokeDasharray: ((g = d.style) == null ? void 0 : g.lineStyle) === "dashed" ? "5,5" : ((M = d.style) == null ? void 0 : M.lineStyle) === "dotted" ? "2,2" : void 0
+                      }
+                    )
+                  ] }, d.id);
+                })
+              ] }),
+              m.enabled && Y && /* @__PURE__ */ o(
+                "div",
+                {
+                  className: "nice-scientific-chart__tooltip",
+                  style: {
+                    position: "absolute",
+                    padding: "0.5rem",
+                    background: k.tooltip,
+                    border: `1px solid ${k.grid}`,
+                    borderRadius: 4,
+                    boxShadow: "0 2px 4px rgba(0,0,0,0.1)",
+                    pointerEvents: "none",
+                    fontSize: "0.75rem"
+                  },
+                  children: (() => {
+                    const d = e.find((C) => C.id === Y.seriesId), x = d == null ? void 0 : d.data[Y.pointIndex];
+                    return !d || !x ? null : m.format ? m.format(x, d) : /* @__PURE__ */ u(Ae, { children: [
+                      /* @__PURE__ */ o("div", { style: { fontWeight: "bold" }, children: d.name }),
+                      /* @__PURE__ */ u("div", { children: [
+                        "X: ",
+                        x.x instanceof Date ? x.x.toISOString() : String(x.x)
+                      ] }),
+                      /* @__PURE__ */ u("div", { children: [
+                        "Y: ",
+                        x.y.toFixed(4)
+                      ] }),
+                      x.error && /* @__PURE__ */ u("div", { children: [
+                        "Error: ±",
+                        Array.isArray(x.error) ? `${x.error[0]}, +${x.error[1]}` : x.error
+                      ] })
+                    ] });
+                  })()
+                }
+              )
+            ]
+          }
+        ),
+        ee.some((d) => d.result) && /* @__PURE__ */ u(
+          "div",
+          {
+            className: "nice-scientific-chart__stats",
+            style: {
+              padding: "0.5rem",
+              fontSize: "0.75rem",
+              borderTop: `1px solid ${k.grid}`
+            },
+            children: [
+              /* @__PURE__ */ o("strong", { children: "Statistical Tests:" }),
+              ee.filter((d) => d.result).map((d, x) => /* @__PURE__ */ u("div", { children: [
+                d.type,
+                ": ",
+                d.result.interpretation
+              ] }, x))
+            ]
+          }
+        ),
+        y.enabled && y.resetButton && (ye.x || ye.y) && /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: ie,
+            style: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              padding: "0.25rem 0.5rem",
+              fontSize: "0.75rem",
+              background: k.bg,
+              border: `1px solid ${k.grid}`,
+              borderRadius: 4,
+              cursor: "pointer"
+            },
+            children: "Reset Zoom"
+          }
+        ),
+        $ && $.formats.length > 0 && /* @__PURE__ */ u(
+          "div",
+          {
+            className: "nice-scientific-chart__export",
+            style: { padding: "0.5rem", borderTop: `1px solid ${k.grid}` },
+            children: [
+              /* @__PURE__ */ o("span", { style: { fontSize: "0.75rem", marginRight: "0.5rem" }, children: "Export:" }),
+              $.formats.map((d) => /* @__PURE__ */ o(
+                "button",
+                {
+                  style: {
+                    marginRight: "0.25rem",
+                    padding: "0.25rem 0.5rem",
+                    fontSize: "0.75rem",
+                    background: "none",
+                    border: `1px solid ${k.grid}`,
+                    borderRadius: 4,
+                    cursor: "pointer"
+                  },
+                  children: d.toUpperCase()
+                },
+                d
+              ))
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const Pe = {
+  rotationX: 25,
+  rotationY: -45,
+  rotationZ: 0,
+  zoom: 1,
+  panX: 0,
+  panY: 0
+};
+function jt(e, t) {
+  const n = t * Math.PI / 180, r = Math.cos(n), i = Math.sin(n);
+  return {
+    x: e.x,
+    y: e.y * r - e.z * i,
+    z: e.y * i + e.z * r
+  };
+}
+function Bt(e, t) {
+  const n = t * Math.PI / 180, r = Math.cos(n), i = Math.sin(n);
+  return {
+    x: e.x * r + e.z * i,
+    y: e.y,
+    z: -e.x * i + e.z * r
+  };
+}
+function Rt(e, t) {
+  const n = t * Math.PI / 180, r = Math.cos(n), i = Math.sin(n);
+  return {
+    x: e.x * r - e.y * i,
+    y: e.x * i + e.y * r,
+    z: e.z
+  };
+}
+function Me(e, t, n) {
+  let r = jt(e, n.rotationX);
+  r = Bt(r, n.rotationY), r = Rt(r, n.rotationZ);
+  const i = r.z + t, s = t / Math.max(i, 0.1);
+  return {
+    x: (r.x * s * n.zoom + n.panX) * 100 + 50,
+    y: (-r.y * s * n.zoom + n.panY) * 100 + 50,
+    depth: i
+  };
+}
+function ke(e, t, n, r) {
+  const i = Math.max(0, Math.min(1, (e - t) / (n - t))), s = {
+    viridis: [
+      [68, 1, 84],
+      [59, 82, 139],
+      [33, 145, 140],
+      [94, 201, 98],
+      [253, 231, 37]
+    ],
+    plasma: [
+      [13, 8, 135],
+      [126, 3, 168],
+      [204, 71, 120],
+      [248, 149, 64],
+      [240, 249, 33]
+    ],
+    inferno: [
+      [0, 0, 4],
+      [87, 16, 110],
+      [188, 55, 84],
+      [249, 142, 9],
+      [252, 255, 164]
+    ],
+    magma: [
+      [0, 0, 4],
+      [81, 18, 124],
+      [183, 55, 121],
+      [254, 159, 109],
+      [252, 253, 191]
+    ],
+    cividis: [
+      [0, 32, 77],
+      [57, 86, 109],
+      [128, 133, 121],
+      [200, 178, 107],
+      [253, 231, 55]
+    ],
+    jet: [
+      [0, 0, 127],
+      [0, 0, 255],
+      [0, 255, 255],
+      [255, 255, 0],
+      [255, 0, 0],
+      [127, 0, 0]
+    ],
+    rainbow: [
+      [150, 0, 90],
+      [0, 0, 200],
+      [0, 200, 200],
+      [0, 200, 0],
+      [200, 200, 0],
+      [200, 0, 0]
+    ],
+    coolwarm: [
+      [59, 76, 192],
+      [98, 130, 234],
+      [221, 221, 221],
+      [220, 170, 132],
+      [180, 4, 38]
+    ],
+    RdBu: [
+      [103, 0, 31],
+      [178, 24, 43],
+      [244, 165, 130],
+      [247, 247, 247],
+      [146, 197, 222],
+      [33, 102, 172],
+      [5, 48, 97]
+    ],
+    spectral: [
+      [158, 1, 66],
+      [213, 62, 79],
+      [253, 174, 97],
+      [255, 255, 191],
+      [171, 221, 164],
+      [43, 131, 186],
+      [94, 79, 162]
+    ],
+    turbo: [
+      [48, 18, 59],
+      [86, 121, 245],
+      [51, 185, 131],
+      [192, 212, 49],
+      [249, 141, 10],
+      [122, 4, 3]
+    ],
+    grayscale: [
+      [0, 0, 0],
+      [255, 255, 255]
+    ]
+  }, a = s[r] || s.viridis, l = i * (a.length - 1), c = Math.floor(l), h = l - c;
+  if (c >= a.length - 1) {
+    const j = a[a.length - 1];
+    return `rgb(${j[0]}, ${j[1]}, ${j[2]})`;
+  }
+  const p = a[c], m = a[c + 1], y = Math.round(p[0] + h * (m[0] - p[0])), $ = Math.round(p[1] + h * (m[1] - p[1])), w = Math.round(p[2] + h * (m[2] - p[2]));
+  return `rgb(${y}, ${$}, ${w})`;
+}
+function nn({
+  data: e,
+  title: t,
+  width: n = "100%",
+  height: r = 500,
+  scene: i = {},
+  showColorBar: s = !0,
+  animation: a,
+  showLegend: l = !0,
+  legendPosition: c = "top-right",
+  enableRotation: h = !0,
+  enableZoom: p = !0,
+  enablePan: m = !0,
+  showAxes: y = !0,
+  showAxisLabels: $ = !0,
+  focalLength: w = 3,
+  theme: j = "light",
+  onCameraChange: J,
+  onPointClick: te,
+  onPointHover: V,
+  className: L,
+  style: H
+}) {
+  const oe = ze(null), [U, de] = E(Pe), [pe, se] = E(!1), [ne, _] = E(
+    null
+  ), [ce, ue] = E(
+    null
+  ), [ye, xe] = E(0), Y = K(() => {
+    let z = 1 / 0, k = -1 / 0, d = 1 / 0, x = -1 / 0, C = 1 / 0, N = -1 / 0, I = 1 / 0, W = -1 / 0;
+    for (const M of e)
+      if (M.type === "scatter3d")
+        for (const A of M.points)
+          z = Math.min(z, A.x), k = Math.max(k, A.x), d = Math.min(d, A.y), x = Math.max(x, A.y), C = Math.min(C, A.z), N = Math.max(N, A.z), typeof A.color == "number" && (I = Math.min(I, A.color), W = Math.max(W, A.color));
+      else if (M.type === "surface" || M.type === "wireframe") {
+        const A = M;
+        for (const O of A.xData)
+          z = Math.min(z, O), k = Math.max(k, O);
+        for (const O of A.yData)
+          d = Math.min(d, O), x = Math.max(x, O);
+        for (const O of A.zData)
+          for (const X of O)
+            C = Math.min(C, X), N = Math.max(N, X), I = Math.min(I, X), W = Math.max(W, X);
+      }
+    const g = Math.max(k - z, x - d, N - C) || 1;
+    return { xMin: z, xMax: k, yMin: d, yMax: x, zMin: C, zMax: N, colorMin: I, colorMax: W, maxRange: g };
+  }, [e]), Z = P(
+    (z) => {
+      const k = 2 / Y.maxRange;
+      return {
+        x: (z.x - (Y.xMin + Y.xMax) / 2) * k,
+        y: (z.y - (Y.yMin + Y.yMax) / 2) * k,
+        z: (z.z - (Y.zMin + Y.zMax) / 2) * k
+      };
+    },
+    [Y]
+  ), ae = P(
+    (z) => {
+      !h && !m || (se(!0), _({ x: z.clientX, y: z.clientY, viewState: { ...U } }));
+    },
+    [h, m, U]
+  ), G = P(
+    (z) => {
+      if (!pe || !ne)
+        return;
+      const k = z.clientX - ne.x, d = z.clientY - ne.y;
+      z.shiftKey && m ? de({
+        ...ne.viewState,
+        panX: ne.viewState.panX + k * 2e-3,
+        panY: ne.viewState.panY + d * 2e-3
+      }) : h && de({
+        ...ne.viewState,
+        rotationY: ne.viewState.rotationY + k * 0.5,
+        rotationX: ne.viewState.rotationX + d * 0.5
+      });
+    },
+    [pe, ne, h, m]
+  ), S = P(() => {
+    se(!1), _(null);
+  }, []), Q = P(
+    (z) => {
+      if (!p)
+        return;
+      z.preventDefault();
+      const k = z.deltaY > 0 ? 0.9 : 1.1;
+      de((d) => ({
+        ...d,
+        zoom: Math.max(0.1, Math.min(10, d.zoom * k))
+      }));
+    },
+    [p]
+  ), ee = K(() => {
+    switch (j) {
+      case "dark":
+        return { bg: "#1a1a2e", text: "#e0e0e0", axis: "#555", grid: "#333" };
+      case "scientific":
+        return { bg: "#f8f8f8", text: "#333", axis: "#666", grid: "#ddd" };
+      default:
+        return { bg: "#ffffff", text: "#333", axis: "#888", grid: "#e0e0e0" };
+    }
+  }, [j]), re = K(() => {
+    var k;
+    const z = [];
+    for (const d of e)
+      if (d.type === "scatter3d") {
+        const x = d, C = x.points.map((N) => {
+          var A, O, X, le, fe;
+          const I = Z(N), W = Me(I, w, U);
+          let g = (A = x.marker) == null ? void 0 : A.color;
+          if (Array.isArray((O = x.marker) == null ? void 0 : O.color)) {
+            const be = x.points.indexOf(N);
+            g = ke(
+              x.marker.color[be],
+              Y.colorMin,
+              Y.colorMax,
+              ((X = x.marker) == null ? void 0 : X.colorScale) || "viridis"
+            );
+          } else typeof N.color == "number" && (g = ke(
+            N.color,
+            Y.colorMin,
+            Y.colorMax,
+            ((le = x.marker) == null ? void 0 : le.colorScale) || "viridis"
+          ));
+          const M = Array.isArray(N.size) ? N.size[0] : N.size || ((fe = x.marker) == null ? void 0 : fe.size) || 5;
+          return {
+            ...W,
+            color: g,
+            size: M,
+            original: N
+          };
+        });
+        z.push({ type: "scatter", points: C, data: d });
+      } else if (d.type === "surface" || d.type === "wireframe") {
+        const x = d, C = [];
+        for (let N = 0; N < x.xData.length; N++)
+          for (let I = 0; I < x.yData.length; I++) {
+            const W = {
+              x: x.xData[N],
+              y: x.yData[I],
+              z: x.zData[N][I]
+            }, g = Z(W), M = Me(g, w, U), A = ke(
+              ((k = x.colorData) == null ? void 0 : k[N][I]) ?? x.zData[N][I],
+              Y.colorMin,
+              Y.colorMax,
+              x.colorScale || "viridis"
+            );
+            C.push({ ...M, color: A, size: 3, original: W });
+          }
+        z.push({ type: d.type, points: C, data: d });
+      }
+    for (const d of z)
+      d.points.sort((x, C) => x.depth - C.depth);
+    return z;
+  }, [e, U, w, Z, Y]), ie = K(() => {
+    var d, x, C;
+    if (!y)
+      return null;
+    const z = 1.2, k = {
+      x: [
+        Me({ x: -z, y: 0, z: 0 }, w, U),
+        Me({ x: z, y: 0, z: 0 }, w, U)
+      ],
+      y: [
+        Me({ x: 0, y: -z, z: 0 }, w, U),
+        Me({ x: 0, y: z, z: 0 }, w, U)
+      ],
+      z: [
+        Me({ x: 0, y: 0, z: -z }, w, U),
+        Me({ x: 0, y: 0, z }, w, U)
+      ]
+    };
+    return /* @__PURE__ */ u("g", { className: "nice-3d-plot__axes", children: [
+      /* @__PURE__ */ o(
+        "line",
+        {
+          x1: `${k.x[0].x}%`,
+          y1: `${k.x[0].y}%`,
+          x2: `${k.x[1].x}%`,
+          y2: `${k.x[1].y}%`,
+          stroke: "#e74c3c",
+          strokeWidth: 1.5
+        }
+      ),
+      $ && /* @__PURE__ */ o(
+        "text",
+        {
+          x: `${k.x[1].x + 2}%`,
+          y: `${k.x[1].y}%`,
+          fill: "#e74c3c",
+          fontSize: "12",
+          children: ((d = i.xAxis) == null ? void 0 : d.title) || "X"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "line",
+        {
+          x1: `${k.y[0].x}%`,
+          y1: `${k.y[0].y}%`,
+          x2: `${k.y[1].x}%`,
+          y2: `${k.y[1].y}%`,
+          stroke: "#2ecc71",
+          strokeWidth: 1.5
+        }
+      ),
+      $ && /* @__PURE__ */ o(
+        "text",
+        {
+          x: `${k.y[1].x}%`,
+          y: `${k.y[1].y - 2}%`,
+          fill: "#2ecc71",
+          fontSize: "12",
+          textAnchor: "middle",
+          children: ((x = i.yAxis) == null ? void 0 : x.title) || "Y"
+        }
+      ),
+      /* @__PURE__ */ o(
+        "line",
+        {
+          x1: `${k.z[0].x}%`,
+          y1: `${k.z[0].y}%`,
+          x2: `${k.z[1].x}%`,
+          y2: `${k.z[1].y}%`,
+          stroke: "#3498db",
+          strokeWidth: 1.5
+        }
+      ),
+      $ && /* @__PURE__ */ o(
+        "text",
+        {
+          x: `${k.z[1].x + 2}%`,
+          y: `${k.z[1].y}%`,
+          fill: "#3498db",
+          fontSize: "12",
+          children: ((C = i.zAxis) == null ? void 0 : C.title) || "Z"
+        }
+      )
+    ] });
+  }, [y, $, U, w, i]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: oe,
+      className: `nice-3d-plot nice-3d-plot--${j} ${L || ""}`,
+      style: {
+        width: n,
+        height: r,
+        backgroundColor: ee.bg,
+        color: ee.text,
+        position: "relative",
+        overflow: "hidden",
+        userSelect: "none",
+        cursor: pe ? "grabbing" : "grab",
+        ...H
+      },
+      onMouseDown: ae,
+      onMouseMove: G,
+      onMouseUp: S,
+      onMouseLeave: S,
+      onWheel: Q,
+      children: [
+        t && /* @__PURE__ */ o(
+          "div",
+          {
+            style: { position: "absolute", top: 8, left: 8, fontWeight: "bold", fontSize: "1.1rem" },
+            children: t
+          }
+        ),
+        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", style: { position: "absolute", top: 0, left: 0 }, children: [
+          ie,
+          re.map((z, k) => /* @__PURE__ */ u("g", { className: "nice-3d-plot__data", children: [
+            z.type === "scatter" && z.points.map((d, x) => {
+              var C;
+              return /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: `${d.x}%`,
+                  cy: `${d.y}%`,
+                  r: d.size || 4,
+                  fill: d.color || "#3498db",
+                  opacity: ((C = z.data.marker) == null ? void 0 : C.opacity) ?? 0.8,
+                  style: { cursor: te ? "pointer" : void 0 },
+                  onMouseEnter: () => {
+                    ue({ point: d.original, dataIndex: k }), V == null || V(d.original, k);
+                  },
+                  onMouseLeave: () => {
+                    ue(null), V == null || V(null, k);
+                  },
+                  onClick: () => te == null ? void 0 : te(d.original, k)
+                },
+                x
+              );
+            }),
+            (z.type === "surface" || z.type === "wireframe") && z.points.map((d, x) => /* @__PURE__ */ o(
+              "rect",
+              {
+                x: `${d.x - 1}%`,
+                y: `${d.y - 1}%`,
+                width: "2%",
+                height: "2%",
+                fill: d.color || "#3498db",
+                opacity: z.data.opacity ?? 0.7
+              },
+              x
+            ))
+          ] }, z.data.id || k))
+        ] }),
+        l && e.length > 1 && /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              padding: "8px",
+              background: "rgba(255,255,255,0.9)",
+              borderRadius: 4,
+              fontSize: "0.8rem",
+              ...c === "top-right" && { top: 8, right: 8 },
+              ...c === "top-left" && { top: 8, left: 8 },
+              ...c === "bottom-right" && { bottom: 8, right: 8 },
+              ...c === "bottom-left" && { bottom: 8, left: 8 }
+            },
+            children: e.map((z, k) => /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 4 }, children: [
+              /* @__PURE__ */ o("span", { style: { width: 12, height: 12, background: "#3498db", borderRadius: 2 } }),
+              z.name
+            ] }, z.id || k))
+          }
+        ),
+        s && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              right: 16,
+              top: "50%",
+              transform: "translateY(-50%)",
+              width: 16,
+              height: 150,
+              background: `linear-gradient(to top, ${ke(0, 0, 1, "viridis")}, ${ke(0.5, 0, 1, "viridis")}, ${ke(1, 0, 1, "viridis")})`,
+              borderRadius: 2,
+              border: "1px solid #ccc"
+            },
+            children: [
+              /* @__PURE__ */ o("div", { style: { position: "absolute", top: -16, right: 20, fontSize: "0.7rem" }, children: Y.colorMax.toFixed(2) }),
+              /* @__PURE__ */ o("div", { style: { position: "absolute", bottom: -16, right: 20, fontSize: "0.7rem" }, children: Y.colorMin.toFixed(2) })
+            ]
+          }
+        ),
+        ce && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: 8,
+              left: 8,
+              background: "rgba(0,0,0,0.8)",
+              color: "#fff",
+              padding: "4px 8px",
+              borderRadius: 4,
+              fontSize: "0.75rem"
+            },
+            children: [
+              "X: ",
+              ce.point.x.toFixed(4),
+              ", Y: ",
+              ce.point.y.toFixed(4),
+              ", Z:",
+              " ",
+              ce.point.z.toFixed(4)
+            ]
+          }
+        ),
+        /* @__PURE__ */ o("div", { style: { position: "absolute", bottom: 8, right: 8, display: "flex", gap: 4 }, children: /* @__PURE__ */ o(
+          "button",
+          {
+            onClick: () => de(Pe),
+            style: { padding: "4px 8px", fontSize: "0.75rem", cursor: "pointer" },
+            children: "Reset View"
+          }
+        ) })
+      ]
+    }
+  );
+}
+const tt = {
+  H: "#FFFFFF",
+  C: "#909090",
+  N: "#3050F8",
+  O: "#FF0D0D",
+  S: "#FFFF30",
+  P: "#FF8000",
+  F: "#90E050",
+  Cl: "#1FF01F",
+  Br: "#A62929",
+  I: "#940094",
+  He: "#D9FFFF",
+  Ne: "#B3E3F5",
+  Ar: "#80D1E3",
+  Kr: "#5CB8D1",
+  Xe: "#429EB0",
+  Li: "#CC80FF",
+  Na: "#AB5CF2",
+  K: "#8F40D4",
+  Rb: "#702EB0",
+  Cs: "#57178F",
+  Be: "#C2FF00",
+  Mg: "#8AFF00",
+  Ca: "#3DFF00",
+  Sr: "#00FF00",
+  Ba: "#00C900",
+  B: "#FFB5B5",
+  Al: "#BFA6A6",
+  Ga: "#C28F8F",
+  In: "#A67573",
+  Tl: "#A6544D",
+  Si: "#F0C8A0",
+  Ge: "#668F8F",
+  Sn: "#668080",
+  Pb: "#575961",
+  As: "#BD80E3",
+  Sb: "#9E63B5",
+  Bi: "#9E4FB5",
+  Se: "#FFA100",
+  Te: "#D47A00",
+  Po: "#AB5C00",
+  Fe: "#E06633",
+  Co: "#F090A0",
+  Ni: "#50D050",
+  Cu: "#C88033",
+  Zn: "#7D80B0",
+  Mn: "#9C7AC7",
+  Cr: "#8A99C7",
+  V: "#A6A6AB",
+  Ti: "#BFC2C7",
+  Sc: "#E6E6E6",
+  Au: "#FFD123",
+  Ag: "#C0C0C0",
+  Pt: "#D0D0E0",
+  Pd: "#006985",
+  Ru: "#248F8F",
+  Rh: "#0A7D8C",
+  Os: "#266696",
+  Ir: "#175487"
+}, je = {
+  H: 0.31,
+  C: 0.77,
+  N: 0.71,
+  O: 0.66,
+  S: 1.05,
+  P: 1.07,
+  F: 0.57,
+  Cl: 1.02,
+  Br: 1.2,
+  I: 1.39,
+  He: 0.28,
+  Ne: 0.58,
+  Ar: 1.06,
+  Li: 1.28,
+  Na: 1.66,
+  K: 2.03,
+  Mg: 1.41,
+  Ca: 1.76,
+  Fe: 1.26,
+  Zn: 1.22,
+  Cu: 1.28,
+  Ni: 1.24
+}, Lt = {
+  H: 1.2,
+  C: 1.7,
+  N: 1.55,
+  O: 1.52,
+  S: 1.8,
+  P: 1.8,
+  F: 1.47,
+  Cl: 1.75,
+  Br: 1.85,
+  I: 1.98,
+  He: 1.4,
+  Ne: 1.54,
+  Ar: 1.88,
+  Li: 1.82,
+  Na: 2.27,
+  K: 2.75,
+  Mg: 1.73,
+  Ca: 2.31,
+  Fe: 2,
+  Zn: 1.39,
+  Cu: 1.4,
+  Ni: 1.63
+};
+function Ve(e) {
+  const t = [], n = [], r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
+  let s = "Unknown";
+  const a = e.split(`
+`);
+  for (const l of a) {
+    const c = l.substring(0, 6).trim();
+    if (c === "HEADER")
+      s = l.substring(10, 50).trim() || s;
+    else if (c === "ATOM" || c === "HETATM") {
+      const h = parseInt(l.substring(6, 11).trim(), 10), p = l.substring(12, 16).trim(), m = l.substring(17, 20).trim(), y = l.substring(21, 22).trim() || "A", $ = parseInt(l.substring(22, 26).trim(), 10), w = parseFloat(l.substring(30, 38).trim()), j = parseFloat(l.substring(38, 46).trim()), J = parseFloat(l.substring(46, 54).trim()), te = parseFloat(l.substring(54, 60).trim()) || 1, V = parseFloat(l.substring(60, 66).trim()) || 0, L = l.substring(76, 78).trim() || p.replace(/\d/g, "").substring(0, 1), H = {
+        id: t.length,
+        serial: h,
+        name: p,
+        element: L.toUpperCase(),
+        residueName: m,
+        residueSeq: $,
+        chainId: y,
+        x: w,
+        y: j,
+        z: J,
+        occupancy: te,
+        bFactor: V,
+        color: tt[L.toUpperCase()] || "#808080",
+        radius: je[L.toUpperCase()] || 1.5
+      };
+      t.push(H);
+      const oe = `${y}_${$}_${m}`;
+      r.has(oe) || r.set(oe, {
+        id: r.size,
+        name: m,
+        seq: $,
+        chainId: y,
+        atoms: []
+      }), r.get(oe).atoms.push(H.id), i.has(y) || i.set(y, { id: y, residues: [] });
+    } else if (c === "CONECT") {
+      const h = l.substring(6).trim().split(/\s+/).map(Number), p = h[0], m = t.find((y) => y.serial === p);
+      if (m)
+        for (let y = 1; y < h.length; y++) {
+          const $ = h[y], w = t.find((j) => j.serial === $);
+          w && m.id < w.id && n.push({
+            id: n.length,
+            atom1: m.id,
+            atom2: w.id,
+            order: 1
+          });
+        }
+    }
+  }
+  if (n.length === 0)
+    for (let l = 0; l < t.length; l++)
+      for (let c = l + 1; c < t.length; c++) {
+        const h = t[l], p = t[c], m = h.x - p.x, y = h.y - p.y, $ = h.z - p.z, w = Math.sqrt(m * m + y * y + $ * $), j = (je[h.element] || 1.5) + (je[p.element] || 1.5) + 0.4;
+        w < j && w > 0.4 && n.push({
+          id: n.length,
+          atom1: l,
+          atom2: c,
+          order: 1,
+          length: w
+        });
+      }
+  return {
+    id: "mol_" + Date.now(),
+    name: s,
+    atoms: t,
+    bonds: n,
+    residues: Array.from(r.values()),
+    chains: Array.from(i.values())
+  };
+}
+function Wt(e, t, n, r, i, s) {
+  const a = ($) => $ * Math.PI / 180, l = t * Math.cos(a(r)) - n * Math.sin(a(r)), c = t * Math.sin(a(r)) + n * Math.cos(a(r)), h = e * Math.cos(a(i)) + c * Math.sin(a(i)), p = -e * Math.sin(a(i)) + c * Math.cos(a(i)), m = h * Math.cos(a(s)) - l * Math.sin(a(s)), y = h * Math.sin(a(s)) + l * Math.cos(a(s));
+  return [m, y, p];
+}
+function Ee(e, t, n, r, i, s) {
+  const a = e - i.x, l = t - i.y, c = n - i.z, [h, p, m] = Wt(a, l, c, r.rotX, r.rotY, r.rotZ), y = 500, $ = y / (y + m * 50);
+  return {
+    x: 50 + h * s * r.zoom * $ + r.panX,
+    y: 50 - p * s * r.zoom * $ + r.panY,
+    depth: m
+  };
+}
+function rn({
+  molecule: e,
+  format: t = "pdb",
+  style: n = "ball-stick",
+  colorScheme: r = "element",
+  showHydrogens: i = !0,
+  showWaters: s = !1,
+  showLabels: a = !1,
+  labelType: l = "element",
+  width: c = "100%",
+  height: h = 500,
+  backgroundColor: p = "#000000",
+  enableRotation: m = !0,
+  enableZoom: y = !0,
+  showControls: $ = !0,
+  measurements: w = [],
+  surfaces: j = [],
+  labels: J = [],
+  selection: te,
+  highlightColor: V = "#FFFF00",
+  spin: L = !1,
+  spinSpeed: H = 0.5,
+  onAtomClick: oe,
+  onAtomHover: U,
+  onSelectionChange: de,
+  className: pe,
+  styleOverride: se
+}) {
+  const ne = ze(null), [_, ce] = E(null), [ue, ye] = E({
+    rotX: 0,
+    rotY: 0,
+    rotZ: 0,
+    zoom: 1,
+    panX: 0,
+    panY: 0
+  }), [xe, Y] = E(!1), [Z, ae] = E(
+    null
+  ), [G, S] = E(null), [Q, ee] = E(n);
+  Ye(() => {
+    if (!e) {
+      ce(null);
+      return;
+    }
+    typeof e == "string" ? (t === "pdb" || console.warn(`Format ${t} parsing not implemented, using PDB parser`), ce(Ve(e))) : ce(e);
+  }, [e, t]), Ye(() => {
+    if (!L)
+      return;
+    const g = setInterval(() => {
+      ye((M) => ({ ...M, rotY: (M.rotY + H) % 360 }));
+    }, 16);
+    return () => clearInterval(g);
+  }, [L, H]);
+  const { center: re, scale: ie } = K(() => {
+    if (!_ || _.atoms.length === 0)
+      return { center: { x: 0, y: 0, z: 0 }, scale: 1 };
+    let g = 1 / 0, M = -1 / 0, A = 1 / 0, O = -1 / 0, X = 1 / 0, le = -1 / 0;
+    for (const me of _.atoms)
+      g = Math.min(g, me.x), M = Math.max(M, me.x), A = Math.min(A, me.y), O = Math.max(O, me.y), X = Math.min(X, me.z), le = Math.max(le, me.z);
+    const fe = {
+      x: (g + M) / 2,
+      y: (A + O) / 2,
+      z: (X + le) / 2
+    }, be = Math.max(M - g, O - A, le - X), ge = be > 0 ? 35 / be : 1;
+    return { center: fe, scale: ge };
+  }, [_]), z = K(() => _ ? _.atoms.filter((g) => !i && g.element === "H" || !s && g.residueName === "HOH" ? !1 : g.visible !== !1).map((g) => ({
+    atom: g,
+    ...Ee(g.x, g.y, g.z, ue, re, ie)
+  })).sort((g, M) => g.depth - M.depth) : [], [_, ue, re, ie, i, s]), k = K(() => _ ? _.bonds.filter((g) => g.visible !== !1).map((g) => {
+    const M = _.atoms[g.atom1], A = _.atoms[g.atom2];
+    if (!M || !A || !i && (M.element === "H" || A.element === "H"))
+      return null;
+    const O = Ee(M.x, M.y, M.z, ue, re, ie), X = Ee(A.x, A.y, A.z, ue, re, ie);
+    return {
+      bond: g,
+      x1: O.x,
+      y1: O.y,
+      x2: X.x,
+      y2: X.y,
+      depth: (O.depth + X.depth) / 2,
+      color1: M.color,
+      color2: A.color
+    };
+  }).filter(Boolean).sort((g, M) => g.depth - M.depth) : [], [_, ue, re, ie, i]), d = P(
+    (g) => {
+      m && (Y(!0), ae({ x: g.clientX, y: g.clientY, view: { ...ue } }));
+    },
+    [m, ue]
+  ), x = P(
+    (g) => {
+      if (!xe || !Z)
+        return;
+      const M = g.clientX - Z.x, A = g.clientY - Z.y;
+      g.shiftKey ? ye({
+        ...Z.view,
+        panX: Z.view.panX + M * 0.1,
+        panY: Z.view.panY + A * 0.1
+      }) : ye({
+        ...Z.view,
+        rotY: Z.view.rotY + M * 0.5,
+        rotX: Z.view.rotX + A * 0.5
+      });
+    },
+    [xe, Z]
+  ), C = P(() => {
+    Y(!1), ae(null);
+  }, []), N = P(
+    (g) => {
+      if (!y)
+        return;
+      g.preventDefault();
+      const M = g.deltaY > 0 ? 0.9 : 1.1;
+      ye((A) => ({ ...A, zoom: Math.max(0.1, Math.min(10, A.zoom * M)) }));
+    },
+    [y]
+  ), I = P(
+    (g) => {
+      switch (Q) {
+        case "space-filling":
+          return (Lt[g.element] || 1.5) * 4;
+        case "ball-stick":
+          return (je[g.element] || 0.5) * 3;
+        case "stick":
+        case "wireframe":
+          return 2;
+        default:
+          return 4;
+      }
+    },
+    [Q]
+  ), W = P(
+    (g) => (Q === "wireframe" ? 1 : Q === "stick" ? 3 : 2) * (g.order || 1),
+    [Q]
+  );
+  return _ ? /* @__PURE__ */ u(
+    "div",
+    {
+      ref: ne,
+      className: `nice-molecular-viewer ${pe || ""}`,
+      style: {
+        width: c,
+        height: h,
+        backgroundColor: p,
+        position: "relative",
+        overflow: "hidden",
+        cursor: xe ? "grabbing" : "grab",
+        ...se
+      },
+      onMouseDown: d,
+      onMouseMove: x,
+      onMouseUp: C,
+      onMouseLeave: C,
+      onWheel: N,
+      children: [
+        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", style: { position: "absolute" }, children: [
+          Q !== "space-filling" && k.map((g, M) => /* @__PURE__ */ o(
+            "line",
+            {
+              x1: `${g.x1}%`,
+              y1: `${g.y1}%`,
+              x2: `${g.x2}%`,
+              y2: `${g.y2}%`,
+              stroke: g.bond.color || "#888888",
+              strokeWidth: W(g.bond),
+              strokeLinecap: "round"
+            },
+            `bond-${M}`
+          )),
+          z.map(({ atom: g, x: M, y: A }) => {
+            var fe;
+            const O = (fe = te == null ? void 0 : te.atoms) == null ? void 0 : fe.includes(g.id), X = (G == null ? void 0 : G.id) === g.id, le = I(g);
+            return /* @__PURE__ */ u("g", { children: [
+              /* @__PURE__ */ o(
+                "circle",
+                {
+                  cx: `${M}%`,
+                  cy: `${A}%`,
+                  r: le,
+                  fill: g.color || tt[g.element] || "#808080",
+                  stroke: O ? V : X ? "#FFFFFF" : "none",
+                  strokeWidth: O || X ? 2 : 0,
+                  style: { cursor: "pointer" },
+                  onMouseEnter: () => {
+                    S(g), U == null || U(g);
+                  },
+                  onMouseLeave: () => {
+                    S(null), U == null || U(null);
+                  },
+                  onClick: () => oe == null ? void 0 : oe(g)
+                }
+              ),
+              a && /* @__PURE__ */ o(
+                "text",
+                {
+                  x: `${M}%`,
+                  y: `${A - le * 0.15}%`,
+                  fill: "#FFFFFF",
+                  fontSize: "10",
+                  textAnchor: "middle",
+                  dominantBaseline: "middle",
+                  style: { pointerEvents: "none" },
+                  children: l === "element" ? g.element : l === "name" ? g.name : l === "residue" ? g.residueName : l === "chain" ? g.chainId : l === "serial" ? g.serial : g.element
+                }
+              )
+            ] }, `atom-${g.id}`);
+          }),
+          w.map((g) => {
+            if (g.atoms.length < 2)
+              return null;
+            const M = _.atoms[g.atoms[0]], A = _.atoms[g.atoms[1]];
+            if (!M || !A)
+              return null;
+            const O = Ee(M.x, M.y, M.z, ue, re, ie), X = Ee(A.x, A.y, A.z, ue, re, ie);
+            return /* @__PURE__ */ u("g", { children: [
+              /* @__PURE__ */ o(
+                "line",
+                {
+                  x1: `${O.x}%`,
+                  y1: `${O.y}%`,
+                  x2: `${X.x}%`,
+                  y2: `${X.y}%`,
+                  stroke: g.color || "#FFFF00",
+                  strokeWidth: 1,
+                  strokeDasharray: "3,3"
+                }
+              ),
+              /* @__PURE__ */ u(
+                "text",
+                {
+                  x: `${(O.x + X.x) / 2}%`,
+                  y: `${(O.y + X.y) / 2 - 1}%`,
+                  fill: g.color || "#FFFF00",
+                  fontSize: "10",
+                  textAnchor: "middle",
+                  children: [
+                    g.value.toFixed(2),
+                    " ",
+                    g.unit
+                  ]
+                }
+              )
+            ] }, g.id);
+          })
+        ] }),
+        /* @__PURE__ */ u("div", { style: { position: "absolute", top: 8, left: 8, color: "#FFF", fontSize: "0.8rem" }, children: [
+          /* @__PURE__ */ o("div", { style: { fontWeight: "bold" }, children: _.name }),
+          /* @__PURE__ */ u("div", { children: [
+            _.atoms.length,
+            " atoms, ",
+            _.bonds.length,
+            " bonds"
+          ] }),
+          _.formula && /* @__PURE__ */ u("div", { children: [
+            "Formula: ",
+            _.formula
+          ] })
+        ] }),
+        G && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: 8,
+              left: 8,
+              background: "rgba(0,0,0,0.8)",
+              color: "#FFF",
+              padding: "4px 8px",
+              borderRadius: 4,
+              fontSize: "0.75rem"
+            },
+            children: [
+              /* @__PURE__ */ u("div", { children: [
+                /* @__PURE__ */ o("b", { children: G.element }),
+                " (",
+                G.name,
+                ")"
+              ] }),
+              G.residueName && /* @__PURE__ */ u("div", { children: [
+                "Residue: ",
+                G.residueName,
+                " ",
+                G.residueSeq
+              ] }),
+              G.chainId && /* @__PURE__ */ u("div", { children: [
+                "Chain: ",
+                G.chainId
+              ] }),
+              /* @__PURE__ */ u("div", { children: [
+                "Position: (",
+                G.x.toFixed(2),
+                ", ",
+                G.y.toFixed(2),
+                ",",
+                " ",
+                G.z.toFixed(2),
+                ")"
+              ] })
+            ]
+          }
+        ),
+        $ && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              display: "flex",
+              flexDirection: "column",
+              gap: 4
+            },
+            children: [
+              /* @__PURE__ */ u(
+                "select",
+                {
+                  value: Q,
+                  onChange: (g) => ee(g.target.value),
+                  style: { padding: "2px 4px", fontSize: "0.75rem" },
+                  children: [
+                    /* @__PURE__ */ o("option", { value: "ball-stick", children: "Ball & Stick" }),
+                    /* @__PURE__ */ o("option", { value: "space-filling", children: "Space Filling" }),
+                    /* @__PURE__ */ o("option", { value: "stick", children: "Stick" }),
+                    /* @__PURE__ */ o("option", { value: "wireframe", children: "Wireframe" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  onClick: () => ye({ rotX: 0, rotY: 0, rotZ: 0, zoom: 1, panX: 0, panY: 0 }),
+                  style: { padding: "2px 4px", fontSize: "0.75rem", cursor: "pointer" },
+                  children: "Reset View"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ o(
+    "div",
+    {
+      className: `nice-molecular-viewer nice-molecular-viewer--empty ${pe || ""}`,
+      style: {
+        width: c,
+        height: h,
+        backgroundColor: p,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        color: "#666",
+        ...se
+      },
+      children: "Load a molecule (PDB, MOL, SDF)"
+    }
+  );
+}
+function Ot(e) {
+  let t = 0, n = 0;
+  function r() {
+    var l;
+    const s = { id: `node_${n++}` };
+    if (e[t] === "(")
+      for (t++, s.children = []; ; ) {
+        const c = r();
+        if (c && (c.parent = s.id, s.children.push(c)), e[t] === ",") {
+          t++;
+          continue;
+        }
+        if (e[t] === ")") {
+          t++;
+          break;
+        }
+        if (t >= e.length)
+          break;
+      }
+    let a = "";
+    for (; t < e.length && !"[:,;()".includes(e[t]); )
+      a += e[t++];
+    if (a.trim()) {
+      const c = a.match(/^([^[\]]+)?(?:\[([^\]]+)\])?$/);
+      if (c) {
+        if (s.name = ((l = c[1]) == null ? void 0 : l.trim()) || void 0, c[2]) {
+          const h = parseFloat(c[2]);
+          isNaN(h) || (s.bootstrap = h);
+        }
+      } else
+        s.name = a.trim();
+    }
+    if (e[t] === ":") {
+      t++;
+      let c = "";
+      for (; t < e.length && !"[,;()".includes(e[t]); )
+        c += e[t++];
+      const h = parseFloat(c);
+      isNaN(h) || (s.branchLength = h);
+    }
+    return s;
+  }
+  return e.replace(/\s+/g, "").replace(/;$/, "") ? r() : null;
+}
+function nt(e, t = []) {
+  if (t.push(e), e.children)
+    for (const n of e.children)
+      nt(n, t);
+  return t;
+}
+function rt(e) {
+  return !e.children || e.children.length === 0 ? 1 : e.children.reduce((t, n) => t + rt(n), 0);
+}
+function it(e, t, n) {
+  if (!e.children || e.children.length === 0 || e.collapsed)
+    return t.set(e.id, n.value), n.value += 1, t.get(e.id);
+  let r = 1 / 0, i = -1 / 0;
+  for (const a of e.children) {
+    const l = it(a, t, n);
+    r = Math.min(r, l), i = Math.max(i, l);
+  }
+  const s = (r + i) / 2;
+  return t.set(e.id, s), s;
+}
+function ot(e, t, n = 0) {
+  const r = n + (e.branchLength || 1);
+  if (t.set(e.id, r), e.children && !e.collapsed)
+    for (const i of e.children)
+      ot(i, t, r);
+}
+function on({
+  tree: e,
+  layout: t = "rectangular",
+  branchStyle: n = "rectangular",
+  nodeShape: r = "circle",
+  nodeSize: i = 5,
+  showBranchLengths: s = !1,
+  showBootstrap: a = !1,
+  bootstrapThreshold: l = 70,
+  showLeafLabels: c = !0,
+  showInternalLabels: h = !1,
+  labelFontSize: p = 11,
+  branchWidth: m = 1.5,
+  branchColor: y = "#666666",
+  nodeColor: $ = "#333333",
+  highlightColor: w = "#2196F3",
+  clades: j = [],
+  annotations: J = [],
+  colorScale: te,
+  width: V = "100%",
+  height: L = 500,
+  padding: H = 40,
+  enableZoom: oe = !0,
+  enablePan: U = !0,
+  showControls: de = !0,
+  onNodeClick: pe,
+  onNodeHover: se,
+  onBranchClick: ne,
+  className: _,
+  style: ce
+}) {
+  const ue = ze(null), [ye, xe] = E(1), [Y, Z] = E({ x: 0, y: 0 }), [ae, G] = E(!1), [S, Q] = E(null), [ee, re] = E(null), [ie, z] = E(t), [k, d] = E(/* @__PURE__ */ new Set()), x = K(() => e ? typeof e == "string" ? Ot(e) : e : null, [e]), C = K(() => {
+    if (!x)
+      return null;
+    const v = (D) => {
+      var B;
+      return {
+        ...D,
+        collapsed: k.has(D.id),
+        children: (B = D.children) == null ? void 0 : B.map(v)
+      };
+    };
+    return v(x);
+  }, [x, k]), { positions: N, leafCount: I, maxX: W } = K(() => {
+    if (!C)
+      return { positions: { x: /* @__PURE__ */ new Map(), y: /* @__PURE__ */ new Map() }, leafCount: 0, maxX: 0 };
+    const v = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), B = rt(C);
+    it(C, D, { value: 0 }), ot(C, v, 0);
+    const f = Math.max(...Array.from(v.values()));
+    return { positions: { x: v, y: D }, leafCount: B, maxX: f || 1 };
+  }, [C]), g = K(() => C ? nt(C) : [], [C]), M = typeof V == "number" ? V : 800, A = typeof L == "number" ? L : 500, O = M - H * 2, X = A - H * 2, le = (v) => H + v / W * O * 0.7, fe = (v) => H + v / (I - 1 || 1) * X, be = (v, D) => {
+    const B = D / (I - 1 || 1) * 2 * Math.PI - Math.PI / 2, f = v / W * Math.min(O, X) * 0.4;
+    return {
+      x: M / 2 + f * Math.cos(B),
+      y: A / 2 + f * Math.sin(B)
+    };
+  }, ge = (v) => {
+    const D = N.x.get(v) || 0, B = N.y.get(v) || 0;
+    return ie === "radial" || ie === "circular" ? be(D, B) : { x: le(D), y: fe(B) };
+  }, me = P(
+    (v) => {
+      U && (G(!0), Q({ x: v.clientX, y: v.clientY, pan: { ...Y } }));
+    },
+    [U, Y]
+  ), we = P(
+    (v) => {
+      if (!ae || !S)
+        return;
+      const D = v.clientX - S.x, B = v.clientY - S.y;
+      Z({ x: S.pan.x + D, y: S.pan.y + B });
+    },
+    [ae, S]
+  ), Ce = P(() => {
+    G(!1), Q(null);
+  }, []), Le = P(
+    (v) => {
+      if (!oe)
+        return;
+      v.preventDefault();
+      const D = v.deltaY > 0 ? 0.9 : 1.1;
+      xe((B) => Math.max(0.1, Math.min(5, B * D)));
+    },
+    [oe]
+  ), We = P((v) => {
+    d((D) => {
+      const B = new Set(D);
+      return B.has(v) ? B.delete(v) : B.add(v), B;
+    });
+  }, []), Oe = (v, D) => {
+    const B = ge(v.id), f = ge(D.id);
+    if (ie === "radial" || ie === "circular")
+      return /* @__PURE__ */ o(
+        "line",
+        {
+          x1: B.x,
+          y1: B.y,
+          x2: f.x,
+          y2: f.y,
+          stroke: D.color || y,
+          strokeWidth: m
+        }
+      );
+    switch (n) {
+      case "rectangular":
+        return /* @__PURE__ */ o(
+          "path",
+          {
+            d: `M${B.x},${B.y} H${f.x} V${f.y}`,
+            stroke: D.color || y,
+            strokeWidth: m,
+            fill: "none"
+          }
+        );
+      case "diagonal":
+        return /* @__PURE__ */ o(
+          "line",
+          {
+            x1: B.x,
+            y1: B.y,
+            x2: f.x,
+            y2: f.y,
+            stroke: D.color || y,
+            strokeWidth: m
+          }
+        );
+      case "curved":
+        const b = (B.x + f.x) / 2;
+        return /* @__PURE__ */ o(
+          "path",
+          {
+            d: `M${B.x},${B.y} C${b},${B.y} ${b},${f.y} ${f.x},${f.y}`,
+            stroke: D.color || y,
+            strokeWidth: m,
+            fill: "none"
+          }
+        );
+      default:
+        return /* @__PURE__ */ o(
+          "line",
+          {
+            x1: B.x,
+            y1: B.y,
+            x2: f.x,
+            y2: f.y,
+            stroke: D.color || y,
+            strokeWidth: m
+          }
+        );
+    }
+  }, Ie = (v) => {
+    const D = ge(v.id), B = !v.children || v.children.length === 0 || v.collapsed, f = (ee == null ? void 0 : ee.id) === v.id, b = f ? i * 1.5 : i, T = (() => {
+      switch (r) {
+        case "circle":
+          return /* @__PURE__ */ o("circle", { cx: D.x, cy: D.y, r: b });
+        case "square":
+          return /* @__PURE__ */ o("rect", { x: D.x - b, y: D.y - b, width: b * 2, height: b * 2 });
+        case "triangle":
+          const F = b * 1.5;
+          return /* @__PURE__ */ o(
+            "polygon",
+            {
+              points: `${D.x},${D.y - F} ${D.x - F},${D.y + F} ${D.x + F},${D.y + F}`
+            }
+          );
+        case "diamond":
+          return /* @__PURE__ */ o(
+            "polygon",
+            {
+              points: `${D.x},${D.y - b} ${D.x + b},${D.y} ${D.x},${D.y + b} ${D.x - b},${D.y}`
+            }
+          );
+        case "none":
+          return null;
+        default:
+          return /* @__PURE__ */ o("circle", { cx: D.x, cy: D.y, r: b });
+      }
+    })();
+    return /* @__PURE__ */ u("g", { children: [
+      T && /* @__PURE__ */ o(
+        "g",
+        {
+          fill: v.highlighted ? w : v.color || $,
+          stroke: f ? w : "none",
+          strokeWidth: 2,
+          style: { cursor: "pointer" },
+          onMouseEnter: () => {
+            re(v), se == null || se(v);
+          },
+          onMouseLeave: () => {
+            re(null), se == null || se(null);
+          },
+          onClick: () => pe == null ? void 0 : pe(v),
+          onDoubleClick: () => {
+            v.children && v.children.length > 0 && We(v.id);
+          },
+          children: T
+        }
+      ),
+      v.collapsed && v.children && /* @__PURE__ */ o(
+        "polygon",
+        {
+          points: `${D.x + 8},${D.y - 6} ${D.x + 20},${D.y} ${D.x + 8},${D.y + 6}`,
+          fill: $,
+          opacity: 0.5
+        }
+      ),
+      B && c && v.name && /* @__PURE__ */ o(
+        "text",
+        {
+          x: D.x + i + 5,
+          y: D.y,
+          fontSize: p,
+          fill: "#333",
+          dominantBaseline: "middle",
+          children: v.name
+        }
+      ),
+      !B && h && v.name && /* @__PURE__ */ o(
+        "text",
+        {
+          x: D.x,
+          y: D.y - i - 3,
+          fontSize: p * 0.9,
+          fill: "#666",
+          textAnchor: "middle",
+          children: v.name
+        }
+      ),
+      a && v.bootstrap !== void 0 && v.bootstrap >= l && /* @__PURE__ */ o(
+        "text",
+        {
+          x: D.x,
+          y: D.y - i - 2,
+          fontSize: p * 0.8,
+          fill: "#E91E63",
+          textAnchor: "middle",
+          children: v.bootstrap.toFixed(0)
+        }
+      )
+    ] }, v.id);
+  }, Ne = (v) => {
+    const D = [];
+    if (v.children && !v.collapsed)
+      for (const B of v.children)
+        D.push(/* @__PURE__ */ o("g", { children: Oe(v, B) }, `branch-${v.id}-${B.id}`)), D.push(...Ne(B));
+    return D;
+  };
+  return C ? /* @__PURE__ */ u(
+    "div",
+    {
+      ref: ue,
+      className: `nice-phylogenetic-tree ${_ || ""}`,
+      style: {
+        width: V,
+        height: L,
+        position: "relative",
+        overflow: "hidden",
+        background: "#FAFAFA",
+        border: "1px solid #E0E0E0",
+        borderRadius: 4,
+        cursor: ae ? "grabbing" : "grab",
+        ...ce
+      },
+      onMouseDown: me,
+      onMouseMove: we,
+      onMouseUp: Ce,
+      onMouseLeave: Ce,
+      onWheel: Le,
+      children: [
+        /* @__PURE__ */ u(
+          "svg",
+          {
+            width: "100%",
+            height: "100%",
+            style: {
+              transform: `translate(${Y.x}px, ${Y.y}px) scale(${ye})`,
+              transformOrigin: "center center"
+            },
+            children: [
+              j.map((v) => {
+                const D = g.filter((R) => v.nodeIds.includes(R.id));
+                if (D.length === 0)
+                  return null;
+                const B = D.map((R) => ge(R.id)), f = Math.min(...B.map((R) => R.x)) - 10, b = Math.max(...B.map((R) => R.x)) + 10, T = Math.min(...B.map((R) => R.y)) - 10, F = Math.max(...B.map((R) => R.y)) + 10;
+                return /* @__PURE__ */ u("g", { children: [
+                  /* @__PURE__ */ o(
+                    "rect",
+                    {
+                      x: f,
+                      y: T,
+                      width: b - f,
+                      height: F - T,
+                      fill: v.background || `${v.color}20` || "#E3F2FD",
+                      stroke: v.color || "#2196F3",
+                      strokeWidth: 1,
+                      strokeDasharray: "4,2",
+                      rx: 4
+                    }
+                  ),
+                  v.showLabel && /* @__PURE__ */ o(
+                    "text",
+                    {
+                      x: b + 5,
+                      y: (T + F) / 2,
+                      fontSize: 10,
+                      fill: v.color || "#666",
+                      dominantBaseline: "middle",
+                      children: v.name
+                    }
+                  )
+                ] }, v.id);
+              }),
+              Ne(C),
+              g.map((v) => Ie(v)),
+              J.map((v) => {
+                if (!g.find((b) => b.id === v.nodeId))
+                  return null;
+                const B = ge(v.nodeId), f = {
+                  left: { x: -10, y: 0 },
+                  right: { x: 10, y: 0 },
+                  above: { x: 0, y: -10 },
+                  below: { x: 0, y: 10 }
+                }[v.position || "right"];
+                return /* @__PURE__ */ o(
+                  "text",
+                  {
+                    x: B.x + f.x,
+                    y: B.y + f.y,
+                    fontSize: v.fontSize || 9,
+                    fill: v.color || "#FF5722",
+                    textAnchor: v.position === "left" ? "end" : v.position === "right" ? "start" : "middle",
+                    dominantBaseline: "middle",
+                    children: v.text
+                  },
+                  `ann-${v.nodeId}`
+                );
+              })
+            ]
+          }
+        ),
+        /* @__PURE__ */ u("div", { style: { position: "absolute", top: 8, left: 8, fontSize: "0.75rem", color: "#666" }, children: [
+          g.length,
+          " nodes • ",
+          I,
+          " leaves"
+        ] }),
+        ee && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: 8,
+              left: 8,
+              background: "rgba(255,255,255,0.95)",
+              padding: "4px 8px",
+              borderRadius: 4,
+              fontSize: "0.75rem",
+              boxShadow: "0 1px 4px rgba(0,0,0,0.1)"
+            },
+            children: [
+              /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o("b", { children: ee.name || ee.id }) }),
+              ee.branchLength !== void 0 && /* @__PURE__ */ u("div", { children: [
+                "Branch length: ",
+                ee.branchLength.toFixed(4)
+              ] }),
+              ee.bootstrap !== void 0 && /* @__PURE__ */ u("div", { children: [
+                "Bootstrap: ",
+                ee.bootstrap
+              ] }),
+              ee.children && /* @__PURE__ */ u("div", { children: [
+                "Children: ",
+                ee.children.length
+              ] })
+            ]
+          }
+        ),
+        de && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              display: "flex",
+              flexDirection: "column",
+              gap: 4
+            },
+            children: [
+              /* @__PURE__ */ u(
+                "select",
+                {
+                  value: ie,
+                  onChange: (v) => z(v.target.value),
+                  style: { padding: "2px 4px", fontSize: "0.75rem" },
+                  children: [
+                    /* @__PURE__ */ o("option", { value: "rectangular", children: "Rectangular" }),
+                    /* @__PURE__ */ o("option", { value: "radial", children: "Radial" }),
+                    /* @__PURE__ */ o("option", { value: "diagonal", children: "Diagonal" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  onClick: () => {
+                    xe(1), Z({ x: 0, y: 0 });
+                  },
+                  style: { padding: "2px 4px", fontSize: "0.75rem", cursor: "pointer" },
+                  children: "Reset View"
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  onClick: () => d(/* @__PURE__ */ new Set()),
+                  style: { padding: "2px 4px", fontSize: "0.75rem", cursor: "pointer" },
+                  children: "Expand All"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  ) : /* @__PURE__ */ o(
+    "div",
+    {
+      className: `nice-phylogenetic-tree nice-phylogenetic-tree--empty ${_ || ""}`,
+      style: {
+        width: V,
+        height: L,
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        background: "#F5F5F5",
+        color: "#666",
+        border: "1px dashed #CCC",
+        borderRadius: 4,
+        ...ce
+      },
+      children: "Load a phylogenetic tree (Newick format)"
+    }
+  );
+}
+const De = (e) => e * Math.PI / 180;
+function Tt(e, t, n, r) {
+  const i = (t + 180) / 360 * n, s = De(e), a = Math.log(Math.tan(Math.PI / 4 + s / 2)), l = r / 2 - n * a / (2 * Math.PI);
+  return { x: i, y: l };
+}
+function Xt(e, t, n, r) {
+  const i = (t + 180) / 360 * n, s = (90 - e) / 180 * r;
+  return { x: i, y: s };
+}
+function Yt(e, t, n, r, i, s) {
+  const a = De(e), l = De(t), c = De(i), h = De(s);
+  if (Math.sin(c) * Math.sin(a) + Math.cos(c) * Math.cos(a) * Math.cos(l - h) < 0)
+    return { x: 0, y: 0, visible: !1 };
+  const m = Math.min(n, r) / 2 - 10, y = n / 2 + m * Math.cos(a) * Math.sin(l - h), $ = r / 2 - m * (Math.cos(c) * Math.sin(a) - Math.sin(c) * Math.cos(a) * Math.cos(l - h));
+  return { x: y, y: $, visible: !0 };
+}
+function _t(e, t, n, r) {
+  const i = [
+    [0, 1, 0],
+    [5, 0.9986, 0.062],
+    [10, 0.9954, 0.124],
+    [15, 0.99, 0.186],
+    [20, 0.9822, 0.248],
+    [25, 0.973, 0.31],
+    [30, 0.96, 0.372],
+    [35, 0.9427, 0.434],
+    [40, 0.9216, 0.4958],
+    [45, 0.8962, 0.5571],
+    [50, 0.8679, 0.6176],
+    [55, 0.835, 0.6769],
+    [60, 0.7986, 0.7346],
+    [65, 0.7597, 0.7903],
+    [70, 0.7186, 0.8435],
+    [75, 0.6732, 0.8936],
+    [80, 0.6213, 0.9394],
+    [85, 0.5722, 0.9761],
+    [90, 0.5322, 1]
+  ], s = Math.abs(e);
+  let a = 1, l = 0;
+  for (let m = 0; m < i.length - 1; m++)
+    if (s >= i[m][0] && s <= i[m + 1][0]) {
+      const y = (s - i[m][0]) / 5;
+      a = i[m][1] + y * (i[m + 1][1] - i[m][1]), l = i[m][2] + y * (i[m + 1][2] - i[m][2]);
+      break;
+    }
+  const c = n / (2 * Math.PI), h = n / 2 + c * De(t) * a, p = r / 2 - c * l * 1.3523 * Math.sign(e);
+  return { x: h, y: p };
+}
+const qt = `
+M 50,30 L 55,28 60,30 65,35 60,40 55,42 50,40 Z
+M 70,25 L 80,23 85,28 87,35 85,45 78,50 72,48 68,40 70,32 Z
+M 55,55 L 58,52 65,55 68,60 65,70 58,75 52,70 50,60 Z
+M 80,55 L 90,50 92,60 88,70 80,75 75,65 Z
+M 15,30 L 25,28 32,32 35,38 30,45 22,48 15,42 12,35 Z
+M 30,55 L 35,50 40,52 42,58 38,65 32,68 28,62 Z
+`;
+function sn({
+  projection: e = "equirectangular",
+  layers: t = [],
+  markers: n = [],
+  polylines: r = [],
+  polygons: i = [],
+  heatmap: s,
+  bounds: a,
+  center: l = { lat: 0, lng: 0 },
+  zoom: c = 1,
+  showGraticule: h = !0,
+  graticuleInterval: p = 30,
+  showCoastlines: m = !0,
+  showBorders: y = !1,
+  landColor: $ = "#D4E6C3",
+  oceanColor: w = "#A8D4E6",
+  borderColor: j = "#999999",
+  graticuleColor: J = "#CCCCCC",
+  width: te = "100%",
+  height: V = 400,
+  enablePan: L = !0,
+  enableZoom: H = !0,
+  showControls: oe = !0,
+  scaleBar: U = { show: !0, position: "bottom-left" },
+  legend: de,
+  showLayerControl: pe = !1,
+  onMarkerClick: se,
+  onMarkerHover: ne,
+  onMapClick: _,
+  onPolygonClick: ce,
+  onBoundsChange: ue,
+  className: ye,
+  style: xe
+}) {
+  var Ne, v, D, B;
+  const Y = ze(null), [Z, ae] = E(l), [G, S] = E(c), [Q, ee] = E(!1), [re, ie] = E(null), [z, k] = E(null), [d, x] = E(e), [C, N] = E(
+    new Set(t.filter((f) => f.visible !== !1).map((f) => f.id))
+  ), I = typeof te == "number" ? te : 800, W = typeof V == "number" ? V : 400, g = P(
+    (f, b) => {
+      switch (d) {
+        case "mercator":
+          return Tt(f, b, I, W);
+        case "orthographic":
+          return Yt(f, b, I, W, Z.lat, Z.lng);
+        case "robinson":
+          return _t(f, b, I, W);
+        case "equirectangular":
+        default:
+          return Xt(f, b, I, W);
+      }
+    },
+    [d, I, W, Z]
+  ), M = P(
+    (f, b) => {
+      const T = f / I * 360 - 180, F = 90 - b / W * 180;
+      return { lat: Math.max(-90, Math.min(90, F)), lng: Math.max(-180, Math.min(180, T)) };
+    },
+    [I, W]
+  ), A = K(() => {
+    const f = [];
+    for (let b = -90 + p; b < 90; b += p) {
+      let T = "";
+      for (let F = -180; F <= 180; F += 5) {
+        const R = g(b, F);
+        R.visible !== !1 && (T += T === "" ? `M${R.x},${R.y}` : ` L${R.x},${R.y}`);
+      }
+      T && f.push(T);
+    }
+    for (let b = -180; b <= 180; b += p) {
+      let T = "";
+      for (let F = -90; F <= 90; F += 5) {
+        const R = g(F, b);
+        R.visible !== !1 && (T += T === "" ? `M${R.x},${R.y}` : ` L${R.x},${R.y}`);
+      }
+      T && f.push(T);
+    }
+    return f;
+  }, [g, p]), O = K(() => {
+    if (d === "orthographic") {
+      const f = Math.min(I, W) / 2 - 10;
+      return `M${I / 2 + f},${W / 2}
+              A${f},${f} 0 1,1 ${I / 2 - f},${W / 2}
+              A${f},${f} 0 1,1 ${I / 2 + f},${W / 2}`;
+    }
+    return null;
+  }, [d, I, W]), X = K(() => {
+    const f = [...n];
+    for (const b of t)
+      C.has(b.id) && b.markers && f.push(...b.markers);
+    return f;
+  }, [n, t, C]), le = K(() => {
+    const f = [...r];
+    for (const b of t)
+      C.has(b.id) && b.polylines && f.push(...b.polylines);
+    return f;
+  }, [r, t, C]), fe = K(() => {
+    const f = [...i];
+    for (const b of t)
+      C.has(b.id) && b.polygons && f.push(...b.polygons);
+    return f;
+  }, [i, t, C]), be = P(
+    (f) => {
+      L && (ee(!0), ie({ x: f.clientX, y: f.clientY, center: { ...Z } }));
+    },
+    [L, Z]
+  ), ge = P(
+    (f) => {
+      if (!Q || !re)
+        return;
+      const b = f.clientX - re.x, T = f.clientY - re.y, F = -(b / I) * 360 / G, R = T / W * 180 / G;
+      ae({
+        lat: Math.max(-85, Math.min(85, re.center.lat + R)),
+        lng: (re.center.lng + F + 180) % 360 - 180
+      });
+    },
+    [Q, re, I, W, G]
+  ), me = P(() => {
+    ee(!1), ie(null);
+  }, []), we = P(
+    (f) => {
+      if (!H)
+        return;
+      f.preventDefault();
+      const b = f.deltaY > 0 ? 0.9 : 1.1;
+      S((T) => Math.max(0.5, Math.min(20, T * b)));
+    },
+    [H]
+  ), Ce = P(
+    (f) => {
+      var R;
+      if (!_)
+        return;
+      const b = (R = Y.current) == null ? void 0 : R.getBoundingClientRect();
+      if (!b)
+        return;
+      const T = f.clientX - b.left, F = f.clientY - b.top;
+      _(M(T, F));
+    },
+    [_, M]
+  ), Le = (f) => {
+    const b = g(f.position.lat, f.position.lng);
+    if (b.visible === !1)
+      return null;
+    const T = (z == null ? void 0 : z.id) === f.id, F = (f.size || 8) * (T ? 1.3 : 1), R = (() => {
+      switch (f.shape) {
+        case "square":
+          return /* @__PURE__ */ o("rect", { x: b.x - F / 2, y: b.y - F / 2, width: F, height: F });
+        case "triangle":
+          return /* @__PURE__ */ o(
+            "polygon",
+            {
+              points: `${b.x},${b.y - F} ${b.x - F},${b.y + F / 2} ${b.x + F},${b.y + F / 2}`
+            }
+          );
+        case "diamond":
+          return /* @__PURE__ */ o(
+            "polygon",
+            {
+              points: `${b.x},${b.y - F} ${b.x + F},${b.y} ${b.x},${b.y + F} ${b.x - F},${b.y}`
+            }
+          );
+        case "pin":
+          return /* @__PURE__ */ o(
+            "path",
+            {
+              d: `M${b.x},${b.y}
+                  c0,-${F * 1.5} -${F},-${F * 2} -${F},-${F * 2.5}
+                  a${F},${F} 0 1,1 ${F * 2},0
+                  c0,${F * 0.5} -${F},${F} -${F},${F * 2.5}`
+            }
+          );
+        case "circle":
+        default:
+          return /* @__PURE__ */ o("circle", { cx: b.x, cy: b.y, r: F / 2 });
+      }
+    })();
+    return /* @__PURE__ */ u(
+      "g",
+      {
+        fill: f.color || "#E91E63",
+        stroke: T ? "#000" : "#FFF",
+        strokeWidth: T ? 2 : 1,
+        style: { cursor: "pointer" },
+        onMouseEnter: () => {
+          k(f), ne == null || ne(f);
+        },
+        onMouseLeave: () => {
+          k(null), ne == null || ne(null);
+        },
+        onClick: (Se) => {
+          Se.stopPropagation(), se == null || se(f);
+        },
+        children: [
+          R,
+          f.label && /* @__PURE__ */ o("text", { x: b.x + F, y: b.y, fontSize: 10, fill: "#333", dominantBaseline: "middle", children: f.label })
+        ]
+      },
+      f.id
+    );
+  }, We = (f) => {
+    if (f.path.length < 2)
+      return null;
+    const b = f.path.map((T, F) => {
+      const R = g(T.lat, T.lng);
+      return R.visible === !1 ? "" : F === 0 ? `M${R.x},${R.y}` : `L${R.x},${R.y}`;
+    }).filter(Boolean).join(" ");
+    return b ? /* @__PURE__ */ o(
+      "path",
+      {
+        d: b,
+        fill: "none",
+        stroke: f.color || "#2196F3",
+        strokeWidth: f.width || 2,
+        strokeDasharray: f.style === "dashed" ? "8,4" : f.style === "dotted" ? "2,2" : void 0,
+        markerEnd: f.arrows ? "url(#arrow)" : void 0
+      },
+      f.id
+    ) : null;
+  }, Oe = (f) => {
+    if (f.path.length < 3)
+      return null;
+    const b = f.path.map((T, F) => {
+      const R = g(T.lat, T.lng);
+      return R.visible === !1 ? "" : F === 0 ? `M${R.x},${R.y}` : `L${R.x},${R.y}`;
+    }).filter(Boolean).join(" ") + " Z";
+    return /* @__PURE__ */ o(
+      "path",
+      {
+        d: b,
+        fill: f.fillColor || "#4CAF5040",
+        stroke: f.strokeColor || "#4CAF50",
+        strokeWidth: f.strokeWidth || 1,
+        fillOpacity: f.fillOpacity || 0.5,
+        style: { cursor: "pointer" },
+        onClick: () => ce == null ? void 0 : ce(f)
+      },
+      f.id
+    );
+  }, Ie = K(() => {
+    if (!U.show)
+      return null;
+    const f = 111, b = I / 360 * G, T = f / b, F = T * 100, R = Math.pow(10, Math.floor(Math.log10(F))), Se = R * (F / R >= 5 ? 5 : F / R >= 2 ? 2 : 1);
+    return {
+      width: Se / T,
+      label: Se >= 1e3 ? `${Se / 1e3} km` : `${Se} km`
+    };
+  }, [U.show, I, G]);
+  return /* @__PURE__ */ u(
+    "div",
+    {
+      ref: Y,
+      className: `nice-geographic-map ${ye || ""}`,
+      style: {
+        width: te,
+        height: V,
+        position: "relative",
+        overflow: "hidden",
+        background: w,
+        border: "1px solid #CCC",
+        borderRadius: 4,
+        cursor: Q ? "grabbing" : "grab",
+        ...xe
+      },
+      onMouseDown: be,
+      onMouseMove: ge,
+      onMouseUp: me,
+      onMouseLeave: me,
+      onWheel: we,
+      onClick: Ce,
+      children: [
+        /* @__PURE__ */ u("svg", { width: "100%", height: "100%", children: [
+          /* @__PURE__ */ o("defs", { children: /* @__PURE__ */ o("marker", { id: "arrow", markerWidth: "10", markerHeight: "10", refX: "9", refY: "3", orient: "auto", children: /* @__PURE__ */ o("path", { d: "M0,0 L0,6 L9,3 z", fill: "#2196F3" }) }) }),
+          d === "orthographic" && O && /* @__PURE__ */ u(Ae, { children: [
+            /* @__PURE__ */ o("path", { d: O, fill: w, stroke: "#999", strokeWidth: 1 }),
+            /* @__PURE__ */ o(
+              "circle",
+              {
+                cx: I / 2,
+                cy: W / 2,
+                r: Math.min(I, W) / 2 - 11,
+                fill: $,
+                opacity: 0.3
+              }
+            )
+          ] }),
+          h && A.map((f, b) => /* @__PURE__ */ o(
+            "path",
+            {
+              d: f,
+              fill: "none",
+              stroke: J,
+              strokeWidth: 0.5,
+              strokeOpacity: 0.7
+            },
+            `graticule-${b}`
+          )),
+          m && d !== "orthographic" && /* @__PURE__ */ o("g", { transform: `scale(${I / 100}, ${W / 100})`, children: /* @__PURE__ */ o(
+            "path",
+            {
+              d: qt,
+              fill: $,
+              stroke: j,
+              strokeWidth: 0.2
+            }
+          ) }),
+          fe.map(Oe),
+          le.map(We),
+          X.map(Le)
+        ] }),
+        Ie && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              [(Ne = U.position) != null && Ne.includes("bottom") ? "bottom" : "top"]: 8,
+              [(v = U.position) != null && v.includes("right") ? "right" : "left"]: 8,
+              background: "rgba(255,255,255,0.9)",
+              padding: "4px 8px",
+              borderRadius: 4,
+              fontSize: "0.7rem"
+            },
+            children: [
+              /* @__PURE__ */ o(
+                "div",
+                {
+                  style: {
+                    width: Ie.width,
+                    height: 4,
+                    background: "#333",
+                    marginBottom: 2
+                  }
+                }
+              ),
+              /* @__PURE__ */ o("div", { children: Ie.label })
+            ]
+          }
+        ),
+        de && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              [(D = de.position) != null && D.includes("bottom") ? "bottom" : "top"]: 8,
+              [(B = de.position) != null && B.includes("left") ? "left" : "right"]: 8,
+              background: "rgba(255,255,255,0.95)",
+              padding: 8,
+              borderRadius: 4,
+              fontSize: "0.75rem",
+              minWidth: 100
+            },
+            children: [
+              de.title && /* @__PURE__ */ o("div", { style: { fontWeight: "bold", marginBottom: 4 }, children: de.title }),
+              de.items.map((f, b) => /* @__PURE__ */ u("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 2 }, children: [
+                f.shape === "line" ? /* @__PURE__ */ o("div", { style: { width: 16, height: 2, background: f.color } }) : /* @__PURE__ */ o(
+                  "div",
+                  {
+                    style: {
+                      width: 12,
+                      height: 12,
+                      background: f.color,
+                      borderRadius: f.shape === "circle" ? "50%" : 0
+                    }
+                  }
+                ),
+                /* @__PURE__ */ o("span", { children: f.label })
+              ] }, b))
+            ]
+          }
+        ),
+        (z == null ? void 0 : z.tooltip) && /* @__PURE__ */ o(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: g(z.position.lat, z.position.lng).y - 30,
+              left: g(z.position.lat, z.position.lng).x,
+              transform: "translateX(-50%)",
+              background: "rgba(0,0,0,0.8)",
+              color: "#FFF",
+              padding: "4px 8px",
+              borderRadius: 4,
+              fontSize: "0.75rem",
+              pointerEvents: "none",
+              whiteSpace: "nowrap"
+            },
+            children: z.tooltip
+          }
+        ),
+        /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              bottom: 8,
+              right: 8,
+              background: "rgba(255,255,255,0.9)",
+              padding: "2px 6px",
+              borderRadius: 4,
+              fontSize: "0.7rem",
+              color: "#666"
+            },
+            children: [
+              Z.lat.toFixed(2),
+              "°, ",
+              Z.lng.toFixed(2),
+              "°"
+            ]
+          }
+        ),
+        pe && t.length > 0 && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 8,
+              left: 8,
+              background: "rgba(255,255,255,0.95)",
+              padding: 8,
+              borderRadius: 4,
+              fontSize: "0.75rem"
+            },
+            children: [
+              /* @__PURE__ */ o("div", { style: { fontWeight: "bold", marginBottom: 4 }, children: "Layers" }),
+              t.map((f) => /* @__PURE__ */ u(
+                "label",
+                {
+                  style: { display: "flex", alignItems: "center", gap: 4, cursor: "pointer" },
+                  children: [
+                    /* @__PURE__ */ o(
+                      "input",
+                      {
+                        type: "checkbox",
+                        checked: C.has(f.id),
+                        onChange: (b) => {
+                          const T = new Set(C);
+                          b.target.checked ? T.add(f.id) : T.delete(f.id), N(T);
+                        }
+                      }
+                    ),
+                    f.name
+                  ]
+                },
+                f.id
+              ))
+            ]
+          }
+        ),
+        oe && /* @__PURE__ */ u(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              top: 8,
+              right: 8,
+              display: "flex",
+              flexDirection: "column",
+              gap: 4
+            },
+            children: [
+              /* @__PURE__ */ u(
+                "select",
+                {
+                  value: d,
+                  onChange: (f) => x(f.target.value),
+                  style: { padding: "2px 4px", fontSize: "0.75rem" },
+                  children: [
+                    /* @__PURE__ */ o("option", { value: "equirectangular", children: "Equirectangular" }),
+                    /* @__PURE__ */ o("option", { value: "mercator", children: "Mercator" }),
+                    /* @__PURE__ */ o("option", { value: "orthographic", children: "Orthographic" }),
+                    /* @__PURE__ */ o("option", { value: "robinson", children: "Robinson" })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ o(
+                "button",
+                {
+                  onClick: () => {
+                    S(1), ae({ lat: 0, lng: 0 });
+                  },
+                  style: { padding: "2px 4px", fontSize: "0.75rem", cursor: "pointer" },
+                  children: "Reset View"
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  St as CitationService,
+  ft as DataAnalysisService,
+  ct as LabNotebookProvider,
+  lt as LabNotebookService,
+  nn as Nice3DPlot,
+  en as NiceCitation,
+  Qt as NiceDataAnalysis,
+  sn as NiceGeographicMap,
+  Jt as NiceLabNotebook,
+  rn as NiceMolecularViewer,
+  on as NicePhylogeneticTree,
+  tn as NiceScientificChart,
+  $e as Stats,
+  Ht as createCitationService,
+  Gt as createDataAnalysisService,
+  Kt as createLabNotebookService,
+  et as useCitation,
+  Xe as useLabNotebook
+};