react-semaphor 0.1.209 → 0.1.210

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

@@ -0,0 +1,871 @@
+import Z, { useState as D, useRef as M, useCallback as F, useEffect as L, useContext as ee } from "react";
+import { bP as te, l as z, bC as T, aW as B, aH as K, aG as $, bB as Q, aI as ae, m as se, n as re, o as oe, p as ne, q as ie, L as _, cy as le, cE as ce, G as de, B as I, H, bA as O, bK as ue, u as U, bL as me, bs as J, cF as he, cG as j, I as R, bE as pe, c as k, c5 as fe, c6 as ge, a1 as ve, c8 as be, c9 as P, E as xe, cd as we, c4 as ye, by as Ce, cH as Ne, cI as Ae, cJ as De, cm as Ee, cn as Se, co as Le, cK as Ie, cp as Te, cq as ke, cr as Ue, cs as Fe, ct as Ve, am as Pe, a2 as Me, cL as Oe, cM as Re, aw as ze, X as Be, cN as $e, cO as He, cP as _e, al as G, a3 as je, bD as Ge, P as qe, s as Xe, cQ as We, t as Ke } from "./index-CAVrkf9d.js";
+import { jsx as t, jsxs as n, Fragment as V } from "react/jsx-runtime";
+import { V as Qe, E as Je, a as Ye, b as Ze, L as et, c as tt, d as at, C as st } from "./editor-action-buttons-DNbp_ZWy.js";
+import { a as Y } from "./use-visual-utils-D9IJz9R0.js";
+import { c as q } from "./date-formatter-Y8Za1ib3.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 X = te("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" }]
+]), rt = 1e4, ot = 15e3, nt = 3e4, it = 3e4, lt = 12e4, W = 2 * 60 * 60 * 1e3;
+function ct(e) {
+  const a = Date.now() - e.getTime();
+  return a < it ? rt : a < lt ? ot : nt;
+}
+function yt() {
+  const { authToken: e, tokenProps: a } = z(), m = T((h) => h.activeExports), [l, u] = D(
+    typeof document < "u" ? !document.hidden : !0
+  ), c = M(null), i = M(!1), s = M(void 0), f = a == null ? void 0 : a.apiServiceUrl, d = e == null ? void 0 : e.accessToken, g = F(() => {
+    const h = T.getState().activeExports;
+    return Array.from(h.values()).filter(
+      (b) => B(b.status)
+    );
+  }, []);
+  L(() => {
+    if (typeof document > "u") return;
+    const h = () => {
+      u(!document.hidden);
+    };
+    return document.addEventListener("visibilitychange", h), () => {
+      document.removeEventListener("visibilitychange", h);
+    };
+  }, []);
+  const x = F(async () => {
+    if (!f || !d) {
+      i.current = !1;
+      return;
+    }
+    const h = g();
+    if (h.length === 0) {
+      i.current = !1;
+      return;
+    }
+    const b = Date.now(), N = h.filter(
+      (r) => b - r.startedAt.getTime() > W
+    );
+    if (N.length > 0) {
+      const { updateExport: r } = T.getState().actions;
+      for (const o of N)
+        r(o.id, {
+          status: "failed",
+          error: "Export timed out. Please try again or contact support.",
+          lastUpdatedAt: /* @__PURE__ */ new Date()
+        });
+    }
+    const p = h.filter(
+      (r) => b - r.startedAt.getTime() <= W
+    );
+    if (p.length === 0) {
+      i.current = !1;
+      return;
+    }
+    const y = await Promise.allSettled(
+      p.map(async (r) => {
+        try {
+          const o = await K(f, d, r.id);
+          let v;
+          if (o.status === "completed")
+            try {
+              v = await $(f, d, r.id);
+            } catch (E) {
+              console.error(
+                `[useExportPolling] Failed to get download URL for ${r.id}:`,
+                E
+              );
+            }
+          return {
+            id: r.id,
+            status: o.status,
+            progress: o.progress,
+            completedChunks: o.completedChunks,
+            completedAt: o.completedAt ? new Date(o.completedAt) : void 0,
+            lastUpdatedAt: /* @__PURE__ */ new Date(),
+            fileSize: o.fileSize,
+            error: o.error,
+            downloadUrl: v
+          };
+        } catch (o) {
+          return console.error(
+            `[useExportPolling] Failed to poll export ${r.id}:`,
+            o
+          ), null;
+        }
+      })
+    ), { updateExport: A } = T.getState().actions;
+    for (const r of y)
+      r.status === "fulfilled" && r.value && A(r.value.id, r.value);
+    const w = g();
+    if (w.length > 0 && !document.hidden) {
+      const r = w.reduce(
+        (v, E) => E.startedAt < v ? E.startedAt : v,
+        w[0].startedAt
+      ), o = ct(r);
+      c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+        var v;
+        (v = s.current) == null || v.call(s);
+      }, o);
+    } else
+      i.current = !1;
+  }, [f, d, g]);
+  return L(() => {
+    s.current = x;
+  }, [x]), L(() => {
+    var b;
+    g().length > 0 && l && !i.current && (i.current = !0, (b = s.current) == null || b.call(s));
+  }, [m, l, g]), L(() => {
+    var b;
+    const h = g();
+    l && h.length > 0 && !i.current && (i.current = !0, (b = s.current) == null || b.call(s));
+  }, [l, g]), L(() => {
+    !l && c.current && (clearTimeout(c.current), c.current = null, i.current = !1);
+  }, [l]), L(() => () => {
+    c.current && (clearTimeout(c.current), c.current = null);
+  }, []), {
+    isPolling: i.current,
+    isTabVisible: l,
+    inProgressCount: g().length
+  };
+}
+function Ct() {
+  const { authToken: e, tokenProps: a } = z(), m = T((s) => s.activeExports), { addExport: l } = Q(), u = M(!1), c = a == null ? void 0 : a.apiServiceUrl, i = e == null ? void 0 : e.accessToken;
+  L(() => {
+    if (u.current || !c || !i) return;
+    (async () => {
+      try {
+        const { exports: f } = await ae(c, i, {
+          status: ["pending", "processing", "chunking", "compacting", "completed", "failed"],
+          limit: 20
+          // Limit to recent exports
+        });
+        for (const d of f) {
+          if (m.has(d.id)) continue;
+          const g = d.totalChunks ? Math.round(d.completedChunks / d.totalChunks * 100) : 0;
+          let x;
+          if (d.status === "completed")
+            try {
+              x = await $(c, i, d.id);
+            } catch (b) {
+              console.error(
+                `[useExportRecovery] Failed to get download URL for ${d.id}:`,
+                b
+              );
+            }
+          const h = {
+            id: d.id,
+            status: d.status,
+            progress: g,
+            title: dt(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: x
+          };
+          l(h);
+        }
+        u.current = !0;
+      } catch (f) {
+        console.error("[useExportRecovery] Failed to recover exports:", f), u.current = !0;
+      }
+    })();
+  }, [c, i, l, m]);
+}
+function dt(e) {
+  return e.title ? e.title : B(
+    e.status
+  ) ? "Export in progress..." : e.status === "completed" ? "Export completed" : e.status === "failed" ? "Export failed" : "Export";
+}
+function ut({
+  open: e,
+  onOpenChange: a,
+  isLibraryVisual: m,
+  currentVisualName: l,
+  isSaving: u = !1,
+  destinationMode: c = "both",
+  onConfirm: i
+}) {
+  const [s, f] = D(
+    m && l ? `Copy of ${l}` : l || ""
+  ), [d, g] = D("");
+  Z.useEffect(() => {
+    e && (f(
+      m && l ? `Copy of ${l}` : l || ""
+    ), g(""));
+  }, [e, m, l]);
+  const x = !!s.trim(), h = c === "local" ? {
+    saveToLibrary: !1,
+    saveToCurrentDashboard: !0,
+    badgeType: "local",
+    description: "Creates a local copy on the current dashboard.",
+    actionLabel: "Add to Dashboard (Local)"
+  } : c === "library" ? {
+    saveToLibrary: !0,
+    saveToCurrentDashboard: !1,
+    badgeType: "library",
+    description: "Creates a reusable visual in Visual Library.",
+    actionLabel: "Save as Library Visual"
+  } : {
+    saveToLibrary: !0,
+    saveToCurrentDashboard: !0,
+    badgeType: "linked",
+    description: "Creates a new library visual and adds a linked copy to this dashboard.",
+    actionLabel: "Save Copy as Linked Visual"
+  }, b = () => {
+    !x || u || i({
+      name: s.trim(),
+      description: d.trim() || void 0,
+      saveToLibrary: h.saveToLibrary,
+      saveToCurrentDashboard: h.saveToCurrentDashboard
+    });
+  };
+  return /* @__PURE__ */ t(se, { open: e, onOpenChange: a, children: /* @__PURE__ */ n(re, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ n(oe, { children: [
+      /* @__PURE__ */ n(ne, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t("span", { children: "Save Visual As" }),
+        h.badgeType !== "local" && /* @__PURE__ */ t(
+          Qe,
+          {
+            type: h.badgeType,
+            showLabel: !0,
+            className: "px-2 py-0.5"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(ie, { children: h.description })
+    ] }),
+    /* @__PURE__ */ n("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ n("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(_, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ t(
+          le,
+          {
+            id: "name",
+            value: s,
+            onChange: (N) => f(N.target.value),
+            placeholder: "Enter visual name",
+            disabled: u
+          }
+        )
+      ] }),
+      /* @__PURE__ */ n("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(_, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ t(
+          ce,
+          {
+            id: "description",
+            value: d,
+            onChange: (N) => g(N.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: u
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ n(de, { children: [
+      /* @__PURE__ */ t(
+        I,
+        {
+          variant: "outline",
+          onClick: () => a(!1),
+          disabled: u,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ n(I, { onClick: b, disabled: !x || u, children: [
+        u && /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+        h.actionLabel
+      ] })
+    ] })
+  ] }) });
+}
+function mt() {
+  const [e, a] = D(!1), [m, l] = D(!1), [u, c] = D(null), i = O((o) => o.frame), s = O((o) => o.card), f = ue(), d = U((o) => o.selectedSheetId), g = U(
+    (o) => o.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: x } = Y(), { selectVisual: h } = me(), { addFrame: b, setSelectedFrameId: N, setIsVisualEditing: p } = J(), y = !!(i != null && i.visualId), A = (() => {
+    var o, v;
+    return ((o = i == null ? void 0 : i.cards) == null ? void 0 : o.length) === 1 && ((v = i.cards[0]) != null && v.title) ? i.cards[0].title : f != null && f.title ? f.title : (s == null ? void 0 : s.title) || "Untitled Visual";
+  })(), w = he((o) => {
+    if (o != null && o.id) {
+      if (h(o), m && u && d) {
+        const v = {
+          ...u,
+          id: j(),
+          visualId: o.id
+          // Link to the newly created library visual
+        };
+        b(d, v, "end"), N(v.id), l(!1), c(null), p(!1);
+      }
+      g(!0), a(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: e,
+    setSaveAsDialogOpen: a,
+    handleSaveAs: async (o) => {
+      if (!d) {
+        R.error("No sheet selected");
+        return;
+      }
+      const v = x(), C = v.cards.length === 1 ? {
+        ...v,
+        cards: v.cards.map((S) => ({
+          ...S,
+          title: o.name
+          // Use visual name as card title
+        }))
+      } : v;
+      if (o.saveToLibrary) {
+        l(o.saveToCurrentDashboard), c(C);
+        const S = {
+          title: o.name,
+          description: o.description,
+          frameObject: C,
+          // Card title synced for single-card frames
+          isPrivate: !1
+        };
+        w.mutate(S);
+      } else if (o.saveToCurrentDashboard) {
+        const S = {
+          ...C,
+          // Card title already synced
+          id: j(),
+          visualId: void 0
+          // Explicitly no visualId for local visuals
+        };
+        b(d, S, "end"), N(S.id), R.success("Visual saved to dashboard"), a(!1), p(!1);
+      }
+    },
+    isLibraryVisual: y,
+    currentVisualName: A,
+    isSaving: w.isPending
+  };
+}
+function Nt({
+  className: e
+}) {
+  const a = O((C) => C.frame), m = pe((C) => C.selectedVisual), l = U((C) => C.selectedFrameId), u = U((C) => C.selectedSheetId), { setIsVisualEditing: c, updateFrame: i } = J(), [s, f] = D(!1), [d, g] = D("both"), x = !!(a != null && a.visualId || m != null && m.id), h = !!(a != null && a.visualId && l), b = x && !h, {
+    saveAsDialogOpen: N,
+    setSaveAsDialogOpen: p,
+    handleSaveAs: y,
+    isLibraryVisual: A,
+    currentVisualName: w,
+    isSaving: r
+  } = mt(), { getUpdatedFrame: o } = Y(), v = () => {
+    if (!u) {
+      R.error("No sheet selected");
+      return;
+    }
+    if (s) return;
+    f(!0);
+    const S = {
+      ...o(),
+      visualId: void 0
+    };
+    i(u, S), setTimeout(() => {
+      f(!1), R.success("Changes applied. Visual is now local to this dashboard"), c(!1);
+    }, 300);
+  }, E = (C) => {
+    g(C), p(!0);
+  };
+  return /* @__PURE__ */ n(V, { children: [
+    /* @__PURE__ */ n("div", { className: "inline-flex items-center overflow-hidden rounded-md border border-input", children: [
+      !x && /* @__PURE__ */ t(
+        Je,
+        {
+          className: k(e, "rounded-none border-0"),
+          variant: "default"
+        }
+      ),
+      x && b && /* @__PURE__ */ t(
+        Ye,
+        {
+          className: k(e, "rounded-none border-0"),
+          variant: "default"
+        }
+      ),
+      x && h && /* @__PURE__ */ t(
+        Ze,
+        {
+          className: k(e, "rounded-none border-0")
+        }
+      ),
+      /* @__PURE__ */ n(fe, { modal: !1, children: [
+        /* @__PURE__ */ t(ge, { className: "h-8", asChild: !0, children: /* @__PURE__ */ t(
+          I,
+          {
+            variant: "default",
+            size: "sm",
+            className: k(
+              e,
+              "w-8 rounded-none border-0 border-l border-primary-foreground/30 px-2"
+            ),
+            "aria-label": "Open visual save options",
+            disabled: r || s,
+            children: /* @__PURE__ */ t(ve, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ n(be, { align: "end", children: [
+          h && /* @__PURE__ */ n(V, { children: [
+            /* @__PURE__ */ n(
+              P,
+              {
+                onClick: v,
+                disabled: s,
+                children: [
+                  /* @__PURE__ */ t(xe, { className: "mr-2 h-4 w-4" }),
+                  s ? "Applying..." : "Apply Locally"
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(we, {})
+          ] }),
+          /* @__PURE__ */ n(
+            P,
+            {
+              onClick: () => E("local"),
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(ye, { className: "mr-2 h-4 w-4" }),
+                "Add to Dashboard (Local)"
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            P,
+            {
+              onClick: () => E("library"),
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(et, { className: "mr-2 h-4 w-4" }),
+                "Save as Library Visual"
+              ]
+            }
+          ),
+          /* @__PURE__ */ n(
+            P,
+            {
+              onClick: () => E("both"),
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(tt, { className: "mr-2 h-4 w-4" }),
+                "Save Copy as Linked Visual"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(at, { className: e }),
+    /* @__PURE__ */ t(
+      ut,
+      {
+        open: N,
+        onOpenChange: (C) => {
+          r || p(C);
+        },
+        isLibraryVisual: A,
+        currentVisualName: w,
+        isSaving: r,
+        destinationMode: d,
+        onConfirm: y
+      }
+    )
+  ] });
+}
+function At({
+  className: e,
+  //labelClassName,
+  switchClassName: a
+}) {
+  const m = O((s) => s.isDevMode), l = U((s) => s.isVisualEditing), { setIsDevMode: u } = Ce(), { config: c } = ee(Ne).tokenProps, i = (c == null ? void 0 : c.showAdvancedMode) !== !1;
+  return !l || !i ? null : /* @__PURE__ */ n("div", { className: k("flex items-center space-x-2", e), children: [
+    /* @__PURE__ */ t(
+      Ae,
+      {
+        className: k("", a),
+        checked: m,
+        onCheckedChange: () => u(!m),
+        id: "advanced-mode",
+        icon: /* @__PURE__ */ t(De, { className: "h-4 w-4" }),
+        tooltip: "Advanced Mode"
+      }
+    ),
+    /* @__PURE__ */ t("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
+  ] });
+}
+function Dt({
+  open: e,
+  onOpenChange: a,
+  onSave: m,
+  onDiscard: l,
+  isSaving: u,
+  title: c = "Unsaved Changes",
+  description: i = "You have unsaved changes to this dashboard. What would you like to do?",
+  cancelLabel: s = "Cancel",
+  discardLabel: f = "Discard",
+  saveLabel: d = "Save & Close"
+}) {
+  return /* @__PURE__ */ t(Ee, { open: e, onOpenChange: (x) => {
+    !x && u || a(x);
+  }, children: /* @__PURE__ */ n(Se, { className: "max-w-[520px] border-border/70 p-6", children: [
+    /* @__PURE__ */ n(Le, { className: "space-y-3", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ t("div", { className: "flex h-9 w-9 items-center justify-center rounded-full bg-amber-50 ring-1 ring-amber-200/70", children: /* @__PURE__ */ t(Ie, { className: "h-[18px] w-[18px] text-amber-600" }) }),
+        /* @__PURE__ */ t(Te, { className: "text-lg font-semibold tracking-tight", children: c })
+      ] }),
+      /* @__PURE__ */ t(ke, { className: "text-sm leading-6 text-muted-foreground", children: i })
+    ] }),
+    /* @__PURE__ */ n(Ue, { className: "mt-2 flex-col gap-1.5 sm:flex-row sm:justify-end", children: [
+      /* @__PURE__ */ t(
+        Fe,
+        {
+          disabled: u,
+          className: "order-1 m-0 h-9 border-border/60 px-4 sm:order-1",
+          children: s
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: l,
+          disabled: u,
+          className: "order-2 h-9 rounded-md border border-destructive/30 bg-destructive/10 px-4 text-sm font-medium text-destructive transition-colors hover:bg-destructive/20 disabled:pointer-events-none disabled:opacity-50 sm:order-2",
+          children: f
+        }
+      ),
+      /* @__PURE__ */ t(
+        Ve,
+        {
+          onClick: m,
+          disabled: u,
+          className: "order-3 m-0 h-9 px-4 sm:order-3",
+          children: u ? /* @__PURE__ */ n(V, { children: [
+            /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Saving..."
+          ] }) : d
+        }
+      )
+    ] })
+  ] }) });
+}
+function Et(e, a, m, l) {
+  L(() => {
+    e && !m && a && l(Pe(a));
+  }, [e, m, a, l]);
+}
+function St({
+  triggerButtonClassName: e,
+  variant: a = "ghost"
+}) {
+  const [m, l] = D(!1), u = U((i) => {
+    var s;
+    return (s = i.dashboard) == null ? void 0 : s.id;
+  }), c = U((i) => {
+    var s;
+    return (s = i.dashboard) == null ? void 0 : s.title;
+  });
+  return u ? /* @__PURE__ */ n(V, { children: [
+    /* @__PURE__ */ t(
+      Me,
+      {
+        tooltip: "Schedule Dashboard",
+        className: k("h-7 p-2", e),
+        buttonProps: { variant: a },
+        onClick: () => l(!0),
+        children: /* @__PURE__ */ t(Oe, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ t(
+      Re,
+      {
+        open: m,
+        onOpenChange: l,
+        dashboardId: u,
+        dashboardName: c
+      }
+    )
+  ] }) : null;
+}
+function ht({
+  export: e,
+  onRemove: a
+}) {
+  const m = () => {
+    e.downloadUrl && window.open(e.downloadUrl, "_blank");
+  }, l = (s) => {
+    s.stopPropagation(), a == null || a(e.id);
+  }, u = () => {
+    switch (e.status) {
+      case "completed":
+        return /* @__PURE__ */ t(_e, { className: "mt-0.5 h-5 w-5 shrink-0 text-green-600" });
+      case "failed":
+        return /* @__PURE__ */ t(st, { 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" });
+    }
+  }, c = B(e.status), i = (() => {
+    switch (e.status) {
+      case "pending":
+        return "Queued...";
+      case "processing":
+        return "Processing...";
+      case "chunking":
+        return "Processing...";
+      case "compacting":
+        return "Finalizing...";
+      default:
+        return "Processing...";
+    }
+  })();
+  return /* @__PURE__ */ n("div", { className: "group p-4 transition-colors hover:bg-muted/50", children: [
+    /* @__PURE__ */ n("div", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ n("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+        u(),
+        /* @__PURE__ */ n("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__ */ n("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ n("span", { children: [
+              e.totalRows.toLocaleString(),
+              " rows"
+            ] }),
+            e.fileSize && /* @__PURE__ */ n(V, { children: [
+              /* @__PURE__ */ t("span", { children: "•" }),
+              /* @__PURE__ */ t("span", { children: ze(e.fileSize) })
+            ] })
+          ] }),
+          c && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: i }),
+          e.status === "failed" && /* @__PURE__ */ t("div", { className: "line-clamp-2 text-xs text-destructive", children: e.error || "Export failed" })
+        ] })
+      ] }),
+      /* @__PURE__ */ t(
+        I,
+        {
+          variant: "ghost",
+          size: "icon",
+          className: "h-6 w-6 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
+          onClick: l,
+          "aria-label": "Remove notification",
+          children: /* @__PURE__ */ t(Be, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("div", { className: "ml-8", children: [
+      e.status === "completed" && /* @__PURE__ */ n("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: q(e.startedAt, { addSuffix: !0 }) }),
+        e.downloadUrl && /* @__PURE__ */ n(
+          I,
+          {
+            size: "sm",
+            variant: "outline",
+            className: "h-8 bg-transparent",
+            onClick: m,
+            children: [
+              /* @__PURE__ */ t($e, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Download"
+            ]
+          }
+        )
+      ] }),
+      c && /* @__PURE__ */ n("div", { children: [
+        /* @__PURE__ */ t(He, { value: e.progress, className: "h-1.5" }),
+        /* @__PURE__ */ n("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: q(e.startedAt, { addSuffix: !0 }) })
+    ] })
+  ] });
+}
+function pt() {
+  const { authToken: e, tokenProps: a } = z(), m = T((p) => p.activeExports), { clearCompleted: l, removeExport: u, updateExport: c } = Q(), [i, s] = D(!1), [f, d] = D(!1), g = Array.from(m.values()).sort(
+    (p, y) => y.startedAt.getTime() - p.startedAt.getTime()
+  ), x = g.some(
+    (p) => p.status === "completed" || p.status === "failed"
+  ), h = F(async () => {
+    const p = a == null ? void 0 : a.apiServiceUrl, y = e == null ? void 0 : e.accessToken;
+    if (!(!p || !y)) {
+      s(!0);
+      try {
+        const A = Array.from(m.values());
+        await Promise.all(
+          A.map(async (w) => {
+            try {
+              const r = await K(p, y, w.id);
+              let o;
+              if (r.status === "completed")
+                try {
+                  o = await $(
+                    p,
+                    y,
+                    w.id
+                  );
+                } catch (v) {
+                  console.error(`Failed to get download URL for ${w.id}:`, v);
+                }
+              c(w.id, {
+                status: r.status,
+                progress: r.progress,
+                completedChunks: r.completedChunks,
+                completedAt: r.completedAt ? new Date(r.completedAt) : void 0,
+                lastUpdatedAt: /* @__PURE__ */ new Date(),
+                fileSize: r.fileSize,
+                error: r.error,
+                downloadUrl: o
+              });
+            } catch (r) {
+              console.error(`Failed to refresh export ${w.id}:`, r);
+            }
+          })
+        );
+      } finally {
+        s(!1);
+      }
+    }
+  }, [
+    m,
+    e == null ? void 0 : e.accessToken,
+    a == null ? void 0 : a.apiServiceUrl,
+    c
+  ]), b = F(async () => {
+    const p = a == null ? void 0 : a.apiServiceUrl, y = e == null ? void 0 : e.accessToken;
+    if (!p || !y) {
+      l();
+      return;
+    }
+    d(!0);
+    try {
+      const A = g.filter(
+        (r) => r.status === "completed" || r.status === "failed"
+      ), w = await Promise.allSettled(
+        A.map(async (r) => (await G(p, y, r.id), r.id))
+      );
+      for (const r of w)
+        r.status === "fulfilled" ? u(r.value) : console.error("Failed to delete export:", r.reason);
+    } finally {
+      d(!1);
+    }
+  }, [
+    g,
+    a == null ? void 0 : a.apiServiceUrl,
+    e == null ? void 0 : e.accessToken,
+    l,
+    u
+  ]), N = F(
+    async (p) => {
+      const y = a == null ? void 0 : a.apiServiceUrl, A = e == null ? void 0 : e.accessToken;
+      if (y && A)
+        try {
+          await G(y, A, p), u(p);
+          return;
+        } catch (w) {
+          console.error(`Failed to cancel export ${p}:`, w);
+        }
+      u(p);
+    },
+    [a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, u]
+  );
+  return g.length === 0 ? /* @__PURE__ */ n("div", { className: "p-6 text-center", children: [
+    /* @__PURE__ */ t(X, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }),
+    /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: "No active exports" }),
+    /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-muted-foreground", children: "Large exports will appear here" })
+  ] }) : /* @__PURE__ */ n("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ n("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t(X, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ t("h4", { className: "font-semibold", children: "Exports" })
+      ] }),
+      /* @__PURE__ */ n("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t(
+          I,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0",
+            onClick: h,
+            disabled: i,
+            title: "Refresh status",
+            children: /* @__PURE__ */ t(
+              je,
+              {
+                className: `h-4 w-4 ${i ? "animate-spin" : ""}`
+              }
+            )
+          }
+        ),
+        x && /* @__PURE__ */ t(
+          I,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 text-sm",
+            onClick: b,
+            disabled: f,
+            children: f ? "Clearing..." : "Clear all"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ t("div", { className: "divide-y", children: g.map((p) => /* @__PURE__ */ t(
+      ht,
+      {
+        export: p,
+        onRemove: N
+      },
+      p.id
+    )) }) })
+  ] });
+}
+function Lt() {
+  const e = T((s) => s.activeExports), a = Ge(), m = e.size > 0, l = Array.from(e.values()).some(
+    (s) => s.status === "completed" || s.status === "failed"
+  ), c = a > 0 ? a > 9 ? "9+" : String(a) : null;
+  return /* @__PURE__ */ n(qe, { children: [
+    /* @__PURE__ */ t(Xe, { asChild: !0, children: /* @__PURE__ */ n(
+      I,
+      {
+        variant: "ghost",
+        size: "icon",
+        className: "relative h-8 w-8",
+        "aria-label": "Export notifications",
+        children: [
+          /* @__PURE__ */ t(We, { className: "h-4 w-4" }),
+          m && /* @__PURE__ */ t(
+            "span",
+            {
+              className: `absolute flex items-center justify-center rounded-full bg-primary text-primary-foreground ${c ? "-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: c
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(Ke, { className: "w-80 p-0", align: "end", sideOffset: 8, children: /* @__PURE__ */ t(pt, {}) })
+  ] });
+}
+export {
+  At as A,
+  ht as E,
+  Lt as N,
+  St as S,
+  Dt as U,
+  Nt as V,
+  pt as a,
+  Ct as b,
+  Et as c,
+  yt as u
+};