react-semaphor 0.0.249 → 0.0.250

package/dist/chunks/dashboard-plus-p2FW-XCQ.js

@@ -0,0 +1,230 @@
+"use strict";const e=require("./index-IjsKPI0S.js"),S=require("react");function cs(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}const Ne=cs(S);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const xs=e.createLucideIcon("AreaChart",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"M7 12v5h12V8l-5 5-4-4Z",key:"zxz28u"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ke=e.createLucideIcon("BarChart4",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"M13 17V9",key:"1fwyjl"}],["path",{d:"M18 17V5",key:"sfb6ij"}],["path",{d:"M8 17v-3",key:"17ska0"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const us=e.createLucideIcon("Box",[["path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",key:"hh9hay"}],["path",{d:"m3.3 7 8.7 5 8.7-5",key:"g66t2b"}],["path",{d:"M12 22V12",key:"d0xqtd"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ds=e.createLucideIcon("ChevronsUpDown",[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ms=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.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ps=e.createLucideIcon("Database",[["ellipse",{cx:"12",cy:"5",rx:"9",ry:"3",key:"msslwz"}],["path",{d:"M3 5V19A9 3 0 0 0 21 19V5",key:"1wlel7"}],["path",{d:"M3 12A9 3 0 0 0 21 12",key:"mv7ke4"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const js=e.createLucideIcon("EllipsisVertical",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const hs=e.createLucideIcon("Eraser",[["path",{d:"m7 21-4.3-4.3c-1-1-1-2.5 0-3.4l9.6-9.6c1-1 2.5-1 3.4 0l5.6 5.6c1 1 1 2.5 0 3.4L13 21",key:"182aya"}],["path",{d:"M22 21H7",key:"t4ddhn"}],["path",{d:"m5 11 9 9",key:"1mo9qw"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ve=e.createLucideIcon("GanttChart",[["path",{d:"M8 6h10",key:"9lnwnk"}],["path",{d:"M6 12h9",key:"1g9pqf"}],["path",{d:"M11 18h7",key:"c8dzvl"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Es=e.createLucideIcon("Glasses",[["circle",{cx:"6",cy:"15",r:"4",key:"vux9w4"}],["circle",{cx:"18",cy:"15",r:"4",key:"18o8ve"}],["path",{d:"M14 15a2 2 0 0 0-2-2 2 2 0 0 0-2 2",key:"1ag4bs"}],["path",{d:"M2.5 13 5 7c.7-1.3 1.4-2 3-2",key:"1hm1gs"}],["path",{d:"M21.5 13 19 7c-.7-1.3-1.5-2-3-2",key:"1r31ai"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const fs=e.createLucideIcon("Hammer",[["path",{d:"m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9",key:"eefl8a"}],["path",{d:"m18 15 4-4",key:"16gjal"}],["path",{d:"m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5",key:"b7pghm"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const gs=e.createLucideIcon("Hash",[["line",{x1:"4",x2:"20",y1:"9",y2:"9",key:"4lhtct"}],["line",{x1:"4",x2:"20",y1:"15",y2:"15",key:"vyu0kd"}],["line",{x1:"10",x2:"8",y1:"3",y2:"21",key:"1ggp8o"}],["line",{x1:"16",x2:"14",y1:"3",y2:"21",key:"weycgp"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Rs=e.createLucideIcon("Home",[["path",{d:"m3 9 9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"y5dka4"}],["polyline",{points:"9 22 9 12 15 12 15 22",key:"e2us08"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const bs=e.createLucideIcon("Key",[["path",{d:"m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4",key:"g0fldk"}],["path",{d:"m21 2-9.6 9.6",key:"1j0ho8"}],["circle",{cx:"7.5",cy:"15.5",r:"5.5",key:"yqb3hr"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Le=e.createLucideIcon("LineChart",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ss=e.createLucideIcon("ListEnd",[["path",{d:"M16 12H3",key:"1a2rj7"}],["path",{d:"M16 6H3",key:"1wxfjs"}],["path",{d:"M10 18H3",key:"13769t"}],["path",{d:"M21 6v10a2 2 0 0 1-2 2h-5",key:"ilrcs8"}],["path",{d:"m16 16-2 2 2 2",key:"kkc6pm"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ys=e.createLucideIcon("ListStart",[["path",{d:"M16 12H3",key:"1a2rj7"}],["path",{d:"M16 18H3",key:"12xzn7"}],["path",{d:"M10 6H3",key:"lf8lx7"}],["path",{d:"M21 18V8a2 2 0 0 0-2-2h-5",key:"1hghli"}],["path",{d:"m16 8-2-2 2-2",key:"160uvd"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const vs=e.createLucideIcon("ListX",[["path",{d:"M11 12H3",key:"51ecnj"}],["path",{d:"M16 6H3",key:"1wxfjs"}],["path",{d:"M16 18H3",key:"12xzn7"}],["path",{d:"m19 10-4 4",key:"1tz659"}],["path",{d:"m15 10 4 4",key:"1n7nei"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const le=e.createLucideIcon("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Cs=e.createLucideIcon("MessageSquareMore",[["path",{d:"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z",key:"1lielz"}],["path",{d:"M8 10h.01",key:"19clt8"}],["path",{d:"M12 10h.01",key:"1nrarc"}],["path",{d:"M16 10h.01",key:"1m94wz"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ns=e.createLucideIcon("Network",[["rect",{x:"16",y:"16",width:"6",height:"6",rx:"1",key:"4q2zg0"}],["rect",{x:"2",y:"16",width:"6",height:"6",rx:"1",key:"8cvhb9"}],["rect",{x:"9",y:"2",width:"6",height:"6",rx:"1",key:"1egb70"}],["path",{d:"M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3",key:"1jsf9p"}],["path",{d:"M12 12V8",key:"2874zd"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const _e=e.createLucideIcon("Pencil",[["path",{d:"M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z",key:"5qss01"}],["path",{d:"m15 5 4 4",key:"1mk7zo"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Be=e.createLucideIcon("PieChart",[["path",{d:"M21.21 15.89A10 10 0 1 1 8 2.83",key:"k2fpak"}],["path",{d:"M22 12A10 10 0 0 0 12 2v10z",key:"1rfc4y"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ws=e.createLucideIcon("Play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const ks=e.createLucideIcon("Plug2",[["path",{d:"M9 2v6",key:"17ngun"}],["path",{d:"M15 2v6",key:"s7yy2p"}],["path",{d:"M12 17v5",key:"bb1du9"}],["path",{d:"M5 8h14",key:"pcz4l3"}],["path",{d:"M6 11V8h12v3a6 6 0 1 1-12 0v0Z",key:"nd4hoy"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ls=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"}]]);/**
+ * @license lucide-react v0.379.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=e.createLucideIcon("ScatterChart",[["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}],["circle",{cx:"18.5",cy:"5.5",r:".5",fill:"currentColor",key:"lysivs"}],["circle",{cx:"11.5",cy:"11.5",r:".5",fill:"currentColor",key:"byv1b8"}],["circle",{cx:"7.5",cy:"16.5",r:".5",fill:"currentColor",key:"nkw3mc"}],["circle",{cx:"17.5",cy:"14.5",r:".5",fill:"currentColor",key:"1gjh6j"}],["path",{d:"M3 3v18h18",key:"1s2lah"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Pe=e.createLucideIcon("Shapes",[["path",{d:"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z",key:"1bo67w"}],["rect",{x:"3",y:"14",width:"7",height:"7",rx:"1",key:"1bkyp8"}],["circle",{cx:"17.5",cy:"17.5",r:"3.5",key:"w3z12y"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Is=e.createLucideIcon("ShieldQuestion",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3",key:"mhlwft"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ds=e.createLucideIcon("Sigma",[["path",{d:"M18 7V4H6l6 8-6 8h12v-3",key:"zis8ev"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const As=e.createLucideIcon("SwatchBook",[["path",{d:"M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z",key:"1ldrpk"}],["path",{d:"M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7",key:"11i5po"}],["path",{d:"M 7 17h0.01",key:"10821z"}],["path",{d:"m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8",key:"o2gii7"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ts=e.createLucideIcon("Tag",[["path",{d:"M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z",key:"vktsd0"}],["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const zs=e.createLucideIcon("ToggleLeft",[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"6",ry:"6",key:"f2vt7d"}],["circle",{cx:"8",cy:"12",r:"2",key:"1nvbw3"}]]);/**
+ * @license lucide-react v0.379.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=e.createLucideIcon("Type",[["polyline",{points:"4 7 4 4 20 4 20 7",key:"1nosan"}],["line",{x1:"9",x2:"15",y1:"20",y2:"20",key:"swin9y"}],["line",{x1:"12",x2:"12",y1:"4",y2:"20",key:"1tx1rr"}]]);/**
+ * @license lucide-react v0.379.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Fs=e.createLucideIcon("User",[["path",{d:"M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2",key:"975kel"}],["circle",{cx:"12",cy:"7",r:"4",key:"17ys0d"}]]);function De(s){var n;return{...s,sheets:(n=s==null?void 0:s.sheets)==null?void 0:n.map(t=>{var r;return{...t,frames:(r=t.frames)==null?void 0:r.map(o=>{var c;return{...o,cards:(c=o.cards)==null?void 0:c.map(a=>$e(a))}})}})}}function $e(s){var n,t,r,o;return{...s,cfg:{...s.cfg,data:{...(n=s.cfg)==null?void 0:n.data,labels:[],datasets:(o=(r=(t=s.cfg)==null?void 0:t.data)==null?void 0:r.datasets)==null?void 0:o.map(c=>({...c,data:[]}))}},customCfg:Os(s.customCfg),data:[]}}function Os(s){var n,t;return s?{...s,data:{...s==null?void 0:s.data,labels:[],datasets:(t=(n=s==null?void 0:s.data)==null?void 0:n.datasets)==null?void 0:t.map(r=>({...r,data:[]}))}}:null}async function Ms(s,n,t,r){if(!r)return null;const o=JSON.stringify(n),c="https://semaphor.cloud/api/v1/lens";return await e.postRequest(c,r,{name:s,template:o,filterValues:t,operation:"create"})}async function we(s,n){if(!n)return null;const{id:t,template:r,filterValues:o,isDefault:c,shared:a}=s,l="https://semaphor.cloud/api/v1/lens";return await e.postRequest(l,n,{lensId:t,template:r,filterValues:o,isDefault:c,shared:a,operation:"update"})}async function qs(s,n){if(!n)return null;const t="https://semaphor.cloud/api/v1/lens";return await e.postRequest(t,n,{operation:"delete",lensId:s})}function Vs(){const[s,n]=S.useState(""),[t,r]=S.useState(!1),o=e.useDashboardStore(g=>g.lenses),{setLenses:c,setSelectedLensId:a}=e.useDashboardActions(),[l,x]=S.useState(!1),[p,m]=S.useState(!1),h=e.useDashboardStore(g=>g.dashboard),f=e.useDashboardStore(g=>g.filterValues),{authToken:d}=e.useSemaphorContext();async function u(){x(!0);const g=De(h),j=await Ms(s,g,f,d==null?void 0:d.accessToken);j&&(c([...o||[],j]),a(j.id),m(!1)),x(!1)}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:p,onOpenChange:m,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(e.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",children:[e.jsxRuntimeExports.jsx(e.Plus,{className:"mr-2 h-4 w-4",strokeWidth:1.5}),"Lens"]})}),e.jsxRuntimeExports.jsxs(e.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxRuntimeExports.jsxs(e.DialogHeader,{children:[e.jsxRuntimeExports.jsx(e.DialogTitle,{children:"Create Lens"}),e.jsxRuntimeExports.jsx(e.DialogDescription,{children:"Lenses are private by default and are only visible to you."})]}),e.jsxRuntimeExports.jsx("div",{className:"grid gap-4 py-4",children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-8 items-center gap-4",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"text-right",children:"Name"}),e.jsxRuntimeExports.jsx(e.Input,{value:s,onChange:g=>{n(g.target.value)},id:"name",className:"col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"})]})}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"The lens name already exists. Use a differnet name."}),e.jsxRuntimeExports.jsx(e.DialogFooter,{children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",variant:"outline",type:"submit",onClick:u,disabled:l,children:l?"Creating...":"Add"})})]})]})}function _s(){const[s,n]=S.useState(!1),t=e.useDashboardStore(m=>m.lenses),r=e.useDashboardStore(m=>m.selectedLensId),{setLenses:o,setSelectedLensId:c}=e.useDashboardActions(),{authToken:a}=e.useSemaphorContext();async function l(m){c(m)}async function x(m){if(await qs(m,a==null?void 0:a.accessToken)){const f=t==null?void 0:t.filter(d=>d.id!==m);o(f||[]),c("original")}}async function p(m){const h=t==null?void 0:t.map(u=>u.id===m.id?{...u,isDefault:!m.isDefault}:{...u,isDefault:!1});o(h||[]);const f={...m,isDefault:!m.isDefault};await we(f,a==null?void 0:a.accessToken);const d=t==null?void 0:t.find(u=>u.isDefault);if(d&&d.id!==m.id){const u={...d,isDefault:!1};await we(u,a==null?void 0:a.accessToken)}}return e.jsxRuntimeExports.jsxs(e.DropdownMenu,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{variant:"ghost",className:"h-7 p-2",children:e.jsxRuntimeExports.jsx(Es,{className:"h-4 w-4",strokeWidth:1.5})})}),e.jsxRuntimeExports.jsxs(e.DropdownMenuContent,{align:"end",className:"w-60",children:[e.jsxRuntimeExports.jsx(e.DropdownMenuLabel,{className:"px-3",children:"Lenses"}),e.jsxRuntimeExports.jsx(e.DropdownMenuSeparator,{}),e.jsxRuntimeExports.jsxs(e.DropdownMenuRadioGroup,{value:r,onValueChange:l,children:[e.jsxRuntimeExports.jsx(e.DropdownMenuRadioItem,{value:"original",children:"Original"}),t==null?void 0:t.map(m=>e.jsxRuntimeExports.jsxs(e.DropdownMenuRadioItem,{className:"group flex justify-between",value:m.id,children:[e.jsxRuntimeExports.jsx("p",{children:m.name}),e.jsxRuntimeExports.jsxs("span",{className:"flex items-center gap-3",children:[e.jsxRuntimeExports.jsx(Rs,{onClick:h=>{h.preventDefault(),p(m)},className:e.cn("size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",{invisible:!m.isDefault,"text-green-500":m.isDefault}),strokeWidth:1.5}),e.jsxRuntimeExports.jsx(e.Cross2Icon,{onClick:h=>{h.preventDefault(),x(m.id)},className:"invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",strokeWidth:1.5})]})]},m.id))]})]})]})}function Bs(){const{authToken:s}=e.useSemaphorContext(),n=e.useDashboardStore(E=>E.lenses),t=e.useDashboardStore(E=>E.selectedLensId),r=n==null?void 0:n.find(E=>E.id===t),o=e.useDashboardStore(E=>E.dashboard);e.useDashboardStore(E=>E.selectedSheetId);const c=e.useDashboardStore(E=>E.isDashboardEditing),[a,l]=S.useState(!1),x=e.useDashboardStore(E=>E.filterValues),p=e.useDashboardStore(E=>E.isVisualEditing),m=e.useDashboardStore(E=>E.showFilters);e.useDashboardStore(E=>E.showDashboardJSON);const h=e.useDashboardStore(E=>E.onSaveFunction),f=e.useDashboardStore(E=>E.actions.setShowFilters),{addFrame:d,setSelectedFrameId:u}=e.useDashboardStore(E=>E.actions),{getSelectedSheet:g,setIsDashboardEditing:j,setShowDashboardJSON:N}=e.useDashboardStore(E=>E.actions),w=g(),{tenantId:R,endUserId:T}=S.useMemo(()=>e.getTenantAndEndUserId(s==null?void 0:s.accessToken),[s==null?void 0:s.accessToken]),D=S.useMemo(()=>R||T,[R,T]),z=()=>{if(!c||!w)return;const E={id:e.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"select COUNT(*) from YOUR_TABLE",data:[]},A={id:e.v4(),cards:[E],activeCardId:E.id};d(w.id,A),u(A.id)},I=()=>{j(!0)};async function b(){if(l(!0),!t||!r)return;const E=De(o),A=JSON.stringify(E),O={...r,template:A,filterValues:x};await we(O,s==null?void 0:s.accessToken),e.Jt.success("Lens saved"),h==null||h(E),l(!1)}return p?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-2 border-b bg-muted/50 py-2 pl-3 pr-2",role:"dashboard-controls",children:[!p&&e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-3",children:e.jsxRuntimeExports.jsx(e.Label,{children:r==null?void 0:r.name})}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[c&&!p&&D&&e.jsxRuntimeExports.jsx(Vs,{}),!p&&D&&e.jsxRuntimeExports.jsx(_s,{}),c&&!p&&e.jsxRuntimeExports.jsxs(e.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",disabled:!c,onClick:z,children:[e.jsxRuntimeExports.jsx(e.Plus,{className:"mr-2 h-4 w-4",strokeWidth:1.5}),"Frame"]}),!c&&e.jsxRuntimeExports.jsx(e.Button,{variant:"ghost",className:"h-7 p-2",onClick:I,size:"sm",children:e.jsxRuntimeExports.jsx(_e,{className:"h-4 w-4",strokeWidth:1.5})}),c&&!p&&e.jsxRuntimeExports.jsx(e.Button,{variant:"ghost",role:"close",className:"h-7 p-2",onClick:()=>{j(!1),N(!1)},size:"sm",children:e.jsxRuntimeExports.jsx(e.Cross2Icon,{className:"h-4 w-4",strokeWidth:1.5})}),c&&!p&&D&&e.jsxRuntimeExports.jsx(e.Button,{className:"h-7 p-2",variant:"ghost",disabled:a,onClick:b,size:"sm",children:e.jsxRuntimeExports.jsx(Ls,{className:"h-4 w-4",strokeWidth:1.5})}),!m&&!p&&c&&e.jsxRuntimeExports.jsx(e.Button,{className:"h-7 p-2",variant:"ghost",onClick:()=>f(!0),size:"sm",children:e.jsxRuntimeExports.jsx(e.Filter,{className:"h-4 w-4",strokeWidth:1.5})}),!p&&c&&!1,!p&&!1]})]})}function ae({title:s,items:n,value:t,isLoading:r,isError:o,connectionTooltip:c,onChange:a,showNone:l=!1,className:x,showIcon:p=!0,disabled:m=!1}){const h=r?"Loading...":o?"Error":t;function f(){if(s==="Connection")return e.jsxRuntimeExports.jsx(ks,{className:"size-4 rotate-90"});if(s==="Database")return e.jsxRuntimeExports.jsx(ps,{className:"size-4"});if(s==="Schema")return e.jsxRuntimeExports.jsx(Ns,{className:"size-4"});if(s==="Table")return e.jsxRuntimeExports.jsx(e.Table,{className:"size-4"});if(s==="Model")return e.jsxRuntimeExports.jsx(us,{className:"size-4"})}return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[p&&e.jsxRuntimeExports.jsx("div",{className:"shrink-0",children:c?e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{children:f()}),e.jsxRuntimeExports.jsx(e.TooltipContent,{className:"text-xs",align:"start",children:c})]}):f()}),e.jsxRuntimeExports.jsxs(e.Select,{disabled:m,value:h,onValueChange:a,children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:e.cn("h-9 w-full focus:ring-1 focus:ring-offset-0",x),children:e.jsxRuntimeExports.jsx(e.SelectValue,{placeholder:r?"Loading...":o?"Error":`Select ${s}`})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[r?e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Loading..."}):e.jsxRuntimeExports.jsx(e.SelectLabel,{children:s}),e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[l&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:"none",children:"None"},"none"),n&&n.map((d,u)=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:d.id,children:d.name},u))]}),(r||o)&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:h,children:h})]})})]})]})}function Hs({column:s}){const[n,t]=S.useState(!1),r=e.useEditorStore(d=>d.selectedTableName),o=e.useEditorStore(d=>d.selectedSchemaName),c=e.useEditorStore(d=>d.selectedDatamodelId),a=e.useEditorStore(d=>d.sqlGen),{modelItems:l}=oe(),x=e.useEditorStore(d=>d.actions.setSqlGen),p=e.useEditorStore(d=>d.actions.setCardSql),m=e.useEditorStore(d=>d.actions.setRunSql);function h(d,u){var w;const g=e.createSqlGenConfig(d,a,u),j=(w=l==null?void 0:l.find(R=>R.id===c))==null?void 0:w.name;x(g);const N=e.getSql(g,e.fmt(o||""),e.fmt(r),j);N&&(p(N),m(!0)),t(!1)}function f(){return e.jsxRuntimeExports.jsxs("ul",{className:"text-xs",children:[e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"MIN"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Min"})]})}return e.jsxRuntimeExports.jsxs(e.HoverCard,{openDelay:0,open:n,onOpenChange:t,children:[e.jsxRuntimeExports.jsx(e.HoverCardTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(js,{className:"invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible"})}),e.jsxRuntimeExports.jsx(e.HoverCardContent,{align:"center",className:"w-20 rounded-md p-0 shadow-none",children:f()})]})}function Ge({column:s}){return e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.$a093c7e1ec25a057$export$8c610744efcf8a1d,{asChild:!0,children:e.TEXT_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(Ie,{className:"size-3"}):e.NUMBER_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(gs,{className:"size-3"}):e.DATE_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(e.Calendar,{className:"size-3"}):e.BOOLEAN_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(zs,{className:"size-3"}):e.jsxRuntimeExports.jsx(Is,{className:"size-3"})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{className:"font-mono text-xs",children:s.data_type})})]})}function Ps({schemaName:s,tableName:n,columns:t,status:r}){const o=e.useEditorStore(b=>b.sqlGen),c=e.useEditorStore(b=>b.selectedConnectionId),a=e.useEditorStore(b=>b.selectedDatabaseName),l=e.useEditorStore(b=>b.selectedSchemaName),x=e.useEditorStore(b=>b.selectedTableName),p=e.useEditorStore(b=>b.selectedDatamodelId),m=e.useDashboardStore(b=>b.dashboard.aiScopeTables),{setAIScopeTables:h}=e.useDashboardStore(b=>b.actions),f=e.useEditorStore(b=>b.actions.setRunSql),d=e.useEditorStore(b=>b.actions.setSqlGen),u=e.useEditorStore(b=>b.actions.setIsShowingVisual),g=e.useEditorStore(b=>b.actions.setCardSql),{connectionType:j,modelItems:N}=oe();function w(b){var L;const E=e.createSqlGenConfig(b,o);d(E);const A=(L=N==null?void 0:N.find(M=>M.id===p))==null?void 0:L.name,O=e.getSql(E,e.fmt(s),e.fmt(n),A);O&&(g(O),f(!0))}function R(){return(m==null?void 0:m.find(b=>b.connectinonId===c&&b.tableName===x))!==void 0}function T(b){if(b===!0&&x&&c){const E={connectinonId:c,connectionType:j,databaseName:a,schemaName:l,tableName:x},O=[...m||[],E].filter((L,M,B)=>B.findIndex(P=>P.connectinonId===L.connectinonId&&P.tableName===L.tableName)===M);h(O),e.Jt.success(`Added '${x}' to AI Scope`,{position:"top-right",duration:2500,richColors:!0})}else{const E=(m||[]).filter(A=>A.connectinonId!==c&&A.tableName!==x);h(E),e.Jt(`Removed '${x}' from AI Scope`,{position:"top-right",duration:2e3,richColors:!0})}}function D(){var L;let b=e.getQualifiedTableName(s,n);const E=(L=N==null?void 0:N.find(M=>M.id===p))==null?void 0:L.name;console.log("modelName",E),p&&p!=="none"&&(b=`${e.DATAMODEL_NAMESPCACE}.${E}`);let A=b;return(M=>/[A-Z]/.test(M))(n)&&(A=A.split(".").map(B=>`"${B}"`).join(".")),A}function z(){const b=D();u(!1);const E=j==="MSSQL"?`SELECT top 10 * FROM ${b}`:`SELECT * FROM ${b} LIMIT 10`;g(E),f(!0)}function I(){const b=D();g(`SELECT COUNT(*) as count FROM ${b}`),f(!0)}return e.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center gap-1",children:[e.jsxRuntimeExports.jsx(e.Toggle,{title:`${R()?"Remove from":"Add to"} AI Scope`,pressed:R(),onPressedChange:T,variant:"outline",className:"h-9 px-2",children:e.jsxRuntimeExports.jsx(e.Bot,{className:e.cn("size-4",{"text-primary":R(),"text-muted-foreground":!R()})})}),e.jsxRuntimeExports.jsxs(e.Button,{disabled:r!=="Success",onClick:z,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsxRuntimeExports.jsx(le,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(As,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxRuntimeExports.jsxs(e.Button,{disabled:r!=="Success",onClick:I,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsxRuntimeExports.jsx(le,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(Ds,{className:"mr-2 size-4"}),"Count"]})]}),e.jsxRuntimeExports.jsxs(e.ScrollArea,{className:"flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",children:[t==null?void 0:t.map(b=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>w(b),className:e.cn("group mx-3 flex cursor-pointer items-center justify-between rounded px-2 py-[6px] text-sm transition-colors hover:bg-muted/50",{"bg-muted":e.isColumnInSqlGen(b,o)}),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(Ge,{column:b}),e.jsxRuntimeExports.jsx("span",{children:b.column_name})]}),e.jsxRuntimeExports.jsx("div",{onClick:E=>E.stopPropagation(),className:"flex items-center justify-end",children:e.NUMBER_DATA_TYPES.includes(b.data_type)&&e.jsxRuntimeExports.jsx(Hs,{column:b})})]},b.column_name)),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]})]})}function oe(s,n){var pe,je,de,he,Ee;let t=S.useMemo(()=>[],[]);const r=e.useSemaphorContext().authToken||s,o=e.useEditorStore(i=>i.selectedConnectionId),c=e.useEditorStore(i=>i.selectedDatamodelId),a=e.useEditorStore(i=>i.selectedDatabaseName),l=e.useEditorStore(i=>i.selectedSchemaName),x=e.useEditorStore(i=>i.selectedTableName),p=e.useEditorStore(i=>i.actions.setCurrentColumns),m=e.useEditorStore(i=>i.actions.setSelectedConnectionId),h=e.useEditorStore(i=>i.actions.setSelectedDatamodelId),f=e.useEditorStore(i=>i.actions.setSelectedDatabaseName),d=e.useEditorStore(i=>i.actions.setSelectedSchemaName),u=e.useEditorStore(i=>i.actions.setSelectedTableName),g=e.useEditorStore(i=>i.actions.setCardSql);function j(i){return o&&a&&l&&a!=="NA"?!0:o&&i==="API"?!1:!!(o&&i==="S3")}function N(i){return!!(o&&a&&a!=="NA"&&l&&x||o&&(i==="S3"||i==="API")||c&&c)}function w(i){return o&&i?!(i==="API"||i==="S3"):!1}const{data:R,isLoading:T,isError:D}=e.useQuery({queryKey:["connections"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/connections",(r==null?void 0:r.accessToken)||""),enabled:!!(r!=null&&r.accessToken)}),{data:z,isLoading:I,isError:b}=e.useQuery({queryKey:["models",o],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/datamodels",(r==null?void 0:r.accessToken)||"",{connection_id:o}),enabled:!!(r!=null&&r.accessToken)&&!!o}),E=R==null?void 0:R.connections.find(i=>i.id===o),A=E==null?void 0:E.type,O=(E==null?void 0:E.type)==="API"||(E==null?void 0:E.type)==="S3",{data:L,isLoading:M,isFetching:B,isError:P,refetch:$}=e.useQuery({queryKey:["databases",o],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/databases",(r==null?void 0:r.accessToken)||"",{connection_id:o}),enabled:w(A)}),{data:V,isLoading:G,isFetching:y,isError:k,refetch:q}=e.useQuery({queryKey:["schemas",o,a],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/schemas",(r==null?void 0:r.accessToken)||"",{connection_id:o,database_name:a}),enabled:!!o&&!!a&&!O&&a!=="NA"}),{data:C,isLoading:v,isFetching:Q,isError:F,refetch:_}=e.useQuery({queryKey:["tables",o,a,l],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/tables",(r==null?void 0:r.accessToken)||"",{connection_id:o,database_name:a,schema_name:l}),enabled:j(A)}),{data:K,isLoading:se,isFetching:te,isError:W}=e.useQuery({queryKey:["columns",o,a,c,l,x],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/columns",(r==null?void 0:r.accessToken)||"",{connection_id:o,datamodel_id:c||"",database_name:a,schema_name:l,table_name:x}),enabled:N(A)});S.useEffect(()=>{p(t)},[K,p,t]),S.useEffect(()=>{},[O,g,u,d,f,E]);const H=(E==null?void 0:E.type)==="API"?(pe=E==null?void 0:E.type)==null?void 0:pe.toLowerCase():x||"",J=O?"":l||"";function Y(i){d(i),u("")}function ne(i){f(i==="none"?"":i),d(""),u(""),i!=="none"&&i!==""&&h("")}function Z(i){m(i)}function ue(i){h(i==="none"?"":i),i!=="none"&&i!==""&&f("")}L&&((je=L==null?void 0:L.databases)==null?void 0:je.length)>0,V&&((de=V==null?void 0:V.schemas)==null?void 0:de.length)>0,K&&((he=K==null?void 0:K.columns)==null?void 0:he.length)>0&&(t=K.columns.map(i=>({...i,data_type:i.data_type.toLowerCase()}))),P&&(t=[]),(W||D)&&(t=[]);const Te=R==null?void 0:R.connections.map(i=>({id:i.id,name:i.name,type:i.type})),ie=(Ee=z==null?void 0:z.datamodels)==null?void 0:Ee.map(i=>({id:i.id,name:i.name})),ye=L==null?void 0:L.databases.map(i=>({id:i.database_name,name:i.database_name})),me=V==null?void 0:V.schemas.map(i=>({id:i.schema_name,name:i.schema_name})),ve=C==null?void 0:C.tables.map(i=>({id:i.table_name,name:i.table_name}));return{connectionItems:Te,isConnectionsLoading:T,isConnectionsError:D,modelItems:ie,isModelsLoading:I,isModelsError:b,databaseItems:ye,isDatabasesLoadingOrFetching:M||B,isDatabaseError:P,schemaItems:me,isSchemaLoadingOrFetching:G||y,isSchemaError:k,tableItems:ve,isTableLoadingOrFetching:v||Q,isTableError:F,columns:t,isColumnsLoadingOrFetching:se||te,isColumnsError:W,isNonDbConnection:O,connectionType:A,tableName:H,schemaName:J,handleConnectionChange:Z,handleDatamodelChange:ue,handleDatabaseChange:ne,handleSchemaChange:Y}}function Ue({ColumnsComponent:s}){var Q;const n=e.useEditorStore(F=>F.selectedConnectionId),t=e.useEditorStore(F=>F.selectedDatamodelId),r=e.useEditorStore(F=>F.selectedDatabaseName),o=e.useEditorStore(F=>F.selectedSchemaName),c=e.useEditorStore(F=>F.selectedTableName),a=e.useEditorStore(F=>F.actions.setSelectedTableName),{connectionItems:l,modelItems:x,schemaItems:p,databaseItems:m,tableItems:h,columns:f,isConnectionsLoading:d,isModelsLoading:u,isConnectionsError:g,isModelsError:j,isDatabasesLoadingOrFetching:N,isDatabaseError:w,isSchemaLoadingOrFetching:R,isSchemaError:T,isColumnsError:D,isColumnsLoadingOrFetching:z,isTableLoadingOrFetching:I,isTableError:b,connectionType:E,isNonDbConnection:A,handleConnectionChange:O,handleDatabaseChange:L,handleSchemaChange:M,handleDatamodelChange:B,tableName:P,schemaName:$}=oe();function V(){return s?s($,P,f):e.jsxRuntimeExports.jsx(Ps,{schemaName:$,tableName:P,columns:f,status:z?"Loading...":D?"Error":"Success"})}function G(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function y(){if(!n||E==="S3"||E==="API")return null;if(!t||t==="none")return e.jsxRuntimeExports.jsx(ae,{showNone:!0,onChange:L,isError:w,isLoading:N,items:m,value:r||"",title:"Database"})}function k(){if(n&&!A&&(!r||r==="none")&&(!t||t==="none"))return e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3",children:[e.jsxRuntimeExports.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsxRuntimeExports.jsx(e.Separator,{})}),e.jsxRuntimeExports.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsxRuntimeExports.jsx(e.Label,{children:"OR"})}),e.jsxRuntimeExports.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsxRuntimeExports.jsx(e.Separator,{})})]})}function q(){if(!n||E==="S3"||E==="API")return null;if(!r||r==="none")return e.jsxRuntimeExports.jsx(ae,{showNone:!0,onChange:B,isError:j,isLoading:u,items:x,value:t||"",title:"Model"})}function C(){return!n||E==="S3"||E==="API"||!r||r==="none"?null:e.jsxRuntimeExports.jsx(ae,{onChange:M,isError:T,isLoading:R,items:p,value:o||"",title:"Schema"})}function v(){function F(){let _=!1;return E==="API"?(_=!1,_):((E==="S3"||n&&r&&r!=="none"&&o)&&(_=!0),_)}return F()?e.jsxRuntimeExports.jsx(ae,{onChange:a,isError:b,items:h,isLoading:I,value:c||"",title:"Table"}):null}return e.jsxRuntimeExports.jsxs("aside",{className:"xbg-red-100 flex grow flex-col justify-between",children:[e.jsxRuntimeExports.jsxs("section",{className:"space-y-3 px-6 py-4",children:[e.jsxRuntimeExports.jsx(ae,{items:l,title:"Connection",value:n||"",onChange:O,isLoading:d,isError:g,connectionTooltip:((Q=l==null?void 0:l.find(F=>F.id===n))==null?void 0:Q.type)||""}),q(),k(),y(),C(),v()]}),V(),e.jsxRuntimeExports.jsx("div",{className:"flex items-end justify-center gap-2 px-6 py-4",children:e.jsxRuntimeExports.jsxs(e.Button,{onClick:G,size:"sm",variant:"secondary",className:"w-full",children:[e.jsxRuntimeExports.jsx(Cs,{className:"mr-2 size-4"}),"Help"]})})]})}function $s(s){const n=s.toUpperCase().indexOf("WHERE"),t=s.toUpperCase().indexOf("GROUP BY"),r=s.toUpperCase().indexOf("LIMIT"),o=s.toUpperCase().indexOf("ORDER BY");let c=s.length;if(o!==-1&&(c=o),r!==-1&&r<c&&(c=r),n!==-1){const a=s.substring(0,n),l=s.substring(n);return`${a} {{ filters | where }} AND ${l.substring(6)}`}else if(t!==-1){const a=s.substring(0,t),l=s.substring(t);return`${a} {{ filters | where }} ${l}`}else{const a=s.substring(0,c),l=s.substring(c);return`${a} {{ filters | where }} ${l}`}}function Gs({error:s,setShowAIDialog:n,setUserInputforAI:t,setTriggerAIRun:r}){return e.jsxRuntimeExports.jsxs(e.HoverCard,{openDelay:0,children:[e.jsxRuntimeExports.jsx(e.HoverCardTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{variant:"link",className:"h-5 p-0",children:e.jsxRuntimeExports.jsx(ms,{className:"h-4 w-4 text-red-500"})})}),e.jsxRuntimeExports.jsx(e.HoverCardContent,{align:"start",className:"min-w-fit max-w-[500px]",children:e.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:e.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col space-y-2",children:[e.jsxRuntimeExports.jsx(e.ScrollArea,{className:"max-h-[250px] min-h-0 overflow-scroll",children:e.jsxRuntimeExports.jsx("p",{className:"overflow-auto rounded-md bg-muted p-2 text-xs leading-relaxed",children:s})}),e.jsxRuntimeExports.jsxs(e.Button,{onClick:()=>{n(!0),t(s),r(!0)},size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(fs,{className:"mr-2 h-4 w-4"}),"Debug with AI"]})]})})})]})}function Us({text:s,onCheckedChange:n,checked:t}){return e.jsxRuntimeExports.jsxs("div",{className:"xbg-red-100 ml-6 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:t,onCheckedChange:n}),e.jsxRuntimeExports.jsx("label",{className:"text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:s})]})}function Qs(){const{authToken:s}=e.useSemaphorContext(),n=e.useEditorStore(c=>c.selectedConnectionId),{data:t}=e.useQuery({queryKey:["connections"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/connections",(s==null?void 0:s.accessToken)||""),enabled:!!(s!=null&&s.accessToken)}),r=t==null?void 0:t.connections.find(c=>c.id===n);return r==null?void 0:r.type}function Ks(){const{authToken:s}=e.useSemaphorContext(),n=S.useRef(null),t=e.useEditorStore(x=>x.applyFilters),[r,o]=S.useState(""),c=e.useEditorStore(x=>x.filterValues),a=e.useEditorStore(x=>x.card.sql),l=Qs();return e.jsxRuntimeExports.jsxs(e.HoverCard,{openDelay:0,onOpenChange:async x=>{if(!x)return;console.log("onOpenChange");const p=await e.postRequest("https://semaphor.cloud/api/v1/filter-sql",(s==null?void 0:s.accessToken)||"",{sql:a,active_filters:c,connection_type:l});console.log(p),p.sql?(console.log(p.records),o(p.sql)):o("Error")},children:[e.jsxRuntimeExports.jsx(e.HoverCardTrigger,{asChild:!0,children:t&&e.jsxRuntimeExports.jsx("p",{className:"p-0 text-xs hover:cursor-pointer",children:"|  Filter Query"})}),e.jsxRuntimeExports.jsxs(e.HoverCardContent,{align:"end",className:"w-[600px]",children:[e.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:e.jsxRuntimeExports.jsx("div",{className:"rounded-sm bg-muted p-2",children:e.jsxRuntimeExports.jsxs("code",{ref:n,className:"font-mono text-sm",children:[r,e.jsxRuntimeExports.jsx(e.ClipboardCopyIcon,{onClick:()=>e.copyToClipboard(n),className:"ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsx(e.InfoCircledIcon,{className:"h-4 w-4 opacity-70"}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-muted-foreground",children:"A preview of the query with filters applied."})]})]})]})}const Ws=`
+
+Use the following syntax to create a chart query. Please replace the x-axis, y-axis, stack-by, label, and measure with the actual column names of the table.
+
+Bar / Line Chart: 
+
+SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table
+
+- X-axis - Category 
+- Y-axis - Number
+
+Stacked Chart: 
+
+SELECT x-axis, stack-by, y-axis FROM table
+
+- X-axis - Category
+- Stack by - Category
+- Y-axis - Number
+
+
+Scatter Chart:
+
+SELECT label, x-axis, y-axis FROM table
+
+- Label - Category
+- Group (opt) - Category 
+- X-axis - Number 
+- Y-axis - Number 
+
+
+Bubble Chart:
+
+SELECT label, x-axis, y-axis, radius FROM table
+
+- Label - Category 
+- Bubble Group (opt) - Category 
+- X-axis - Number 
+- Y-axis - Number 
+- Radius - Number 
+
+Pie / Dougnut Chart:
+
+SELECT label, measure FROM table
+
+- Label - Category 
+- Measure - Number 
+`;function Js({open:s,setOpen:n,userInput:t,setUserInput:r,triggerAIRun:o,setTriggerAIRun:c}){const a=S.useRef(null),l=S.useRef(null),{authToken:x}=e.useSemaphorContext(),[p,m]=S.useState(!1),h=e.useEditorStore(y=>y.actions.setCardSql),f=e.useDashboardStore(y=>y.dashboard.baseQueries),d=e.useEditorStore(y=>y.actions.setRunSql),u=e.useEditorStore(y=>y.actions.setCardType),[g,j]=S.useState([]),N=e.useEditorStore(y=>y.currentColumns),w=e.useEditorStore(y=>y.card.sql),R=e.useEditorStore(y=>y.selectedTableName),T=`
+  ${t}
+
+  Database Query Dialect: ${R==="api"||R==="s3"?"DuckDb":""}
+  Table Name: ${R}   
+  Table Columns: ${N==null?void 0:N.map(y=>`${y.column_name} | ${y.data_type}`).join(", ")}
+  User SQL: ${w}  
+  ${f&&`Base Queries: ${JSON.stringify(f)} `}`,D=` When the user asks for a specific chart please use the following query structure to generate the chart query. Do not make up the column names. Use only the table columns provided above for the query. Replace x-axis, y-axis, and lables with the appropriate column names.
+  Visual Query Syntax: ${Ws}`,{data:z,isLoading:I,isFetching:b,isError:E,refetch:A}=e.useQuery({queryKey:["ai-query"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/ai",(x==null?void 0:x.accessToken)||"",{user_content:`userContent: ${T} ${p?D:""}`}),enabled:!1});function O(y){if(y.toLowerCase().includes("bar"))u("bar");else if(y.toLowerCase().includes("line"))u("line");else if(y.toLowerCase().includes("bubble"))u("bubble");else if(y.toLowerCase().includes("scatter"))u("scatter");else if(y.toLowerCase().includes("stacked"))u("stackedBar");else if(y.toLowerCase().includes("pie"))u("pie");else if(y.toLowerCase().includes("donut")||y.toLowerCase().includes("doughnut"))u("doughnut");else if(y.toLowerCase().includes("radar"))u("radar");else return u("bar"),!1;return!0}S.useEffect(()=>{z&&j(y=>[...y,{role:"ai",content:z.response}])},[z]),S.useEffect(()=>{const y=setTimeout(()=>{var k;l.current&&(l.current.scroll({top:l.current.scrollHeight,behavior:"smooth"}),(k=a.current)==null||k.focus())},100);return()=>clearTimeout(y)},[g]);function L(){t&&(j(y=>[...y,{role:"user",content:t}]),O(t)&&m(!0),r(""),A())}S.useEffect(()=>{o&&(L(),c(!1))},[o,c]);const M={fontFamily:"Arial, sans-serif",lineHeight:1.6,fontSize:15,width:"100%"},B={fontFamily:"monospace",fontSize:14,lineHeight:1.6},P={fontFamily:"Arial, sans-serif",lineHeight:1.6,fontSize:15,padding:"2px 0",marginLeft:20,listStyleType:"disc"},$={p:({node:y,...k})=>e.jsxRuntimeExports.jsx("p",{style:M,...k}),code:({node:y,...k})=>e.jsxRuntimeExports.jsx("code",{className:"rounded-sm bg-muted px-2 py-1 text-sm",...k}),pre:({node:y,...k})=>e.jsxRuntimeExports.jsxs("pre",{className:"space-y-2 rounded-sm bg-muted/50 p-3",style:B,children:[e.jsxRuntimeExports.jsx("code",{className:"whitespace-normal text-sm",children:k.children}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-start gap-2",children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:V,size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(e.ClipboardCopyIcon,{})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:q=>{const C=V(q);C&&(n(!1),h(C),d(!0))},size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(e.PlayIcon,{})})]})]}),li:({node:y,...k})=>e.jsxRuntimeExports.jsx("li",{style:P,...k})};function V(y){const k=y.currentTarget.closest("pre");if(!k)return;const q=k.textContent||k.innerText;return navigator.clipboard.writeText(q).then(()=>console.log("Text copied to clipboard")).catch(C=>console.error("Error in copying text: ",C)),q}function G(){return g==null?void 0:g.map((y,k)=>y.role==="user"?e.jsxRuntimeExports.jsxs("div",{className:"flex items-start rounded-md bg-muted p-3 text-sm",children:[e.jsxRuntimeExports.jsx(Fs,{className:"mr-2 h-5 w-5"}),e.jsxRuntimeExports.jsx("div",{children:y.content})]},k):y.role==="ai"?e.jsxRuntimeExports.jsx(e.Markdown,{className:"w-full overflow-auto py-1",components:$,children:z==null?void 0:z.response.replace(/DuckDB/gi,"Semaphor")},k):e.jsxRuntimeExports.jsx("div",{},k))}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",className:"w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",variant:"secondary",children:"Type your question here..."})}),e.jsxRuntimeExports.jsxs(e.DialogContent,{className:"flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",children:[e.jsxRuntimeExports.jsxs(e.DialogHeader,{children:[e.jsxRuntimeExports.jsx(e.DialogTitle,{children:"Assistant"}),e.jsxRuntimeExports.jsx(e.DialogDescription,{children:"What can I help you with?"})]}),e.jsxRuntimeExports.jsx("div",{ref:l,className:"h-[625px] w-full overflow-auto border-t border-t-muted",children:e.jsxRuntimeExports.jsx("div",{className:"space-y-4 py-2 pr-3",role:"messages",children:G()})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"flex w-full items-center rounded-md border",children:[e.jsxRuntimeExports.jsx(e.Textarea,{autoFocus:!0,ref:a,onKeyDown:y=>{y.key==="Enter"&&!y.shiftKey&&(y.preventDefault(),r(""),L())},placeholder:"Type your question here...",onFocus:y=>{const k=y.target,q=k.value.length;k.setSelectionRange(q,q)},className:e.cn("max-h-10 min-h-7 resize-none border-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"),disabled:I||b,value:t,onChange:y=>r(y.target.value)})," ",e.jsxRuntimeExports.jsx(e.Button,{className:"h-8",size:"sm",variant:"ghost",onClick:L,children:!I&&!b?e.jsxRuntimeExports.jsx(e.PaperPlaneIcon,{}):e.jsxRuntimeExports.jsx(le,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"})})]})})]})]})}var Qe={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Fe=S.createContext&&S.createContext(Qe),Ys=["attr","size","title"];function Zs(s,n){if(s==null)return{};var t=Xs(s,n),r,o;if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(s);for(o=0;o<c.length;o++)r=c[o],!(n.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(s,r)&&(t[r]=s[r])}return t}function Xs(s,n){if(s==null)return{};var t={},r=Object.keys(s),o,c;for(c=0;c<r.length;c++)o=r[c],!(n.indexOf(o)>=0)&&(t[o]=s[o]);return t}function Re(){return Re=Object.assign?Object.assign.bind():function(s){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(s[r]=t[r])}return s},Re.apply(this,arguments)}function Oe(s,n){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(s);n&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable})),t.push.apply(t,r)}return t}function be(s){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?Oe(Object(t),!0).forEach(function(r){et(s,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):Oe(Object(t)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(t,r))})}return s}function et(s,n,t){return n=st(n),n in s?Object.defineProperty(s,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):s[n]=t,s}function st(s){var n=tt(s,"string");return typeof n=="symbol"?n:String(n)}function tt(s,n){if(typeof s!="object"||s===null)return s;var t=s[Symbol.toPrimitive];if(t!==void 0){var r=t.call(s,n||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(s)}function Ke(s){return s&&s.map((n,t)=>S.createElement(n.tag,be({key:t},n.attr),Ke(n.child)))}function ee(s){return n=>S.createElement(nt,Re({attr:be({},s.attr)},n),Ke(s.child))}function nt(s){var n=t=>{var{attr:r,size:o,title:c}=s,a=Zs(s,Ys),l=o||t.size||"1em",x;return t.className&&(x=t.className),s.className&&(x=(x?x+" ":"")+s.className),S.createElement("svg",Re({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,r,a,{className:x,style:be(be({color:s.color||t.color},t.style),s.style),height:l,width:l,xmlns:"http://www.w3.org/2000/svg"}),c&&S.createElement("title",null,c),s.children)};return Fe!==void 0?S.createElement(Fe.Consumer,null,t=>n(t)):n(Qe)}function rt(s){return ee({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"},child:[]}]})(s)}function ot(){const{theme:s}=e.useTheme(),n=S.useRef(),t=S.useRef(),[r,o]=S.useState(!1),[c,a]=S.useState(!1),[l,x]=S.useState(!1),[p,m]=S.useState(""),[h,f]=S.useState(!1),{authToken:d}=e.useSemaphorContext();e.useDashboardStore(i=>i.selectedSheetId);const u=e.useDashboardStore(i=>i.dashboard.baseQueries),g=e.useEditorStore(i=>i.card),j=e.useDashboardStore(i=>i.theme),N=e.useEditorStore(i=>i.isShowingVisual),w=e.useDashboardStore(i=>i.onAcceptChanges),R=e.useEditorStore(i=>i.selectedConnectionId),T=e.useEditorStore(i=>i.selectedDatabaseName),D=e.useEditorStore(i=>i.selectedDatamodelId),z=e.useEditorStore(i=>i.selectedSchemaName);e.useDashboardStore(i=>i.actions.updateFrameCard);const I=e.useEditorStore(i=>i.selectedTableName),b=e.useEditorStore(i=>i.card.sql),E=e.useEditorStore(i=>i.card.python),A=e.resolveBaseQuery(b,u),O=e.useEditorStore(i=>i.selectedConnectionId),L=e.useEditorStore(i=>i.frame),M=e.useDashboardStore(i=>i.filterValues),B=e.useEditorStore(i=>i.applyFilters),{setCardCustomCfg:P,setQueryResultColumns:$,setFilterValues:V,setCardSql:G,setCardPython:y,setQueryError:k,setPythonStdOut:q,setCardPreferences:C}=e.useEditorStore(i=>i.actions),v=e.useEditorStore(i=>i.onSave),Q=e.useEditorStore(i=>i.actions.setApplyFilters),F=e.useEditorStore(i=>i.onClose),_=e.useEditorStore(i=>i.actions.setCardData),K=e.useEditorStore(i=>i.actions.setSqlGen),se=e.useEditorStore(i=>i.runSql),te=e.useEditorStore(i=>i.actions.setRunSql),W=e.useEditorStore(i=>i.actions.setIsSqlRunning),{data:H,isLoading:J,isFetching:Y,isSuccess:ne,isError:Z,error:ue,status:Te,refetch:ie}=e.useQuery({queryKey:[A,E],queryFn:()=>e.postRequest("https://semaphor.cloud/api/v1/query",(d==null?void 0:d.accessToken)||"",{connection_id:O,sql:A,python:E===e.PYTHON_DEFAULT_CODE?"":E,active_filters:B?M:[]}),enabled:!1,retry:!1});S.useEffect(()=>{if(H&&(_(H.records),H.rowLimitExceeded&&e.Jt.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),q((H==null?void 0:H.output)||""),H.records.length>0)){const{dimensionKeys:i}=e.getKeys(H.records);$(i)}},[H,_,$,q]),S.useEffect(()=>{se&&(ie(),te(!1))},[se,ie,te]),S.useEffect(()=>{(J||Y)&&W(!0),(Z||ne)&&W(!1),Z?(k(ue.message),_([]),$([]),q("")):k("")},[J,Y,H,q,Z,ne,W,_,$,k,ue]);function ye(){G(""),_([]),K({}),P(""),C({})}const me=i=>{t.current=i};function ve(i,X){if(i.length===0)return"";if(X){const re=i.find(U=>U.id===X);if(re){const U=re.tabTitle;if(U=="All__Header")return i[0].id;if(U&&U.endsWith("__Header")){const as=U.split("__")[0],ze=i.find(ls=>ls.tabTitle===as);return ze?ze.id:i[0].id}return X}}return i[0].id}function pe(){let i=b;b&&!b.includes("{{")&&(i=$s(b),G(i));const X={...g,lastSelectedSchema:z,lastSelectedDatamodelId:D,lastSelectedDatabase:T,lastSelectedTable:I,connectionId:R,type:N?g.type:"table",sql:i,customCfg:N?g.customCfg:null},re=L.cards.map(Ce=>Ce.id===g.id?X:Ce),U={...L,cards:re,activeCardId:ve(re,L.activeCardId)};v==null||v(U),w==null||w(U)}function je(){F==null||F()}S.useEffect(()=>{const i=n.current,X=t.current;if(i){const re=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",U=j==="system"?re:j;i.editor.defineTheme("default",{base:U==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":U==="light"?"#ffffff":e.getCssVariableValue("--semaphor-background")}}),i.editor.setTheme("default")}return X&&i&&X.addCommand(i.KeyMod.Shift|i.KeyCode.Enter,function(){return console.log("Executing query..."),ie(),!1}),()=>{}},[s,j,n.current]);function de(i){n.current=i}function he(){return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[c&&e.jsxRuntimeExports.jsx("div",{className:"xbg-yellow-100 relative flex w-1/3 min-w-0 grow overflow-hidden border-l p-1 text-xs",role:"editor-filter-container",children:e.jsxRuntimeExports.jsxs("div",{className:"w-[99%]",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 pt-3",children:[e.jsxRuntimeExports.jsx(Us,{checked:B,onCheckedChange:()=>Q(!B),text:"Apply Filters"}),e.jsxRuntimeExports.jsx(Ks,{}),M&&c&&e.jsxRuntimeExports.jsx(e.Cross2Icon,{onClick:()=>a(!1),className:"bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"})]}),e.jsxRuntimeExports.jsx(e.Ft,{theme:"default",onChange:i=>{if(i)try{JSON.parse(i),V(JSON.parse(i))}catch{}},defaultLanguage:"json",className:"mt-1 min-h-[220px]",value:JSON.stringify(M,null,2),options:{readOnly:!0,minimap:{enabled:!1},lineNumbers:"off",glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})]})}),M&&!c&&e.jsxRuntimeExports.jsx(e.Filter,{onClick:()=>a(!0),className:e.cn("absolute bottom-4 right-6 h-3 w-3 text-foreground/50 hover:cursor-pointer hover:text-foreground",{"font-bold text-red-800":B})})]})}function Ee(){return e.jsxRuntimeExports.jsxs(e.ResizablePanelGroup,{className:"flex grow pb-1",direction:"vertical",role:"editor-resizable-group",children:[e.jsxRuntimeExports.jsxs(e.ResizablePanel,{id:"1",order:1,defaultSize:r?20:100,className:"relative flex grow",children:[e.jsxRuntimeExports.jsx("div",{role:"sql-container",className:"relative flex w-[99%]",children:e.jsxRuntimeExports.jsx(e.Ft,{theme:"default",className:"pt-3",onChange:i=>{G(i)},value:b,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"sql",beforeMount:de,onMount:me})}),r&&e.jsxRuntimeExports.jsx("code",{className:"absolute right-6 top-3 text-sm text-muted-foreground/70",children:"sql"})]}),r&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.ResizableHandle,{withHandle:!0,className:"border"}),e.jsxRuntimeExports.jsxs(e.ResizablePanel,{id:"2",order:2,defaultSize:80,className:"relative flex grow",children:[e.jsxRuntimeExports.jsx("div",{role:"python-container",className:"relative flex w-[99%] pt-0",children:e.jsxRuntimeExports.jsx(e.Ft,{className:"pt-3",theme:"default",onChange:i=>{y(i&&i.trim()||"")},value:E||e.PYTHON_DEFAULT_CODE,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"python",beforeMount:de,onMount:me})}),e.jsxRuntimeExports.jsx("code",{className:"absolute right-6 top-3 text-sm text-muted-foreground/70",children:"python"})]})]})]})}return e.jsxRuntimeExports.jsxs("section",{role:"editor-section",className:"flex grow flex-col justify-end",children:[e.jsxRuntimeExports.jsxs("div",{role:"sql-editor",className:"relative flex grow justify-between overflow-y-scroll",children:[Ee(),he()]}),e.jsxRuntimeExports.jsxs("div",{role:"editor-controls",className:"item-center flex flex-wrap justify-between gap-2 px-6 py-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex grow items-center gap-2",children:[e.jsxRuntimeExports.jsxs(e.Button,{title:"Shift + Enter",disabled:J||Y,onClick:()=>{ie()},className:"shrink-0",size:"sm",variant:"outline",children:[J||Y?e.jsxRuntimeExports.jsx(le,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(ws,{className:"mr-2 h-4 w-4"}),"Run"]}),Z&&e.jsxRuntimeExports.jsx(Gs,{error:ue.message,setShowAIDialog:x,setTriggerAIRun:f,setUserInputforAI:m}),e.jsxRuntimeExports.jsxs(e.Button,{onClick:ye,className:"",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(hs,{className:"mr-2 size-4"}),"Clear"]}),e.jsxRuntimeExports.jsx(e.Toggle,{pressed:r,onPressedChange:i=>o(i),className:"",size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(rt,{className:"size-4 text-foreground/70"})}),e.jsxRuntimeExports.jsx(Js,{open:l,setOpen:x,userInput:p,triggerAIRun:h,setTriggerAIRun:f,setUserInput:i=>m(i)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-end gap-2",children:[e.jsxRuntimeExports.jsxs(e.Button,{onClick:pe,size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(e.Check,{className:"mr-2 size-4 font-bold text-green-600"}),"Accept"]}),e.jsxRuntimeExports.jsxs(e.Button,{onClick:je,className:"w-full",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(e.Cross2Icon,{className:"mr-2 size-4"}),"Close"]})]})]})]})}function it({data:s}){var a;const[n,t]=S.useState([]),o=Object.keys(s[0]).map(l=>({accessorKey:l,header:({column:x})=>{const p=x.getIsSorted();return e.jsxRuntimeExports.jsx("div",{className:"flex gap-2",children:e.jsxRuntimeExports.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>x.toggleSorting(x.getIsSorted()==="asc"),children:[l,p==="asc"?e.jsxRuntimeExports.jsx(e.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):p==="desc"?e.jsxRuntimeExports.jsx(e.TriangleDownIcon,{className:"ml-2 h-5 w-5"}):null]})})}})),c=e.useReactTable({data:s,columns:o,getCoreRowModel:e.getCoreRowModel(),getPaginationRowModel:e.getPaginationRowModel(),onSortingChange:t,getSortedRowModel:e.getSortedRowModel(),manualPagination:!0,state:{sorting:n}});return e.jsxRuntimeExports.jsxs(e.Table$1,{children:[e.jsxRuntimeExports.jsx(e.TableHeader,{children:c.getHeaderGroups().map(l=>e.jsxRuntimeExports.jsx(e.TableRow,{children:l.headers.map(x=>e.jsxRuntimeExports.jsx(e.TableHead,{className:"sticky top-0 bg-muted",children:x.isPlaceholder?null:e.flexRender(x.column.columnDef.header,x.getContext())},x.id))},l.id))}),e.jsxRuntimeExports.jsx(e.TableBody,{children:(a=c.getRowModel().rows)!=null&&a.length?c.getRowModel().rows.map(l=>e.jsxRuntimeExports.jsx(e.TableRow,{className:"whitespace-nowrap py-2","data-state":l.getIsSelected()&&"selected",children:l.getVisibleCells().map(x=>e.jsxRuntimeExports.jsx(e.TableCell,{children:e.flexRender(x.column.columnDef.cell,x.getContext())},x.id))},l.id)):e.jsxRuntimeExports.jsx(e.TableRow,{children:e.jsxRuntimeExports.jsx(e.TableCell,{colSpan:o.length,className:"h-24 text-center",children:"No results."})})})]})}function We({className:s,...n}){var d;S.useState(0);const t=e.useDashboardStore(u=>u.themeStyle),r=e.useEditorStore(u=>u.card),o=e.useEditorStore(u=>u.frame),c=e.useDashboardStore(u=>u.dashboard.filters),a=e.useDashboardStore(u=>u.filterValues),l=e.useEditorStore(u=>u.actions.setRunSql),{updateFilter:x}=e.useDashboardActions(),p=c==null?void 0:c.find(u=>u.id===o.filterId),m=e.useEditorStore(u=>u.actions.setCard);if(S.useEffect(()=>{r.sql&&l(!0)},[a]),S.useEffect(()=>{},[r.data,r.type,r.cfg,r.customCfg,t,r.preferences]),!r.id)return null;let h;r.data&&r.data.length>0&&(h=e.createChartConfig({data:r.data,cardType:r.type,cfg:r.cfg,customCfg:r.customCfg,preferences:r.preferences}));function f(u){return e.jsxRuntimeExports.jsx(e.CustomVisual,{card:u})}return e.jsxRuntimeExports.jsxs(e.Card,{role:"editor-visual-card",className:e.cn("relative flex h-full flex-col rounded-none",s),...n,children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"flex flex-row items-start justify-between py-4",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(e.Editable,{text:r.title,onSave:u=>m({...r,title:u}),children:e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:e.jsxRuntimeExports.jsx(e.CardTitle,{className:"text-base",children:r.title})})},r.title),e.jsxRuntimeExports.jsx(e.Editable,{text:r.description||"",onSave:u=>m({...r,description:u}),children:e.jsxRuntimeExports.jsxs(e.CardDescription,{children:[" ",r.description]})},r.description)]}),p&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxRuntimeExports.jsx(e.Editable,{className:"my-1",text:p.title||p.column,onSave:u=>x({...p,title:u}),children:e.jsxRuntimeExports.jsx(e.Label,{children:p.title})}),e.getFilterComponent(p)]})]}),e.jsxRuntimeExports.jsxs(e.CardContent,{className:"flex grow flex-col",children:[r.type==="custom"&&f(r),!["table","custom"].includes(r.type)&&h&&e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:h},JSON.stringify(h)+JSON.stringify(r.preferences)+((d=r==null?void 0:r.preferences)==null?void 0:d.customVisualCode)),r.type==="table"&&r.data&&r.data.length>0&&e.jsxRuntimeExports.jsx(e.$57acba87d6e25586$export$ccf8d8d7bbf3c2cc,{className:"flex min-h-0 flex-1 grow basis-0",children:e.jsxRuntimeExports.jsx(e.TableVisual,{card:r,data:r==null?void 0:r.data})})]})]})}function at(){const[s,n]=S.useState(!1),[t,r]=S.useState(""),[o,c]=S.useState(""),[a,l]=S.useState(""),[x,p]=S.useState(""),m=e.useEditorStore(R=>R.card),h=e.useEditorStore(R=>R.card.customCfg),{setCardCustomCfg:f,setCustomVisualCode:d}=e.useEditorActions();function u(R){var z,I;const T={...R,data:{...R==null?void 0:R.data,datasets:(I=(z=R==null?void 0:R.data)==null?void 0:z.datasets)==null?void 0:I.map(b=>({...b,data:[]}))}};return JSON.stringify(T,null,1)}function g(){var T,D;if(!m.data||m.data.length===0)return;const R=e.createChartConfig({data:m.data,cardType:m.type,cfg:m.cfg,preferences:m.preferences});R&&(r(JSON.stringify(R,null,1)),(T=m==null?void 0:m.preferences)!=null&&T.customVisualCode&&l((D=m==null?void 0:m.preferences)==null?void 0:D.customVisualCode),h&&c(JSON.stringify(h,null,1)))}function j(){if(a&&d(a),!!o)try{const R=JSON.parse(o);return R?(f(R),p(""),c(""),R):void 0}catch(R){console.log(R),p("Invalid JSON")}}function N(){c(""),f(null)}function w(){let R;if(h){const T=e._.cloneDeep(m.cfg),D=e._.merge(T,h);return R=u(D),R}return t?(R=u(JSON.parse(t)),R):""}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{onClick:g,className:` ${h&&"border-foreground/50 dark:border-foreground/70"}`,size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(e.Settings,{className:"h-4 w-4"})})}),e.jsxRuntimeExports.jsxs(e.DialogContent,{className:"max-h-[70vh] min-h-[70vh] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",children:[e.jsxRuntimeExports.jsxs(e.DialogHeader,{className:"",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.DialogTitle,{children:"Customize Card"}),e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(bs,{onClick:()=>{navigator.clipboard.writeText(m.id)},className:"size-3 cursor-pointer text-muted-foreground/70 transition-colors hover:text-muted-foreground"})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{side:"right",align:"center",children:e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:"Copy Card ID"})})]})]}),e.jsxRuntimeExports.jsxs(e.DialogDescription,{children:["See the configuration options and documentation",e.jsxRuntimeExports.jsx("a",{target:"_blank",className:"ml-1 text-blue-500 underline",href:"https://www.chartjs.org/docs/latest/samples/bar/vertical.html",children:"here."})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex grow gap-2",children:[e.jsxRuntimeExports.jsx(We,{className:"w-1/2 rounded shadow-none"}),e.jsxRuntimeExports.jsxs(e.Tabs,{defaultValue:"custom-config",className:"flex w-1/2 flex-col",children:[e.jsxRuntimeExports.jsxs(e.TabsList,{className:"justify-start rounded-sm rounded-b-none border border-b-0",children:[e.jsxRuntimeExports.jsxs(e.TabsTrigger,{value:"custom-config",children:[h&&e.jsxRuntimeExports.jsx(e.CheckIcon,{className:"mr-1 h-5 w-5 text-green-600"}),h?"Custom Config":"Default Config"]}),e.jsxRuntimeExports.jsx(e.TabsTrigger,{className:"",value:"output",children:"Output"}),e.jsxRuntimeExports.jsx(e.TabsTrigger,{className:"",value:"custom-code",children:"Custom Code"})]}),e.jsxRuntimeExports.jsx(e.TabsContent,{className:"bg-red-x mt-0 grow rounded-b border border-t-0 p-2",value:"output",children:e.jsxRuntimeExports.jsx(e.Textarea,{disabled:!0,value:t,className:"h-full resize-none border-none font-mono focus-visible:ring-0 focus-visible:ring-offset-0"})}),e.jsxRuntimeExports.jsx(e.TabsContent,{className:"mt-0 grow rounded-b border border-t-0",value:"custom-config",children:e.jsxRuntimeExports.jsx(e.Ft,{className:"h-full w-full overflow-hidden",theme:"default",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"json",value:w(),onChange:R=>c(R)})}),e.jsxRuntimeExports.jsx(e.TabsContent,{className:"mt-0 grow rounded-b border border-t-0",value:"custom-code",children:e.jsxRuntimeExports.jsx(e.Ft,{className:"h-full w-full overflow-hidden",theme:"default",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"javascript",value:a,onChange:R=>l(R||"")})})]})]}),e.jsxRuntimeExports.jsxs(e.DialogFooter,{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"mr-2 text-red-500",children:x}),e.jsxRuntimeExports.jsx(e.Button,{disabled:!h,onClick:N,variant:"outline",children:"Reset"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:j,variant:"outline",children:"Apply"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>n(!1),variant:"outline",children:"Close"})]})]})]})}function Je(s){return ee({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z"},child:[]}]})(s)}function Ye(s){return ee({tag:"svg",attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z"},child:[]}]})(s)}function Ze(s){return ee({tag:"svg",attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z"},child:[]}]})(s)}function Xe(s){return ee({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},child:[]},{tag:"path",attr:{d:"M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"},child:[]},{tag:"path",attr:{d:"M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"},child:[]},{tag:"path",attr:{d:"M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0"},child:[]}]})(s)}function es(s){return ee({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z"},child:[]}]})(s)}function ss(s){return ee({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z"},child:[]}]})(s)}function ts(s){return ee({tag:"svg",attr:{version:"1.2",baseProfile:"tiny",viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z"},child:[]}]})(s)}function ns(s){return ee({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z"},child:[]}]})(s)}function lt(){const[s,n]=S.useState(!1),t=e.useEditorStore(x=>x.card.type),{setCardType:r,setCardPreferences:o,setChartOrientation:c}=e.useEditorStore(x=>x.actions),a=e.useEditorStore(x=>x.actions.setCardCustomCfg);function l(x){a(null),o({}),r(x),n(!1)}return e.jsxRuntimeExports.jsxs(e.Popover,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(ct,{className:"h-4 w-4",chartType:t})})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{className:"w-50",children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 place-items-center",children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("bar"),className:"font-normal",variant:"ghost",children:e.jsxRuntimeExports.jsx(ke,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("line"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Le,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("stackedBar"),variant:"ghost",children:e.jsxRuntimeExports.jsx(ss,{className:"size-5",strokeWidth:0})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("stackedLine"),variant:"ghost",children:e.jsxRuntimeExports.jsx(es,{className:"size-5",strokeWidth:0})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("scatter"),variant:"ghost",children:e.jsxRuntimeExports.jsx(He,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("bubble"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Xe,{className:"size-4"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("pie"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Be,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("doughnut"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ye,{className:"size-5",strokeWidth:1})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("radar"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Je,{className:"size-5 font-extralight",strokeWidth:.5})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("polarArea"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ze,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("pyramid"),variant:"ghost",children:e.jsxRuntimeExports.jsx(ns,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("range"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ve,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("table"),variant:"ghost",children:e.jsxRuntimeExports.jsx(e.Table,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("kpi"),variant:"ghost",children:e.jsxRuntimeExports.jsx(ts,{className:"size-6"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("text"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ie,{className:"size-4"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("custom"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Pe,{className:"size-4"})})]})})]})}function ct({chartType:s,className:n}){switch(s){case"bar":return e.jsxRuntimeExports.jsx(ke,{className:n});case"line":return e.jsxRuntimeExports.jsx(Le,{className:n});case"pie":return e.jsxRuntimeExports.jsx(Be,{className:n});case"radar":return e.jsxRuntimeExports.jsx(Je,{className:n});case"scatter":return e.jsxRuntimeExports.jsx(He,{className:n});case"bubble":return e.jsxRuntimeExports.jsx(Xe,{className:n});case"doughnut":return e.jsxRuntimeExports.jsx(Ye,{className:n});case"stackedBar":return e.jsxRuntimeExports.jsx(ss,{className:"size-4 text-foreground/70"});case"stackedLine":return e.jsxRuntimeExports.jsx(es,{className:"size-4 text-foreground/70"});case"polarArea":return e.jsxRuntimeExports.jsx(Ze,{className:n});case"pyramid":return e.jsxRuntimeExports.jsx(ns,{className:n});case"range":return e.jsxRuntimeExports.jsx(Ve,{className:n});case"kpi":return e.jsxRuntimeExports.jsx(ts,{className:n});case"text":return e.jsxRuntimeExports.jsx(Ie,{className:n});case"custom":return e.jsxRuntimeExports.jsx(Pe,{className:n});default:return e.jsxRuntimeExports.jsx(e.Table,{className:n})}}function Me(){const s=e.useEditorStore(j=>j.frame),n=e.useEditorStore(j=>j.card),t=e.useEditorStore(j=>j.card.data),r=e.useEditorStore(j=>j.isShowingVisual),o=e.useEditorStore(j=>j.isSqlRunning),c=e.useEditorStore(j=>j.queryError),a=e.useEditorStore(j=>j.pythonStdOut),l=e.useEditorStore(j=>j.actions.setRunSql);e.useEditorStore(j=>j.onSave),e.useEditorStore(j=>j.onClose),e.useEditorStore(j=>j.actions.setCardSql),e.useEditorStore(j=>j.actions.setCardType),e.useEditorStore(j=>j.actions.setSqlGen);const{setFrame:x,setCard:p,updateCardInFrame:m}=e.useEditorActions();if(!n)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:"No Active Card"});function h(){const j={id:e.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]},N={...s,cards:[...s.cards,j],activeCardId:j.id};x(N),p(j)}function f(j){const N=s.cards.filter(T=>T.id!==j),w=N[0],R={...s,cards:N,activeCardId:w.id};x(R),p(w)}function d(j){const N={...s,cards:s.cards.map(R=>R.id===n.id?n:R),activeCardId:j};x(N);const w=N.cards.find(R=>R.id===j);p(w),w.sql&&(console.log("newActiveCard.sql",w.sql),w.data&&w.data.length===0&&l(!0))}function u(){return e.jsxRuntimeExports.jsxs(e.Tabs,{onValueChange:d,value:s.activeCardId,className:"flex grow flex-col",children:[s.cards.map(j=>e.jsxRuntimeExports.jsx(e.TabsContent,{className:"mt-0 grow",value:j.id,children:g()},j.id)),e.jsxRuntimeExports.jsx(e.TabsList,{className:"mx-6 justify-between",children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center",children:[s.cards.map(j=>e.jsxRuntimeExports.jsx(e.Editable,{text:j.tabTitle||j.title,onSave:N=>{p({...n,tabTitle:N}),m({...n,tabTitle:N})},children:e.jsxRuntimeExports.jsxs(e.TabsTrigger,{className:"",value:j.id,children:[j.tabTitle||j.title,s.activeCardId===j.id&&s.cards.length>1&&e.jsxRuntimeExports.jsx(e.X,{className:"ml-2 size-3.5 text-muted-foreground hover:text-foreground",onClick:()=>f(j.id)})]})},j.id)),e.jsxRuntimeExports.jsx(e.Button,{className:"ml-1 h-8 px-2 hover:bg-muted-foreground/50",variant:"outline",onClick:h,children:e.jsxRuntimeExports.jsx(e.Plus,{className:"h-4 w-4"})})]})})]})}function g(){return n.type==="kpi"?e.jsxRuntimeExports.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsxRuntimeExports.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsxRuntimeExports.jsx(e.KPICard,{isLoading:o,card:n})})}):n.type==="text"?e.jsxRuntimeExports.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsxRuntimeExports.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsxRuntimeExports.jsx(e.TextCard,{isLoading:o,card:n})})}):e.jsxRuntimeExports.jsx(We,{className:"grow border-none shadow-none"})}return e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full flex-col py-3",children:[o&&e.jsxRuntimeExports.jsx(le,{className:"absolute bottom-0 left-0 right-0 top-0 z-10 m-auto h-10 w-10 animate-spin text-foreground/10"}),e.jsxRuntimeExports.jsxs("div",{className:"mb-0 flex min-h-10 items-center justify-end gap-2 px-6",children:[r&&e.jsxRuntimeExports.jsxs("div",{className:"flex grow items-center gap-2",children:[e.jsxRuntimeExports.jsx(lt,{}),n.type!=="table"&&e.jsxRuntimeExports.jsx(at,{})]}),e.jsxRuntimeExports.jsx(ut,{})]}),r?u():e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-0 w-full flex-1 grow basis-0 px-6",children:[a&&e.jsxRuntimeExports.jsx(xt,{}),n.data&&n.data.length>0&&e.jsxRuntimeExports.jsx(it,{data:t||[]}),c&&e.jsxRuntimeExports.jsx("span",{className:"font-mono text-sm",children:c})]})]})}function xt(){const s=e.useEditorStore(t=>t.pythonStdOut);if(!s)return null;const n=s.replace(/\n/g,"<br>");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("p",{className:"font-mono text-sm",children:"Output:"}),e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:n},className:"bg-muted p-2 font-mono text-sm"}),e.jsxRuntimeExports.jsx(e.Separator,{className:"mb-2"})]})}function ut(){const s=e.useEditorStore(t=>t.isShowingVisual),n=e.useEditorStore(t=>t.actions.setIsShowingVisual);return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"visualize",children:"Chart"}),e.jsxRuntimeExports.jsx(e.Switch,{checked:s,onCheckedChange:()=>n(!s),id:"visualize",className:"data-[state=checked]:bg-foreground/50"})]})}function dt({value:s,onValueChange:n,components:t}){var c;const[r,o]=Ne.useState(!1);return e.jsxRuntimeExports.jsxs(e.Popover,{open:r,onOpenChange:o,children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(e.Button,{variant:"outline",role:"combobox","aria-expanded":r,className:"h-8 w-full justify-between",children:[s?(c=t.find(a=>a.value===s))==null?void 0:c.label:"Select Component...",e.jsxRuntimeExports.jsx(ds,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{className:"w-full p-2.5",children:e.jsxRuntimeExports.jsxs(e.Command,{className:"w-full",children:[e.jsxRuntimeExports.jsx(e.CommandInput,{placeholder:"Search component..."}),e.jsxRuntimeExports.jsxs(e.CommandList,{children:[e.jsxRuntimeExports.jsx(e.CommandEmpty,{children:"No component found."}),e.jsxRuntimeExports.jsx(e.CommandGroup,{children:t.map(a=>e.jsxRuntimeExports.jsxs(e.CommandItem,{value:a.value,onSelect:l=>{n(l===s.toLowerCase()?"":a.value),o(!1)},children:[e.jsxRuntimeExports.jsx(e.Check,{className:e.cn("mr-2 h-4 w-4",s===a.value?"opacity-100":"opacity-0")}),a.label]},a.value))})]})]})})]})}function mt(){const s=e.useEditorStore(o=>o.card.customCardPreferences),{setCustomCardPreferences:n}=e.useEditorActions(),{components:t}=e.useCustomVisual((s==null?void 0:s.url)||"");function r(o){n({...s||{url:"",componentName:""},type:o})}return e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 p-6 text-sm",children:[e.jsxRuntimeExports.jsx("div",{className:"space-y-2",children:e.jsxRuntimeExports.jsx(pt,{value:(s==null?void 0:s.type)||"component",onValueChange:r})}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(e.Label,{children:`${(s==null?void 0:s.type)==="component"?"Code":"Iframe"} URL`}),e.jsxRuntimeExports.jsx(e.Input,{value:s==null?void 0:s.url,onChange:o=>n({...s||{url:"",componentName:""},url:o.target.value}),className:`h-8 w-full ${e.removeRing}`})]}),(s==null?void 0:s.type)==="component"&&e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Component"}),e.jsxRuntimeExports.jsx(dt,{components:(t==null?void 0:t.map(o=>({value:o.name,label:o.name})))||[],value:s==null?void 0:s.componentName,onValueChange:o=>n({...s,componentName:o})})]})]})}function pt({value:s,onValueChange:n}){return e.jsxRuntimeExports.jsxs(e.RadioGroup,{value:s,onValueChange:n,className:"flex gap-4",defaultValue:"component",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"component",id:"r1"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Component"})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"iframe",id:"r2"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Iframe"})]})]})}function ce(){const[s,n]=S.useState([]);e.useEditorStore(m=>m.card.cfg);const t=e.useEditorStore(m=>m.card.preferences),{setCardCfg:r,setFilterOnClickColumnIndex:o,setCardPreferences:c}=e.useEditorStore(m=>m.actions),a=e.useEditorStore(m=>m.queryResultColumns);e.useEditorStore(m=>{var h;return(h=m.card.preferences)==null?void 0:h.filterOnClickColumnIndex}),S.useEffect(()=>{a&&n(new Array(a.length).fill(!1))},[a]);function l(m,h){var f,d;h?t!=null&&t.onClickFilter&&((f=t==null?void 0:t.onClickFilter)==null?void 0:f.length)>0?c({...t,onClickFilter:[...t.onClickFilter,{columnIndex:m,expression:""}]}):c({...t,onClickFilter:[{columnIndex:m,expression:""}]}):(c({...t,onClickFilter:(d=t==null?void 0:t.onClickFilter)==null?void 0:d.filter(u=>u.columnIndex!==m)}),n(u=>{const g=[...u];return g[m]=!1,g}))}function x(m,h){var d;const f=(d=t==null?void 0:t.onClickFilter)==null?void 0:d.map(u=>u.columnIndex===m?{...u,expression:h.target.value}:u);c({...t,onClickFilter:f})}function p(m){var h,f,d,u;if(s!=null&&s[m]||(f=(h=t==null?void 0:t.onClickFilter)==null?void 0:h.find(g=>g.columnIndex===m))!=null&&f.expression)return e.jsxRuntimeExports.jsx(e.Input,{value:(u=(d=t==null?void 0:t.onClickFilter)==null?void 0:d.find(g=>g.columnIndex===m))==null?void 0:u.expression,onChange:g=>x(m,g),type:"text",className:"h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"Expression"})}return e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"On Click"}),a==null?void 0:a.map((m,h)=>{var f,d;return e.jsxRuntimeExports.jsx("div",{className:"xbg-red-100 group flex items-center justify-between space-y-2",children:e.jsxRuntimeExports.jsxs("div",{className:"grow",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2 py-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:!!((f=t==null?void 0:t.onClickFilter)!=null&&f.find(u=>u.columnIndex===h)),onCheckedChange:u=>l(h,u)}),e.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:m}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:((d=t==null?void 0:t.onClickFilter)==null?void 0:d.find(u=>u.columnIndex===h))&&e.jsxRuntimeExports.jsx(_e,{onClick:()=>{n(u=>{const g=[...u];return g[h]=!u[h],g})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),p(h)]})},m)})]})}function Se(){var a,l,x;const s=e.useEditorStore(p=>p.card.preferences),n=e.useEditorStore(p=>p.card.cfg),{setCardCfg:t,setCardPreferences:r,setChartOrientation:o}=e.useEditorStore(p=>p.actions);(a=n==null?void 0:n.options)!=null&&a.indexAxis;function c(p){o(p)}return e.jsxRuntimeExports.jsxs(e.RadioGroup,{value:((l=s==null?void 0:s.chartOptions)==null?void 0:l.indexAxis)||((x=n==null?void 0:n.options)==null?void 0:x.indexAxis)||"x",onValueChange:c,className:"flex gap-3",defaultValue:"x",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"x",id:"r1"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Vertical"})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"y",id:"r2"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Horizontal"})]})]})}const fe="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function qe(s,n){var r,o,c;const t=e.getNumberAxis(s,n);return((c=(o=(r=s==null?void 0:s.chartOptions)==null?void 0:r.scales)==null?void 0:o[t])==null?void 0:c.type)||"linear"}function rs(){var $,V,G,y,k,q;const[s,n]=S.useState(!1),t=e.useEditorStore(C=>{var v;return(v=C.card)==null?void 0:v.preferences}),r=e.useEditorStore(C=>{var v;return(v=C.card)==null?void 0:v.cfg}),o=e.getNumberAxis(t,r),[c,a]=S.useState(qe(t)),[l,x]=S.useState(((G=(V=($=t==null?void 0:t.chartOptions)==null?void 0:$.scales)==null?void 0:V[o])==null?void 0:G.min)||""),[p,m]=S.useState(((q=(k=(y=t==null?void 0:t.chartOptions)==null?void 0:y.scales)==null?void 0:k[o])==null?void 0:q.max)||""),[h,f]=S.useState(l||p?"custom":"auto"),[d,u]=S.useState(""),[g,j]=S.useState(0),[N,w]=S.useState(""),[R,T]=S.useState(""),[D,z]=S.useState(""),I=e.useEditorStore(C=>C.actions.setCardPreferences),{updateCardInFrame:b}=e.useEditorActions(),E=e.useEditorStore(C=>C.card),A=e.useEditorStore(C=>{var v;return(v=C.card)==null?void 0:v.type}),O=["pie","doughnut","polarArea"].includes(A);S.useEffect(()=>{var C,v,Q,F,_,K,se,te,W,H,J,Y,ne,Z;a(qe(t)),x(((Q=(v=(C=t==null?void 0:t.chartOptions)==null?void 0:C.scales)==null?void 0:v[o])==null?void 0:Q.min)===0?0:""),m(((K=(_=(F=t==null?void 0:t.chartOptions)==null?void 0:F.scales)==null?void 0:_[o])==null?void 0:K.max)||""),u(((H=(W=(te=(se=t==null?void 0:t.chartOptions)==null?void 0:se.scales)==null?void 0:te[o])==null?void 0:W.ticks)==null?void 0:H.stepSize)||""),j(((J=t==null?void 0:t.numberAxisFormat)==null?void 0:J.decimalPlaces)||0),w(((Y=t==null?void 0:t.numberAxisFormat)==null?void 0:Y.suffix)||""),T(((ne=t==null?void 0:t.numberAxisFormat)==null?void 0:ne.currency)||""),z(((Z=t==null?void 0:t.numberAxisFormat)==null?void 0:Z.locale)||"")},[s,t,o]);function L(C,v){return v===""||/^[0-9\b]+$/.test(v)?Number(v):Number(C)}function M(){const C=[...new Set(e.LOCALE_CURRENCY_PAIRS.map(v=>v.currency))];return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-6 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"col-span-2 hover:cursor-pointer hover:underline",htmlFor:"currency",children:e.jsxRuntimeExports.jsx("a",{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",children:"Currency"})}),e.jsxRuntimeExports.jsxs(e.Select,{value:R||"none",onValueChange:v=>T(v==="none"?"":v),children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Currency"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"none",children:"None"}),C.map(v=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:v,children:v},v))]})})]}),e.jsxRuntimeExports.jsxs(e.Select,{value:D,onValueChange:v=>z(v),children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Locale"}),e.LOCALE_CURRENCY_PAIRS.map(v=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:v.locale,children:v.locale},v.locale))]})})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-9 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"col-span-3",htmlFor:"format",children:"Decimals"}),e.jsxRuntimeExports.jsx(e.Input,{value:g,onChange:v=>j(Number(v.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${fe}`})]})]})}function B(){return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"range",children:"Range"}),e.jsxRuntimeExports.jsx(e.Input,{id:"min",value:l,onChange:C=>x(v=>L(v,C.target.value)),className:`col-span-1 h-8 w-full ${fe}`}),e.jsxRuntimeExports.jsx(e.Input,{value:p,onChange:C=>m(v=>L(v,C.target.value)),id:"max",className:`col-span-1 h-8 w-full ${fe}`})]}),e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"step-size",children:"Step Size"}),e.jsxRuntimeExports.jsx(e.Input,{value:d,onChange:C=>u(v=>L(v,C.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${fe}`})]})]})}function P(){var F;let C={};h==="custom"&&(C={min:l,max:p,ticks:{stepSize:d}});const v={...t||{},chartOptions:{...t==null?void 0:t.chartOptions,scales:{...(F=t==null?void 0:t.chartOptions)==null?void 0:F.scales,[o]:{type:c,...c==="linear"?C:{}}}},numberAxisFormat:{decimalPlaces:g,suffix:N,currency:R,locale:D}};console.log(v),I(v);const Q={...E,preferences:v};b(Q)}return e.jsxRuntimeExports.jsxs(e.Popover,{onOpenChange:C=>n(C),children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.SliderIcon,{className:"size-4 cursor-pointer text-muted-foreground hover:text-foreground"})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{align:"center",className:"max-w-65",children:e.jsxRuntimeExports.jsxs("div",{className:"grid gap-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx("h4",{className:"font-medium leading-none",children:"Scale Options"}),e.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for the number axis"})]}),e.jsxRuntimeExports.jsxs("div",{className:"grid gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"scale",children:"Type"}),e.jsxRuntimeExports.jsxs(e.Select,{disabled:O,value:c,onValueChange:C=>a(C),children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{id:"type",children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Option"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"linear",children:"Linear"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"logarithmic",children:"Logarithmic"})]})})]})]}),c=="linear"&&e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 items-center gap-2 py-1",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"scale-option",children:"Setup"}),e.jsxRuntimeExports.jsxs(e.RadioGroup,{disabled:O,id:"scale-option",value:h,onValueChange:C=>f(C),className:"col-span-2 flex gap-3",defaultValue:"x",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"auto",id:"r1"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Auto"})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"custom",id:"r2"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Custom"})]})]})]}),h==="custom"&&c=="linear"&&B(),M(),e.jsxRuntimeExports.jsx(e.SelectSeparator,{}),e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3",children:e.jsxRuntimeExports.jsx(e.Button,{onClick:P,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function jt({idx:s}){var l;const n=e.useEditorStore(x=>{var p;return(p=x.card)==null?void 0:p.preferences}),t=e.useEditorStore(x=>{var p;return(p=x.card.preferences)==null?void 0:p.datasetOptions}),r=e.useEditorStore(x=>x.actions.setCardPreferences),o=(l=n==null?void 0:n.chartOptions)==null?void 0:l.indexAxis,c=t==null?void 0:t.find(x=>x.idx===s);function a(x,p){(x==="end"||x==="start")&&e.getContrastColor(e.getCanvasBackgroundColor());const m={display:x!=="none",align:x,anchor:x,clamp:!0};if(!c)r({...n,datasetOptions:[...t||[],{idx:p,datalabels:m}]});else{const h={...c};h.datalabels=m;const f=t==null?void 0:t.map(d=>d.idx===p?h:d);r({...n,datasetOptions:f})}}return e.jsxRuntimeExports.jsxs(e.Popover,{children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{children:e.jsxRuntimeExports.jsx(Ts,{className:"invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{className:"w-fit p-1",children:e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>a("none",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(e.X,{className:"size-4"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>a("start",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(Ss,{className:e.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>a("center",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(vs,{className:e.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>a("end",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(ys,{className:e.cn("h-4 w-4",{"rotate-90":o==="y"})})})]})})]})}function os(){const s=e.useEditorStore(x=>x.card),n=e.useEditorStore(x=>{var p,m,h;return(h=(m=(p=x==null?void 0:x.card)==null?void 0:p.preferences)==null?void 0:m.chartOptions)==null?void 0:h.indexAxis}),t=n==="y"?"Y axis":"X axis",r=n==="y"?"X axis":"Y axis",{keys:o,metricKeys:c,dimensionKeys:a}=e.getKeys(s.data||[]);let l=c;if(["stackedBar","stackedLine"].includes(s.type)){const x=e.pivotData({dataArray:s.data||[],groupKey:a[0],pivotKey:a[1],valueKey:l[0]}),{metricKeys:p}=e.getKeys(x);l=p}return o.length===0?null:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(e.Label,{children:t}),e.jsxRuntimeExports.jsx("div",{className:"my-1 space-y-1",children:e.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-muted/70 px-2 py-1 hover:bg-muted",children:e.jsxRuntimeExports.jsx("p",{children:a[0]})})})]}),e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-5",children:[e.jsxRuntimeExports.jsx(e.Label,{children:r}),e.jsxRuntimeExports.jsx(rs,{})]}),e.jsxRuntimeExports.jsx("div",{className:"my-1 space-y-1",children:l.map((x,p)=>e.jsxRuntimeExports.jsx(ht,{col:x,idx:p},x))})]})]})}function ht({col:s,idx:n}){const t=e.useEditorStore(l=>{var x;return(x=l.card)==null?void 0:x.preferences}),r=e.useEditorStore(l=>{var x;return(x=l.card.preferences)==null?void 0:x.datasetOptions}),o=r==null?void 0:r.find(l=>l.idx===n),{setCardPreferences:c}=e.useEditorStore(l=>l.actions);function a(l){if(!o)c({...t,datasetOptions:[...r||[],{idx:n,type:l==="area"?"line":l,fill:l==="area"?"origin":""}]});else{const x={...o};x.type=l==="area"?"line":l,x.fill=l==="area"?"origin":"";const p=r==null?void 0:r.map(m=>m.idx===n?x:m);c({...t,datasetOptions:p})}}return e.jsxRuntimeExports.jsxs("div",{className:"group flex items-center justify-between gap-5 rounded-md bg-muted/70 px-2 py-1 hover:bg-muted",children:[e.jsxRuntimeExports.jsx("p",{children:s}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsx(ke,{onClick:()=>a("bar"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(Le,{onClick:()=>a("line"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(xs,{onClick:()=>a("area"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(e.Separator,{orientation:"vertical",className:"invisible size-4 cursor-pointer py-2 text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(jt,{idx:n})]})]})}function is(){const s=e.useEditorStore(f=>f.selectedConnectionId),n=e.useEditorStore(f=>f.selectedDatamodelId),t=e.useEditorStore(f=>f.selectedDatabaseName),r=e.useEditorStore(f=>f.selectedSchemaName),o=e.useEditorStore(f=>f.selectedTableName),c=e.useDashboardStore(f=>f.dashboard.filters)||[],a=e.useDashboardStore(f=>f.actions.addFilter),l=e.useDashboardStore(f=>f.actions.removeFilter),x=e.useDashboardStore(f=>f.actions.removeFilterValue),{modelItems:p,tableName:m}=oe();function h(f,d="dashboard"){var z;const u=e.fmt(f.column_name),g=e.fmt(t||""),j=e.fmt(r||""),N=e.fmt(m);let w=e.getQualifiedTableName(j,N),R=`${w}.${u}`;const T=(z=p==null?void 0:p.find(I=>I.id===n))==null?void 0:z.name;n&&n!=="none"&&(R=`${e.DATAMODEL_NAMESPCACE}.${T}.${u}`,w=`${e.DATAMODEL_NAMESPCACE}.${T}`);const D=c==null?void 0:c.find(I=>I.column===R&&I.table===N&&(I.database===g||I.database===t));if(D)x(D.id),l(D.id);else{const I=e.v4();return m==="api"&&s?(a({location:d,id:I,column:R,title:f.column_name,dataType:f.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:e.getDefaultFilterSql(f.data_type,w,u)}),I):(a({id:I,location:d,column:R,title:f.column_name,dataType:f.data_type,table:o||"",database:t||"",connectionId:s||"",operation:"in",sql:e.getDefaultFilterSql(f.data_type,w,u)}),I)}}return{assignFilter:h}}function xe(){const s=e.useDashboardStore(l=>l.dashboard.filters),n=e.useEditorStore(l=>l.frame),{setFrame:t}=e.useEditorActions(),{columns:r}=oe(),{assignFilter:o}=is();function c(l){const x=o(l,"frame");t({...n,filterId:x})}const a=s==null?void 0:s.find(l=>l.id===n.filterId);return e.jsxRuntimeExports.jsxs("div",{className:"space-y-3",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Card Filter"}),e.jsxRuntimeExports.jsx(Et,{onSelect:c,columns:r}),a&&e.jsxRuntimeExports.jsx(e.FilterHeader,{filter:a})]})}function Et({columns:s,onSelect:n}){var a;const[t,r]=Ne.useState(!1),[o,c]=Ne.useState("");return e.jsxRuntimeExports.jsxs(e.Popover,{open:t,onOpenChange:r,children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(e.Button,{size:"sm",variant:"outline",role:"combobox","aria-expanded":t,className:"w-full justify-between font-normal",children:[o?(a=s.find(l=>l.column_name===o))==null?void 0:a.column_name:"Select Column...",e.jsxRuntimeExports.jsx(e.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{className:"w-[200px] p-0",children:e.jsxRuntimeExports.jsxs(e.Command,{children:[e.jsxRuntimeExports.jsx(e.CommandInput,{placeholder:"Search column",className:"h-9"}),e.jsxRuntimeExports.jsxs(e.CommandList,{children:[e.jsxRuntimeExports.jsx(e.CommandEmpty,{children:"No framework found."}),e.jsxRuntimeExports.jsx(e.CommandGroup,{children:s.map(l=>e.jsxRuntimeExports.jsxs(e.CommandItem,{value:l.column_name,onSelect:x=>{const p=x===o?"":x;c(p),r(!1),p&&n(l)},children:[l.column_name,e.jsxRuntimeExports.jsx(e.CheckIcon,{className:e.cn("ml-auto h-4 w-4",o===l.column_name?"opacity-100":"opacity-0")})]},l.column_name))})]})]})})]})}function ft({cardType:s}){return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:`${e.titleCase(s)} Chart`}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, y-axis-1, y-axis-2,... FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"x-axis - category"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis1 - number"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis2 - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:n=>n.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#line-chart",children:"example"})," in the docs."]})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(Se,{}),e.jsxRuntimeExports.jsx(os,{})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filters"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ce,{}),e.jsxRuntimeExports.jsx(xe,{})]})]})]})})}function Ae(){var o,c,a;const s=e.useEditorStore(l=>l.card.cfg),n=e.useEditorStore(l=>l.actions.setCardCfg),t=e.useEditorStore(l=>l.card.type);function r(l){var m;const x={datalabels:{display:l!=="none",align:l,anchor:l,clamp:!0}},p={...s,options:{...s==null?void 0:s.options,plugins:{...(m=s==null?void 0:s.options)==null?void 0:m.plugins,...x}}};n(p),console.log(l)}return e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("label",{className:"font-medium",children:"Data Labels"}),!["pyramid"].includes(t)&&e.jsxRuntimeExports.jsx(rs,{})]}),e.jsxRuntimeExports.jsxs(e.Select,{value:(a=(c=(o=s==null?void 0:s.options)==null?void 0:o.plugins)==null?void 0:c.datalabels)==null?void 0:a.anchor,onValueChange:r,defaultValue:"none",children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{placeholder:"Select position"})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Data Labels"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"none",children:"None"}),t!=="pyramid"&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:"start",children:"Start"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"center",children:"Center"}),t!=="pyramid"&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:"end",children:"End"})]})})]})]})}function gt({cardType:s}){function n(t){const r="SELECT label, [group], x-axis, y-axis, radius FROM table",o="SELECT label, [group], x-axis, y-axis FROM table";return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:t==="bubble"?r:o}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"label - category"}),e.jsxRuntimeExports.jsx("li",{children:"group - category"}),e.jsxRuntimeExports.jsx("li",{children:"x-axis - category"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis - category"}),t==="bubble"&&e.jsxRuntimeExports.jsx("li",{children:"radius - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:c=>c.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#pie-chart",children:"example"})," in the docs."]})]})}return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:`${e.titleCase(s)} Chart`}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"space-y-4 font-mono text-xs",children:n(s)})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(Ae,{})})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filters"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ce,{}),e.jsxRuntimeExports.jsx(xe,{})]})]})]})})}const Rt={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},bt={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function St(){const s=e.useEditorStore(n=>n.card.type);return e.jsxRuntimeExports.jsxs("div",{className:"space-y-6 p-6",children:[e.jsxRuntimeExports.jsx(e.Accordion,{className:" ",type:"single",collapsible:!0,children:yt(s)}),e.jsxRuntimeExports.jsx("section",{className:"",children:["line","bar"].includes(s)&&e.jsxRuntimeExports.jsx(Se,{})}),!["kpi"].includes(s)&&e.jsxRuntimeExports.jsxs("div",{className:"space-y-4",children:[e.jsxRuntimeExports.jsx(Ae,{}),e.jsxRuntimeExports.jsx(ce,{}),e.jsxRuntimeExports.jsx(xe,{})]})]})}function yt(s){if(["line","bar"].includes(s))return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsx("p",{children:"Chart Query"})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"X-axis - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Y-axis - Number (ex. population)"})]})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:"Mixed Chart"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxRuntimeExports.jsxs("p",{children:["Click ",e.jsxRuntimeExports.jsx("b",{children:"Customize"})," and change the `type` property in the dataset."]}),e.jsxRuntimeExports.jsx("pre",{children:JSON.stringify(Rt,null,2)})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:"Area Chart"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxRuntimeExports.jsxs("p",{children:["Click ",e.jsxRuntimeExports.jsx("b",{children:"Customize"})," and add `fill` property to the dataset. See",e.jsxRuntimeExports.jsx("a",{className:"mx-1 text-blue-500 hover:underline",href:"https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",target:"_blank",children:"docs"}),"for more options."]}),e.jsxRuntimeExports.jsx("pre",{children:JSON.stringify(bt,null,2)})]})]})]});if(s==="bubble")return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsxs("p",{children:["How to create a ",e.jsxRuntimeExports.jsx("span",{children:s})," chart query?"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis, radius FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsxRuntimeExports.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsxRuntimeExports.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsxRuntimeExports.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(s==="scatter")return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsxs("p",{children:["How to create a ",e.jsxRuntimeExports.jsx("span",{children:s})," chart query?"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsxRuntimeExports.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsxRuntimeExports.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea"].includes(s))return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsxs("p",{children:[e.jsxRuntimeExports.jsx("span",{children:s==="polarArea"?"Polar":s.charAt(0).toUpperCase()+s.slice(1)})," ","chart query"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}function vt(){var x,p,m,h,f;const s=e.useEditorStore(d=>d.card.preferences),n=e.useEditorStore(d=>d.actions.setCardPreferences),t=e.useEditorStore(d=>d.actions.setNumberFormat);e.useEditorStore(d=>{var u,g;return(g=(u=d.card.preferences)==null?void 0:u.formatNumber)==null?void 0:g.decimalPlaces});const r=e.useEditorStore(d=>{var u,g;return(g=(u=d.card.preferences)==null?void 0:u.formatNumber)==null?void 0:g.locale}),o=e.useEditorStore(d=>{var u,g;return(g=(u=d.card.preferences)==null?void 0:u.formatNumber)==null?void 0:g.currency});e.useEditorStore(d=>d.actions.setFilterOnClickField);const c=e.useEditorStore(d=>{var u,g;return(g=(u=d.card.preferences)==null?void 0:u.formatNumber)==null?void 0:g.colorRanges})||[],a=e.useEditorStore(d=>d.actions.setColorRanges),l=[...new Set(e.LOCALE_CURRENCY_PAIRS.map(d=>d.currency))];return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:!!((x=s==null?void 0:s.formatNumber)!=null&&x.enabled),onCheckedChange:d=>{n({...s,formatNumber:{...s==null?void 0:s.formatNumber,enabled:d}})}}),e.jsxRuntimeExports.jsx(e.Label,{children:"Format Number"})]}),((p=s==null?void 0:s.formatNumber)==null?void 0:p.enabled)===!0&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 p-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Locale"}),e.jsxRuntimeExports.jsxs(e.Select,{value:r||"en-US",onValueChange:d=>{var u,g,j;return t(((u=s==null?void 0:s.formatNumber)==null?void 0:u.decimalPlaces)||0,((g=s==null?void 0:s.formatNumber)==null?void 0:g.currency)||"",d||"en-US",((j=s==null?void 0:s.formatNumber)==null?void 0:j.suffix)||"")},children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Format"}),e.LOCALE_CURRENCY_PAIRS.map(d=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:d.locale,children:d.locale},d.locale))]})})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Currency"}),e.jsxRuntimeExports.jsxs(e.Select,{value:o||"none",onValueChange:d=>{var u,g,j;return t(((u=s==null?void 0:s.formatNumber)==null?void 0:u.decimalPlaces)||0,d==="none"?"":d,((g=s==null?void 0:s.formatNumber)==null?void 0:g.locale)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.suffix)||"")},children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Currency"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"none",children:"None"},"none"),l.map(d=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:d,children:d},d))]})})]})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Decimals"}),e.jsxRuntimeExports.jsxs(e.Select,{value:((h=(m=s==null?void 0:s.formatNumber)==null?void 0:m.decimalPlaces)==null?void 0:h.toString())||"0",onValueChange:d=>{var u,g,j;return t(Number(d),((u=s==null?void 0:s.formatNumber)==null?void 0:u.currency)||"",((g=s==null?void 0:s.formatNumber)==null?void 0:g.locale)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.suffix)||"")},children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:["0","1","2","3","4"].map(d=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:d,children:d},d))})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Suffix"}),e.jsxRuntimeExports.jsx(e.Input,{value:((f=s==null?void 0:s.formatNumber)==null?void 0:f.suffix)||"",className:"h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"K, M, B, %",onChange:d=>{var u,g,j;return t(((u=s==null?void 0:s.formatNumber)==null?void 0:u.decimalPlaces)||0,((g=s==null?void 0:s.formatNumber)==null?void 0:g.currency)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.locale)||"",d.target.value)}})]})]})]})}),e.jsxRuntimeExports.jsx(e.Separator,{className:"my-3"}),e.jsxRuntimeExports.jsx(e.ColorFormat,{colorRanges:c,setColorRanges:a})]})]})}function Ct(){return e.jsxRuntimeExports.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsxRuntimeExports.jsx(e.Accordion,{type:"single",collapsible:!0,children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"",children:"KPI Query"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"font-mono",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs",children:"SELECT current, previous FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"current - number"}),e.jsxRuntimeExports.jsx("li",{children:"previous - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#kpi",children:"example"})," in the docs."]})]})]})}),e.jsxRuntimeExports.jsx("section",{className:"",children:e.jsxRuntimeExports.jsx(vt,{})}),e.jsxRuntimeExports.jsx("div",{}),e.jsxRuntimeExports.jsx("div",{})]})}function Nt(){var r;const s=e.useEditorStore(o=>o.card.preferences),{setCardPreferences:n}=e.useEditorStore(o=>o.actions);function t(o){n({...s,textVisualOptions:{...s==null?void 0:s.textVisualOptions,isDynamicText:o==="dynamic"}})}return e.jsxRuntimeExports.jsxs(e.RadioGroup,{value:(r=s==null?void 0:s.textVisualOptions)!=null&&r.isDynamicText?"dynamic":"static",onValueChange:t,className:"flex gap-3",defaultValue:"x",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"static",id:"r1"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Static"})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.RadioGroupItem,{value:"dynamic",id:"r2"}),e.jsxRuntimeExports.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Dynamic"})]})]})}function ge({cardType:s,docContent:n,suffix:t="Chart"}){return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:`${e.titleCase(s)} ${t}`}),e.jsxRuntimeExports.jsx(e.AccordionContent,{children:n||e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT label, measure FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"label - category"}),e.jsxRuntimeExports.jsx("li",{children:"measure - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#pie-chart",children:"example"})," in the docs."]})]})})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[s==="range"&&e.jsxRuntimeExports.jsx(Se,{}),s!=="text"&&e.jsxRuntimeExports.jsx(Ae,{}),s==="text"&&e.jsxRuntimeExports.jsx(Nt,{})]})]}),!["range","text"].includes(s)&&e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filters"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ce,{}),e.jsxRuntimeExports.jsx(xe,{})]})]})]})})}function wt(){return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Stacked Chart"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, stack-by, y-axis FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"x-axis - category"}),e.jsxRuntimeExports.jsx("li",{children:"stack by - category"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#stacked-chart",children:"example"})," in the docs."]})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(Se,{}),e.jsxRuntimeExports.jsx(os,{})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filters"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ce,{}),e.jsxRuntimeExports.jsx(xe,{})]})]})]})})}function kt({}){const s=e.useEditorStore(r=>{var o;return(o=r.card)==null?void 0:o.preferences}),n=e.useEditorStore(r=>r.actions.setCardPreferences),t=r=>{n({...s,allowDownload:r})};return e.jsxRuntimeExports.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsxRuntimeExports.jsx(e.Accordion,{defaultValue:["item-3"],type:"multiple",children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filters"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ce,{}),e.jsxRuntimeExports.jsx(xe,{})]})]})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{onCheckedChange:t,id:"allow-download"}),e.jsxRuntimeExports.jsx("label",{htmlFor:"allow-download",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Allow Download"})]})]})}const Lt=e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT dimension, cohort, metric FROM table"}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#pyramid-chart",children:"example"})," in the docs."]})]}),It=e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT y-axis, label, range-from, range-to, range-value FROM table"}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#range-charts",children:"example"})," in the docs."]})]}),Dt=e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT text FROM table limit 1"}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#text-visual",children:"example"})," in the docs."]})]});function At(){const s=e.useEditorStore(t=>t.card.type);function n(t){switch(t){case"stackedBar":case"stackedLine":return e.jsxRuntimeExports.jsx(wt,{});case"pyramid":return e.jsxRuntimeExports.jsx(ge,{docContent:Lt,cardType:t});case"kpi":return e.jsxRuntimeExports.jsx(Ct,{});case"line":case"bar":return e.jsxRuntimeExports.jsx(ft,{cardType:t});case"range":return e.jsxRuntimeExports.jsx(ge,{docContent:It,cardType:t});case"pie":case"doughnut":case"polarArea":case"radar":return e.jsxRuntimeExports.jsx(ge,{cardType:t});case"bubble":case"scatter":return e.jsxRuntimeExports.jsx(gt,{cardType:t});case"table":return e.jsxRuntimeExports.jsx(kt,{cardType:t});case"text":return e.jsxRuntimeExports.jsx(ge,{docContent:Dt,cardType:t,suffix:"Visual"});case"custom":return e.jsxRuntimeExports.jsx(mt,{});default:return e.jsxRuntimeExports.jsx(St,{})}}return e.jsxRuntimeExports.jsx(e.ScrollArea,{className:"h-full w-full text-sm",children:n(s)})}function Tt(){const s=e.useEditorStore(n=>n.isShowingVisual);return e.jsxRuntimeExports.jsxs(e.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:[e.jsxRuntimeExports.jsx(e.ResizablePanel,{role:"query-section",className:"flex",minSize:20,defaultSize:40,children:e.jsxRuntimeExports.jsx(ot,{})}),e.jsxRuntimeExports.jsx(e.ResizableHandle,{withHandle:!0,className:"border"}),e.jsxRuntimeExports.jsx(e.ResizablePanel,{className:"pb-1",role:"visual-section",minSize:0,defaultSize:60,children:s?e.jsxRuntimeExports.jsxs(e.ResizablePanelGroup,{direction:"horizontal",children:[e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(e.ResizablePanel,{className:"flex min-w-[275px]",minSize:20,defaultSize:25,maxSize:30,children:e.jsxRuntimeExports.jsx(At,{})})}),e.jsxRuntimeExports.jsx(e.ResizableHandle,{className:"border"}),e.jsxRuntimeExports.jsx(e.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsxRuntimeExports.jsx(Me,{})})]}):e.jsxRuntimeExports.jsx(Me,{})})]})}function zt({authToken:s,onSave:n,onClose:t}){const r=e.useEditorStore(a=>a.actions.setOnSave),o=e.useEditorStore(a=>a.actions.setOnClose),c=e.useDashboardStore(a=>a.actions.setAuthToken);return S.useEffect(()=>{n&&r(n),t&&o(t)},[n,r,t,o]),S.useEffect(()=>{s&&s.accessToken&&c(s)},[s,c]),e.jsxRuntimeExports.jsxs(e.EditorPanel,{className:"rounded-none",role:"editor-panel",children:[e.jsxRuntimeExports.jsx(e.EditorAside,{className:"rounded-none border-r-[1.5px]",children:e.jsxRuntimeExports.jsx(Ue,{})}),e.jsxRuntimeExports.jsx(e.EditorMain,{children:e.jsxRuntimeExports.jsx(Tt,{})})]})}function Ft(){e.useDashboardStore(a=>a.selectedCardId);const s=e.useDashboardStore(a=>a.selectedSheetId),{setIsVisualEditing:n}=e.useDashboardStore(a=>a.actions),t=e.useDashboardStore(a=>a.isVisualEditing),r=e.useDashboardStore(a=>a.actions.updateFrame);function o(a){s&&(r(s,a),n(!1))}function c(){n(!1)}return e.jsxRuntimeExports.jsx("div",{role:"editor-container",className:e.cn("flex grow",{block:t,hidden:!t}),children:e.jsxRuntimeExports.jsx(zt,{onSave:o,onClose:c})})}function Ot(){e.useEditorStore(a=>a.selectedConnectionId),e.useEditorStore(a=>a.selectedDatamodelId);const s=e.useEditorStore(a=>a.selectedDatabaseName);e.useEditorStore(a=>a.selectedSchemaName);const n=e.useEditorStore(a=>a.selectedTableName),t=e.useDashboardStore(a=>a.dashboard.filters)||[];e.useDashboardStore(a=>a.actions.addFilter),e.useDashboardStore(a=>a.actions.removeFilter),e.useDashboardStore(a=>a.actions.removeFilterValue);const{modelItems:r,columns:o}=oe(),{assignFilter:c}=is();return e.jsxRuntimeExports.jsx("div",{className:"xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3",children:o==null?void 0:o.map(a=>{const l=t==null?void 0:t.find(x=>x.column===e.fmt(a.column_name)&&x.table===n&&x.database===s);return e.jsxRuntimeExports.jsx("div",{onClick:()=>c(a),className:e.cn("group flex cursor-pointer items-center justify-between border border-dashed border-background px-3 py-[6px] text-sm transition-colors hover:bg-muted/50",{"bg-muted":l}),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(Ge,{column:a}),e.jsxRuntimeExports.jsx("span",{children:a.column_name})]})},a.column_name)})})}function Mt(){e.useDashboardStore(n=>n.showFilters);const s=e.useDashboardStore(n=>n.actions.setShowFilters);return e.jsxRuntimeExports.jsxs("section",{className:"relative flex grow flex-col border-l px-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"mt-4 flex items-center justify-between gap-2 px-3",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"text-lg",children:"Filters"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>s(!1),className:"h-7 w-7 p-0",variant:"ghost",children:e.jsxRuntimeExports.jsx(e.Cross2Icon,{})})]}),e.jsxRuntimeExports.jsx("div",{className:"flex grow",children:e.jsxRuntimeExports.jsx(Ue,{ColumnsComponent:()=>e.jsxRuntimeExports.jsx(Ot,{})})})]})}function qt(){const s=e.useDashboardStore(t=>t.showFilters),n=e.useDashboardStore(t=>t.isVisualEditing);return e.jsxRuntimeExports.jsxs("div",{role:"dashboard-plus-main",className:e.cn("grow",{hidden:n,flex:!n}),children:[e.jsxRuntimeExports.jsx(e.DashboardTabs,{}),s&&e.jsxRuntimeExports.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsxRuntimeExports.jsx(Mt,{})})]})}function Vt(){const s=e.useDashboardStore(r=>r.dashboard),n=e.useDashboardStore(r=>r.actions.setDashboard),t=e.useDashboardStore(r=>r.showDashboardJSON);return e.useDashboardStore(r=>r.actions.setShowDashboardJSON),e.jsxRuntimeExports.jsx("div",{className:e.cn(" p-2",{hidden:!t}),children:e.jsxRuntimeExports.jsx(e.de,{onChange:r=>{if(r)try{JSON.parse(r),n(JSON.parse(r))}catch{}},defaultLanguage:"json",className:"h-[550px] overflow-y-auto ",value:JSON.stringify(s,null,2),options:{minimap:{enabled:!1},glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})})}function _t({showControls:s=!1,showFooter:n=!0,...t}){return e.jsxRuntimeExports.jsxs(e.SemaphorContextProvider,{dashboardProps:t,children:[e.jsxRuntimeExports.jsx(e.Te,{}),e.jsxRuntimeExports.jsxs(e.UXProvider,{children:[e.jsxRuntimeExports.jsx(Vt,{}),e.jsxRuntimeExports.jsxs(e.DashboardPanel,{...t,children:[s&&e.jsxRuntimeExports.jsx(Bs,{}),e.jsxRuntimeExports.jsx(Ft,{}),e.jsxRuntimeExports.jsx(qt,{})]})]})]})}exports.DashboardPlus=_t;exports.LoaderCircle=le;exports.SelectComponent=ae;exports.cleanCard=$e;exports.getDashbaordStateWithoutData=De;exports.useEditorAside=oe;

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-IjsKPI0S.js"),n=require("./chunks/dashboard-plus-evpUp_5m.js"),I=require("react");require("react-dom");function N({card:t,footer:u,className:c,...h}){const{customCards:r}=e.useSemaphorContext(),m=I.useRef(null),{isError:p,isLoading:i,isFetching:a,cfg:x,visualKey:C,handleDatapointClick:f}=e.useDashboardCard(t),l=e.useDashboardStore(s=>s.themeStyle),d=e.useDashboardStore(s=>s.selectedSheetId),E=e.useDashboardStore(s=>s.selectedCardId),j=e.useDashboardStore(s=>s.isDashboardEditing),{setCardTitle:D,setCardDescription:g,setSelectedCardId:b}=e.useDashboardActions();function S(s){s.stopPropagation(),b(d,t.id)}function T(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.replaceDefault){const o=s.content;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return t.type==="kpi"?t.data&&t.data.length>0&&e.jsxRuntimeExports.jsx(e.KPICard,{isLoading:i||a,card:t}):y}function R(){if(p)return e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"Oops! It seems like something went wrong. Please review your connection or filters."});if(t.type==="table"&&t.data&&t.data.length>0)return e.jsxRuntimeExports.jsxs(e.ScrollArea,{children:[e.jsxRuntimeExports.jsx(e.TableVisual,{card:t,data:t.data}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]});if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.content){const o=s.content;return e.jsxRuntimeExports.jsx(o,{card:t})}}if(x)return e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:x,onDatapointClick:f},C)}function A(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.footer){const o=s.footer;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return u||null}if(!t.id)return null;const y=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"pb-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Editable,{text:t.title,onSave:s=>D(d,t.id,s),children:e.jsxRuntimeExports.jsx(e.CardTitle,{className:"text-base",children:t.title})}),t.refreshInterval&&e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{className:"pr-1",children:e.jsxRuntimeExports.jsx("div",{className:e.cn("h-2 w-2 rounded-full bg-green-500 transition-opacity",{"opacity-10":i||a})})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{side:"right",align:"center",children:e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:`Realtime (${t==null?void 0:t.refreshInterval})`})})]}),!t.refreshInterval&&(i||a)&&e.jsxRuntimeExports.jsx(n.LoaderCircle,{className:"h-4 w-4 animate-spin text-muted-foreground"})]}),e.jsxRuntimeExports.jsx(e.Editable,{text:(t==null?void 0:t.description)||"",onSave:s=>g(d,t.id,s),children:e.jsxRuntimeExports.jsxs(e.CardDescription,{children:[" ",t.description]})})]}),e.jsxRuntimeExports.jsx(e.CardContent,{className:"relative flex grow flex-col overflow-auto pb-0",children:R()}),e.jsxRuntimeExports.jsx(e.CardFooter,{children:A()})]});return e.jsxRuntimeExports.jsx(e.Card,{tabIndex:-1,ref:m,role:"dashboard-card",onClick:S,className:e.cn("relative flex h-full flex-col rounded-sm",{"border-dashed border-foreground/50":E===t.id&&j},l==null?void 0:l.dashboardCard,c),...h,children:T()})}exports.BOOLEAN_DATA_TYPES=e.BOOLEAN_DATA_TYPES;exports.DATE_DATA_TYPES=e.DATE_DATA_TYPES;exports.Dashboard=e.Dashboard;exports.DashboardWC=e.DashboardWC;exports.NUMBER_DATA_TYPES=e.NUMBER_DATA_TYPES;exports.SemaphorQueryClient=e.SemaphorQueryClient;exports.TEXT_DATA_TYPES=e.TEXT_DATA_TYPES;exports.createSqlGenConfig=e.createSqlGenConfig;exports.fmt=e.fmt;exports.getColumnDataType=e.getColumnDataType;exports.getFilterValueType=e.getFilterValueType;exports.getQualifiedTableName=e.getQualifiedTableName;exports.getSql=e.getSql;exports.isColumnInSqlGen=e.isColumnInSqlGen;exports.resolveDataType=e.resolveDataType;exports.useCard=e.useCard;exports.useDashboardActions=e.useDashboardActions;exports.useDashboardStore=e.useDashboardStore;exports.useEditorActions=e.useEditorActions;exports.useEditorStore=e.useEditorStore;exports.SelectComponent=n.SelectComponent;exports.Surfboard=n.DashboardPlus;exports.cleanCard=n.cleanCard;exports.getDashbaordStateWithoutData=n.getDashbaordStateWithoutData;exports.useEditorAside=n.useEditorAside;exports.DashboardCard=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunks/index-IjsKPI0S.js"),n=require("./chunks/dashboard-plus-p2FW-XCQ.js"),I=require("react");require("react-dom");function N({card:t,footer:u,className:c,...h}){const{customCards:r}=e.useSemaphorContext(),m=I.useRef(null),{isError:p,isLoading:i,isFetching:a,cfg:x,visualKey:C,handleDatapointClick:f}=e.useDashboardCard(t),l=e.useDashboardStore(s=>s.themeStyle),d=e.useDashboardStore(s=>s.selectedSheetId),E=e.useDashboardStore(s=>s.selectedCardId),j=e.useDashboardStore(s=>s.isDashboardEditing),{setCardTitle:D,setCardDescription:g,setSelectedCardId:b}=e.useDashboardActions();function S(s){s.stopPropagation(),b(d,t.id)}function T(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.replaceDefault){const o=s.content;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return t.type==="kpi"?t.data&&t.data.length>0&&e.jsxRuntimeExports.jsx(e.KPICard,{isLoading:i||a,card:t}):y}function R(){if(p)return e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"Oops! It seems like something went wrong. Please review your connection or filters."});if(t.type==="table"&&t.data&&t.data.length>0)return e.jsxRuntimeExports.jsxs(e.ScrollArea,{children:[e.jsxRuntimeExports.jsx(e.TableVisual,{card:t,data:t.data}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]});if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.content){const o=s.content;return e.jsxRuntimeExports.jsx(o,{card:t})}}if(x)return e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:x,onDatapointClick:f},C)}function A(){if(r&&r.length>0){const s=r.find(o=>o.cardId===t.id);if(s&&s.footer){const o=s.footer;if(o)return e.jsxRuntimeExports.jsx(o,{card:t})}}return u||null}if(!t.id)return null;const y=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"pb-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Editable,{text:t.title,onSave:s=>D(d,t.id,s),children:e.jsxRuntimeExports.jsx(e.CardTitle,{className:"text-base",children:t.title})}),t.refreshInterval&&e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{className:"pr-1",children:e.jsxRuntimeExports.jsx("div",{className:e.cn("h-2 w-2 rounded-full bg-green-500 transition-opacity",{"opacity-10":i||a})})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{side:"right",align:"center",children:e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:`Realtime (${t==null?void 0:t.refreshInterval})`})})]}),!t.refreshInterval&&(i||a)&&e.jsxRuntimeExports.jsx(n.LoaderCircle,{className:"h-4 w-4 animate-spin text-muted-foreground"})]}),e.jsxRuntimeExports.jsx(e.Editable,{text:(t==null?void 0:t.description)||"",onSave:s=>g(d,t.id,s),children:e.jsxRuntimeExports.jsxs(e.CardDescription,{children:[" ",t.description]})})]}),e.jsxRuntimeExports.jsx(e.CardContent,{className:"relative flex grow flex-col overflow-auto pb-0",children:R()}),e.jsxRuntimeExports.jsx(e.CardFooter,{children:A()})]});return e.jsxRuntimeExports.jsx(e.Card,{tabIndex:-1,ref:m,role:"dashboard-card",onClick:S,className:e.cn("relative flex h-full flex-col rounded-sm",{"border-dashed border-foreground/50":E===t.id&&j},l==null?void 0:l.dashboardCard,c),...h,children:T()})}exports.BOOLEAN_DATA_TYPES=e.BOOLEAN_DATA_TYPES;exports.DATE_DATA_TYPES=e.DATE_DATA_TYPES;exports.Dashboard=e.Dashboard;exports.DashboardWC=e.DashboardWC;exports.NUMBER_DATA_TYPES=e.NUMBER_DATA_TYPES;exports.SemaphorQueryClient=e.SemaphorQueryClient;exports.TEXT_DATA_TYPES=e.TEXT_DATA_TYPES;exports.createSqlGenConfig=e.createSqlGenConfig;exports.fmt=e.fmt;exports.getColumnDataType=e.getColumnDataType;exports.getFilterValueType=e.getFilterValueType;exports.getQualifiedTableName=e.getQualifiedTableName;exports.getSql=e.getSql;exports.isColumnInSqlGen=e.isColumnInSqlGen;exports.resolveDataType=e.resolveDataType;exports.useCard=e.useCard;exports.useDashboardActions=e.useDashboardActions;exports.useDashboardStore=e.useDashboardStore;exports.useEditorActions=e.useEditorActions;exports.useEditorStore=e.useEditorStore;exports.SelectComponent=n.SelectComponent;exports.Surfboard=n.DashboardPlus;exports.cleanCard=n.cleanCard;exports.getDashbaordStateWithoutData=n.getDashbaordStateWithoutData;exports.useEditorAside=n.useEditorAside;exports.DashboardCard=N;

package/dist/index.js

@@ -1,7 +1,7 @@
 import { u as _, a as w, b as r, c as F, j as t, C as P, E as f, d as k, T as R, e as L, f as h, g as q, h as B, i as Y, k as G, l as K, K as O, S as V, m as z, n as H, o as Q } from "./chunks/index-4enkmjoO.js";
 import { B as se, s as ae, D as oe, q as re, N as ne, I as ie, r as le, w as de, t as ue, y as ce, x as fe, A as he, v as Ce, z as me, F as xe, p as pe, H as ge, G as je } from "./chunks/index-4enkmjoO.js";
-import { L as W } from "./chunks/dashboard-plus--c5NKvhK.js";
-import { S as be, D as Se, c as Te, g as Ee, u as Ie } from "./chunks/dashboard-plus--c5NKvhK.js";
+import { L as W } from "./chunks/dashboard-plus-6oMry4Vt.js";
+import { S as be, D as Se, c as Te, g as Ee, u as Ie } from "./chunks/dashboard-plus-6oMry4Vt.js";
 import J from "react";
 import "react-dom";
 function Z({

package/dist/surfboard/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/dashboard-plus-evpUp_5m.js");require("../chunks/index-IjsKPI0S.js");require("react");require("react-dom");exports.Surfboard=r.DashboardPlus;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../chunks/dashboard-plus-p2FW-XCQ.js");require("../chunks/index-IjsKPI0S.js");require("react");require("react-dom");exports.Surfboard=r.DashboardPlus;

package/dist/surfboard/index.js

@@ -1,4 +1,4 @@
-import { D as i } from "../chunks/dashboard-plus--c5NKvhK.js";
+import { D as i } from "../chunks/dashboard-plus-6oMry4Vt.js";
 import "../chunks/index-4enkmjoO.js";
 import "react";
 import "react-dom";

package/package.json

@@ -5,7 +5,7 @@
     "email": "support@semaphor.cloud"
   },
   "license": "MIT",
-  "version": "0.0.249",
+  "version": "0.0.250",
   "description": "Fully interactive and customizable dashboards for your apps.",
   "keywords": [
     "react",