react-semaphor 0.1.285 → 0.1.286

package/dist/chunks/{dashboard-filter-controls-button-BqmNXVoa.js → dashboard-filter-controls-button-BBM66Kjx.js}

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