react-semaphor 0.1.259 → 0.1.261

package/dist/chunks/dashboard-filter-controls-button-BPCw1GMh.js

@@ -0,0 +1,1066 @@
+import ve, { useState as L, useRef as O, useCallback as V, useEffect as F, useContext as ge } from "react";
+import { bL as Z, b as $, aB as U, bI as j, bE as ee, bF as _, aC as te, bD as be, e as ae, f as se, g as re, h as oe, i as ne, L as G, c$ as we, d5 as Ce, v as xe, B as S, w as H, U as z, J as ye, u as P, K as Ne, N as X, d6 as De, d7 as K, x as R, ae as Ae, c as I, cy as ie, cz as le, a5 as de, cB as ce, cC as M, s as Ee, cG as Se, cp as Ie, M as Le, d8 as Te, d9 as Fe, da as ke, cO as Ue, cP as Me, cQ as Ve, db as Pe, cR as Be, cS as Oe, cT as ze, cU as Re, cV as $e, ar as je, bK as _e, X as He, dc as Xe, dd as Ge, cu as Ke, bG as q, a7 as qe, aE as Qe, P as ue, k as me, de as We, l as he, df as Je, dg as Ye, dh as Ze, di as et, dj as tt, dk as pe, dl as Q, dm as at } from "./index-C2c-_lPE.js";
+import { jsx as t, jsxs as s, Fragment as B } from "react/jsx-runtime";
+import { V as st, E as rt, a as ot, b as nt, L as it, c as lt, d as dt, C as ct, u as ut, e as mt } from "./use-create-flow-overlay-state-Vyd5mSnf.js";
+import { a as fe } from "./use-visual-utils-OPk_1t4I.js";
+import { k as W } from "./date-formatter-vkCj9Ct-.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 J = 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 ht = Z("FilterX", [
+  ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
+  ["path", { d: "m22 3-5 5", key: "12jva0" }],
+  ["path", { d: "m17 3 5 5", key: "k36vhe" }]
+]), pt = 1e4, ft = 15e3, vt = 3e4, gt = 3e4, bt = 12e4, Y = 2 * 60 * 60 * 1e3;
+function wt(e) {
+  const a = Date.now() - e.getTime();
+  return a < gt ? pt : a < bt ? ft : vt;
+}
+function kt() {
+  const { authToken: e, tokenProps: a } = $(), p = U((h) => h.activeExports), [c, d] = L(
+    typeof document < "u" ? !document.hidden : !0
+  ), u = O(null), n = O(!1), l = O(void 0), m = a == null ? void 0 : a.apiServiceUrl, o = e == null ? void 0 : e.accessToken, v = V(() => {
+    const h = U.getState().activeExports;
+    return Array.from(h.values()).filter(
+      (w) => j(w.status)
+    );
+  }, []);
+  F(() => {
+    if (typeof document > "u") return;
+    const h = () => {
+      d(!document.hidden);
+    };
+    return document.addEventListener("visibilitychange", h), () => {
+      document.removeEventListener("visibilitychange", h);
+    };
+  }, []);
+  const b = V(async () => {
+    if (!m || !o) {
+      n.current = !1;
+      return;
+    }
+    const h = v();
+    if (h.length === 0) {
+      n.current = !1;
+      return;
+    }
+    const w = Date.now(), D = h.filter(
+      (r) => w - r.startedAt.getTime() > Y
+    );
+    if (D.length > 0) {
+      const { updateExport: r } = U.getState().actions;
+      for (const i of D)
+        r(i.id, {
+          status: "failed",
+          error: "Export timed out. Please try again or contact support.",
+          lastUpdatedAt: /* @__PURE__ */ new Date()
+        });
+    }
+    const f = h.filter(
+      (r) => w - r.startedAt.getTime() <= Y
+    );
+    if (f.length === 0) {
+      n.current = !1;
+      return;
+    }
+    const x = await Promise.allSettled(
+      f.map(async (r) => {
+        try {
+          const i = await ee(m, o, r.id);
+          let g;
+          if (i.status === "completed")
+            try {
+              g = await _(m, o, r.id);
+            } catch (E) {
+              console.error(
+                `[useExportPolling] Failed to get download URL for ${r.id}:`,
+                E
+              );
+            }
+          return {
+            id: r.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: g
+          };
+        } catch (i) {
+          return console.error(
+            `[useExportPolling] Failed to poll export ${r.id}:`,
+            i
+          ), null;
+        }
+      })
+    ), { updateExport: A } = U.getState().actions;
+    for (const r of x)
+      r.status === "fulfilled" && r.value && A(r.value.id, r.value);
+    const C = v();
+    if (C.length > 0 && !document.hidden) {
+      const r = C.reduce(
+        (g, E) => E.startedAt < g ? E.startedAt : g,
+        C[0].startedAt
+      ), i = wt(r);
+      u.current && clearTimeout(u.current), u.current = setTimeout(() => {
+        var g;
+        (g = l.current) == null || g.call(l);
+      }, i);
+    } else
+      n.current = !1;
+  }, [m, o, v]);
+  return F(() => {
+    l.current = b;
+  }, [b]), F(() => {
+    var w;
+    v().length > 0 && c && !n.current && (n.current = !0, (w = l.current) == null || w.call(l));
+  }, [p, c, v]), F(() => {
+    var w;
+    const h = v();
+    c && h.length > 0 && !n.current && (n.current = !0, (w = l.current) == null || w.call(l));
+  }, [c, v]), F(() => {
+    !c && u.current && (clearTimeout(u.current), u.current = null, n.current = !1);
+  }, [c]), F(() => () => {
+    u.current && (clearTimeout(u.current), u.current = null);
+  }, []), {
+    isPolling: n.current,
+    isTabVisible: c,
+    inProgressCount: v().length
+  };
+}
+function Ut() {
+  const { authToken: e, tokenProps: a } = $(), p = U((l) => l.activeExports), { addExport: c } = te(), d = O(!1), u = a == null ? void 0 : a.apiServiceUrl, n = e == null ? void 0 : e.accessToken;
+  F(() => {
+    if (d.current || !u || !n) return;
+    (async () => {
+      try {
+        const { exports: m } = await be(u, n, {
+          status: ["pending", "processing", "chunking", "compacting", "completed", "failed"],
+          limit: 20
+          // Limit to recent exports
+        });
+        for (const o of m) {
+          if (p.has(o.id)) continue;
+          const v = o.totalChunks ? Math.round(o.completedChunks / o.totalChunks * 100) : 0;
+          let b;
+          if (o.status === "completed")
+            try {
+              b = await _(u, n, o.id);
+            } catch (w) {
+              console.error(
+                `[useExportRecovery] Failed to get download URL for ${o.id}:`,
+                w
+              );
+            }
+          const h = {
+            id: o.id,
+            status: o.status,
+            progress: v,
+            title: Ct(o),
+            totalRows: o.totalRows,
+            totalChunks: o.totalChunks,
+            completedChunks: o.completedChunks,
+            startedAt: new Date(o.createdAt),
+            lastUpdatedAt: /* @__PURE__ */ new Date(),
+            completedAt: o.completedAt ? new Date(o.completedAt) : void 0,
+            fileSize: o.fileSize,
+            error: o.error,
+            expiresAt: new Date(o.expiresAt),
+            downloadUrl: b
+          };
+          c(h);
+        }
+        d.current = !0;
+      } catch (m) {
+        console.error("[useExportRecovery] Failed to recover exports:", m), d.current = !0;
+      }
+    })();
+  }, [u, n, c, p]);
+}
+function Ct(e) {
+  return e.title ? e.title : j(
+    e.status
+  ) ? "Export in progress..." : e.status === "completed" ? "Export completed" : e.status === "failed" ? "Export failed" : "Export";
+}
+function xt({
+  open: e,
+  onOpenChange: a,
+  isLibraryVisual: p,
+  currentVisualName: c,
+  isSaving: d = !1,
+  destinationMode: u = "both",
+  onConfirm: n
+}) {
+  const [l, m] = L(
+    p && c ? `Copy of ${c}` : c || ""
+  ), [o, v] = L("");
+  ve.useEffect(() => {
+    e && (m(
+      p && c ? `Copy of ${c}` : c || ""
+    ), v(""));
+  }, [e, p, c]);
+  const b = !!l.trim(), h = u === "local" ? {
+    saveToLibrary: !1,
+    saveToCurrentDashboard: !0,
+    badgeType: "local",
+    description: "Creates a local copy on the current dashboard.",
+    actionLabel: "Add to Dashboard (Local)"
+  } : u === "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"
+  }, w = () => {
+    !b || d || n({
+      name: l.trim(),
+      description: o.trim() || void 0,
+      saveToLibrary: h.saveToLibrary,
+      saveToCurrentDashboard: h.saveToCurrentDashboard
+    });
+  };
+  return /* @__PURE__ */ t(ae, { open: e, onOpenChange: a, children: /* @__PURE__ */ s(se, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ s(re, { children: [
+      /* @__PURE__ */ s(oe, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t("span", { children: "Save Visual As" }),
+        h.badgeType !== "local" && /* @__PURE__ */ t(
+          st,
+          {
+            type: h.badgeType,
+            showLabel: !0,
+            className: "px-2 py-0.5"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(ne, { children: h.description })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(G, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ t(
+          we,
+          {
+            id: "name",
+            value: l,
+            onChange: (D) => m(D.target.value),
+            placeholder: "Enter visual name",
+            disabled: d
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(G, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ t(
+          Ce,
+          {
+            id: "description",
+            value: o,
+            onChange: (D) => v(D.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: d
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s(xe, { children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          variant: "outline",
+          onClick: () => a(!1),
+          disabled: d,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ s(S, { onClick: w, disabled: !b || d, children: [
+        d && /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+        h.actionLabel
+      ] })
+    ] })
+  ] }) });
+}
+function yt() {
+  const [e, a] = L(!1), [p, c] = L(!1), [d, u] = L(null), n = z((i) => i.frame), l = z((i) => i.card), m = ye(), o = P((i) => i.selectedSheetId), v = P(
+    (i) => i.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: b } = fe(), { selectVisual: h } = Ne(), { addFrame: w, setSelectedFrameId: D, setIsVisualEditing: f } = X(), x = !!(n != null && n.visualId), A = (() => {
+    var i, g;
+    return ((i = n == null ? void 0 : n.cards) == null ? void 0 : i.length) === 1 && ((g = n.cards[0]) != null && g.title) ? n.cards[0].title : m != null && m.title ? m.title : (l == null ? void 0 : l.title) || "Untitled Visual";
+  })(), C = De((i) => {
+    if (i != null && i.id) {
+      if (h(i), p && d && o) {
+        const g = {
+          ...d,
+          id: K(),
+          visualId: i.id
+          // Link to the newly created library visual
+        };
+        w(o, g, "end"), D(g.id), c(!1), u(null), f(!1);
+      }
+      v(!0), a(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: e,
+    setSaveAsDialogOpen: a,
+    handleSaveAs: async (i) => {
+      if (!o) {
+        R.error("No sheet selected");
+        return;
+      }
+      const g = b(), y = g.cards.length === 1 ? {
+        ...g,
+        cards: g.cards.map((N) => ({
+          ...N,
+          title: i.name
+          // Use visual name as card title
+        }))
+      } : g;
+      if (i.saveToLibrary) {
+        c(i.saveToCurrentDashboard), u(y);
+        const N = {
+          title: i.name,
+          description: i.description,
+          frameObject: y,
+          // Card title synced for single-card frames
+          isPrivate: !1
+        };
+        C.mutate(N);
+      } else if (i.saveToCurrentDashboard) {
+        const N = {
+          ...y,
+          // Card title already synced
+          id: K(),
+          visualId: void 0
+          // Explicitly no visualId for local visuals
+        };
+        w(o, N, "end"), D(N.id), R.success("Visual saved to dashboard"), a(!1), f(!1);
+      }
+    },
+    isLibraryVisual: x,
+    currentVisualName: A,
+    isSaving: C.isPending
+  };
+}
+function Mt({
+  className: e
+}) {
+  const a = z((y) => y.frame), p = Ae((y) => y.selectedVisual), c = P((y) => y.selectedFrameId), d = P((y) => y.selectedSheetId), { setIsVisualEditing: u, updateFrame: n } = X(), [l, m] = L(!1), [o, v] = L("both"), b = !!(a != null && a.visualId || p != null && p.id), h = !!(a != null && a.visualId && c), w = b && !h, {
+    saveAsDialogOpen: D,
+    setSaveAsDialogOpen: f,
+    handleSaveAs: x,
+    isLibraryVisual: A,
+    currentVisualName: C,
+    isSaving: r
+  } = yt(), { getUpdatedFrame: i } = fe(), g = () => {
+    if (!d) {
+      R.error("No sheet selected");
+      return;
+    }
+    if (l) return;
+    m(!0);
+    const N = {
+      ...i(),
+      visualId: void 0
+    };
+    n(d, N), setTimeout(() => {
+      m(!1), R.success("Changes applied. Visual is now local to this dashboard"), u(!1);
+    }, 300);
+  }, E = (y) => {
+    v(y), f(!0);
+  };
+  return /* @__PURE__ */ s(B, { children: [
+    /* @__PURE__ */ s("div", { className: "inline-flex items-center overflow-hidden rounded-md border border-input", children: [
+      !b && /* @__PURE__ */ t(
+        rt,
+        {
+          className: I(e, "rounded-none border-0"),
+          variant: "default"
+        }
+      ),
+      b && w && /* @__PURE__ */ t(
+        ot,
+        {
+          className: I(e, "rounded-none border-0"),
+          variant: "default"
+        }
+      ),
+      b && h && /* @__PURE__ */ t(
+        nt,
+        {
+          className: I(e, "rounded-none border-0")
+        }
+      ),
+      /* @__PURE__ */ s(ie, { modal: !1, children: [
+        /* @__PURE__ */ t(le, { className: "h-8", asChild: !0, children: /* @__PURE__ */ t(
+          S,
+          {
+            variant: "default",
+            size: "sm",
+            className: I(
+              e,
+              "w-8 rounded-none border-0 border-l border-primary-foreground/30 px-2"
+            ),
+            "aria-label": "Open visual save options",
+            disabled: r || l,
+            children: /* @__PURE__ */ t(de, { className: "h-4 w-4" })
+          }
+        ) }),
+        /* @__PURE__ */ s(ce, { align: "end", children: [
+          h && /* @__PURE__ */ s(B, { children: [
+            /* @__PURE__ */ s(
+              M,
+              {
+                onClick: g,
+                disabled: l,
+                children: [
+                  /* @__PURE__ */ t(Ee, { className: "mr-2 h-4 w-4" }),
+                  l ? "Applying..." : "Apply Locally"
+                ]
+              }
+            ),
+            /* @__PURE__ */ t(Se, {})
+          ] }),
+          /* @__PURE__ */ s(
+            M,
+            {
+              onClick: () => E("local"),
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(Ie, { className: "mr-2 h-4 w-4" }),
+                "Add to Dashboard (Local)"
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            M,
+            {
+              onClick: () => E("library"),
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(it, { className: "mr-2 h-4 w-4" }),
+                "Save as Library Visual"
+              ]
+            }
+          ),
+          /* @__PURE__ */ s(
+            M,
+            {
+              onClick: () => E("both"),
+              disabled: r,
+              children: [
+                /* @__PURE__ */ t(lt, { className: "mr-2 h-4 w-4" }),
+                "Save Copy as Linked Visual"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ t(dt, { className: e }),
+    /* @__PURE__ */ t(
+      xt,
+      {
+        open: D,
+        onOpenChange: (y) => {
+          r || f(y);
+        },
+        isLibraryVisual: A,
+        currentVisualName: C,
+        isSaving: r,
+        destinationMode: o,
+        onConfirm: x
+      }
+    )
+  ] });
+}
+function Vt({
+  className: e,
+  //labelClassName,
+  switchClassName: a
+}) {
+  const p = z((l) => l.isDevMode), c = P((l) => l.isVisualEditing), { setIsDevMode: d } = Le(), { config: u } = ge(Te).tokenProps, n = (u == null ? void 0 : u.showAdvancedMode) !== !1;
+  return !c || !n ? null : /* @__PURE__ */ s("div", { className: I("flex items-center space-x-2", e), children: [
+    /* @__PURE__ */ t(
+      Fe,
+      {
+        className: I("", a),
+        checked: p,
+        onCheckedChange: () => d(!p),
+        id: "advanced-mode",
+        icon: /* @__PURE__ */ t(ke, { className: "h-4 w-4" }),
+        tooltip: "Advanced Mode"
+      }
+    ),
+    /* @__PURE__ */ t("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
+  ] });
+}
+function Pt({
+  open: e,
+  onOpenChange: a,
+  onSave: p,
+  onDiscard: c,
+  isSaving: d,
+  title: u = "Unsaved Changes",
+  description: n = "You have unsaved changes to this dashboard. What would you like to do?",
+  cancelLabel: l = "Cancel",
+  discardLabel: m = "Discard",
+  saveLabel: o = "Save & Close"
+}) {
+  return /* @__PURE__ */ t(Ue, { open: e, onOpenChange: (b) => {
+    !b && d || a(b);
+  }, children: /* @__PURE__ */ s(Me, { className: "max-w-[520px] border-border/70 p-6", children: [
+    /* @__PURE__ */ s(Ve, { className: "space-y-3", children: [
+      /* @__PURE__ */ s("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(Pe, { className: "h-[18px] w-[18px] text-amber-600" }) }),
+        /* @__PURE__ */ t(Be, { className: "text-lg font-semibold tracking-tight", children: u })
+      ] }),
+      /* @__PURE__ */ t(Oe, { className: "text-sm leading-6 text-muted-foreground", children: n })
+    ] }),
+    /* @__PURE__ */ s(ze, { className: "mt-2 flex-col gap-1.5 sm:flex-row sm:justify-end", children: [
+      /* @__PURE__ */ t(
+        Re,
+        {
+          disabled: d,
+          className: "order-1 m-0 h-auto min-h-9 whitespace-normal border-border/60 px-4 py-2 text-center leading-5 sm:order-1",
+          children: l
+        }
+      ),
+      /* @__PURE__ */ t(
+        "button",
+        {
+          onClick: c,
+          disabled: d,
+          className: "order-2 h-auto min-h-9 whitespace-normal rounded-md border border-destructive/30 bg-destructive/10 px-4 py-2 text-center text-sm font-medium leading-5 text-destructive transition-colors hover:bg-destructive/20 disabled:pointer-events-none disabled:opacity-50 sm:order-2",
+          children: m
+        }
+      ),
+      /* @__PURE__ */ t(
+        $e,
+        {
+          onClick: p,
+          disabled: d,
+          className: "order-3 m-0 h-auto min-h-9 whitespace-normal px-4 py-2 text-center leading-5 sm:order-3",
+          children: d ? /* @__PURE__ */ s(B, { children: [
+            /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Saving..."
+          ] }) : o
+        }
+      )
+    ] })
+  ] }) });
+}
+function Bt(e, a, p, c) {
+  F(() => {
+    e && !p && a && c(je(a));
+  }, [e, p, a, c]);
+}
+function Nt({
+  export: e,
+  onRemove: a
+}) {
+  const p = () => {
+    e.downloadUrl && window.open(e.downloadUrl, "_blank");
+  }, c = (l) => {
+    l.stopPropagation(), a == null || a(e.id);
+  }, d = () => {
+    switch (e.status) {
+      case "completed":
+        return /* @__PURE__ */ t(Ke, { className: "mt-0.5 h-5 w-5 shrink-0 text-green-600" });
+      case "failed":
+        return /* @__PURE__ */ t(ct, { 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" });
+    }
+  }, u = j(e.status), n = (() => {
+    switch (e.status) {
+      case "pending":
+        return "Queued...";
+      case "processing":
+        return "Processing...";
+      case "chunking":
+        return "Processing...";
+      case "compacting":
+        return "Finalizing...";
+      default:
+        return "Processing...";
+    }
+  })();
+  return /* @__PURE__ */ s("div", { className: "group p-4 transition-colors hover:bg-muted/50", children: [
+    /* @__PURE__ */ s("div", { className: "mb-2 flex items-start justify-between gap-3", children: [
+      /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+        d(),
+        /* @__PURE__ */ s("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__ */ s("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ s("span", { children: [
+              e.totalRows.toLocaleString(),
+              " rows"
+            ] }),
+            e.fileSize && /* @__PURE__ */ s(B, { children: [
+              /* @__PURE__ */ t("span", { children: "•" }),
+              /* @__PURE__ */ t("span", { children: _e(e.fileSize) })
+            ] })
+          ] }),
+          u && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: n }),
+          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: c,
+          "aria-label": "Remove notification",
+          children: /* @__PURE__ */ t(He, { className: "h-4 w-4" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "ml-8", children: [
+      e.status === "completed" && /* @__PURE__ */ s("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ t("span", { className: "text-xs text-muted-foreground", children: W(e.startedAt, { addSuffix: !0 }) }),
+        e.downloadUrl && /* @__PURE__ */ s(
+          S,
+          {
+            size: "sm",
+            variant: "outline",
+            className: "h-8 bg-transparent",
+            onClick: p,
+            children: [
+              /* @__PURE__ */ t(Xe, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Download"
+            ]
+          }
+        )
+      ] }),
+      u && /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ t(Ge, { value: e.progress, className: "h-1.5" }),
+        /* @__PURE__ */ s("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: W(e.startedAt, { addSuffix: !0 }) })
+    ] })
+  ] });
+}
+function Dt() {
+  const { authToken: e, tokenProps: a } = $(), p = U((f) => f.activeExports), { clearCompleted: c, removeExport: d, updateExport: u } = te(), [n, l] = L(!1), [m, o] = L(!1), v = Array.from(p.values()).sort(
+    (f, x) => x.startedAt.getTime() - f.startedAt.getTime()
+  ), b = v.some(
+    (f) => f.status === "completed" || f.status === "failed"
+  ), h = V(async () => {
+    const f = a == null ? void 0 : a.apiServiceUrl, x = e == null ? void 0 : e.accessToken;
+    if (!(!f || !x)) {
+      l(!0);
+      try {
+        const A = Array.from(p.values());
+        await Promise.all(
+          A.map(async (C) => {
+            try {
+              const r = await ee(f, x, C.id);
+              let i;
+              if (r.status === "completed")
+                try {
+                  i = await _(
+                    f,
+                    x,
+                    C.id
+                  );
+                } catch (g) {
+                  console.error(`Failed to get download URL for ${C.id}:`, g);
+                }
+              u(C.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: i
+              });
+            } catch (r) {
+              console.error(`Failed to refresh export ${C.id}:`, r);
+            }
+          })
+        );
+      } finally {
+        l(!1);
+      }
+    }
+  }, [
+    p,
+    e == null ? void 0 : e.accessToken,
+    a == null ? void 0 : a.apiServiceUrl,
+    u
+  ]), w = V(async () => {
+    const f = a == null ? void 0 : a.apiServiceUrl, x = e == null ? void 0 : e.accessToken;
+    if (!f || !x) {
+      c();
+      return;
+    }
+    o(!0);
+    try {
+      const A = v.filter(
+        (r) => r.status === "completed" || r.status === "failed"
+      ), C = await Promise.allSettled(
+        A.map(async (r) => (await q(f, x, r.id), r.id))
+      );
+      for (const r of C)
+        r.status === "fulfilled" ? d(r.value) : console.error("Failed to delete export:", r.reason);
+    } finally {
+      o(!1);
+    }
+  }, [
+    v,
+    a == null ? void 0 : a.apiServiceUrl,
+    e == null ? void 0 : e.accessToken,
+    c,
+    d
+  ]), D = V(
+    async (f) => {
+      const x = a == null ? void 0 : a.apiServiceUrl, A = e == null ? void 0 : e.accessToken;
+      if (x && A)
+        try {
+          await q(x, A, f), d(f);
+          return;
+        } catch (C) {
+          console.error(`Failed to cancel export ${f}:`, C);
+        }
+      d(f);
+    },
+    [a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, d]
+  );
+  return v.length === 0 ? /* @__PURE__ */ s("div", { className: "p-6 text-center", children: [
+    /* @__PURE__ */ t(J, { 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__ */ s("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t(J, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ t("h4", { className: "font-semibold", children: "Exports" })
+      ] }),
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t(
+          S,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0",
+            onClick: h,
+            disabled: n,
+            title: "Refresh status",
+            children: /* @__PURE__ */ t(
+              qe,
+              {
+                className: `h-4 w-4 ${n ? "animate-spin" : ""}`
+              }
+            )
+          }
+        ),
+        b && /* @__PURE__ */ t(
+          S,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 text-sm",
+            onClick: w,
+            disabled: m,
+            children: m ? "Clearing..." : "Clear all"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t("div", { className: "max-h-[350px] overflow-y-auto", children: /* @__PURE__ */ t("div", { className: "divide-y", children: v.map((f) => /* @__PURE__ */ t(
+      Nt,
+      {
+        export: f,
+        onRemove: D
+      },
+      f.id
+    )) }) })
+  ] });
+}
+function Ot({
+  variant: e
+}) {
+  const a = U((m) => m.activeExports), p = Qe(), c = a.size > 0, d = Array.from(a.values()).some(
+    (m) => m.status === "completed" || m.status === "failed"
+  ), n = p > 0 ? p > 9 ? "9+" : String(p) : null;
+  return /* @__PURE__ */ s(ue, { children: [
+    /* @__PURE__ */ t(me, { asChild: !0, children: /* @__PURE__ */ s(
+      S,
+      {
+        variant: e ?? "ghost",
+        size: "icon",
+        className: "relative h-8 w-8",
+        "aria-label": "Export notifications",
+        children: [
+          /* @__PURE__ */ t(We, { className: "h-4 w-4" }),
+          c && /* @__PURE__ */ t(
+            "span",
+            {
+              className: `absolute flex items-center justify-center rounded-full bg-primary text-primary-foreground ${n ? "-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: n
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(he, { className: "w-80 p-0", align: "end", sideOffset: 8, children: /* @__PURE__ */ t(Dt, {}) })
+  ] });
+}
+function At(e) {
+  if (e)
+    return {
+      renamed: e.type === "rename" ? { oldId: e.oldId, newId: e.newId } : void 0,
+      removedControlId: e.type === "remove" ? e.controlId : void 0,
+      cardBindingsById: e.type === "add" || e.type === "update" ? e.cardBindingsById : void 0,
+      affectedBindingControlIds: e.type === "add" || e.type === "update" ? e.affectedBindingControlIds : void 0
+    };
+}
+function zt({
+  open: e,
+  onOpenChange: a,
+  trigger: p,
+  showTrigger: c = !0,
+  initialMode: d = "manage"
+}) {
+  const u = d === "create", {
+    forceClose: n,
+    handleOpenChange: l,
+    isCreateFlowActive: m,
+    preventPassiveDismissDuringCreate: o,
+    resolvedOpen: v,
+    setIsCreateFlowActive: b
+  } = ut({
+    open: e,
+    onOpenChange: a,
+    initialCreateFlowActive: d === "create"
+  }), h = P((N) => N.dashboard), { setDashboardControlsModel: w } = X(), { participants: D } = Je(Ye(h)), f = Array.from(
+    new Map(
+      D.flatMap(
+        (N) => N.fieldChoices.map((T) => {
+          var k;
+          return [
+            T.value,
+            {
+              option: T,
+              target: (k = N.fieldTargetMap) == null ? void 0 : k[T.value]
+            }
+          ];
+        })
+      )
+    ).values()
+  ), x = Array.from(
+    new Map(
+      D.flatMap(
+        (N) => N.metricChoices.map((T) => {
+          var k;
+          return [
+            T.value,
+            {
+              option: T,
+              target: (k = N.metricTargetMap) == null ? void 0 : k[T.value]
+            }
+          ];
+        })
+      )
+    ).values()
+  ), A = Ze({
+    ...h || {},
+    controls: []
+  }), C = et(h), r = (N, T, k) => {
+    w(
+      N,
+      T,
+      At(k)
+    );
+  }, i = V(() => {
+    if (u) {
+      n();
+      return;
+    }
+    b(!1);
+  }, [u, n, b]), g = /* @__PURE__ */ t(
+    mt,
+    {
+      scope: "dashboard",
+      controls: h.controls || [],
+      reservedControlIds: A,
+      defaultValues: h.defaultControlValues || {},
+      usageByControlId: tt(h),
+      availableFieldChoices: f,
+      availableMetricChoices: x,
+      structuralParticipants: D,
+      structuralParticipantIdsByControlId: C,
+      initialCreateFlow: d === "create",
+      onCreateFlowActiveChange: b,
+      onCreateFlowComplete: i,
+      onChange: r,
+      emptyMessage: "No dashboard controls yet."
+    }
+  ), E = m ? "Add dashboard control" : "Dashboard Controls", y = /* @__PURE__ */ s(B, { children: [
+    /* @__PURE__ */ s("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ t("h4", { className: "text-sm font-medium", children: "Dashboard Controls" }),
+      /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Add shared controls viewers can use across the dashboard. Each card can decide how to respond to the same control." })
+    ] }),
+    g
+  ] });
+  return c ? /* @__PURE__ */ s(ue, { open: v, onOpenChange: l, children: [
+    /* @__PURE__ */ t(me, { asChild: !0, children: p || /* @__PURE__ */ s(S, { variant: "outline", className: "h-7 px-2", size: "sm", children: [
+      /* @__PURE__ */ t(pe, { className: "mr-2 h-4 w-4" }),
+      "Controls"
+    ] }) }),
+    /* @__PURE__ */ t(
+      he,
+      {
+        className: "w-[620px] max-w-[95vw] space-y-4",
+        align: "end",
+        onEscapeKeyDown: o,
+        onPointerDownOutside: o,
+        children: y
+      }
+    )
+  ] }) : /* @__PURE__ */ t(ae, { open: v, onOpenChange: l, children: /* @__PURE__ */ s(
+    se,
+    {
+      className: "flex max-h-[88vh] max-w-[980px] flex-col overflow-hidden",
+      showCloseButton: !m,
+      onEscapeKeyDown: o,
+      onPointerDownOutside: o,
+      children: [
+        /* @__PURE__ */ s(
+          re,
+          {
+            className: m ? "space-y-0" : void 0,
+            children: [
+              /* @__PURE__ */ t(oe, { children: E }),
+              /* @__PURE__ */ t(ne, { className: m ? "sr-only" : void 0, children: m ? "Configure and add a shared dashboard control." : "Add shared controls viewers can use across the dashboard. Each card can decide how to respond to the same control." })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: "min-h-0 overflow-y-auto pr-1", children: g })
+      ]
+    }
+  ) });
+}
+function Rt({
+  showFilters: e,
+  onToggleFilters: a,
+  onAddFilter: p,
+  onAddControl: c,
+  onManageControls: d,
+  size: u = "default",
+  className: n,
+  primaryButtonClassName: l,
+  secondaryButtonClassName: m,
+  dropdownContentClassName: o
+}) {
+  const v = u === "toolbar";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: I(
+        "relative inline-flex items-stretch overflow-visible rounded-md border border-input bg-background shadow-none",
+        n
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          S,
+          {
+            variant: "ghost",
+            className: I(
+              v ? "h-8" : "h-7",
+              "rounded-none border-0 bg-transparent pl-3 pr-2 shadow-none hover:bg-accent/50",
+              l
+            ),
+            onClick: a,
+            size: "sm",
+            children: [
+              e ? /* @__PURE__ */ t(ht, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ t(Q, { className: "mr-2 h-4 w-4" }),
+              "Filter"
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(ie, { children: [
+          /* @__PURE__ */ t(le, { asChild: !0, children: /* @__PURE__ */ t(
+            S,
+            {
+              className: I(
+                v ? "h-8 w-8" : "h-7 w-8",
+                "rounded-none border-0 bg-transparent px-1 shadow-none hover:bg-accent/50",
+                m
+              ),
+              variant: "ghost",
+              size: "sm",
+              "aria-label": "Filter and control actions",
+              children: /* @__PURE__ */ t(de, { className: "h-4 w-4" })
+            }
+          ) }),
+          /* @__PURE__ */ s(
+            ce,
+            {
+              align: "start",
+              className: I("rounded-xl border border-border/60 p-1 shadow-sm", o),
+              children: [
+                /* @__PURE__ */ s(M, { onSelect: p, children: [
+                  /* @__PURE__ */ t(Q, { className: "mr-2 h-4 w-4" }),
+                  "Add filter"
+                ] }),
+                /* @__PURE__ */ s(M, { onSelect: c, children: [
+                  /* @__PURE__ */ t(pe, { className: "mr-2 h-4 w-4" }),
+                  "Add control"
+                ] }),
+                /* @__PURE__ */ s(M, { onSelect: d, children: [
+                  /* @__PURE__ */ t(at, { className: "mr-2 h-4 w-4" }),
+                  "Manage controls"
+                ] })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Vt as A,
+  zt as D,
+  Dt as E,
+  Ot as N,
+  Pt as U,
+  Mt as V,
+  Nt as a,
+  Ut as b,
+  Rt as c,
+  Bt as d,
+  kt as u
+};