react-semaphor 0.1.179 → 0.1.180

package/dist/chunks/notification-bell-YZ8VqdwA.js

@@ -0,0 +1,870 @@
+import oe, { useState as A, useRef as V, useCallback as M, useEffect as D, useContext as ie } from "react";
+import { aF as z, aN as B, a0 as I, aC as $, ay as ae, az as _, a1 as se, ax as le, bu as ce, bv as de, bw as ue, bx as me, by as he, bz as O, bA as pe, bG as fe, bH as j, bB as ge, B as S, aG as H, au as P, aI as ve, u as E, aO as xe, as as re, bI as be, bJ as G, aL as T, A as we, bK as Ce, c as U, aV as X, aW as q, aX as W, aY as Q, aZ as Y, av as Ne, bL as ye, bM as Ae, bN as Se, bb as Ee, bc as De, bd as Ie, bO as ke, be as Te, bf as Ue, bg as Fe, bh as Me, bi as Pe, W as Le, I as Ve, bP as ze, bQ as Re, aE as Oe, X as Be, bR as $e, bS as _e, aA as Z, a3 as He, P as je, p as Ge, bT as Xe, r as qe } from "./index-CAeKp6K8.js";
+import { jsx as t, jsxs as r, Fragment as L } from "react/jsx-runtime";
+import { E as We, V as Qe, a as Ye, b as Ze, S as J, c as Je, C as Ke } from "./editor-action-buttons-MtNYw1Bb.js";
+import { a as ne } from "./use-visual-utils-D3HjbsKO.js";
+import { a as K } from "./index-B4EhQdS9.js";
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const et = z("CircleCheck", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = z("CirclePlus", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M8 12h8", key: "1wcyev" }],
+  ["path", { d: "M12 8v8", key: "napkw2" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ee = z("FileDown", [
+  ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
+  ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
+  ["path", { d: "M12 18v-6", key: "17g6i2" }],
+  ["path", { d: "m9 15 3 3 3-3", key: "1npd3o" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const at = z("RefreshCw", [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+]), st = 1e4, rt = 15e3, nt = 3e4, ot = 3e4, it = 12e4, te = 2 * 60 * 60 * 1e3;
+function lt(e) {
+  const a = Date.now() - e.getTime();
+  return a < ot ? st : a < it ? rt : nt;
+}
+function wt() {
+  const { authToken: e, tokenProps: a } = B(), c = I((v) => v.activeExports), [n, m] = A(
+    typeof document < "u" ? !document.hidden : !0
+  ), l = V(null), o = V(!1), s = V(void 0), h = a == null ? void 0 : a.apiServiceUrl, d = e == null ? void 0 : e.accessToken, g = M(() => {
+    const v = I.getState().activeExports;
+    return Array.from(v.values()).filter(
+      (b) => $(b.status)
+    );
+  }, []);
+  D(() => {
+    if (typeof document > "u") return;
+    const v = () => {
+      m(!document.hidden);
+    };
+    return document.addEventListener("visibilitychange", v), () => {
+      document.removeEventListener("visibilitychange", v);
+    };
+  }, []);
+  const C = M(async () => {
+    if (!h || !d) {
+      o.current = !1;
+      return;
+    }
+    const v = g();
+    if (v.length === 0) {
+      o.current = !1;
+      return;
+    }
+    const b = Date.now(), y = v.filter(
+      (p) => b - p.startedAt.getTime() > te
+    );
+    if (y.length > 0) {
+      const { updateExport: p } = I.getState().actions;
+      for (const i of y)
+        p(i.id, {
+          status: "failed",
+          error: "Export timed out. Please try again or contact support.",
+          lastUpdatedAt: /* @__PURE__ */ new Date()
+        });
+    }
+    const f = v.filter(
+      (p) => b - p.startedAt.getTime() <= te
+    );
+    if (f.length === 0) {
+      o.current = !1;
+      return;
+    }
+    const x = await Promise.allSettled(
+      f.map(async (p) => {
+        try {
+          const i = await ae(h, d, p.id);
+          let w;
+          if (i.status === "completed")
+            try {
+              w = await _(h, d, p.id);
+            } catch (F) {
+              console.error(
+                `[useExportPolling] Failed to get download URL for ${p.id}:`,
+                F
+              );
+            }
+          return {
+            id: p.id,
+            status: i.status,
+            progress: i.progress,
+            completedChunks: i.completedChunks,
+            completedAt: i.completedAt ? new Date(i.completedAt) : void 0,
+            lastUpdatedAt: /* @__PURE__ */ new Date(),
+            fileSize: i.fileSize,
+            error: i.error,
+            downloadUrl: w
+          };
+        } catch (i) {
+          return console.error(
+            `[useExportPolling] Failed to poll export ${p.id}:`,
+            i
+          ), null;
+        }
+      })
+    ), { updateExport: N } = I.getState().actions;
+    for (const p of x)
+      p.status === "fulfilled" && p.value && N(p.value.id, p.value);
+    const u = g();
+    if (u.length > 0 && !document.hidden) {
+      const p = u.reduce(
+        (w, F) => F.startedAt < w ? F.startedAt : w,
+        u[0].startedAt
+      ), i = lt(p);
+      l.current && clearTimeout(l.current), l.current = setTimeout(() => {
+        var w;
+        (w = s.current) == null || w.call(s);
+      }, i);
+    } else
+      o.current = !1;
+  }, [h, d, g]);
+  return D(() => {
+    s.current = C;
+  }, [C]), D(() => {
+    var b;
+    g().length > 0 && n && !o.current && (o.current = !0, (b = s.current) == null || b.call(s));
+  }, [c, n, g]), D(() => {
+    var b;
+    const v = g();
+    n && v.length > 0 && !o.current && (o.current = !0, (b = s.current) == null || b.call(s));
+  }, [n, g]), D(() => {
+    !n && l.current && (clearTimeout(l.current), l.current = null, o.current = !1);
+  }, [n]), D(() => () => {
+    l.current && (clearTimeout(l.current), l.current = null);
+  }, []), {
+    isPolling: o.current,
+    isTabVisible: n,
+    inProgressCount: g().length
+  };
+}
+function Ct() {
+  const { authToken: e, tokenProps: a } = B(), c = I((s) => s.activeExports), { addExport: n } = se(), m = V(!1), l = a == null ? void 0 : a.apiServiceUrl, o = e == null ? void 0 : e.accessToken;
+  D(() => {
+    if (m.current || !l || !o) return;
+    (async () => {
+      try {
+        const { exports: h } = await le(l, o, {
+          status: ["pending", "processing", "chunking", "compacting", "completed", "failed"],
+          limit: 20
+          // Limit to recent exports
+        });
+        for (const d of h) {
+          if (c.has(d.id)) continue;
+          const g = d.totalChunks ? Math.round(d.completedChunks / d.totalChunks * 100) : 0;
+          let C;
+          if (d.status === "completed")
+            try {
+              C = await _(l, o, d.id);
+            } catch (b) {
+              console.error(
+                `[useExportRecovery] Failed to get download URL for ${d.id}:`,
+                b
+              );
+            }
+          const v = {
+            id: d.id,
+            status: d.status,
+            progress: g,
+            title: ct(d),
+            totalRows: d.totalRows,
+            totalChunks: d.totalChunks,
+            completedChunks: d.completedChunks,
+            startedAt: new Date(d.createdAt),
+            lastUpdatedAt: /* @__PURE__ */ new Date(),
+            completedAt: d.completedAt ? new Date(d.completedAt) : void 0,
+            fileSize: d.fileSize,
+            error: d.error,
+            expiresAt: new Date(d.expiresAt),
+            downloadUrl: C
+          };
+          n(v);
+        }
+        m.current = !0;
+      } catch (h) {
+        console.error("[useExportRecovery] Failed to recover exports:", h), m.current = !0;
+      }
+    })();
+  }, [l, o, n, c]);
+}
+function ct(e) {
+  return e.title ? e.title : $(
+    e.status
+  ) ? "Export in progress..." : e.status === "completed" ? "Export completed" : e.status === "failed" ? "Export failed" : "Export";
+}
+function dt({
+  open: e,
+  onOpenChange: a,
+  isLibraryVisual: c,
+  currentVisualName: n,
+  isSaving: m = !1,
+  onConfirm: l
+}) {
+  const [o, s] = A(
+    c && n ? `Copy of ${n}` : n || ""
+  ), [h, d] = A(""), [g, C] = A(!c), [v, b] = A(!0);
+  oe.useEffect(() => {
+    e && (s(
+      c && n ? `Copy of ${n}` : n || ""
+    ), d(""), C(!c), b(!0));
+  }, [e, c, n]);
+  const y = () => {
+    o.trim() && (!g && !v || l({
+      name: o.trim(),
+      description: h.trim() || void 0,
+      saveToLibrary: g,
+      saveToCurrentDashboard: v
+    }));
+  }, f = o.trim() && (g || v);
+  return /* @__PURE__ */ t(ce, { open: e, onOpenChange: a, children: /* @__PURE__ */ r(de, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r(ue, { children: [
+      /* @__PURE__ */ t(me, { children: "Save Visual As" }),
+      /* @__PURE__ */ t(he, { children: c ? "Create a copy of this visual with a new name" : "Save this visual to make it reusable" })
+    ] }),
+    /* @__PURE__ */ r("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(O, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ t(
+          pe,
+          {
+            id: "name",
+            value: o,
+            onChange: (x) => s(x.target.value),
+            placeholder: "Enter visual name",
+            disabled: m
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(O, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ t(
+          fe,
+          {
+            id: "description",
+            value: h,
+            onChange: (x) => d(x.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: m
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ t(O, { children: "Save to:" }),
+        /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t(
+              j,
+              {
+                id: "save-to-dashboard",
+                checked: v,
+                onCheckedChange: (x) => b(!!x),
+                disabled: m
+              }
+            ),
+            /* @__PURE__ */ r(
+              "label",
+              {
+                htmlFor: "save-to-dashboard",
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: [
+                  "Current Dashboard",
+                  /* @__PURE__ */ t("span", { className: "ml-2 text-xs text-muted-foreground", children: c ? "(add copy to this dashboard)" : "(keep as local visual)" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ t(
+              j,
+              {
+                id: "save-to-library",
+                checked: g,
+                onCheckedChange: (x) => C(!!x),
+                disabled: m
+              }
+            ),
+            /* @__PURE__ */ r(
+              "label",
+              {
+                htmlFor: "save-to-library",
+                className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+                children: [
+                  "Visual Library",
+                  /* @__PURE__ */ t("span", { className: "ml-2 text-xs text-muted-foreground", children: c ? "(save as new reusable visual)" : "(make available to all dashboards)" })
+                ]
+              }
+            )
+          ] })
+        ] }),
+        !g && !v && /* @__PURE__ */ t("p", { className: "text-sm text-destructive", children: "Please select at least one destination" })
+      ] })
+    ] }),
+    /* @__PURE__ */ r(ge, { children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          variant: "outline",
+          onClick: () => a(!1),
+          disabled: m,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ r(S, { onClick: y, disabled: !f || m, children: [
+        m && /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+        m ? "Saving..." : "Save"
+      ] })
+    ] })
+  ] }) });
+}
+function ut() {
+  const [e, a] = A(!1), [c, n] = A(!1), [m, l] = A(null), o = P((i) => i.frame), s = P((i) => i.card), h = ve(), d = E((i) => i.selectedSheetId), g = E(
+    (i) => i.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: C } = ne(), { selectVisual: v } = xe(), { addFrame: b, setSelectedFrameId: y, setIsVisualEditing: f } = re(), x = !!(o != null && o.visualId), N = (() => {
+    var i, w;
+    return ((i = o == null ? void 0 : o.cards) == null ? void 0 : i.length) === 1 && ((w = o.cards[0]) != null && w.title) ? o.cards[0].title : h != null && h.title ? h.title : (s == null ? void 0 : s.title) || "Untitled Visual";
+  })(), u = be((i) => {
+    if (i != null && i.id) {
+      if (v(i), c && m && d) {
+        const w = {
+          ...m,
+          id: G(),
+          visualId: i.id
+          // Link to the newly created library visual
+        };
+        b(d, w, "end"), y(w.id), n(!1), l(null), f(!1);
+      }
+      g(!0), a(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: e,
+    setSaveAsDialogOpen: a,
+    handleSaveAs: async (i) => {
+      if (!d) {
+        T.error("No sheet selected");
+        return;
+      }
+      const w = C(), R = w.cards.length === 1 ? {
+        ...w,
+        cards: w.cards.map((k) => ({
+          ...k,
+          title: i.name
+          // Use visual name as card title
+        }))
+      } : w;
+      if (i.saveToLibrary) {
+        n(i.saveToCurrentDashboard), l(R);
+        const k = {
+          title: i.name,
+          description: i.description,
+          frameObject: R,
+          // Card title synced for single-card frames
+          isPrivate: !1
+        };
+        u.mutate(k);
+      } else if (i.saveToCurrentDashboard) {
+        const k = {
+          ...R,
+          // Card title already synced
+          id: G(),
+          visualId: void 0
+          // Explicitly no visualId for local visuals
+        };
+        b(d, k, "end"), y(k.id), T.success("Visual saved to dashboard"), a(!1), f(!1);
+      }
+    },
+    isLibraryVisual: x,
+    currentVisualName: N,
+    isSaving: u.isPending
+  };
+}
+function Nt({
+  className: e
+}) {
+  const a = P((u) => u.frame), c = P((u) => u.card), n = we((u) => u.selectedVisual), m = E((u) => u.selectedFrameId), l = E((u) => u.selectedSheetId), { setIsVisualEditing: o } = re(), s = !!(a != null && a.visualId || n != null && n.id), h = !!(a != null && a.visualId && m), d = s && !h, {
+    saveAsDialogOpen: g,
+    setSaveAsDialogOpen: C,
+    handleSaveAs: v,
+    isLibraryVisual: b,
+    currentVisualName: y,
+    isSaving: f
+  } = ut(), { handleAddLibraryVisual: x } = ne(), N = async () => {
+    if (!l) {
+      T.error("No dashboard sheet selected");
+      return;
+    }
+    if (!n) {
+      T.error("No visual selected");
+      return;
+    }
+    const u = await x(n);
+    u.success ? (T.success("Visual added to dashboard"), o(!1)) : T.error(u.error || "Failed to add visual to dashboard");
+  };
+  return /* @__PURE__ */ r(L, { children: [
+    !s && /* @__PURE__ */ t(We, { className: e, variant: "default" }),
+    s && /* @__PURE__ */ r(L, { children: [
+      h && /* @__PURE__ */ t(Qe, { className: e }),
+      d && l && c && (c.sql || Ce(c.config)) && /* @__PURE__ */ r(
+        S,
+        {
+          onClick: N,
+          className: U(e),
+          size: "sm",
+          variant: "outline",
+          children: [
+            /* @__PURE__ */ t(tt, { className: "mr-2 size-4 font-bold" }),
+            "Add to Dashboard"
+          ]
+        }
+      ),
+      d && /* @__PURE__ */ t(Ye, { className: e, variant: "default" }),
+      h && /* @__PURE__ */ t(Ze, { className: e }),
+      /* @__PURE__ */ r(X, { modal: !1, children: [
+        /* @__PURE__ */ t(q, { asChild: !0, children: /* @__PURE__ */ t(
+          S,
+          {
+            variant: "outline",
+            size: "sm",
+            className: U(e, "w-8 p-0"),
+            children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ t(Q, { align: "end", children: /* @__PURE__ */ r(
+          Y,
+          {
+            onClick: (u) => {
+              u.stopPropagation(), C(!0);
+            },
+            children: [
+              /* @__PURE__ */ t(J, { className: "mr-2 h-4 w-4" }),
+              "Save As..."
+            ]
+          }
+        ) })
+      ] })
+    ] }),
+    !s && /* @__PURE__ */ r(X, { modal: !1, children: [
+      /* @__PURE__ */ t(q, { asChild: !0, children: /* @__PURE__ */ t(
+        S,
+        {
+          variant: "outline",
+          size: "sm",
+          className: U(e, "w-8 p-0"),
+          children: /* @__PURE__ */ t(W, { className: "h-4 w-4" })
+        }
+      ) }),
+      /* @__PURE__ */ t(Q, { align: "end", children: /* @__PURE__ */ r(Y, { onClick: () => C(!0), children: [
+        /* @__PURE__ */ t(J, { className: "mr-2 h-4 w-4" }),
+        "Save As..."
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(Je, { className: e }),
+    /* @__PURE__ */ t(
+      dt,
+      {
+        open: g,
+        onOpenChange: (u) => {
+          f || C(u);
+        },
+        isLibraryVisual: b,
+        currentVisualName: y,
+        isSaving: f,
+        onConfirm: v
+      }
+    )
+  ] });
+}
+function yt({
+  className: e,
+  //labelClassName,
+  switchClassName: a
+}) {
+  const c = P((s) => s.isDevMode), n = E((s) => s.isVisualEditing), { setIsDevMode: m } = Ne(), { config: l } = ie(ye).tokenProps, o = (l == null ? void 0 : l.showAdvancedMode) !== !1;
+  return !n || !o ? null : /* @__PURE__ */ r("div", { className: U("flex items-center space-x-2", e), children: [
+    /* @__PURE__ */ t(
+      Ae,
+      {
+        className: U("", a),
+        checked: c,
+        onCheckedChange: () => m(!c),
+        id: "advanced-mode",
+        icon: /* @__PURE__ */ t(Se, { className: "h-4 w-4" }),
+        tooltip: "Advanced Mode"
+      }
+    ),
+    /* @__PURE__ */ t("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
+  ] });
+}
+function At({
+  open: e,
+  onOpenChange: a,
+  onSave: c,
+  onDiscard: n,
+  isSaving: m
+}) {
+  return /* @__PURE__ */ t(Ee, { open: e, onOpenChange: (o) => {
+    !o && m || a(o);
+  }, children: /* @__PURE__ */ r(De, { className: "max-w-md", children: [
+    /* @__PURE__ */ r(Ie, { children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ t("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-amber-100", children: /* @__PURE__ */ t(ke, { className: "h-5 w-5 text-amber-600" }) }),
+        /* @__PURE__ */ t(Te, { className: "text-xl", children: "Unsaved Changes" })
+      ] }),
+      /* @__PURE__ */ t(Ue, { className: "pt-2 text-base leading-relaxed", children: "You have unsaved changes to this dashboard. What would you like to do?" })
+    ] }),
+    /* @__PURE__ */ r(Fe, { className: "flex-col gap-2 sm:flex-row sm:gap-2", children: [
+      /* @__PURE__ */ t(
+        Me,
+        {
+          disabled: m,
+          className: "order-1 m-0 border-border/50 sm:order-1",
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: n,
+          disabled: m,
+          className: "order-2 rounded-md border border-destructive/20 bg-destructive/10 px-4 py-2 text-sm font-medium text-destructive transition-colors hover:bg-destructive/20 disabled:pointer-events-none disabled:opacity-50 sm:order-2",
+          children: "Discard"
+        }
+      ),
+      /* @__PURE__ */ t(
+        Pe,
+        {
+          onClick: c,
+          disabled: m,
+          className: "order-3 m-0 bg-primary text-primary-foreground hover:bg-primary/90 sm:order-3",
+          children: m ? /* @__PURE__ */ r(L, { children: [
+            /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Saving..."
+          ] }) : "Save & Close"
+        }
+      )
+    ] })
+  ] }) });
+}
+function St(e, a, c, n) {
+  D(() => {
+    e && !c && a && n(Le(a));
+  }, [e, c, a, n]);
+}
+function Et({
+  triggerButtonClassName: e
+}) {
+  const [a, c] = A(!1), n = E((s) => {
+    var h;
+    return (h = s.dashboard) == null ? void 0 : h.id;
+  }), m = E((s) => {
+    var h;
+    return (h = s.dashboard) == null ? void 0 : h.title;
+  }), l = E((s) => {
+    var h;
+    return (h = s.dashboard) == null ? void 0 : h.sheets;
+  }), o = E((s) => s.selectedSheetId);
+  return l == null || l.find((s) => s.id === o), n ? /* @__PURE__ */ r(L, { children: [
+    /* @__PURE__ */ t(
+      Ve,
+      {
+        tooltip: "Schedule Dashboard",
+        className: U("h-7 p-2", e),
+        onClick: () => c(!0),
+        children: /* @__PURE__ */ t(ze, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ t(
+      Re,
+      {
+        open: a,
+        onOpenChange: c,
+        dashboardId: n,
+        dashboardName: m
+      }
+    )
+  ] }) : null;
+}
+function mt({
+  export: e,
+  onRemove: a
+}) {
+  const c = () => {
+    e.downloadUrl && window.open(e.downloadUrl, "_blank");
+  }, n = (s) => {
+    s.stopPropagation(), a == null || a(e.id);
+  }, m = () => {
+    switch (e.status) {
+      case "completed":
+        return /* @__PURE__ */ t(et, { className: "mt-0.5 h-5 w-5 shrink-0 text-green-600" });
+      case "failed":
+        return /* @__PURE__ */ t(Ke, { className: "mt-0.5 h-5 w-5 shrink-0 text-destructive" });
+      default:
+        return /* @__PURE__ */ t(H, { className: "text-foreground-muted mt-0.5 h-5 w-5 shrink-0 animate-spin" });
+    }
+  }, l = $(e.status), o = (() => {
+    switch (e.status) {
+      case "pending":
+        return "Queued...";
+      case "processing":
+        return "Processing...";
+      case "chunking":
+        return "Processing...";
+      case "compacting":
+        return "Finalizing...";
+      default:
+        return "Processing...";
+    }
+  })();
+  return /* @__PURE__ */ r("div", { className: "group p-4 transition-colors hover:bg-muted/50", children: [
+    /* @__PURE__ */ r("div", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ r("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+        m(),
+        /* @__PURE__ */ r("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ t("h4", { className: "mb-1 truncate text-sm font-medium", children: e.title }),
+          e.status === "completed" && /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ r("span", { children: [
+              e.totalRows.toLocaleString(),
+              " rows"
+            ] }),
+            e.fileSize && /* @__PURE__ */ r(L, { children: [
+              /* @__PURE__ */ t("span", { children: "•" }),
+              /* @__PURE__ */ t("span", { children: Oe(e.fileSize) })
+            ] })
+          ] }),
+          l && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: o }),
+          e.status === "failed" && /* @__PURE__ */ t("div", { className: "line-clamp-2 text-xs text-destructive", children: e.error || "Export failed" })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        S,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-6 w-6 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
+          onClick: n,
+          "aria-label": "Remove notification",
+          children: /* @__PURE__ */ t(Be, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: "ml-8", children: [
+      e.status === "completed" && /* @__PURE__ */ r("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: K(e.startedAt, { addSuffix: !0 }) }),
+        e.downloadUrl && /* @__PURE__ */ r(
+          S,
+          {
+            size: "sm",
+            variant: "outline",
+            className: "h-8 bg-transparent",
+            onClick: c,
+            children: [
+              /* @__PURE__ */ t($e, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Download"
+            ]
+          }
+        )
+      ] }),
+      l && /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ t(_e, { value: e.progress, className: "h-1.5" }),
+        /* @__PURE__ */ r("span", { className: "mt-1 block text-xs text-muted-foreground", children: [
+          e.progress,
+          "% complete"
+        ] })
+      ] }),
+      e.status === "failed" && /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: K(e.startedAt, { addSuffix: !0 }) })
+    ] })
+  ] });
+}
+function ht() {
+  const { authToken: e, tokenProps: a } = B(), c = I((f) => f.activeExports), { clearCompleted: n, removeExport: m, updateExport: l } = se(), [o, s] = A(!1), [h, d] = A(!1), g = Array.from(c.values()).sort(
+    (f, x) => x.startedAt.getTime() - f.startedAt.getTime()
+  ), C = g.some(
+    (f) => f.status === "completed" || f.status === "failed"
+  ), v = M(async () => {
+    const f = a == null ? void 0 : a.apiServiceUrl, x = e == null ? void 0 : e.accessToken;
+    if (!(!f || !x)) {
+      s(!0);
+      try {
+        const N = Array.from(c.values());
+        await Promise.all(
+          N.map(async (u) => {
+            try {
+              const p = await ae(f, x, u.id);
+              let i;
+              if (p.status === "completed")
+                try {
+                  i = await _(f, x, u.id);
+                } catch (w) {
+                  console.error(`Failed to get download URL for ${u.id}:`, w);
+                }
+              l(u.id, {
+                status: p.status,
+                progress: p.progress,
+                completedChunks: p.completedChunks,
+                completedAt: p.completedAt ? new Date(p.completedAt) : void 0,
+                lastUpdatedAt: /* @__PURE__ */ new Date(),
+                fileSize: p.fileSize,
+                error: p.error,
+                downloadUrl: i
+              });
+            } catch (p) {
+              console.error(`Failed to refresh export ${u.id}:`, p);
+            }
+          })
+        );
+      } finally {
+        s(!1);
+      }
+    }
+  }, [c, e == null ? void 0 : e.accessToken, a == null ? void 0 : a.apiServiceUrl, l]), b = M(async () => {
+    const f = a == null ? void 0 : a.apiServiceUrl, x = e == null ? void 0 : e.accessToken;
+    if (!f || !x) {
+      n();
+      return;
+    }
+    d(!0);
+    try {
+      const N = g.filter(
+        (u) => u.status === "completed" || u.status === "failed"
+      );
+      await Promise.all(
+        N.map(
+          (u) => Z(f, x, u.id).catch(
+            (p) => console.error(`Failed to delete export ${u.id}:`, p)
+          )
+        )
+      ), n();
+    } finally {
+      d(!1);
+    }
+  }, [g, a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, n]), y = M(async (f) => {
+    const x = a == null ? void 0 : a.apiServiceUrl, N = e == null ? void 0 : e.accessToken;
+    if (x && N)
+      try {
+        await Z(x, N, f);
+      } catch (u) {
+        console.error(`Failed to cancel export ${f}:`, u);
+      }
+    m(f);
+  }, [a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, m]);
+  return g.length === 0 ? /* @__PURE__ */ r("div", { className: "p-6 text-center", children: [
+    /* @__PURE__ */ t(ee, { className: "h-8 w-8 text-muted-foreground mx-auto mb-2" }),
+    /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: "No active exports" }),
+    /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground mt-1", children: "Large exports will appear here" })
+  ] }) : /* @__PURE__ */ r("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ r("div", { className: "px-4 py-3 border-b flex items-center justify-between", children: [
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t(ee, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ t("h4", { className: "font-semibold", children: "Exports" })
+      ] }),
+      /* @__PURE__ */ r("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t(
+          S,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0",
+            onClick: v,
+            disabled: o,
+            title: "Refresh status",
+            children: /* @__PURE__ */ t(at, { className: `h-4 w-4 ${o ? "animate-spin" : ""}` })
+          }
+        ),
+        C && /* @__PURE__ */ t(
+          S,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 text-sm px-2",
+            onClick: b,
+            disabled: h,
+            children: h ? "Clearing..." : "Clear all"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ t("div", { className: "divide-y", children: g.map((f) => /* @__PURE__ */ t(
+      mt,
+      {
+        export: f,
+        onRemove: y
+      },
+      f.id
+    )) }) }),
+    /* @__PURE__ */ r("div", { className: "px-4 py-2 border-t text-sm text-muted-foreground text-center", children: [
+      g.length,
+      " total export",
+      g.length !== 1 ? "s" : ""
+    ] })
+  ] });
+}
+function Dt() {
+  const e = I((s) => s.activeExports), a = He(), c = e.size > 0, n = Array.from(e.values()).some(
+    (s) => s.status === "completed" || s.status === "failed"
+  ), l = a > 0 ? a > 9 ? "9+" : String(a) : null;
+  return /* @__PURE__ */ r(je, { children: [
+    /* @__PURE__ */ t(Ge, { asChild: !0, children: /* @__PURE__ */ r(
+      S,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "relative h-8 w-8",
+        "aria-label": "Export notifications",
+        children: [
+          /* @__PURE__ */ t(Xe, { className: "h-4 w-4" }),
+          c && /* @__PURE__ */ t(
+            "span",
+            {
+              className: `absolute flex items-center justify-center rounded-full bg-primary text-primary-foreground ${l ? "-right-0.5 -top-0.5 h-4 min-w-4 px-0.5 text-[10px] font-semibold" : "right-0.5 top-0.5 h-2 w-2"}`,
+              children: l
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(qe, { className: "w-80 p-0", align: "end", sideOffset: 8, children: /* @__PURE__ */ t(ht, {}) })
+  ] });
+}
+export {
+  yt as A,
+  ht as E,
+  Dt as N,
+  at as R,
+  Et as S,
+  At as U,
+  Nt as V,
+  mt as a,
+  Ct as b,
+  St as c,
+  wt as u
+};