react-semaphor 0.1.284 → 0.1.286

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

@@ -0,0 +1,1107 @@
+import ge, { useState as L, useRef as O, useCallback as M, useEffect as F, useContext as be } from "react";
+import { bM as ee, b as _, aC as k, bJ as $, bF as te, bG as j, aD as ae, bE as xe, d as se, e as re, f as oe, g as ne, h as ie, L as K, I as Ce, d8 as we, v as ye, B as S, w as H, U as R, J as Ne, u as z, K as De, N as X, d9 as Ae, da as W, x as P, b_ as le, af as Se, cC as de, cD as ce, a6 as ue, cF as he, cG as U, s as Ee, cK as Ie, ct as Le, M as Fe, db as Te, c as V, dc as G, dd as ke, cS as Ue, cT as Ve, cU as Me, cV as Pe, cW as ze, cX as Be, cY as Oe, as as Re, bL as _e, X as $e, de as je, df as He, cz as Xe, bH as q, a8 as Ge, aF as Ke, P as me, j as pe, dg as We, l as fe, dh as qe, di as Je, dj as Qe, dk as Ye, dl as Ze, dm as J, dn as et } from "./index-BJLFSwZr.js";
+import { jsx as t, jsxs as s, Fragment as B } from "react/jsx-runtime";
+import { V as tt, E as at, a as st, b as rt, L as ot, c as nt, d as it, C as lt, u as dt, e as ct } from "./use-create-flow-overlay-state-BU00QaON.js";
+import { u as ve } from "./use-visual-utils-DlwYqcbg.js";
+import { k as Q } 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 Y = ee("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 ut = ee("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" }]
+]), ht = 1e4, mt = 15e3, pt = 3e4, ft = 3e4, vt = 12e4, Z = 2 * 60 * 60 * 1e3;
+function gt(e) {
+  const a = Date.now() - e.getTime();
+  return a < ft ? ht : a < vt ? mt : pt;
+}
+function Ft() {
+  const { authToken: e, tokenProps: a } = _(), p = k((m) => m.activeExports), [d, l] = L(
+    typeof document < "u" ? !document.hidden : !0
+  ), h = O(null), o = O(!1), c = O(void 0), u = a == null ? void 0 : a.apiServiceUrl, n = e == null ? void 0 : e.accessToken, v = M(() => {
+    const m = k.getState().activeExports;
+    return Array.from(m.values()).filter(
+      (x) => $(x.status)
+    );
+  }, []);
+  F(() => {
+    if (typeof document > "u") return;
+    const m = () => {
+      l(!document.hidden);
+    };
+    return document.addEventListener("visibilitychange", m), () => {
+      document.removeEventListener("visibilitychange", m);
+    };
+  }, []);
+  const b = M(async () => {
+    if (!u || !n) {
+      o.current = !1;
+      return;
+    }
+    const m = v();
+    if (m.length === 0) {
+      o.current = !1;
+      return;
+    }
+    const x = Date.now(), N = m.filter(
+      (r) => x - r.startedAt.getTime() > Z
+    );
+    if (N.length > 0) {
+      const { updateExport: r } = k.getState().actions;
+      for (const i of N)
+        r(i.id, {
+          status: "failed",
+          error: "Export timed out. Please try again or contact support.",
+          lastUpdatedAt: /* @__PURE__ */ new Date()
+        });
+    }
+    const f = m.filter(
+      (r) => x - r.startedAt.getTime() <= Z
+    );
+    if (f.length === 0) {
+      o.current = !1;
+      return;
+    }
+    const w = await Promise.allSettled(
+      f.map(async (r) => {
+        try {
+          const i = await te(u, n, r.id);
+          let g;
+          if (i.status === "completed")
+            try {
+              g = await j(u, n, r.id);
+            } catch (I) {
+              console.error(
+                `[useExportPolling] Failed to get download URL for ${r.id}:`,
+                I
+              );
+            }
+          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: E } = k.getState().actions;
+    for (const r of w)
+      r.status === "fulfilled" && r.value && E(r.value.id, r.value);
+    const C = v();
+    if (C.length > 0 && !document.hidden) {
+      const r = C.reduce(
+        (g, I) => I.startedAt < g ? I.startedAt : g,
+        C[0].startedAt
+      ), i = gt(r);
+      h.current && clearTimeout(h.current), h.current = setTimeout(() => {
+        var g;
+        (g = c.current) == null || g.call(c);
+      }, i);
+    } else
+      o.current = !1;
+  }, [u, n, v]);
+  return F(() => {
+    c.current = b;
+  }, [b]), F(() => {
+    var x;
+    v().length > 0 && d && !o.current && (o.current = !0, (x = c.current) == null || x.call(c));
+  }, [p, d, v]), F(() => {
+    var x;
+    const m = v();
+    d && m.length > 0 && !o.current && (o.current = !0, (x = c.current) == null || x.call(c));
+  }, [d, v]), F(() => {
+    !d && h.current && (clearTimeout(h.current), h.current = null, o.current = !1);
+  }, [d]), F(() => () => {
+    h.current && (clearTimeout(h.current), h.current = null);
+  }, []), {
+    isPolling: o.current,
+    isTabVisible: d,
+    inProgressCount: v().length
+  };
+}
+function Tt() {
+  const { authToken: e, tokenProps: a } = _(), p = k((c) => c.activeExports), { addExport: d } = ae(), l = O(!1), h = a == null ? void 0 : a.apiServiceUrl, o = e == null ? void 0 : e.accessToken;
+  F(() => {
+    if (l.current || !h || !o) return;
+    (async () => {
+      try {
+        const { exports: u } = await xe(h, o, {
+          status: ["pending", "processing", "chunking", "compacting", "completed", "failed"],
+          limit: 20
+          // Limit to recent exports
+        });
+        for (const n of u) {
+          if (p.has(n.id)) continue;
+          const v = n.totalChunks ? Math.round(n.completedChunks / n.totalChunks * 100) : 0;
+          let b;
+          if (n.status === "completed")
+            try {
+              b = await j(h, o, n.id);
+            } catch (x) {
+              console.error(
+                `[useExportRecovery] Failed to get download URL for ${n.id}:`,
+                x
+              );
+            }
+          const m = {
+            id: n.id,
+            status: n.status,
+            progress: v,
+            title: bt(n),
+            totalRows: n.totalRows,
+            totalChunks: n.totalChunks,
+            completedChunks: n.completedChunks,
+            startedAt: new Date(n.createdAt),
+            lastUpdatedAt: /* @__PURE__ */ new Date(),
+            completedAt: n.completedAt ? new Date(n.completedAt) : void 0,
+            fileSize: n.fileSize,
+            error: n.error,
+            expiresAt: new Date(n.expiresAt),
+            downloadUrl: b
+          };
+          d(m);
+        }
+        l.current = !0;
+      } catch (u) {
+        console.error("[useExportRecovery] Failed to recover exports:", u), l.current = !0;
+      }
+    })();
+  }, [h, o, d, p]);
+}
+function bt(e) {
+  return e.title ? e.title : $(
+    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: d,
+  isSaving: l = !1,
+  destinationMode: h = "both",
+  onConfirm: o
+}) {
+  const [c, u] = L(
+    p && d ? `Copy of ${d}` : d || ""
+  ), [n, v] = L("");
+  ge.useEffect(() => {
+    e && (u(
+      p && d ? `Copy of ${d}` : d || ""
+    ), v(""));
+  }, [e, p, d]);
+  const b = !!c.trim(), m = h === "local" ? {
+    saveToLibrary: !1,
+    saveToCurrentDashboard: !0,
+    badgeType: "local",
+    description: "Creates a local copy on the current dashboard.",
+    actionLabel: "Add to Dashboard (Local)"
+  } : h === "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"
+  }, x = () => {
+    !b || l || o({
+      name: c.trim(),
+      description: n.trim() || void 0,
+      saveToLibrary: m.saveToLibrary,
+      saveToCurrentDashboard: m.saveToCurrentDashboard
+    });
+  };
+  return /* @__PURE__ */ t(se, { open: e, onOpenChange: a, children: /* @__PURE__ */ s(re, { className: "sm:max-w-[500px]", children: [
+    /* @__PURE__ */ s(oe, { children: [
+      /* @__PURE__ */ s(ne, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ t("span", { children: "Save Visual As" }),
+        m.badgeType !== "local" && /* @__PURE__ */ t(
+          tt,
+          {
+            type: m.badgeType,
+            showLabel: !0,
+            className: "px-2 py-0.5"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t(ie, { children: m.description })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(K, { htmlFor: "name", children: "Name" }),
+        /* @__PURE__ */ t(
+          Ce,
+          {
+            id: "name",
+            value: c,
+            onChange: (N) => u(N.target.value),
+            placeholder: "Enter visual name",
+            disabled: l
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s("div", { className: "grid gap-2", children: [
+        /* @__PURE__ */ t(K, { htmlFor: "description", children: "Description (optional)" }),
+        /* @__PURE__ */ t(
+          we,
+          {
+            id: "description",
+            value: n,
+            onChange: (N) => v(N.target.value),
+            placeholder: "Enter visual description",
+            rows: 3,
+            disabled: l
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ s(ye, { children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          variant: "outline",
+          onClick: () => a(!1),
+          disabled: l,
+          children: "Cancel"
+        }
+      ),
+      /* @__PURE__ */ s(S, { onClick: x, disabled: !b || l, children: [
+        l && /* @__PURE__ */ t(H, { className: "mr-2 h-4 w-4 animate-spin" }),
+        m.actionLabel
+      ] })
+    ] })
+  ] }) });
+}
+function Ct() {
+  const [e, a] = L(!1), [p, d] = L(!1), [l, h] = L(null), o = R((i) => i.frame), c = R((i) => i.card), u = Ne(), n = z((i) => i.selectedSheetId), v = z(
+    (i) => i.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: b } = ve(), { selectVisual: m } = De(), { addFrame: x, setSelectedFrameId: N, setIsVisualEditing: f } = X(), w = !!(o != null && o.visualId), E = (() => {
+    var i, g;
+    return ((i = o == null ? void 0 : o.cards) == null ? void 0 : i.length) === 1 && ((g = o.cards[0]) != null && g.title) ? o.cards[0].title : u != null && u.title ? u.title : (c == null ? void 0 : c.title) || "Untitled Visual";
+  })(), C = Ae((i) => {
+    if (i != null && i.id) {
+      if (m(i), p && l && n) {
+        const g = {
+          ...l,
+          id: W(),
+          visualId: i.id
+          // Link to the newly created library visual
+        };
+        x(n, g, "end"), N(g.id), d(!1), h(null), f(!1);
+      }
+      v(!0), a(!1);
+    }
+  });
+  return {
+    saveAsDialogOpen: e,
+    setSaveAsDialogOpen: a,
+    handleSaveAs: async (i) => {
+      if (!n) {
+        P.error("No sheet selected");
+        return;
+      }
+      const g = b(), I = le(g);
+      if (I) {
+        P.error(I);
+        return;
+      }
+      const A = g.cards.length === 1 ? {
+        ...g,
+        cards: g.cards.map((y) => ({
+          ...y,
+          title: i.name
+          // Use visual name as card title
+        }))
+      } : g;
+      if (i.saveToLibrary) {
+        d(i.saveToCurrentDashboard), h(A);
+        const y = {
+          title: i.name,
+          description: i.description,
+          frameObject: A,
+          // Card title synced for single-card frames
+          isPrivate: !1
+        };
+        C.mutate(y);
+      } else if (i.saveToCurrentDashboard) {
+        const y = {
+          ...A,
+          // Card title already synced
+          id: W(),
+          visualId: void 0
+          // Explicitly no visualId for local visuals
+        };
+        x(n, y, "end"), N(y.id), P.success("Visual saved to dashboard"), a(!1), f(!1);
+      }
+    },
+    isLibraryVisual: w,
+    currentVisualName: E,
+    isSaving: C.isPending
+  };
+}
+function kt(e = {}) {
+  const a = R((D) => D.frame), p = Se((D) => D.selectedVisual), d = z((D) => D.selectedFrameId), l = z((D) => D.selectedSheetId), { setIsVisualEditing: h, updateFrame: o } = X(), [c, u] = L(!1), [n, v] = L("both"), b = !!(a != null && a.visualId || p != null && p.id), m = !!(a != null && a.visualId && d), x = b && !m, {
+    saveAsDialogOpen: N,
+    setSaveAsDialogOpen: f,
+    handleSaveAs: w,
+    isLibraryVisual: E,
+    currentVisualName: C,
+    isSaving: r
+  } = Ct(), { getUpdatedFrame: i } = ve(), g = () => {
+    if (!l) {
+      P.error("No sheet selected");
+      return;
+    }
+    if (c) return;
+    u(!0);
+    const D = i(), A = le(D);
+    if (A) {
+      u(!1), P.error(A);
+      return;
+    }
+    const y = {
+      ...D,
+      visualId: void 0
+    };
+    o(l, y), setTimeout(() => {
+      u(!1), P.success("Changes applied. Visual is now local to this dashboard"), h(!1);
+    }, 300);
+  }, I = (D) => {
+    v(D), f(!0);
+  };
+  return /* @__PURE__ */ s(B, { children: [
+    /* @__PURE__ */ s("div", { className: "inline-flex items-center overflow-hidden rounded-[5px]", children: [
+      !b && /* @__PURE__ */ t(
+        at,
+        {
+          className: "rounded-none",
+          variant: "default"
+        }
+      ),
+      b && x && /* @__PURE__ */ t(
+        st,
+        {
+          className: "rounded-none",
+          variant: "default"
+        }
+      ),
+      b && m && /* @__PURE__ */ t(rt, { className: "rounded-none" }),
+      /* @__PURE__ */ s(de, { modal: !1, children: [
+        /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ t(
+          S,
+          {
+            variant: "default",
+            size: "xs",
+            className: "w-7 rounded-none border-l border-primary-foreground/20 px-0",
+            "aria-label": "Open visual save options",
+            disabled: r || c,
+            children: /* @__PURE__ */ t(ue, { className: "h-3.5 w-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ s(
+          he,
+          {
+            align: "end",
+            className: "min-w-[220px] rounded-[6px] border border-border/60 p-1 shadow-sm",
+            children: [
+              m && /* @__PURE__ */ s(B, { children: [
+                /* @__PURE__ */ s(
+                  U,
+                  {
+                    onClick: g,
+                    disabled: c,
+                    children: [
+                      /* @__PURE__ */ t(Ee, { className: "h-3.5 w-3.5" }),
+                      c ? "Applying..." : "Apply Locally"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(Ie, {})
+              ] }),
+              /* @__PURE__ */ s(
+                U,
+                {
+                  onClick: () => I("local"),
+                  disabled: r,
+                  children: [
+                    /* @__PURE__ */ t(Le, { className: "h-3.5 w-3.5" }),
+                    "Add to Dashboard (Local)"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                U,
+                {
+                  onClick: () => I("library"),
+                  disabled: r,
+                  children: [
+                    /* @__PURE__ */ t(ot, { className: "h-3.5 w-3.5" }),
+                    "Save as Library Visual"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ s(
+                U,
+                {
+                  onClick: () => I("both"),
+                  disabled: r,
+                  children: [
+                    /* @__PURE__ */ t(nt, { className: "h-3.5 w-3.5" }),
+                    "Save Copy as Linked Visual"
+                  ]
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t(it, {}),
+    /* @__PURE__ */ t(
+      xt,
+      {
+        open: N,
+        onOpenChange: (D) => {
+          r || f(D);
+        },
+        isLibraryVisual: E,
+        currentVisualName: C,
+        isSaving: r,
+        destinationMode: n,
+        onConfirm: w
+      }
+    )
+  ] });
+}
+function Ut({ className: e }) {
+  const a = R((u) => u.isDevMode), p = z((u) => u.isVisualEditing), { setIsDevMode: d } = Fe(), { config: l } = be(Te).tokenProps, h = (l == null ? void 0 : l.showAdvancedMode) !== !1;
+  if (!p || !h)
+    return null;
+  const o = "h-7 rounded-none border-0 bg-transparent px-2.5 shadow-none text-muted-foreground hover:bg-accent/50 hover:text-foreground", c = "bg-muted text-foreground hover:bg-muted";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Editor mode",
+      className: V(
+        "inline-flex items-stretch overflow-hidden rounded-[5px] border border-input bg-background",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          S,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            role: "radio",
+            "aria-checked": !a,
+            className: V(o, !a && c),
+            onClick: () => d(!1),
+            children: [
+              /* @__PURE__ */ t(G, { className: "h-3.5 w-3.5" }),
+              "Drag & drop"
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(
+          S,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            role: "radio",
+            "aria-checked": a,
+            className: V(
+              o,
+              "border-l border-border/60",
+              a && c
+            ),
+            onClick: () => d(!0),
+            children: [
+              /* @__PURE__ */ t(ke, { className: "h-3.5 w-3.5" }),
+              "SQL"
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+function Vt({
+  open: e,
+  onOpenChange: a,
+  onSave: p,
+  onDiscard: d,
+  isSaving: l,
+  title: h = "Unsaved changes",
+  description: o = "You have unsaved changes to this dashboard. What would you like to do?",
+  cancelLabel: c = "Cancel",
+  discardLabel: u = "Discard",
+  saveLabel: n = "Save"
+}) {
+  return /* @__PURE__ */ t(Ue, { open: e, onOpenChange: (b) => {
+    !b && l || a(b);
+  }, children: /* @__PURE__ */ s(Ve, { children: [
+    /* @__PURE__ */ s(Me, { children: [
+      /* @__PURE__ */ t(Pe, { children: h }),
+      /* @__PURE__ */ t(ze, { children: o })
+    ] }),
+    /* @__PURE__ */ s(Be, { children: [
+      /* @__PURE__ */ t(
+        S,
+        {
+          type: "button",
+          size: "xs",
+          onClick: d,
+          disabled: l,
+          variant: "ghost",
+          className: "mr-auto text-muted-foreground hover:bg-destructive/10 hover:text-destructive focus-visible:bg-destructive/10 focus-visible:text-destructive",
+          children: u
+        }
+      ),
+      /* @__PURE__ */ t(Oe, { disabled: l, children: c }),
+      /* @__PURE__ */ t(S, { type: "button", size: "xs", onClick: p, disabled: l, children: l ? /* @__PURE__ */ s(B, { children: [
+        /* @__PURE__ */ t(H, { className: "mr-2 h-3.5 w-3.5 animate-spin" }),
+        "Saving..."
+      ] }) : n })
+    ] })
+  ] }) });
+}
+function Mt(e, a, p, d) {
+  F(() => {
+    e && !p && a && d(Re(a));
+  }, [e, p, a, d]);
+}
+function wt({
+  export: e,
+  onRemove: a
+}) {
+  const p = () => {
+    e.downloadUrl && window.open(e.downloadUrl, "_blank");
+  }, d = (c) => {
+    c.stopPropagation(), a == null || a(e.id);
+  }, l = () => {
+    switch (e.status) {
+      case "completed":
+        return /* @__PURE__ */ t(Xe, { className: "mt-0.5 h-5 w-5 shrink-0 text-green-600" });
+      case "failed":
+        return /* @__PURE__ */ t(lt, { 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" });
+    }
+  }, h = $(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__ */ 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: [
+        l(),
+        /* @__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) })
+            ] })
+          ] }),
+          h && /* @__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: d,
+          "aria-label": "Remove notification",
+          children: /* @__PURE__ */ t($e, { 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: Q(e.startedAt, { addSuffix: !0 }) }),
+        e.downloadUrl && /* @__PURE__ */ s(
+          S,
+          {
+            size: "sm",
+            variant: "outline",
+            className: "h-8 bg-transparent",
+            onClick: p,
+            children: [
+              /* @__PURE__ */ t(je, { className: "mr-1.5 h-3.5 w-3.5" }),
+              "Download"
+            ]
+          }
+        )
+      ] }),
+      h && /* @__PURE__ */ s("div", { children: [
+        /* @__PURE__ */ t(He, { 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: Q(e.startedAt, { addSuffix: !0 }) })
+    ] })
+  ] });
+}
+function yt() {
+  const { authToken: e, tokenProps: a } = _(), p = k((f) => f.activeExports), { clearCompleted: d, removeExport: l, updateExport: h } = ae(), [o, c] = L(!1), [u, n] = L(!1), v = Array.from(p.values()).sort(
+    (f, w) => w.startedAt.getTime() - f.startedAt.getTime()
+  ), b = v.some(
+    (f) => f.status === "completed" || f.status === "failed"
+  ), m = M(async () => {
+    const f = a == null ? void 0 : a.apiServiceUrl, w = e == null ? void 0 : e.accessToken;
+    if (!(!f || !w)) {
+      c(!0);
+      try {
+        const E = Array.from(p.values());
+        await Promise.all(
+          E.map(async (C) => {
+            try {
+              const r = await te(f, w, C.id);
+              let i;
+              if (r.status === "completed")
+                try {
+                  i = await j(
+                    f,
+                    w,
+                    C.id
+                  );
+                } catch (g) {
+                  console.error(`Failed to get download URL for ${C.id}:`, g);
+                }
+              h(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 {
+        c(!1);
+      }
+    }
+  }, [
+    p,
+    e == null ? void 0 : e.accessToken,
+    a == null ? void 0 : a.apiServiceUrl,
+    h
+  ]), x = M(async () => {
+    const f = a == null ? void 0 : a.apiServiceUrl, w = e == null ? void 0 : e.accessToken;
+    if (!f || !w) {
+      d();
+      return;
+    }
+    n(!0);
+    try {
+      const E = v.filter(
+        (r) => r.status === "completed" || r.status === "failed"
+      ), C = await Promise.allSettled(
+        E.map(async (r) => (await q(f, w, r.id), r.id))
+      );
+      for (const r of C)
+        r.status === "fulfilled" ? l(r.value) : console.error("Failed to delete export:", r.reason);
+    } finally {
+      n(!1);
+    }
+  }, [
+    v,
+    a == null ? void 0 : a.apiServiceUrl,
+    e == null ? void 0 : e.accessToken,
+    d,
+    l
+  ]), N = M(
+    async (f) => {
+      const w = a == null ? void 0 : a.apiServiceUrl, E = e == null ? void 0 : e.accessToken;
+      if (w && E)
+        try {
+          await q(w, E, f), l(f);
+          return;
+        } catch (C) {
+          console.error(`Failed to cancel export ${f}:`, C);
+        }
+      l(f);
+    },
+    [a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, l]
+  );
+  return v.length === 0 ? /* @__PURE__ */ s("div", { className: "p-6 text-center", children: [
+    /* @__PURE__ */ t(Y, { 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(Y, { 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: m,
+            disabled: o,
+            title: "Refresh status",
+            children: /* @__PURE__ */ t(
+              Ge,
+              {
+                className: `h-4 w-4 ${o ? "animate-spin" : ""}`
+              }
+            )
+          }
+        ),
+        b && /* @__PURE__ */ t(
+          S,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 text-sm",
+            onClick: x,
+            disabled: u,
+            children: u ? "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(
+      wt,
+      {
+        export: f,
+        onRemove: N
+      },
+      f.id
+    )) }) })
+  ] });
+}
+function Pt({
+  variant: e
+}) {
+  const a = k((u) => u.activeExports), p = Ke(), d = a.size > 0, l = Array.from(a.values()).some(
+    (u) => u.status === "completed" || u.status === "failed"
+  ), o = p > 0 ? p > 9 ? "9+" : String(p) : null;
+  return /* @__PURE__ */ s(me, { children: [
+    /* @__PURE__ */ t(pe, { asChild: !0, children: /* @__PURE__ */ s(
+      S,
+      {
+        variant: e ?? "ghost",
+        size: "xs",
+        className: "relative w-7 px-0 text-muted-foreground hover:text-foreground",
+        "aria-label": "Export notifications",
+        children: [
+          /* @__PURE__ */ t(We, { className: "h-3.5 w-3.5" }),
+          d && /* @__PURE__ */ t(
+            "span",
+            {
+              className: `absolute flex items-center justify-center rounded-full bg-primary text-primary-foreground ${o ? "-right-0.5 -top-0.5 h-3.5 min-w-3.5 px-0.5 text-[9px] font-semibold" : "right-1 top-1 h-1.5 w-1.5"}`,
+              children: o
+            }
+          )
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(fe, { className: "w-80 p-0", align: "end", sideOffset: 8, children: /* @__PURE__ */ t(yt, {}) })
+  ] });
+}
+function Nt(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: d = !0,
+  initialMode: l = "manage"
+}) {
+  const h = l === "create", {
+    forceClose: o,
+    handleOpenChange: c,
+    isCreateFlowActive: u,
+    preventPassiveDismissDuringCreate: n,
+    resolvedOpen: v,
+    setIsCreateFlowActive: b
+  } = dt({
+    open: e,
+    onOpenChange: a,
+    initialCreateFlowActive: l === "create",
+    // Dialog mode renders a built-in X close button — allow explicit
+    // closes through `handleOpenChange`. Popover mode has no X; its
+    // only close-via-trigger path is a re-click that would silently
+    // wipe the in-progress create flow, so block everything during
+    // create and make consumers use `forceClose()` from a dedicated
+    // button.
+    dismissMode: d ? "passive" : "explicit-only"
+  }), m = z((A) => A.dashboard), { setDashboardControlsModel: x } = X(), { participants: N } = qe(Je(m)), f = Array.from(
+    new Map(
+      N.flatMap(
+        (A) => A.fieldChoices.map((y) => {
+          var T;
+          return [
+            y.value,
+            {
+              option: y,
+              target: (T = A.fieldTargetMap) == null ? void 0 : T[y.value]
+            }
+          ];
+        })
+      )
+    ).values()
+  ), w = Array.from(
+    new Map(
+      N.flatMap(
+        (A) => A.metricChoices.map((y) => {
+          var T;
+          return [
+            y.value,
+            {
+              option: y,
+              target: (T = A.metricTargetMap) == null ? void 0 : T[y.value]
+            }
+          ];
+        })
+      )
+    ).values()
+  ), E = Qe({
+    ...m || {},
+    controls: []
+  }), C = Ye(m), r = (A, y, T) => {
+    x(
+      A,
+      y,
+      Nt(T)
+    );
+  }, i = M(() => {
+    if (h) {
+      o();
+      return;
+    }
+    b(!1);
+  }, [h, o, b]), g = /* @__PURE__ */ t(
+    ct,
+    {
+      scope: "dashboard",
+      controls: m.controls || [],
+      reservedControlIds: E,
+      defaultValues: m.defaultControlValues || {},
+      usageByControlId: Ze(m),
+      availableFieldChoices: f,
+      availableMetricChoices: w,
+      structuralParticipants: N,
+      structuralParticipantIdsByControlId: C,
+      initialCreateFlow: l === "create",
+      onCreateFlowActiveChange: b,
+      onCreateFlowComplete: i,
+      onChange: r,
+      emptyMessage: "No dashboard controls yet."
+    }
+  ), I = u ? "Add dashboard control" : "Dashboard Controls", D = /* @__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 d ? /* @__PURE__ */ s(me, { open: v, onOpenChange: c, children: [
+    /* @__PURE__ */ t(pe, { asChild: !0, children: p || /* @__PURE__ */ s(S, { variant: "outline", className: "h-7 px-2", size: "sm", children: [
+      /* @__PURE__ */ t(G, { className: "mr-2 h-4 w-4" }),
+      "Controls"
+    ] }) }),
+    /* @__PURE__ */ t(
+      fe,
+      {
+        className: "w-[620px] max-w-[95vw] space-y-4",
+        align: "end",
+        onEscapeKeyDown: n,
+        onPointerDownOutside: n,
+        children: D
+      }
+    )
+  ] }) : /* @__PURE__ */ t(se, { open: v, onOpenChange: c, children: /* @__PURE__ */ s(
+    re,
+    {
+      className: "flex max-h-[88vh] flex-col overflow-hidden sm:max-w-[600px]",
+      onEscapeKeyDown: n,
+      onPointerDownOutside: n,
+      children: [
+        /* @__PURE__ */ s(
+          oe,
+          {
+            className: u ? "space-y-0" : void 0,
+            children: [
+              /* @__PURE__ */ t(ne, { className: "text-[15px]", children: I }),
+              /* @__PURE__ */ t(
+                ie,
+                {
+                  className: u ? "sr-only" : "text-[13px]",
+                  children: u ? "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 Bt({
+  showFilters: e,
+  onToggleFilters: a,
+  onAddFilter: p,
+  onAddControl: d,
+  onManageControls: l,
+  size: h = "default",
+  className: o,
+  primaryButtonClassName: c,
+  secondaryButtonClassName: u,
+  dropdownContentClassName: n
+}) {
+  const v = h === "toolbar";
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: V(
+        "relative inline-flex items-stretch overflow-hidden rounded-[5px] border border-input bg-background",
+        o
+      ),
+      children: [
+        /* @__PURE__ */ s(
+          S,
+          {
+            variant: "ghost",
+            size: "xs",
+            className: V(
+              v ? "h-8" : "h-7",
+              "rounded-none border-0 bg-transparent pl-2.5 pr-2 shadow-none hover:bg-accent/50",
+              c
+            ),
+            onClick: a,
+            children: [
+              e ? /* @__PURE__ */ t(ut, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ t(J, { className: "h-3.5 w-3.5" }),
+              "Filter"
+            ]
+          }
+        ),
+        /* @__PURE__ */ s(de, { children: [
+          /* @__PURE__ */ t(ce, { asChild: !0, children: /* @__PURE__ */ t(
+            S,
+            {
+              variant: "ghost",
+              size: "xs",
+              className: V(
+                v ? "h-8 w-7" : "h-7 w-7",
+                "rounded-none border-0 border-l border-border/60 bg-transparent px-0 shadow-none hover:bg-accent/50",
+                u
+              ),
+              "aria-label": "Filter and control actions",
+              children: /* @__PURE__ */ t(ue, { className: "h-3.5 w-3.5" })
+            }
+          ) }),
+          /* @__PURE__ */ s(
+            he,
+            {
+              align: "start",
+              className: V(
+                "min-w-[180px] rounded-[6px] border border-border/60 p-1 shadow-sm",
+                n
+              ),
+              children: [
+                /* @__PURE__ */ s(U, { onSelect: p, children: [
+                  /* @__PURE__ */ t(J, { className: "h-3.5 w-3.5" }),
+                  "Add filter"
+                ] }),
+                /* @__PURE__ */ s(U, { onSelect: d, children: [
+                  /* @__PURE__ */ t(G, { className: "h-3.5 w-3.5" }),
+                  "Add control"
+                ] }),
+                /* @__PURE__ */ s(U, { onSelect: l, children: [
+                  /* @__PURE__ */ t(et, { className: "h-3.5 w-3.5" }),
+                  "Manage controls"
+                ] })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+export {
+  Ut as A,
+  zt as D,
+  yt as E,
+  Pt as N,
+  Vt as U,
+  kt as V,
+  wt as a,
+  Tt as b,
+  Bt as c,
+  Mt as d,
+  Ft as u
+};