react-semaphor 0.1.292 → 0.1.294

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

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