react-semaphor 0.1.220 → 0.1.221

package/dist/chunks/editor-action-buttons-BMYQu_sk.js

@@ -0,0 +1,405 @@
+import { bS as T, a1 as i, bT as B, bU as te, bV as se, bW as re, bX as le, bY as oe, u as F, ah as ne, bZ as ie, b_ as de, b$ as ue, c0 as ce, c as S, c1 as pe, c2 as me, Y as q, B as I, E as ye, U as V, Z as U, V as K, c3 as j, H as O, c4 as H, X, I as C } from "./index-C-8cXK5u.js";
+import { jsx as y, jsxs as f, Fragment as x } from "react/jsx-runtime";
+import { u as be, a as z } from "./use-visual-utils-RZ4Nj11p.js";
+import { useMemo as k, useState as G } from "react";
+/**
+ * @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 Ie = T("CircleX", [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+]);
+/**
+ * @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 he = T("Library", [
+  ["path", { d: "m16 6 4 14", key: "ji33uf" }],
+  ["path", { d: "M12 6v14", key: "1n7gus" }],
+  ["path", { d: "M8 8v12", key: "1gg7y9" }],
+  ["path", { d: "M4 4v16", key: "6qkkli" }]
+]);
+/**
+ * @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 fe = T("Link2", [
+  ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
+  ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
+  ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
+]);
+/**
+ * @license lucide-react v0.453.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Y = T("Save", [
+  [
+    "path",
+    {
+      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
+      key: "1c8476"
+    }
+  ],
+  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
+  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
+]);
+function Z() {
+  var e, m;
+  const r = i((p) => p.card), d = i((p) => p.frame), l = k(
+    () => B(d, r),
+    [d, r]
+  ), { manifest: c } = te(
+    ((e = l == null ? void 0 : l.customCardPreferences) == null ? void 0 : e.url) || ""
+  ), t = k(
+    () => {
+      var p;
+      return (p = c == null ? void 0 : c.visuals) == null ? void 0 : p.find(
+        (u) => {
+          var n;
+          return u.name === ((n = l == null ? void 0 : l.customCardPreferences) == null ? void 0 : n.componentName);
+        }
+      );
+    },
+    [c, (m = l == null ? void 0 : l.customCardPreferences) == null ? void 0 : m.componentName]
+  ), s = se(l, t), o = k(
+    () => re({
+      frame: d,
+      configCard: l,
+      isMultiInputVisual: s === "multiple"
+    }),
+    [d, l, s]
+  ), a = k(() => {
+    const p = o.findIndex(
+      (u) => (u == null ? void 0 : u.id) === r.id
+    );
+    return p < 0 ? -1 : le(r, p);
+  }, [o, r]);
+  return k(() => !l || s !== "multiple" || a < 0 ? r.type : oe(
+    r,
+    a,
+    t == null ? void 0 : t.slots
+  ) ?? r.type, [l, s, a, r, t == null ? void 0 : t.slots]);
+}
+function Ne({
+  type: r,
+  isLinked: d,
+  className: l,
+  showLabel: c = !1
+}) {
+  const t = F((v) => v.selectedFrameId), s = ne((v) => v.selectedVisual), o = i((v) => v.frame);
+  let a;
+  if (r)
+    a = r;
+  else if (d !== void 0)
+    a = d ? "linked" : "library";
+  else if (!!!(o != null && o.visualId || s != null && s.id) && t)
+    a = "local";
+  else if (s && !t)
+    a = "library";
+  else if (o != null && o.visualId && t)
+    a = "linked";
+  else if (s != null && s.id && t)
+    a = "library";
+  else
+    return null;
+  if (a === "local")
+    return null;
+  const e = {
+    linked: "border-purple-200/70 bg-gradient-to-r from-purple-50/50 to-purple-100/30 text-purple-900 shadow-sm hover:from-purple-100/60 hover:to-purple-100/50 hover:shadow-md dark:border-purple-800/50 dark:from-purple-950/40 dark:to-purple-900/30 dark:text-purple-100 dark:hover:from-purple-950/60 dark:hover:to-purple-900/50",
+    library: "border-blue-200/70 bg-gradient-to-r from-blue-50/50 to-blue-100/30 text-blue-900 shadow-sm hover:from-blue-100/60 hover:to-blue-100/50 hover:shadow-md dark:border-blue-800/50 dark:from-blue-950/40 dark:to-blue-900/30 dark:text-blue-100 dark:hover:from-blue-950/60 dark:hover:to-blue-900/50"
+  }, m = {
+    linked: "Linked to library: Changes made here update the library visual and all linked instances.",
+    library: "Library visual: Share and reuse this visual across multiple dashboards."
+  }, p = {
+    linked: "border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",
+    library: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"
+  }, u = {
+    linked: "fill-purple-50 dark:fill-purple-950",
+    library: "fill-blue-50 dark:fill-blue-950"
+  }, n = {
+    linked: /* @__PURE__ */ y(fe, { className: "h-3.5 w-3.5" }),
+    library: /* @__PURE__ */ y(he, { className: "h-3.5 w-3.5" })
+  }, b = {
+    linked: "Linked",
+    library: "Library"
+  };
+  return /* @__PURE__ */ y(ie, { children: /* @__PURE__ */ f(de, { delayDuration: 300, children: [
+    /* @__PURE__ */ y(ue, { asChild: !0, children: /* @__PURE__ */ f(
+      ce,
+      {
+        variant: "outline",
+        className: S(
+          "cursor-help select-none transition-all",
+          e[a],
+          l
+        ),
+        children: [
+          n[a],
+          c && /* @__PURE__ */ y("span", { className: "ml-1 text-xs font-medium leading-none", children: b[a] })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ f(
+      pe,
+      {
+        side: "bottom",
+        className: S("max-w-xs", p[a]),
+        children: [
+          /* @__PURE__ */ y(me, { className: u[a] }),
+          /* @__PURE__ */ y("p", { children: m[a] })
+        ]
+      }
+    )
+  ] }) });
+}
+function ve(r, d) {
+  return {
+    ...r,
+    sql: "",
+    python: "",
+    config: void 0,
+    customCfg: "",
+    preferences: {},
+    interactionConfig: void 0,
+    linkedInteractionTargetOverrides: void 0,
+    customCardPreferences: d ? r.customCardPreferences : void 0,
+    type: d ? r.type : "bar"
+  };
+}
+function qe({
+  className: r,
+  variant: d = "outline"
+}) {
+  var a;
+  const { setCardSql: l } = q();
+  i((e) => e.frame);
+  const c = i((e) => e.card);
+  be(
+    ((a = c.customCardPreferences) == null ? void 0 : a.url) || ""
+  ), i(
+    (e) => e.selectedSchemaName
+  ), i(
+    (e) => e.selectedDatamodelId
+  ), i(
+    (e) => e.selectedDatabaseName
+  ), i((e) => e.selectedTableName), i(
+    (e) => e.selectedConnectionId
+  ), i((e) => e.isShowingVisual), c.sql;
+  const t = i((e) => e.onSave), { getUpdatedFrame: s } = z();
+  function o() {
+    const e = s();
+    t == null || t(e);
+  }
+  return /* @__PURE__ */ f(
+    I,
+    {
+      onClick: o,
+      className: S("h-8", r),
+      size: "sm",
+      variant: d,
+      children: [
+        /* @__PURE__ */ y(ye, { className: "mr-2 size-4 font-bold" }),
+        "Accept"
+      ]
+    }
+  );
+}
+function xe({
+  className: r,
+  variant: d = "default"
+}) {
+  const l = V(), [c, t] = G(!1), s = F(
+    (n) => n.actions.setIsDashboardPanelOpen
+  ), { setIsVisualEditing: o } = U(), { getUpdatedFrame: a } = z(), e = K(), m = i((n) => n.frame), p = j();
+  return /* @__PURE__ */ f(
+    I,
+    {
+      onClick: () => {
+        const n = a(), b = (m == null ? void 0 : m.visualId) || (e == null ? void 0 : e.id);
+        if (!b) {
+          C.error("No visual to save");
+          return;
+        }
+        t(!0), p.mutate(
+          {
+            visualId: b,
+            data: {
+              frameObject: n
+            }
+          },
+          {
+            onSuccess: () => {
+              t(!1), s(!0), C.success("Visual updated successfully"), l.invalidateQueries({
+                queryKey: ["resource-by-id", "visual", b],
+                exact: !0
+              });
+            },
+            onError: () => {
+              t(!1), C.error("Failed to update visual");
+            }
+          }
+        );
+      },
+      className: S("h-8", r),
+      size: "sm",
+      variant: d,
+      children: [
+        c && /* @__PURE__ */ f(x, { children: [
+          /* @__PURE__ */ y(O, { className: "mr-2 size-4 animate-spin font-bold" }),
+          " Saving"
+        ] }),
+        !c && /* @__PURE__ */ f(x, { children: [
+          /* @__PURE__ */ y(Y, { className: "mr-2 size-4 font-bold" }),
+          "Save to Library"
+        ] })
+      ]
+    }
+  );
+}
+function Te({
+  className: r
+}) {
+  const d = V(), [l, c] = G(!1), t = K(), s = i((n) => n.frame), o = F((n) => n.selectedSheetId), { updateFrame: a, setIsVisualEditing: e } = U(), { getUpdatedFrame: m } = z(), p = j();
+  return /* @__PURE__ */ y(
+    I,
+    {
+      onClick: async () => {
+        if (!o) {
+          C.error("No sheet selected");
+          return;
+        }
+        const n = (s == null ? void 0 : s.visualId) || (t == null ? void 0 : t.id);
+        if (!n) {
+          C.error("No visual to update");
+          return;
+        }
+        c(!0);
+        try {
+          const b = m();
+          await p.mutateAsync({
+            visualId: n,
+            data: {
+              frameObject: b
+            }
+          });
+          const v = {
+            ...b,
+            visualId: n
+            // Keep the link to library visual
+          };
+          a(o, v), d.invalidateQueries({ queryKey: ["visuals"] }), d.invalidateQueries({ queryKey: ["visual", n] }), C.success("Saved to library and applied locally"), setTimeout(() => {
+            e(!1);
+          }, 300);
+        } catch (b) {
+          console.error("Failed to save and apply:", b), C.error("Failed to save and apply changes");
+        } finally {
+          c(!1);
+        }
+      },
+      className: S("h-8", r),
+      size: "sm",
+      variant: "default",
+      disabled: l,
+      children: l ? /* @__PURE__ */ f(x, { children: [
+        /* @__PURE__ */ y(O, { className: "mr-2 size-4 animate-spin font-bold" }),
+        " Saving..."
+      ] }) : /* @__PURE__ */ f(x, { children: [
+        /* @__PURE__ */ y(Y, { className: "mr-2 size-4 font-bold" }),
+        "Save & Apply"
+      ] })
+    }
+  );
+}
+function Ve({ className: r }) {
+  const { setTempQueryData: d, setSqlGen: l } = q(), c = V(), t = i((u) => u.tempQueryData), s = i((u) => u.onClose), o = i((u) => u.card), a = Z(), e = k(() => a !== o.type ? { ...o, type: a } : o, [o, a]), { queryKey: m } = H(e);
+  function p() {
+    if (t) {
+      const { queryKey: u, queryData: n } = t;
+      u && n && c.setQueryData(u, n);
+    }
+    l({}), s == null || s();
+  }
+  return /* @__PURE__ */ f(
+    I,
+    {
+      onClick: p,
+      className: S("h-8", r),
+      size: "sm",
+      variant: "outline",
+      children: [
+        /* @__PURE__ */ y(X, { className: "mr-2 size-4" }),
+        "Close"
+      ]
+    }
+  );
+}
+function De({
+  label: r = "Clear",
+  variant: d = "secondary",
+  className: l
+} = {}) {
+  const { setTempQueryData: c } = q(), t = V(), s = i((g) => g.tempQueryData), o = i((g) => g.card), a = Z(), e = k(() => a !== o.type ? { ...o, type: a } : o, [o, a]), { queryKey: m } = H(e), {
+    setCardSql: p,
+    setSqlGen: u,
+    setCardPython: n,
+    setCardCustomCfg: b,
+    setCardPreferences: v,
+    clearQueryConfig: R,
+    setCardConfig: W,
+    setCardType: _,
+    setFrame: $,
+    setCard: J,
+    setActiveTabCardId: ee
+  } = q();
+  function ae() {
+    var P, E, Q, w;
+    const g = t.getQueryData(m);
+    s != null && s.queryData || c({
+      queryKey: m,
+      queryData: g
+    }), t.setQueryData(m, null), t.removeQueries({ queryKey: m, exact: !0 }), p(""), u({}), R(), W(void 0), n(""), b(""), v({});
+    const D = i.getState().frame, A = i.getState().card, h = B(D, A), M = ((P = h == null ? void 0 : h.customCardPreferences) == null ? void 0 : P.visualType) === "multiple" || !!((E = h == null ? void 0 : h.customCardPreferences) != null && E.dataInputCardIds) || (((Q = h == null ? void 0 : h.customCardPreferences) == null ? void 0 : Q.minInputs) || 0) > 1 || (((w = h == null ? void 0 : h.customCardPreferences) == null ? void 0 : w.maxInputs) || 0) > 1, N = ve(A, M);
+    $({
+      ...D,
+      cards: D.cards.map(
+        (L) => L.id === N.id ? N : L
+      )
+    }), ee(N.id), J(N), M || _("bar");
+  }
+  return /* @__PURE__ */ f(
+    I,
+    {
+      onClick: ae,
+      className: S("h-8", l),
+      size: "sm",
+      variant: d,
+      children: [
+        /* @__PURE__ */ y(X, { className: "mr-2 size-3.5" }),
+        r
+      ]
+    }
+  );
+}
+export {
+  Ie as C,
+  qe as E,
+  he as L,
+  Y as S,
+  Ne as V,
+  xe as a,
+  Te as b,
+  fe as c,
+  Ve as d,
+  De as e,
+  Z as u
+};

package/dist/chunks/editor-action-buttons-VdYqRxoT.js

@@ -0,0 +1,21 @@
+"use strict";const e=require("./index-CaMze_Fv.js"),a=require("react/jsx-runtime"),k=require("./use-visual-utils-BGLcxXJt.js"),v=require("react");/**
+ * @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 U=e.createLucideIcon("CircleX",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]);/**
+ * @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 M=e.createLucideIcon("Library",[["path",{d:"m16 6 4 14",key:"ji33uf"}],["path",{d:"M12 6v14",key:"1n7gus"}],["path",{d:"M8 8v12",key:"1gg7y9"}],["path",{d:"M4 4v16",key:"6qkkli"}]]);/**
+ * @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 F=e.createLucideIcon("Link2",[["path",{d:"M9 17H7A5 5 0 0 1 7 7h2",key:"8i5ue5"}],["path",{d:"M15 7h2a5 5 0 1 1 0 10h-2",key:"1b9ql8"}],["line",{x1:"8",x2:"16",y1:"12",y2:"12",key:"1jonct"}]]);/**
+ * @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 g=e.createLucideIcon("Save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]);function E(){var t,y;const u=e.useEditorStore(m=>m.card),c=e.useEditorStore(m=>m.frame),i=v.useMemo(()=>e.findCustomVisualConfigCard(c,u),[c,u]),{manifest:p}=e.useCustomVisual(((t=i==null?void 0:i.customCardPreferences)==null?void 0:t.url)||""),s=v.useMemo(()=>{var m;return(m=p==null?void 0:p.visuals)==null?void 0:m.find(d=>{var l;return d.name===((l=i==null?void 0:i.customCardPreferences)==null?void 0:l.componentName)})},[p,(y=i==null?void 0:i.customCardPreferences)==null?void 0:y.componentName]),o=e.resolveMultiInputType(i,s),n=v.useMemo(()=>e.getCustomVisualInputCards({frame:c,configCard:i,isMultiInputVisual:o==="multiple"}),[c,i,o]),r=v.useMemo(()=>{const m=n.findIndex(d=>(d==null?void 0:d.id)===u.id);return m<0?-1:e.getSlotIndexForCard(u,m)},[n,u]);return v.useMemo(()=>!i||o!=="multiple"||r<0?u.type:e.getEffectiveCardTypeForSlot(u,r,s==null?void 0:s.slots)??u.type,[i,o,r,u,s==null?void 0:s.slots])}function K({type:u,isLinked:c,className:i,showLabel:p=!1}){const s=e.useDashboardStore(f=>f.selectedFrameId),o=e.useManagementStore(f=>f.selectedVisual),n=e.useEditorStore(f=>f.frame);let r;if(u)r=u;else if(c!==void 0)r=c?"linked":"library";else if(!!!(n!=null&&n.visualId||o!=null&&o.id)&&s)r="local";else if(o&&!s)r="library";else if(n!=null&&n.visualId&&s)r="linked";else if(o!=null&&o.id&&s)r="library";else return null;if(r==="local")return null;const t={linked:"border-purple-200/70 bg-gradient-to-r from-purple-50/50 to-purple-100/30 text-purple-900 shadow-sm hover:from-purple-100/60 hover:to-purple-100/50 hover:shadow-md dark:border-purple-800/50 dark:from-purple-950/40 dark:to-purple-900/30 dark:text-purple-100 dark:hover:from-purple-950/60 dark:hover:to-purple-900/50",library:"border-blue-200/70 bg-gradient-to-r from-blue-50/50 to-blue-100/30 text-blue-900 shadow-sm hover:from-blue-100/60 hover:to-blue-100/50 hover:shadow-md dark:border-blue-800/50 dark:from-blue-950/40 dark:to-blue-900/30 dark:text-blue-100 dark:hover:from-blue-950/60 dark:hover:to-blue-900/50"},y={linked:"Linked to library: Changes made here update the library visual and all linked instances.",library:"Library visual: Share and reuse this visual across multiple dashboards."},m={linked:"border-purple-200 bg-purple-50 text-purple-900 dark:border-purple-800 dark:bg-purple-950 dark:text-purple-100",library:"border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-800 dark:bg-blue-950 dark:text-blue-100"},d={linked:"fill-purple-50 dark:fill-purple-950",library:"fill-blue-50 dark:fill-blue-950"},l={linked:a.jsx(F,{className:"h-3.5 w-3.5"}),library:a.jsx(M,{className:"h-3.5 w-3.5"})},h={linked:"Linked",library:"Library"};return a.jsx(e.TooltipProvider,{children:a.jsxs(e.Tooltip,{delayDuration:300,children:[a.jsx(e.TooltipTrigger,{asChild:!0,children:a.jsxs(e.Badge,{variant:"outline",className:e.cn("cursor-help select-none transition-all",t[r],i),children:[l[r],p&&a.jsx("span",{className:"ml-1 text-xs font-medium leading-none",children:h[r]})]})}),a.jsxs(e.TooltipContent,{side:"bottom",className:e.cn("max-w-xs",m[r]),children:[a.jsx(e.TooltipArrow,{className:d[r]}),a.jsx("p",{children:y[r]})]})]})})}function O(u,c){return{...u,sql:"",python:"",config:void 0,customCfg:"",preferences:{},interactionConfig:void 0,linkedInteractionTargetOverrides:void 0,customCardPreferences:c?u.customCardPreferences:void 0,type:c?u.type:"bar"}}function X({className:u,variant:c="outline"}){var r;const{setCardSql:i}=e.useEditorActions();e.useEditorStore(t=>t.frame);const p=e.useEditorStore(t=>t.card);k.useRemoteChartStore(((r=p.customCardPreferences)==null?void 0:r.url)||""),e.useEditorStore(t=>t.selectedSchemaName),e.useEditorStore(t=>t.selectedDatamodelId),e.useEditorStore(t=>t.selectedDatabaseName),e.useEditorStore(t=>t.selectedTableName),e.useEditorStore(t=>t.selectedConnectionId),e.useEditorStore(t=>t.isShowingVisual),p.sql;const s=e.useEditorStore(t=>t.onSave),{getUpdatedFrame:o}=k.useVisualUtils();function n(){const t=o();s==null||s(t)}return a.jsxs(e.Button,{onClick:n,className:e.cn("h-8",u),size:"sm",variant:c,children:[a.jsx(e.Check,{className:"mr-2 size-4 font-bold"}),"Accept"]})}function H({className:u,variant:c="default"}){const i=e.useQueryClient(),[p,s]=v.useState(!1),o=e.useDashboardStore(l=>l.actions.setIsDashboardPanelOpen),{setIsVisualEditing:n}=e.useDashboardActions(),{getUpdatedFrame:r}=k.useVisualUtils(),t=e.useSelectedVisual(),y=e.useEditorStore(l=>l.frame),m=e.useUpdateVisualMutation(),d=()=>{const l=r(),h=(y==null?void 0:y.visualId)||(t==null?void 0:t.id);if(!h){e.ue.error("No visual to save");return}s(!0),m.mutate({visualId:h,data:{frameObject:l}},{onSuccess:()=>{s(!1),o(!0),e.ue.success("Visual updated successfully"),i.invalidateQueries({queryKey:["resource-by-id","visual",h],exact:!0})},onError:()=>{s(!1),e.ue.error("Failed to update visual")}})};return a.jsxs(e.Button,{onClick:d,className:e.cn("h-8",u),size:"sm",variant:c,children:[p&&a.jsxs(a.Fragment,{children:[a.jsx(e.LoaderCircle,{className:"mr-2 size-4 animate-spin font-bold"})," Saving"]}),!p&&a.jsxs(a.Fragment,{children:[a.jsx(g,{className:"mr-2 size-4 font-bold"}),"Save to Library"]})]})}function R({className:u}){const c=e.useQueryClient(),[i,p]=v.useState(!1),s=e.useSelectedVisual(),o=e.useEditorStore(l=>l.frame),n=e.useDashboardStore(l=>l.selectedSheetId),{updateFrame:r,setIsVisualEditing:t}=e.useDashboardActions(),{getUpdatedFrame:y}=k.useVisualUtils(),m=e.useUpdateVisualMutation(),d=async()=>{if(!n){e.ue.error("No sheet selected");return}const l=(o==null?void 0:o.visualId)||(s==null?void 0:s.id);if(!l){e.ue.error("No visual to update");return}p(!0);try{const h=y();await m.mutateAsync({visualId:l,data:{frameObject:h}});const f={...h,visualId:l};r(n,f),c.invalidateQueries({queryKey:["visuals"]}),c.invalidateQueries({queryKey:["visual",l]}),e.ue.success("Saved to library and applied locally"),setTimeout(()=>{t(!1)},300)}catch(h){console.error("Failed to save and apply:",h),e.ue.error("Failed to save and apply changes")}finally{p(!1)}};return a.jsx(e.Button,{onClick:d,className:e.cn("h-8",u),size:"sm",variant:"default",disabled:i,children:i?a.jsxs(a.Fragment,{children:[a.jsx(e.LoaderCircle,{className:"mr-2 size-4 animate-spin font-bold"})," Saving..."]}):a.jsxs(a.Fragment,{children:[a.jsx(g,{className:"mr-2 size-4 font-bold"}),"Save & Apply"]})})}function G({className:u}){const{setTempQueryData:c,setSqlGen:i}=e.useEditorActions(),p=e.useQueryClient(),s=e.useEditorStore(d=>d.tempQueryData),o=e.useEditorStore(d=>d.onClose),n=e.useEditorStore(d=>d.card),r=E(),t=v.useMemo(()=>r!==n.type?{...n,type:r}:n,[n,r]),{queryKey:y}=e.useDashboardCardQuery(t);function m(){if(s){const{queryKey:d,queryData:l}=s;d&&l&&p.setQueryData(d,l)}i({}),o==null||o()}return a.jsxs(e.Button,{onClick:m,className:e.cn("h-8",u),size:"sm",variant:"outline",children:[a.jsx(e.X,{className:"mr-2 size-4"}),"Close"]})}function J({label:u="Clear",variant:c="secondary",className:i}={}){const{setTempQueryData:p}=e.useEditorActions(),s=e.useQueryClient(),o=e.useEditorStore(S=>S.tempQueryData),n=e.useEditorStore(S=>S.card),r=E(),t=v.useMemo(()=>r!==n.type?{...n,type:r}:n,[n,r]),{queryKey:y}=e.useDashboardCardQuery(t),{setCardSql:m,setSqlGen:d,setCardPython:l,setCardCustomCfg:h,setCardPreferences:f,clearQueryConfig:A,setCardConfig:B,setCardType:Q,setFrame:L,setCard:z,setActiveTabCardId:P}=e.useEditorActions();function w(){var q,N,V,T;const S=s.getQueryData(y);o!=null&&o.queryData||p({queryKey:y,queryData:S}),s.setQueryData(y,null),s.removeQueries({queryKey:y,exact:!0}),m(""),d({}),A(),B(void 0),l(""),h(""),f({});const x=e.useEditorStore.getState().frame,I=e.useEditorStore.getState().card,b=e.findCustomVisualConfigCard(x,I),j=((q=b==null?void 0:b.customCardPreferences)==null?void 0:q.visualType)==="multiple"||!!((N=b==null?void 0:b.customCardPreferences)!=null&&N.dataInputCardIds)||(((V=b==null?void 0:b.customCardPreferences)==null?void 0:V.minInputs)||0)>1||(((T=b==null?void 0:b.customCardPreferences)==null?void 0:T.maxInputs)||0)>1,C=O(I,j);L({...x,cards:x.cards.map(D=>D.id===C.id?C:D)}),P(C.id),z(C),j||Q("bar")}return a.jsxs(e.Button,{onClick:w,className:e.cn("h-8",i),size:"sm",variant:c,children:[a.jsx(e.X,{className:"mr-2 size-3.5"}),u]})}exports.CircleX=U;exports.EditorAcceptButton=X;exports.EditorCancelButton=G;exports.EditorClearButton=J;exports.Library=M;exports.Link2=F;exports.Save=g;exports.VisualBadge=K;exports.VisualSaveAndApplyButton=R;exports.VisualSaveButton=H;exports.useEffectiveEditorCardType=E;