react-semaphor 0.0.167 → 0.0.169

package/dist/chunks/dashboard-plus-2JMdvDam.js

@@ -0,0 +1,215 @@
+"use strict";const e=require("./index-Y7Wye5jY.js"),g=require("react");/**
+ * @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 xt=e.createLucideIcon("Activity",[["path",{d:"M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",key:"169zse"}]]);/**
+ * @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 ut=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 Ne=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 dt=e.createLucideIcon("Bookmark",[["path",{d:"m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z",key:"1fy3hk"}]]);/**
+ * @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 mt=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 pt=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 ht=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 qe=e.createLucideIcon("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]);/**
+ * @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 jt=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 ft=e.createLucideIcon("GripVertical",[["circle",{cx:"9",cy:"12",r:"1",key:"1vctgf"}],["circle",{cx:"9",cy:"5",r:"1",key:"hp0tcf"}],["circle",{cx:"9",cy:"19",r:"1",key:"fkjjf6"}],["circle",{cx:"15",cy:"12",r:"1",key:"1tmaij"}],["circle",{cx:"15",cy:"5",r:"1",key:"19l28e"}],["circle",{cx:"15",cy:"19",r:"1",key:"f4zoj3"}]]);/**
+ * @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 Et=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 gt=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 Rt=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 ke=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 bt=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 yt=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 St=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 vt=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 Ct=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 Be=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 Ve=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 Nt=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 kt=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 _e=e.createLucideIcon("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]]);/**
+ * @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 wt=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 At=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 we=e.createLucideIcon("Table",[["path",{d:"M12 3v18",key:"108xh3"}],["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}]]);/**
+ * @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 Tt=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 It=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 Dt=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 Lt=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 Ft(){const[t,n]=g.useState(""),[s,r]=g.useState(!1),[i,a]=g.useState(!1),o=e.useDashboardStore(l=>l.dashboard);function c(){const l=e.getDashbaordStateWithoutData(o),d=e.getBookmarkKey(o.id),x=JSON.parse(localStorage.getItem(d)||"[]");if(x.some(j=>j.name===t)){r(!0);return}x.push({name:t,template:l}),localStorage.setItem(d,JSON.stringify(x)),a(!1)}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:i,onOpenChange:a,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs(e.Button,{variant:"outline",className:"h-7 p-2",size:"sm",children:[e.jsxRuntimeExports.jsx(_e,{className:" mr-2 h-4 w-4",strokeWidth:1.5}),"Add Lens"]})}),e.jsxRuntimeExports.jsxs(e.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxRuntimeExports.jsxs(e.DialogHeader,{children:[e.jsxRuntimeExports.jsx(e.DialogTitle,{children:"Add a 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:t,onChange:l=>{s&&r(!1),n(l.target.value)},id:"name",className:"col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"})]})}),s&&e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"The bookmark name already exists. Use a differnet name."}),e.jsxRuntimeExports.jsx(e.DialogFooter,{children:e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",type:"submit",disabled:!t,onClick:c,children:"Save"})})]})]})}function Ot(){const[t,n]=g.useState(!1),[s,r]=g.useState(""),i=e.useDashboardStore(p=>p.dashboard),a=e.useDashboardStore(p=>p.bookmarkKey),[o,c]=g.useState([]),l=e.useDashboardStore(p=>p.actions.setDashboard),d=e.useDashboardStore(p=>p.actions.setFilterValues),x=e.useDashboardStore(p=>p.actions.setBookmarkKey);g.useEffect(()=>{const p=e.getBookmarkKey(i.id),f=JSON.parse(localStorage.getItem(p)||"[]");c(f);const S=f.find(b=>b.default);S&&S.name===a&&r(S.name)},[t,i,a]);function u(p){if(p===s)return;const f=o.find(b=>b.name===p),S=f==null?void 0:f.template;S&&(l(S),d(f.filterValues||[]),x(p==="Original"?"":p)),r(p)}function j(p){const f=e.getBookmarkKey(i.id),b=JSON.parse(localStorage.getItem(f)||"[]").filter(R=>R.name!==p);localStorage.setItem(f,JSON.stringify(b)),c(b)}return e.jsxRuntimeExports.jsxs(e.DropdownMenu,{open:t,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",className:"h-7 p-2",children:e.jsxRuntimeExports.jsx(jt,{className:"h-4 w-4",strokeWidth:1.5})})}),e.jsxRuntimeExports.jsxs(e.DropdownMenuContent,{className:"w-56",children:[e.jsxRuntimeExports.jsx(e.DropdownMenuLabel,{children:"Lenses"}),e.jsxRuntimeExports.jsx(e.DropdownMenuSeparator,{}),e.jsxRuntimeExports.jsxs(e.DropdownMenuRadioGroup,{value:s,onValueChange:u,children:[e.jsxRuntimeExports.jsx(e.DropdownMenuRadioItem,{value:"Original",children:"Original"}),o.filter(p=>p.name!="Original").map((p,f)=>e.jsxRuntimeExports.jsxs(e.DropdownMenuRadioItem,{className:"xbg-red-100 flex justify-between",value:p.name,defaultChecked:p.name===a,children:[e.jsxRuntimeExports.jsx("p",{children:p.name}),e.jsxRuntimeExports.jsx(e.Cross2Icon,{onClick:S=>{S.preventDefault(),j(p.name)},className:"h-3 w-3 hover:cursor-pointer",strokeWidth:1.5})]},f))]})]})]})}function zt(){const[t,n]=g.useState(!1),s=e.useDashboardStore(a=>a.dashboard),r=e.useDashboardStore(a=>a.bookmarkKey);g.useEffect(()=>{if(!r){n(!1);return}const a=e.getBookmarkKey(s.id),c=JSON.parse(localStorage.getItem(a)||"[]").find(l=>l.name===r);n(c?c.default:!1)},[r,s.id]);function i(a){if(n(a),!r)return;const o=e.getBookmarkKey(s.id),l=JSON.parse(localStorage.getItem(o)||"[]").map(d=>(d.name===r?d.default=a:d.default=!1,d));console.log(l),localStorage.setItem(o,JSON.stringify(l))}return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:t,onCheckedChange:i,id:"terms"}),e.jsxRuntimeExports.jsx("label",{htmlFor:"terms",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Set as default"})]})}function Mt(){const t=e.useDashboardStore(R=>R.bookmarkKey),n=e.useDashboardStore(R=>R.dashboard);e.useDashboardStore(R=>R.selectedSheetId);const s=e.useDashboardStore(R=>R.isDashboardEditing),r=e.useDashboardStore(R=>R.filterValues),i=e.useDashboardStore(R=>R.isVisualEditing),a=e.useDashboardStore(R=>R.showFilters);e.useDashboardStore(R=>R.showDashboardJSON);const o=e.useDashboardStore(R=>R.onSaveFunction),c=e.useDashboardStore(R=>R.actions.setShowFilters),{addFrame:l,setSelectedFrameId:d}=e.useDashboardStore(R=>R.actions),{getSelectedSheet:x,setIsDashboardEditing:u,setShowDashboardJSON:j}=e.useDashboardStore(R=>R.actions),p=x(),f=()=>{if(!s||!p)return;const R={id:e.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"select COUNT(*) from YOUR_TABLE",data:[]},I={id:e.v4(),cards:[R],activeCardId:R.id};l(p.id,I),d(I.id)},S=()=>{u(!0)};function b(){if(!t||t==="")return;const R=e.getDashbaordStateWithoutData(n),I=e.getBookmarkKey(n.id),w=JSON.parse(localStorage.getItem(I)||"[]"),h=w.findIndex(N=>N.name===t);h!==-1?w[h]={name:t,template:R,default:w[h].default,filterValues:r}:w.push({name:t,template:R,filterValues:r}),localStorage.setItem(I,JSON.stringify(w)),o==null||o(R)}return i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-2 px-2 pt-2",role:"dashboard-controls",children:[!i&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxRuntimeExports.jsx(e.Label,{children:t}),!!t&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground",children:"|"}),e.jsxRuntimeExports.jsx(zt,{})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[s&&!i&&e.jsxRuntimeExports.jsx(Ft,{}),!i&&e.jsxRuntimeExports.jsx(Ot,{}),s&&!i&&e.jsxRuntimeExports.jsxs(e.Button,{variant:"outline",className:"h-7 p-2",size:"sm",disabled:!s,onClick:f,children:[e.jsxRuntimeExports.jsx(_e,{className:"mr-2 h-4 w-4",strokeWidth:1.5}),"Add Frame"]}),!s&&e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",className:"h-7 p-2",onClick:S,size:"sm",children:e.jsxRuntimeExports.jsx(Be,{className:"h-4 w-4",strokeWidth:1.5})}),s&&!i&&e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",role:"close",className:"h-7 p-2",onClick:()=>{u(!1),j(!1)},size:"sm",children:e.jsxRuntimeExports.jsx(e.Cross2Icon,{className:"h-4 w-4",strokeWidth:1.5})}),s&&!i&&e.jsxRuntimeExports.jsx(e.Button,{className:"h-7 p-2",variant:"outline",onClick:b,size:"sm",children:e.jsxRuntimeExports.jsx(wt,{className:"h-4 w-4",strokeWidth:1.5})}),!a&&!i&&s&&e.jsxRuntimeExports.jsx(e.Button,{className:"h-7 p-2",variant:"outline",onClick:()=>c(!0),size:"sm",children:e.jsxRuntimeExports.jsx(qe,{className:"h-4 w-4",strokeWidth:1.5})}),!i&&s&&!1,!i&&!1]})]})}function he({title:t,items:n,value:s,isLoading:r,isError:i,connectionTooltip:a,onChange:o,className:c,showIcon:l=!0,disabled:d=!1}){const x=r?"Loading...":i?"Error":s;function u(){if(t==="Connection")return e.jsxRuntimeExports.jsx(kt,{className:"size-4 rotate-90"});if(t==="Database")return e.jsxRuntimeExports.jsx(pt,{className:"size-4"});if(t==="Schema")return e.jsxRuntimeExports.jsx(Ct,{className:"size-4"});if(t==="Table")return e.jsxRuntimeExports.jsx(we,{className:"size-4"})}return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[l&&e.jsxRuntimeExports.jsx("div",{className:"shrink-0",children:a?e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{children:u()}),e.jsxRuntimeExports.jsx(e.TooltipContent,{className:"text-xs",align:"start",children:a})]}):u()}),e.jsxRuntimeExports.jsxs(e.Select,{disabled:d,value:x,onValueChange:o,children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:e.cn("h-9 w-[190px] focus:ring-1 focus:ring-offset-0",c),children:e.jsxRuntimeExports.jsx(e.SelectValue,{placeholder:r?"Loading...":i?"Error":`Select ${t}`})}),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:t}),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n&&n.map((j,p)=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:j.id,children:j.name},p))}),(r||i)&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:x,children:x})]})})]})]})}function qt({column:t}){const[n,s]=g.useState(!1),r=e.useEditorStore(x=>x.selectedTableName),i=e.useEditorStore(x=>x.selectedSchemaName),a=e.useEditorStore(x=>x.sqlGen),o=e.useEditorStore(x=>x.actions.setSqlGen),c=e.useEditorStore(x=>x.actions.setCardSql),l=e.useEditorStore(x=>x.actions.setRunSql);function d(x,u){const j=e.createSqlGenConfig(x,a,u);o(j);const p=e.getSql(j,e.fmt(i||""),e.fmt(r));p&&(c(p),l(!0)),s(!1)}return e.jsxRuntimeExports.jsxs(e.Popover,{open:n,onOpenChange:s,children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.ChevronDown,{className:"h-4 w-4 cursor-pointer text-foreground/40"})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{align:"center",className:"w-18 rounded-md p-0 shadow-none",children:e.jsxRuntimeExports.jsxs("ul",{className:"text-xs",children:[e.jsxRuntimeExports.jsx("li",{onClick:()=>d(t,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>d(t,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>d(t,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>d(t,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>d(t,"MIN"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Min"})]})})]})}function $e({column:t}){return e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.$a093c7e1ec25a057$export$8c610744efcf8a1d,{asChild:!0,children:e.TEXT_DATA_TYPES.includes(t.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(Dt,{className:"size-3"}):e.NUMBER_DATA_TYPES.includes(t.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(gt,{className:"size-3"}):e.DATE_DATA_TYPES.includes(t.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(e.Calendar,{className:"size-3"}):e.BOOLEAN_DATA_TYPES.includes(t.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(It,{className:"size-3"}):e.jsxRuntimeExports.jsx(At,{className:"size-3"})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{className:"font-mono text-xs",children:t.data_type})})]})}function Bt({schemaName:t,tableName:n,columns:s,status:r}){const i=e.useEditorStore(h=>h.sqlGen),a=e.useEditorStore(h=>h.selectedConnectionId),o=e.useEditorStore(h=>h.selectedDatabaseName),c=e.useEditorStore(h=>h.selectedSchemaName),l=e.useEditorStore(h=>h.selectedTableName),d=e.useDashboardStore(h=>h.dashboard.aiScopeTables),{setAIScopeTables:x}=e.useDashboardStore(h=>h.actions),u=e.useEditorStore(h=>h.actions.setRunSql),j=e.useEditorStore(h=>h.actions.setSqlGen),p=e.useEditorStore(h=>h.actions.setIsShowingVisual),f=e.useEditorStore(h=>h.actions.setCardSql),{connectionType:S}=Ae();function b(h){const N=e.createSqlGenConfig(h,i);j(N);const k=e.getSql(N,e.fmt(t),e.fmt(n));k&&(f(k),u(!0))}function R(h){if(h===!0&&l&&a){const N={connectinonId:a,connectionType:S,databaseName:o,schemaName:c,tableName:l},A=[...d||[],N].filter((z,H,M)=>M.findIndex(L=>L.connectinonId===z.connectinonId&&L.tableName===z.tableName)===H);x(A)}else{const N=(d||[]).filter(k=>k.connectinonId!==a&&k.tableName!==l);x(N)}}function I(){let N=e.getQualifiedTableName(t,n);(A=>A.charAt(0)===A.charAt(0).toUpperCase())(n)&&(N=`"${n}"`),p(!1),f(`SELECT * FROM ${N} LIMIT 10`),u(!0)}function w(){let N=e.getQualifiedTableName(t,n);(A=>A.charAt(0)===A.charAt(0).toUpperCase())(n)&&(N=`"${n}"`),p(!1),f(`SELECT COUNT(*) FROM ${N}`),u(!0)}return e.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col space-y-4 px-6",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Toggle,{title:"Add to AI Scope",onPressedChange:R,variant:"outline",className:"h-9 px-2",children:e.jsxRuntimeExports.jsx(dt,{className:"size-4"})}),e.jsxRuntimeExports.jsxs(e.Button,{disabled:r!=="Success",onClick:I,size:"sm",variant:"secondary",className:"flex w-full",children:[r!=="Success"?e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):null,"Top 10"]}),e.jsxRuntimeExports.jsxs(e.Button,{disabled:r!=="Success",onClick:w,size:"sm",variant:"secondary",className:"flex w-full",children:[r!=="Success"?e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):null,"Count"]})]}),e.jsxRuntimeExports.jsxs(e.ScrollArea,{className:"flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",children:[s==null?void 0:s.map(h=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>b(h),className:e.cn("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(h,i)}),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx($e,{column:h}),e.jsxRuntimeExports.jsx("span",{children:h.column_name})]}),e.NUMBER_DATA_TYPES.includes(h.data_type)&&e.jsxRuntimeExports.jsx("div",{onClick:N=>N.stopPropagation(),className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(qt,{column:h})})]},h.column_name)),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]})]})}function Ae(t,n){var Re,re,fe,me;let s=g.useMemo(()=>[],[]);const r=e.useSemaphorContext().authToken||t,i=e.useEditorStore(y=>y.selectedConnectionId),a=e.useEditorStore(y=>y.selectedDatabaseName),o=e.useEditorStore(y=>y.selectedSchemaName),c=e.useEditorStore(y=>y.selectedTableName),l=e.useEditorStore(y=>y.actions.setCurrentColumns),d=e.useEditorStore(y=>y.actions.setSelectedConnectionId),x=e.useEditorStore(y=>y.actions.setSelectedDatabaseName),u=e.useEditorStore(y=>y.actions.setSelectedSchemaName),j=e.useEditorStore(y=>y.actions.setSelectedTableName),p=e.useEditorStore(y=>y.actions.setCardSql);function f(y){return i&&a&&o&&a!=="NA"?!0:i&&y==="API"?!1:!!(i&&y==="S3")}function S(y){return!!(i&&a&&a!=="NA"&&o&&c||i&&(y==="S3"||y==="API"))}function b(y){return i&&y?!(y==="API"||y==="S3"):!1}const{data:R,isLoading:I,isError:w}=e.useQuery({queryKey:["connections"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/connections",(r==null?void 0:r.accessToken)||""),enabled:!!(r!=null&&r.accessToken)}),h=R==null?void 0:R.connections.find(y=>y.id===i),N=h==null?void 0:h.type,k=(h==null?void 0:h.type)==="API"||(h==null?void 0:h.type)==="S3",{data:A,isLoading:z,isFetching:H,isError:M,refetch:L}=e.useQuery({queryKey:["databases",i],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/databases",(r==null?void 0:r.accessToken)||"",{connection_id:i}),enabled:b(N)}),{data:D,isLoading:$,isFetching:B,isError:K,refetch:_}=e.useQuery({queryKey:["schemas",i,a],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/schemas",(r==null?void 0:r.accessToken)||"",{connection_id:i,database_name:a}),enabled:!!i&&!!a&&!k&&a!=="NA"}),{data:v,isLoading:C,isFetching:E,isError:T,refetch:O}=e.useQuery({queryKey:["tables",i,a,o],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/tables",(r==null?void 0:r.accessToken)||"",{connection_id:i,database_name:a,schema_name:o}),enabled:f(N)}),{data:F,isLoading:Y,isFetching:P,isError:ee}=e.useQuery({queryKey:["columns",i,a,o,c],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/columns",(r==null?void 0:r.accessToken)||"",{connection_id:i,database_name:a,schema_name:o,table_name:c}),enabled:S(N)});g.useEffect(()=>{l(s)},[F,l,s]),g.useEffect(()=>{},[k,p,j,u,x,h]);const te=(h==null?void 0:h.type)==="API"?(Re=h==null?void 0:h.type)==null?void 0:Re.toLowerCase():c||"",se=k?"":o||"";function X(y){u(y),j("")}function q(y){x(y),u(""),j("")}function G(y){d(y)}A&&((re=A==null?void 0:A.databases)==null?void 0:re.length)>0,D&&((fe=D==null?void 0:D.schemas)==null?void 0:fe.length)>0,F&&((me=F==null?void 0:F.columns)==null?void 0:me.length)>0&&(s=F.columns.map(y=>({...y,data_type:y.data_type.toLowerCase()}))),M&&(s=[]),(ee||w)&&(s=[]);const ae=R==null?void 0:R.connections.map(y=>({id:y.id,name:y.name,type:y.type})),je=A==null?void 0:A.databases.map(y=>({id:y.database_name,name:y.database_name})),le=D==null?void 0:D.schemas.map(y=>({id:y.schema_name,name:y.schema_name})),de=v==null?void 0:v.tables.map(y=>({id:y.table_name,name:y.table_name}));return{connectionItems:ae,isConnectionsLoading:I,isConnectionsError:w,databaseItems:je,isDatabasesLoadingOrFetching:z||H,isDatabaseError:M,schemaItems:le,isSchemaLoadingOrFetching:$||B,isSchemaError:K,tableItems:de,isTableLoadingOrFetching:C||E,isTableError:T,columns:s,isColumnsLoadingOrFetching:Y||P,isColumnsError:ee,isNonDbConnection:k,connectionType:N,tableName:te,schemaName:se,handleConnectionChange:G,handleDatabaseChange:q,handleSchemaChange:X}}function Ke({ColumnsComponent:t}){var v;const n=e.useEditorStore(C=>C.selectedConnectionId),s=e.useEditorStore(C=>C.selectedDatabaseName),r=e.useEditorStore(C=>C.selectedSchemaName),i=e.useEditorStore(C=>C.selectedTableName),a=e.useEditorStore(C=>C.actions.setSelectedTableName),{connectionItems:o,schemaItems:c,databaseItems:l,tableItems:d,columns:x,isConnectionsLoading:u,isConnectionsError:j,isDatabasesLoadingOrFetching:p,isDatabaseError:f,isSchemaLoadingOrFetching:S,isSchemaError:b,isColumnsError:R,isColumnsLoadingOrFetching:I,isTableLoadingOrFetching:w,isTableError:h,connectionType:N,isNonDbConnection:k,handleConnectionChange:A,handleDatabaseChange:z,handleSchemaChange:H,tableName:M,schemaName:L}=Ae();function D(){return t?t(L,M,x):e.jsxRuntimeExports.jsx(Bt,{schemaName:L,tableName:M,columns:x,status:I?"Loading...":R?"Error":"Success"})}function $(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function B(){return N==="S3"||N==="API"?null:e.jsxRuntimeExports.jsx(he,{onChange:z,isError:f,isLoading:p,items:l,value:s||"",title:"Database"})}function K(){return N==="S3"||N==="API"?null:e.jsxRuntimeExports.jsx(he,{onChange:H,isError:b,isLoading:S,items:c,value:r||"",title:"Schema"})}function _(){return N==="API"?null:e.jsxRuntimeExports.jsx(he,{onChange:a,isError:h,items:d,isLoading:w,value:i||"",title:"Table"})}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(he,{items:o,title:"Connection",value:n||"",onChange:A,isLoading:u,isError:j,connectionTooltip:((v=o==null?void 0:o.find(C=>C.id===n))==null?void 0:v.type)||""}),B(),K(),_()]}),D(),e.jsxRuntimeExports.jsx("div",{className:"flex items-end justify-center gap-2 px-6 py-4",children:e.jsxRuntimeExports.jsxs(e.Button,{onClick:$,size:"sm",variant:"secondary",className:"w-full",children:[e.jsxRuntimeExports.jsx(vt,{className:"mr-2 size-4"}),"Help"]})})]})}const ve=({className:t,...n})=>e.jsxRuntimeExports.jsx(e.PanelGroup,{className:e.cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col",t),...n}),xe=e.Panel,Ce=({withHandle:t,className:n,...s})=>e.jsxRuntimeExports.jsx(e.PanelResizeHandle,{className:e.cn("relative flex w-px items-center justify-center bg-border after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-1 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0 [&[data-panel-group-direction=vertical]>div]:rotate-90",n),...s,children:t&&e.jsxRuntimeExports.jsx("div",{className:"z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",children:e.jsxRuntimeExports.jsx(ft,{className:"h-2.5 w-2.5"})})});function Vt(t){const n=t.toUpperCase().indexOf("WHERE"),s=t.toUpperCase().indexOf("GROUP BY"),r=t.toUpperCase().indexOf("LIMIT"),i=t.toUpperCase().indexOf("ORDER BY");let a=t.length;if(i!==-1&&(a=i),r!==-1&&r<a&&(a=r),n!==-1){const o=t.substring(0,n),c=t.substring(n);return`${o} {{ filters | where }} AND ${c.substring(6)}`}else if(s!==-1){const o=t.substring(0,s),c=t.substring(s);return`${o} {{ filters | where }} ${c}`}else{const o=t.substring(0,a),c=t.substring(a);return`${o} {{ filters | where }} ${c}`}}function _t({error:t,setShowAIDialog:n,setUserInputforAI:s,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:" p-0 h-5",children:e.jsxRuntimeExports.jsx(mt,{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:"grow space-y-1 flex flex-col  ",children:[e.jsxRuntimeExports.jsxs(e.Button,{onClick:()=>{n(!0),s(t),r(!0)},size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(Et,{className:"h-4 w-4 mr-2"}),"Fix It"]}),e.jsxRuntimeExports.jsx(e.ScrollArea,{className:" min-h-0 max-h-[250px] overflow-scroll ",children:e.jsxRuntimeExports.jsx("p",{className:" overflow-auto text-sm leading-relaxed  font-mono ",children:t})})]})})})]})}function Ht({text:t,onCheckedChange:n,checked:s}){return e.jsxRuntimeExports.jsxs("div",{className:"xbg-red-100 ml-6 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:s,onCheckedChange:n}),e.jsxRuntimeExports.jsx("label",{className:"text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:t})]})}function $t(){const{authToken:t}=e.useSemaphorContext(),n=g.useRef(null),s=e.useEditorStore(c=>c.applyFilters),[r,i]=g.useState(""),a=e.useEditorStore(c=>c.filterValues),o=e.useEditorStore(c=>c.card.sql);return e.jsxRuntimeExports.jsxs(e.HoverCard,{openDelay:0,onOpenChange:async c=>{if(!c)return;console.log("onOpenChange");const l=await e.postRequest("https://semaphor.cloud/api/v1/filter-sql",(t==null?void 0:t.accessToken)||"",{sql:o,active_filters:a});console.log(l),l.sql?(console.log(l.records),i(l.sql)):i("Error")},children:[e.jsxRuntimeExports.jsx(e.HoverCardTrigger,{asChild:!0,children:s&&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 Kt=`
+
+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 Pt({open:t,setOpen:n,userInput:s,setUserInput:r,triggerAIRun:i,setTriggerAIRun:a}){const o=g.useRef(null),c=g.useRef(null),{authToken:l}=e.useSemaphorContext(),[d,x]=g.useState(!1),u=e.useEditorStore(E=>E.actions.setCardSql),j=e.useDashboardStore(E=>E.dashboard.baseQueries),p=e.useEditorStore(E=>E.actions.setRunSql),f=e.useEditorStore(E=>E.actions.setCardType),[S,b]=g.useState([]),R=e.useEditorStore(E=>E.currentColumns),I=e.useEditorStore(E=>E.card.sql),w=e.useEditorStore(E=>E.selectedTableName),h=`
+  ${s}
+
+  Database Query Dialect: ${w==="api"||w==="s3"?"DuckDb":""}
+  Table Name: ${w}   
+  Table Columns: ${R==null?void 0:R.map(E=>`${E.column_name} | ${E.data_type}`).join(", ")}
+  User SQL: ${I}  
+  ${j&&`Base Queries: ${JSON.stringify(j)} `}`,N=` 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: ${Kt}`,{data:k,isLoading:A,isFetching:z,isError:H,refetch:M}=e.useQuery({queryKey:["ai-query"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/ai",(l==null?void 0:l.accessToken)||"",{user_content:`userContent: ${h} ${d?N:""}`}),enabled:!1});function L(E){if(E.toLowerCase().includes("bar"))f("bar");else if(E.toLowerCase().includes("line"))f("line");else if(E.toLowerCase().includes("bubble"))f("bubble");else if(E.toLowerCase().includes("scatter"))f("scatter");else if(E.toLowerCase().includes("stacked"))f("stackedBar");else if(E.toLowerCase().includes("pie"))f("pie");else if(E.toLowerCase().includes("donut")||E.toLowerCase().includes("doughnut"))f("doughnut");else if(E.toLowerCase().includes("radar"))f("radar");else return f("bar"),!1;return!0}g.useEffect(()=>{k&&b(E=>[...E,{role:"ai",content:k.response}])},[k]),g.useEffect(()=>{const E=setTimeout(()=>{var T;c.current&&(c.current.scroll({top:c.current.scrollHeight,behavior:"smooth"}),(T=o.current)==null||T.focus())},100);return()=>clearTimeout(E)},[S]);function D(){s&&(b(E=>[...E,{role:"user",content:s}]),L(s)&&x(!0),r(""),M())}g.useEffect(()=>{i&&(D(),a(!1))},[i,a]);const $={fontFamily:"Arial, sans-serif",lineHeight:1.6,fontSize:15,width:"100%"},B={fontFamily:"monospace",fontSize:14,lineHeight:1.6},K={fontFamily:"Arial, sans-serif",lineHeight:1.6,fontSize:15,padding:"2px 0",marginLeft:20,listStyleType:"disc"},_={p:({node:E,...T})=>e.jsxRuntimeExports.jsx("p",{style:$,...T}),code:({node:E,...T})=>e.jsxRuntimeExports.jsx("code",{className:"rounded-sm bg-muted px-2 py-1 text-sm",...T}),pre:({node:E,...T})=>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:T.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:O=>{const F=v(O);F&&(n(!1),u(F),p(!0))},size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(e.PlayIcon,{})})]})]}),li:({node:E,...T})=>e.jsxRuntimeExports.jsx("li",{style:K,...T})};function v(E){const T=E.currentTarget.closest("pre");if(!T)return;const O=T.textContent||T.innerText;return navigator.clipboard.writeText(O).then(()=>console.log("Text copied to clipboard")).catch(F=>console.error("Error in copying text: ",F)),O}function C(){return S==null?void 0:S.map((E,T)=>E.role==="user"?e.jsxRuntimeExports.jsxs("div",{className:"flex items-start rounded-md bg-muted p-3 text-sm",children:[e.jsxRuntimeExports.jsx(Lt,{className:"mr-2 h-5 w-5"}),e.jsxRuntimeExports.jsx("div",{children:E.content})]},T):E.role==="ai"?e.jsxRuntimeExports.jsx(e.Markdown,{className:"w-full overflow-auto py-1",components:_,children:k==null?void 0:k.response.replace(/DuckDB/gi,"Semaphor")},T):e.jsxRuntimeExports.jsx("div",{},T))}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:t,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:c,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:C()})}),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:o,onKeyDown:E=>{E.key==="Enter"&&!E.shiftKey&&(E.preventDefault(),r(""),D())},placeholder:"Type your question here...",onFocus:E=>{const T=E.target,O=T.value.length;T.setSelectionRange(O,O)},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:A||z,value:s,onChange:E=>r(E.target.value)})," ",e.jsxRuntimeExports.jsx(e.Button,{className:"h-8",size:"sm",variant:"ghost",onClick:D,children:!A&&!z?e.jsxRuntimeExports.jsx(e.PaperPlaneIcon,{}):e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"})})]})})]})]})}var Pe={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Fe=g.createContext&&g.createContext(Pe),Gt=["attr","size","title"];function Qt(t,n){if(t==null)return{};var s=Ut(t,n),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(i=0;i<a.length;i++)r=a[i],!(n.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(s[r]=t[r])}return s}function Ut(t,n){if(t==null)return{};var s={},r=Object.keys(t),i,a;for(a=0;a<r.length;a++)i=r[a],!(n.indexOf(i)>=0)&&(s[i]=t[i]);return s}function Ee(){return Ee=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var s=arguments[n];for(var r in s)Object.prototype.hasOwnProperty.call(s,r)&&(t[r]=s[r])}return t},Ee.apply(this,arguments)}function Oe(t,n){var s=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);n&&(r=r.filter(function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable})),s.push.apply(s,r)}return s}function ge(t){for(var n=1;n<arguments.length;n++){var s=arguments[n]!=null?arguments[n]:{};n%2?Oe(Object(s),!0).forEach(function(r){Jt(t,r,s[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(s)):Oe(Object(s)).forEach(function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(s,r))})}return t}function Jt(t,n,s){return n=Wt(n),n in t?Object.defineProperty(t,n,{value:s,enumerable:!0,configurable:!0,writable:!0}):t[n]=s,t}function Wt(t){var n=Yt(t,"string");return typeof n=="symbol"?n:String(n)}function Yt(t,n){if(typeof t!="object"||t===null)return t;var s=t[Symbol.toPrimitive];if(s!==void 0){var r=s.call(t,n||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(t)}function Ge(t){return t&&t.map((n,s)=>g.createElement(n.tag,ge({key:s},n.attr),Ge(n.child)))}function ie(t){return n=>g.createElement(Xt,Ee({attr:ge({},t.attr)},n),Ge(t.child))}function Xt(t){var n=s=>{var{attr:r,size:i,title:a}=t,o=Qt(t,Gt),c=i||s.size||"1em",l;return s.className&&(l=s.className),t.className&&(l=(l?l+" ":"")+t.className),g.createElement("svg",Ee({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},s.attr,r,o,{className:l,style:ge(ge({color:t.color||s.color},s.style),t.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),a&&g.createElement("title",null,a),t.children)};return Fe!==void 0?g.createElement(Fe.Consumer,null,s=>n(s)):n(Pe)}function Zt(t){return ie({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:[]}]})(t)}function es(){const{theme:t}=e.useTheme(),n=g.useRef(),s=g.useRef(),[r,i]=g.useState(!1),[a,o]=g.useState(!1),[c,l]=g.useState(!1),[d,x]=g.useState(""),[u,j]=g.useState(!1),{authToken:p}=e.useSemaphorContext();e.useDashboardStore(m=>m.selectedSheetId);const f=e.useDashboardStore(m=>m.dashboard.baseQueries),S=e.useEditorStore(m=>m.card),b=e.useDashboardStore(m=>m.theme),R=e.useEditorStore(m=>m.isShowingVisual),I=e.useEditorStore(m=>m.selectedConnectionId),w=e.useEditorStore(m=>m.selectedDatabaseName),h=e.useEditorStore(m=>m.selectedSchemaName);e.useDashboardStore(m=>m.actions.updateFrameCard);const N=e.useEditorStore(m=>m.selectedTableName),k=e.useEditorStore(m=>m.card.sql),A=e.useEditorStore(m=>m.card.python),z=e.resolveBaseQuery(k,f),H=e.useEditorStore(m=>m.selectedConnectionId),M=e.useEditorStore(m=>m.frame),L=e.useEditorStore(m=>m.filterValues),D=e.useEditorStore(m=>m.applyFilters),{setCardCustomCfg:$,setQueryResultColumns:B,setFilterValues:K,setCardSql:_,setCardPython:v,setQueryError:C,setPythonStdOut:E,setCardPreferences:T}=e.useEditorStore(m=>m.actions),O=e.useEditorStore(m=>m.onSave),F=e.useEditorStore(m=>m.actions.setApplyFilters),Y=e.useEditorStore(m=>m.onClose),P=e.useEditorStore(m=>m.actions.setCardData),ee=e.useEditorStore(m=>m.actions.setSqlGen),te=e.useEditorStore(m=>m.runSql),se=e.useEditorStore(m=>m.actions.setRunSql),X=e.useEditorStore(m=>m.actions.setIsSqlRunning),{data:q,isLoading:G,isFetching:ae,isSuccess:je,isError:le,error:de,status:Re,refetch:re}=e.useQuery({queryKey:[z,A],queryFn:()=>e.postRequest("https://semaphor.cloud/api/v1/query",(p==null?void 0:p.accessToken)||"",{connection_id:H,sql:z,python:A===e.PYTHON_DEFAULT_CODE?"":A,active_filters:D?L:[]}),enabled:!1,retry:!1});g.useEffect(()=>{if(q&&(P(q.records),E((q==null?void 0:q.output)||""),q.records.length>0)){const{dimensionKeys:m}=e.getKeys(q.records);B(m)}},[q,P,B,E]),g.useEffect(()=>{te&&(re(),se(!1))},[te,re,se]),g.useEffect(()=>{(G||ae)&&X(!0),(le||je)&&X(!1),le?(C(de.message),P([]),B([]),E("")):C("")},[G,ae,q,E,le,je,X,P,B,C,de]);function fe(){_(""),P([]),ee({}),$(""),T({})}const me=m=>{s.current=m};function y(){let m=k;k&&!k.includes("{{")&&(m=Vt(k),_(m));const Q={...S,lastSelectedSchema:h,lastSelectedDatabase:w,lastSelectedTable:N,connectionId:I,type:R?S.type:"table",sql:m,customCfg:R?S.customCfg:null},pe=M.cards.map(ne=>ne.id===S.id?Q:ne);O==null||O({...M,cards:pe})}function tt(){Y==null||Y()}function st(m){const Q=getComputedStyle(document.documentElement).getPropertyValue(m);return rt(Q)}function rt(m){const[Q,pe,ne]=m.split(" "),V=parseFloat(Q),it=parseFloat(pe),at=parseFloat(ne),lt=it/100,Le=at/100,Z=(1-Math.abs(2*Le-1))*lt,ce=Z*(1-Math.abs(V/60%2-1)),be=Le-Z/2;let U=0,J=0,W=0;0<=V&&V<60?(U=Z,J=ce,W=0):60<=V&&V<120?(U=ce,J=Z,W=0):120<=V&&V<180?(U=0,J=Z,W=ce):180<=V&&V<240?(U=0,J=ce,W=Z):240<=V&&V<300?(U=ce,J=0,W=Z):300<=V&&V<360&&(U=Z,J=0,W=ce),U=Math.round((U+be)*255),J=Math.round((J+be)*255),W=Math.round((W+be)*255);const ye=ct=>{const Se=ct.toString(16);return Se.length==1?"0"+Se:Se};return`#${ye(U)}${ye(J)}${ye(W)}`}g.useEffect(()=>{const m=n.current,Q=s.current;if(m){const pe=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",ne=b==="system"?pe:b;m.editor.defineTheme("default",{base:ne==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":ne==="light"?"#ffffff":st("--background")}}),m.editor.setTheme("default")}return Q&&m&&Q.addCommand(m.KeyMod.Shift|m.KeyCode.Enter,function(){return console.log("Executing query..."),re(),!1}),()=>{}},[t,b,n.current]);function De(m){n.current=m}function nt(){return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a&&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(Ht,{checked:D,onCheckedChange:()=>F(!D),text:"Apply Filters"}),e.jsxRuntimeExports.jsx($t,{}),L&&a&&e.jsxRuntimeExports.jsx(e.Cross2Icon,{onClick:()=>o(!1),className:"bg-background/50 text-foreground/50 hover:cursor-pointer hover:text-foreground"})]}),e.jsxRuntimeExports.jsx(e.Ft,{theme:"default",onChange:m=>{if(m)try{JSON.parse(m),K(JSON.parse(m))}catch{}},defaultLanguage:"json",className:"mt-1 min-h-[220px]",value:JSON.stringify(L,null,2),options:{readOnly:!0,minimap:{enabled:!1},lineNumbers:"off",glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})]})}),L&&!a&&e.jsxRuntimeExports.jsx(qe,{onClick:()=>o(!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":D})})]})}function ot(){return e.jsxRuntimeExports.jsxs(ve,{className:"flex grow pb-1",direction:"vertical",role:"editor-resizable-group",children:[e.jsxRuntimeExports.jsxs(xe,{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:m=>{_(m)},value:k,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"sql",defaultValue:"SELECT * FROM table",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(Ce,{withHandle:!0,className:"border"}),e.jsxRuntimeExports.jsxs(xe,{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:m=>{v(m&&m.trim()||"")},value:A||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:[ot(),nt()]}),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:G||ae,onClick:()=>{re()},className:"shrink-0",size:"sm",variant:"outline",children:[G||ae?e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(Nt,{className:"mr-2 h-4 w-4"}),"Run"]}),le&&e.jsxRuntimeExports.jsx(_t,{error:de.message,setShowAIDialog:l,setTriggerAIRun:j,setUserInputforAI:x}),e.jsxRuntimeExports.jsxs(e.Button,{onClick:fe,className:"",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(ht,{className:"mr-2 size-4"}),"Clear"]}),e.jsxRuntimeExports.jsx(e.Toggle,{pressed:r,onPressedChange:m=>i(m),className:"",size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(Zt,{className:"size-4 text-foreground/70"})}),e.jsxRuntimeExports.jsx(Pt,{open:c,setOpen:l,userInput:d,triggerAIRun:u,setTriggerAIRun:j,setUserInput:m=>x(m)})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-end gap-2",children:[e.jsxRuntimeExports.jsxs(e.Button,{onClick:y,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:tt,className:"w-full",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(e.Cross2Icon,{className:"mr-2 size-4"}),"Close"]})]})]})]})}function ts({data:t}){var o;const[n,s]=g.useState([]),i=Object.keys(t[0]).map(c=>({accessorKey:c,header:({column:l})=>{const d=l.getIsSorted();return e.jsxRuntimeExports.jsx("div",{className:"flex gap-2",children:e.jsxRuntimeExports.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>l.toggleSorting(l.getIsSorted()==="asc"),children:[c,d==="asc"?e.jsxRuntimeExports.jsx(e.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):d==="desc"?e.jsxRuntimeExports.jsx(e.TriangleDownIcon,{className:"ml-2 h-5 w-5"}):null]})})}})),a=e.useReactTable({data:t,columns:i,getCoreRowModel:e.getCoreRowModel(),getPaginationRowModel:e.getPaginationRowModel(),onSortingChange:s,getSortedRowModel:e.getSortedRowModel(),manualPagination:!0,state:{sorting:n}});return e.jsxRuntimeExports.jsxs(e.Table,{children:[e.jsxRuntimeExports.jsx(e.TableHeader,{children:a.getHeaderGroups().map(c=>e.jsxRuntimeExports.jsx(e.TableRow,{children:c.headers.map(l=>e.jsxRuntimeExports.jsx(e.TableHead,{className:"sticky top-0 bg-muted",children:l.isPlaceholder?null:e.flexRender(l.column.columnDef.header,l.getContext())},l.id))},c.id))}),e.jsxRuntimeExports.jsx(e.TableBody,{children:(o=a.getRowModel().rows)!=null&&o.length?a.getRowModel().rows.map(c=>e.jsxRuntimeExports.jsx(e.TableRow,{className:"whitespace-nowrap py-2","data-state":c.getIsSelected()&&"selected",children:c.getVisibleCells().map(l=>e.jsxRuntimeExports.jsx(e.TableCell,{children:e.flexRender(l.column.columnDef.cell,l.getContext())},l.id))},c.id)):e.jsxRuntimeExports.jsx(e.TableRow,{children:e.jsxRuntimeExports.jsx(e.TableCell,{colSpan:i.length,className:"h-24 text-center",children:"No results."})})})]})}function Qe({className:t,...n}){g.useState(0);const s=e.useDashboardStore(o=>o.themeStyle),r=e.useEditorStore(o=>o.card),i=e.useEditorStore(o=>o.actions.setCard);if(g.useEffect(()=>{},[r.data,r.type,r.cfg,r.customCfg,s,r.preferences]),!r.id)return null;let a;return r.data&&r.data.length>0&&(a=e.createChartConfig({data:r.data,cardType:r.type,cfg:r.cfg,customCfg:r.customCfg,preferences:r.preferences})),e.jsxRuntimeExports.jsxs(e.Card,{role:"editor-visual-card",className:e.cn("relative flex h-full flex-col rounded-none",t),...n,children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"py-4",children:[e.jsxRuntimeExports.jsx(e.Editable,{text:r.title,onSave:o=>i({...r,title:o}),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:o=>i({...r,description:o}),children:e.jsxRuntimeExports.jsxs(e.CardDescription,{children:[" ",r.description]})},r.description)]}),e.jsxRuntimeExports.jsxs(e.CardContent,{className:"flex grow flex-col pb-3",children:[r.type!=="table"&&a&&e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:a},JSON.stringify(a)+JSON.stringify(r.preferences)),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 ss(){const[t,n]=g.useState(!1),[s,r]=g.useState(""),[i,a]=g.useState(""),[o,c]=g.useState(""),l=e.useEditorStore(b=>b.card),d=e.useEditorStore(b=>b.card.customCfg),x=e.useEditorStore(b=>b.actions.setCardCustomCfg);function u(b){var w,h;const R={...b,data:{...b==null?void 0:b.data,datasets:(h=(w=b==null?void 0:b.data)==null?void 0:w.datasets)==null?void 0:h.map(N=>({...N,data:[]}))}};return JSON.stringify(R,null,1)}function j(){if(!l.data||l.data.length===0)return;const b=e.createChartConfig({data:l.data,cardType:l.type,cfg:l.cfg,preferences:l.preferences});b&&(r(JSON.stringify(b,null,1)),d&&a(JSON.stringify(d,null,1)))}function p(){if(i)try{const b=JSON.parse(i);return b?(x(b),c(""),a(""),b):void 0}catch(b){console.log(b),c("Invalid JSON")}}function f(){a(""),x(null)}function S(){let b;if(d){const R=e._.cloneDeep(l.cfg),I=e._.merge(R,d);return b=u(I),b}return s?(b=u(JSON.parse(s)),b):""}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:t,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{onClick:j,className:` ${d&&"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] min-w-[900px] overflow-auto",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(Rt,{onClick:()=>{navigator.clipboard.writeText(l.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(Qe,{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:[d&&e.jsxRuntimeExports.jsx(e.CheckIcon,{className:"mr-1 h-5 w-5 text-green-600"}),d?"Custom Config":"Default Config"]}),e.jsxRuntimeExports.jsx(e.TabsTrigger,{className:"",value:"output",children:"Output"})]}),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:s,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:S(),onChange:b=>a(b)})})]})]}),e.jsxRuntimeExports.jsxs(e.DialogFooter,{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"mr-2 text-red-500",children:o}),e.jsxRuntimeExports.jsx(e.Button,{disabled:!d,onClick:f,variant:"outline",children:"Reset"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:p,variant:"outline",children:"Apply"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>n(!1),variant:"outline",children:"Close"})]})]})]})}function Ue(t){return ie({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:[]}]})(t)}function Je(t){return ie({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:[]}]})(t)}function We(t){return ie({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:[]}]})(t)}function Ye(t){return ie({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:[]}]})(t)}function Xe(t){return ie({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:[]}]})(t)}function Ze(t){return ie({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:[]}]})(t)}function rs(){const[t,n]=g.useState(!1),s=e.useEditorStore(c=>c.card.type),{setCardType:r,setCardPreferences:i}=e.useEditorStore(c=>c.actions),a=e.useEditorStore(c=>c.actions.setCardCustomCfg);function o(c){r(c),a(null),i({}),n(!1)}return e.jsxRuntimeExports.jsxs(e.Popover,{open:t,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(ns,{className:"h-4 w-4",chartType:s})})}),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:()=>o("bar"),className:"font-normal",variant:"ghost",children:e.jsxRuntimeExports.jsx(Ne,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("line"),variant:"ghost",children:e.jsxRuntimeExports.jsx(ke,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("stackedBar"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Xe,{className:"size-5",strokeWidth:0})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("scatter"),variant:"ghost",children:e.jsxRuntimeExports.jsx(He,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("bubble"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ye,{className:"size-4"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("pie"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ve,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("doughnut"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Je,{className:"size-5",strokeWidth:1})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("radar"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ue,{className:"size-5 font-extralight",strokeWidth:.5})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("polarArea"),variant:"ghost",children:e.jsxRuntimeExports.jsx(We,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("table"),variant:"ghost",children:e.jsxRuntimeExports.jsx(we,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("kpi"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ze,{className:"size-6"})})]})})]})}function ns({chartType:t,className:n}){switch(t){case"bar":return e.jsxRuntimeExports.jsx(Ne,{className:n});case"line":return e.jsxRuntimeExports.jsx(ke,{className:n});case"pie":return e.jsxRuntimeExports.jsx(Ve,{className:n});case"radar":return e.jsxRuntimeExports.jsx(Ue,{className:n});case"scatter":return e.jsxRuntimeExports.jsx(He,{className:n});case"bubble":return e.jsxRuntimeExports.jsx(Ye,{className:n});case"doughnut":return e.jsxRuntimeExports.jsx(Je,{className:n});case"stackedBar":return e.jsxRuntimeExports.jsx(Xe,{className:"size-4 text-foreground/70"});case"polarArea":return e.jsxRuntimeExports.jsx(We,{className:n});case"kpi":return e.jsxRuntimeExports.jsx(Ze,{className:n});default:return e.jsxRuntimeExports.jsx(we,{className:n})}}function os(){const t=e.useEditorStore(s=>s.card.refreshInterval),n=e.useEditorStore(s=>s.actions.setCardRefreshInterval);return e.jsxRuntimeExports.jsxs(e.Popover,{children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(xt,{className:"w-4 h-4"})})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{className:"w-[200px]",children:e.jsxRuntimeExports.jsx("div",{className:"grid gap-4",children:e.jsxRuntimeExports.jsx("div",{className:"grid gap-2",children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-5 items-center gap-1",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"col-span-3",htmlFor:"width",children:"Refresh Every"}),e.jsxRuntimeExports.jsx(e.Input,{value:t||"",onChange:s=>n(s.target.value),id:"width",placeholder:"30s",className:"col-span-2 h-7 focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0"})]})})})})]})}function ze(){e.useEditorStore(o=>o.frame);const t=e.useEditorStore(o=>o.card),n=e.useEditorStore(o=>o.card.data),s=e.useEditorStore(o=>o.isShowingVisual),r=e.useEditorStore(o=>o.isSqlRunning),i=e.useEditorStore(o=>o.queryError),a=e.useEditorStore(o=>o.pythonStdOut);return e.useEditorStore(o=>o.onSave),e.useEditorStore(o=>o.onClose),e.useEditorStore(o=>o.actions.setCardSql),e.useEditorStore(o=>o.actions.setCardType),e.useEditorStore(o=>o.actions.setSqlGen),t?e.jsxRuntimeExports.jsxs("div",{className:"relative flex h-full flex-col pt-3",children:[r&&e.jsxRuntimeExports.jsx(e.LoaderCircle,{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:[s&&e.jsxRuntimeExports.jsxs("div",{className:"flex grow items-center gap-2",children:[e.jsxRuntimeExports.jsx(rs,{}),e.jsxRuntimeExports.jsx(ss,{}),e.jsxRuntimeExports.jsx(os,{})]}),e.jsxRuntimeExports.jsx(as,{})]}),s?t.type==="kpi"?e.jsxRuntimeExports.jsx("div",{className:"flex grow items-center justify-center",children:e.jsxRuntimeExports.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsxRuntimeExports.jsx(e.KPICard,{isLoading:r,card:t})})}):e.jsxRuntimeExports.jsx(Qe,{className:"grow border-none shadow-none"}):e.jsxRuntimeExports.jsxs("div",{className:"flex min-h-0 w-full flex-1 grow basis-0 px-6",children:[a&&e.jsxRuntimeExports.jsx(is,{}),t.data&&t.data.length>0&&e.jsxRuntimeExports.jsx(ts,{data:n||[]}),i&&e.jsxRuntimeExports.jsx("span",{className:"font-mono text-sm",children:i})]})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:"No Active Card"})}function is(){const t=e.useEditorStore(s=>s.pythonStdOut);if(!t)return null;const n=t.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 as(){const t=e.useEditorStore(s=>s.isShowingVisual),n=e.useEditorStore(s=>s.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:t,onCheckedChange:()=>n(!t),id:"visualize",className:"data-[state=checked]:bg-foreground/50"})]})}function ue(){const[t,n]=g.useState([]);e.useEditorStore(x=>x.card.cfg);const s=e.useEditorStore(x=>x.card.preferences),{setCardCfg:r,setFilterOnClickColumnIndex:i,setCardPreferences:a}=e.useEditorStore(x=>x.actions),o=e.useEditorStore(x=>x.queryResultColumns);e.useEditorStore(x=>{var u;return(u=x.card.preferences)==null?void 0:u.filterOnClickColumnIndex}),g.useEffect(()=>{o&&n(new Array(o.length).fill(!1))},[o]);function c(x,u){var j,p;u?s!=null&&s.onClickFilter&&((j=s==null?void 0:s.onClickFilter)==null?void 0:j.length)>0?a({...s,onClickFilter:[...s.onClickFilter,{columnIndex:x,expression:""}]}):a({...s,onClickFilter:[{columnIndex:x,expression:""}]}):(a({...s,onClickFilter:(p=s==null?void 0:s.onClickFilter)==null?void 0:p.filter(f=>f.columnIndex!==x)}),n(f=>{const S=[...f];return S[x]=!1,S}))}function l(x,u){var p;const j=(p=s==null?void 0:s.onClickFilter)==null?void 0:p.map(f=>f.columnIndex===x?{...f,expression:u.target.value}:f);a({...s,onClickFilter:j})}function d(x){var u,j,p,f;if(t!=null&&t[x]||(j=(u=s==null?void 0:s.onClickFilter)==null?void 0:u.find(S=>S.columnIndex===x))!=null&&j.expression)return e.jsxRuntimeExports.jsx(e.Input,{value:(f=(p=s==null?void 0:s.onClickFilter)==null?void 0:p.find(S=>S.columnIndex===x))==null?void 0:f.expression,onChange:S=>l(x,S),type:"text",className:" h-9 w-full focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0 font-mono text-xs",placeholder:"Expression"})}return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:o==null?void 0:o.map((x,u)=>{var j,p;return e.jsxRuntimeExports.jsx("div",{className:"flex items-center justify-between space-y-2 xbg-red-100 group",children:e.jsxRuntimeExports.jsxs("div",{className:" grow",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center py-2 space-x-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:!!((j=s==null?void 0:s.onClickFilter)!=null&&j.find(f=>f.columnIndex===u)),onCheckedChange:f=>c(u,f)}),e.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:x}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-2 items-center ",children:((p=s==null?void 0:s.onClickFilter)==null?void 0:p.find(f=>f.columnIndex===u))&&e.jsxRuntimeExports.jsx(Be,{onClick:()=>{n(f=>{const S=[...f];return S[u]=!f[u],S})},className:" invisible group-hover:visible size-3 text-gray-400 cursor-pointer"})})]}),d(u)]})},x)})})}function Te(){var a,o;const t=e.useEditorStore(c=>c.card.preferences),n=e.useEditorStore(c=>c.card.cfg),{setCardCfg:s,setCardPreferences:r}=e.useEditorStore(c=>c.actions);(a=n==null?void 0:n.options)!=null&&a.indexAxis;function i(c){var x,u,j,p,f,S;let l={};(x=t==null?void 0:t.chartOptions)!=null&&x.scales&&(l={x:(j=(u=t==null?void 0:t.chartOptions)==null?void 0:u.scales)==null?void 0:j.y,y:(f=(p=t==null?void 0:t.chartOptions)==null?void 0:p.scales)==null?void 0:f.x});const d={...t,chartOptions:{...t==null?void 0:t.chartOptions,scales:{...(S=t==null?void 0:t.chartOptions)==null?void 0:S.scales,...l},indexAxis:c}};r(d)}return e.jsxRuntimeExports.jsxs(e.RadioGroup,{value:((o=t==null?void 0:t.chartOptions)==null?void 0:o.indexAxis)||"x",onValueChange:i,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 oe="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function Me(t){var s,r,i;const n=e.getNumberAxis(t);return((i=(r=(s=t==null?void 0:t.chartOptions)==null?void 0:s.scales)==null?void 0:r[n])==null?void 0:i.type)||"linear"}function ls(){var L,D,$,B,K,_;const[t,n]=g.useState(!1),s=e.useEditorStore(v=>{var C;return(C=v.card)==null?void 0:C.preferences}),r=e.getNumberAxis(s),[i,a]=g.useState(Me(s)),[o,c]=g.useState((($=(D=(L=s==null?void 0:s.chartOptions)==null?void 0:L.scales)==null?void 0:D[r])==null?void 0:$.min)||""),[l,d]=g.useState(((_=(K=(B=s==null?void 0:s.chartOptions)==null?void 0:B.scales)==null?void 0:K[r])==null?void 0:_.max)||""),[x,u]=g.useState(o||l?"custom":"auto"),[j,p]=g.useState(""),[f,S]=g.useState(""),[b,R]=g.useState(""),[I,w]=g.useState(""),[h,N]=g.useState(""),k=e.useEditorStore(v=>v.actions.setCardPreferences);g.useEffect(()=>{var v,C,E,T,O,F,Y,P,ee,te,se,X,q,G;a(Me(s)),c(((E=(C=(v=s==null?void 0:s.chartOptions)==null?void 0:v.scales)==null?void 0:C[r])==null?void 0:E.min)===0?0:""),d(((F=(O=(T=s==null?void 0:s.chartOptions)==null?void 0:T.scales)==null?void 0:O[r])==null?void 0:F.max)||""),p(((te=(ee=(P=(Y=s==null?void 0:s.chartOptions)==null?void 0:Y.scales)==null?void 0:P[r])==null?void 0:ee.ticks)==null?void 0:te.stepSize)||""),S(((se=s==null?void 0:s.numberAxisFormat)==null?void 0:se.format)||""),R(((X=s==null?void 0:s.numberAxisFormat)==null?void 0:X.suffix)||""),w(((q=s==null?void 0:s.numberAxisFormat)==null?void 0:q.currency)||""),N(((G=s==null?void 0:s.numberAxisFormat)==null?void 0:G.locale)||"")},[t,s,r]);function A(v,C){return C===""||/^[0-9\b]+$/.test(C)?Number(C):Number(v)}function z(){return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[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:"Format"}),e.jsxRuntimeExports.jsx(e.Input,{value:f,placeholder:"000,0.00",onChange:v=>S(v.target.value),id:"format",className:`col-span-4 h-8 w-full tracking-wide ${oe}`}),e.jsxRuntimeExports.jsx(e.Input,{value:b,placeholder:"M",onChange:v=>R(v.target.value),id:"unit",className:`col-span-2 h-8 w-full ${oe}`})]}),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.jsx(e.Input,{value:I,placeholder:"USD",onChange:v=>w(v.target.value),id:"currency",className:`col-span-2 h-8 w-full ${oe}`}),e.jsxRuntimeExports.jsx(e.Input,{value:h,placeholder:"en-US",onChange:v=>N(v.target.value),id:"locale",className:`col-span-2 h-8 w-full ${oe}`})]})]})}function H(){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:o,onChange:v=>c(C=>A(C,v.target.value)),className:`col-span-1 h-8 w-full ${oe}`}),e.jsxRuntimeExports.jsx(e.Input,{value:l,onChange:v=>d(C=>A(C,v.target.value)),id:"max",className:`col-span-1 h-8 w-full ${oe}`})]}),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:j,onChange:v=>p(C=>A(C,v.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${oe}`})]})]})}function M(){var E;let v={};x==="custom"&&(v={min:o,max:l,ticks:{stepSize:j}});const C={...s||{},chartOptions:{...s==null?void 0:s.chartOptions,scales:{...(E=s==null?void 0:s.chartOptions)==null?void 0:E.scales,[r]:{type:i,...i==="linear"?v:{}}}},numberAxisFormat:{format:f,suffix:b,currency:I,locale:h}};k(C)}return e.jsxRuntimeExports.jsxs(e.Popover,{onOpenChange:v=>n(v),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,{value:i,onValueChange:v=>a(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,{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"})]})})]})]}),i=="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,{id:"scale-option",value:x,onValueChange:v=>u(v),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"})]})]})]}),x==="custom"&&i=="linear"&&H(),z(),e.jsxRuntimeExports.jsx(e.SelectSeparator,{}),e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3",children:e.jsxRuntimeExports.jsx(e.Button,{onClick:M,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function cs({idx:t}){var c;const n=e.useEditorStore(l=>{var d;return(d=l.card)==null?void 0:d.preferences}),s=e.useEditorStore(l=>{var d;return(d=l.card.preferences)==null?void 0:d.datasetOptions}),r=e.useEditorStore(l=>l.actions.setCardPreferences),i=(c=n==null?void 0:n.chartOptions)==null?void 0:c.indexAxis,a=s==null?void 0:s.find(l=>l.idx===t);function o(l,d){(l==="end"||l==="start")&&e.getContrastColor(e.getCanvasBackgroundColor());const x={display:l!=="none",align:l,anchor:l,clamp:!0};if(!a)r({...n,datasetOptions:[...s||[],{idx:d,datalabels:x}]});else{const u={...a};u.datalabels=x;const j=s==null?void 0:s.map(p=>p.idx===d?u:p);r({...n,datasetOptions:j})}}return e.jsxRuntimeExports.jsxs(e.Popover,{children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{children:e.jsxRuntimeExports.jsx(Tt,{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:()=>o("none",t),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:()=>o("start",t),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(bt,{className:e.cn("h-4 w-4",{"rotate-90":i==="y"})})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("center",t),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(St,{className:e.cn("h-4 w-4",{"rotate-90":i==="y"})})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("end",t),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(yt,{className:e.cn("h-4 w-4",{"rotate-90":i==="y"})})})]})})]})}function et(){const t=e.useEditorStore(l=>l.card),n=e.useEditorStore(l=>{var d,x,u;return(u=(x=(d=l==null?void 0:l.card)==null?void 0:d.preferences)==null?void 0:x.chartOptions)==null?void 0:u.indexAxis}),s=n==="y"?"Y axis":"X axis",r=n==="y"?"X axis":"Y axis",{keys:i,metricKeys:a,dimensionKeys:o}=e.getKeys(t.data||[]);let c=a;if(t.type==="stackedBar"){const l=e.pivotData({dataArray:t.data||[],groupKey:o[0],pivotKey:o[1],valueKey:c[0]}),{metricKeys:d}=e.getKeys(l);c=d}return i.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:s}),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:o[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(ls,{})]}),e.jsxRuntimeExports.jsx("div",{className:"my-1 space-y-1",children:c.map((l,d)=>e.jsxRuntimeExports.jsx(xs,{col:l,idx:d},l))})]})]})}function xs({col:t,idx:n}){const s=e.useEditorStore(c=>{var l;return(l=c.card)==null?void 0:l.preferences}),r=e.useEditorStore(c=>{var l;return(l=c.card.preferences)==null?void 0:l.datasetOptions}),i=r==null?void 0:r.find(c=>c.idx===n),{setCardPreferences:a}=e.useEditorStore(c=>c.actions);function o(c){if(!i)a({...s,datasetOptions:[...r||[],{idx:n,type:c==="area"?"line":c,fill:c==="area"?"origin":""}]});else{const l={...i};l.type=c==="area"?"line":c,l.fill=c==="area"?"origin":"";const d=r==null?void 0:r.map(x=>x.idx===n?l:x);a({...s,datasetOptions:d})}}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:t}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsx(Ne,{onClick:()=>o("bar"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(ke,{onClick:()=>o("line"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(ut,{onClick:()=>o("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(cs,{idx:n})]})]})}function us({cardType:t}){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(t)} 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(Te,{}),e.jsxRuntimeExports.jsx(et,{})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filter on click"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(ue,{})})]})]})})}function Ie(){var r,i,a;const t=e.useEditorStore(o=>o.card.cfg),n=e.useEditorStore(o=>o.actions.setCardCfg);function s(o){var d;const c={datalabels:{display:o!=="none",align:o,anchor:o,clamp:!0}},l={...t,options:{...t==null?void 0:t.options,plugins:{...(d=t==null?void 0:t.options)==null?void 0:d.plugins,...c}}};n(l),console.log(o)}return e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx("label",{className:"font-medium",children:"Data Labels"}),e.jsxRuntimeExports.jsxs(e.Select,{value:(a=(i=(r=t==null?void 0:t.options)==null?void 0:r.plugins)==null?void 0:i.datalabels)==null?void 0:a.anchor,onValueChange:s,defaultValue:"none",children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"h-8 w-[180px] 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"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"start",children:"Start"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"center",children:"Center"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"end",children:"End"})]})})]})]})}function ds({cardType:t}){function n(s){const r="SELECT label, [group], x-axis, y-axis, radius FROM table",i="SELECT label, [group], x-axis, y-axis FROM table";return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:"bg-muted px-2 py-1 rounded    text-xs",children:s==="bubble"?r:i}),e.jsxRuntimeExports.jsxs("ul",{className:" ml-6 list-disc [&>li]:mt-2 text-xs",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"}),s==="bubble"&&e.jsxRuntimeExports.jsx("li",{children:"radius - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:a=>a.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:"px-6 py-2 space-y-6",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(t)} Chart`}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:" space-y-4 font-mono text-xs ",children:n(t)})]}),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(Ie,{})})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filter on click"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(ue,{})})]})]})})}const ms={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},ps={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function hs(){const t=e.useEditorStore(n=>n.card.type);return e.jsxRuntimeExports.jsxs("div",{className:"p-6 space-y-6",children:[e.jsxRuntimeExports.jsx(e.Accordion,{className:" ",type:"single",collapsible:!0,children:js(t)}),e.jsxRuntimeExports.jsx("section",{className:"",children:["line","bar"].includes(t)&&e.jsxRuntimeExports.jsx(Te,{})}),e.jsxRuntimeExports.jsx("div",{children:!["kpi"].includes(t)&&e.jsxRuntimeExports.jsx(Ie,{})}),e.jsxRuntimeExports.jsx("div",{children:!["kpi"].includes(t)&&e.jsxRuntimeExports.jsx(ue,{})})]})}function js(t){if(["line","bar"].includes(t))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:"bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs",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 [&>li]:mt-2 font-normal text-xs",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:" text-xs space-y-2",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(ms,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:"  text-xs space-y-2",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:"text-blue-500 hover:underline mx-1",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(ps,null,2)})]})]})]});if(t==="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:t})," chart query?"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs",children:"SELECT label, x-axis, y-axis, radius FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs",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(t==="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:t})," chart query?"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs",children:"SELECT label, x-axis, y-axis FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs",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(t))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:t==="polarArea"?"Polar":t.charAt(0).toUpperCase()+t.slice(1)})," ","chart query"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-muted px-2 py-1 rounded  font-mono font-semibold text-xs",children:"SELECT label, measure FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc [&>li]:mt-2 font-normal text-xs",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}function fs(){var o,c,l;const t=e.useEditorStore(d=>d.card.preferences),n=e.useEditorStore(d=>d.actions.setCardPreferences),s=e.useEditorStore(d=>d.actions.setNumberFormat),r=e.useEditorStore(d=>{var x,u;return(u=(x=d.card.preferences)==null?void 0:x.formatNumber)==null?void 0:u.format}),i=e.useEditorStore(d=>{var x,u;return(u=(x=d.card.preferences)==null?void 0:x.formatNumber)==null?void 0:u.locale}),a=e.useEditorStore(d=>{var x,u;return(u=(x=d.card.preferences)==null?void 0:x.formatNumber)==null?void 0:u.currency});return e.useEditorStore(d=>d.actions.setFilterOnClickField),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:!!((o=t==null?void 0:t.formatNumber)!=null&&o.enabled),onCheckedChange:d=>{n({...t,formatNumber:{...t==null?void 0:t.formatNumber,enabled:d}})}}),e.jsxRuntimeExports.jsx(e.Label,{children:"Format Number"})]}),((c=t==null?void 0:t.formatNumber)==null?void 0:c.enabled)===!0&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(e.Label,{className:"text-xs",children:"Currency"}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(e.Input,{value:a||"",className:"h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"USD",onChange:d=>{var x,u,j;return s(((x=t==null?void 0:t.formatNumber)==null?void 0:x.format)||"",d.target.value,((u=t==null?void 0:t.formatNumber)==null?void 0:u.locale)||"",((j=t==null?void 0:t.formatNumber)==null?void 0:j.suffix)||"")}}),e.jsxRuntimeExports.jsx(e.Input,{value:i||"",className:"h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"en-US",onChange:d=>{var x,u,j;return s(((x=t==null?void 0:t.formatNumber)==null?void 0:x.format)||"",((u=t==null?void 0:t.formatNumber)==null?void 0:u.currency)||"",d.target.value,((j=t==null?void 0:t.formatNumber)==null?void 0:j.suffix)||"")}})]})]}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"text-xs",children:"Format"}),e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(e.InfoCircledIcon,{strokeWidth:1,className:"h-3 w-3 opacity-70"})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{children:e.jsxRuntimeExports.jsxs("div",{className:"max-w-[200px]",children:["Format number",e.jsxRuntimeExports.jsx("div",{className:"mt-1 font-mono text-xs",children:"#.## for 123.43"})]})})]})]}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(e.Input,{value:r||"",className:"h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"###,###.##",onChange:d=>{var x,u,j;return s(d.target.value,((x=t==null?void 0:t.formatNumber)==null?void 0:x.currency)||"",((u=t==null?void 0:t.formatNumber)==null?void 0:u.locale)||"",((j=t==null?void 0:t.formatNumber)==null?void 0:j.suffix)||"")}})})]}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx(e.Label,{className:"text-xs",children:"Suffix"}),e.jsxRuntimeExports.jsx(e.Input,{value:((l=t==null?void 0:t.formatNumber)==null?void 0:l.suffix)||"",className:"h-7 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"K, M, B",onChange:d=>{var x,u,j;return s(((x=t==null?void 0:t.formatNumber)==null?void 0:x.format)||"",((u=t==null?void 0:t.formatNumber)==null?void 0:u.currency)||"",((j=t==null?void 0:t.formatNumber)==null?void 0:j.locale)||"",d.target.value)}})]})]})]})}function Es(){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:t=>t.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(fs,{})}),e.jsxRuntimeExports.jsx("div",{}),e.jsxRuntimeExports.jsx("div",{})]})}function gs({cardType:t}){return e.jsxRuntimeExports.jsx("div",{className:"px-6 py-2 space-y-6",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(t)} Chart`}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" space-y-4 font-mono text-xs ",children:[e.jsxRuntimeExports.jsx("div",{className:"bg-muted px-2 py-1 rounded    text-xs",children:"SELECT label, measure FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:" ml-6 list-disc [&>li]:mt-2 text-xs",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:n=>n.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.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(Ie,{})})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filter on click"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(ue,{})})]})]})})}function Rs(){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:t=>t.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(Te,{}),e.jsxRuntimeExports.jsx(et,{})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filter on click"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(ue,{})})]})]})})}function bs({cardType:t}){return console.log("TableVisualSettings",t),e.jsxRuntimeExports.jsx("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:"Filter on click"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(ue,{})})]})})})}function ys(){const t=e.useEditorStore(s=>s.card.type);function n(s){switch(s){case"stackedBar":return e.jsxRuntimeExports.jsx(Rs,{});case"kpi":return e.jsxRuntimeExports.jsx(Es,{});case"line":case"bar":return e.jsxRuntimeExports.jsx(us,{cardType:s});case"pie":case"doughnut":case"polarArea":case"radar":return e.jsxRuntimeExports.jsx(gs,{cardType:s});case"bubble":case"scatter":return e.jsxRuntimeExports.jsx(ds,{cardType:s});case"table":return e.jsxRuntimeExports.jsx(bs,{cardType:s});default:return e.jsxRuntimeExports.jsx(hs,{})}}return e.jsxRuntimeExports.jsx(e.ScrollArea,{className:"h-full w-full text-sm",children:n(t)})}function Ss(){const t=e.useEditorStore(n=>n.isShowingVisual);return e.jsxRuntimeExports.jsxs(ve,{direction:"vertical",className:"min-w-full max-w-lg  min-h-[250px]",children:[e.jsxRuntimeExports.jsx(xe,{role:"query-section",className:"flex",minSize:20,defaultSize:40,children:e.jsxRuntimeExports.jsx(es,{})}),e.jsxRuntimeExports.jsx(Ce,{withHandle:!0,className:"border "}),e.jsxRuntimeExports.jsx(xe,{className:"pb-1",role:"visual-section",minSize:0,defaultSize:60,children:t?e.jsxRuntimeExports.jsxs(ve,{direction:"horizontal",children:[e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(xe,{className:"flex min-w-[275px]",minSize:20,defaultSize:25,maxSize:30,children:e.jsxRuntimeExports.jsx(ys,{})})}),e.jsxRuntimeExports.jsx(Ce,{className:"border "}),e.jsxRuntimeExports.jsx(xe,{minSize:40,defaultSize:75,maxSize:100,children:e.jsxRuntimeExports.jsx(ze,{})})]}):e.jsxRuntimeExports.jsx(ze,{})})]})}function vs({authToken:t,onSave:n,onClose:s}){const r=e.useEditorStore(o=>o.actions.setOnSave),i=e.useEditorStore(o=>o.actions.setOnClose),a=e.useDashboardStore(o=>o.actions.setAuthToken);return g.useEffect(()=>{n&&r(n),s&&i(s)},[n,r,s,i]),g.useEffect(()=>{t&&t.accessToken&&a(t)},[t,a]),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(Ke,{})}),e.jsxRuntimeExports.jsx(e.EditorMain,{children:e.jsxRuntimeExports.jsx(Ss,{})})]})}function Cs(){e.useDashboardStore(o=>o.selectedCardId);const t=e.useDashboardStore(o=>o.selectedSheetId),{setIsVisualEditing:n}=e.useDashboardStore(o=>o.actions),s=e.useDashboardStore(o=>o.isVisualEditing),r=e.useDashboardStore(o=>o.actions.updateFrame);function i(o){t&&(r(t,o),n(!1))}function a(){n(!1)}return e.jsxRuntimeExports.jsx("div",{role:"editor-container",className:e.cn("flex grow",{block:s,hidden:!s}),children:e.jsxRuntimeExports.jsx(vs,{onSave:i,onClose:a})})}function Ns({columns:t,tableName:n}){const s=e.useEditorStore(u=>u.selectedConnectionId),r=e.useEditorStore(u=>u.selectedDatabaseName),i=e.useEditorStore(u=>u.selectedSchemaName),a=e.useEditorStore(u=>u.selectedTableName),o=e.useDashboardStore(u=>u.dashboard.filters)||[],c=e.useDashboardStore(u=>u.actions.addFilter),l=e.useDashboardStore(u=>u.actions.removeFilter),d=e.useDashboardStore(u=>u.actions.removeFilterValue);function x(u){const j=e.fmt(u.column_name),p=e.fmt(r||""),f=e.fmt(i||""),S=e.fmt(n),b=e.getQualifiedTableName(f,S),R=`${b}.${j}`;console.log("find",R,S,p);const I=o==null?void 0:o.find(w=>w.column===R&&w.table===S&&(w.database===p||w.database===r));if(I)d(I.id),l(I.id);else{if(n==="api"&&s){c({id:e.v4(),column:R,title:u.column_name,dataType:u.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:e.getDefaultFilterSql(u.data_type,b,j)});return}c({id:e.v4(),column:`${b}.${j}`,title:u.column_name,dataType:u.data_type,table:a||"",database:r||"",connectionId:s||"",operation:"in",sql:e.getDefaultFilterSql(u.data_type,b,j)})}}return e.jsxRuntimeExports.jsx("div",{className:"xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3",children:t==null?void 0:t.map(u=>{const j=o==null?void 0:o.find(p=>p.column===e.fmt(u.column_name)&&p.table===a&&p.database===r);return e.jsxRuntimeExports.jsx("div",{onClick:()=>x(u),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":j}),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx($e,{column:u}),e.jsxRuntimeExports.jsx("span",{children:u.column_name})]})},u.column_name)})})}function ks(){e.useDashboardStore(n=>n.showFilters);const t=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:()=>t(!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(Ke,{ColumnsComponent:(n,s,r)=>e.jsxRuntimeExports.jsx(Ns,{schemaName:n,tableName:s,columns:r})})})]})}function ws(){e.useDashboardStore(s=>s.dashboard);const t=e.useDashboardStore(s=>s.showFilters),n=e.useDashboardStore(s=>s.isVisualEditing);return e.useDashboardStore(s=>s.bookmarkKey),e.jsxRuntimeExports.jsxs("div",{role:"dashboard-plus-main",className:e.cn("grow",{hidden:n,flex:!n}),children:[e.jsxRuntimeExports.jsx(e.DashboardTabs,{}),t&&e.jsxRuntimeExports.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsxRuntimeExports.jsx(ks,{})})]})}function As(){const t=e.useDashboardStore(r=>r.dashboard),n=e.useDashboardStore(r=>r.actions.setDashboard),s=e.useDashboardStore(r=>r.showDashboardJSON);return e.useDashboardStore(r=>r.actions.setShowDashboardJSON),e.jsxRuntimeExports.jsx("div",{className:e.cn(" p-2",{hidden:!s}),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(t,null,2),options:{minimap:{enabled:!1},glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})})}function Ts({showControls:t=!1,showFooter:n=!0,...s}){return e.jsxRuntimeExports.jsx(e.SemaphorContextProvider,{dashboardProps:s,children:e.jsxRuntimeExports.jsxs(e.UXProvider,{children:[e.jsxRuntimeExports.jsx(As,{}),e.jsxRuntimeExports.jsxs(e.DashboardPanel,{...s,children:[t&&e.jsxRuntimeExports.jsx(Mt,{}),e.jsxRuntimeExports.jsx(Cs,{}),e.jsxRuntimeExports.jsx(ws,{})]})]})})}exports.DashboardPlus=Ts;exports.SelectComponent=he;exports.useEditorAside=Ae;