semaphor 0.0.48 → 0.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/dashboard-plus-PR1BV0lX.js +210 -0
- package/dist/chunks/{dashboard-plus-upSoeQoI.js → dashboard-plus-lE5PRTex.js} +1204 -1157
- package/dist/chunks/{index-O9LcZUoj.js → index-SYVmb8mZ.js} +98 -98
- package/dist/chunks/{index-71zNxWPN.js → index-bnMt0Nkv.js} +10918 -10735
- package/dist/dashboard/index.cjs +1 -1
- package/dist/dashboard/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +3 -3
- package/dist/style.css +1 -1
- package/dist/surfboard/index.cjs +1 -1
- package/dist/surfboard/index.js +2 -2
- package/dist/types/dashboard.d.ts +2 -1
- package/dist/types/main.d.ts +12 -1
- package/dist/types/surfboard.d.ts +2 -1
- package/dist/types/types.d.ts +2 -1
- package/package.json +1 -1
- package/dist/chunks/dashboard-plus-CiMeIZCS.js +0 -205
|
@@ -0,0 +1,210 @@
|
|
|
1
|
+
"use strict";const e=require("./index-SYVmb8mZ.js"),f=require("react");/**
|
|
2
|
+
* @license lucide-react v0.379.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const cs=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"}]]);/**
|
|
7
|
+
* @license lucide-react v0.379.0 - ISC
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the ISC license.
|
|
10
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/const xs=e.createLucideIcon("AreaChart",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"M7 12v5h12V8l-5 5-4-4Z",key:"zxz28u"}]]);/**
|
|
12
|
+
* @license lucide-react v0.379.0 - ISC
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the ISC license.
|
|
15
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/const ve=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"}]]);/**
|
|
17
|
+
* @license lucide-react v0.379.0 - ISC
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the ISC license.
|
|
20
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/const us=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"}]]);/**
|
|
22
|
+
* @license lucide-react v0.379.0 - ISC
|
|
23
|
+
*
|
|
24
|
+
* This source code is licensed under the ISC license.
|
|
25
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
+
*/const ds=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"}]]);/**
|
|
27
|
+
* @license lucide-react v0.379.0 - ISC
|
|
28
|
+
*
|
|
29
|
+
* This source code is licensed under the ISC license.
|
|
30
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
31
|
+
*/const ms=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"}]]);/**
|
|
32
|
+
* @license lucide-react v0.379.0 - ISC
|
|
33
|
+
*
|
|
34
|
+
* This source code is licensed under the ISC license.
|
|
35
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
36
|
+
*/const Fe=e.createLucideIcon("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]);/**
|
|
37
|
+
* @license lucide-react v0.379.0 - ISC
|
|
38
|
+
*
|
|
39
|
+
* This source code is licensed under the ISC license.
|
|
40
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
41
|
+
*/const Oe=e.createLucideIcon("GanttChart",[["path",{d:"M8 6h10",key:"9lnwnk"}],["path",{d:"M6 12h9",key:"1g9pqf"}],["path",{d:"M11 18h7",key:"c8dzvl"}]]);/**
|
|
42
|
+
* @license lucide-react v0.379.0 - ISC
|
|
43
|
+
*
|
|
44
|
+
* This source code is licensed under the ISC license.
|
|
45
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
46
|
+
*/const ps=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"}]]);/**
|
|
47
|
+
* @license lucide-react v0.379.0 - ISC
|
|
48
|
+
*
|
|
49
|
+
* This source code is licensed under the ISC license.
|
|
50
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
51
|
+
*/const hs=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"}]]);/**
|
|
52
|
+
* @license lucide-react v0.379.0 - ISC
|
|
53
|
+
*
|
|
54
|
+
* This source code is licensed under the ISC license.
|
|
55
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
56
|
+
*/const js=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"}]]);/**
|
|
57
|
+
* @license lucide-react v0.379.0 - ISC
|
|
58
|
+
*
|
|
59
|
+
* This source code is licensed under the ISC license.
|
|
60
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
61
|
+
*/const Es=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"}]]);/**
|
|
62
|
+
* @license lucide-react v0.379.0 - ISC
|
|
63
|
+
*
|
|
64
|
+
* This source code is licensed under the ISC license.
|
|
65
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
66
|
+
*/const Ce=e.createLucideIcon("LineChart",[["path",{d:"M3 3v18h18",key:"1s2lah"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]]);/**
|
|
67
|
+
* @license lucide-react v0.379.0 - ISC
|
|
68
|
+
*
|
|
69
|
+
* This source code is licensed under the ISC license.
|
|
70
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
71
|
+
*/const fs=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"}]]);/**
|
|
72
|
+
* @license lucide-react v0.379.0 - ISC
|
|
73
|
+
*
|
|
74
|
+
* This source code is licensed under the ISC license.
|
|
75
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
76
|
+
*/const gs=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"}]]);/**
|
|
77
|
+
* @license lucide-react v0.379.0 - ISC
|
|
78
|
+
*
|
|
79
|
+
* This source code is licensed under the ISC license.
|
|
80
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
81
|
+
*/const Rs=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"}]]);/**
|
|
82
|
+
* @license lucide-react v0.379.0 - ISC
|
|
83
|
+
*
|
|
84
|
+
* This source code is licensed under the ISC license.
|
|
85
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
86
|
+
*/const bs=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"}]]);/**
|
|
87
|
+
* @license lucide-react v0.379.0 - ISC
|
|
88
|
+
*
|
|
89
|
+
* This source code is licensed under the ISC license.
|
|
90
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
91
|
+
*/const Ss=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"}]]);/**
|
|
92
|
+
* @license lucide-react v0.379.0 - ISC
|
|
93
|
+
*
|
|
94
|
+
* This source code is licensed under the ISC license.
|
|
95
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
96
|
+
*/const Me=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"}]]);/**
|
|
97
|
+
* @license lucide-react v0.379.0 - ISC
|
|
98
|
+
*
|
|
99
|
+
* This source code is licensed under the ISC license.
|
|
100
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
101
|
+
*/const Be=e.createLucideIcon("PieChart",[["path",{d:"M21.21 15.89A10 10 0 1 1 8 2.83",key:"k2fpak"}],["path",{d:"M22 12A10 10 0 0 0 12 2v10z",key:"1rfc4y"}]]);/**
|
|
102
|
+
* @license lucide-react v0.379.0 - ISC
|
|
103
|
+
*
|
|
104
|
+
* This source code is licensed under the ISC license.
|
|
105
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
106
|
+
*/const ys=e.createLucideIcon("Play",[["polygon",{points:"6 3 20 12 6 21 6 3",key:"1oa8hb"}]]);/**
|
|
107
|
+
* @license lucide-react v0.379.0 - ISC
|
|
108
|
+
*
|
|
109
|
+
* This source code is licensed under the ISC license.
|
|
110
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
111
|
+
*/const vs=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"}]]);/**
|
|
112
|
+
* @license lucide-react v0.379.0 - ISC
|
|
113
|
+
*
|
|
114
|
+
* This source code is licensed under the ISC license.
|
|
115
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
116
|
+
*/const Cs=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"}]]);/**
|
|
117
|
+
* @license lucide-react v0.379.0 - ISC
|
|
118
|
+
*
|
|
119
|
+
* This source code is licensed under the ISC license.
|
|
120
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
121
|
+
*/const qe=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"}]]);/**
|
|
122
|
+
* @license lucide-react v0.379.0 - ISC
|
|
123
|
+
*
|
|
124
|
+
* This source code is licensed under the ISC license.
|
|
125
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
126
|
+
*/const Ns=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"}]]);/**
|
|
127
|
+
* @license lucide-react v0.379.0 - ISC
|
|
128
|
+
*
|
|
129
|
+
* This source code is licensed under the ISC license.
|
|
130
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
131
|
+
*/const ks=e.createLucideIcon("Sigma",[["path",{d:"M18 7V4H6l6 8-6 8h12v-3",key:"zis8ev"}]]);/**
|
|
132
|
+
* @license lucide-react v0.379.0 - ISC
|
|
133
|
+
*
|
|
134
|
+
* This source code is licensed under the ISC license.
|
|
135
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
136
|
+
*/const ws=e.createLucideIcon("SwatchBook",[["path",{d:"M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z",key:"1ldrpk"}],["path",{d:"M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7",key:"11i5po"}],["path",{d:"M 7 17h0.01",key:"10821z"}],["path",{d:"m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8",key:"o2gii7"}]]);/**
|
|
137
|
+
* @license lucide-react v0.379.0 - ISC
|
|
138
|
+
*
|
|
139
|
+
* This source code is licensed under the ISC license.
|
|
140
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
141
|
+
*/const As=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"}]]);/**
|
|
142
|
+
* @license lucide-react v0.379.0 - ISC
|
|
143
|
+
*
|
|
144
|
+
* This source code is licensed under the ISC license.
|
|
145
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
146
|
+
*/const zs=e.createLucideIcon("ToggleLeft",[["rect",{width:"20",height:"12",x:"2",y:"6",rx:"6",ry:"6",key:"f2vt7d"}],["circle",{cx:"8",cy:"12",r:"2",key:"1nvbw3"}]]);/**
|
|
147
|
+
* @license lucide-react v0.379.0 - ISC
|
|
148
|
+
*
|
|
149
|
+
* This source code is licensed under the ISC license.
|
|
150
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
151
|
+
*/const Ts=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"}]]);/**
|
|
152
|
+
* @license lucide-react v0.379.0 - ISC
|
|
153
|
+
*
|
|
154
|
+
* This source code is licensed under the ISC license.
|
|
155
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
156
|
+
*/const Is=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 Ls(){const[s,n]=f.useState(""),[t,r]=f.useState(!1),[a,l]=f.useState(!1),o=e.useDashboardStore(c=>c.dashboard);function i(){const c=e.getDashbaordStateWithoutData(o),h=e.getBookmarkKey(o.id),u=JSON.parse(localStorage.getItem(h)||"[]");if(u.some(v=>v.name===s)){r(!0);return}u.push({name:s,template:c}),localStorage.setItem(h,JSON.stringify(u)),l(!1)}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:a,onOpenChange:l,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.Plus,{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:s,onChange:c=>{t&&r(!1),n(c.target.value)},id:"name",className:"col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"})]})}),t&&e.jsxRuntimeExports.jsx("p",{className:"text-sm",children:"The bookmark name already exists. Use a differnet name."}),e.jsxRuntimeExports.jsx(e.DialogFooter,{children:e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",type:"submit",disabled:!s,onClick:i,children:"Save"})})]})]})}function Ds(){const[s,n]=f.useState(!1),[t,r]=f.useState(""),a=e.useDashboardStore(x=>x.dashboard),l=e.useDashboardStore(x=>x.bookmarkKey),[o,i]=f.useState([]),c=e.useDashboardStore(x=>x.actions.setDashboard),h=e.useDashboardStore(x=>x.actions.setFilterValues),u=e.useDashboardStore(x=>x.actions.setBookmarkKey);f.useEffect(()=>{const x=e.getBookmarkKey(a.id),m=JSON.parse(localStorage.getItem(x)||"[]");i(m);const j=m.find(C=>C.default);j&&j.name===l&&r(j.name)},[s,a,l]);function d(x){if(x===t)return;const m=o.find(C=>C.name===x),j=m==null?void 0:m.template;j&&(c(j),h(m.filterValues||[]),u(x==="Original"?"":x)),r(x)}function v(x){const m=e.getBookmarkKey(a.id),C=JSON.parse(localStorage.getItem(m)||"[]").filter(g=>g.name!==x);localStorage.setItem(m,JSON.stringify(C)),i(C)}return e.jsxRuntimeExports.jsxs(e.DropdownMenu,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DropdownMenuTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",className:"h-7 p-2",children:e.jsxRuntimeExports.jsx(ps,{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:t,onValueChange:d,children:[e.jsxRuntimeExports.jsx(e.DropdownMenuRadioItem,{value:"Original",children:"Original"}),o.filter(x=>x.name!="Original").map((x,m)=>e.jsxRuntimeExports.jsxs(e.DropdownMenuRadioItem,{className:"xbg-red-100 flex justify-between",value:x.name,defaultChecked:x.name===l,children:[e.jsxRuntimeExports.jsx("p",{children:x.name}),e.jsxRuntimeExports.jsx(e.Cross2Icon,{onClick:j=>{j.preventDefault(),v(x.name)},className:"h-3 w-3 hover:cursor-pointer",strokeWidth:1.5})]},m))]})]})]})}function Fs(){const[s,n]=f.useState(!1),t=e.useDashboardStore(l=>l.dashboard),r=e.useDashboardStore(l=>l.bookmarkKey);f.useEffect(()=>{if(!r){n(!1);return}const l=e.getBookmarkKey(t.id),i=JSON.parse(localStorage.getItem(l)||"[]").find(c=>c.name===r);n(i?i.default:!1)},[r,t.id]);function a(l){if(n(l),!r)return;const o=e.getBookmarkKey(t.id),c=JSON.parse(localStorage.getItem(o)||"[]").map(h=>(h.name===r?h.default=l:h.default=!1,h));console.log(c),localStorage.setItem(o,JSON.stringify(c))}return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:s,onCheckedChange:a,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 Os(){const s=e.useDashboardStore(g=>g.bookmarkKey),n=e.useDashboardStore(g=>g.dashboard);e.useDashboardStore(g=>g.selectedSheetId);const t=e.useDashboardStore(g=>g.isDashboardEditing),r=e.useDashboardStore(g=>g.filterValues),a=e.useDashboardStore(g=>g.isVisualEditing),l=e.useDashboardStore(g=>g.showFilters);e.useDashboardStore(g=>g.showDashboardJSON);const o=e.useDashboardStore(g=>g.onSaveFunction),i=e.useDashboardStore(g=>g.actions.setShowFilters),{addFrame:c,setSelectedFrameId:h}=e.useDashboardStore(g=>g.actions),{getSelectedSheet:u,setIsDashboardEditing:d,setShowDashboardJSON:v}=e.useDashboardStore(g=>g.actions),x=u(),m=()=>{if(!t||!x)return;const g={id:e.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"select COUNT(*) from YOUR_TABLE",data:[]},z={id:e.v4(),cards:[g],activeCardId:g.id};c(x.id,z),h(z.id)},j=()=>{d(!0)};function C(){if(!s||s==="")return;const g=e.getDashbaordStateWithoutData(n),z=e.getBookmarkKey(n.id),S=JSON.parse(localStorage.getItem(z)||"[]"),k=S.findIndex(E=>E.name===s);k!==-1?S[k]={name:s,template:g,default:S[k].default,filterValues:r}:S.push({name:s,template:g,filterValues:r}),localStorage.setItem(z,JSON.stringify(S)),o==null||o(g)}return a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between gap-2 border-b bg-muted/50 px-2 py-2",role:"dashboard-controls",children:[!a&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxRuntimeExports.jsx(e.Label,{children:s}),!!s&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"text-muted-foreground",children:"|"}),e.jsxRuntimeExports.jsx(Fs,{})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[t&&!a&&e.jsxRuntimeExports.jsx(Ls,{}),!a&&e.jsxRuntimeExports.jsx(Ds,{}),t&&!a&&e.jsxRuntimeExports.jsxs(e.Button,{variant:"outline",className:"h-7 p-2",size:"sm",disabled:!t,onClick:m,children:[e.jsxRuntimeExports.jsx(e.Plus,{className:"mr-2 h-4 w-4",strokeWidth:1.5}),"Add Frame"]}),!t&&e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",className:"h-7 p-2",onClick:j,size:"sm",children:e.jsxRuntimeExports.jsx(Me,{className:"h-4 w-4",strokeWidth:1.5})}),t&&!a&&e.jsxRuntimeExports.jsx(e.Button,{variant:"outline",role:"close",className:"h-7 p-2",onClick:()=>{d(!1),v(!1)},size:"sm",children:e.jsxRuntimeExports.jsx(e.Cross2Icon,{className:"h-4 w-4",strokeWidth:1.5})}),t&&!a&&e.jsxRuntimeExports.jsx(e.Button,{className:"h-7 p-2",variant:"outline",onClick:C,size:"sm",children:e.jsxRuntimeExports.jsx(Cs,{className:"h-4 w-4",strokeWidth:1.5})}),!l&&!a&&t&&e.jsxRuntimeExports.jsx(e.Button,{className:"h-7 p-2",variant:"outline",onClick:()=>i(!0),size:"sm",children:e.jsxRuntimeExports.jsx(Fe,{className:"h-4 w-4",strokeWidth:1.5})}),!a&&t&&!1,!a&&!1]})]})}function he({title:s,items:n,value:t,isLoading:r,isError:a,connectionTooltip:l,onChange:o,className:i,showIcon:c=!0,disabled:h=!1}){const u=r?"Loading...":a?"Error":t;function d(){if(s==="Connection")return e.jsxRuntimeExports.jsx(vs,{className:"size-4 rotate-90"});if(s==="Database")return e.jsxRuntimeExports.jsx(ds,{className:"size-4"});if(s==="Schema")return e.jsxRuntimeExports.jsx(Ss,{className:"size-4"});if(s==="Table")return e.jsxRuntimeExports.jsx(e.Table,{className:"size-4"})}return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[c&&e.jsxRuntimeExports.jsx("div",{className:"shrink-0",children:l?e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{children:d()}),e.jsxRuntimeExports.jsx(e.TooltipContent,{className:"text-xs",align:"start",children:l})]}):d()}),e.jsxRuntimeExports.jsxs(e.Select,{disabled:h,value:u,onValueChange:o,children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:e.cn("h-9 w-full focus:ring-1 focus:ring-offset-0",i),children:e.jsxRuntimeExports.jsx(e.SelectValue,{placeholder:r?"Loading...":a?"Error":`Select ${s}`})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[r?e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Loading..."}):e.jsxRuntimeExports.jsx(e.SelectLabel,{children:s}),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:n&&n.map((v,x)=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:v.id,children:v.name},x))}),(r||a)&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:u,children:u})]})})]})]})}function Ms({column:s}){const[n,t]=f.useState(!1),r=e.useEditorStore(u=>u.selectedTableName),a=e.useEditorStore(u=>u.selectedSchemaName),l=e.useEditorStore(u=>u.sqlGen),o=e.useEditorStore(u=>u.actions.setSqlGen),i=e.useEditorStore(u=>u.actions.setCardSql),c=e.useEditorStore(u=>u.actions.setRunSql);function h(u,d){const v=e.createSqlGenConfig(u,l,d);o(v);const x=e.getSql(v,e.fmt(a||""),e.fmt(r));x&&(i(x),c(!0)),t(!1)}return e.jsxRuntimeExports.jsxs(e.Popover,{open:n,onOpenChange:t,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:()=>h(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsxRuntimeExports.jsx("li",{onClick:()=>h(s,"MIN"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Min"})]})})]})}function Ve({column:s}){return e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.$a093c7e1ec25a057$export$8c610744efcf8a1d,{asChild:!0,children:e.TEXT_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(Ts,{className:"size-3"}):e.NUMBER_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(js,{className:"size-3"}):e.DATE_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(e.Calendar,{className:"size-3"}):e.BOOLEAN_DATA_TYPES.includes(s.data_type.toLowerCase())?e.jsxRuntimeExports.jsx(zs,{className:"size-3"}):e.jsxRuntimeExports.jsx(Ns,{className:"size-3"})}),e.jsxRuntimeExports.jsx(e.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{className:"font-mono text-xs",children:s.data_type})})]})}function Bs({schemaName:s,tableName:n,columns:t,status:r}){const a=e.useEditorStore(E=>E.sqlGen),l=e.useEditorStore(E=>E.selectedConnectionId),o=e.useEditorStore(E=>E.selectedDatabaseName),i=e.useEditorStore(E=>E.selectedSchemaName),c=e.useEditorStore(E=>E.selectedTableName),h=e.useDashboardStore(E=>E.dashboard.aiScopeTables),{setAIScopeTables:u}=e.useDashboardStore(E=>E.actions),d=e.useEditorStore(E=>E.actions.setRunSql),v=e.useEditorStore(E=>E.actions.setSqlGen),x=e.useEditorStore(E=>E.actions.setIsShowingVisual),m=e.useEditorStore(E=>E.actions.setCardSql),{connectionType:j}=Ne();function C(E){const N=e.createSqlGenConfig(E,a);v(N);const A=e.getSql(N,e.fmt(s),e.fmt(n));A&&(m(A),d(!0))}function g(){return(h==null?void 0:h.find(E=>E.connectinonId===l&&E.tableName===c))!==void 0}function z(E){if(E===!0&&c&&l){const N={connectinonId:l,connectionType:j,databaseName:o,schemaName:i,tableName:c},L=[...h||[],N].filter((O,F,B)=>B.findIndex(T=>T.connectinonId===O.connectinonId&&T.tableName===O.tableName)===F);u(L),e.Jt.success(`Added '${c}' to AI Scope`,{position:"top-right",duration:2500,richColors:!0})}else{const N=(h||[]).filter(A=>A.connectinonId!==l&&A.tableName!==c);u(N),e.Jt(`Removed '${c}' from AI Scope`,{position:"top-right",duration:2e3,richColors:!0})}}function S(){let N=e.getQualifiedTableName(s,n);(O=>O.charAt(0)===O.charAt(0).toUpperCase())(n)&&(N=`"${n}"`),x(!1);const L=j==="MSSQL"?`SELECT top 10 * FROM ${N}`:`SELECT * FROM ${N} LIMIT 10`;m(L),d(!0)}function k(){let N=e.getQualifiedTableName(s,n);(L=>L.charAt(0)===L.charAt(0).toUpperCase())(n)&&(N=`"${n}"`),x(!1),m(`SELECT COUNT(*) as count FROM ${N}`),d(!0)}return e.jsxRuntimeExports.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-center gap-1",children:[e.jsxRuntimeExports.jsx(e.Toggle,{title:`${g()?"Remove from":"Add to"} AI Scope`,pressed:g(),onPressedChange:z,variant:"outline",className:"h-9 px-2",children:e.jsxRuntimeExports.jsx(e.Bot,{className:e.cn("size-4",{"text-primary":g(),"text-muted-foreground":!g()})})}),e.jsxRuntimeExports.jsxs(e.Button,{disabled:r!=="Success",onClick:S,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(ws,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxRuntimeExports.jsxs(e.Button,{disabled:r!=="Success",onClick:k,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(ks,{className:"mr-2 size-4"}),"Count"]})]}),e.jsxRuntimeExports.jsxs(e.ScrollArea,{className:"flex-1 basis-0 overflow-y-auto border-b border-t border-muted py-3",children:[t==null?void 0:t.map(E=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>C(E),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(E,a)}),children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(Ve,{column:E}),e.jsxRuntimeExports.jsx("span",{children:E.column_name})]}),e.NUMBER_DATA_TYPES.includes(E.data_type)&&e.jsxRuntimeExports.jsx("div",{onClick:N=>N.stopPropagation(),className:"flex items-center justify-end",children:e.jsxRuntimeExports.jsx(Ms,{column:E})})]},E.column_name)),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"vertical"}),e.jsxRuntimeExports.jsx(e.ScrollBar,{orientation:"horizontal"})]})]})}function Ne(s,n){var ge,ae,je,me;let t=f.useMemo(()=>[],[]);const r=e.useSemaphorContext().authToken||s,a=e.useEditorStore(y=>y.selectedConnectionId),l=e.useEditorStore(y=>y.selectedDatabaseName),o=e.useEditorStore(y=>y.selectedSchemaName),i=e.useEditorStore(y=>y.selectedTableName),c=e.useEditorStore(y=>y.actions.setCurrentColumns),h=e.useEditorStore(y=>y.actions.setSelectedConnectionId),u=e.useEditorStore(y=>y.actions.setSelectedDatabaseName),d=e.useEditorStore(y=>y.actions.setSelectedSchemaName),v=e.useEditorStore(y=>y.actions.setSelectedTableName),x=e.useEditorStore(y=>y.actions.setCardSql);function m(y){return a&&l&&o&&l!=="NA"?!0:a&&y==="API"?!1:!!(a&&y==="S3")}function j(y){return!!(a&&l&&l!=="NA"&&o&&i||a&&(y==="S3"||y==="API"))}function C(y){return a&&y?!(y==="API"||y==="S3"):!1}const{data:g,isLoading:z,isError:S}=e.useQuery({queryKey:["connections"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/connections",(r==null?void 0:r.accessToken)||""),enabled:!!(r!=null&&r.accessToken)}),k=g==null?void 0:g.connections.find(y=>y.id===a),E=k==null?void 0:k.type,N=(k==null?void 0:k.type)==="API"||(k==null?void 0:k.type)==="S3",{data:A,isLoading:L,isFetching:O,isError:F,refetch:B}=e.useQuery({queryKey:["databases",a],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/databases",(r==null?void 0:r.accessToken)||"",{connection_id:a}),enabled:C(E)}),{data:T,isLoading:K,isFetching:V,isError:P,refetch:H}=e.useQuery({queryKey:["schemas",a,l],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/schemas",(r==null?void 0:r.accessToken)||"",{connection_id:a,database_name:l}),enabled:!!a&&!!l&&!N&&l!=="NA"}),{data:q,isLoading:I,isFetching:R,isError:b,refetch:w}=e.useQuery({queryKey:["tables",a,l,o],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/tables",(r==null?void 0:r.accessToken)||"",{connection_id:a,database_name:l,schema_name:o}),enabled:m(E)}),{data:D,isLoading:Z,isFetching:$,isError:re}=e.useQuery({queryKey:["columns",a,l,o,i],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/columns",(r==null?void 0:r.accessToken)||"",{connection_id:a,database_name:l,schema_name:o,table_name:i}),enabled:j(E)});f.useEffect(()=>{c(t)},[D,c,t]),f.useEffect(()=>{},[N,x,v,d,u,k]);const ne=(k==null?void 0:k.type)==="API"?(ge=k==null?void 0:k.type)==null?void 0:ge.toLowerCase():i||"",oe=N?"":o||"";function ee(y){d(y),v("")}function M(y){u(y),d(""),v("")}function G(y){h(y)}A&&((ae=A==null?void 0:A.databases)==null?void 0:ae.length)>0,T&&((je=T==null?void 0:T.schemas)==null?void 0:je.length)>0,D&&((me=D==null?void 0:D.columns)==null?void 0:me.length)>0&&(t=D.columns.map(y=>({...y,data_type:y.data_type.toLowerCase()}))),F&&(t=[]),(re||S)&&(t=[]);const U=g==null?void 0:g.connections.map(y=>({id:y.id,name:y.name,type:y.type})),ie=A==null?void 0:A.databases.map(y=>({id:y.database_name,name:y.database_name})),Q=T==null?void 0:T.schemas.map(y=>({id:y.schema_name,name:y.schema_name})),de=q==null?void 0:q.tables.map(y=>({id:y.table_name,name:y.table_name}));return{connectionItems:U,isConnectionsLoading:z,isConnectionsError:S,databaseItems:ie,isDatabasesLoadingOrFetching:L||O,isDatabaseError:F,schemaItems:Q,isSchemaLoadingOrFetching:K||V,isSchemaError:P,tableItems:de,isTableLoadingOrFetching:I||R,isTableError:b,columns:t,isColumnsLoadingOrFetching:Z||$,isColumnsError:re,isNonDbConnection:N,connectionType:E,tableName:ne,schemaName:oe,handleConnectionChange:G,handleDatabaseChange:M,handleSchemaChange:ee}}function _e({ColumnsComponent:s}){var q;const n=e.useEditorStore(I=>I.selectedConnectionId),t=e.useEditorStore(I=>I.selectedDatabaseName),r=e.useEditorStore(I=>I.selectedSchemaName),a=e.useEditorStore(I=>I.selectedTableName),l=e.useEditorStore(I=>I.actions.setSelectedTableName),{connectionItems:o,schemaItems:i,databaseItems:c,tableItems:h,columns:u,isConnectionsLoading:d,isConnectionsError:v,isDatabasesLoadingOrFetching:x,isDatabaseError:m,isSchemaLoadingOrFetching:j,isSchemaError:C,isColumnsError:g,isColumnsLoadingOrFetching:z,isTableLoadingOrFetching:S,isTableError:k,connectionType:E,isNonDbConnection:N,handleConnectionChange:A,handleDatabaseChange:L,handleSchemaChange:O,tableName:F,schemaName:B}=Ne();function T(){return s?s(B,F,u):e.jsxRuntimeExports.jsx(Bs,{schemaName:B,tableName:F,columns:u,status:z?"Loading...":g?"Error":"Success"})}function K(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function V(){return E==="S3"||E==="API"?null:e.jsxRuntimeExports.jsx(he,{onChange:L,isError:m,isLoading:x,items:c,value:t||"",title:"Database"})}function P(){return E==="S3"||E==="API"?null:e.jsxRuntimeExports.jsx(he,{onChange:O,isError:C,isLoading:j,items:i,value:r||"",title:"Schema"})}function H(){return E==="API"?null:e.jsxRuntimeExports.jsx(he,{onChange:l,isError:k,items:h,isLoading:S,value:a||"",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:d,isError:v,connectionTooltip:((q=o==null?void 0:o.find(I=>I.id===n))==null?void 0:q.type)||""}),V(),P(),H()]}),T(),e.jsxRuntimeExports.jsx("div",{className:"flex items-end justify-center gap-2 px-6 py-4",children:e.jsxRuntimeExports.jsxs(e.Button,{onClick:K,size:"sm",variant:"secondary",className:"w-full",children:[e.jsxRuntimeExports.jsx(bs,{className:"mr-2 size-4"}),"Help"]})})]})}function qs(s){const n=s.toUpperCase().indexOf("WHERE"),t=s.toUpperCase().indexOf("GROUP BY"),r=s.toUpperCase().indexOf("LIMIT"),a=s.toUpperCase().indexOf("ORDER BY");let l=s.length;if(a!==-1&&(l=a),r!==-1&&r<l&&(l=r),n!==-1){const o=s.substring(0,n),i=s.substring(n);return`${o} {{ filters | where }} AND ${i.substring(6)}`}else if(t!==-1){const o=s.substring(0,t),i=s.substring(t);return`${o} {{ filters | where }} ${i}`}else{const o=s.substring(0,l),i=s.substring(l);return`${o} {{ filters | where }} ${i}`}}function Vs({error:s,setShowAIDialog:n,setUserInputforAI:t,setTriggerAIRun:r}){return e.jsxRuntimeExports.jsxs(e.HoverCard,{openDelay:0,children:[e.jsxRuntimeExports.jsx(e.HoverCardTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{variant:"link",className:" p-0 h-5",children:e.jsxRuntimeExports.jsx(us,{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),t(s),r(!0)},size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(hs,{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:s})})]})})})]})}function _s({text:s,onCheckedChange:n,checked:t}){return e.jsxRuntimeExports.jsxs("div",{className:"xbg-red-100 ml-6 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:t,onCheckedChange:n}),e.jsxRuntimeExports.jsx("label",{className:"text-xs leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:s})]})}function Hs(){const{authToken:s}=e.useSemaphorContext(),n=f.useRef(null),t=e.useEditorStore(i=>i.applyFilters),[r,a]=f.useState(""),l=e.useEditorStore(i=>i.filterValues),o=e.useEditorStore(i=>i.card.sql);return e.jsxRuntimeExports.jsxs(e.HoverCard,{openDelay:0,onOpenChange:async i=>{if(!i)return;console.log("onOpenChange");const c=await e.postRequest("https://semaphor.cloud/api/v1/filter-sql",(s==null?void 0:s.accessToken)||"",{sql:o,active_filters:l});console.log(c),c.sql?(console.log(c.records),a(c.sql)):a("Error")},children:[e.jsxRuntimeExports.jsx(e.HoverCardTrigger,{asChild:!0,children:t&&e.jsxRuntimeExports.jsx("p",{className:"p-0 text-xs hover:cursor-pointer",children:"| Filter Query"})}),e.jsxRuntimeExports.jsxs(e.HoverCardContent,{align:"end",className:"w-[600px]",children:[e.jsxRuntimeExports.jsx("div",{className:"flex justify-between space-x-4",children:e.jsxRuntimeExports.jsx("div",{className:"rounded-sm bg-muted p-2",children:e.jsxRuntimeExports.jsxs("code",{ref:n,className:"font-mono text-sm",children:[r,e.jsxRuntimeExports.jsx(e.ClipboardCopyIcon,{onClick:()=>e.copyToClipboard(n),className:"ml-3 inline-block h-4 w-4 opacity-70 hover:cursor-pointer hover:opacity-100"})]})})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2 pt-2",children:[e.jsxRuntimeExports.jsx(e.InfoCircledIcon,{className:"h-4 w-4 opacity-70"}),e.jsxRuntimeExports.jsx("span",{className:"text-xs text-muted-foreground",children:"A preview of the query with filters applied."})]})]})]})}const Ps=`
|
|
157
|
+
|
|
158
|
+
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.
|
|
159
|
+
|
|
160
|
+
Bar / Line Chart:
|
|
161
|
+
|
|
162
|
+
SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table
|
|
163
|
+
|
|
164
|
+
- X-axis - Category
|
|
165
|
+
- Y-axis - Number
|
|
166
|
+
|
|
167
|
+
Stacked Chart:
|
|
168
|
+
|
|
169
|
+
SELECT x-axis, stack-by, y-axis FROM table
|
|
170
|
+
|
|
171
|
+
- X-axis - Category
|
|
172
|
+
- Stack by - Category
|
|
173
|
+
- Y-axis - Number
|
|
174
|
+
|
|
175
|
+
|
|
176
|
+
Scatter Chart:
|
|
177
|
+
|
|
178
|
+
SELECT label, x-axis, y-axis FROM table
|
|
179
|
+
|
|
180
|
+
- Label - Category
|
|
181
|
+
- Group (opt) - Category
|
|
182
|
+
- X-axis - Number
|
|
183
|
+
- Y-axis - Number
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
Bubble Chart:
|
|
187
|
+
|
|
188
|
+
SELECT label, x-axis, y-axis, radius FROM table
|
|
189
|
+
|
|
190
|
+
- Label - Category
|
|
191
|
+
- Bubble Group (opt) - Category
|
|
192
|
+
- X-axis - Number
|
|
193
|
+
- Y-axis - Number
|
|
194
|
+
- Radius - Number
|
|
195
|
+
|
|
196
|
+
Pie / Dougnut Chart:
|
|
197
|
+
|
|
198
|
+
SELECT label, measure FROM table
|
|
199
|
+
|
|
200
|
+
- Label - Category
|
|
201
|
+
- Measure - Number
|
|
202
|
+
`;function $s({open:s,setOpen:n,userInput:t,setUserInput:r,triggerAIRun:a,setTriggerAIRun:l}){const o=f.useRef(null),i=f.useRef(null),{authToken:c}=e.useSemaphorContext(),[h,u]=f.useState(!1),d=e.useEditorStore(R=>R.actions.setCardSql),v=e.useDashboardStore(R=>R.dashboard.baseQueries),x=e.useEditorStore(R=>R.actions.setRunSql),m=e.useEditorStore(R=>R.actions.setCardType),[j,C]=f.useState([]),g=e.useEditorStore(R=>R.currentColumns),z=e.useEditorStore(R=>R.card.sql),S=e.useEditorStore(R=>R.selectedTableName),k=`
|
|
203
|
+
${t}
|
|
204
|
+
|
|
205
|
+
Database Query Dialect: ${S==="api"||S==="s3"?"DuckDb":""}
|
|
206
|
+
Table Name: ${S}
|
|
207
|
+
Table Columns: ${g==null?void 0:g.map(R=>`${R.column_name} | ${R.data_type}`).join(", ")}
|
|
208
|
+
User SQL: ${z}
|
|
209
|
+
${v&&`Base Queries: ${JSON.stringify(v)} `}`,E=` 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.
|
|
210
|
+
Visual Query Syntax: ${Ps}`,{data:N,isLoading:A,isFetching:L,isError:O,refetch:F}=e.useQuery({queryKey:["ai-query"],queryFn:()=>e.getRequest("https://semaphor.cloud/api/v1/ai",(c==null?void 0:c.accessToken)||"",{user_content:`userContent: ${k} ${h?E:""}`}),enabled:!1});function B(R){if(R.toLowerCase().includes("bar"))m("bar");else if(R.toLowerCase().includes("line"))m("line");else if(R.toLowerCase().includes("bubble"))m("bubble");else if(R.toLowerCase().includes("scatter"))m("scatter");else if(R.toLowerCase().includes("stacked"))m("stackedBar");else if(R.toLowerCase().includes("pie"))m("pie");else if(R.toLowerCase().includes("donut")||R.toLowerCase().includes("doughnut"))m("doughnut");else if(R.toLowerCase().includes("radar"))m("radar");else return m("bar"),!1;return!0}f.useEffect(()=>{N&&C(R=>[...R,{role:"ai",content:N.response}])},[N]),f.useEffect(()=>{const R=setTimeout(()=>{var b;i.current&&(i.current.scroll({top:i.current.scrollHeight,behavior:"smooth"}),(b=o.current)==null||b.focus())},100);return()=>clearTimeout(R)},[j]);function T(){t&&(C(R=>[...R,{role:"user",content:t}]),B(t)&&u(!0),r(""),F())}f.useEffect(()=>{a&&(T(),l(!1))},[a,l]);const K={fontFamily:"Arial, sans-serif",lineHeight:1.6,fontSize:15,width:"100%"},V={fontFamily:"monospace",fontSize:14,lineHeight:1.6},P={fontFamily:"Arial, sans-serif",lineHeight:1.6,fontSize:15,padding:"2px 0",marginLeft:20,listStyleType:"disc"},H={p:({node:R,...b})=>e.jsxRuntimeExports.jsx("p",{style:K,...b}),code:({node:R,...b})=>e.jsxRuntimeExports.jsx("code",{className:"rounded-sm bg-muted px-2 py-1 text-sm",...b}),pre:({node:R,...b})=>e.jsxRuntimeExports.jsxs("pre",{className:"space-y-2 rounded-sm bg-muted/50 p-3",style:V,children:[e.jsxRuntimeExports.jsx("code",{className:"whitespace-normal text-sm",children:b.children}),e.jsxRuntimeExports.jsxs("div",{className:"flex justify-start gap-2",children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:q,size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(e.ClipboardCopyIcon,{})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:w=>{const D=q(w);D&&(n(!1),d(D),x(!0))},size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(e.PlayIcon,{})})]})]}),li:({node:R,...b})=>e.jsxRuntimeExports.jsx("li",{style:P,...b})};function q(R){const b=R.currentTarget.closest("pre");if(!b)return;const w=b.textContent||b.innerText;return navigator.clipboard.writeText(w).then(()=>console.log("Text copied to clipboard")).catch(D=>console.error("Error in copying text: ",D)),w}function I(){return j==null?void 0:j.map((R,b)=>R.role==="user"?e.jsxRuntimeExports.jsxs("div",{className:"flex items-start rounded-md bg-muted p-3 text-sm",children:[e.jsxRuntimeExports.jsx(Is,{className:"mr-2 h-5 w-5"}),e.jsxRuntimeExports.jsx("div",{children:R.content})]},b):R.role==="ai"?e.jsxRuntimeExports.jsx(e.Markdown,{className:"w-full overflow-auto py-1",components:H,children:N==null?void 0:N.response.replace(/DuckDB/gi,"Semaphor")},b):e.jsxRuntimeExports.jsx("div",{},b))}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",className:"w-full justify-start border font-normal text-muted-foreground focus-visible:ring-0 focus-visible:ring-offset-0",variant:"secondary",children:"Type your question here..."})}),e.jsxRuntimeExports.jsxs(e.DialogContent,{className:"flex flex-col justify-between overflow-auto sm:max-w-[425px] md:max-h-[625px] md:min-w-[625px]",children:[e.jsxRuntimeExports.jsxs(e.DialogHeader,{children:[e.jsxRuntimeExports.jsx(e.DialogTitle,{children:"Assistant"}),e.jsxRuntimeExports.jsx(e.DialogDescription,{children:"What can I help you with?"})]}),e.jsxRuntimeExports.jsx("div",{ref:i,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:I()})}),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:R=>{R.key==="Enter"&&!R.shiftKey&&(R.preventDefault(),r(""),T())},placeholder:"Type your question here...",onFocus:R=>{const b=R.target,w=b.value.length;b.setSelectionRange(w,w)},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||L,value:t,onChange:R=>r(R.target.value)})," ",e.jsxRuntimeExports.jsx(e.Button,{className:"h-8",size:"sm",variant:"ghost",onClick:T,children:!A&&!L?e.jsxRuntimeExports.jsx(e.PaperPlaneIcon,{}):e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"})})]})})]})]})}var He={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Te=f.createContext&&f.createContext(He),Ks=["attr","size","title"];function Gs(s,n){if(s==null)return{};var t=Us(s,n),r,a;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(s);for(a=0;a<l.length;a++)r=l[a],!(n.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(s,r)&&(t[r]=s[r])}return t}function Us(s,n){if(s==null)return{};var t={},r=Object.keys(s),a,l;for(l=0;l<r.length;l++)a=r[l],!(n.indexOf(a)>=0)&&(t[a]=s[a]);return t}function Ee(){return Ee=Object.assign?Object.assign.bind():function(s){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(s[r]=t[r])}return s},Ee.apply(this,arguments)}function Ie(s,n){var t=Object.keys(s);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(s);n&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(s,a).enumerable})),t.push.apply(t,r)}return t}function fe(s){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?Ie(Object(t),!0).forEach(function(r){Qs(s,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(t)):Ie(Object(t)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(t,r))})}return s}function Qs(s,n,t){return n=Js(n),n in s?Object.defineProperty(s,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):s[n]=t,s}function Js(s){var n=Ws(s,"string");return typeof n=="symbol"?n:String(n)}function Ws(s,n){if(typeof s!="object"||s===null)return s;var t=s[Symbol.toPrimitive];if(t!==void 0){var r=t.call(s,n||"default");if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(n==="string"?String:Number)(s)}function Pe(s){return s&&s.map((n,t)=>f.createElement(n.tag,fe({key:t},n.attr),Pe(n.child)))}function te(s){return n=>f.createElement(Ys,Ee({attr:fe({},s.attr)},n),Pe(s.child))}function Ys(s){var n=t=>{var{attr:r,size:a,title:l}=s,o=Gs(s,Ks),i=a||t.size||"1em",c;return t.className&&(c=t.className),s.className&&(c=(c?c+" ":"")+s.className),f.createElement("svg",Ee({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},t.attr,r,o,{className:c,style:fe(fe({color:s.color||t.color},t.style),s.style),height:i,width:i,xmlns:"http://www.w3.org/2000/svg"}),l&&f.createElement("title",null,l),s.children)};return Te!==void 0?f.createElement(Te.Consumer,null,t=>n(t)):n(He)}function Xs(s){return te({tag:"svg",attr:{viewBox:"0 0 448 512"},child:[{tag:"path",attr:{d:"M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"},child:[]}]})(s)}function Zs(){const{theme:s}=e.useTheme(),n=f.useRef(),t=f.useRef(),[r,a]=f.useState(!1),[l,o]=f.useState(!1),[i,c]=f.useState(!1),[h,u]=f.useState(""),[d,v]=f.useState(!1),{authToken:x}=e.useSemaphorContext();e.useDashboardStore(p=>p.selectedSheetId);const m=e.useDashboardStore(p=>p.dashboard.baseQueries),j=e.useEditorStore(p=>p.card),C=e.useDashboardStore(p=>p.theme),g=e.useEditorStore(p=>p.isShowingVisual),z=e.useEditorStore(p=>p.selectedConnectionId),S=e.useEditorStore(p=>p.selectedDatabaseName),k=e.useEditorStore(p=>p.selectedSchemaName);e.useDashboardStore(p=>p.actions.updateFrameCard);const E=e.useEditorStore(p=>p.selectedTableName),N=e.useEditorStore(p=>p.card.sql),A=e.useEditorStore(p=>p.card.python),L=e.resolveBaseQuery(N,m),O=e.useEditorStore(p=>p.selectedConnectionId),F=e.useEditorStore(p=>p.frame),B=e.useEditorStore(p=>p.filterValues),T=e.useEditorStore(p=>p.applyFilters),{setCardCustomCfg:K,setQueryResultColumns:V,setFilterValues:P,setCardSql:H,setCardPython:q,setQueryError:I,setPythonStdOut:R,setCardPreferences:b}=e.useEditorStore(p=>p.actions),w=e.useEditorStore(p=>p.onSave),D=e.useEditorStore(p=>p.actions.setApplyFilters),Z=e.useEditorStore(p=>p.onClose),$=e.useEditorStore(p=>p.actions.setCardData),re=e.useEditorStore(p=>p.actions.setSqlGen),ne=e.useEditorStore(p=>p.runSql),oe=e.useEditorStore(p=>p.actions.setRunSql),ee=e.useEditorStore(p=>p.actions.setIsSqlRunning),{data:M,isLoading:G,isFetching:U,isSuccess:ie,isError:Q,error:de,status:ge,refetch:ae}=e.useQuery({queryKey:[L,A],queryFn:()=>e.postRequest("https://semaphor.cloud/api/v1/query",(x==null?void 0:x.accessToken)||"",{connection_id:O,sql:L,python:A===e.PYTHON_DEFAULT_CODE?"":A,active_filters:T?B:[]}),enabled:!1,retry:!1});f.useEffect(()=>{if(M&&($(M.records),M.rowLimitExceeded&&e.Jt.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),R((M==null?void 0:M.output)||""),M.records.length>0)){const{dimensionKeys:p}=e.getKeys(M.records);V(p)}},[M,$,V,R]),f.useEffect(()=>{ne&&(ae(),oe(!1))},[ne,ae,oe]),f.useEffect(()=>{(G||U)&&ee(!0),(Q||ie)&&ee(!1),Q?(I(de.message),$([]),V([]),R("")):I("")},[G,U,M,R,Q,ie,ee,$,V,I,de]);function je(){H(""),$([]),re({}),K(""),b({})}const me=p=>{t.current=p};function y(){let p=N;N&&!N.includes("{{")&&(p=qs(N),H(p));const J={...j,lastSelectedSchema:k,lastSelectedDatabase:S,lastSelectedTable:E,connectionId:z,type:g?j.type:"table",sql:p,customCfg:g?j.customCfg:null},pe=F.cards.map(le=>le.id===j.id?J:le);w==null||w({...F,cards:pe})}function es(){Z==null||Z()}function ss(p){const J=getComputedStyle(document.documentElement).getPropertyValue(p);return ts(J)}function ts(p){const[J,pe,le]=p.split(" "),_=parseFloat(J),os=parseFloat(pe),is=parseFloat(le),as=os/100,ze=is/100,se=(1-Math.abs(2*ze-1))*as,ce=se*(1-Math.abs(_/60%2-1)),Re=ze-se/2;let W=0,Y=0,X=0;0<=_&&_<60?(W=se,Y=ce,X=0):60<=_&&_<120?(W=ce,Y=se,X=0):120<=_&&_<180?(W=0,Y=se,X=ce):180<=_&&_<240?(W=0,Y=ce,X=se):240<=_&&_<300?(W=ce,Y=0,X=se):300<=_&&_<360&&(W=se,Y=0,X=ce),W=Math.round((W+Re)*255),Y=Math.round((Y+Re)*255),X=Math.round((X+Re)*255);const be=ls=>{const Se=ls.toString(16);return Se.length==1?"0"+Se:Se};return`#${be(W)}${be(Y)}${be(X)}`}f.useEffect(()=>{const p=n.current,J=t.current;if(p){const pe=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",le=C==="system"?pe:C;p.editor.defineTheme("default",{base:le==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":le==="light"?"#ffffff":ss("--background")}}),p.editor.setTheme("default")}return J&&p&&J.addCommand(p.KeyMod.Shift|p.KeyCode.Enter,function(){return console.log("Executing query..."),ae(),!1}),()=>{}},[s,C,n.current]);function Ae(p){n.current=p}function rs(){return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[l&&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(_s,{checked:T,onCheckedChange:()=>D(!T),text:"Apply Filters"}),e.jsxRuntimeExports.jsx(Hs,{}),B&&l&&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:p=>{if(p)try{JSON.parse(p),P(JSON.parse(p))}catch{}},defaultLanguage:"json",className:"mt-1 min-h-[220px]",value:JSON.stringify(B,null,2),options:{readOnly:!0,minimap:{enabled:!1},lineNumbers:"off",glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})]})}),B&&!l&&e.jsxRuntimeExports.jsx(Fe,{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":T})})]})}function ns(){return e.jsxRuntimeExports.jsxs(e.ResizablePanelGroup,{className:"flex grow pb-1",direction:"vertical",role:"editor-resizable-group",children:[e.jsxRuntimeExports.jsxs(e.ResizablePanel,{id:"1",order:1,defaultSize:r?20:100,className:"relative flex grow",children:[e.jsxRuntimeExports.jsx("div",{role:"sql-container",className:"relative flex w-[99%]",children:e.jsxRuntimeExports.jsx(e.Ft,{theme:"default",className:"pt-3",onChange:p=>{H(p)},value:N,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"sql",defaultValue:"SELECT * FROM table",beforeMount:Ae,onMount:me})}),r&&e.jsxRuntimeExports.jsx("code",{className:"absolute right-6 top-3 text-sm text-muted-foreground/70",children:"sql"})]}),r&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.ResizableHandle,{withHandle:!0,className:"border"}),e.jsxRuntimeExports.jsxs(e.ResizablePanel,{id:"2",order:2,defaultSize:80,className:"relative flex grow",children:[e.jsxRuntimeExports.jsx("div",{role:"python-container",className:"relative flex w-[99%] pt-0",children:e.jsxRuntimeExports.jsx(e.Ft,{className:"pt-3",theme:"default",onChange:p=>{q(p&&p.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:Ae,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:[ns(),rs()]}),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||U,onClick:()=>{ae()},className:"shrink-0",size:"sm",variant:"outline",children:[G||U?e.jsxRuntimeExports.jsx(e.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsxRuntimeExports.jsx(ys,{className:"mr-2 h-4 w-4"}),"Run"]}),Q&&e.jsxRuntimeExports.jsx(Vs,{error:de.message,setShowAIDialog:c,setTriggerAIRun:v,setUserInputforAI:u}),e.jsxRuntimeExports.jsxs(e.Button,{onClick:je,className:"",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(ms,{className:"mr-2 size-4"}),"Clear"]}),e.jsxRuntimeExports.jsx(e.Toggle,{pressed:r,onPressedChange:p=>a(p),className:"",size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(Xs,{className:"size-4 text-foreground/70"})}),e.jsxRuntimeExports.jsx($s,{open:i,setOpen:c,userInput:h,triggerAIRun:d,setTriggerAIRun:v,setUserInput:p=>u(p)})]}),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:es,className:"w-full",size:"sm",variant:"outline",children:[e.jsxRuntimeExports.jsx(e.Cross2Icon,{className:"mr-2 size-4"}),"Close"]})]})]})]})}function et({data:s}){var o;const[n,t]=f.useState([]),a=Object.keys(s[0]).map(i=>({accessorKey:i,header:({column:c})=>{const h=c.getIsSorted();return e.jsxRuntimeExports.jsx("div",{className:"flex gap-2",children:e.jsxRuntimeExports.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>c.toggleSorting(c.getIsSorted()==="asc"),children:[i,h==="asc"?e.jsxRuntimeExports.jsx(e.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):h==="desc"?e.jsxRuntimeExports.jsx(e.TriangleDownIcon,{className:"ml-2 h-5 w-5"}):null]})})}})),l=e.useReactTable({data:s,columns:a,getCoreRowModel:e.getCoreRowModel(),getPaginationRowModel:e.getPaginationRowModel(),onSortingChange:t,getSortedRowModel:e.getSortedRowModel(),manualPagination:!0,state:{sorting:n}});return e.jsxRuntimeExports.jsxs(e.Table$1,{children:[e.jsxRuntimeExports.jsx(e.TableHeader,{children:l.getHeaderGroups().map(i=>e.jsxRuntimeExports.jsx(e.TableRow,{children:i.headers.map(c=>e.jsxRuntimeExports.jsx(e.TableHead,{className:"sticky top-0 bg-muted",children:c.isPlaceholder?null:e.flexRender(c.column.columnDef.header,c.getContext())},c.id))},i.id))}),e.jsxRuntimeExports.jsx(e.TableBody,{children:(o=l.getRowModel().rows)!=null&&o.length?l.getRowModel().rows.map(i=>e.jsxRuntimeExports.jsx(e.TableRow,{className:"whitespace-nowrap py-2","data-state":i.getIsSelected()&&"selected",children:i.getVisibleCells().map(c=>e.jsxRuntimeExports.jsx(e.TableCell,{children:e.flexRender(c.column.columnDef.cell,c.getContext())},c.id))},i.id)):e.jsxRuntimeExports.jsx(e.TableRow,{children:e.jsxRuntimeExports.jsx(e.TableCell,{colSpan:a.length,className:"h-24 text-center",children:"No results."})})})]})}function $e({className:s,...n}){var o;f.useState(0);const t=e.useDashboardStore(i=>i.themeStyle),r=e.useEditorStore(i=>i.card),a=e.useEditorStore(i=>i.actions.setCard);if(f.useEffect(()=>{},[r.data,r.type,r.cfg,r.customCfg,t,r.preferences]),!r.id)return null;let l;return r.data&&r.data.length>0&&(l=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",s),...n,children:[e.jsxRuntimeExports.jsxs(e.CardHeader,{className:"py-4",children:[e.jsxRuntimeExports.jsx(e.Editable,{text:r.title,onSave:i=>a({...r,title:i}),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:i=>a({...r,description:i}),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"&&l&&e.jsxRuntimeExports.jsx(e.ChartJsVisual,{cfg:l},JSON.stringify(l)+JSON.stringify(r.preferences)+((o=r==null?void 0:r.preferences)==null?void 0:o.customVisualCode)),r.type==="table"&&r.data&&r.data.length>0&&e.jsxRuntimeExports.jsx(e.$57acba87d6e25586$export$ccf8d8d7bbf3c2cc,{className:"flex min-h-0 flex-1 grow basis-0",children:e.jsxRuntimeExports.jsx(e.TableVisual,{card:r,data:r==null?void 0:r.data})})]})]})}function st(){const[s,n]=f.useState(!1),[t,r]=f.useState(""),[a,l]=f.useState(""),[o,i]=f.useState(""),[c,h]=f.useState(""),u=e.useEditorStore(S=>S.card),d=e.useEditorStore(S=>S.card.customCfg),{setCardCustomCfg:v,setCustomVisualCode:x}=e.useEditorActions();function m(S){var N,A;const k={...S,data:{...S==null?void 0:S.data,datasets:(A=(N=S==null?void 0:S.data)==null?void 0:N.datasets)==null?void 0:A.map(L=>({...L,data:[]}))}};return JSON.stringify(k,null,1)}function j(){var k,E;if(!u.data||u.data.length===0)return;const S=e.createChartConfig({data:u.data,cardType:u.type,cfg:u.cfg,preferences:u.preferences});S&&(r(JSON.stringify(S,null,1)),(k=u==null?void 0:u.preferences)!=null&&k.customVisualCode&&i((E=u==null?void 0:u.preferences)==null?void 0:E.customVisualCode),d&&l(JSON.stringify(d,null,1)))}function C(){if(o&&x(o),!!a)try{const S=JSON.parse(a);return S?(v(S),h(""),l(""),S):void 0}catch(S){console.log(S),h("Invalid JSON")}}function g(){l(""),v(null)}function z(){let S;if(d){const k=e._.cloneDeep(u.cfg),E=e._.merge(k,d);return S=m(E),S}return t?(S=m(JSON.parse(t)),S):""}return e.jsxRuntimeExports.jsxs(e.Dialog,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.DialogTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{onClick: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] overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",children:[e.jsxRuntimeExports.jsxs(e.DialogHeader,{className:"",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.DialogTitle,{children:"Customize Card"}),e.jsxRuntimeExports.jsxs(e.Tooltip,{children:[e.jsxRuntimeExports.jsx(e.TooltipTrigger,{children:e.jsxRuntimeExports.jsx(Es,{onClick:()=>{navigator.clipboard.writeText(u.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($e,{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.TabsTrigger,{className:"",value:"custom-code",children:"Custom Code"})]}),e.jsxRuntimeExports.jsx(e.TabsContent,{className:"bg-red-x mt-0 grow rounded-b border border-t-0 p-2",value:"output",children:e.jsxRuntimeExports.jsx(e.Textarea,{disabled:!0,value:t,className:"h-full resize-none border-none font-mono focus-visible:ring-0 focus-visible:ring-offset-0"})}),e.jsxRuntimeExports.jsx(e.TabsContent,{className:"mt-0 grow rounded-b border border-t-0",value:"custom-config",children:e.jsxRuntimeExports.jsx(e.Ft,{className:"h-full w-full overflow-hidden",theme:"default",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"json",value:z(),onChange:S=>l(S)})}),e.jsxRuntimeExports.jsx(e.TabsContent,{className:"mt-0 grow rounded-b border border-t-0",value:"custom-code",children:e.jsxRuntimeExports.jsx(e.Ft,{className:"h-full w-full overflow-hidden",theme:"default",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:14,renderLineHighlight:"none"},defaultLanguage:"javascript",value:o,onChange:S=>i(S||"")})})]})]}),e.jsxRuntimeExports.jsxs(e.DialogFooter,{className:"flex items-center",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"mr-2 text-red-500",children:c}),e.jsxRuntimeExports.jsx(e.Button,{disabled:!d,onClick:g,variant:"outline",children:"Reset"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:C,variant:"outline",children:"Apply"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>n(!1),variant:"outline",children:"Close"})]})]})]})}function Ke(s){return te({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M926.8 397.1l-396-288a31.81 31.81 0 0 0-37.6 0l-396 288a31.99 31.99 0 0 0-11.6 35.8l151.3 466a32 32 0 0 0 30.4 22.1h489.5c13.9 0 26.1-8.9 30.4-22.1l151.3-466c4.2-13.2-.5-27.6-11.7-35.8zM838.6 417l-98.5 32-200-144.7V199.9L838.6 417zM466 567.2l-89.1 122.3-55.2-169.2L466 567.2zm-116.3-96.8L484 373.3v140.8l-134.3-43.7zM512 599.2l93.9 128.9H418.1L512 599.2zm28.1-225.9l134.2 97.1L540.1 514V373.3zM558 567.2l144.3-46.9-55.2 169.2L558 567.2zm-74-367.3v104.4L283.9 449l-98.5-32L484 199.9zM169.3 470.8l86.5 28.1 80.4 246.4-53.8 73.9-113.1-348.4zM327.1 853l50.3-69h269.3l50.3 69H327.1zm414.5-33.8l-53.8-73.9 80.4-246.4 86.5-28.1-113.1 348.4z"},child:[]}]})(s)}function Ge(s){return te({tag:"svg",attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M137.39,24.06A16,16,0,0,0,120,40V80.67a15.86,15.86,0,0,0,13.25,15.76A32,32,0,1,1,96,129.68c-.41-8.22,1.27-15,5-20.26h0a15.86,15.86,0,0,0-1.69-20.47L71.69,60.68a16,16,0,0,0-23.63,1.1A103.6,103.6,0,0,0,55,202.05,103.24,103.24,0,0,0,128,232h1.49A104.3,104.3,0,0,0,232,129.48C232.75,75.18,191.19,28.88,137.39,24.06ZM60.32,71.94l27.61,28.19,0,.06A43.29,43.29,0,0,0,80.44,120H40.36A87.13,87.13,0,0,1,60.32,71.94ZM40.37,136h40.3A48,48,0,0,0,120,175.34v40.3A88,88,0,0,1,40.37,136Zm149.77,54.14A87.45,87.45,0,0,1,136,215.61V175.34a47.55,47.55,0,0,0,24.73-12.23A48,48,0,0,0,136,80.66L136,40c45.52,4.08,80.67,43.28,80,89.25A87.45,87.45,0,0,1,190.14,190.14Z"},child:[]}]})(s)}function Ue(s){return te({tag:"svg",attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm87.63,96H191.48A64.1,64.1,0,0,0,136,64.52V40.37A88.13,88.13,0,0,1,215.63,120ZM120,120H80.68A48.09,48.09,0,0,1,120,80.68Zm0,16v39.32A48.09,48.09,0,0,1,80.68,136Zm16,0h39.32A48.09,48.09,0,0,1,136,175.32Zm0-16V80.68A48.09,48.09,0,0,1,175.32,120ZM120,40.37V64.52A64.1,64.1,0,0,0,64.52,120H40.37A88.13,88.13,0,0,1,120,40.37ZM40.37,136H64.52A64.1,64.1,0,0,0,120,191.48v24.15A88.13,88.13,0,0,1,40.37,136ZM136,215.63V191.48A64.1,64.1,0,0,0,191.48,136h24.15A88.13,88.13,0,0,1,136,215.63Z"},child:[]}]})(s)}function Qe(s){return te({tag:"svg",attr:{viewBox:"0 0 24 24",strokeWidth:"2",stroke:"currentColor",fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{stroke:"none",d:"M0 0h24v24H0z",fill:"none"},child:[]},{tag:"path",attr:{d:"M6 16m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"},child:[]},{tag:"path",attr:{d:"M16 19m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0"},child:[]},{tag:"path",attr:{d:"M14.5 7.5m-4.5 0a4.5 4.5 0 1 0 9 0a4.5 4.5 0 1 0 -9 0"},child:[]}]})(s)}function Je(s){return te({tag:"svg",attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"M4 9h4v11H4zM4 4h4v4H4zM10 7h4v4h-4zM16 10h4v4h-4zM16 15h4v5h-4zM10 12h4v8h-4z"},child:[]}]})(s)}function We(s){return te({tag:"svg",attr:{version:"1.2",baseProfile:"tiny",viewBox:"0 0 24 24"},child:[{tag:"path",attr:{d:"M4 18c-.552 0-1-.448-1-1v-6.382l-.553.276c-.495.248-1.095.046-1.342-.447-.247-.494-.046-1.094.448-1.342l2-1c.31-.155.678-.139.973.044.294.183.474.504.474.851v8c0 .552-.448 1-1 1zM13 18h-5c-.404 0-.769-.244-.924-.617-.155-.374-.069-.804.217-1.09l4-4c.254-.254.394-.591.394-.95 0-.358-.14-.695-.394-.949-.508-.508-1.39-.508-1.9.001-.253.252-.393.589-.393.948 0 .552-.448 1-1 1s-1-.448-1-1c0-.894.348-1.733.98-2.364 1.265-1.263 3.464-1.263 4.727.001.632.631.979 1.471.979 2.363 0 .893-.348 1.733-.979 2.364l-2.293 2.293h2.586c.552 0 1 .448 1 1s-.448 1-1 1zM20.955 12.377c.338-.457.545-1.016.545-1.627 0-1.517-1.234-2.75-2.75-2.75-1.031 0-1.966.569-2.44 1.484-.254.49-.063 1.094.428 1.348.49.254 1.094.062 1.348-.428.128-.249.383-.404.664-.404.414 0 .75.336.75.75s-.336.75-.75.75c-.552 0-1 .448-1 1s.448 1 1 1c.689 0 1.25.561 1.25 1.25s-.561 1.25-1.25 1.25-1.25-.561-1.25-1.25c0-.552-.448-1-1-1s-1 .448-1 1c0 1.792 1.458 3.25 3.25 3.25s3.25-1.458 3.25-3.25c0-.939-.406-1.779-1.045-2.373z"},child:[]}]})(s)}function Ye(s){return te({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M217 25v14h78V25h-78zm0 32v46h14V71h50v32h14V57h-78zm32 32v14h14V89h-14zm-64 32v46h30v-46h-30zm48 0v14h46v-14h-46zm64 0v46h30v-46h-30zm-64 32v14h46v-14h-46zm-80 32v46h62v-46h-62zm80 0v14h46v-14h-46zm64 0v46h62v-46h-62zm-64 32v14h46v-14h-46zm-112 32v46h94v-46h-94zm112 0v14h46v-14h-46zm64 0v46h94v-46h-94zm-64 32v14h46v-14h-46zM89 313v46h126v-46H89zm144 0v14h46v-14h-46zm64 0v46h126v-46H297zm-64 32v14h46v-14h-46zM57 377v46h158v-46H57zm176 0v14h46v-14h-46zm64 0v46h158v-46H297zm-64 32v14h46v-14h-46zM25 441v46h190v-46H25zm208 0v14h46v-14h-46zm64 0v46h190v-46H297zm-64 32v14h46v-14h-46z"},child:[]}]})(s)}function tt(){const[s,n]=f.useState(!1),t=e.useEditorStore(c=>c.card.type),{setCardType:r,setCardPreferences:a,setChartOrientation:l}=e.useEditorStore(c=>c.actions),o=e.useEditorStore(c=>c.actions.setCardCustomCfg);function i(c){o(null),a({}),r(c),n(!1)}return e.jsxRuntimeExports.jsxs(e.Popover,{open:s,onOpenChange:n,children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.Button,{size:"sm",variant:"outline",children:e.jsxRuntimeExports.jsx(rt,{className:"h-4 w-4",chartType:t})})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{className:"w-50",children:e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 place-items-center",children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("bar"),className:"font-normal",variant:"ghost",children:e.jsxRuntimeExports.jsx(ve,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("line"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ce,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("stackedBar"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Je,{className:"size-5",strokeWidth:0})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("scatter"),variant:"ghost",children:e.jsxRuntimeExports.jsx(qe,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("bubble"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Qe,{className:"size-4"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("pie"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Be,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("doughnut"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ge,{className:"size-5",strokeWidth:1})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("radar"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ke,{className:"size-5 font-extralight",strokeWidth:.5})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("polarArea"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ue,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("pyramid"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Ye,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("range"),variant:"ghost",children:e.jsxRuntimeExports.jsx(Oe,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("table"),variant:"ghost",children:e.jsxRuntimeExports.jsx(e.Table,{className:"size-5"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>i("kpi"),variant:"ghost",children:e.jsxRuntimeExports.jsx(We,{className:"size-6"})})]})})]})}function rt({chartType:s,className:n}){switch(s){case"bar":return e.jsxRuntimeExports.jsx(ve,{className:n});case"line":return e.jsxRuntimeExports.jsx(Ce,{className:n});case"pie":return e.jsxRuntimeExports.jsx(Be,{className:n});case"radar":return e.jsxRuntimeExports.jsx(Ke,{className:n});case"scatter":return e.jsxRuntimeExports.jsx(qe,{className:n});case"bubble":return e.jsxRuntimeExports.jsx(Qe,{className:n});case"doughnut":return e.jsxRuntimeExports.jsx(Ge,{className:n});case"stackedBar":return e.jsxRuntimeExports.jsx(Je,{className:"size-4 text-foreground/70"});case"polarArea":return e.jsxRuntimeExports.jsx(Ue,{className:n});case"pyramid":return e.jsxRuntimeExports.jsx(Ye,{className:n});case"range":return e.jsxRuntimeExports.jsx(Oe,{className:n});case"kpi":return e.jsxRuntimeExports.jsx(We,{className:n});default:return e.jsxRuntimeExports.jsx(e.Table,{className:n})}}function nt(){const s=e.useEditorStore(t=>t.card.refreshInterval),n=e.useEditorStore(t=>t.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(cs,{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:s||"",onChange:t=>n(t.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 Le(){e.useEditorStore(o=>o.frame);const s=e.useEditorStore(o=>o.card),n=e.useEditorStore(o=>o.card.data),t=e.useEditorStore(o=>o.isShowingVisual),r=e.useEditorStore(o=>o.isSqlRunning),a=e.useEditorStore(o=>o.queryError),l=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),s?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:[t&&e.jsxRuntimeExports.jsxs("div",{className:"flex grow items-center gap-2",children:[e.jsxRuntimeExports.jsx(tt,{}),s.type!=="table"&&e.jsxRuntimeExports.jsx(st,{}),e.jsxRuntimeExports.jsx(nt,{})]}),e.jsxRuntimeExports.jsx(it,{})]}),t?s.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:s})})}):e.jsxRuntimeExports.jsx($e,{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:[l&&e.jsxRuntimeExports.jsx(ot,{}),s.data&&s.data.length>0&&e.jsxRuntimeExports.jsx(et,{data:n||[]}),a&&e.jsxRuntimeExports.jsx("span",{className:"font-mono text-sm",children:a})]})]}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:"No Active Card"})}function ot(){const s=e.useEditorStore(t=>t.pythonStdOut);if(!s)return null;const n=s.replace(/\n/g,"<br>");return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("p",{className:"font-mono text-sm",children:"Output:"}),e.jsxRuntimeExports.jsx("div",{dangerouslySetInnerHTML:{__html:n},className:"bg-muted p-2 font-mono text-sm"}),e.jsxRuntimeExports.jsx(e.Separator,{className:"mb-2"})]})}function it(){const s=e.useEditorStore(t=>t.isShowingVisual),n=e.useEditorStore(t=>t.actions.setIsShowingVisual);return e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"visualize",children:"Chart"}),e.jsxRuntimeExports.jsx(e.Switch,{checked:s,onCheckedChange:()=>n(!s),id:"visualize",className:"data-[state=checked]:bg-foreground/50"})]})}function ue(){const[s,n]=f.useState([]);e.useEditorStore(u=>u.card.cfg);const t=e.useEditorStore(u=>u.card.preferences),{setCardCfg:r,setFilterOnClickColumnIndex:a,setCardPreferences:l}=e.useEditorStore(u=>u.actions),o=e.useEditorStore(u=>u.queryResultColumns);e.useEditorStore(u=>{var d;return(d=u.card.preferences)==null?void 0:d.filterOnClickColumnIndex}),f.useEffect(()=>{o&&n(new Array(o.length).fill(!1))},[o]);function i(u,d){var v,x;d?t!=null&&t.onClickFilter&&((v=t==null?void 0:t.onClickFilter)==null?void 0:v.length)>0?l({...t,onClickFilter:[...t.onClickFilter,{columnIndex:u,expression:""}]}):l({...t,onClickFilter:[{columnIndex:u,expression:""}]}):(l({...t,onClickFilter:(x=t==null?void 0:t.onClickFilter)==null?void 0:x.filter(m=>m.columnIndex!==u)}),n(m=>{const j=[...m];return j[u]=!1,j}))}function c(u,d){var x;const v=(x=t==null?void 0:t.onClickFilter)==null?void 0:x.map(m=>m.columnIndex===u?{...m,expression:d.target.value}:m);l({...t,onClickFilter:v})}function h(u){var d,v,x,m;if(s!=null&&s[u]||(v=(d=t==null?void 0:t.onClickFilter)==null?void 0:d.find(j=>j.columnIndex===u))!=null&&v.expression)return e.jsxRuntimeExports.jsx(e.Input,{value:(m=(x=t==null?void 0:t.onClickFilter)==null?void 0:x.find(j=>j.columnIndex===u))==null?void 0:m.expression,onChange:j=>c(u,j),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((u,d)=>{var v,x;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:!!((v=t==null?void 0:t.onClickFilter)!=null&&v.find(m=>m.columnIndex===d)),onCheckedChange:m=>i(d,m)}),e.jsxRuntimeExports.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:u}),e.jsxRuntimeExports.jsx("div",{className:"flex gap-2 items-center ",children:((x=t==null?void 0:t.onClickFilter)==null?void 0:x.find(m=>m.columnIndex===d))&&e.jsxRuntimeExports.jsx(Me,{onClick:()=>{n(m=>{const j=[...m];return j[d]=!m[d],j})},className:" invisible group-hover:visible size-3 text-gray-400 cursor-pointer"})})]}),h(d)]})},u)})})}function ke(){var o,i,c;const s=e.useEditorStore(h=>h.card.preferences),n=e.useEditorStore(h=>h.card.cfg),{setCardCfg:t,setCardPreferences:r,setChartOrientation:a}=e.useEditorStore(h=>h.actions);(o=n==null?void 0:n.options)!=null&&o.indexAxis;function l(h){a(h)}return e.jsxRuntimeExports.jsxs(e.RadioGroup,{value:((i=s==null?void 0:s.chartOptions)==null?void 0:i.indexAxis)||((c=n==null?void 0:n.options)==null?void 0:c.indexAxis)||"x",onValueChange:l,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 xe="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function De(s,n){var r,a,l;const t=e.getNumberAxis(s,n);return((l=(a=(r=s==null?void 0:s.chartOptions)==null?void 0:r.scales)==null?void 0:a[t])==null?void 0:l.type)||"linear"}function Xe(){var V,P,H,q,I,R;const[s,n]=f.useState(!1),t=e.useEditorStore(b=>{var w;return(w=b.card)==null?void 0:w.preferences}),r=e.useEditorStore(b=>{var w;return(w=b.card)==null?void 0:w.cfg}),a=e.getNumberAxis(t,r),[l,o]=f.useState(De(t)),[i,c]=f.useState(((H=(P=(V=t==null?void 0:t.chartOptions)==null?void 0:V.scales)==null?void 0:P[a])==null?void 0:H.min)||""),[h,u]=f.useState(((R=(I=(q=t==null?void 0:t.chartOptions)==null?void 0:q.scales)==null?void 0:I[a])==null?void 0:R.max)||""),[d,v]=f.useState(i||h?"custom":"auto"),[x,m]=f.useState(""),[j,C]=f.useState(0),[g,z]=f.useState(""),[S,k]=f.useState(""),[E,N]=f.useState(""),A=e.useEditorStore(b=>b.actions.setCardPreferences),L=e.useEditorStore(b=>{var w;return(w=b.card)==null?void 0:w.type}),O=["pie","doughnut","polarArea"].includes(L);f.useEffect(()=>{var b,w,D,Z,$,re,ne,oe,ee,M,G,U,ie,Q;o(De(t)),c(((D=(w=(b=t==null?void 0:t.chartOptions)==null?void 0:b.scales)==null?void 0:w[a])==null?void 0:D.min)===0?0:""),u(((re=($=(Z=t==null?void 0:t.chartOptions)==null?void 0:Z.scales)==null?void 0:$[a])==null?void 0:re.max)||""),m(((M=(ee=(oe=(ne=t==null?void 0:t.chartOptions)==null?void 0:ne.scales)==null?void 0:oe[a])==null?void 0:ee.ticks)==null?void 0:M.stepSize)||""),C(((G=t==null?void 0:t.numberAxisFormat)==null?void 0:G.decimalPlaces)||0),z(((U=t==null?void 0:t.numberAxisFormat)==null?void 0:U.suffix)||""),k(((ie=t==null?void 0:t.numberAxisFormat)==null?void 0:ie.currency)||""),N(((Q=t==null?void 0:t.numberAxisFormat)==null?void 0:Q.locale)||"")},[s,t,a]);function F(b,w){return w===""||/^[0-9\b]+$/.test(w)?Number(w):Number(b)}function B(){return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-6 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"col-span-2 hover:cursor-pointer hover:underline",htmlFor:"currency",children:e.jsxRuntimeExports.jsx("a",{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",children:"Currency"})}),e.jsxRuntimeExports.jsx(e.Input,{value:S,placeholder:"USD",onChange:b=>k(b.target.value),id:"currency",className:`col-span-2 h-8 w-full ${xe}`}),e.jsxRuntimeExports.jsx(e.Input,{value:E,placeholder:"en-US",onChange:b=>N(b.target.value),id:"locale",className:`col-span-2 h-8 w-full ${xe}`})]}),e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-9 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"col-span-3",htmlFor:"format",children:"Decimals"}),e.jsxRuntimeExports.jsx(e.Input,{value:j,onChange:b=>C(Number(b.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${xe}`})]})]})}function T(){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:i,onChange:b=>c(w=>F(w,b.target.value)),className:`col-span-1 h-8 w-full ${xe}`}),e.jsxRuntimeExports.jsx(e.Input,{value:h,onChange:b=>u(w=>F(w,b.target.value)),id:"max",className:`col-span-1 h-8 w-full ${xe}`})]}),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:x,onChange:b=>m(w=>F(w,b.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${xe}`})]})]})}function K(){var D;let b={};d==="custom"&&(b={min:i,max:h,ticks:{stepSize:x}});const w={...t||{},chartOptions:{...t==null?void 0:t.chartOptions,scales:{...(D=t==null?void 0:t.chartOptions)==null?void 0:D.scales,[a]:{type:l,...l==="linear"?b:{}}}},numberAxisFormat:{decimalPlaces:j,suffix:g,currency:S,locale:E}};console.log(w),A(w)}return e.jsxRuntimeExports.jsxs(e.Popover,{onOpenChange:b=>n(b),children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsx(e.SliderIcon,{className:"size-4 cursor-pointer text-muted-foreground hover:text-foreground"})}),e.jsxRuntimeExports.jsx(e.PopoverContent,{align:"center",className:"max-w-65",children:e.jsxRuntimeExports.jsxs("div",{className:"grid gap-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx("h4",{className:"font-medium leading-none",children:"Scale Options"}),e.jsxRuntimeExports.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for the number axis"})]}),e.jsxRuntimeExports.jsxs("div",{className:"grid gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"scale",children:"Type"}),e.jsxRuntimeExports.jsxs(e.Select,{disabled:O,value:l,onValueChange:b=>o(b),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"})]})})]})]}),l=="linear"&&e.jsxRuntimeExports.jsxs("div",{className:"grid grid-cols-3 items-center gap-2 py-1",children:[e.jsxRuntimeExports.jsx(e.Label,{htmlFor:"scale-option",children:"Setup"}),e.jsxRuntimeExports.jsxs(e.RadioGroup,{disabled:O,id:"scale-option",value:d,onValueChange:b=>v(b),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"})]})]})]}),d==="custom"&&l=="linear"&&T(),B(),e.jsxRuntimeExports.jsx(e.SelectSeparator,{}),e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3",children:e.jsxRuntimeExports.jsx(e.Button,{onClick:K,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function at({idx:s}){var i;const n=e.useEditorStore(c=>{var h;return(h=c.card)==null?void 0:h.preferences}),t=e.useEditorStore(c=>{var h;return(h=c.card.preferences)==null?void 0:h.datasetOptions}),r=e.useEditorStore(c=>c.actions.setCardPreferences),a=(i=n==null?void 0:n.chartOptions)==null?void 0:i.indexAxis,l=t==null?void 0:t.find(c=>c.idx===s);function o(c,h){(c==="end"||c==="start")&&e.getContrastColor(e.getCanvasBackgroundColor());const u={display:c!=="none",align:c,anchor:c,clamp:!0};if(!l)r({...n,datasetOptions:[...t||[],{idx:h,datalabels:u}]});else{const d={...l};d.datalabels=u;const v=t==null?void 0:t.map(x=>x.idx===h?d:x);r({...n,datasetOptions:v})}}return e.jsxRuntimeExports.jsxs(e.Popover,{children:[e.jsxRuntimeExports.jsx(e.PopoverTrigger,{children:e.jsxRuntimeExports.jsx(As,{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",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(e.X,{className:"size-4"})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("start",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(fs,{className:e.cn("h-4 w-4",{"rotate-90":a==="y"})})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("center",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(Rs,{className:e.cn("h-4 w-4",{"rotate-90":a==="y"})})}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>o("end",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsxRuntimeExports.jsx(gs,{className:e.cn("h-4 w-4",{"rotate-90":a==="y"})})})]})})]})}function Ze(){const s=e.useEditorStore(c=>c.card),n=e.useEditorStore(c=>{var h,u,d;return(d=(u=(h=c==null?void 0:c.card)==null?void 0:h.preferences)==null?void 0:u.chartOptions)==null?void 0:d.indexAxis}),t=n==="y"?"Y axis":"X axis",r=n==="y"?"X axis":"Y axis",{keys:a,metricKeys:l,dimensionKeys:o}=e.getKeys(s.data||[]);let i=l;if(s.type==="stackedBar"){const c=e.pivotData({dataArray:s.data||[],groupKey:o[0],pivotKey:o[1],valueKey:i[0]}),{metricKeys:h}=e.getKeys(c);i=h}return a.length===0?null:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsx(e.Label,{children:t}),e.jsxRuntimeExports.jsx("div",{className:"my-1 space-y-1",children:e.jsxRuntimeExports.jsx("div",{className:"rounded-md bg-muted/70 px-2 py-1 hover:bg-muted",children:e.jsxRuntimeExports.jsx("p",{children: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(Xe,{})]}),e.jsxRuntimeExports.jsx("div",{className:"my-1 space-y-1",children:i.map((c,h)=>e.jsxRuntimeExports.jsx(lt,{col:c,idx:h},c))})]})]})}function lt({col:s,idx:n}){const t=e.useEditorStore(i=>{var c;return(c=i.card)==null?void 0:c.preferences}),r=e.useEditorStore(i=>{var c;return(c=i.card.preferences)==null?void 0:c.datasetOptions}),a=r==null?void 0:r.find(i=>i.idx===n),{setCardPreferences:l}=e.useEditorStore(i=>i.actions);function o(i){if(!a)l({...t,datasetOptions:[...r||[],{idx:n,type:i==="area"?"line":i,fill:i==="area"?"origin":""}]});else{const c={...a};c.type=i==="area"?"line":i,c.fill=i==="area"?"origin":"";const h=r==null?void 0:r.map(u=>u.idx===n?c:u);l({...t,datasetOptions:h})}}return e.jsxRuntimeExports.jsxs("div",{className:"group flex items-center justify-between gap-5 rounded-md bg-muted/70 px-2 py-1 hover:bg-muted",children:[e.jsxRuntimeExports.jsx("p",{children:s}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsx(ve,{onClick:()=>o("bar"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(Ce,{onClick:()=>o("line"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsxRuntimeExports.jsx(xs,{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(at,{idx:n})]})]})}function ct({cardType:s}){return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:`${e.titleCase(s)} Chart`}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, y-axis-1, y-axis-2,... FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"x-axis - category"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis1 - number"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis2 - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:n=>n.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#line-chart",children:"example"})," in the docs."]})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ke,{}),e.jsxRuntimeExports.jsx(Ze,{})]})]}),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 we(){var a,l,o;const s=e.useEditorStore(i=>i.card.cfg),n=e.useEditorStore(i=>i.actions.setCardCfg),t=e.useEditorStore(i=>i.card.type);function r(i){var u;const c={datalabels:{display:i!=="none",align:i,anchor:i,clamp:!0}},h={...s,options:{...s==null?void 0:s.options,plugins:{...(u=s==null?void 0:s.options)==null?void 0:u.plugins,...c}}};n(h),console.log(i)}return e.jsxRuntimeExports.jsxs("div",{className:"space-y-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("label",{className:"font-medium",children:"Data Labels"}),!["pyramid"].includes(t)&&e.jsxRuntimeExports.jsx(Xe,{})]}),e.jsxRuntimeExports.jsxs(e.Select,{value:(o=(l=(a=s==null?void 0:s.options)==null?void 0:a.plugins)==null?void 0:l.datalabels)==null?void 0:o.anchor,onValueChange:r,defaultValue:"none",children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{placeholder:"Select position"})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Data Labels"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"none",children:"None"}),t!=="pyramid"&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:"start",children:"Start"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"center",children:"Center"}),t!=="pyramid"&&e.jsxRuntimeExports.jsx(e.SelectItem,{value:"end",children:"End"})]})})]})]})}function xt({cardType:s}){function n(t){const r="SELECT label, [group], x-axis, y-axis, radius FROM table",a="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:t==="bubble"?r:a}),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"}),t==="bubble"&&e.jsxRuntimeExports.jsx("li",{children:"radius - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:l=>l.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(s)} Chart`}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:" space-y-4 font-mono text-xs ",children:n(s)})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(we,{})})]}),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 ut={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},dt={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function mt(){const s=e.useEditorStore(n=>n.card.type);return e.jsxRuntimeExports.jsxs("div",{className:"space-y-6 p-6",children:[e.jsxRuntimeExports.jsx(e.Accordion,{className:" ",type:"single",collapsible:!0,children:pt(s)}),e.jsxRuntimeExports.jsx("section",{className:"",children:["line","bar"].includes(s)&&e.jsxRuntimeExports.jsx(ke,{})}),e.jsxRuntimeExports.jsx("div",{children:!["kpi"].includes(s)&&e.jsxRuntimeExports.jsx(we,{})}),e.jsxRuntimeExports.jsx("div",{children:!["kpi"].includes(s)&&e.jsxRuntimeExports.jsx(ue,{})})]})}function pt(s){if(["line","bar"].includes(s))return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsx("p",{children:"Chart Query"})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT x-axis, y-axis-1, y-axis-2, y-axis-3,... FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"X-axis - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Y-axis - Number (ex. population)"})]})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:"Mixed Chart"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxRuntimeExports.jsxs("p",{children:["Click ",e.jsxRuntimeExports.jsx("b",{children:"Customize"})," and change the `type` property in the dataset."]}),e.jsxRuntimeExports.jsx("pre",{children:JSON.stringify(ut,null,2)})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:"Area Chart"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxRuntimeExports.jsxs("p",{children:["Click ",e.jsxRuntimeExports.jsx("b",{children:"Customize"})," and add `fill` property to the dataset. See",e.jsxRuntimeExports.jsx("a",{className:"mx-1 text-blue-500 hover:underline",href:"https://www.chartjs.org/docs/latest/samples/area/line-boundaries.html",target:"_blank",children:"docs"}),"for more options."]}),e.jsxRuntimeExports.jsx("pre",{children:JSON.stringify(dt,null,2)})]})]})]});if(s==="bubble")return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsxs("p",{children:["How to create a ",e.jsxRuntimeExports.jsx("span",{children:s})," chart query?"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis, radius FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsxRuntimeExports.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsxRuntimeExports.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsxRuntimeExports.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(s==="scatter")return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsxs("p",{children:["How to create a ",e.jsxRuntimeExports.jsx("span",{children:s})," chart query?"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsxRuntimeExports.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsxRuntimeExports.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea"].includes(s))return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"font-normal",children:e.jsxRuntimeExports.jsxs("p",{children:[e.jsxRuntimeExports.jsx("span",{children:s==="polarArea"?"Polar":s.charAt(0).toUpperCase()+s.slice(1)})," ","chart query"]})}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:" ",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"Label - Category (ex. city)"}),e.jsxRuntimeExports.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}function ht(){var c,h,u,d,v;const s=e.useEditorStore(x=>x.card.preferences),n=e.useEditorStore(x=>x.actions.setCardPreferences),t=e.useEditorStore(x=>x.actions.setNumberFormat);e.useEditorStore(x=>{var m,j;return(j=(m=x.card.preferences)==null?void 0:m.formatNumber)==null?void 0:j.decimalPlaces});const r=e.useEditorStore(x=>{var m,j;return(j=(m=x.card.preferences)==null?void 0:m.formatNumber)==null?void 0:j.locale}),a=e.useEditorStore(x=>{var m,j;return(j=(m=x.card.preferences)==null?void 0:m.formatNumber)==null?void 0:j.currency});e.useEditorStore(x=>x.actions.setFilterOnClickField);const l=e.useEditorStore(x=>{var m,j;return(j=(m=x.card.preferences)==null?void 0:m.formatNumber)==null?void 0:j.colorRanges})||[],o=e.useEditorStore(x=>x.actions.setColorRanges),i=[...new Set(e.LOCALE_CURRENCY_PAIRS.map(x=>x.currency))];return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{checked:!!((c=s==null?void 0:s.formatNumber)!=null&&c.enabled),onCheckedChange:x=>{n({...s,formatNumber:{...s==null?void 0:s.formatNumber,enabled:x}})}}),e.jsxRuntimeExports.jsx(e.Label,{children:"Format Number"})]}),((h=s==null?void 0:s.formatNumber)==null?void 0:h.enabled)===!0&&e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 p-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Locale"}),e.jsxRuntimeExports.jsxs(e.Select,{value:r||"en-US",onValueChange:x=>{var m,j,C;return t(((m=s==null?void 0:s.formatNumber)==null?void 0:m.decimalPlaces)||0,((j=s==null?void 0:s.formatNumber)==null?void 0:j.currency)||"",x||"en-US",((C=s==null?void 0:s.formatNumber)==null?void 0:C.suffix)||"")},children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Format"}),e.LOCALE_CURRENCY_PAIRS.map(x=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:x.locale,children:x.locale},x.locale))]})})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Currency"}),e.jsxRuntimeExports.jsxs(e.Select,{value:a||"none",onValueChange:x=>{var m,j,C;return t(((m=s==null?void 0:s.formatNumber)==null?void 0:m.decimalPlaces)||0,x==="none"?"":x,((j=s==null?void 0:s.formatNumber)==null?void 0:j.locale)||"",((C=s==null?void 0:s.formatNumber)==null?void 0:C.suffix)||"")},children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:e.jsxRuntimeExports.jsxs(e.SelectGroup,{children:[e.jsxRuntimeExports.jsx(e.SelectLabel,{children:"Currency"}),e.jsxRuntimeExports.jsx(e.SelectItem,{value:"none",children:"None"},"none"),i.map(x=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:x,children:x},x))]})})]})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"flex gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Decimals"}),e.jsxRuntimeExports.jsxs(e.Select,{value:((d=(u=s==null?void 0:s.formatNumber)==null?void 0:u.decimalPlaces)==null?void 0:d.toString())||"0",onValueChange:x=>{var m,j,C;return t(Number(x),((m=s==null?void 0:s.formatNumber)==null?void 0:m.currency)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.locale)||"",((C=s==null?void 0:s.formatNumber)==null?void 0:C.suffix)||"")},children:[e.jsxRuntimeExports.jsx(e.SelectTrigger,{className:"col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsxRuntimeExports.jsx(e.SelectValue,{})}),e.jsxRuntimeExports.jsx(e.SelectContent,{children:["0","1","2","3","4"].map(x=>e.jsxRuntimeExports.jsx(e.SelectItem,{value:x,children:x},x))})]})]}),e.jsxRuntimeExports.jsxs("div",{className:"w-full space-y-1",children:[e.jsxRuntimeExports.jsx(e.Label,{children:"Suffix"}),e.jsxRuntimeExports.jsx(e.Input,{value:((v=s==null?void 0:s.formatNumber)==null?void 0:v.suffix)||"",className:"h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"K, M, B, %",onChange:x=>{var m,j,C;return t(((m=s==null?void 0:s.formatNumber)==null?void 0:m.decimalPlaces)||0,((j=s==null?void 0:s.formatNumber)==null?void 0:j.currency)||"",((C=s==null?void 0:s.formatNumber)==null?void 0:C.locale)||"",x.target.value)}})]})]})]})}),e.jsxRuntimeExports.jsx(e.Separator,{className:"my-3"}),e.jsxRuntimeExports.jsx(e.ColorFormat,{colorRanges:l,setColorRanges:o})]})]})}function jt(){return e.jsxRuntimeExports.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsxRuntimeExports.jsx(e.Accordion,{type:"single",collapsible:!0,children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{className:"",children:"KPI Query"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"font-mono",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs",children:"SELECT current, previous FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"current - number"}),e.jsxRuntimeExports.jsx("li",{children:"previous - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#kpi",children:"example"})," in the docs."]})]})]})}),e.jsxRuntimeExports.jsx("section",{className:"",children:e.jsxRuntimeExports.jsx(ht,{})}),e.jsxRuntimeExports.jsx("div",{}),e.jsxRuntimeExports.jsx("div",{})]})}function ye({cardType:s,docContent:n}){return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:`${e.titleCase(s)} Chart`}),e.jsxRuntimeExports.jsx(e.AccordionContent,{children:n||e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT label, measure FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"label - category"}),e.jsxRuntimeExports.jsx("li",{children:"measure - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:t=>t.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(we,{})})]}),s!=="range"&&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 Et(){return e.jsxRuntimeExports.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxRuntimeExports.jsxs(e.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-1",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Stacked Chart"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, stack-by, y-axis FROM table"}),e.jsxRuntimeExports.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsxRuntimeExports.jsx("li",{children:"x-axis - category"}),e.jsxRuntimeExports.jsx("li",{children:"stack by - category"}),e.jsxRuntimeExports.jsx("li",{children:"y-axis - number"})]}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#stacked-chart",children:"example"})," in the docs."]})]})]}),e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-2",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Settings"}),e.jsxRuntimeExports.jsxs(e.AccordionContent,{className:"space-y-4 px-2",children:[e.jsxRuntimeExports.jsx(ke,{}),e.jsxRuntimeExports.jsx(Ze,{})]})]}),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 ft({}){const s=e.useEditorStore(r=>{var a;return(a=r.card)==null?void 0:a.preferences}),n=e.useEditorStore(r=>r.actions.setCardPreferences),t=r=>{n({...s,allowDownload:r})};return e.jsxRuntimeExports.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsxRuntimeExports.jsx(e.Accordion,{defaultValue:["item-3"],type:"multiple",children:e.jsxRuntimeExports.jsxs(e.AccordionItem,{value:"item-3",children:[e.jsxRuntimeExports.jsx(e.AccordionTrigger,{children:"Filter on click"}),e.jsxRuntimeExports.jsx(e.AccordionContent,{className:"px-2",children:e.jsxRuntimeExports.jsx(ue,{})})]})}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsxRuntimeExports.jsx(e.Checkbox,{onCheckedChange:t,id:"allow-download"}),e.jsxRuntimeExports.jsx("label",{htmlFor:"allow-download",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Allow Download"})]})]})}const gt=e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT dimension, cohort, metric FROM table"}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#pyramid-chart",children:"example"})," in the docs."]})]}),Rt=e.jsxRuntimeExports.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsxRuntimeExports.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT y-axis, label, range-from, range-to, range-value FROM table"}),e.jsxRuntimeExports.jsxs("div",{children:["See ",e.jsxRuntimeExports.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/concepts/visuals#range-charts",children:"example"})," in the docs."]})]});function bt(){const s=e.useEditorStore(t=>t.card.type);function n(t){switch(t){case"stackedBar":return e.jsxRuntimeExports.jsx(Et,{});case"pyramid":return e.jsxRuntimeExports.jsx(ye,{docContent:gt,cardType:t});case"kpi":return e.jsxRuntimeExports.jsx(jt,{});case"line":case"bar":return e.jsxRuntimeExports.jsx(ct,{cardType:t});case"range":return e.jsxRuntimeExports.jsx(ye,{docContent:Rt,cardType:t});case"pie":case"doughnut":case"polarArea":case"radar":return e.jsxRuntimeExports.jsx(ye,{cardType:t});case"bubble":case"scatter":return e.jsxRuntimeExports.jsx(xt,{cardType:t});case"table":return e.jsxRuntimeExports.jsx(ft,{cardType:t});default:return e.jsxRuntimeExports.jsx(mt,{})}}return e.jsxRuntimeExports.jsx(e.ScrollArea,{className:"h-full w-full text-sm",children:n(s)})}function St(){const s=e.useEditorStore(n=>n.isShowingVisual);return e.jsxRuntimeExports.jsxs(e.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:[e.jsxRuntimeExports.jsx(e.ResizablePanel,{role:"query-section",className:"flex",minSize:20,defaultSize:40,children:e.jsxRuntimeExports.jsx(Zs,{})}),e.jsxRuntimeExports.jsx(e.ResizableHandle,{withHandle:!0,className:"border"}),e.jsxRuntimeExports.jsx(e.ResizablePanel,{className:"pb-1",role:"visual-section",minSize:0,defaultSize:60,children:s?e.jsxRuntimeExports.jsxs(e.ResizablePanelGroup,{direction:"horizontal",children:[e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(e.ResizablePanel,{className:"flex min-w-[275px]",minSize:20,defaultSize:25,maxSize:30,children:e.jsxRuntimeExports.jsx(bt,{})})}),e.jsxRuntimeExports.jsx(e.ResizableHandle,{className:"border"}),e.jsxRuntimeExports.jsx(e.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsxRuntimeExports.jsx(Le,{})})]}):e.jsxRuntimeExports.jsx(Le,{})})]})}function yt({authToken:s,onSave:n,onClose:t}){const r=e.useEditorStore(o=>o.actions.setOnSave),a=e.useEditorStore(o=>o.actions.setOnClose),l=e.useDashboardStore(o=>o.actions.setAuthToken);return f.useEffect(()=>{n&&r(n),t&&a(t)},[n,r,t,a]),f.useEffect(()=>{s&&s.accessToken&&l(s)},[s,l]),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(_e,{})}),e.jsxRuntimeExports.jsx(e.EditorMain,{children:e.jsxRuntimeExports.jsx(St,{})})]})}function vt(){e.useDashboardStore(o=>o.selectedCardId);const s=e.useDashboardStore(o=>o.selectedSheetId),{setIsVisualEditing:n}=e.useDashboardStore(o=>o.actions),t=e.useDashboardStore(o=>o.isVisualEditing),r=e.useDashboardStore(o=>o.actions.updateFrame);function a(o){s&&(r(s,o),n(!1))}function l(){n(!1)}return e.jsxRuntimeExports.jsx("div",{role:"editor-container",className:e.cn("flex grow",{block:t,hidden:!t}),children:e.jsxRuntimeExports.jsx(yt,{onSave:a,onClose:l})})}function Ct({columns:s,tableName:n}){const t=e.useEditorStore(d=>d.selectedConnectionId),r=e.useEditorStore(d=>d.selectedDatabaseName),a=e.useEditorStore(d=>d.selectedSchemaName),l=e.useEditorStore(d=>d.selectedTableName),o=e.useDashboardStore(d=>d.dashboard.filters)||[],i=e.useDashboardStore(d=>d.actions.addFilter),c=e.useDashboardStore(d=>d.actions.removeFilter),h=e.useDashboardStore(d=>d.actions.removeFilterValue);function u(d){const v=e.fmt(d.column_name),x=e.fmt(r||""),m=e.fmt(a||""),j=e.fmt(n),C=e.getQualifiedTableName(m,j),g=`${C}.${v}`;console.log("find",g,j,x);const z=o==null?void 0:o.find(S=>S.column===g&&S.table===j&&(S.database===x||S.database===r));if(z)h(z.id),c(z.id);else{if(n==="api"&&t){i({id:e.v4(),column:g,title:d.column_name,dataType:d.data_type,table:"api",database:"",connectionId:t,operation:"in",sql:e.getDefaultFilterSql(d.data_type,C,v)});return}i({id:e.v4(),column:`${C}.${v}`,title:d.column_name,dataType:d.data_type,table:l||"",database:r||"",connectionId:t||"",operation:"in",sql:e.getDefaultFilterSql(d.data_type,C,v)})}}return e.jsxRuntimeExports.jsx("div",{className:"xbg-red-100 flex-1 basis-0 flex-col overflow-scroll px-3",children:s==null?void 0:s.map(d=>{const v=o==null?void 0:o.find(x=>x.column===e.fmt(d.column_name)&&x.table===l&&x.database===r);return e.jsxRuntimeExports.jsx("div",{onClick:()=>u(d),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":v}),children:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx(Ve,{column:d}),e.jsxRuntimeExports.jsx("span",{children:d.column_name})]})},d.column_name)})})}function Nt(){e.useDashboardStore(n=>n.showFilters);const s=e.useDashboardStore(n=>n.actions.setShowFilters);return e.jsxRuntimeExports.jsxs("section",{className:"relative flex grow flex-col border-l px-4",children:[e.jsxRuntimeExports.jsxs("div",{className:"mt-4 flex items-center justify-between gap-2 px-3",children:[e.jsxRuntimeExports.jsx(e.Label,{className:"text-lg",children:"Filters"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:()=>s(!1),className:"h-7 w-7 p-0",variant:"ghost",children:e.jsxRuntimeExports.jsx(e.Cross2Icon,{})})]}),e.jsxRuntimeExports.jsx("div",{className:"flex grow",children:e.jsxRuntimeExports.jsx(_e,{ColumnsComponent:(n,t,r)=>e.jsxRuntimeExports.jsx(Ct,{schemaName:n,tableName:t,columns:r})})})]})}function kt(){e.useDashboardStore(t=>t.dashboard);const s=e.useDashboardStore(t=>t.showFilters),n=e.useDashboardStore(t=>t.isVisualEditing);return e.useDashboardStore(t=>t.bookmarkKey),e.jsxRuntimeExports.jsxs("div",{role:"dashboard-plus-main",className:e.cn("grow",{hidden:n,flex:!n}),children:[e.jsxRuntimeExports.jsx(e.DashboardTabs,{}),s&&e.jsxRuntimeExports.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsxRuntimeExports.jsx(Nt,{})})]})}function wt(){const s=e.useDashboardStore(r=>r.dashboard),n=e.useDashboardStore(r=>r.actions.setDashboard),t=e.useDashboardStore(r=>r.showDashboardJSON);return e.useDashboardStore(r=>r.actions.setShowDashboardJSON),e.jsxRuntimeExports.jsx("div",{className:e.cn(" p-2",{hidden:!t}),children:e.jsxRuntimeExports.jsx(e.de,{onChange:r=>{if(r)try{JSON.parse(r),n(JSON.parse(r))}catch{}},defaultLanguage:"json",className:"h-[550px] overflow-y-auto ",value:JSON.stringify(s,null,2),options:{minimap:{enabled:!1},glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})})}function At({showControls:s=!1,showFooter:n=!0,...t}){return e.jsxRuntimeExports.jsxs(e.SemaphorContextProvider,{dashboardProps:t,children:[e.jsxRuntimeExports.jsx(e.Te,{}),e.jsxRuntimeExports.jsxs(e.UXProvider,{children:[e.jsxRuntimeExports.jsx(wt,{}),e.jsxRuntimeExports.jsxs(e.DashboardPanel,{...t,children:[s&&e.jsxRuntimeExports.jsx(Os,{}),e.jsxRuntimeExports.jsx(vt,{}),e.jsxRuntimeExports.jsx(kt,{})]})]})]})}exports.DashboardPlus=At;exports.SelectComponent=he;exports.useEditorAside=Ne;
|