react-semaphor 0.1.282 → 0.1.283

package/dist/chunks/{dashboard-filter-controls-button-DVLBLHga.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 Q, 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, da 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, db as Ae, dc as q, x as P, b_ as ie, af as Se, c as L, cE as le, cF as de, a6 as ce, cH as ue, cI as M, s as Ee, cM as Ie, cu as Le, M as Fe, dd as Te, de as ke, df as Ue, cU as Me, cV as Ve, cW as Pe, cX as Be, cY as Oe, cZ as ze, c_ as Re, as as _e, bL as $e, X as He, dg as je, dh as Xe, cA as Ge, bH as K, a8 as qe, aF as Ke, P as he, k as me, di as We, l as pe, dj as Je, dk as Ye, dl as Ze, dm as Qe, dn as et, dp as fe, dq as W, dr as tt } from "./index-Bgn4zTsp.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-COsIHnQp.js";
-import { u as ve } from "./use-visual-utils-BCWNcaWk.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 Y = Q("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" }],
@@ -22,28 +22,28 @@ const Y = Q("FileDown", [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const ht = Q("FilterX", [
+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, Z = 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;
     return Array.from(m.values()).filter(
-      (C) => $(C.status)
+      (C) => _(C.status)
     );
   }, []);
   T(() => {
     if (typeof document > "u") return;
     const m = () => {
-      d(!document.hidden);
+      c(!document.hidden);
     };
     return document.addEventListener("visibilitychange", m), () => {
       document.removeEventListener("visibilitychange", m);
@@ -60,7 +60,7 @@ function Tt() {
       return;
     }
     const C = Date.now(), N = m.filter(
-      (r) => C - r.startedAt.getTime() > Z
+      (r) => C - r.startedAt.getTime() > Q
     );
     if (N.length > 0) {
       const { updateExport: r } = U.getState().actions;
@@ -72,7 +72,7 @@ function Tt() {
         });
     }
     const f = m.filter(
-      (r) => C - r.startedAt.getTime() <= Z
+      (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,17 +185,17 @@ 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 : $(
+  return e.title ? e.title : _(
     e.status
   ) ? "Export in progress..." : e.status === "completed" ? "Export completed" : e.status === "failed" ? "Export failed" : "Export";
 }
@@ -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,
@@ -267,7 +267,7 @@ function wt({
             value: l,
             onChange: (N) => h(N.target.value),
             placeholder: "Enter visual name",
-            disabled: d
+            disabled: c
           }
         )
       ] }),
@@ -281,7 +281,7 @@ function wt({
             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 = Ne(), 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 } = 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,
-          id: q(),
+          ...c,
+          id: K(),
           visualId: i.id
           // Link to the newly created library visual
         };
-        C(o, g, "end"), N(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,
@@ -358,7 +358,7 @@ function yt() {
         const x = {
           ...A,
           // Card title already synced
-          id: q(),
+          id: K(),
           visualId: void 0
           // Explicitly no visualId for local visuals
         };
@@ -373,7 +373,7 @@ function yt() {
 function Ut({
   className: e
 }) {
-  const a = R((D) => D.frame), p = Se((D) => D.selectedVisual), c = B((D) => D.selectedFrameId), d = 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 && c), C = b && !m, {
+  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,
@@ -381,7 +381,7 @@ function Ut({
     currentVisualName: w,
     isSaving: r
   } = yt(), { getUpdatedFrame: i } = ve(), g = () => {
-    if (!d) {
+    if (!c) {
       P.error("No sheet selected");
       return;
     }
@@ -396,7 +396,7 @@ function Ut({
       ...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 = (D) => {
@@ -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" });
@@ -589,7 +589,7 @@ function xt({
       default:
         return /* @__PURE__ */ t(j, { className: "text-foreground-muted mt-0.5 h-5 w-5 shrink-0 animate-spin" });
     }
-  }, u = $(e.status), n = (() => {
+  }, u = _(e.status), n = (() => {
     switch (e.status) {
       case "pending":
         return "Queued...";
@@ -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: [
@@ -616,7 +616,7 @@ function xt({
             ] }),
             e.fileSize && /* @__PURE__ */ s(O, { children: [
               /* @__PURE__ */ t("span", { children: "•" }),
-              /* @__PURE__ */ t("span", { children: $e(e.fileSize) })
+              /* @__PURE__ */ t("span", { children: _e(e.fileSize) })
             ] })
           ] }),
           u && /* @__PURE__ */ t("div", { className: "text-xs text-muted-foreground", children: n }),
@@ -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" })
         }
@@ -664,7 +664,7 @@ function xt({
   ] });
 }
 function Nt() {
-  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(
+  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 Nt() {
   ]), 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);
@@ -724,10 +724,10 @@ function Nt() {
       const S = v.filter(
         (r) => r.status === "completed" || r.status === "failed"
       ), w = await Promise.allSettled(
-        S.map(async (r) => (await K(f, y, r.id), r.id))
+        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,21 +735,21 @@ function Nt() {
     v,
     a == null ? void 0 : a.apiServiceUrl,
     e == null ? void 0 : e.accessToken,
-    c,
-    d
+    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 K(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(Y, { className: "mx-auto mb-2 h-8 w-8 text-muted-foreground" }),
@@ -772,7 +772,7 @@ function Nt() {
             disabled: n,
             title: "Refresh status",
             children: /* @__PURE__ */ t(
-              qe,
+              Ke,
               {
                 className: `h-4 w-4 ${n ? "animate-spin" : ""}`
               }
@@ -805,7 +805,7 @@ function Nt() {
 function Bt({
   variant: e
 }) {
-  const a = U((h) => h.activeExports), p = Ke(), 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: [
@@ -817,8 +817,8 @@ function Bt({
         className: "relative h-8 w-8",
         "aria-label": "Export notifications",
         children: [
-          /* @__PURE__ */ t(We, { className: "h-4 w-4" }),
-          c && /* @__PURE__ */ t(
+          /* @__PURE__ */ t(qe, { className: "h-4 w-4" }),
+          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"}`,
@@ -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,7 +857,14 @@ function Ot({
   } = ct({
     open: e,
     onOpenChange: a,
-    initialCreateFlowActive: d === "create"
+    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(
       N.flatMap(
@@ -888,10 +895,10 @@ function Ot({
         })
       )
     ).values()
-  ), S = Ze({
+  ), S = Qe({
     ...m || {},
     controls: []
-  }), w = Qe(m), r = (A, x, k) => {
+  }), w = Ze(m), r = (A, x, k) => {
     C(
       A,
       x,
@@ -915,7 +922,7 @@ function Ot({
       availableMetricChoices: y,
       structuralParticipants: N,
       structuralParticipantIdsByControlId: w,
-      initialCreateFlow: d === "create",
+      initialCreateFlow: c === "create",
       onCreateFlowActiveChange: b,
       onCreateFlowComplete: i,
       onChange: r,
@@ -928,7 +935,7 @@ function Ot({
     ] }),
     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"
@@ -946,8 +953,7 @@ function Ot({
   ] }) : /* @__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,
@@ -999,7 +1011,7 @@ function zt({
             onClick: a,
             size: "sm",
             children: [
-              e ? /* @__PURE__ */ t(ht, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ t(W, { className: "mr-2 h-4 w-4" }),
+              e ? /* @__PURE__ */ t(ht, { className: "mr-2 h-4 w-4" }) : /* @__PURE__ */ t(q, { className: "mr-2 h-4 w-4" }),
               "Filter"
             ]
           }
@@ -1026,14 +1038,14 @@ function zt({
               className: L("rounded-xl border border-border/60 p-1 shadow-sm", o),
               children: [
                 /* @__PURE__ */ s(M, { onSelect: p, children: [
-                  /* @__PURE__ */ t(W, { className: "mr-2 h-4 w-4" }),
+                  /* @__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"
                 ] })

package/dist/chunks/{dashboard-json-Dd9Q2bZm.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-Bgn4zTsp.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() {

package/dist/chunks/{dashboard-json-CexNQg-E.js → dashboard-json-DyJBSpIU.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-BY0YEY92.js");require("react");require("react-dom");function i(){const o=a.useDashboardStore(e=>e.dashboard),r=a.useDashboardStore(e=>e.actions.setDashboard),t=a.useDashboardStore(e=>e.showDashboardJSON),n=a.useDashboardStore(e=>e.actions.setShowDashboardJSON);return s.jsxs("div",{className:a.cn("relative p-2",{hidden:!t}),children:[s.jsxs(a.Button,{variant:"secondary",size:"sm",className:"absolute right-2 top-2 z-10 h-8",onClick:()=>n(!1),children:[s.jsx(a.X,{className:"mr-2 h-4 w-4"}),"Close"]}),s.jsx(a.de,{onChange:e=>{if(e)try{JSON.parse(e),r(JSON.parse(e))}catch{}},defaultLanguage:"json",className:"h-[550px] overflow-y-auto",value:JSON.stringify(o,null,2),options:{minimap:{enabled:!1},glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})]})}exports.default=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-BHWWNpG6.js");require("react");require("react-dom");function i(){const o=a.useDashboardStore(e=>e.dashboard),r=a.useDashboardStore(e=>e.actions.setDashboard),t=a.useDashboardStore(e=>e.showDashboardJSON),n=a.useDashboardStore(e=>e.actions.setShowDashboardJSON);return s.jsxs("div",{className:a.cn("relative p-2",{hidden:!t}),children:[s.jsxs(a.Button,{variant:"secondary",size:"sm",className:"absolute right-2 top-2 z-10 h-8",onClick:()=>n(!1),children:[s.jsx(a.X,{className:"mr-2 h-4 w-4"}),"Close"]}),s.jsx(a.de,{onChange:e=>{if(e)try{JSON.parse(e),r(JSON.parse(e))}catch{}},defaultLanguage:"json",className:"h-[550px] overflow-y-auto",value:JSON.stringify(o,null,2),options:{minimap:{enabled:!1},glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})]})}exports.default=i;