react-semaphor 0.1.98 → 0.1.100

package/dist/chunks/{schedule-dashboard-CGKeVpPU.js → schedule-dashboard-CfeYnMXp.js}

@@ -1,8 +1,8 @@
-import { jsx as e, jsxs as l, Fragment as E } from "react/jsx-runtime";
-import { b as W, ao as _, ap as $, aq as G, ar as J, as as K, at as M, au as R, av as X, aw as T, ax as Q, B as y, ac as Y, aa as k, ae as Z, u as b, ak as ee, a8 as q, ay as ae, am as B, ah as x, az as se, aA as te, c as w, aB as O, aC as P, aD as z, aE as L, aF as j, ab as ne, aG as de, aH as le, aI as ie, I as re, aJ as oe, aK as ce } from "./index-DNQRM5V-.js";
-import { E as he, V as ue, a as me, b as ve, S as U, c as pe } from "./editor-action-buttons-B_i5UaKQ.js";
-import fe, { useState as D, useContext as be } from "react";
-import { a as H } from "./use-visual-utils-B1-TK4CN.js";
+import { jsx as e, jsxs as r, Fragment as E } from "react/jsx-runtime";
+import { b as W, ao as _, ap as $, aq as G, ar as J, as as K, at as M, au as R, av as X, aw as T, ax as Q, B as k, ac as Y, aa as N, ae as Z, u as g, ak as ee, a8 as q, ay as ae, az as B, ah as w, aA as se, aB as te, c as y, aC as O, aD as P, aE as L, aF as z, aG as j, ab as ne, aH as de, aI as le, aJ as re, I as ie, aK as oe, aL as ce } from "./index-f2IZ7tlh.js";
+import { E as he, V as ue, a as me, b as ve, S as U, c as pe } from "./editor-action-buttons-BJRrkj_n.js";
+import fe, { useState as C, useContext as be } from "react";
+import { a as H } from "./use-visual-utils-CRA2-3Z2.js";
 /**
  * @license lucide-react v0.453.0 - ISC
  *
@@ -19,72 +19,72 @@ function De({
   onOpenChange: d,
   isLibraryVisual: s,
   currentVisualName: t,
-  isSaving: i = !1,
-  onConfirm: h
+  isSaving: o = !1,
+  onConfirm: u
 }) {
-  const [u, n] = D(
+  const [i, n] = C(
     s && t ? `Copy of ${t}` : t || ""
-  ), [o, v] = D(""), [p, g] = D(!s), [f, C] = D(!0);
+  ), [c, v] = C(""), [f, D] = C(!s), [b, S] = C(!0);
   fe.useEffect(() => {
     a && (n(
       s && t ? `Copy of ${t}` : t || ""
-    ), v(""), g(!s), C(!0));
+    ), v(""), D(!s), S(!0));
   }, [a, s, t]);
   const I = () => {
-    u.trim() && (!p && !f || h({
-      name: u.trim(),
-      description: o.trim() || void 0,
-      saveToLibrary: p,
-      saveToCurrentDashboard: f
+    i.trim() && (!f && !b || u({
+      name: i.trim(),
+      description: c.trim() || void 0,
+      saveToLibrary: f,
+      saveToCurrentDashboard: b
     }));
-  }, S = u.trim() && (p || f);
-  return /* @__PURE__ */ e(_, { open: a, onOpenChange: d, children: /* @__PURE__ */ l($, { className: "sm:max-w-[425px]", children: [
-    /* @__PURE__ */ l(G, { children: [
+  }, A = i.trim() && (f || b);
+  return /* @__PURE__ */ e(_, { open: a, onOpenChange: d, children: /* @__PURE__ */ r($, { className: "sm:max-w-[425px]", children: [
+    /* @__PURE__ */ r(G, { children: [
       /* @__PURE__ */ e(J, { children: "Save Visual As" }),
       /* @__PURE__ */ e(K, { children: s ? "Create a copy of this visual with a new name" : "Save this visual to make it reusable" })
     ] }),
-    /* @__PURE__ */ l("div", { className: "grid gap-4 py-4", children: [
-      /* @__PURE__ */ l("div", { className: "grid gap-2", children: [
+    /* @__PURE__ */ r("div", { className: "grid gap-4 py-4", children: [
+      /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
         /* @__PURE__ */ e(M, { htmlFor: "name", children: "Name" }),
         /* @__PURE__ */ e(
           R,
           {
             id: "name",
-            value: u,
+            value: i,
             onChange: (m) => n(m.target.value),
             placeholder: "Enter visual name",
-            disabled: i
+            disabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { className: "grid gap-2", children: [
+      /* @__PURE__ */ r("div", { className: "grid gap-2", children: [
         /* @__PURE__ */ e(M, { htmlFor: "description", children: "Description (optional)" }),
         /* @__PURE__ */ e(
           X,
           {
             id: "description",
-            value: o,
+            value: c,
             onChange: (m) => v(m.target.value),
             placeholder: "Enter visual description",
             rows: 3,
-            disabled: i
+            disabled: o
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ r("div", { className: "space-y-4", children: [
         /* @__PURE__ */ e(M, { children: "Save to:" }),
-        /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ r("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
             /* @__PURE__ */ e(
               T,
               {
                 id: "save-to-dashboard",
-                checked: f,
-                onCheckedChange: (m) => C(!!m),
-                disabled: i
+                checked: b,
+                onCheckedChange: (m) => S(!!m),
+                disabled: o
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ r(
               "label",
               {
                 htmlFor: "save-to-dashboard",
@@ -96,17 +96,17 @@ function De({
               }
             )
           ] }),
-          /* @__PURE__ */ l("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
             /* @__PURE__ */ e(
               T,
               {
                 id: "save-to-library",
-                checked: p,
-                onCheckedChange: (m) => g(!!m),
-                disabled: i
+                checked: f,
+                onCheckedChange: (m) => D(!!m),
+                disabled: o
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ r(
               "label",
               {
                 htmlFor: "save-to-library",
@@ -119,111 +119,119 @@ function De({
             )
           ] })
         ] }),
-        !p && !f && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Please select at least one destination" })
+        !f && !b && /* @__PURE__ */ e("p", { className: "text-sm text-destructive", children: "Please select at least one destination" })
       ] })
     ] }),
-    /* @__PURE__ */ l(Q, { children: [
+    /* @__PURE__ */ r(Q, { children: [
       /* @__PURE__ */ e(
-        y,
+        k,
         {
           variant: "outline",
           onClick: () => d(!1),
-          disabled: i,
+          disabled: o,
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ l(y, { onClick: I, disabled: !S || i, children: [
-        i && /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
-        i ? "Saving..." : "Save"
+      /* @__PURE__ */ r(k, { onClick: I, disabled: !A || o, children: [
+        o && /* @__PURE__ */ e(Y, { className: "mr-2 h-4 w-4 animate-spin" }),
+        o ? "Saving..." : "Save"
       ] })
     ] })
   ] }) });
 }
 function Ce() {
-  const [a, d] = D(!1), [s, t] = D(!1), [i, h] = D(null), u = k((r) => r.frame), n = k((r) => r.card), o = Z(), v = b((r) => r.selectedSheetId), p = b(
-    (r) => r.actions.setIsDashboardPanelOpen
-  ), { getUpdatedFrame: g } = H(), { selectVisual: f } = ee(), { addFrame: C, setSelectedFrameId: I, setIsVisualEditing: S } = q(), m = !!(u != null && u.visualId), F = (o == null ? void 0 : o.title) || (n == null ? void 0 : n.title) || "Untitled Visual", c = ae((r) => {
-    if (r != null && r.id) {
-      if (f(r), s && i && v) {
-        const A = {
-          ...i,
+  const [a, d] = C(!1), [s, t] = C(!1), [o, u] = C(null), i = N((l) => l.frame), n = N((l) => l.card), c = Z(), v = g((l) => l.selectedSheetId), f = g(
+    (l) => l.actions.setIsDashboardPanelOpen
+  ), { getUpdatedFrame: D } = H(), { selectVisual: b } = ee(), { addFrame: S, setSelectedFrameId: I, setIsVisualEditing: A } = q(), m = !!(i != null && i.visualId), F = (() => {
+    var l, p;
+    return c != null && c.title ? c.title : ((l = i == null ? void 0 : i.cards) == null ? void 0 : l.length) === 1 && ((p = i.cards[0]) != null && p.title) ? i.cards[0].title : (n == null ? void 0 : n.title) || "Untitled Visual";
+  })(), h = ae((l) => {
+    if (l != null && l.id) {
+      if (b(l), s && o && v) {
+        const p = {
+          ...o,
           id: B(),
-          visualId: r.id
+          visualId: l.id
           // Link to the newly created library visual
         };
-        C(v, A, "end"), I(A.id), t(!1), h(null), S(!1);
+        S(v, p, "end"), I(p.id), t(!1), u(null), A(!1);
       }
-      p(!0), d(!1);
+      f(!0), d(!1);
     }
   });
   return {
     saveAsDialogOpen: a,
     setSaveAsDialogOpen: d,
-    handleSaveAs: async (r) => {
+    handleSaveAs: async (l) => {
       if (!v) {
-        x.error("No sheet selected");
+        w.error("No sheet selected");
         return;
       }
-      const A = g();
-      if (r.saveToLibrary) {
-        t(r.saveToCurrentDashboard), h(A);
-        const N = {
-          title: r.name,
-          description: r.description,
-          frameObject: A,
+      const p = D(), V = p.cards.length === 1 ? {
+        ...p,
+        cards: p.cards.map((x) => ({
+          ...x,
+          title: l.name
+          // Use visual name as card title
+        }))
+      } : p;
+      if (l.saveToLibrary) {
+        t(l.saveToCurrentDashboard), u(V);
+        const x = {
+          title: l.name,
+          description: l.description,
+          frameObject: V,
+          // Card title synced for single-card frames
           isPrivate: !1
         };
-        c.mutate(N);
-      } else if (r.saveToCurrentDashboard) {
-        const N = {
-          ...A,
+        h.mutate(x);
+      } else if (l.saveToCurrentDashboard) {
+        const x = {
+          ...V,
+          // Card title already synced
           id: B(),
-          visualId: void 0,
+          visualId: void 0
           // Explicitly no visualId for local visuals
-          cards: A.cards.map((V) => ({
-            ...V,
-            title: V.id === n.id ? r.name : V.title
-          }))
         };
-        C(v, N, "end"), I(N.id), x.success("Visual saved to dashboard"), d(!1), S(!1);
+        S(v, x, "end"), I(x.id), w.success("Visual saved to dashboard"), d(!1), A(!1);
       }
     },
     isLibraryVisual: m,
     currentVisualName: F,
-    isSaving: c.isPending
+    isSaving: h.isPending
   };
 }
-function Fe({
+function Ve({
   className: a
 }) {
-  const d = k((c) => c.frame), s = k((c) => c.card), t = se((c) => c.selectedVisual), i = b((c) => c.selectedFrameId), h = b((c) => c.selectedSheetId), { setIsVisualEditing: u } = q(), n = !!(d != null && d.visualId || t != null && t.id), o = !!(d != null && d.visualId && i), v = n && !o, {
-    saveAsDialogOpen: p,
-    setSaveAsDialogOpen: g,
-    handleSaveAs: f,
-    isLibraryVisual: C,
+  const d = N((h) => h.frame), s = N((h) => h.card), t = se((h) => h.selectedVisual), o = g((h) => h.selectedFrameId), u = g((h) => h.selectedSheetId), { setIsVisualEditing: i } = q(), n = !!(d != null && d.visualId || t != null && t.id), c = !!(d != null && d.visualId && o), v = n && !c, {
+    saveAsDialogOpen: f,
+    setSaveAsDialogOpen: D,
+    handleSaveAs: b,
+    isLibraryVisual: S,
     currentVisualName: I,
-    isSaving: S
+    isSaving: A
   } = Ce(), { handleAddLibraryVisual: m } = H(), F = async () => {
-    if (!h) {
-      x.error("No dashboard sheet selected");
+    if (!u) {
+      w.error("No dashboard sheet selected");
       return;
     }
     if (!t) {
-      x.error("No visual selected");
+      w.error("No visual selected");
       return;
     }
-    const c = await m(t);
-    c.success ? (x.success("Visual added to dashboard"), u(!1)) : x.error(c.error || "Failed to add visual to dashboard");
+    const h = await m(t);
+    h.success ? (w.success("Visual added to dashboard"), i(!1)) : w.error(h.error || "Failed to add visual to dashboard");
   };
-  return /* @__PURE__ */ l(E, { children: [
+  return /* @__PURE__ */ r(E, { children: [
     !n && /* @__PURE__ */ e(he, { className: a, variant: "default" }),
-    n && /* @__PURE__ */ l(E, { children: [
-      o && /* @__PURE__ */ e(ue, { className: a }),
-      v && h && s && (s.sql || te(s.config)) && /* @__PURE__ */ l(
-        y,
+    n && /* @__PURE__ */ r(E, { children: [
+      c && /* @__PURE__ */ e(ue, { className: a }),
+      v && u && s && (s.sql || te(s.config)) && /* @__PURE__ */ r(
+        k,
         {
           onClick: F,
-          className: w(a),
+          className: y(a),
           size: "sm",
           variant: "outline",
           children: [
@@ -233,22 +241,22 @@ function Fe({
         }
       ),
       v && /* @__PURE__ */ e(me, { className: a, variant: "default" }),
-      o && /* @__PURE__ */ e(ve, { className: a }),
-      /* @__PURE__ */ l(O, { modal: !1, children: [
+      c && /* @__PURE__ */ e(ve, { className: a }),
+      /* @__PURE__ */ r(O, { modal: !1, children: [
         /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
-          y,
+          k,
           {
             variant: "outline",
             size: "sm",
-            className: w(a, "w-8 p-0"),
-            children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+            className: y(a, "w-8 p-0"),
+            children: /* @__PURE__ */ e(L, { className: "h-4 w-4" })
           }
         ) }),
-        /* @__PURE__ */ e(L, { align: "end", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ e(z, { align: "end", children: /* @__PURE__ */ r(
           j,
           {
-            onClick: (c) => {
-              c.stopPropagation(), g(!0);
+            onClick: (h) => {
+              h.stopPropagation(), D(!0);
             },
             children: [
               /* @__PURE__ */ e(U, { className: "mr-2 h-4 w-4" }),
@@ -258,17 +266,17 @@ function Fe({
         ) })
       ] })
     ] }),
-    !n && /* @__PURE__ */ l(O, { modal: !1, children: [
+    !n && /* @__PURE__ */ r(O, { modal: !1, children: [
       /* @__PURE__ */ e(P, { asChild: !0, children: /* @__PURE__ */ e(
-        y,
+        k,
         {
           variant: "outline",
           size: "sm",
-          className: w(a, "w-8 p-0"),
-          children: /* @__PURE__ */ e(z, { className: "h-4 w-4" })
+          className: y(a, "w-8 p-0"),
+          children: /* @__PURE__ */ e(L, { className: "h-4 w-4" })
         }
       ) }),
-      /* @__PURE__ */ e(L, { align: "end", children: /* @__PURE__ */ l(j, { onClick: () => g(!0), children: [
+      /* @__PURE__ */ e(z, { align: "end", children: /* @__PURE__ */ r(j, { onClick: () => D(!0), children: [
         /* @__PURE__ */ e(U, { className: "mr-2 h-4 w-4" }),
         "Save As..."
       ] }) })
@@ -277,40 +285,40 @@ function Fe({
     /* @__PURE__ */ e(
       De,
       {
-        open: p,
-        onOpenChange: (c) => {
-          S || g(c);
+        open: f,
+        onOpenChange: (h) => {
+          A || D(h);
         },
-        isLibraryVisual: C,
+        isLibraryVisual: S,
         currentVisualName: I,
-        isSaving: S,
-        onConfirm: f
+        isSaving: A,
+        onConfirm: b
       }
     )
   ] });
 }
-function Ve({
+function Me({
   className: a,
   //labelClassName,
   switchClassName: d
 }) {
-  const s = k((n) => n.isDevMode), t = b((n) => n.isVisualEditing), { setIsDevMode: i } = ne(), { config: h } = be(de).tokenProps, u = (h == null ? void 0 : h.showAdvancedMode) !== !1;
-  return !t || !u ? null : /* @__PURE__ */ l("div", { className: w("flex items-center space-x-2", a), children: [
+  const s = N((n) => n.isDevMode), t = g((n) => n.isVisualEditing), { setIsDevMode: o } = ne(), { config: u } = be(de).tokenProps, i = (u == null ? void 0 : u.showAdvancedMode) !== !1;
+  return !t || !i ? null : /* @__PURE__ */ r("div", { className: y("flex items-center space-x-2", a), children: [
     /* @__PURE__ */ e(
       le,
       {
-        className: w("", d),
+        className: y("", d),
         checked: s,
-        onCheckedChange: () => i(!s),
+        onCheckedChange: () => o(!s),
         id: "advanced-mode",
-        icon: /* @__PURE__ */ e(ie, { className: "h-4 w-4" }),
+        icon: /* @__PURE__ */ e(re, { className: "h-4 w-4" }),
         tooltip: s ? "Standard Mode" : "Advanced Mode"
       }
     ),
     /* @__PURE__ */ e("label", { htmlFor: "advanced-mode", className: "sr-only", children: "Advanced Mode" })
   ] });
 }
-function Me(a) {
+function Ee(a) {
   var d;
   return {
     ...a,
@@ -318,11 +326,11 @@ function Me(a) {
       var t;
       return {
         ...s,
-        frames: (t = s.frames) == null ? void 0 : t.map((i) => {
-          var h;
+        frames: (t = s.frames) == null ? void 0 : t.map((o) => {
+          var u;
           return {
-            ...i,
-            cards: (h = i.cards) == null ? void 0 : h.map((u) => Se(u))
+            ...o,
+            cards: (u = o.cards) == null ? void 0 : u.map((i) => Se(i))
           };
         })
       };
@@ -364,25 +372,25 @@ function Ae(a) {
     }
   } : null;
 }
-function Ee({
+function Te({
   triggerButtonClassName: a
 }) {
-  const [d, s] = D(!1), t = b((n) => {
-    var o;
-    return (o = n.dashboard) == null ? void 0 : o.id;
-  }), i = b((n) => {
-    var o;
-    return (o = n.dashboard) == null ? void 0 : o.title;
-  }), h = b((n) => {
-    var o;
-    return (o = n.dashboard) == null ? void 0 : o.sheets;
-  }), u = b((n) => n.selectedSheetId);
-  return h == null || h.find((n) => n.id === u), t ? /* @__PURE__ */ l(E, { children: [
+  const [d, s] = C(!1), t = g((n) => {
+    var c;
+    return (c = n.dashboard) == null ? void 0 : c.id;
+  }), o = g((n) => {
+    var c;
+    return (c = n.dashboard) == null ? void 0 : c.title;
+  }), u = g((n) => {
+    var c;
+    return (c = n.dashboard) == null ? void 0 : c.sheets;
+  }), i = g((n) => n.selectedSheetId);
+  return u == null || u.find((n) => n.id === i), t ? /* @__PURE__ */ r(E, { children: [
     /* @__PURE__ */ e(
-      re,
+      ie,
       {
         tooltip: "Schedule Dashboard",
-        className: w("h-7 p-2", a),
+        className: y("h-7 p-2", a),
         onClick: () => s(!0),
         children: /* @__PURE__ */ e(oe, { className: "size-4" })
       }
@@ -393,15 +401,15 @@ function Ee({
         open: d,
         onOpenChange: s,
         dashboardId: t,
-        dashboardName: i
+        dashboardName: o
       }
     )
   ] }) : null;
 }
 export {
-  Ve as A,
-  Ee as S,
-  Fe as V,
+  Me as A,
+  Te as S,
+  Ve as V,
   Se as c,
-  Me as g
+  Ee as g
 };

package/dist/chunks/schedule-dashboard-D8ctQToc.js

@@ -0,0 +1,6 @@
+"use strict";const s=require("react/jsx-runtime"),e=require("./index-BDtdPUUE.js"),f=require("./editor-action-buttons-CReBF7FV.js"),p=require("react"),y=require("./use-visual-utils-BN4h1-xa.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 k=e.createLucideIcon("CirclePlus",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 12h8",key:"1wcyev"}],["path",{d:"M12 8v8",key:"napkw2"}]]);function F({open:a,onOpenChange:r,isLibraryVisual:t,currentVisualName:n,isSaving:l=!1,onConfirm:h}){const[i,d]=p.useState(t&&n?`Copy of ${n}`:n||""),[c,v]=p.useState(""),[b,D]=p.useState(!t),[j,S]=p.useState(!0);p.useEffect(()=>{a&&(d(t&&n?`Copy of ${n}`:n||""),v(""),D(!t),S(!0))},[a,t,n]);const C=()=>{i.trim()&&(!b&&!j||h({name:i.trim(),description:c.trim()||void 0,saveToLibrary:b,saveToCurrentDashboard:j}))},g=i.trim()&&(b||j);return s.jsx(e.Dialog,{open:a,onOpenChange:r,children:s.jsxs(e.DialogContent,{className:"sm:max-w-[425px]",children:[s.jsxs(e.DialogHeader,{children:[s.jsx(e.DialogTitle,{children:"Save Visual As"}),s.jsx(e.DialogDescription,{children:t?"Create a copy of this visual with a new name":"Save this visual to make it reusable"})]}),s.jsxs("div",{className:"grid gap-4 py-4",children:[s.jsxs("div",{className:"grid gap-2",children:[s.jsx(e.Label,{htmlFor:"name",children:"Name"}),s.jsx(e.Input,{id:"name",value:i,onChange:m=>d(m.target.value),placeholder:"Enter visual name",disabled:l})]}),s.jsxs("div",{className:"grid gap-2",children:[s.jsx(e.Label,{htmlFor:"description",children:"Description (optional)"}),s.jsx(e.Textarea,{id:"description",value:c,onChange:m=>v(m.target.value),placeholder:"Enter visual description",rows:3,disabled:l})]}),s.jsxs("div",{className:"space-y-4",children:[s.jsx(e.Label,{children:"Save to:"}),s.jsxs("div",{className:"space-y-2",children:[s.jsxs("div",{className:"flex items-center space-x-2",children:[s.jsx(e.Checkbox,{id:"save-to-dashboard",checked:j,onCheckedChange:m=>S(!!m),disabled:l}),s.jsxs("label",{htmlFor:"save-to-dashboard",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:["Current Dashboard",s.jsx("span",{className:"ml-2 text-xs text-muted-foreground",children:t?"(add copy to this dashboard)":"(keep as local visual)"})]})]}),s.jsxs("div",{className:"flex items-center space-x-2",children:[s.jsx(e.Checkbox,{id:"save-to-library",checked:b,onCheckedChange:m=>D(!!m),disabled:l}),s.jsxs("label",{htmlFor:"save-to-library",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:["Visual Library",s.jsx("span",{className:"ml-2 text-xs text-muted-foreground",children:t?"(save as new reusable visual)":"(make available to all dashboards)"})]})]})]}),!b&&!j&&s.jsx("p",{className:"text-sm text-destructive",children:"Please select at least one destination"})]})]}),s.jsxs(e.DialogFooter,{children:[s.jsx(e.Button,{variant:"outline",onClick:()=>r(!1),disabled:l,children:"Cancel"}),s.jsxs(e.Button,{onClick:C,disabled:!g||l,children:[l&&s.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin"}),l?"Saving...":"Save"]})]})]})})}function N(){const[a,r]=p.useState(!1),[t,n]=p.useState(!1),[l,h]=p.useState(null),i=e.useEditorStore(o=>o.frame),d=e.useEditorStore(o=>o.card),c=e.useSelectedVisual(),v=e.useDashboardStore(o=>o.selectedSheetId),b=e.useDashboardStore(o=>o.actions.setIsDashboardPanelOpen),{getUpdatedFrame:D}=y.useVisualUtils(),{selectVisual:j}=e.useManagementActions(),{addFrame:S,setSelectedFrameId:C,setIsVisualEditing:g}=e.useDashboardActions(),m=!!(i!=null&&i.visualId),w=(()=>{var o,x;return c!=null&&c.title?c.title:((o=i==null?void 0:i.cards)==null?void 0:o.length)===1&&((x=i.cards[0])!=null&&x.title)?i.cards[0].title:(d==null?void 0:d.title)||"Untitled Visual"})(),u=e.useCreateVisualWithFrame(o=>{if(o!=null&&o.id){if(j(o),t&&l&&v){const x={...l,id:e.v4(),visualId:o.id};S(v,x,"end"),C(x.id),n(!1),h(null),g(!1)}b(!0),r(!1)}});return{saveAsDialogOpen:a,setSaveAsDialogOpen:r,handleSaveAs:async o=>{if(!v){e.ue.error("No sheet selected");return}const x=D(),I=x.cards.length===1?{...x,cards:x.cards.map(A=>({...A,title:o.name}))}:x;if(o.saveToLibrary){n(o.saveToCurrentDashboard),h(I);const A={title:o.name,description:o.description,frameObject:I,isPrivate:!1};u.mutate(A)}else if(o.saveToCurrentDashboard){const A={...I,id:e.v4(),visualId:void 0};S(v,A,"end"),C(A.id),e.ue.success("Visual saved to dashboard"),r(!1),g(!1)}},isLibraryVisual:m,currentVisualName:w,isSaving:u.isPending}}function V({className:a}){const r=e.useEditorStore(u=>u.frame),t=e.useEditorStore(u=>u.card),n=e.useManagementStore(u=>u.selectedVisual),l=e.useDashboardStore(u=>u.selectedFrameId),h=e.useDashboardStore(u=>u.selectedSheetId),{setIsVisualEditing:i}=e.useDashboardActions(),d=!!(r!=null&&r.visualId||n!=null&&n.id),c=!!(r!=null&&r.visualId&&l),v=d&&!c,{saveAsDialogOpen:b,setSaveAsDialogOpen:D,handleSaveAs:j,isLibraryVisual:S,currentVisualName:C,isSaving:g}=N(),{handleAddLibraryVisual:m}=y.useVisualUtils(),w=async()=>{if(!h){e.ue.error("No dashboard sheet selected");return}if(!n){e.ue.error("No visual selected");return}const u=await m(n);u.success?(e.ue.success("Visual added to dashboard"),i(!1)):e.ue.error(u.error||"Failed to add visual to dashboard")};return s.jsxs(s.Fragment,{children:[!d&&s.jsx(f.EditorAcceptButton,{className:a,variant:"default"}),d&&s.jsxs(s.Fragment,{children:[c&&s.jsx(f.VisualApplyLocalButton,{className:a}),v&&h&&t&&(t.sql||e.hasValidCardConfig(t.config))&&s.jsxs(e.Button,{onClick:w,className:e.cn(a),size:"sm",variant:"outline",children:[s.jsx(k,{className:"mr-2 size-4 font-bold"}),"Add to Dashboard"]}),v&&s.jsx(f.VisualSaveButton,{className:a,variant:"default"}),c&&s.jsx(f.VisualSaveAndApplyButton,{className:a}),s.jsxs(e.DropdownMenu,{modal:!1,children:[s.jsx(e.DropdownMenuTrigger,{asChild:!0,children:s.jsx(e.Button,{variant:"outline",size:"sm",className:e.cn(a,"w-8 p-0"),children:s.jsx(e.EllipsisVertical,{className:"h-4 w-4"})})}),s.jsx(e.DropdownMenuContent,{align:"end",children:s.jsxs(e.DropdownMenuItem,{onClick:u=>{u.stopPropagation(),D(!0)},children:[s.jsx(f.Save,{className:"mr-2 h-4 w-4"}),"Save As..."]})})]})]}),!d&&s.jsxs(e.DropdownMenu,{modal:!1,children:[s.jsx(e.DropdownMenuTrigger,{asChild:!0,children:s.jsx(e.Button,{variant:"outline",size:"sm",className:e.cn(a,"w-8 p-0"),children:s.jsx(e.EllipsisVertical,{className:"h-4 w-4"})})}),s.jsx(e.DropdownMenuContent,{align:"end",children:s.jsxs(e.DropdownMenuItem,{onClick:()=>D(!0),children:[s.jsx(f.Save,{className:"mr-2 h-4 w-4"}),"Save As..."]})})]}),s.jsx(f.EditorCancelButton,{className:a}),s.jsx(F,{open:b,onOpenChange:u=>{g||D(u)},isLibraryVisual:S,currentVisualName:C,isSaving:g,onConfirm:j})]})}function E({className:a,switchClassName:r}){const t=e.useEditorStore(d=>d.isDevMode),n=e.useDashboardStore(d=>d.isVisualEditing),{setIsDevMode:l}=e.useEditorActions(),{config:h}=p.useContext(e.SemaphorContext).tokenProps,i=(h==null?void 0:h.showAdvancedMode)!==!1;return!n||!i?null:s.jsxs("div",{className:e.cn("flex items-center space-x-2",a),children:[s.jsx(e.DevModeSwitch,{className:e.cn("",r),checked:t,onCheckedChange:()=>l(!t),id:"advanced-mode",icon:s.jsx(e.CodeXml,{className:"h-4 w-4"}),tooltip:t?"Standard Mode":"Advanced Mode"}),s.jsx("label",{htmlFor:"advanced-mode",className:"sr-only",children:"Advanced Mode"})]})}function T(a){var r;return{...a,sheets:(r=a==null?void 0:a.sheets)==null?void 0:r.map(t=>{var n;return{...t,frames:(n=t.frames)==null?void 0:n.map(l=>{var h;return{...l,cards:(h=l.cards)==null?void 0:h.map(i=>M(i))}})}})}}function M(a){return{...a,customCfg:B(a.customCfg),data:[]}}function B(a){var r,t;return a?{...a,data:{...a==null?void 0:a.data,labels:[],datasets:(t=(r=a==null?void 0:a.data)==null?void 0:r.datasets)==null?void 0:t.map(n=>({...n,data:[]}))}}:null}function O({triggerButtonClassName:a}){const[r,t]=p.useState(!1),n=e.useDashboardStore(d=>{var c;return(c=d.dashboard)==null?void 0:c.id}),l=e.useDashboardStore(d=>{var c;return(c=d.dashboard)==null?void 0:c.title}),h=e.useDashboardStore(d=>{var c;return(c=d.dashboard)==null?void 0:c.sheets}),i=e.useDashboardStore(d=>d.selectedSheetId);return h==null||h.find(d=>d.id===i),n?s.jsxs(s.Fragment,{children:[s.jsx(e.IconButton,{tooltip:"Schedule Dashboard",className:e.cn("h-7 p-2",a),onClick:()=>t(!0),children:s.jsx(e.Clock,{className:"size-4"})}),s.jsx(e.EmailScheduleDialog,{open:r,onOpenChange:t,dashboardId:n,dashboardName:l})]}):null}exports.AdvancedModeToggle=E;exports.ScheduleDashboard=O;exports.VisualEditingControls=V;exports.cleanCard=M;exports.getDashbaordStateWithoutData=T;

package/dist/chunks/{use-visual-utils-not8LVVZ.js → use-visual-utils-BN4h1-xa.js}

@@ -1 +1 @@
-"use strict";const o=require("./index-C37s4iSV.js"),b=require("react");function _(e){const a=e.toUpperCase().indexOf("WHERE"),r=e.toUpperCase().indexOf("GROUP BY"),t=e.toUpperCase().indexOf("LIMIT"),d=e.toUpperCase().indexOf("ORDER BY");let c=e.length;if(d!==-1&&(c=d),t!==-1&&t<c&&(c=t),a!==-1){const n=e.substring(0,a),s=e.substring(a);return`${n} {{ filters | where }} AND ${s.substring(6)}`}else if(r!==-1){const n=e.substring(0,r),s=e.substring(r);return`${n} {{ filters | where }} ${s}`}else{const n=e.substring(0,c),s=e.substring(c);return console.log("beforeClause",n),console.log("afterClause",s),s?`${n} {{ filters | where }} ${s}`:`${n.replace(/;$/,"")} {{ filters | where }}`}}function B(e){const[a,r]=b.useState(null),[t,d]=b.useState(null),c=o.useEnsureReactGlobals();return b.useEffect(()=>{if(!e||e.trim()===""){r(null),d(null);return}if(!c)return;(async()=>{try{if(!e.startsWith("http://")&&!e.startsWith("https://"))throw new Error(`Invalid URL format: ${e}`);try{new URL(e)}catch{throw new Error(`Invalid URL: ${e}`)}const l=`${e.endsWith("/")?e:`${e}/`}index.js`;try{if(!(await fetch(l,{method:"HEAD"})).ok)throw new Error(`Module not found at ${l}`)}catch{}const m=await import(l);if(typeof m.useChartStore!="function")throw new Error("useChartStore is not a function");r(()=>m.useChartStore),d(null)}catch(s){const l=s instanceof Error?s.message:"Unknown error";console.error("Failed to load remote chart store:",l),d(l),r(null)}})()},[e,c]),a}function H(e,a){if(e.length===0)return"";if(a){const r=e.find(t=>t.id===a);if(r){const t=r.tabTitle;if(t=="All__Header")return e[0].id;if(t&&t.endsWith("__Header")){const c=t.split("__")[0],n=e.find(s=>s.tabTitle===c);return n?n.id:e[0].id}return a}}return e[0].id}async function j(e,a,r,t){if(!a||!r)throw new Error("Missing auth token or visual ID");const d=["resource-by-id","visual",r],c=t.getQueryData(d);if(c)return console.log("Using cached visual data for:",r),{data:c,fromCache:!0};console.log("Fetching visual data from network for:",r);const n=o.ue.loading("Loading visual...",{position:"top-center"});try{const s=await fetch(`${e}/management/v1/visuals/${r}`,{headers:{Authorization:`Bearer ${a}`}});if(!s.ok)throw new Error("Failed to load visual");const l=await s.json();return t.setQueryData(d,l),o.ue.dismiss(n),{data:l,fromCache:!1}}catch(s){throw o.ue.dismiss(n),s}}function T(e){if(typeof e=="string")return JSON.parse(e);if(typeof e=="object")return e;throw new Error("Invalid frame object format")}function Q(e,a){var c,n;const r=(e==null?void 0:e.frameObject)??((c=e==null?void 0:e.visual)==null?void 0:c.frameObject);if(!r)return!1;const t=T(r);if(!(t!=null&&t.cards)||t.cards.length===0)return!1;const d=(n=t.cards)==null?void 0:n.find(s=>s.id===t.activeCardId);return d?(o.setupEditorWithCard({...a,frame:t,card:d,visualId:(e==null?void 0:e.id)||t.visualId}),!0):!1}function G(){var g;const{setCardSql:e}=o.useEditorActions(),a=o.useEditorStore(i=>i.frame),r=o.useEditorStore(i=>i.card),t=B(((g=r.customCardPreferences)==null?void 0:g.url)||""),d=o.useEditorStore(i=>i.selectedSchemaName),c=o.useEditorStore(i=>i.selectedDatamodelId),n=o.useEditorStore(i=>i.selectedDatabaseName),s=o.useEditorStore(i=>i.selectedTableName),l=o.useEditorStore(i=>i.selectedConnectionId),m=o.useEditorStore(i=>i.isShowingVisual),f=r.sql;return{getUpdatedFrame:b.useCallback(()=>{var E;let i=f;f&&!f.includes("{{")&&(i=_(f),e(i));const C=(E=t==null?void 0:t.getState())==null?void 0:E.settings,F={...r,dataSource:r.dataSource||{mode:"directSource"},lastSelectedSchema:d,lastSelectedDatamodelId:c,lastSelectedDatabase:n,lastSelectedTable:s,connectionId:l,sql:i,customCfg:m?r.customCfg:null,preferences:r.preferences,...C&&{customCardPreferences:{...r.customCardPreferences,settings:C}}},w=a.cards.map(S=>S.id===r.id?F:S);return{...a,cards:w,activeCardId:H(w,a.activeCardId)}},[r,a,m,d,c,n,s,l,e,t,f])}}function z(){const{authToken:e,tokenProps:a}=o.useSemaphorContext(),r=o.useQueryClient(),t=o.useSelectedVisual(),{selectVisual:d}=o.useManagementActions(),{setFrame:c,setCard:n,setIsDevMode:s,setActiveTabCardId:l,updateDataSource:m,setQueryResultColumns:f,setSelectedConnectionId:v,setSelectedDatabaseName:g,setSelectedSchemaName:i,setSelectedTableName:C,setSelectedDatamodelId:F,setFilterValues:w,setApplyFilters:E}=o.useEditorActions(),{setIsDashboardEditing:S,setIsVisualEditing:V,setSelectedFrameId:$,clearSelectedFrameId:A,addFrame:R,setIsDashboardPanelOpen:D}=o.useDashboardActions(),I=o.useDashboardStore(u=>u.selectedSheetId),N=o.useDashboardStore(u=>u.selectedFrameId),O=o.useDashboardStore(u=>u.dashboard),x=o.useDashboardStore(u=>u.filterValues),y=o.useVisualById((t==null?void 0:t.id)||"",{enabled:!!(t!=null&&t.id)&&!!(e!=null&&e.accessToken)}),M=b.useCallback(async u=>{try{d(u),A();const{data:p,fromCache:h}=await j(a.apiServiceUrl,(e==null?void 0:e.accessToken)||"",u.id,r);if(!Q(p,{setFrame:c,setCard:n,setIsDevMode:s,setActiveTabCardId:l,updateDataSource:m,setQueryResultColumns:f,setSelectedConnectionId:v,setSelectedDatabaseName:g,setSelectedSchemaName:i,setSelectedTableName:C,setSelectedDatamodelId:F,setFilterValues:w,setApplyFilters:E,setIsDashboardEditing:S,setIsVisualEditing:V,dashboard:O,selectedSheetId:I,selectedFrameId:N,filterValues:x}))throw new Error("Failed to setup editor with visual data");return{success:!0,fromCache:h}}catch(p){return console.error("Error editing visual:",p),{success:!1,error:"Failed to load visual for editing"}}},[e==null?void 0:e.accessToken,a.apiServiceUrl,r,d,c,n,S,V,s,l,m,f,v,g,i,C,F,w,E,A,O,I,N,x]),k=b.useCallback(async u=>{var p;try{if(d(u),!I)return{success:!1,error:"No sheet selected. Please select a sheet first."};const{data:h,fromCache:W}=await j(a.apiServiceUrl,(e==null?void 0:e.accessToken)||"",u.id,r),L=(h==null?void 0:h.frameObject)??((p=h==null?void 0:h.visual)==null?void 0:p.frameObject);if(!L)return{success:!1,error:"Visual has no frame data"};const U=T(L);if(!(U!=null&&U.cards)||U.cards.length===0)return{success:!1,error:"Visual frame is malformed"};const P={...U,id:o.v4(),visualId:u.id};return R(I,P,"end"),S(!0),$(P.id),D(!1),{success:!0,fromCache:W}}catch(h){return console.error("Error adding visual:",h),{success:!1,error:"Failed to add visual to dashboard"}}},[e==null?void 0:e.accessToken,a.apiServiceUrl,r,d,I,R,S,$,D]);return{visual:y.data,isLoading:y.isLoading,isError:y.isError,error:y.error,handleEditLibraryVisual:M,handleAddLibraryVisual:k,getUpdatedFrame:G().getUpdatedFrame,refetch:y.refetch}}exports.useRemoteChartStore=B;exports.useVisualUtils=z;
+"use strict";const o=require("./index-BDtdPUUE.js"),b=require("react");function _(e){const a=e.toUpperCase().indexOf("WHERE"),r=e.toUpperCase().indexOf("GROUP BY"),t=e.toUpperCase().indexOf("LIMIT"),d=e.toUpperCase().indexOf("ORDER BY");let c=e.length;if(d!==-1&&(c=d),t!==-1&&t<c&&(c=t),a!==-1){const n=e.substring(0,a),s=e.substring(a);return`${n} {{ filters | where }} AND ${s.substring(6)}`}else if(r!==-1){const n=e.substring(0,r),s=e.substring(r);return`${n} {{ filters | where }} ${s}`}else{const n=e.substring(0,c),s=e.substring(c);return console.log("beforeClause",n),console.log("afterClause",s),s?`${n} {{ filters | where }} ${s}`:`${n.replace(/;$/,"")} {{ filters | where }}`}}function B(e){const[a,r]=b.useState(null),[t,d]=b.useState(null),c=o.useEnsureReactGlobals();return b.useEffect(()=>{if(!e||e.trim()===""){r(null),d(null);return}if(!c)return;(async()=>{try{if(!e.startsWith("http://")&&!e.startsWith("https://"))throw new Error(`Invalid URL format: ${e}`);try{new URL(e)}catch{throw new Error(`Invalid URL: ${e}`)}const l=`${e.endsWith("/")?e:`${e}/`}index.js`;try{if(!(await fetch(l,{method:"HEAD"})).ok)throw new Error(`Module not found at ${l}`)}catch{}const m=await import(l);if(typeof m.useChartStore!="function")throw new Error("useChartStore is not a function");r(()=>m.useChartStore),d(null)}catch(s){const l=s instanceof Error?s.message:"Unknown error";console.error("Failed to load remote chart store:",l),d(l),r(null)}})()},[e,c]),a}function H(e,a){if(e.length===0)return"";if(a){const r=e.find(t=>t.id===a);if(r){const t=r.tabTitle;if(t=="All__Header")return e[0].id;if(t&&t.endsWith("__Header")){const c=t.split("__")[0],n=e.find(s=>s.tabTitle===c);return n?n.id:e[0].id}return a}}return e[0].id}async function j(e,a,r,t){if(!a||!r)throw new Error("Missing auth token or visual ID");const d=["resource-by-id","visual",r],c=t.getQueryData(d);if(c)return console.log("Using cached visual data for:",r),{data:c,fromCache:!0};console.log("Fetching visual data from network for:",r);const n=o.ue.loading("Loading visual...",{position:"top-center"});try{const s=await fetch(`${e}/management/v1/visuals/${r}`,{headers:{Authorization:`Bearer ${a}`}});if(!s.ok)throw new Error("Failed to load visual");const l=await s.json();return t.setQueryData(d,l),o.ue.dismiss(n),{data:l,fromCache:!1}}catch(s){throw o.ue.dismiss(n),s}}function T(e){if(typeof e=="string")return JSON.parse(e);if(typeof e=="object")return e;throw new Error("Invalid frame object format")}function Q(e,a){var c,n;const r=(e==null?void 0:e.frameObject)??((c=e==null?void 0:e.visual)==null?void 0:c.frameObject);if(!r)return!1;const t=T(r);if(!(t!=null&&t.cards)||t.cards.length===0)return!1;const d=(n=t.cards)==null?void 0:n.find(s=>s.id===t.activeCardId);return d?(o.setupEditorWithCard({...a,frame:t,card:d,visualId:(e==null?void 0:e.id)||t.visualId}),!0):!1}function G(){var g;const{setCardSql:e}=o.useEditorActions(),a=o.useEditorStore(i=>i.frame),r=o.useEditorStore(i=>i.card),t=B(((g=r.customCardPreferences)==null?void 0:g.url)||""),d=o.useEditorStore(i=>i.selectedSchemaName),c=o.useEditorStore(i=>i.selectedDatamodelId),n=o.useEditorStore(i=>i.selectedDatabaseName),s=o.useEditorStore(i=>i.selectedTableName),l=o.useEditorStore(i=>i.selectedConnectionId),m=o.useEditorStore(i=>i.isShowingVisual),f=r.sql;return{getUpdatedFrame:b.useCallback(()=>{var E;let i=f;f&&!f.includes("{{")&&(i=_(f),e(i));const C=(E=t==null?void 0:t.getState())==null?void 0:E.settings,U={...r,dataSource:r.dataSource||{mode:"directSource"},lastSelectedSchema:d,lastSelectedDatamodelId:c,lastSelectedDatabase:n,lastSelectedTable:s,connectionId:l,sql:i,customCfg:m?r.customCfg:null,preferences:r.preferences,...C&&{customCardPreferences:{...r.customCardPreferences,settings:C}}},w=a.cards.map(S=>S.id===r.id?U:S);return{...a,cards:w,activeCardId:H(w,a.activeCardId)}},[r,a,m,d,c,n,s,l,e,t,f])}}function z(){const{authToken:e,tokenProps:a}=o.useSemaphorContext(),r=o.useQueryClient(),t=o.useSelectedVisual(),{selectVisual:d}=o.useManagementActions(),{setFrame:c,setCard:n,setIsDevMode:s,setActiveTabCardId:l,updateDataSource:m,setQueryResultColumns:f,setSelectedConnectionId:V,setSelectedDatabaseName:g,setSelectedSchemaName:i,setSelectedTableName:C,setSelectedDatamodelId:U,setFilterValues:w,setApplyFilters:E}=o.useEditorActions(),{setIsDashboardEditing:S,setIsVisualEditing:$,setSelectedFrameId:v,clearSelectedFrameId:A,addFrame:N,setIsDashboardPanelOpen:R}=o.useDashboardActions(),I=o.useDashboardStore(u=>u.selectedSheetId),D=o.useDashboardStore(u=>u.selectedFrameId),O=o.useDashboardStore(u=>u.dashboard),x=o.useDashboardStore(u=>u.filterValues),y=o.useVisualById((t==null?void 0:t.id)||"",{enabled:!!(t!=null&&t.id)&&!!(e!=null&&e.accessToken)}),M=b.useCallback(async u=>{try{d(u),A();const{data:p,fromCache:h}=await j(a.apiServiceUrl,(e==null?void 0:e.accessToken)||"",u.id,r);if(!Q(p,{setFrame:c,setCard:n,setIsDevMode:s,setActiveTabCardId:l,updateDataSource:m,setQueryResultColumns:f,setSelectedConnectionId:V,setSelectedDatabaseName:g,setSelectedSchemaName:i,setSelectedTableName:C,setSelectedDatamodelId:U,setFilterValues:w,setApplyFilters:E,setIsDashboardEditing:S,setIsVisualEditing:$,dashboard:O,selectedSheetId:I,selectedFrameId:D,filterValues:x}))throw new Error("Failed to setup editor with visual data");return{success:!0,fromCache:h}}catch(p){return console.error("Error editing visual:",p),{success:!1,error:"Failed to load visual for editing"}}},[e==null?void 0:e.accessToken,a.apiServiceUrl,r,d,c,n,S,$,s,l,m,f,V,g,i,C,U,w,E,A,O,I,D,x]),k=b.useCallback(async u=>{var p;try{if(d(u),!I)return{success:!1,error:"No sheet selected. Please select a sheet first."};const{data:h,fromCache:W}=await j(a.apiServiceUrl,(e==null?void 0:e.accessToken)||"",u.id,r),L=(h==null?void 0:h.frameObject)??((p=h==null?void 0:h.visual)==null?void 0:p.frameObject);if(!L)return{success:!1,error:"Visual has no frame data"};const F=T(L);if(!(F!=null&&F.cards)||F.cards.length===0)return{success:!1,error:"Visual frame is malformed"};const P={...o.cloneFrameWithNewIds(F),visualId:u.id};return N(I,P,"end"),S(!0),v(P.id),R(!1),{success:!0,fromCache:W}}catch(h){return console.error("Error adding visual:",h),{success:!1,error:"Failed to add visual to dashboard"}}},[e==null?void 0:e.accessToken,a.apiServiceUrl,r,d,I,N,S,v,R]);return{visual:y.data,isLoading:y.isLoading,isError:y.isError,error:y.error,handleEditLibraryVisual:M,handleAddLibraryVisual:k,getUpdatedFrame:G().getUpdatedFrame,refetch:y.refetch}}exports.useRemoteChartStore=B;exports.useVisualUtils=z;