react-semaphor 0.1.281 → 0.1.283

package/dist/chunks/{dashboard-filter-controls-button-zj4HH2IS.js → dashboard-filter-controls-button-zeiatmo1.js}

@@ -1,8 +1,8 @@
 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 H, aD as te, bE as Ce, e as ae, f as se, g as re, h as oe, i as ne, L as G, I as we, d6 as ye, v as xe, B as I, w as j, U as R, J as De, u as B, K as Ne, N as X, d7 as Ae, d8 as K, x as P, b_ as ie, af as Se, c as L, cA as le, cB as de, a6 as ce, cD as ue, cE as M, s as Ee, cI as Ie, cr as Le, M as Fe, d9 as Te, da as ke, db as Ue, cQ as Me, cR as Ve, cS as Pe, cT as Be, cU as Oe, cV as ze, cW as Re, as as $e, bL as _e, X as He, dc as je, dd as Xe, cw as Ge, bH as W, a8 as Ke, aF as We, P as he, k as me, de as qe, l as pe, df as Je, dg as Qe, dh as Ye, di as Ze, dj as et, dk as fe, dl as q, dm as tt } from "./index-CsX3UmQg.js";
+import { bM as Z, b as $, aC as U, bJ as _, bF as ee, bG as H, aD as te, bE as Ce, e as ae, f as se, g as re, h as oe, i as ne, L as G, I as we, d8 as ye, v as xe, B as I, w as j, 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 He, de as je, df as Xe, cz as Ge, bH as W, a8 as Ke, aF as We, P as he, k 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-B7kUtCgG.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-BjV5Q6Lb.js";
-import { u as ve } from "./use-visual-utils-C7wVd3rs.js";
+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-VwKDgVAy.js";
+import { u as ve } from "./use-visual-utils-CBocWNV1.js";
 import { k as J } from "./date-formatter-vkCj9Ct-.js";
 /**
  * @license lucide-react v0.453.0 - ISC
@@ -10,7 +10,7 @@ import { k as J } from "./date-formatter-vkCj9Ct-.js";
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Q = Z("FileDown", [
+const Y = Z("FileDown", [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }],
@@ -26,13 +26,13 @@ const ht = Z("FilterX", [
   ["path", { d: "M13.013 3H2l8 9.46V19l4 2v-8.54l.9-1.055", key: "1fi1da" }],
   ["path", { d: "m22 3-5 5", key: "12jva0" }],
   ["path", { d: "m17 3 5 5", key: "k36vhe" }]
-]), mt = 1e4, pt = 15e3, ft = 3e4, vt = 3e4, gt = 12e4, Y = 2 * 60 * 60 * 1e3;
+]), mt = 1e4, pt = 15e3, ft = 3e4, vt = 3e4, gt = 12e4, Q = 2 * 60 * 60 * 1e3;
 function bt(e) {
   const a = Date.now() - e.getTime();
   return a < vt ? mt : a < gt ? pt : ft;
 }
 function Tt() {
-  const { authToken: e, tokenProps: a } = $(), p = U((m) => m.activeExports), [c, d] = F(
+  const { authToken: e, tokenProps: a } = $(), p = U((m) => m.activeExports), [d, c] = F(
     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;
@@ -43,7 +43,7 @@ function Tt() {
   T(() => {
     if (typeof document > "u") return;
     const m = () => {
-      d(!document.hidden);
+      c(!document.hidden);
     };
     return document.addEventListener("visibilitychange", m), () => {
       document.removeEventListener("visibilitychange", m);
@@ -59,12 +59,12 @@ function Tt() {
       n.current = !1;
       return;
     }
-    const C = Date.now(), D = m.filter(
-      (r) => C - r.startedAt.getTime() > Y
+    const C = Date.now(), N = m.filter(
+      (r) => C - r.startedAt.getTime() > Q
     );
-    if (D.length > 0) {
+    if (N.length > 0) {
       const { updateExport: r } = U.getState().actions;
-      for (const i of D)
+      for (const i of N)
         r(i.id, {
           status: "failed",
           error: "Export timed out. Please try again or contact support.",
@@ -72,7 +72,7 @@ function Tt() {
         });
     }
     const f = m.filter(
-      (r) => C - r.startedAt.getTime() <= Y
+      (r) => C - r.startedAt.getTime() <= Q
     );
     if (f.length === 0) {
       n.current = !1;
@@ -130,25 +130,25 @@ function Tt() {
     l.current = b;
   }, [b]), T(() => {
     var C;
-    v().length > 0 && c && !n.current && (n.current = !0, (C = l.current) == null || C.call(l));
-  }, [p, c, v]), T(() => {
+    v().length > 0 && d && !n.current && (n.current = !0, (C = l.current) == null || C.call(l));
+  }, [p, d, v]), T(() => {
     var C;
     const m = v();
-    c && m.length > 0 && !n.current && (n.current = !0, (C = l.current) == null || C.call(l));
-  }, [c, v]), T(() => {
-    !c && u.current && (clearTimeout(u.current), u.current = null, n.current = !1);
-  }, [c]), T(() => () => {
+    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);
   }, []), {
     isPolling: n.current,
-    isTabVisible: c,
+    isTabVisible: d,
     inProgressCount: v().length
   };
 }
 function kt() {
-  const { authToken: e, tokenProps: a } = $(), p = U((l) => l.activeExports), { addExport: c } = te(), d = z(!1), u = a == null ? void 0 : a.apiServiceUrl, n = e == null ? void 0 : e.accessToken;
+  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 (d.current || !u || !n) return;
+    if (c.current || !u || !n) return;
     (async () => {
       try {
         const { exports: h } = await Ce(u, n, {
@@ -185,14 +185,14 @@ function kt() {
             expiresAt: new Date(o.expiresAt),
             downloadUrl: b
           };
-          c(m);
+          d(m);
         }
-        d.current = !0;
+        c.current = !0;
       } catch (h) {
-        console.error("[useExportRecovery] Failed to recover exports:", h), d.current = !0;
+        console.error("[useExportRecovery] Failed to recover exports:", h), c.current = !0;
       }
     })();
-  }, [u, n, c, p]);
+  }, [u, n, d, p]);
 }
 function Ct(e) {
   return e.title ? e.title : _(
@@ -203,19 +203,19 @@ function wt({
   open: e,
   onOpenChange: a,
   isLibraryVisual: p,
-  currentVisualName: c,
-  isSaving: d = !1,
+  currentVisualName: d,
+  isSaving: c = !1,
   destinationMode: u = "both",
   onConfirm: n
 }) {
   const [l, h] = F(
-    p && c ? `Copy of ${c}` : c || ""
+    p && d ? `Copy of ${d}` : d || ""
   ), [o, v] = F("");
   ge.useEffect(() => {
     e && (h(
-      p && c ? `Copy of ${c}` : c || ""
+      p && d ? `Copy of ${d}` : d || ""
     ), v(""));
-  }, [e, p, c]);
+  }, [e, p, d]);
   const b = !!l.trim(), m = u === "local" ? {
     saveToLibrary: !1,
     saveToCurrentDashboard: !0,
@@ -235,7 +235,7 @@ function wt({
     description: "Creates a new library visual and adds a linked copy to this dashboard.",
     actionLabel: "Save Copy as Linked Visual"
   }, C = () => {
-    !b || d || n({
+    !b || c || n({
       name: l.trim(),
       description: o.trim() || void 0,
       saveToLibrary: m.saveToLibrary,
@@ -265,9 +265,9 @@ function wt({
           {
             id: "name",
             value: l,
-            onChange: (D) => h(D.target.value),
+            onChange: (N) => h(N.target.value),
             placeholder: "Enter visual name",
-            disabled: d
+            disabled: c
           }
         )
       ] }),
@@ -278,10 +278,10 @@ function wt({
           {
             id: "description",
             value: o,
-            onChange: (D) => v(D.target.value),
+            onChange: (N) => v(N.target.value),
             placeholder: "Enter visual description",
             rows: 3,
-            disabled: d
+            disabled: c
           }
         )
       ] })
@@ -292,33 +292,33 @@ function wt({
         {
           variant: "outline",
           onClick: () => a(!1),
-          disabled: d,
+          disabled: c,
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ s(I, { onClick: C, disabled: !b || d, children: [
-        d && /* @__PURE__ */ t(j, { className: "mr-2 h-4 w-4 animate-spin" }),
+      /* @__PURE__ */ s(I, { onClick: C, disabled: !b || c, children: [
+        c && /* @__PURE__ */ t(j, { className: "mr-2 h-4 w-4 animate-spin" }),
         m.actionLabel
       ] })
     ] })
   ] }) });
 }
 function yt() {
-  const [e, a] = F(!1), [p, c] = F(!1), [d, u] = F(null), n = R((i) => i.frame), l = R((i) => i.card), h = De(), o = B((i) => i.selectedSheetId), v = B(
+  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(
     (i) => i.actions.setIsDashboardPanelOpen
-  ), { getUpdatedFrame: b } = ve(), { selectVisual: m } = Ne(), { addFrame: C, setSelectedFrameId: D, setIsVisualEditing: f } = X(), y = !!(n != null && n.visualId), S = (() => {
+  ), { getUpdatedFrame: b } = ve(), { selectVisual: m } = De(), { addFrame: C, setSelectedFrameId: N, setIsVisualEditing: f } = X(), y = !!(n != null && n.visualId), S = (() => {
     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) => {
     if (i != null && i.id) {
-      if (m(i), p && d && o) {
+      if (m(i), p && c && o) {
         const g = {
-          ...d,
+          ...c,
           id: K(),
           visualId: i.id
           // Link to the newly created library visual
         };
-        C(o, g, "end"), D(g.id), c(!1), u(null), f(!1);
+        C(o, g, "end"), N(g.id), d(!1), u(null), f(!1);
       }
       v(!0), a(!1);
     }
@@ -345,7 +345,7 @@ function yt() {
         }))
       } : g;
       if (i.saveToLibrary) {
-        c(i.saveToCurrentDashboard), u(A);
+        d(i.saveToCurrentDashboard), u(A);
         const x = {
           title: i.name,
           description: i.description,
@@ -362,7 +362,7 @@ function yt() {
           visualId: void 0
           // Explicitly no visualId for local visuals
         };
-        C(o, x, "end"), D(x.id), P.success("Visual saved to dashboard"), a(!1), f(!1);
+        C(o, x, "end"), N(x.id), P.success("Visual saved to dashboard"), a(!1), f(!1);
       }
     },
     isLibraryVisual: y,
@@ -373,34 +373,34 @@ function yt() {
 function Ut({
   className: e
 }) {
-  const a = R((N) => N.frame), p = Se((N) => N.selectedVisual), c = B((N) => N.selectedFrameId), d = B((N) => N.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 && c), C = b && !m, {
-    saveAsDialogOpen: D,
+  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, {
+    saveAsDialogOpen: N,
     setSaveAsDialogOpen: f,
     handleSaveAs: y,
     isLibraryVisual: S,
     currentVisualName: w,
     isSaving: r
   } = yt(), { getUpdatedFrame: i } = ve(), g = () => {
-    if (!d) {
+    if (!c) {
       P.error("No sheet selected");
       return;
     }
     if (l) return;
     h(!0);
-    const N = i(), A = ie(N);
+    const D = i(), A = ie(D);
     if (A) {
       h(!1), P.error(A);
       return;
     }
     const x = {
-      ...N,
+      ...D,
       visualId: void 0
     };
-    n(d, x), setTimeout(() => {
+    n(c, x), setTimeout(() => {
       h(!1), P.success("Changes applied. Visual is now local to this dashboard"), u(!1);
     }, 300);
-  }, E = (N) => {
-    v(N), f(!0);
+  }, E = (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: [
@@ -494,9 +494,9 @@ function Ut({
     /* @__PURE__ */ t(
       wt,
       {
-        open: D,
-        onOpenChange: (N) => {
-          r || f(N);
+        open: N,
+        onOpenChange: (D) => {
+          r || f(D);
         },
         isLibraryVisual: S,
         currentVisualName: w,
@@ -512,14 +512,14 @@ function Mt({
   //labelClassName,
   switchClassName: a
 }) {
-  const p = R((l) => l.isDevMode), c = B((l) => l.isVisualEditing), { setIsDevMode: d } = Fe(), { config: u } = be(Te).tokenProps, n = (u == null ? void 0 : u.showAdvancedMode) !== !1;
-  return !c || !n ? null : /* @__PURE__ */ s("div", { className: L("flex items-center space-x-2", e), children: [
+  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: () => d(!p),
+        onCheckedChange: () => c(!p),
         id: "advanced-mode",
         icon: /* @__PURE__ */ t(Ue, { className: "h-4 w-4" }),
         tooltip: "Advanced Mode"
@@ -532,8 +532,8 @@ function Vt({
   open: e,
   onOpenChange: a,
   onSave: p,
-  onDiscard: c,
-  isSaving: d,
+  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",
@@ -541,36 +541,36 @@ function Vt({
   saveLabel: o = "Save"
 }) {
   return /* @__PURE__ */ t(Me, { open: e, onOpenChange: (b) => {
-    !b && d || a(b);
+    !b && c || a(b);
   }, children: /* @__PURE__ */ s(Ve, { children: [
     /* @__PURE__ */ s(Pe, { children: [
       /* @__PURE__ */ t(Be, { children: u }),
       /* @__PURE__ */ t(Oe, { children: n })
     ] }),
     /* @__PURE__ */ s(ze, { children: [
-      /* @__PURE__ */ t(Re, { disabled: d, children: l }),
+      /* @__PURE__ */ t(Re, { disabled: c, children: l }),
       /* @__PURE__ */ t(
         I,
         {
           type: "button",
-          onClick: c,
-          disabled: d,
+          onClick: d,
+          disabled: c,
           variant: "destructive",
           className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
           children: h
         }
       ),
-      /* @__PURE__ */ t(I, { type: "button", onClick: p, disabled: d, children: d ? /* @__PURE__ */ s(O, { children: [
+      /* @__PURE__ */ t(I, { type: "button", onClick: p, disabled: c, children: c ? /* @__PURE__ */ s(O, { children: [
         /* @__PURE__ */ t(j, { className: "mr-2 h-4 w-4 animate-spin" }),
         "Saving..."
       ] }) : o })
     ] })
   ] }) });
 }
-function Pt(e, a, p, c) {
+function Pt(e, a, p, d) {
   T(() => {
-    e && !p && a && c($e(a));
-  }, [e, p, a, c]);
+    e && !p && a && d($e(a));
+  }, [e, p, a, d]);
 }
 function xt({
   export: e,
@@ -578,9 +578,9 @@ function xt({
 }) {
   const p = () => {
     e.downloadUrl && window.open(e.downloadUrl, "_blank");
-  }, c = (l) => {
+  }, d = (l) => {
     l.stopPropagation(), a == null || a(e.id);
-  }, d = () => {
+  }, c = () => {
     switch (e.status) {
       case "completed":
         return /* @__PURE__ */ t(Ge, { className: "mt-0.5 h-5 w-5 shrink-0 text-green-600" });
@@ -606,7 +606,7 @@ function xt({
   return /* @__PURE__ */ s("div", { className: "group p-4 transition-colors hover:bg-muted/50", children: [
     /* @__PURE__ */ s("div", { className: "mb-2 flex items-start justify-between gap-3", children: [
       /* @__PURE__ */ s("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
-        d(),
+        c(),
         /* @__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: [
@@ -629,7 +629,7 @@ function xt({
           variant: "ghost",
           size: "icon",
           className: "h-6 w-6 shrink-0 opacity-0 transition-opacity group-hover:opacity-100",
-          onClick: c,
+          onClick: d,
           "aria-label": "Remove notification",
           children: /* @__PURE__ */ t(He, { className: "h-4 w-4" })
         }
@@ -663,8 +663,8 @@ function xt({
     ] })
   ] });
 }
-function Dt() {
-  const { authToken: e, tokenProps: a } = $(), p = U((f) => f.activeExports), { clearCompleted: c, removeExport: d, updateExport: u } = te(), [n, l] = F(!1), [h, o] = F(!1), v = Array.from(p.values()).sort(
+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, y) => y.startedAt.getTime() - f.startedAt.getTime()
   ), b = v.some(
     (f) => f.status === "completed" || f.status === "failed"
@@ -716,7 +716,7 @@ function Dt() {
   ]), C = V(async () => {
     const f = a == null ? void 0 : a.apiServiceUrl, y = e == null ? void 0 : e.accessToken;
     if (!f || !y) {
-      c();
+      d();
       return;
     }
     o(!0);
@@ -727,7 +727,7 @@ function Dt() {
         S.map(async (r) => (await W(f, y, r.id), r.id))
       );
       for (const r of w)
-        r.status === "fulfilled" ? d(r.value) : console.error("Failed to delete export:", r.reason);
+        r.status === "fulfilled" ? c(r.value) : console.error("Failed to delete export:", r.reason);
     } finally {
       o(!1);
     }
@@ -735,30 +735,30 @@ function Dt() {
     v,
     a == null ? void 0 : a.apiServiceUrl,
     e == null ? void 0 : e.accessToken,
-    c,
-    d
-  ]), D = V(
+    d,
+    c
+  ]), N = V(
     async (f) => {
       const y = a == null ? void 0 : a.apiServiceUrl, S = e == null ? void 0 : e.accessToken;
       if (y && S)
         try {
-          await W(y, S, f), d(f);
+          await W(y, S, f), c(f);
           return;
         } catch (w) {
           console.error(`Failed to cancel export ${f}:`, w);
         }
-      d(f);
+      c(f);
     },
-    [a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, d]
+    [a == null ? void 0 : a.apiServiceUrl, e == null ? void 0 : e.accessToken, c]
   );
   return v.length === 0 ? /* @__PURE__ */ s("div", { className: "p-6 text-center", children: [
-    /* @__PURE__ */ t(Q, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }),
+    /* @__PURE__ */ t(Y, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }),
     /* @__PURE__ */ t("p", { className: "text-sm text-muted-foreground", children: "No active exports" }),
     /* @__PURE__ */ t("p", { className: "mt-1 text-xs text-muted-foreground", children: "Large exports will appear here" })
   ] }) : /* @__PURE__ */ s("div", { className: "flex flex-col", children: [
     /* @__PURE__ */ s("div", { className: "flex items-center justify-between border-b px-4 py-3", children: [
       /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ t(Q, { className: "h-5 w-5 text-muted-foreground" }),
+        /* @__PURE__ */ t(Y, { className: "h-5 w-5 text-muted-foreground" }),
         /* @__PURE__ */ t("h4", { className: "font-semibold", children: "Exports" })
       ] }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1", children: [
@@ -796,7 +796,7 @@ function Dt() {
       xt,
       {
         export: f,
-        onRemove: D
+        onRemove: N
       },
       f.id
     )) }) })
@@ -805,7 +805,7 @@ function Dt() {
 function Bt({
   variant: e
 }) {
-  const a = U((h) => h.activeExports), p = We(), c = a.size > 0, d = Array.from(a.values()).some(
+  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: [
@@ -818,7 +818,7 @@ function Bt({
         "aria-label": "Export notifications",
         children: [
           /* @__PURE__ */ t(qe, { className: "h-4 w-4" }),
-          c && /* @__PURE__ */ t(
+          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"}`,
@@ -828,10 +828,10 @@ function Bt({
         ]
       }
     ) }),
-    /* @__PURE__ */ t(pe, { className: "w-80 p-0", align: "end", sideOffset: 8, children: /* @__PURE__ */ t(Dt, {}) })
+    /* @__PURE__ */ t(pe, { className: "w-80 p-0", align: "end", sideOffset: 8, children: /* @__PURE__ */ t(Nt, {}) })
   ] });
 }
-function Nt(e) {
+function Dt(e) {
   if (e)
     return {
       renamed: e.type === "rename" ? { oldId: e.oldId, newId: e.newId } : void 0,
@@ -844,10 +844,10 @@ function Ot({
   open: e,
   onOpenChange: a,
   trigger: p,
-  showTrigger: c = !0,
-  initialMode: d = "manage"
+  showTrigger: d = !0,
+  initialMode: c = "manage"
 }) {
-  const u = d === "create", {
+  const u = c === "create", {
     forceClose: n,
     handleOpenChange: l,
     isCreateFlowActive: h,
@@ -857,10 +857,17 @@ function Ot({
   } = ct({
     open: e,
     onOpenChange: a,
-    initialCreateFlowActive: d === "create"
-  }), m = B((A) => A.dashboard), { setDashboardControlsModel: C } = X(), { participants: D } = Je(Qe(m)), f = Array.from(
+    initialCreateFlowActive: c === "create",
+    // Dialog mode renders a built-in X close button — allow explicit
+    // closes through `handleOpenChange`. Popover mode has no X; its
+    // only close-via-trigger path is a re-click that would silently
+    // wipe the in-progress create flow, so block everything during
+    // create and make consumers use `forceClose()` from a dedicated
+    // button.
+    dismissMode: d ? "passive" : "explicit-only"
+  }), m = B((A) => A.dashboard), { setDashboardControlsModel: C } = X(), { participants: N } = Je(Ye(m)), f = Array.from(
     new Map(
-      D.flatMap(
+      N.flatMap(
         (A) => A.fieldChoices.map((x) => {
           var k;
           return [
@@ -875,7 +882,7 @@ function Ot({
     ).values()
   ), y = Array.from(
     new Map(
-      D.flatMap(
+      N.flatMap(
         (A) => A.metricChoices.map((x) => {
           var k;
           return [
@@ -888,14 +895,14 @@ function Ot({
         })
       )
     ).values()
-  ), S = Ye({
+  ), S = Qe({
     ...m || {},
     controls: []
   }), w = Ze(m), r = (A, x, k) => {
     C(
       A,
       x,
-      Nt(k)
+      Dt(k)
     );
   }, i = V(() => {
     if (u) {
@@ -913,22 +920,22 @@ function Ot({
       usageByControlId: et(m),
       availableFieldChoices: f,
       availableMetricChoices: y,
-      structuralParticipants: D,
+      structuralParticipants: N,
       structuralParticipantIdsByControlId: w,
-      initialCreateFlow: d === "create",
+      initialCreateFlow: c === "create",
       onCreateFlowActiveChange: b,
       onCreateFlowComplete: i,
       onChange: r,
       emptyMessage: "No dashboard controls yet."
     }
-  ), E = h ? "Add dashboard control" : "Dashboard Controls", N = /* @__PURE__ */ s(O, { children: [
+  ), E = h ? "Add dashboard control" : "Dashboard Controls", D = /* @__PURE__ */ s(O, { children: [
     /* @__PURE__ */ s("div", { className: "space-y-1", children: [
       /* @__PURE__ */ t("h4", { className: "text-sm font-medium", children: "Dashboard Controls" }),
       /* @__PURE__ */ t("p", { className: "text-xs text-muted-foreground", children: "Add shared controls viewers can use across the dashboard. Each card can decide how to respond to the same control." })
     ] }),
     g
   ] });
-  return c ? /* @__PURE__ */ s(he, { open: v, onOpenChange: l, children: [
+  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" }),
       "Controls"
@@ -940,14 +947,13 @@ function Ot({
         align: "end",
         onEscapeKeyDown: o,
         onPointerDownOutside: o,
-        children: N
+        children: D
       }
     )
   ] }) : /* @__PURE__ */ t(ae, { open: v, onOpenChange: l, children: /* @__PURE__ */ s(
     se,
     {
-      className: "flex max-h-[88vh] max-w-[980px] flex-col overflow-hidden",
-      showCloseButton: !h,
+      className: "flex max-h-[88vh] flex-col overflow-hidden sm:max-w-[600px]",
       onEscapeKeyDown: o,
       onPointerDownOutside: o,
       children: [
@@ -956,8 +962,14 @@ function Ot({
           {
             className: h ? "space-y-0" : void 0,
             children: [
-              /* @__PURE__ */ t(oe, { children: E }),
-              /* @__PURE__ */ t(ne, { className: h ? "sr-only" : void 0, 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." })
+              /* @__PURE__ */ t(oe, { className: "text-[15px]", children: E }),
+              /* @__PURE__ */ t(
+                ne,
+                {
+                  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."
+                }
+              )
             ]
           }
         ),
@@ -970,8 +982,8 @@ function zt({
   showFilters: e,
   onToggleFilters: a,
   onAddFilter: p,
-  onAddControl: c,
-  onManageControls: d,
+  onAddControl: d,
+  onManageControls: c,
   size: u = "default",
   className: n,
   primaryButtonClassName: l,
@@ -1029,11 +1041,11 @@ function zt({
                   /* @__PURE__ */ t(q, { className: "mr-2 h-4 w-4" }),
                   "Add filter"
                 ] }),
-                /* @__PURE__ */ s(M, { onSelect: c, children: [
+                /* @__PURE__ */ s(M, { onSelect: d, children: [
                   /* @__PURE__ */ t(fe, { className: "mr-2 h-4 w-4" }),
                   "Add control"
                 ] }),
-                /* @__PURE__ */ s(M, { onSelect: d, children: [
+                /* @__PURE__ */ s(M, { onSelect: c, children: [
                   /* @__PURE__ */ t(tt, { className: "mr-2 h-4 w-4" }),
                   "Manage controls"
                 ] })
@@ -1048,7 +1060,7 @@ function zt({
 export {
   Mt as A,
   Ot as D,
-  Dt as E,
+  Nt as E,
   Bt as N,
   Vt as U,
   Ut as V,

package/dist/chunks/{dashboard-json-BcdeYcFr.js → dashboard-json-DK_hQ4vs.js}

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { u as s, c as l, B as h, X as d, d as c } from "./index-CsX3UmQg.js";
+import { u as s, c as l, B as h, X as d, d as c } from "./index-B7kUtCgG.js";
 import "react";
 import "react-dom";
 function N() {