react-semaphor 0.0.470 → 0.0.471
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/{index-D-YGno0n.js → index-B5Fg-n65.js} +8458 -8411
- package/dist/chunks/{index-D58ery3w.js → index-DM9u3hDn.js} +95 -90
- package/dist/dashboard/index.cjs +1 -1
- package/dist/dashboard/index.js +1 -1
- package/dist/index.cjs +66 -69
- package/dist/index.js +1360 -1366
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunks/index-DM9u3hDn.js"),Jt=require("./types/index.cjs"),e=require("react/jsx-runtime"),I=require("react");require("react-dom");function Wt(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const n in s)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(s,n);Object.defineProperty(a,n,r.get?r:{enumerable:!0,get:()=>s[n]})}}return a.default=s,Object.freeze(a)}const le=Wt(I);/**
|
|
2
2
|
* @license lucide-react v0.453.0 - ISC
|
|
3
3
|
*
|
|
4
4
|
* This source code is licensed under the ISC license.
|
|
5
5
|
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/const
|
|
6
|
+
*/const Kt=t.createLucideIcon("AlignCenter",[["path",{d:"M17 12H7",key:"16if0g"}],["path",{d:"M19 18H5",key:"18s9l3"}],["path",{d:"M21 6H3",key:"1jwq7v"}]]);/**
|
|
7
7
|
* @license lucide-react v0.453.0 - ISC
|
|
8
8
|
*
|
|
9
9
|
* This source code is licensed under the ISC license.
|
|
10
10
|
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
-
*/const
|
|
11
|
+
*/const Yt=t.createLucideIcon("AlignLeft",[["path",{d:"M15 12H3",key:"6jk70r"}],["path",{d:"M17 18H3",key:"1amg6g"}],["path",{d:"M21 6H3",key:"1jwq7v"}]]);/**
|
|
12
12
|
* @license lucide-react v0.453.0 - ISC
|
|
13
13
|
*
|
|
14
14
|
* This source code is licensed under the ISC license.
|
|
15
15
|
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
-
*/const
|
|
16
|
+
*/const Zt=t.createLucideIcon("AlignRight",[["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M21 18H7",key:"1ygte8"}],["path",{d:"M21 6H3",key:"1jwq7v"}]]);/**
|
|
17
17
|
* @license lucide-react v0.453.0 - ISC
|
|
18
18
|
*
|
|
19
19
|
* This source code is licensed under the ISC license.
|
|
20
20
|
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
-
*/const
|
|
21
|
+
*/const Xt=t.createLucideIcon("ArrowDown10",[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 20V4",key:"1yoxec"}],["path",{d:"M17 10V4h-2",key:"zcsr5x"}],["path",{d:"M15 10h4",key:"id2lce"}],["rect",{x:"15",y:"14",width:"4",height:"6",ry:"2",key:"33xykx"}]]);/**
|
|
22
22
|
* @license lucide-react v0.453.0 - ISC
|
|
23
23
|
*
|
|
24
24
|
* This source code is licensed under the ISC license.
|
|
25
25
|
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
-
*/const
|
|
26
|
+
*/const es=t.createLucideIcon("ArrowDownZA",[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M15 4h5l-5 6h5",key:"8asdl1"}],["path",{d:"M15 20v-3.5a2.5 2.5 0 0 1 5 0V20",key:"r6l5cz"}],["path",{d:"M20 18h-5",key:"18j1r2"}]]);/**
|
|
27
27
|
* @license lucide-react v0.453.0 - ISC
|
|
28
28
|
*
|
|
29
29
|
* This source code is licensed under the ISC license.
|
|
@@ -33,57 +33,57 @@
|
|
|
33
33
|
*
|
|
34
34
|
* This source code is licensed under the ISC license.
|
|
35
35
|
* See the LICENSE file in the root directory of this source tree.
|
|
36
|
-
*/const
|
|
36
|
+
*/const ts=t.createLucideIcon("ArrowLeftRight",[["path",{d:"M8 3 4 7l4 4",key:"9rb6wj"}],["path",{d:"M4 7h16",key:"6tx8e3"}],["path",{d:"m16 21 4-4-4-4",key:"siv7j2"}],["path",{d:"M20 17H4",key:"h6l3hr"}]]);/**
|
|
37
37
|
* @license lucide-react v0.453.0 - ISC
|
|
38
38
|
*
|
|
39
39
|
* This source code is licensed under the ISC license.
|
|
40
40
|
* See the LICENSE file in the root directory of this source tree.
|
|
41
|
-
*/const
|
|
41
|
+
*/const ss=t.createLucideIcon("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);/**
|
|
42
42
|
* @license lucide-react v0.453.0 - ISC
|
|
43
43
|
*
|
|
44
44
|
* This source code is licensed under the ISC license.
|
|
45
45
|
* See the LICENSE file in the root directory of this source tree.
|
|
46
|
-
*/const
|
|
46
|
+
*/const ns=t.createLucideIcon("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);/**
|
|
47
47
|
* @license lucide-react v0.453.0 - ISC
|
|
48
48
|
*
|
|
49
49
|
* This source code is licensed under the ISC license.
|
|
50
50
|
* See the LICENSE file in the root directory of this source tree.
|
|
51
|
-
*/const
|
|
51
|
+
*/const as=t.createLucideIcon("ArrowUp01",[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["rect",{x:"15",y:"4",width:"4",height:"6",ry:"2",key:"1bwicg"}],["path",{d:"M17 20v-6h-2",key:"1qp1so"}],["path",{d:"M15 20h4",key:"1j968p"}]]);/**
|
|
52
52
|
* @license lucide-react v0.453.0 - ISC
|
|
53
53
|
*
|
|
54
54
|
* This source code is licensed under the ISC license.
|
|
55
55
|
* See the LICENSE file in the root directory of this source tree.
|
|
56
|
-
*/const
|
|
56
|
+
*/const rs=t.createLucideIcon("ArrowUpAZ",[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M20 8h-5",key:"1vsyxs"}],["path",{d:"M15 10V6.5a2.5 2.5 0 0 1 5 0V10",key:"ag13bf"}],["path",{d:"M15 14h5l-5 6h5",key:"ur5jdg"}]]);/**
|
|
57
57
|
* @license lucide-react v0.453.0 - ISC
|
|
58
58
|
*
|
|
59
59
|
* This source code is licensed under the ISC license.
|
|
60
60
|
* See the LICENSE file in the root directory of this source tree.
|
|
61
|
-
*/const
|
|
61
|
+
*/const os=t.createLucideIcon("Blocks",[["rect",{width:"7",height:"7",x:"14",y:"3",rx:"1",key:"6d4xhi"}],["path",{d:"M10 21V8a1 1 0 0 0-1-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-5a1 1 0 0 0-1-1H3",key:"1fpvtg"}]]);/**
|
|
62
62
|
* @license lucide-react v0.453.0 - ISC
|
|
63
63
|
*
|
|
64
64
|
* This source code is licensed under the ISC license.
|
|
65
65
|
* See the LICENSE file in the root directory of this source tree.
|
|
66
|
-
*/const
|
|
66
|
+
*/const is=t.createLucideIcon("BookOpenText",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M16 12h2",key:"7q9ll5"}],["path",{d:"M16 8h2",key:"msurwy"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}],["path",{d:"M6 12h2",key:"32wvfc"}],["path",{d:"M6 8h2",key:"30oboj"}]]);/**
|
|
67
67
|
* @license lucide-react v0.453.0 - ISC
|
|
68
68
|
*
|
|
69
69
|
* This source code is licensed under the ISC license.
|
|
70
70
|
* See the LICENSE file in the root directory of this source tree.
|
|
71
|
-
*/const
|
|
71
|
+
*/const ls=t.createLucideIcon("BookType",[["path",{d:"M10 13h4",key:"ytezjc"}],["path",{d:"M12 6v7",key:"1f6ttz"}],["path",{d:"M16 8V6H8v2",key:"x8j6u4"}],["path",{d:"M4 19.5v-15A2.5 2.5 0 0 1 6.5 2H19a1 1 0 0 1 1 1v18a1 1 0 0 1-1 1H6.5a1 1 0 0 1 0-5H20",key:"k3hazp"}]]);/**
|
|
72
72
|
* @license lucide-react v0.453.0 - ISC
|
|
73
73
|
*
|
|
74
74
|
* This source code is licensed under the ISC license.
|
|
75
75
|
* See the LICENSE file in the root directory of this source tree.
|
|
76
|
-
*/const
|
|
76
|
+
*/const cs=t.createLucideIcon("Box",[["path",{d:"M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",key:"hh9hay"}],["path",{d:"m3.3 7 8.7 5 8.7-5",key:"g66t2b"}],["path",{d:"M12 22V12",key:"d0xqtd"}]]);/**
|
|
77
77
|
* @license lucide-react v0.453.0 - ISC
|
|
78
78
|
*
|
|
79
79
|
* This source code is licensed under the ISC license.
|
|
80
80
|
* See the LICENSE file in the root directory of this source tree.
|
|
81
|
-
*/const
|
|
81
|
+
*/const ds=t.createLucideIcon("Braces",[["path",{d:"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1",key:"ezmyqa"}],["path",{d:"M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1",key:"e1hn23"}]]);/**
|
|
82
82
|
* @license lucide-react v0.453.0 - ISC
|
|
83
83
|
*
|
|
84
84
|
* This source code is licensed under the ISC license.
|
|
85
85
|
* See the LICENSE file in the root directory of this source tree.
|
|
86
|
-
*/const
|
|
86
|
+
*/const us=t.createLucideIcon("ChartArea",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z",key:"q0gr47"}]]);/**
|
|
87
87
|
* @license lucide-react v0.453.0 - ISC
|
|
88
88
|
*
|
|
89
89
|
* This source code is licensed under the ISC license.
|
|
@@ -118,7 +118,7 @@
|
|
|
118
118
|
*
|
|
119
119
|
* This source code is licensed under the ISC license.
|
|
120
120
|
* See the LICENSE file in the root directory of this source tree.
|
|
121
|
-
*/const
|
|
121
|
+
*/const ms=t.createLucideIcon("CircleArrowRight",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 12h8",key:"1wcyev"}],["path",{d:"m12 16 4-4-4-4",key:"1i9zcv"}]]);/**
|
|
122
122
|
* @license lucide-react v0.453.0 - ISC
|
|
123
123
|
*
|
|
124
124
|
* This source code is licensed under the ISC license.
|
|
@@ -128,32 +128,32 @@
|
|
|
128
128
|
*
|
|
129
129
|
* This source code is licensed under the ISC license.
|
|
130
130
|
* See the LICENSE file in the root directory of this source tree.
|
|
131
|
-
*/const
|
|
131
|
+
*/const hs=t.createLucideIcon("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);/**
|
|
132
132
|
* @license lucide-react v0.453.0 - ISC
|
|
133
133
|
*
|
|
134
134
|
* This source code is licensed under the ISC license.
|
|
135
135
|
* See the LICENSE file in the root directory of this source tree.
|
|
136
|
-
*/const
|
|
136
|
+
*/const xs=t.createLucideIcon("Columns3",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]]);/**
|
|
137
137
|
* @license lucide-react v0.453.0 - ISC
|
|
138
138
|
*
|
|
139
139
|
* This source code is licensed under the ISC license.
|
|
140
140
|
* See the LICENSE file in the root directory of this source tree.
|
|
141
|
-
*/const
|
|
141
|
+
*/const ps=t.createLucideIcon("Component",[["path",{d:"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z",key:"1uwlt4"}],["path",{d:"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z",key:"10291m"}],["path",{d:"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z",key:"1tqoq1"}],["path",{d:"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z",key:"1x6lto"}]]);/**
|
|
142
142
|
* @license lucide-react v0.453.0 - ISC
|
|
143
143
|
*
|
|
144
144
|
* This source code is licensed under the ISC license.
|
|
145
145
|
* See the LICENSE file in the root directory of this source tree.
|
|
146
|
-
*/const
|
|
146
|
+
*/const fs=t.createLucideIcon("CopyPlus",[["line",{x1:"15",x2:"15",y1:"12",y2:"18",key:"1p7wdc"}],["line",{x1:"12",x2:"18",y1:"15",y2:"15",key:"1nscbv"}],["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);/**
|
|
147
147
|
* @license lucide-react v0.453.0 - ISC
|
|
148
148
|
*
|
|
149
149
|
* This source code is licensed under the ISC license.
|
|
150
150
|
* See the LICENSE file in the root directory of this source tree.
|
|
151
|
-
*/const
|
|
151
|
+
*/const gs=t.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"}]]);/**
|
|
152
152
|
* @license lucide-react v0.453.0 - ISC
|
|
153
153
|
*
|
|
154
154
|
* This source code is licensed under the ISC license.
|
|
155
155
|
* See the LICENSE file in the root directory of this source tree.
|
|
156
|
-
*/const
|
|
156
|
+
*/const js=t.createLucideIcon("DollarSign",[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]]);/**
|
|
157
157
|
* @license lucide-react v0.453.0 - ISC
|
|
158
158
|
*
|
|
159
159
|
* This source code is licensed under the ISC license.
|
|
@@ -163,87 +163,82 @@
|
|
|
163
163
|
*
|
|
164
164
|
* This source code is licensed under the ISC license.
|
|
165
165
|
* See the LICENSE file in the root directory of this source tree.
|
|
166
|
-
*/const
|
|
166
|
+
*/const ys=t.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"}]]);/**
|
|
167
167
|
* @license lucide-react v0.453.0 - ISC
|
|
168
168
|
*
|
|
169
169
|
* This source code is licensed under the ISC license.
|
|
170
170
|
* See the LICENSE file in the root directory of this source tree.
|
|
171
|
-
*/const
|
|
171
|
+
*/const ot=t.createLucideIcon("Expand",[["path",{d:"m21 21-6-6m6 6v-4.8m0 4.8h-4.8",key:"1c15vz"}],["path",{d:"M3 16.2V21m0 0h4.8M3 21l6-6",key:"1fsnz2"}],["path",{d:"M21 7.8V3m0 0h-4.8M21 3l-6 6",key:"hawz9i"}],["path",{d:"M3 7.8V3m0 0h4.8M3 3l6 6",key:"u9ee12"}]]);/**
|
|
172
172
|
* @license lucide-react v0.453.0 - ISC
|
|
173
173
|
*
|
|
174
174
|
* This source code is licensed under the ISC license.
|
|
175
175
|
* See the LICENSE file in the root directory of this source tree.
|
|
176
|
-
*/const
|
|
176
|
+
*/const bs=t.createLucideIcon("EyeClosed",[["path",{d:"m15 18-.722-3.25",key:"1j64jw"}],["path",{d:"M2 8a10.645 10.645 0 0 0 20 0",key:"1e7gxb"}],["path",{d:"m20 15-1.726-2.05",key:"1cnuld"}],["path",{d:"m4 15 1.726-2.05",key:"1dsqqd"}],["path",{d:"m9 18 .722-3.25",key:"ypw2yx"}]]);/**
|
|
177
177
|
* @license lucide-react v0.453.0 - ISC
|
|
178
178
|
*
|
|
179
179
|
* This source code is licensed under the ISC license.
|
|
180
180
|
* See the LICENSE file in the root directory of this source tree.
|
|
181
|
-
*/const vs=t.createLucideIcon("
|
|
181
|
+
*/const vs=t.createLucideIcon("FileCode2",[["path",{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4",key:"1pf5j1"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"m5 12-3 3 3 3",key:"oke12k"}],["path",{d:"m9 18 3-3-3-3",key:"112psh"}]]);/**
|
|
182
182
|
* @license lucide-react v0.453.0 - ISC
|
|
183
183
|
*
|
|
184
184
|
* This source code is licensed under the ISC license.
|
|
185
185
|
* See the LICENSE file in the root directory of this source tree.
|
|
186
|
-
*/const Cs=t.createLucideIcon("
|
|
186
|
+
*/const Cs=t.createLucideIcon("FileJson2",[["path",{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4",key:"1pf5j1"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M4 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1",key:"fq0c9t"}],["path",{d:"M8 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1",key:"4gibmv"}]]);/**
|
|
187
187
|
* @license lucide-react v0.453.0 - ISC
|
|
188
188
|
*
|
|
189
189
|
* This source code is licensed under the ISC license.
|
|
190
190
|
* See the LICENSE file in the root directory of this source tree.
|
|
191
|
-
*/const
|
|
191
|
+
*/const it=t.createLucideIcon("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]);/**
|
|
192
192
|
* @license lucide-react v0.453.0 - ISC
|
|
193
193
|
*
|
|
194
194
|
* This source code is licensed under the ISC license.
|
|
195
195
|
* See the LICENSE file in the root directory of this source tree.
|
|
196
|
-
*/const
|
|
196
|
+
*/const Ss=t.createLucideIcon("Fingerprint",[["path",{d:"M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4",key:"1nerag"}],["path",{d:"M14 13.12c0 2.38 0 6.38-1 8.88",key:"o46ks0"}],["path",{d:"M17.29 21.02c.12-.6.43-2.3.5-3.02",key:"ptglia"}],["path",{d:"M2 12a10 10 0 0 1 18-6",key:"ydlgp0"}],["path",{d:"M2 16h.01",key:"1gqxmh"}],["path",{d:"M21.8 16c.2-2 .131-5.354 0-6",key:"drycrb"}],["path",{d:"M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2",key:"1tidbn"}],["path",{d:"M8.65 22c.21-.66.45-1.32.57-2",key:"13wd9y"}],["path",{d:"M9 6.8a6 6 0 0 1 9 5.2v2",key:"1fr1j5"}]]);/**
|
|
197
197
|
* @license lucide-react v0.453.0 - ISC
|
|
198
198
|
*
|
|
199
199
|
* This source code is licensed under the ISC license.
|
|
200
200
|
* See the LICENSE file in the root directory of this source tree.
|
|
201
|
-
*/const Ns=t.createLucideIcon("
|
|
201
|
+
*/const Ns=t.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"}]]);/**
|
|
202
202
|
* @license lucide-react v0.453.0 - ISC
|
|
203
203
|
*
|
|
204
204
|
* This source code is licensed under the ISC license.
|
|
205
205
|
* See the LICENSE file in the root directory of this source tree.
|
|
206
|
-
*/const ws=t.createLucideIcon("
|
|
206
|
+
*/const ws=t.createLucideIcon("Grid3x3",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M3 9h18",key:"1pudct"}],["path",{d:"M3 15h18",key:"5xshup"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]]);/**
|
|
207
207
|
* @license lucide-react v0.453.0 - ISC
|
|
208
208
|
*
|
|
209
209
|
* This source code is licensed under the ISC license.
|
|
210
210
|
* See the LICENSE file in the root directory of this source tree.
|
|
211
|
-
*/const ks=t.createLucideIcon("
|
|
211
|
+
*/const ks=t.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"}]]);/**
|
|
212
212
|
* @license lucide-react v0.453.0 - ISC
|
|
213
213
|
*
|
|
214
214
|
* This source code is licensed under the ISC license.
|
|
215
215
|
* See the LICENSE file in the root directory of this source tree.
|
|
216
|
-
*/const
|
|
216
|
+
*/const lt=t.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"}]]);/**
|
|
217
217
|
* @license lucide-react v0.453.0 - ISC
|
|
218
218
|
*
|
|
219
219
|
* This source code is licensed under the ISC license.
|
|
220
220
|
* See the LICENSE file in the root directory of this source tree.
|
|
221
|
-
*/const
|
|
221
|
+
*/const Ds=t.createLucideIcon("House",[["path",{d:"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8",key:"5wwlr5"}],["path",{d:"M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z",key:"1d0kgt"}]]);/**
|
|
222
222
|
* @license lucide-react v0.453.0 - ISC
|
|
223
223
|
*
|
|
224
224
|
* This source code is licensed under the ISC license.
|
|
225
225
|
* See the LICENSE file in the root directory of this source tree.
|
|
226
|
-
*/const Is=t.createLucideIcon("
|
|
226
|
+
*/const Is=t.createLucideIcon("LayoutList",[["rect",{width:"7",height:"7",x:"3",y:"3",rx:"1",key:"1g98yp"}],["rect",{width:"7",height:"7",x:"3",y:"14",rx:"1",key:"1bb6yr"}],["path",{d:"M14 4h7",key:"3xa0d5"}],["path",{d:"M14 9h7",key:"1icrd9"}],["path",{d:"M14 15h7",key:"1mj8o2"}],["path",{d:"M14 20h7",key:"11slyb"}]]);/**
|
|
227
227
|
* @license lucide-react v0.453.0 - ISC
|
|
228
228
|
*
|
|
229
229
|
* This source code is licensed under the ISC license.
|
|
230
230
|
* See the LICENSE file in the root directory of this source tree.
|
|
231
|
-
*/const Es=t.createLucideIcon("
|
|
231
|
+
*/const Es=t.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"}]]);/**
|
|
232
232
|
* @license lucide-react v0.453.0 - ISC
|
|
233
233
|
*
|
|
234
234
|
* This source code is licensed under the ISC license.
|
|
235
235
|
* See the LICENSE file in the root directory of this source tree.
|
|
236
|
-
*/const Ts=t.createLucideIcon("
|
|
236
|
+
*/const Ts=t.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"}]]);/**
|
|
237
237
|
* @license lucide-react v0.453.0 - ISC
|
|
238
238
|
*
|
|
239
239
|
* This source code is licensed under the ISC license.
|
|
240
240
|
* See the LICENSE file in the root directory of this source tree.
|
|
241
|
-
*/const Ms=t.createLucideIcon("
|
|
242
|
-
* @license lucide-react v0.453.0 - ISC
|
|
243
|
-
*
|
|
244
|
-
* This source code is licensed under the ISC license.
|
|
245
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
246
|
-
*/const As=t.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"}]]);/**
|
|
241
|
+
*/const Ms=t.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"}]]);/**
|
|
247
242
|
* @license lucide-react v0.453.0 - ISC
|
|
248
243
|
*
|
|
249
244
|
* This source code is licensed under the ISC license.
|
|
@@ -253,22 +248,22 @@
|
|
|
253
248
|
*
|
|
254
249
|
* This source code is licensed under the ISC license.
|
|
255
250
|
* See the LICENSE file in the root directory of this source tree.
|
|
256
|
-
*/const
|
|
251
|
+
*/const As=t.createLucideIcon("Logs",[["path",{d:"M13 12h8",key:"h98zly"}],["path",{d:"M13 18h8",key:"oe0vm4"}],["path",{d:"M13 6h8",key:"15sg57"}],["path",{d:"M3 12h1",key:"lp3yf2"}],["path",{d:"M3 18h1",key:"1eiwyy"}],["path",{d:"M3 6h1",key:"rgxa97"}],["path",{d:"M8 12h1",key:"1con00"}],["path",{d:"M8 18h1",key:"13wk12"}],["path",{d:"M8 6h1",key:"tn6mkg"}]]);/**
|
|
257
252
|
* @license lucide-react v0.453.0 - ISC
|
|
258
253
|
*
|
|
259
254
|
* This source code is licensed under the ISC license.
|
|
260
255
|
* See the LICENSE file in the root directory of this source tree.
|
|
261
|
-
*/const
|
|
256
|
+
*/const Ls=t.createLucideIcon("Mail",[["rect",{width:"20",height:"16",x:"2",y:"4",rx:"2",key:"18n3k1"}],["path",{d:"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7",key:"1ocrg3"}]]);/**
|
|
262
257
|
* @license lucide-react v0.453.0 - ISC
|
|
263
258
|
*
|
|
264
259
|
* This source code is licensed under the ISC license.
|
|
265
260
|
* See the LICENSE file in the root directory of this source tree.
|
|
266
|
-
*/const
|
|
261
|
+
*/const ct=t.createLucideIcon("Map",[["path",{d:"M14.106 5.553a2 2 0 0 0 1.788 0l3.659-1.83A1 1 0 0 1 21 4.619v12.764a1 1 0 0 1-.553.894l-4.553 2.277a2 2 0 0 1-1.788 0l-4.212-2.106a2 2 0 0 0-1.788 0l-3.659 1.83A1 1 0 0 1 3 19.381V6.618a1 1 0 0 1 .553-.894l4.553-2.277a2 2 0 0 1 1.788 0z",key:"169xi5"}],["path",{d:"M15 5.764v15",key:"1pn4in"}],["path",{d:"M9 3.236v15",key:"1uimfh"}]]);/**
|
|
267
262
|
* @license lucide-react v0.453.0 - ISC
|
|
268
263
|
*
|
|
269
264
|
* This source code is licensed under the ISC license.
|
|
270
265
|
* See the LICENSE file in the root directory of this source tree.
|
|
271
|
-
*/const
|
|
266
|
+
*/const Os=t.createLucideIcon("MessageCircleMore",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}],["path",{d:"M8 12h.01",key:"czm47f"}],["path",{d:"M12 12h.01",key:"1mp3jc"}],["path",{d:"M16 12h.01",key:"1l6xoz"}]]);/**
|
|
272
267
|
* @license lucide-react v0.453.0 - ISC
|
|
273
268
|
*
|
|
274
269
|
* This source code is licensed under the ISC license.
|
|
@@ -283,52 +278,52 @@
|
|
|
283
278
|
*
|
|
284
279
|
* This source code is licensed under the ISC license.
|
|
285
280
|
* See the LICENSE file in the root directory of this source tree.
|
|
286
|
-
*/const
|
|
281
|
+
*/const zs=t.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"}]]);/**
|
|
287
282
|
* @license lucide-react v0.453.0 - ISC
|
|
288
283
|
*
|
|
289
284
|
* This source code is licensed under the ISC license.
|
|
290
285
|
* See the LICENSE file in the root directory of this source tree.
|
|
291
|
-
*/const
|
|
286
|
+
*/const Fs=t.createLucideIcon("Plug",[["path",{d:"M12 22v-5",key:"1ega77"}],["path",{d:"M9 8V2",key:"14iosj"}],["path",{d:"M15 8V2",key:"18g5xt"}],["path",{d:"M18 8v5a4 4 0 0 1-4 4h-4a4 4 0 0 1-4-4V8Z",key:"osxo6l"}]]);/**
|
|
292
287
|
* @license lucide-react v0.453.0 - ISC
|
|
293
288
|
*
|
|
294
289
|
* This source code is licensed under the ISC license.
|
|
295
290
|
* See the LICENSE file in the root directory of this source tree.
|
|
296
|
-
*/const
|
|
291
|
+
*/const dt=t.createLucideIcon("Radar",[["path",{d:"M19.07 4.93A10 10 0 0 0 6.99 3.34",key:"z3du51"}],["path",{d:"M4 6h.01",key:"oypzma"}],["path",{d:"M2.29 9.62A10 10 0 1 0 21.31 8.35",key:"qzzz0"}],["path",{d:"M16.24 7.76A6 6 0 1 0 8.23 16.67",key:"1yjesh"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M17.99 11.66A6 6 0 0 1 15.77 16.67",key:"1u2y91"}],["circle",{cx:"12",cy:"12",r:"2",key:"1c9p78"}],["path",{d:"m13.41 10.59 5.66-5.66",key:"mhq4k0"}]]);/**
|
|
297
292
|
* @license lucide-react v0.453.0 - ISC
|
|
298
293
|
*
|
|
299
294
|
* This source code is licensed under the ISC license.
|
|
300
295
|
* See the LICENSE file in the root directory of this source tree.
|
|
301
|
-
*/const
|
|
296
|
+
*/const ut=t.createLucideIcon("RefreshCw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]]);/**
|
|
302
297
|
* @license lucide-react v0.453.0 - ISC
|
|
303
298
|
*
|
|
304
299
|
* This source code is licensed under the ISC license.
|
|
305
300
|
* See the LICENSE file in the root directory of this source tree.
|
|
306
|
-
*/const
|
|
301
|
+
*/const Rs=t.createLucideIcon("Rows3",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M21 9H3",key:"1338ky"}],["path",{d:"M21 15H3",key:"9uk58r"}]]);/**
|
|
307
302
|
* @license lucide-react v0.453.0 - ISC
|
|
308
303
|
*
|
|
309
304
|
* This source code is licensed under the ISC license.
|
|
310
305
|
* See the LICENSE file in the root directory of this source tree.
|
|
311
|
-
*/const
|
|
306
|
+
*/const Bs=t.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"}]]);/**
|
|
312
307
|
* @license lucide-react v0.453.0 - ISC
|
|
313
308
|
*
|
|
314
309
|
* This source code is licensed under the ISC license.
|
|
315
310
|
* See the LICENSE file in the root directory of this source tree.
|
|
316
|
-
*/const
|
|
311
|
+
*/const mt=t.createLucideIcon("Shapes",[["path",{d:"M8.3 10a.7.7 0 0 1-.626-1.079L11.4 3a.7.7 0 0 1 1.198-.043L16.3 8.9a.7.7 0 0 1-.572 1.1Z",key:"1bo67w"}],["rect",{x:"3",y:"14",width:"7",height:"7",rx:"1",key:"1bkyp8"}],["circle",{cx:"17.5",cy:"17.5",r:"3.5",key:"w3z12y"}]]);/**
|
|
317
312
|
* @license lucide-react v0.453.0 - ISC
|
|
318
313
|
*
|
|
319
314
|
* This source code is licensed under the ISC license.
|
|
320
315
|
* See the LICENSE file in the root directory of this source tree.
|
|
321
|
-
*/const
|
|
316
|
+
*/const Vs=t.createLucideIcon("Shrink",[["path",{d:"m15 15 6 6m-6-6v4.8m0-4.8h4.8",key:"17vawe"}],["path",{d:"M9 19.8V15m0 0H4.2M9 15l-6 6",key:"chjx8e"}],["path",{d:"M15 4.2V9m0 0h4.8M15 9l6-6",key:"lav6yq"}],["path",{d:"M9 4.2V9m0 0H4.2M9 9 3 3",key:"1pxi2q"}]]);/**
|
|
322
317
|
* @license lucide-react v0.453.0 - ISC
|
|
323
318
|
*
|
|
324
319
|
* This source code is licensed under the ISC license.
|
|
325
320
|
* See the LICENSE file in the root directory of this source tree.
|
|
326
|
-
*/const
|
|
321
|
+
*/const ht=t.createLucideIcon("Sigma",[["path",{d:"M18 7V5a1 1 0 0 0-1-1H6.5a.5.5 0 0 0-.4.8l4.5 6a2 2 0 0 1 0 2.4l-4.5 6a.5.5 0 0 0 .4.8H17a1 1 0 0 0 1-1v-2",key:"wuwx1p"}]]);/**
|
|
327
322
|
* @license lucide-react v0.453.0 - ISC
|
|
328
323
|
*
|
|
329
324
|
* This source code is licensed under the ISC license.
|
|
330
325
|
* See the LICENSE file in the root directory of this source tree.
|
|
331
|
-
*/const
|
|
326
|
+
*/const _s=t.createLucideIcon("Square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]);/**
|
|
332
327
|
* @license lucide-react v0.453.0 - ISC
|
|
333
328
|
*
|
|
334
329
|
* This source code is licensed under the ISC license.
|
|
@@ -338,35 +333,37 @@
|
|
|
338
333
|
*
|
|
339
334
|
* This source code is licensed under the ISC license.
|
|
340
335
|
* See the LICENSE file in the root directory of this source tree.
|
|
341
|
-
*/const
|
|
336
|
+
*/const Ps=t.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"}]]);/**
|
|
342
337
|
* @license lucide-react v0.453.0 - ISC
|
|
343
338
|
*
|
|
344
339
|
* This source code is licensed under the ISC license.
|
|
345
340
|
* See the LICENSE file in the root directory of this source tree.
|
|
346
|
-
*/const
|
|
341
|
+
*/const qs=t.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"}]]);/**
|
|
347
342
|
* @license lucide-react v0.453.0 - ISC
|
|
348
343
|
*
|
|
349
344
|
* This source code is licensed under the ISC license.
|
|
350
345
|
* See the LICENSE file in the root directory of this source tree.
|
|
351
|
-
*/const
|
|
346
|
+
*/const xt=t.createLucideIcon("Tornado",[["path",{d:"M21 4H3",key:"1hwok0"}],["path",{d:"M18 8H6",key:"41n648"}],["path",{d:"M19 12H9",key:"1g4lpz"}],["path",{d:"M16 16h-6",key:"1j5d54"}],["path",{d:"M11 20H9",key:"39obr8"}]]);/**
|
|
352
347
|
* @license lucide-react v0.453.0 - ISC
|
|
353
348
|
*
|
|
354
349
|
* This source code is licensed under the ISC license.
|
|
355
350
|
* See the LICENSE file in the root directory of this source tree.
|
|
356
|
-
*/const
|
|
351
|
+
*/const Hs=t.createLucideIcon("Trash2",[["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6",key:"4alrt4"}],["path",{d:"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2",key:"v07s0e"}],["line",{x1:"10",x2:"10",y1:"11",y2:"17",key:"1uufr5"}],["line",{x1:"14",x2:"14",y1:"11",y2:"17",key:"xtxkd"}]]);/**
|
|
357
352
|
* @license lucide-react v0.453.0 - ISC
|
|
358
353
|
*
|
|
359
354
|
* This source code is licensed under the ISC license.
|
|
360
355
|
* See the LICENSE file in the root directory of this source tree.
|
|
361
|
-
*/const Us=t.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"}]]);function _e(s){var a;return{...s,sheets:(a=s==null?void 0:s.sheets)==null?void 0:a.map(n=>{var r;return{...n,frames:(r=n.frames)==null?void 0:r.map(o=>{var l;return{...o,cards:(l=o.cards)==null?void 0:l.map(i=>ft(i))}})}})}}function ft(s){return{...s,customCfg:$s(s.customCfg),data:[]}}function $s(s){var a,n;return s?{...s,data:{...s==null?void 0:s.data,labels:[],datasets:(n=(a=s==null?void 0:s.data)==null?void 0:a.datasets)==null?void 0:n.map(r=>({...r,data:[]}))}}:null}async function Qs(s,a,n,r){if(!r)return null;const o=JSON.stringify(a);return await t.postRequest("https://semaphor.cloud/api/v1/lens",r,{name:s,template:o,filterValues:n,operation:"create"})}async function Le(s,a){if(!a)return null;const{id:n,template:r,filterValues:o,isDefault:l,shared:i}=s;return await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{lensId:n,template:r,filterValues:o,isDefault:l,shared:i,operation:"update"})}async function Js(s,a){return a?await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{operation:"delete",lensId:s}):null}function Ws(){const[s,a]=T.useState(""),[n,r]=T.useState(!1),o=t.useDashboardStore(p=>p.lenses),{setLenses:l,setSelectedLensId:i}=t.useDashboardActions(),[u,c]=T.useState(!1),[h,d]=T.useState(!1),x=t.useDashboardStore(p=>p.dashboard),b=t.useDashboardStore(p=>p.filterValues),{authToken:m}=t.useSemaphorContext();async function g(){c(!0);const p=_e(x),y=await Qs(s,p,b,m==null?void 0:m.accessToken);y&&(l([...o||[],y]),i(y.id),d(!1)),c(!1)}return e.jsxs(t.Dialog,{open:h,onOpenChange:d,children:[e.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),"Lens"]})}),e.jsxs(t.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Create Lens"}),e.jsx(t.DialogDescription,{children:"Lenses are private by default and are only visible to you."})]}),e.jsx("div",{className:"grid gap-4 py-4",children:e.jsxs("div",{className:"grid grid-cols-8 items-center gap-4",children:[e.jsx(t.Label,{className:"text-right",children:"Name"}),e.jsx(t.Input,{value:s,onChange:p=>{a(p.target.value)},id:"name",className:"col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"})]})}),n&&e.jsx("p",{className:"text-sm",children:"The lens name already exists. Use a differnet name."}),e.jsx(t.DialogFooter,{children:e.jsx(t.Button,{size:"sm",variant:"outline",type:"submit",onClick:g,disabled:u,children:u?"Creating...":"Add"})})]})]})}function Ks(){const[s,a]=T.useState(!1),n=t.useDashboardStore(d=>d.lenses),r=t.useDashboardStore(d=>d.selectedLensId),{setLenses:o,setSelectedLensId:l}=t.useDashboardActions(),{authToken:i}=t.useSemaphorContext();async function u(d){l(d)}async function c(d){if(await Js(d,i==null?void 0:i.accessToken)){const b=n==null?void 0:n.filter(m=>m.id!==d);o(b||[]),l("original")}}async function h(d){const x=n==null?void 0:n.map(g=>g.id===d.id?{...g,isDefault:!d.isDefault}:{...g,isDefault:!1});o(x||[]);const b={...d,isDefault:!d.isDefault};await Le(b,i==null?void 0:i.accessToken);const m=n==null?void 0:n.find(g=>g.isDefault);if(m&&m.id!==d.id){const g={...m,isDefault:!1};await Le(g,i==null?void 0:i.accessToken)}}return e.jsxs(t.DropdownMenu,{open:s,onOpenChange:a,children:[e.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Lenses",className:"h-7 p-2",children:e.jsx(ws,{className:"h-4 w-4"})})}),e.jsxs(t.DropdownMenuContent,{align:"end",className:"w-60",children:[e.jsx(t.DropdownMenuLabel,{className:"px-3",children:"Lenses"}),e.jsx(t.DropdownMenuSeparator,{}),e.jsxs(t.DropdownMenuRadioGroup,{value:r,onValueChange:u,children:[e.jsx(t.DropdownMenuRadioItem,{value:"original",children:"Original"}),n==null?void 0:n.map(d=>e.jsxs(t.DropdownMenuRadioItem,{className:"group flex justify-between gap-2",value:d.id,children:[e.jsx("p",{children:d.name}),e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx(Is,{onClick:x=>{x.preventDefault(),h(d)},className:t.cn("size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",{invisible:!d.isDefault,"text-green-500":d.isDefault}),strokeWidth:1.5}),e.jsx(t.Cross2Icon,{onClick:x=>{x.preventDefault(),c(d.id)},className:"invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",strokeWidth:1.5})]})]},d.id))]})]})]})}function gt(){var l;const s=t.useDashboardStore.getState().authToken,a=t.useDashboardStore.getState().theme,n=t.useDashboardStore.getState().filterValues,r=(l=t.useDashboardStore.getState().dashboard)==null?void 0:l.title,o=t.useDashboardStore.getState().selectedSheetId;return{authToken:s,theme:a||"light",filterValues:n,dashboardTitle:r||"",selectedSheetId:o||""}}async function jt(){const s=t.useDashboardStore.getState().isDownloadingPdf,{authToken:a,theme:n,filterValues:r,dashboardTitle:o,selectedSheetId:l}=gt();if(s)return;const i=new URLSearchParams;i.set("token",(a==null?void 0:a.accessToken)||""),i.set("theme",n),i.set("filterValues",JSON.stringify(r)),i.set("selectedSheetId",l||"");const u=`https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`;t.useDashboardStore.setState({isDownloadingPdf:!0});const d=(await(await fetch(u,{method:"GET",headers:{Authorization:`Bearer ${a==null?void 0:a.accessToken}`}})).json()).url,x=document.createElement("a");x.href=d;const b=`${o}-${new Date().toISOString()}.pdf`;x.download=b,x.click(),t.useDashboardStore.setState({isDownloadingPdf:!1})}function Ys({iconClassName:s}){const{authToken:a}=t.useSemaphorContext();t.useDashboardStore(o=>{var l;return(l=o.dashboard)==null?void 0:l.title}),t.useDashboardStore(o=>o.theme),t.useDashboardStore(o=>o.filterValues);const n=t.useDashboardStore(o=>o.isDownloadingPdf);async function r(){await jt()}return e.jsx(t.IconButton,{tooltip:"Download PDF",className:"h-7 p-2",onClick:r,children:n?e.jsx(ae,{className:t.cn("size-3.5 animate-spin",s)}):e.jsx(t.Download,{className:t.cn("size-4",s)})})}function Y({defaultValue:s,label:a,options:n,value:r,onValueChange:o,className:l,icon:i,showPlaceholderLabel:u=!0}){return e.jsxs(t.Select,{defaultValue:s,value:r,onValueChange:o,children:[e.jsx(t.SelectTrigger,{className:t.cn("w-full focus:ring-0 focus:ring-offset-0",l),children:e.jsxs("div",{className:"flex items-center gap-2",children:[i&&e.jsx("span",{children:i}),u&&e.jsx(t.SelectValue,{placeholder:a})]})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:a}),n.map(c=>e.jsx(t.SelectItem,{value:c.value,children:c.label},c.value))]})})]})}const Je=[{value:"daily",label:"Daily"},{value:"weekly",label:"Weekly"},{value:"biweekly",label:"Bi-Weekly"},{value:"monthly",label:"Monthly"}];function yt({triggerButtonClassName:s}){const{data:a,handleScheduleSubscription:n,handleDeleteSubscription:r,status:o,error:l,isDeleting:i}=Zs(),[u,c]=T.useState(""),[h,d]=T.useState(Je[0].value),[x,b]=T.useState("06:00"),[m,g]=T.useState("");return e.jsx(t.TooltipProvider,{delayDuration:0,children:e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Schedule Dashboard",className:t.cn("h-7 p-2",s),children:e.jsx(xs,{className:"size-4"})})}),e.jsx(t.PopoverContent,{align:"end",className:"w-80",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Schedule Subscription"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Subscribe to receive dashboard via email"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"email",children:"Email"}),e.jsx(t.Input,{id:"email",value:u,onChange:p=>c(p.target.value),className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"subject",children:"Subject"}),e.jsx(t.Input,{id:"subject",placeholder:"Monthly Sales Report",value:m,onChange:p=>{g(p.target.value.replace(/[^a-zA-Z0-9\s-_]/g,""))},className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"frequency",children:"Frequency"}),e.jsx(Y,{className:"col-span-2 h-8",label:"Select Frequency",options:Je,value:h,onValueChange:p=>d(p)})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"time",children:"Time"}),e.jsx(t.Input,{id:"time",type:"time",value:x,onChange:p=>b(p.target.value),className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsx("div",{className:"mt-2 flex justify-end",children:e.jsxs(t.Button,{onClick:async()=>{await n({email:u,frequency:h,time:x,subject:m}),b("00:00"),c(""),g("")},className:"h-8 p-2",disabled:o==="loading"||!u,children:[o==="loading"&&e.jsx(ae,{className:"mr-2 size-4 animate-spin"}),o==="success"&&e.jsx(t.Check,{className:"mr-2 size-4"}),o==="error"&&e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{children:e.jsx(at,{className:"mr-2 size-4 text-destructive"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{children:l})})]}),"Schedule"]})}),a&&a.length>0&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Separator,{className:"my-2"}),e.jsx("div",{className:"space-y-2",children:e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Subscriptions"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Active email subscriptions"})]}),t.isDevEnv]})}),e.jsx("div",{className:"grid gap-2",children:a==null?void 0:a.map(p=>e.jsxs("div",{className:"group grid grid-cols-5 gap-3",children:[e.jsx("div",{className:"col-span-3 text-sm",children:e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"boder-border rounded-md border bg-muted px-2 py-1",children:[t.titleCase(p.frequency)," "]}),e.jsx(t.Label,{children:p.time})]})}),e.jsxs("div",{className:"col-span-2 flex items-center justify-end gap-4",children:[e.jsx(We,{tooltip:`Next Run: ${new Date(p.nextRun).toLocaleString()} ${p.timezone}`,children:e.jsx(hs,{className:"size-3.5"})}),e.jsx(We,{tooltip:`${p.endUserEmail}`,children:e.jsx(Os,{className:"size-3.5"})}),i===p.id?e.jsx(ae,{className:"size-3.5 animate-spin"}):e.jsx(Gs,{onClick:()=>r(p.id),className:"size-3.5 cursor-pointer"})]})]},p.id))})]})]})]})})]})})}const We=({children:s,tooltip:a})=>e.jsx(t.TooltipProvider,{delayDuration:0,children:e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:s}),e.jsx(t.TooltipContent,{children:a})]})});function Zs(){const[s,a]=T.useState("idle"),[n,r]=T.useState(""),[o,l]=T.useState(null),i=t.useDashboardStore(C=>C.authToken),u=t.useDashboardStore(C=>C.dashboard.id),c=t.useDashboardStore(C=>C.dashboard.title),{endUserId:h}=t.getTenantAndEndUserId((i==null?void 0:i.accessToken)||""),d="https://semaphor.cloud/api/v1/subscriptions/get",x={dashboardId:u,endUserId:h},{data:b,isLoading:m,isError:g,isFetching:p,refetch:y}=t.useQuery({queryKey:["subscriptions",u,h],queryFn:()=>t.getRequest(d,(i==null?void 0:i.accessToken)||"",x),enabled:!!(i!=null&&i.accessToken)&&!!u&&!!h});async function f({email:C,subject:A,frequency:N,time:D}){const{authToken:F,...R}=gt(),U=Intl.DateTimeFormat().resolvedOptions().timeZone,w={email:C,frequency:N,time:D,timezone:U,endUserId:h,endUserEmail:C,subject:A||c||"Scheduled Dashboard",dashboardId:u,dashboardParams:R};a("loading");const _="https://semaphor.cloud/api/v1/subscriptions/create";try{const G=await t.postRequestRegular(_,(F==null?void 0:F.accessToken)||"",{...w});a("success"),r(""),y(),setTimeout(()=>{a("idle")},2e3)}catch(G){console.error(G),a("error"),r(G.message)}}async function S(C){const A="https://semaphor.cloud/api/v1/subscriptions/delete";l(C);try{await t.postRequestRegular(A,(i==null?void 0:i.accessToken)||"",{id:C}),y(),setTimeout(()=>{l(null)},2e3)}catch(N){console.error(N),l(null),a("error"),r(N.message)}}return{data:b,isLoading:m,isFetching:p,isError:g,isDeleting:o,refetch:y,handleScheduleSubscription:f,handleDeleteSubscription:S,status:s,error:n}}function Xs(){const{authToken:s}=t.useSemaphorContext();t.useDashboardStore(w=>w.theme);const a=t.useDashboardStore(w=>w.lenses),n=t.useDashboardStore(w=>w.selectedLensId),r=a==null?void 0:a.find(w=>w.id===n),o=t.useDashboardStore(w=>w.dashboard);t.useDashboardStore(w=>w.selectedSheetId);const l=t.useDashboardStore(w=>w.isDashboardEditing),i=t.useEditorStore(w=>w.selectedConnectionId),[u,c]=T.useState(!1),h=t.useDashboardStore(w=>w.filterValues),d=t.useDashboardStore(w=>w.isVisualEditing),x=t.useDashboardStore(w=>w.showFilters);t.useDashboardStore(w=>w.showDashboardJSON);const b=t.useDashboardStore(w=>w.onSaveFunction),m=t.useDashboardStore(w=>w.actions.setShowFilters),{addFrame:g,setSelectedFrameId:p}=t.useDashboardStore(w=>w.actions),{getSelectedSheet:y,setIsDashboardEditing:f,setShowDashboardJSON:S}=t.useDashboardStore(w=>w.actions),C=y(),{tenantId:A,endUserId:N}=T.useMemo(()=>t.getTenantAndEndUserId(s==null?void 0:s.accessToken),[s==null?void 0:s.accessToken]),D=T.useMemo(()=>A||N,[A,N]),F=()=>{if(!l||!C)return;const w={connectionId:i,id:t.v4(),title:"Title",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]},_={id:t.v4(),cards:[w],activeCardId:w.id};g(C.id,_),p(_.id)},R=()=>{f(!0)};async function U(){if(c(!0),!n||!r)return;const w=_e(o),_=JSON.stringify(w),G={...r,template:_,filterValues:h};await Le(G,s==null?void 0:s.accessToken),t.ue.success("Lens saved"),b==null||b(w),c(!1)}return d?null:e.jsxs("div",{className:"flex items-center justify-between gap-2 border-b py-1 pl-3 pr-2",role:"dashboard-controls",children:[!d&&e.jsx("div",{className:"flex items-center gap-3",children:e.jsx(t.Label,{children:r==null?void 0:r.name})}),e.jsxs("div",{className:"flex gap-2",children:[!1,!d&&e.jsx(Ys,{}),!d&&e.jsx(yt,{}),l&&!d&&D&&e.jsx(Ws,{}),!d&&D&&e.jsx(Ks,{}),l&&!d&&e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",disabled:!l,onClick:F,children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),"Frame"]}),!l&&e.jsx(t.Button,{variant:"ghost",className:"h-7 p-2",onClick:R,size:"sm",children:e.jsx(t.Pencil,{className:"h-4 w-4"})}),l&&!d&&e.jsx(t.IconButton,{className:"h-7 p-2",onClick:()=>{f(!1),S(!1)},children:e.jsx(t.Cross2Icon,{className:"h-4 w-4"})}),l&&!d&&D&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",disabled:u,onClick:U,size:"sm",children:e.jsx(Vs,{className:"h-4 w-4"})}),!x&&!d&&l&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",onClick:()=>m(!0),size:"sm",children:e.jsx(lt,{className:"h-4 w-4"})}),!d&&l&&!1,!d&&!1]})]})}function en({name:s,items:a,value:n,onChange:r,isLoading:o,isError:l,refetch:i,className:u,icon:c,showNone:h=!1}){const d=le.useRef(null),[x,b]=le.useState(!1),[m,g]=le.useState("100%"),p=h?[...a||[],{id:"none",name:"None"}]:a;le.useLayoutEffect(()=>{d.current&&g(d.current.offsetWidth)},[]);function y(){var S;return o?"Loading...":l?"Error":n?(S=a==null?void 0:a.find(C=>C.id===n))==null?void 0:S.name:`Select ${s}`}function f(S,C){r(C),b(!1)}return e.jsxs(t.Popover,{open:x,onOpenChange:b,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{ref:d,variant:"outline",role:"combobox","aria-expanded":x,className:t.cn("flex h-9 w-full justify-between",u),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[c&&e.jsx("div",{className:"mr-2",children:c}),e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate text-ellipsis whitespace-nowrap",children:y()})]}),e.jsx(t.ChevronDown,{className:"size-4 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-full p-0",style:{minWidth:m},children:e.jsxs(t.Command,{children:[e.jsxs("div",{className:"flex h-9 items-center justify-between border-b pr-1",children:[e.jsx(t.CommandInput,{className:"h-9",placeholder:"Search..."}),e.jsx(t.IconButton,{className:"h-7",onClick:i,children:e.jsx(mt,{className:t.cn("size-3.5 opacity-50",o&&"animate-spin")})})]}),e.jsxs(t.CommandList,{children:[e.jsxs(t.CommandEmpty,{children:["No ",s==null?void 0:s.toLowerCase()," found."]}),e.jsx(t.CommandGroup,{children:p==null?void 0:p.map(S=>e.jsx(t.CommandItem,{className:"overflow-x-auto",value:S.name,onSelect:C=>f(C,S.id),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:t.cn("size-4",n===S.id?"opacity-100":"opacity-0")}),e.jsx("div",{title:S.name,children:S.name})]})},S.id))})]})]})})]})}function ie({title:s,items:a,value:n,isLoading:r,isError:o,refetch:l,onChange:i,showNone:u=!1,className:c,disabled:h=!1,type:d="combobox"}){const x=r?"Loading...":o?"Error":n;function b(){if(s==="Connection")return e.jsx(Rs,{className:"size-4"});if(s==="Database")return e.jsx(js,{className:"size-4"});if(s==="Schema")return e.jsx(Fs,{className:"size-4"});if(s==="Table")return e.jsx(Ve,{className:"size-4"});if(s==="Model")return e.jsx(ds,{className:"size-4"})}function m(){return e.jsxs(t.Select,{disabled:h,value:x,onValueChange:i,children:[e.jsx(t.SelectTrigger,{className:t.cn("h-9 w-full border-muted focus:ring-1 focus:ring-offset-0",c),children:e.jsx(t.SelectValue,{placeholder:r?"Loading...":o?"Error":`Select ${s}`})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[r?e.jsx(t.SelectLabel,{children:"Loading..."}):e.jsxs(t.SelectLabel,{className:"flex items-center justify-between gap-2",children:[s,e.jsx(mt,{className:t.cn("mr-1 size-3 cursor-pointer text-muted-foreground hover:text-foreground",r&&"animate-spin"),onClick:l})]}),e.jsxs(e.Fragment,{children:[u&&e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),a&&a.map((p,y)=>e.jsx(t.SelectItem,{value:p.id,children:p.name},y))]}),(r||o)&&e.jsx(t.SelectItem,{value:x,children:x})]})})]})}function g(){return e.jsx(en,{icon:b(),items:a,value:x,onChange:i||(()=>{}),isLoading:r,isError:o,refetch:l,name:s,showNone:u})}return e.jsx(t.TooltipProvider$1,{delayDuration:0,children:e.jsx("div",{className:"flex items-center gap-2",children:d==="select"?m():g()})})}function tn({column:s}){const[a,n]=T.useState(!1),r=t.useEditorStore(p=>p.selectedTableName),o=t.useEditorStore(p=>p.selectedSchemaName),l=t.useEditorStore(p=>p.selectedDatabaseName),i=t.useEditorStore(p=>p.selectedDatamodelId),u=t.useEditorStore(p=>p.sqlGen),{modelItems:c,connectionType:h}=t.useEditorAside(),d=t.useEditorStore(p=>p.actions.setSqlGen),x=t.useEditorStore(p=>p.actions.setCardSql),b=t.useEditorStore(p=>p.actions.setRunSql);function m(p,y){var A;const f=t.createSqlGenConfig(p,u,y),S=(A=c==null?void 0:c.find(N=>N.id===i))==null?void 0:A.name;d(f);const C=t.getSql(f,t.fmt(o||""),t.fmt(r),S,h,l||"");C&&(x(C),b(!0)),n(!1)}function g(){return e.jsxs("ul",{className:"text-xs",children:[e.jsx("li",{onClick:()=>m(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsx("li",{onClick:()=>m(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsx("li",{onClick:()=>m(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsx("li",{onClick:()=>m(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsx("li",{onClick:()=>m(s,"MIN"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Min"})]})}return e.jsxs(t.HoverCard,{openDelay:0,open:a,onOpenChange:n,children:[e.jsx(t.HoverCardTrigger,{asChild:!0,children:e.jsx(ot,{className:"invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible"})}),e.jsx(t.HoverCardContent,{align:"center",className:"w-20 rounded-md p-0 shadow-none",children:g()})]})}function Pe({column:s}){return e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger$1,{className:"shrink-0",asChild:!0,children:t.isTextDataType(s.data_type)?e.jsx(t.TextIcon,{className:"size-3 text-muted-foreground"}):t.isNumberDataType(s.data_type)?e.jsx(ct,{className:"size-3 text-muted-foreground"}):t.isDateDataType(s.data_type)?e.jsx(t.Calendar,{className:"size-3 text-muted-foreground"}):t.isBooleanDataType(s.data_type)?e.jsx(Hs,{className:"size-3 text-muted-foreground"}):s.data_type.startsWith("json")?e.jsx(us,{className:"size-3 text-muted-foreground"}):e.jsx(t.QuestionMarkIcon,{className:"size-3 text-muted-foreground"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{className:"text-xs",children:s.data_type})})]})}function we({column:s,className:a}){return e.jsxs("div",{className:t.cn("flex min-h-8 grow items-center space-x-2 px-2 text-sm",a),children:[e.jsx(Pe,{column:s}),e.jsx("span",{children:s.column_name})]})}function sn({id:s,children:a,type:n="column"}){const{attributes:r,listeners:o,setNodeRef:l,transform:i}=t.useDraggable({id:s,data:{type:n}}),u=i?{translate:t.CSS.Translate.toString(i),transform:t.CSS.Transform.toString(i)}:void 0;return e.jsx("div",{ref:l,style:u,...o,...r,children:a})}function nn({onClick:s,column:a}){const n=t.useDndStore(d=>d.activeId),r=t.useEditorStore(d=>{var x;return(x=d.card.queryConfig)==null?void 0:x.groupByColumns}),o=t.useEditorStore(d=>{var x;return(x=d.card.queryConfig)==null?void 0:x.metricColumns}),l=t.useEditorStore(d=>{var x;return(x=d.card.queryConfig)==null?void 0:x.filterColumns});function i(d){return u(d)||c(d)||h(d)}function u(d){return r==null?void 0:r.some(x=>x.name===d.column_name)}function c(d){return o==null?void 0:o.some(x=>x.name===d.column_name)}function h(d){return l==null?void 0:l.some(x=>x.name===d.column_name)}return e.jsxs("div",{onClick:()=>s(a),className:t.cn("relative grow overflow-x-hidden overflow-y-hidden rounded-md active:border active:border-dashed active:border-muted-foreground",{"bg-muted-foreground/10":i(a)}),children:[n===a.column_name&&e.jsx(t.DragOverlay,{children:e.jsx(we,{column:a,className:"rounded-md border-2 border-dashed border-muted-foreground bg-muted shadow-md"})}),n===a.column_name&&e.jsx("div",{className:"absolute inset-0",children:n===a.column_name&&e.jsx(we,{column:a})}),e.jsx(sn,{id:a.column_name,type:"column",children:e.jsx(we,{column:a})})]})}const ke={id:"__placeholder__",role:"groupby",type:"string"},De={id:"__placeholder__",role:"groupby",type:"string"},Ie={id:"__placeholder__",role:"metric",type:"number"},Ee={name:"Filter",id:"__placeholder__",role:"filter",type:"string"},bt={id:"__placeholder__"},te="droppable-group-by",se="droppable-metrics",ne="droppable-pivot-by",be="sortable-group-by",Oe="sortable-metrics",ve="sortable-pivot-by",ze="droppable-filters",Fe="sortable-filters",qe="sortable-order-by";function an(){const s=t.useDndStore(E=>E.insertIndex),a=t.useEditorStore(E=>{var j;return((j=E.card.queryConfig)==null?void 0:j.groupByColumns)||[]}),n=t.useEditorStore(E=>{var j;return((j=E.card.queryConfig)==null?void 0:j.metricColumns)||[]}),r=t.useEditorStore(E=>{var j;return((j=E.card.queryConfig)==null?void 0:j.filterColumns)||[]}),o=t.useEditorStore(E=>{var j;return((j=E.card.queryConfig)==null?void 0:j.orderBy)||[]}),l=t.useEditorStore(E=>{var j;return((j=E.card.queryConfig)==null?void 0:j.pivotColumns)||[]}),{setInsertIndex:i,setActiveId:u,setPreviewGroupByColumns:c,setPreviewMetricColumns:h,setPreviewFilterColumns:d,setPreviewPivotColumns:x}=t.useDndActions(),{setGroupByColumns:b,setMetricColumns:m,setFilterColumns:g,setOrderByColumns:p,setPivotByColumns:y}=t.useEditorActions(),{columns:f}=t.useDataColumns(),{formattedTableName:S}=t.useEditorAside(),C=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:{distance:1}})),A=E=>{var B;const{active:j,over:M}=E;if(((B=j.data.current)==null?void 0:B.type)==="column"&&M){const v=M.id,O=f.find(z=>z.column_name===j.id);if(!O)return;const I=t.isNumberDataType(O.data_type),$=t.isTextDataType(O.data_type),L=t.isDateDataType(O.data_type);if($||L){if(a.some(q=>q.id===v)){const q=a.findIndex(V=>V.id===v);i(q);const J=a.filter(V=>V.id!==ke.id);J.splice(q,0,ke),c(J)}else if(M.id===te){i(a.length);const q=[...a,ke];c(q),h(n),d(r)}}if($||L){if(l.some(q=>q.id===v)){const q=l.findIndex(V=>V.id===v);i(q);const J=l.filter(V=>V.id!==De.id);J.splice(q,0,De),x(J)}else if(M.id===ne){i(l.length);const q=[...l,De];x(q),c(a),h(n),d(r)}}if(I||$){if(n.some(q=>q.id===v)){console.log("isOverMetricSortable",v);const q=n.findIndex(V=>V.id===v);i(q);const J=n.filter(V=>V.id!==Ie.id);J.splice(q,0,Ie),h(J)}else if(M.id===se){i(n.length);const q=[...n,Ie];h(q),d(r),c(a),x(l)}}if(D(O)){if(r.some(q=>q.id===v)){const q=r.findIndex(V=>V.id===v);i(q);const J=r.filter(V=>V.id!==Ee.id);J.splice(q,0,Ee),d(J)}else if(M.id===ze){i(r.length);const q=[...r,Ee];d(q),h(n),c(a),x(l)}}}else c(a),h(n),d(r),x(l)};function N(E){u(E.active.id),i(null),c(a),h(n),d(r),x(l)}function D(E){return!r.some(j=>j.name===E.column_name)}function F(E,j="SUM"){const{column_name:M,data_type:B}=E,v=[...n],O=s!==null?s:n.length,I={...E,id:Z(M),name:M,label:me(M,j),type:B,role:"metric",aggregate:j};v.splice(O,0,I),m(v)}function R(E){const j=t.isTextDataType(E.data_type);t.isDateDataType(E.data_type);const M=[...l],B=s!==null?s:l.length;let v;j?v={...E,id:Z(E.column_name),name:E.column_name,type:E.data_type,role:"groupby"}:v={...E,id:Z(E.column_name),name:E.column_name,type:E.data_type,role:"groupby",label:ce(E.column_name,"month"),granularity:"month"},M.splice(B,0,v),y(M)}function U(E){const j=t.isTextDataType(E.data_type);t.isDateDataType(E.data_type);const M=[...a],B=s!==null?s:a.length;let v;j?v={...E,id:Z(E.column_name),name:E.column_name,type:E.data_type,role:"groupby"}:v={...E,id:Z(E.column_name),name:E.column_name,type:E.data_type,role:"groupby",label:ce(E.column_name,"month"),granularity:"month"},M.splice(B,0,v),b(M)}function w(E){const j=[...r],M=s!==null?s:r.length,B={...E,id:Z(E.column_name),name:E.column_name,type:E.data_type,sql:t.getDefaultFilterSql(E.data_type,S,t.fmt(E.column_name)),role:"filter"};j.splice(M,0,B),g(j)}function _(E){var v,O,I,$,L,z,q,J;const{active:j,over:M}=E,B=j.data.current;if((B==null?void 0:B.type)==="column"&&M){const V=f.find(K=>K.column_name===j.id);if(!V)return;const Q=t.isNumberDataType(V.data_type),k=t.isTextDataType(V.data_type),H=t.isDateDataType(V.data_type);(k||H)&&(M.id===te||((v=M.data.current)==null?void 0:v.type)===be)&&U(V),(k||H)&&(M.id===ne||((O=M.data.current)==null?void 0:O.type)===ve)?R(V):(Q||k)&&(M.id===se||((I=M.data.current)==null?void 0:I.type)===Oe)?(Q&&F(V),k&&F(V,"COUNT")):D(V)&&(M.id===ze||(($=M.data.current)==null?void 0:$.type)===Fe)&&w(V)}if(M&&((L=M.data.current)==null?void 0:L.type)===be&&a.some(V=>V.id===j.id)){const V=a.findIndex(k=>k.id===j.id),Q=a.findIndex(k=>k.id===M.id);if(V!==-1&&Q!==-1&&V!==Q){const k=[...a],[H]=k.splice(V,1);k.splice(Q,0,H),b(k)}}if(M&&((z=M.data.current)==null?void 0:z.type)===ve&&l.some(V=>V.id===j.id)){const V=l.findIndex(k=>k.id===j.id),Q=l.findIndex(k=>k.id===M.id);if(V!==-1&&Q!==-1&&V!==Q){const k=[...l],[H]=k.splice(V,1);k.splice(Q,0,H),y(k)}}if(M&&((q=M.data.current)==null?void 0:q.type)===Oe&&n.some(V=>V.id===j.id)){const V=n.findIndex(k=>k.id===j.id),Q=n.findIndex(k=>k.id===M.id);if(V!==-1&&Q!==-1&&V!==Q){const k=[...n],[H]=k.splice(V,1);k.splice(Q,0,H),m(k)}}if(M&&((J=M.data.current)==null?void 0:J.type)===Fe&&r.some(V=>V.id===j.id)){const V=r.findIndex(k=>k.id===j.id),Q=r.findIndex(k=>k.id===M.id);if(V!==-1&&Q!==-1&&V!==Q){const k=[...r],[H]=k.splice(V,1);k.splice(Q,0,H),g(k)}}G(E),u(null),i(null),c(a),h(n),d(r),x(l)}function G(E){const{active:j,over:M}=E,B=j.data.current;if((B==null?void 0:B.type)===qe&&M){const v=o.findIndex(I=>ue(I.columnId)===j.id),O=o.findIndex(I=>ue(I.columnId)===M.id);if(v!==-1&&O!==-1&&v!==O){const I=[...o],[$]=I.splice(v,1);I.splice(O,0,$),p(I)}}}function P(){u(null),i(null),c(a),h(n),d(r)}return{handleDragOver:A,handleDragEnd:_,handleDragStart:N,handleDragCancel:P,sensors:C}}function Z(s){return`${s}-${t.v4()}`}function me(s,a){const n=t.toTitleCase(s.replace(/_/g," "));switch(a){case"SUM":return`Sum of ${n}`;case"COUNT":return`Count of ${n}`;case"DISTINCT":return`Unique ${n}`;case"AVG":return`Average of ${n}`;case"MIN":return`Min of ${n}`;case"MAX":return`Max of ${n}`;default:return n}}function ue(s){return`${qe}-${s}`}function ce(s,a){const n=t.toTitleCase(s.replace(/_/g," "));switch(a){case"day":return`Date of ${n}`;case"week":return`Week of ${n}`;case"month":return`Month of ${n}`;case"year":return`Year of ${n}`;default:return n}}function rn({schemaName:s,tableName:a,columns:n,status:r}){const o=t.useEditorStore(j=>j.sqlGen),l=t.useEditorStore(j=>j.isDevMode),i=t.useEditorStore(j=>j.selectedConnectionId),u=t.useEditorStore(j=>{var M,B;return(B=(M=j.card)==null?void 0:M.queryConfig)==null?void 0:B.metricColumns});t.useEditorStore(j=>{var M,B;return(B=(M=j.card)==null?void 0:M.queryConfig)==null?void 0:B.groupByColumns});const c=t.useEditorStore(j=>j.selectedDatabaseName),h=t.useEditorStore(j=>j.selectedSchemaName),d=t.useEditorStore(j=>j.selectedTableName),x=t.useEditorStore(j=>j.selectedDatamodelId),b=t.useDashboardStore(j=>j.dashboard.aiScopeTables),{addToAIScope:m,removeFromAIScope:g}=t.useDashboardActions(),{addColumnToMetricColumns:p,addColumnToGroupBy:y,setCardSql:f,setRunSql:S,setSqlGen:C,setIsShowingVisual:A}=t.useEditorActions(),{connectionType:N,modelItems:D,selectedDatamodelName:F}=t.useEditorAside();function R(j){var M;if(l){const B=t.createSqlGenConfig(j,o);C(B);const v=(M=D==null?void 0:D.find(I=>I.id===x))==null?void 0:M.name,O=t.getSql(B,t.fmt(s),t.fmt(a),v,N,c||"");O&&(f(O),S(!0))}if(!l){if(t.isTextDataType(j.data_type))if(u&&u.length>0){const B={...j,role:"groupby",id:Z(j.column_name),name:j.column_name,type:j.data_type};y(B)}else{const B={...j,role:"metric",id:Z(j.column_name),name:j.column_name,label:me(j.column_name,"COUNT"),type:j.data_type,aggregate:"COUNT"};p(B)}if(t.isDateDataType(j.data_type)){const B={...j,role:"groupby",id:Z(j.column_name),name:j.column_name,type:j.data_type,label:ce(j.column_name,"month"),granularity:"month"};y(B)}if(t.isNumberDataType(j.data_type)){const B={...j,role:"metric",id:Z(j.column_name),name:j.column_name,label:me(j.column_name,"SUM"),type:j.data_type,aggregate:"SUM"};p(B)}}}function U(j){j===!0&&(d||F)&&i?(m({connectionId:i,connectionType:N==="S3"||N==="API"?"DuckDb":N,databaseName:c||"",schemaName:h||"",tableName:d||"",datamodelName:t.resolveDatamodelName(F),datamodelId:x||""}),t.ue.success("Added to Assistant Scope",{position:"top-right",duration:2500,richColors:!0})):(g({connectionId:i||"",connectionType:N||"",tableName:d||"",datamodelName:t.resolveDatamodelName(F),datamodelId:x||"",databaseName:c||"",schemaName:h||""}),t.ue("Removed from Assistant Scope",{position:"top-right",duration:2e3,richColors:!0}))}function w(){const j=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:F,connectionType:N,databaseName:c||""});A(!1);const M=N==="MSSQL"?`SELECT top 10 * FROM ${j}`:`SELECT * FROM ${j} LIMIT 10`;f(M),S(!0)}function _(){const j=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:F,connectionType:N,databaseName:c||""});f(`SELECT COUNT(*) as count FROM ${j}`),S(!0)}function G(){return(b==null?void 0:b.find(j=>j.connectionId===i&&(j.tableName===d||j.datamodelName===F)))!==void 0}function P(j){return l?e.jsxs("div",{className:"flex grow items-center justify-between space-x-2 rounded-md px-2 py-1",onClick:()=>R(j),children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(Pe,{column:j}),e.jsx("span",{children:j.column_name})]}),e.jsx("div",{onClick:M=>M.stopPropagation(),className:"flex items-center justify-end",children:t.isNumberDataType(j.data_type)&&e.jsx(tn,{column:j})})]}):e.jsx(nn,{onClick:R,column:j})}function E(){return e.jsxs(e.Fragment,{children:[e.jsxs(t.Toggle,{title:`${G()?"Remove from":"Add to"} Assistant Scope`,pressed:G(),onPressedChange:U,variant:"outline",className:t.cn("h-9 px-2",{}),children:[e.jsx(t.Plus,{className:t.cn("mr-1 size-4",{"text-green-400":G(),"text-muted-foreground":!G()})}),"AI"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:w,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsx(ae,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(Ls,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:_,size:"sm",variant:"secondary",className:"w-full",children:[r!=="Success"?e.jsx(ae,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(xt,{className:"mr-2 size-4"}),"Count"]})]})}return r!=="Success"?e.jsx("div",{className:"flex grow flex-col justify-start gap-2 px-6",children:Array.from({length:3}).map((j,M)=>e.jsx(t.Skeleton,{className:"h-7 w-full"},M))}):e.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[l&&e.jsx("div",{className:"mx-2 flex items-center justify-center gap-2",children:E()}),e.jsxs(t.CustomScrollArea,{className:"flex-1 basis-0 overflow-y-auto px-2 py-0",children:[e.jsx("div",{className:"flex flex-col gap-1",children:n==null?void 0:n.map(j=>e.jsx("div",{className:t.cn("mr-2 cursor-pointer rounded-md text-sm transition-colors hover:bg-muted"),children:P(j)},j.column_name))}),e.jsx(t.ScrollBar,{orientation:"vertical"}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function vt({ColumnsComponent:s,type:a}){var Ue;const n=t.useEditorStore(W=>W.card),r=t.useEditorStore(W=>W.selectedConnectionId),o=t.useDashboardStore(W=>W.showFilters),l=t.useEditorStore(W=>W.selectedDatamodelId),i=t.useEditorStore(W=>W.selectedDatabaseName),u=t.useEditorStore(W=>W.selectedSchemaName),c=t.useEditorStore(W=>W.selectedTableName),h=t.useEditorStore(W=>W.isDevMode),{setSelectedTableName:d,setIsDevMode:x,setCardSql:b}=t.useEditorActions(),{connectionItems:m,modelItems:g,schemaItems:p,databaseItems:y,tableItems:f,columns:S,isConnectionsLoading:C,isModelsLoading:A,isConnectionsError:N,isModelsError:D,isDatabasesLoadingOrFetching:F,isDatabaseError:R,isSchemaLoadingOrFetching:U,isSchemaError:w,isColumnsError:_,isColumnsLoadingOrFetching:G,isTableLoadingOrFetching:P,isTableError:E,connectionType:j,isNonDbConnection:M,refetchDatabases:B,refetchModels:v,refetchSchemas:O,refetchTables:I,refetchColumns:$,refetchConnections:L,handleConnectionChange:z,handleDatabaseChange:q,handleSchemaChange:J,handleDatamodelChange:V,tableName:Q,schemaName:k}=t.useEditorAside(),{data:H,refetch:K}=t.useDashboardCardQuery(n);function X(){return s?s(k,Q,S):e.jsx(rn,{schemaName:k,tableName:Q,columns:S,status:G?"Loading...":_?"Error":"Success"})}function he(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function xe(W){W===!0?H&&(b(H.userSql),setTimeout(()=>{K()},100)):b(""),x(W)}function pe(){if(!r||j==="S3"||j==="API")return null;if(!l||l==="none")return e.jsx(ie,{refetch:B,showNone:!0,onChange:q,isError:R,isLoading:F,items:y,value:i||"",title:"Database",type:"combobox"})}function fe(){if(r&&!M&&(!i||i==="none")&&(!l||l==="none"))return e.jsxs("div",{className:"grid grid-cols-3",children:[e.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsx(t.Separator,{})}),e.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsx(t.Label,{children:"OR"})}),e.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsx(t.Separator,{})})]})}function $t(){if(!r||j==="S3"||j==="API")return null;if(!i||i==="none")return e.jsx(ie,{refetch:v,showNone:!0,onChange:V,isError:D,isLoading:A,items:g,value:l||"",title:"Model",type:"combobox"})}function Qt(){return!r||j==="S3"||j==="API"||!i||i==="none"?null:e.jsx(ie,{refetch:O,onChange:J,isError:w,isLoading:U,items:p,value:u||"",title:"Schema",type:"combobox"})}function Jt(){function W(){let ee=!1;return j==="API"?(ee=!1,ee):((j==="S3"||r&&i&&i!=="none"&&u)&&(ee=!0),ee)}return W()?e.jsx(ie,{refetch:I,onChange:d,isError:E,items:f,isLoading:P,value:c||"",title:"Table",type:"combobox"}):null}return e.jsxs("aside",{className:t.cn("flex h-full min-w-[310px] max-w-[310px] flex-col justify-between rounded-none",{"border-r-[1px]":!o}),children:[e.jsxs("section",{className:"space-y-3 px-6 py-4",children:[e.jsx(ie,{refetch:L,items:m,title:"Connection",value:r||"",onChange:z,isLoading:C,isError:N,type:"combobox",connectionTooltip:((Ue=m==null?void 0:m.find(W=>W.id===r))==null?void 0:Ue.type)||""}),pe(),fe(),$t(),Qt(),Jt()]}),X(),e.jsx("div",{className:"flex items-center justify-between gap-2 px-6 py-4",children:a==="main"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Switch,{className:"data-[state=checked]:bg-muted-foreground/80",checked:h,onCheckedChange:xe,id:"dev-mode"}),e.jsx(t.Label,{htmlFor:"dev-mode",children:"Dev Mode"})]}),e.jsxs(t.Button,{onClick:he,size:"sm",variant:"secondary",className:"group flex items-center gap-2 rounded-full",children:[e.jsx(zs,{className:"size-4"}),e.jsx("span",{className:"hidden group-hover:block",children:"Help"})]})]})})]})}function Ct({sql:s,error:a,onClick:n}){const r=t.useEditorStore(c=>c.isDevMode);t.useEditorStore(c=>c.card);const{setIsDevMode:o,setCardSql:l,setRunSql:i}=t.useEditorActions();if(!s&&!a)return null;function u(){o(!r),l(s),setTimeout(()=>{i(!0)},100)}return e.jsxs(t.HoverCard,{openDelay:a?0:500,children:[e.jsx(t.HoverCardTrigger,{asChild:!0,children:e.jsx(t.Button,{variant:"link",className:"h-5 p-0",children:a?e.jsx(at,{className:"h-4 w-4 text-red-500"}):e.jsx(t.Info,{className:"h-4 w-4 text-muted-foreground"})})}),e.jsx(t.HoverCardContent,{align:"start",className:"w-full min-w-fit max-w-[700px]",children:e.jsx("div",{className:"flex justify-between space-x-4",children:e.jsxs("div",{className:"flex grow flex-col space-y-2",children:[e.jsxs(t.ScrollArea,{className:"max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80",children:[a&&a,s&&e.jsxs("div",{className:"flex flex-col space-y-1.5",children:[e.jsx("span",{className:"text-xs font-semibold",children:"Resolved SQL"}),e.jsx("div",{className:"rounded-md",children:e.jsx(t.CodeHighlighter,{code:s,language:"sql"})})]})]}),!r&&e.jsxs(t.Button,{onClick:u,variant:"secondary",size:"sm",children:[e.jsx(Cs,{className:"mr-2 h-4 w-4"}),"View in SQL Editor"]}),a&&n&&e.jsxs(t.Button,{onClick:n,size:"sm",variant:"secondary",children:[e.jsx(Ds,{className:"mr-2 h-4 w-4"}),"Debug with Assistant"]})]})})})]})}var St={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Ke=T.createContext&&T.createContext(St),on=["attr","size","title"];function ln(s,a){if(s==null)return{};var n=cn(s,a),r,o;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(s);for(o=0;o<l.length;o++)r=l[o],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(s,r)&&(n[r]=s[r])}return n}function cn(s,a){if(s==null)return{};var n={};for(var r in s)if(Object.prototype.hasOwnProperty.call(s,r)){if(a.indexOf(r)>=0)continue;n[r]=s[r]}return n}function Ce(){return Ce=Object.assign?Object.assign.bind():function(s){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(s[r]=n[r])}return s},Ce.apply(this,arguments)}function Ye(s,a){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(s);a&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable})),n.push.apply(n,r)}return n}function Se(s){for(var a=1;a<arguments.length;a++){var n=arguments[a]!=null?arguments[a]:{};a%2?Ye(Object(n),!0).forEach(function(r){dn(s,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):Ye(Object(n)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(n,r))})}return s}function dn(s,a,n){return a=un(a),a in s?Object.defineProperty(s,a,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[a]=n,s}function un(s){var a=mn(s,"string");return typeof a=="symbol"?a:a+""}function mn(s,a){if(typeof s!="object"||!s)return s;var n=s[Symbol.toPrimitive];if(n!==void 0){var r=n.call(s,a);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(s)}function Nt(s){return s&&s.map((a,n)=>T.createElement(a.tag,Se({key:n},a.attr),Nt(a.child)))}function re(s){return a=>T.createElement(hn,Ce({attr:Se({},s.attr)},a),Nt(s.child))}function hn(s){var a=n=>{var{attr:r,size:o,title:l}=s,i=ln(s,on),u=o||n.size||"1em",c;return n.className&&(c=n.className),s.className&&(c=(c?c+" ":"")+s.className),T.createElement("svg",Ce({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,i,{className:c,style:Se(Se({color:s.color||n.color},n.style),s.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),l&&T.createElement("title",null,l),s.children)};return Ke!==void 0?T.createElement(Ke.Consumer,null,n=>a(n)):a(St)}function xn(s){return re({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 wt(s){const{theme:a}=t.useTheme(),n=t.useDashboardStore(p=>p.theme),r=t.useEditorStore(p=>p.frame),o=t.useEditorStore(p=>p.card),l=t.useEditorStore(p=>p.activeTabCardId),i=t.Le(),{refetch:u}=t.useDashboardCardQuery(o),{updateCardTab:c,setRunSql:h}=t.useEditorActions(),d=T.useRef(),x=T.useRef({}),b=r.cards.find(p=>p.id===l),m=T.useCallback(()=>{let p="";return s==="python"&&(p=(b==null?void 0:b.python)||t.PYTHON_DEFAULT_CODE),s==="sql"&&(p=(b==null?void 0:b.sql)||""),p},[s,b]);T.useEffect(()=>{if(l&&o.id&&o.id!==l){if(d.current&&i){const p=d.current.getModel();p&&(x.current[o.id]=p);let y=x.current[l];if(!y){const f=m();y=i.editor.createModel(f,s),x.current[l]=y}d.current.setModel(y)}c(l,o),h(!0)}},[l,o,c,i,h,s,m]),T.useEffect(()=>{if(!i)return;const p=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",y=n==="system"?p:n;i.editor.defineTheme("default",{base:y==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":y==="light"?"#ffffff":t.hslStringToHex("240 10% 10%")}}),i.editor.setTheme("default")},[a,n,i]),T.useEffect(()=>{const p=d.current;p&&i&&o&&p.addCommand(i.KeyMod.Shift|i.KeyCode.Enter,function(){return u(),!1})},[i,u,o]);function g(p,y){if(d.current=p,!x.current[o.id]){const f=p.getModel(),S=m();x.current[o.id]=f||(y==null?void 0:y.editor.createModel(S,s))||p.getModel()}p.setModel(x.current[o.id])}return{handleEditorDidMount:g}}function pn(){const s=t.useEditorStore(i=>i.card.sql),a=t.useEditorStore(i=>i.sqlGen),{setCardSql:n,setSqlGen:r}=t.useEditorActions(),{handleEditorDidMount:o}=wt("sql");function l(i){n(i),t.isObjectEmpty(a)||r({})}return e.jsxs("div",{className:"relative h-full w-full",children:[!s&&e.jsx("div",{className:"pointer-events-none absolute left-[65px] top-3 z-10 font-mono text-sm text-muted-foreground",children:"Write your SQL here"}),e.jsx(t.Ft,{theme:"default",className:"pt-3",onChange:l,value:s||"",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:13,renderLineHighlight:"none"},defaultLanguage:"sql",onMount:o})]})}function fn(){const s=t.useEditorStore(o=>o.card.python),{setCardPython:a}=t.useEditorActions(),{handleEditorDidMount:n}=wt("python");function r(o){a(o)}return e.jsx(t.Ft,{className:"pt-3",theme:"default",onChange:r,value:s||t.PYTHON_DEFAULT_CODE,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:13,renderLineHighlight:"none"},defaultLanguage:"python",onMount:n})}function gn({jsonString:s}){return e.jsx(t.Ft,{theme:"default",defaultLanguage:"json",className:"mt-1 min-h-[220px]",value:s,options:{readOnly:!0,minimap:{enabled:!1},lineNumbers:"off",glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})}function kt(s){const[a,n]=T.useState(""),[r,o]=T.useState(null),{authToken:l}=t.useSemaphorContext(),i=t.useEditorStore(k=>{var H;return(H=k==null?void 0:k.card)==null?void 0:H.sql}),u=t.useEditorStore(k=>{var H;return(H=k==null?void 0:k.card)==null?void 0:H.python}),{setCardPython:c,setCardSql:h,setRunSql:d,switchCardType:x}=t.useEditorActions(),b=t.useEditorStore(k=>k.currentAssitantScope)||[],m=t.useEditorStore(k=>k.userInputForAI),g=t.useEditorStore(k=>k.triggerAIRun),p=t.useEditorStore(k=>k.selectedDatabaseName),y=t.useEditorStore(k=>k.selectedTableName),f=t.useEditorStore(k=>k.selectedConnectionId),S=t.useEditorStore(k=>k.selectedSchemaName),C=t.useDashboardStore(k=>k.dashboard.aiScopeTables),{setTriggerAIRun:A,setCurrentAssitantScope:N}=t.useEditorActions(),{selectedDatamodelName:D,connectionType:F,selectedDatamodelId:R}=t.useEditorAside(),{messages:U,setMessages:w,reload:_,error:G,append:P,input:E,setInput:j,status:M,handleInputChange:B,handleSubmit:v,stop:O}=t.useChat({api:"https://semaphor.cloud/api/v1/assistant",headers:{Authorization:`Bearer ${l==null?void 0:l.accessToken}`},body:{random:Math.random(),assistantId:"editor-assistant"},maxSteps:10,onError:k=>{console.log("on error",k)},onToolCall:I,onFinish(k,H){$(H.usage),n(""),H.finishReason==="stop"&&n("")}});T.useEffect(()=>{g&&m&&(B({target:{value:m}}),setTimeout(()=>{v(),A(!1)},100))},[g,v,m,A,B]);async function I({toolCall:k}){if(k.toolName==="createChartFromSql"){const H=k.args.sql,K=k.args.python,X=k.args.chartType;return x(X),h(H),c(K),d(!0),{status:"success",message:"Let the user know that chart is created"}}else if(k.toolName==="getTableColumns")n("Getting table columns...");else{if(k.toolName==="getUserSql")return i?{status:"success",sql:i,python:u||""}:{status:"error",message:"No SQL found"};if(k.toolName==="getCurrentTableScope")return n("Getting table scope..."),J(),{status:"success",tables:b};n("Analyzing...")}}function $(k){o(H=>H?{promptTokens:H.promptTokens+k.promptTokens,completionTokens:H.completionTokens+k.completionTokens,totalTokens:H.totalTokens+k.totalTokens}:k)}function L(k){const H=t.removeFromScopeArray(b,k);z(H)}function z(k){const H=t.sanitizeAIScope(k);N(H),w(K=>[...K,{id:crypto.randomUUID(),role:"system",content:`Current scope of tables | ${JSON.stringify(H)}`}])}function q(){const k={databaseName:p||"",schemaName:S||"",tableName:y||"",datamodelId:R||"",datamodelName:t.resolveDatamodelName(D),connectionId:f||"",connectionType:F||""},H=t.dedup([...b,k]);z(H)}function J(){const k={databaseName:p||"",schemaName:S||"",tableName:y||"",datamodelName:t.resolveDatamodelName(D),connectionId:f||"",connectionType:F||"",datamodelId:R||""};if(!t.isInAiScopeArray([...C||[],...b],k)||b.length===0){const K=t.dedup([...C||[],...b,k]).filter(X=>X.connectionId===k.connectionId);z(K)}}const V=!["ready","error"].includes(M),Q=t.getErrorMessage(G);return{messages:U,setMessages:w,reload:_,append:P,input:E,setInput:j,isLoading:V,handleSetAIScope:J,handleAddCurrentTableToScope:q,removeFromCurrentSelections:L,currentAssitantScope:b,setCurrentAssitantScope:N,handleInputChange:B,handleSubmit:v,stop:O,chatStatus:M,toolStatus:a,llmUsage:r,onFinish:s,errorMessage:Q}}function jn(s){const a=s.toUpperCase().indexOf("WHERE"),n=s.toUpperCase().indexOf("GROUP BY"),r=s.toUpperCase().indexOf("LIMIT"),o=s.toUpperCase().indexOf("ORDER BY");let l=s.length;if(o!==-1&&(l=o),r!==-1&&r<l&&(l=r),a!==-1){const i=s.substring(0,a),u=s.substring(a);return`${i} {{ filters | where }} AND ${u.substring(6)}`}else if(n!==-1){const i=s.substring(0,n),u=s.substring(n);return`${i} {{ filters | where }} ${u}`}else{const i=s.substring(0,l),u=s.substring(l);return console.log("beforeClause",i),console.log("afterClause",u),u?`${i} {{ filters | where }} ${u}`:`${i.replace(/;$/,"")} {{ filters | where }}`}}function Dt({variant:s="secondary"}){const{setCardSql:a}=t.useEditorActions(),n=t.useEditorStore(m=>m.frame),r=t.useEditorStore(m=>m.card),o=t.useEditorStore(m=>m.selectedSchemaName),l=t.useEditorStore(m=>m.selectedDatamodelId),i=t.useEditorStore(m=>m.selectedDatabaseName),u=t.useEditorStore(m=>m.selectedTableName),c=t.useEditorStore(m=>m.selectedConnectionId),h=t.useEditorStore(m=>m.isShowingVisual),d=r.sql,x=t.useEditorStore(m=>m.onSave);function b(){let m=d;d&&!d.includes("{{")&&(m=jn(d),a(m));const g={...r,lastSelectedSchema:o,lastSelectedDatamodelId:l,lastSelectedDatabase:i,lastSelectedTable:u,connectionId:c,type:h?r.type:"table",sql:m,customCfg:h?r.customCfg:null},p=n.cards.map(f=>f.id===r.id?g:f),y={...n,cards:p,activeCardId:yn(p,n.activeCardId)};x==null||x(y)}return e.jsxs(t.Button,{onClick:b,size:"sm",variant:s,children:[e.jsx(t.Check,{className:"mr-2 size-4 font-bold"}),"Accept"]})}function It(){const{setTempQueryData:s,setSqlGen:a}=t.useEditorActions(),n=t.useQueryClient(),r=t.useEditorStore(c=>c.tempQueryData),o=t.useEditorStore(c=>c.onClose),l=t.useEditorStore(c=>c.card),{queryKey:i}=t.useDashboardCardQuery(l);function u(){if(r){const{queryKey:c,queryData:h}=r;c&&h&&n.setQueryData(c,h)}a({}),o==null||o()}return e.jsxs(t.Button,{onClick:u,size:"sm",variant:"secondary",children:[e.jsx(t.X,{className:"mr-2 size-4"}),"Close"]})}function Et(){const{setTempQueryData:s}=t.useEditorActions(),a=t.useQueryClient(),n=t.useEditorStore(m=>m.tempQueryData),r=t.useEditorStore(m=>m.card),{queryKey:o}=t.useDashboardCardQuery(r),{setCardSql:l,setSqlGen:i,setCardPython:u,setCardCustomCfg:c,setCardPreferences:h,setCardType:d,clearQueryConfig:x}=t.useEditorActions();function b(){const m=a.getQueryData(o);n!=null&&n.queryData||s({queryKey:o,queryData:m}),a.setQueryData(o,null),a.removeQueries({queryKey:o,exact:!0}),l(""),i({}),x(),u(""),c(""),h({})}return e.jsxs(t.Button,{onClick:b,className:"",size:"sm",variant:"secondary",children:[e.jsx(bs,{className:"mr-2 size-4"}),"Clear"]})}function yn(s,a){if(s.length===0)return"";if(a){const n=s.find(r=>r.id===a);if(n){const r=n.tabTitle;if(r=="All__Header")return s[0].id;if(r&&r.endsWith("__Header")){const l=r.split("__")[0],i=s.find(u=>u.tabTitle===l);return i?i.id:s[0].id}return a}}return s[0].id}function bn(){const s=t.useQueryClient(),[a,n]=T.useState(!1),[r,o]=T.useState(!1);t.useEditorStore(I=>I.frame);const l=t.useEditorStore(I=>I.card);t.useEditorStore(I=>I.isShowingVisual),t.useEditorStore(I=>I.selectedConnectionId),t.useEditorStore(I=>I.tempQueryData),t.useEditorStore(I=>I.selectedDatabaseName),t.useEditorStore(I=>I.selectedDatamodelId),t.useEditorStore(I=>I.selectedSchemaName);const i=t.useEditorStore(I=>I.showAIDialog);t.useEditorStore(I=>I.selectedTableName);const u=t.useEditorStore(I=>{var $;return($=I==null?void 0:I.card)==null?void 0:$.sql}),{sheetFilterValues:c}=t.useSheetFilterValues(),{setCardCustomCfg:h,setQueryResultColumns:d,setCardSql:x,setTempQueryData:b,setPythonStdOut:m,setCardPreferences:g,setCardType:p,setCardPython:y,runAssistant:f,setShowAIDialog:S}=t.useEditorActions();t.useEditorStore(I=>I.onSave),t.useEditorStore(I=>I.onClose),t.useEditorStore(I=>I.actions.setSqlGen);const C=t.useEditorStore(I=>I.runSql),A=t.useEditorStore(I=>I.actions.setRunSql),N=t.useEditorStore(I=>I.actions.setIsSqlRunning),{data:D,isLoading:F,isFetching:R,isSuccess:U,isError:w,error:_,queryKey:G,refetch:P,errorMessage:E}=t.useDashboardCardQuery(l),{handleSetAIScope:j}=kt();T.useEffect(()=>{if(D&&(D.rowLimitExceeded&&t.ue.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),m((D==null?void 0:D.output)||""),D.records.length>0)){const{dimensionKeys:I}=t.getKeys(D.records);d(I)}},[D,d,m]),T.useEffect(()=>{(F||R)&&N(!0),(w||U)&&N(!1),w&&(d([]),m(""))},[F,R,D,m,w,U,N,d,_]),T.useEffect(()=>{C&&(s.getQueryData(G)||P(),A(!1))},[C,P,A,G,s]);async function M(){const I=`Can you help me debug this query in the current table scope?
|
|
356
|
+
*/const Gs=t.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"}]]);function _e(s){var a;return{...s,sheets:(a=s==null?void 0:s.sheets)==null?void 0:a.map(n=>{var r;return{...n,frames:(r=n.frames)==null?void 0:r.map(o=>{var l;return{...o,cards:(l=o.cards)==null?void 0:l.map(i=>pt(i))}})}})}}function pt(s){return{...s,customCfg:Us(s.customCfg),data:[]}}function Us(s){var a,n;return s?{...s,data:{...s==null?void 0:s.data,labels:[],datasets:(n=(a=s==null?void 0:s.data)==null?void 0:a.datasets)==null?void 0:n.map(r=>({...r,data:[]}))}}:null}async function $s(s,a,n,r){if(!r)return null;const o=JSON.stringify(a);return await t.postRequest("https://semaphor.cloud/api/v1/lens",r,{name:s,template:o,filterValues:n,operation:"create"})}async function Le(s,a){if(!a)return null;const{id:n,template:r,filterValues:o,isDefault:l,shared:i}=s;return await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{lensId:n,template:r,filterValues:o,isDefault:l,shared:i,operation:"update"})}async function Qs(s,a){return a?await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{operation:"delete",lensId:s}):null}function Js(){const[s,a]=I.useState(""),[n,r]=I.useState(!1),o=t.useDashboardStore(p=>p.lenses),{setLenses:l,setSelectedLensId:i}=t.useDashboardActions(),[d,c]=I.useState(!1),[h,u]=I.useState(!1),x=t.useDashboardStore(p=>p.dashboard),b=t.useDashboardStore(p=>p.filterValues),{authToken:m}=t.useSemaphorContext();async function g(){c(!0);const p=_e(x),y=await $s(s,p,b,m==null?void 0:m.accessToken);y&&(l([...o||[],y]),i(y.id),u(!1)),c(!1)}return e.jsxs(t.Dialog,{open:h,onOpenChange:u,children:[e.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),"Lens"]})}),e.jsxs(t.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Create Lens"}),e.jsx(t.DialogDescription,{children:"Lenses are private by default and are only visible to you."})]}),e.jsx("div",{className:"grid gap-4 py-4",children:e.jsxs("div",{className:"grid grid-cols-8 items-center gap-4",children:[e.jsx(t.Label,{className:"text-right",children:"Name"}),e.jsx(t.Input,{value:s,onChange:p=>{a(p.target.value)},id:"name",className:"col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"})]})}),n&&e.jsx("p",{className:"text-sm",children:"The lens name already exists. Use a differnet name."}),e.jsx(t.DialogFooter,{children:e.jsx(t.Button,{size:"sm",variant:"outline",type:"submit",onClick:g,disabled:d,children:d?"Creating...":"Add"})})]})]})}function Ws(){const[s,a]=I.useState(!1),n=t.useDashboardStore(u=>u.lenses),r=t.useDashboardStore(u=>u.selectedLensId),{setLenses:o,setSelectedLensId:l}=t.useDashboardActions(),{authToken:i}=t.useSemaphorContext();async function d(u){l(u)}async function c(u){if(await Qs(u,i==null?void 0:i.accessToken)){const b=n==null?void 0:n.filter(m=>m.id!==u);o(b||[]),l("original")}}async function h(u){const x=n==null?void 0:n.map(g=>g.id===u.id?{...g,isDefault:!u.isDefault}:{...g,isDefault:!1});o(x||[]);const b={...u,isDefault:!u.isDefault};await Le(b,i==null?void 0:i.accessToken);const m=n==null?void 0:n.find(g=>g.isDefault);if(m&&m.id!==u.id){const g={...m,isDefault:!1};await Le(g,i==null?void 0:i.accessToken)}}return e.jsxs(t.DropdownMenu,{open:s,onOpenChange:a,children:[e.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Lenses",className:"h-7 p-2",children:e.jsx(Ns,{className:"h-4 w-4"})})}),e.jsxs(t.DropdownMenuContent,{align:"end",className:"w-60",children:[e.jsx(t.DropdownMenuLabel,{className:"px-3",children:"Lenses"}),e.jsx(t.DropdownMenuSeparator,{}),e.jsxs(t.DropdownMenuRadioGroup,{value:r,onValueChange:d,children:[e.jsx(t.DropdownMenuRadioItem,{value:"original",children:"Original"}),n==null?void 0:n.map(u=>e.jsxs(t.DropdownMenuRadioItem,{className:"group flex justify-between gap-2",value:u.id,children:[e.jsx("p",{children:u.name}),e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx(Ds,{onClick:x=>{x.preventDefault(),h(u)},className:t.cn("size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",{invisible:!u.isDefault,"text-green-500":u.isDefault}),strokeWidth:1.5}),e.jsx(t.Cross2Icon,{onClick:x=>{x.preventDefault(),c(u.id)},className:"invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",strokeWidth:1.5})]})]},u.id))]})]})]})}function ft(){var l;const s=t.useDashboardStore.getState().authToken,a=t.useDashboardStore.getState().theme,n=t.useDashboardStore.getState().filterValues,r=(l=t.useDashboardStore.getState().dashboard)==null?void 0:l.title,o=t.useDashboardStore.getState().selectedSheetId;return{authToken:s,theme:a||"light",filterValues:n,dashboardTitle:r||"",selectedSheetId:o||""}}async function gt(){const s=t.useDashboardStore.getState().isDownloadingPdf,{authToken:a,theme:n,filterValues:r,dashboardTitle:o,selectedSheetId:l}=ft();if(s)return;const i=new URLSearchParams;i.set("token",(a==null?void 0:a.accessToken)||""),i.set("theme",n),i.set("filterValues",JSON.stringify(r)),i.set("selectedSheetId",l||"");const d=`https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`;t.useDashboardStore.setState({isDownloadingPdf:!0});const u=(await(await fetch(d,{method:"GET",headers:{Authorization:`Bearer ${a==null?void 0:a.accessToken}`}})).json()).url,x=document.createElement("a");x.href=u;const b=`${o}-${new Date().toISOString()}.pdf`;x.download=b,x.click(),t.useDashboardStore.setState({isDownloadingPdf:!1})}function Ks({iconClassName:s}){const{authToken:a}=t.useSemaphorContext();t.useDashboardStore(o=>{var l;return(l=o.dashboard)==null?void 0:l.title}),t.useDashboardStore(o=>o.theme),t.useDashboardStore(o=>o.filterValues);const n=t.useDashboardStore(o=>o.isDownloadingPdf);async function r(){await gt()}return e.jsx(t.IconButton,{tooltip:"Download PDF",className:"h-7 p-2",onClick:r,children:n?e.jsx(ae,{className:t.cn("size-3.5 animate-spin",s)}):e.jsx(t.Download,{className:t.cn("size-4",s)})})}function Y({defaultValue:s,label:a,options:n,value:r,onValueChange:o,className:l,icon:i,showPlaceholderLabel:d=!0}){return e.jsxs(t.Select,{defaultValue:s,value:r,onValueChange:o,children:[e.jsx(t.SelectTrigger,{className:t.cn("w-full focus:ring-0 focus:ring-offset-0",l),children:e.jsxs("div",{className:"flex items-center gap-2",children:[i&&e.jsx("span",{children:i}),d&&e.jsx(t.SelectValue,{placeholder:a})]})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:a}),n.map(c=>e.jsx(t.SelectItem,{value:c.value,children:c.label},c.value))]})})]})}const Je=[{value:"daily",label:"Daily"},{value:"weekly",label:"Weekly"},{value:"biweekly",label:"Bi-Weekly"},{value:"monthly",label:"Monthly"}];function jt({triggerButtonClassName:s}){const{data:a,handleScheduleSubscription:n,handleDeleteSubscription:r,status:o,error:l,isDeleting:i}=Ys(),[d,c]=I.useState(""),[h,u]=I.useState(Je[0].value),[x,b]=I.useState("06:00"),[m,g]=I.useState("");return e.jsx(t.TooltipProvider,{delayDuration:0,children:e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Schedule Dashboard",className:t.cn("h-7 p-2",s),children:e.jsx(hs,{className:"size-4"})})}),e.jsx(t.PopoverContent,{align:"end",className:"w-80",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Schedule Subscription"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Subscribe to receive dashboard via email"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"email",children:"Email"}),e.jsx(t.Input,{id:"email",value:d,onChange:p=>c(p.target.value),className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"subject",children:"Subject"}),e.jsx(t.Input,{id:"subject",placeholder:"Monthly Sales Report",value:m,onChange:p=>{g(p.target.value.replace(/[^a-zA-Z0-9\s-_]/g,""))},className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"frequency",children:"Frequency"}),e.jsx(Y,{className:"col-span-2 h-8",label:"Select Frequency",options:Je,value:h,onValueChange:p=>u(p)})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"time",children:"Time"}),e.jsx(t.Input,{id:"time",type:"time",value:x,onChange:p=>b(p.target.value),className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsx("div",{className:"mt-2 flex justify-end",children:e.jsxs(t.Button,{onClick:async()=>{await n({email:d,frequency:h,time:x,subject:m}),b("00:00"),c(""),g("")},className:"h-8 p-2",disabled:o==="loading"||!d,children:[o==="loading"&&e.jsx(ae,{className:"mr-2 size-4 animate-spin"}),o==="success"&&e.jsx(t.Check,{className:"mr-2 size-4"}),o==="error"&&e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{children:e.jsx(at,{className:"mr-2 size-4 text-destructive"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{children:l})})]}),"Schedule"]})}),a&&a.length>0&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Separator,{className:"my-2"}),e.jsx("div",{className:"space-y-2",children:e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Subscriptions"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Active email subscriptions"})]}),t.isDevEnv]})}),e.jsx("div",{className:"grid gap-2",children:a==null?void 0:a.map(p=>e.jsxs("div",{className:"group grid grid-cols-5 gap-3",children:[e.jsx("div",{className:"col-span-3 text-sm",children:e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"boder-border rounded-md border bg-muted px-2 py-1",children:[t.titleCase(p.frequency)," "]}),e.jsx(t.Label,{children:p.time})]})}),e.jsxs("div",{className:"col-span-2 flex items-center justify-end gap-4",children:[e.jsx(We,{tooltip:`Next Run: ${new Date(p.nextRun).toLocaleString()} ${p.timezone}`,children:e.jsx(ms,{className:"size-3.5"})}),e.jsx(We,{tooltip:`${p.endUserEmail}`,children:e.jsx(Ls,{className:"size-3.5"})}),i===p.id?e.jsx(ae,{className:"size-3.5 animate-spin"}):e.jsx(Hs,{onClick:()=>r(p.id),className:"size-3.5 cursor-pointer"})]})]},p.id))})]})]})]})})]})})}const We=({children:s,tooltip:a})=>e.jsx(t.TooltipProvider,{delayDuration:0,children:e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:s}),e.jsx(t.TooltipContent,{children:a})]})});function Ys(){const[s,a]=I.useState("idle"),[n,r]=I.useState(""),[o,l]=I.useState(null),i=t.useDashboardStore(S=>S.authToken),d=t.useDashboardStore(S=>S.dashboard.id),c=t.useDashboardStore(S=>S.dashboard.title),{endUserId:h}=t.getTenantAndEndUserId((i==null?void 0:i.accessToken)||""),u="https://semaphor.cloud/api/v1/subscriptions/get",x={dashboardId:d,endUserId:h},{data:b,isLoading:m,isError:g,isFetching:p,refetch:y}=t.useQuery({queryKey:["subscriptions",d,h],queryFn:()=>t.getRequest(u,(i==null?void 0:i.accessToken)||"",x),enabled:!!(i!=null&&i.accessToken)&&!!d&&!!h});async function f({email:S,subject:A,frequency:N,time:E}){const{authToken:O,...R}=ft(),U=Intl.DateTimeFormat().resolvedOptions().timeZone,w={email:S,frequency:N,time:E,timezone:U,endUserId:h,endUserEmail:S,subject:A||c||"Scheduled Dashboard",dashboardId:d,dashboardParams:R};a("loading");const B="https://semaphor.cloud/api/v1/subscriptions/create";try{const $=await t.postRequestRegular(B,(O==null?void 0:O.accessToken)||"",{...w});a("success"),r(""),y(),setTimeout(()=>{a("idle")},2e3)}catch($){console.error($),a("error"),r($.message)}}async function C(S){const A="https://semaphor.cloud/api/v1/subscriptions/delete";l(S);try{await t.postRequestRegular(A,(i==null?void 0:i.accessToken)||"",{id:S}),y(),setTimeout(()=>{l(null)},2e3)}catch(N){console.error(N),l(null),a("error"),r(N.message)}}return{data:b,isLoading:m,isFetching:p,isError:g,isDeleting:o,refetch:y,handleScheduleSubscription:f,handleDeleteSubscription:C,status:s,error:n}}function Zs(){const{authToken:s}=t.useSemaphorContext();t.useDashboardStore(w=>w.theme);const a=t.useDashboardStore(w=>w.lenses),n=t.useDashboardStore(w=>w.selectedLensId),r=a==null?void 0:a.find(w=>w.id===n),o=t.useDashboardStore(w=>w.dashboard);t.useDashboardStore(w=>w.selectedSheetId);const l=t.useDashboardStore(w=>w.isDashboardEditing),i=t.useEditorStore(w=>w.selectedConnectionId),[d,c]=I.useState(!1),h=t.useDashboardStore(w=>w.filterValues),u=t.useDashboardStore(w=>w.isVisualEditing),x=t.useDashboardStore(w=>w.showFilters);t.useDashboardStore(w=>w.showDashboardJSON);const b=t.useDashboardStore(w=>w.onSaveFunction),m=t.useDashboardStore(w=>w.actions.setShowFilters),{addFrame:g,setSelectedFrameId:p}=t.useDashboardStore(w=>w.actions),{getSelectedSheet:y,setIsDashboardEditing:f,setShowDashboardJSON:C}=t.useDashboardStore(w=>w.actions),S=y(),{tenantId:A,endUserId:N}=I.useMemo(()=>t.getTenantAndEndUserId(s==null?void 0:s.accessToken),[s==null?void 0:s.accessToken]),E=I.useMemo(()=>A||N,[A,N]),O=()=>{if(!l||!S)return;const w={connectionId:i,id:t.v4(),title:"Title",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]},B={id:t.v4(),cards:[w],activeCardId:w.id};g(S.id,B),p(B.id)},R=()=>{f(!0)};async function U(){if(c(!0),!n||!r)return;const w=_e(o),B=JSON.stringify(w),$={...r,template:B,filterValues:h};await Le($,s==null?void 0:s.accessToken),t.ue.success("Lens saved"),b==null||b(w),c(!1)}return u?null:e.jsxs("div",{className:"flex items-center justify-between gap-2 border-b py-1 pl-3 pr-2",role:"dashboard-controls",children:[!u&&e.jsx("div",{className:"flex items-center gap-3",children:e.jsx(t.Label,{children:r==null?void 0:r.name})}),e.jsxs("div",{className:"flex gap-2",children:[!1,!u&&e.jsx(Ks,{}),!u&&e.jsx(jt,{}),l&&!u&&E&&e.jsx(Js,{}),!u&&E&&e.jsx(Ws,{}),l&&!u&&e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",disabled:!l,onClick:O,children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),"Frame"]}),!l&&e.jsx(t.Button,{variant:"ghost",className:"h-7 p-2",onClick:R,size:"sm",children:e.jsx(t.Pencil,{className:"h-4 w-4"})}),l&&!u&&e.jsx(t.IconButton,{className:"h-7 p-2",onClick:()=>{f(!1),C(!1)},children:e.jsx(t.Cross2Icon,{className:"h-4 w-4"})}),l&&!u&&E&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",disabled:d,onClick:U,size:"sm",children:e.jsx(Bs,{className:"h-4 w-4"})}),!x&&!u&&l&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",onClick:()=>m(!0),size:"sm",children:e.jsx(it,{className:"h-4 w-4"})}),!u&&l&&!1,!u&&!1]})]})}function Xs({name:s,items:a,value:n,onChange:r,isLoading:o,isError:l,refetch:i,className:d,icon:c,showNone:h=!1}){const u=le.useRef(null),[x,b]=le.useState(!1),[m,g]=le.useState("100%"),p=h?[...a||[],{id:"none",name:"None"}]:a;le.useLayoutEffect(()=>{u.current&&g(u.current.offsetWidth)},[]);function y(){var C;return o?"Loading...":l?"Error":n?(C=a==null?void 0:a.find(S=>S.id===n))==null?void 0:C.name:`Select ${s}`}function f(C,S){r(S),b(!1)}return e.jsxs(t.Popover,{open:x,onOpenChange:b,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{ref:u,variant:"outline",role:"combobox","aria-expanded":x,className:t.cn("flex h-9 w-full justify-between",d),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[c&&e.jsx("div",{className:"mr-2",children:c}),e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate text-ellipsis whitespace-nowrap",children:y()})]}),e.jsx(t.ChevronDown,{className:"size-4 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-full p-0",style:{minWidth:m},children:e.jsxs(t.Command,{children:[e.jsxs("div",{className:"flex h-9 items-center justify-between border-b pr-1",children:[e.jsx(t.CommandInput,{className:"h-9",placeholder:"Search..."}),e.jsx(t.IconButton,{className:"h-7",onClick:i,children:e.jsx(ut,{className:t.cn("size-3.5 opacity-50",o&&"animate-spin")})})]}),e.jsxs(t.CommandList,{children:[e.jsxs(t.CommandEmpty,{children:["No ",s==null?void 0:s.toLowerCase()," found."]}),e.jsx(t.CommandGroup,{children:p==null?void 0:p.map(C=>e.jsx(t.CommandItem,{className:"overflow-x-auto",value:C.name,onSelect:S=>f(S,C.id),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:t.cn("size-4",n===C.id?"opacity-100":"opacity-0")}),e.jsx("div",{title:C.name,children:C.name})]})},C.id))})]})]})})]})}function ie({title:s,items:a,value:n,isLoading:r,isError:o,refetch:l,onChange:i,showNone:d=!1,className:c,disabled:h=!1,type:u="combobox"}){const x=r?"Loading...":o?"Error":n;function b(){if(s==="Connection")return e.jsx(Fs,{className:"size-4"});if(s==="Database")return e.jsx(gs,{className:"size-4"});if(s==="Schema")return e.jsx(zs,{className:"size-4"});if(s==="Table")return e.jsx(Ve,{className:"size-4"});if(s==="Model")return e.jsx(cs,{className:"size-4"})}function m(){return e.jsxs(t.Select,{disabled:h,value:x,onValueChange:i,children:[e.jsx(t.SelectTrigger,{className:t.cn("h-9 w-full border-muted focus:ring-1 focus:ring-offset-0",c),children:e.jsx(t.SelectValue,{placeholder:r?"Loading...":o?"Error":`Select ${s}`})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[r?e.jsx(t.SelectLabel,{children:"Loading..."}):e.jsxs(t.SelectLabel,{className:"flex items-center justify-between gap-2",children:[s,e.jsx(ut,{className:t.cn("mr-1 size-3 cursor-pointer text-muted-foreground hover:text-foreground",r&&"animate-spin"),onClick:l})]}),e.jsxs(e.Fragment,{children:[d&&e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),a&&a.map((p,y)=>e.jsx(t.SelectItem,{value:p.id,children:p.name},y))]}),(r||o)&&e.jsx(t.SelectItem,{value:x,children:x})]})})]})}function g(){return e.jsx(Xs,{icon:b(),items:a,value:x,onChange:i||(()=>{}),isLoading:r,isError:o,refetch:l,name:s,showNone:d})}return e.jsx(t.TooltipProvider$1,{delayDuration:0,children:e.jsx("div",{className:"flex items-center gap-2",children:u==="select"?m():g()})})}function en({column:s}){const[a,n]=I.useState(!1),r=t.useEditorStore(p=>p.selectedTableName),o=t.useEditorStore(p=>p.selectedSchemaName),l=t.useEditorStore(p=>p.selectedDatabaseName),i=t.useEditorStore(p=>p.selectedDatamodelId),d=t.useEditorStore(p=>p.sqlGen),{modelItems:c,connectionType:h}=t.useEditorAside(),u=t.useEditorStore(p=>p.actions.setSqlGen),x=t.useEditorStore(p=>p.actions.setCardSql),b=t.useEditorStore(p=>p.actions.setRunSql);function m(p,y){var A;const f=t.createSqlGenConfig(p,d,y),C=(A=c==null?void 0:c.find(N=>N.id===i))==null?void 0:A.name;u(f);const S=t.getSql(f,t.fmt(o||""),t.fmt(r),C,h,l||"");S&&(x(S),b(!0)),n(!1)}function g(){return e.jsxs("ul",{className:"text-xs",children:[e.jsx("li",{onClick:()=>m(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsx("li",{onClick:()=>m(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsx("li",{onClick:()=>m(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsx("li",{onClick:()=>m(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsx("li",{onClick:()=>m(s,"MIN"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Min"})]})}return e.jsxs(t.HoverCard,{openDelay:0,open:a,onOpenChange:n,children:[e.jsx(t.HoverCardTrigger,{asChild:!0,children:e.jsx(t.EllipsisVertical,{className:"invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible"})}),e.jsx(t.HoverCardContent,{align:"center",className:"w-20 rounded-md p-0 shadow-none",children:g()})]})}function Pe({column:s}){return e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger$1,{className:"shrink-0",asChild:!0,children:t.isTextDataType(s.data_type)?e.jsx(t.TextIcon,{className:"size-3 text-muted-foreground"}):t.isNumberDataType(s.data_type)?e.jsx(lt,{className:"size-3 text-muted-foreground"}):t.isDateDataType(s.data_type)?e.jsx(t.Calendar,{className:"size-3 text-muted-foreground"}):t.isBooleanDataType(s.data_type)?e.jsx(qs,{className:"size-3 text-muted-foreground"}):s.data_type.startsWith("json")?e.jsx(ds,{className:"size-3 text-muted-foreground"}):e.jsx(t.QuestionMarkIcon,{className:"size-3 text-muted-foreground"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{className:"text-xs",children:s.data_type})})]})}function we({column:s,className:a}){return e.jsxs("div",{className:t.cn("flex min-h-8 grow items-center space-x-2 px-2 text-sm",a),children:[e.jsx(Pe,{column:s}),e.jsx("span",{children:s.column_name})]})}function tn({id:s,children:a,type:n="column"}){const{attributes:r,listeners:o,setNodeRef:l,transform:i}=t.useDraggable({id:s,data:{type:n}}),d=i?{translate:t.CSS.Translate.toString(i),transform:t.CSS.Transform.toString(i)}:void 0;return e.jsx("div",{ref:l,style:d,...o,...r,children:a})}function sn({onClick:s,column:a}){const n=t.useDndStore(u=>u.activeId),r=t.useEditorStore(u=>{var x;return(x=u.card.queryConfig)==null?void 0:x.groupByColumns}),o=t.useEditorStore(u=>{var x;return(x=u.card.queryConfig)==null?void 0:x.metricColumns}),l=t.useEditorStore(u=>{var x;return(x=u.card.queryConfig)==null?void 0:x.filterColumns});function i(u){return d(u)||c(u)||h(u)}function d(u){return r==null?void 0:r.some(x=>x.name===u.column_name)}function c(u){return o==null?void 0:o.some(x=>x.name===u.column_name)}function h(u){return l==null?void 0:l.some(x=>x.name===u.column_name)}return e.jsxs("div",{onClick:()=>s(a),className:t.cn("relative grow overflow-x-hidden overflow-y-hidden rounded-md active:border active:border-dashed active:border-muted-foreground",{"bg-muted-foreground/10":i(a)}),children:[n===a.column_name&&e.jsx(t.DragOverlay,{children:e.jsx(we,{column:a,className:"rounded-md border-2 border-dashed border-muted-foreground bg-muted shadow-md"})}),n===a.column_name&&e.jsx("div",{className:"absolute inset-0",children:n===a.column_name&&e.jsx(we,{column:a})}),e.jsx(tn,{id:a.column_name,type:"column",children:e.jsx(we,{column:a})})]})}const ke={id:"__placeholder__",role:"groupby",type:"string"},De={id:"__placeholder__",role:"groupby",type:"string"},Ie={id:"__placeholder__",role:"metric",type:"number"},Ee={name:"Filter",id:"__placeholder__",role:"filter",type:"string"},yt={id:"__placeholder__"},te="droppable-group-by",se="droppable-metrics",ne="droppable-pivot-by",be="sortable-group-by",Oe="sortable-metrics",ve="sortable-pivot-by",ze="droppable-filters",Fe="sortable-filters",qe="sortable-order-by";function nn(){const s=t.useDndStore(D=>D.insertIndex),a=t.useEditorStore(D=>{var j;return((j=D.card.queryConfig)==null?void 0:j.groupByColumns)||[]}),n=t.useEditorStore(D=>{var j;return((j=D.card.queryConfig)==null?void 0:j.metricColumns)||[]}),r=t.useEditorStore(D=>{var j;return((j=D.card.queryConfig)==null?void 0:j.filterColumns)||[]}),o=t.useEditorStore(D=>{var j;return((j=D.card.queryConfig)==null?void 0:j.orderBy)||[]}),l=t.useEditorStore(D=>{var j;return((j=D.card.queryConfig)==null?void 0:j.pivotColumns)||[]}),{setInsertIndex:i,setActiveId:d,setPreviewGroupByColumns:c,setPreviewMetricColumns:h,setPreviewFilterColumns:u,setPreviewPivotColumns:x}=t.useDndActions(),{setGroupByColumns:b,setMetricColumns:m,setFilterColumns:g,setOrderByColumns:p,setPivotByColumns:y}=t.useEditorActions(),{columns:f}=t.useDataColumns(),{formattedTableName:C}=t.useEditorAside(),S=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:{distance:1}})),A=D=>{var V;const{active:j,over:M}=D;if(((V=j.data.current)==null?void 0:V.type)==="column"&&M){const v=M.id,z=f.find(F=>F.column_name===j.id);if(!z)return;const P=t.isNumberDataType(z.data_type),L=t.isTextDataType(z.data_type),T=t.isDateDataType(z.data_type);if(L||T){if(a.some(H=>H.id===v)){const H=a.findIndex(_=>_.id===v);i(H);const J=a.filter(_=>_.id!==ke.id);J.splice(H,0,ke),c(J)}else if(M.id===te){i(a.length);const H=[...a,ke];c(H),h(n),u(r)}}if(L||T){if(l.some(H=>H.id===v)){const H=l.findIndex(_=>_.id===v);i(H);const J=l.filter(_=>_.id!==De.id);J.splice(H,0,De),x(J)}else if(M.id===ne){i(l.length);const H=[...l,De];x(H),c(a),h(n),u(r)}}if(P||L){if(n.some(H=>H.id===v)){console.log("isOverMetricSortable",v);const H=n.findIndex(_=>_.id===v);i(H);const J=n.filter(_=>_.id!==Ie.id);J.splice(H,0,Ie),h(J)}else if(M.id===se){i(n.length);const H=[...n,Ie];h(H),u(r),c(a),x(l)}}if(E(z)){if(r.some(H=>H.id===v)){const H=r.findIndex(_=>_.id===v);i(H);const J=r.filter(_=>_.id!==Ee.id);J.splice(H,0,Ee),u(J)}else if(M.id===ze){i(r.length);const H=[...r,Ee];u(H),h(n),c(a),x(l)}}}else c(a),h(n),u(r),x(l)};function N(D){d(D.active.id),i(null),c(a),h(n),u(r),x(l)}function E(D){return!r.some(j=>j.name===D.column_name)}function O(D,j="SUM"){const{column_name:M,data_type:V}=D,v=[...n],z=s!==null?s:n.length,P={...D,id:Z(M),name:M,label:me(M,j),type:V,role:"metric",aggregate:j};v.splice(z,0,P),m(v)}function R(D){const j=t.isTextDataType(D.data_type);t.isDateDataType(D.data_type);const M=[...l],V=s!==null?s:l.length;let v;j?v={...D,id:Z(D.column_name),name:D.column_name,type:D.data_type,role:"groupby"}:v={...D,id:Z(D.column_name),name:D.column_name,type:D.data_type,role:"groupby",label:ce(D.column_name,"month"),granularity:"month"},M.splice(V,0,v),y(M)}function U(D){const j=t.isTextDataType(D.data_type);t.isDateDataType(D.data_type);const M=[...a],V=s!==null?s:a.length;let v;j?v={...D,id:Z(D.column_name),name:D.column_name,type:D.data_type,role:"groupby"}:v={...D,id:Z(D.column_name),name:D.column_name,type:D.data_type,role:"groupby",label:ce(D.column_name,"month"),granularity:"month"},M.splice(V,0,v),b(M)}function w(D){const j=[...r],M=s!==null?s:r.length,V={...D,id:Z(D.column_name),name:D.column_name,type:D.data_type,sql:t.getDefaultFilterSql(D.data_type,C,t.fmt(D.column_name)),role:"filter"};j.splice(M,0,V),g(j)}function B(D){var v,z,P,L,T,F,H,J;const{active:j,over:M}=D,V=j.data.current;if((V==null?void 0:V.type)==="column"&&M){const _=f.find(K=>K.column_name===j.id);if(!_)return;const Q=t.isNumberDataType(_.data_type),k=t.isTextDataType(_.data_type),G=t.isDateDataType(_.data_type);(k||G)&&(M.id===te||((v=M.data.current)==null?void 0:v.type)===be)&&U(_),(k||G)&&(M.id===ne||((z=M.data.current)==null?void 0:z.type)===ve)?R(_):(Q||k)&&(M.id===se||((P=M.data.current)==null?void 0:P.type)===Oe)?(Q&&O(_),k&&O(_,"COUNT")):E(_)&&(M.id===ze||((L=M.data.current)==null?void 0:L.type)===Fe)&&w(_)}if(M&&((T=M.data.current)==null?void 0:T.type)===be&&a.some(_=>_.id===j.id)){const _=a.findIndex(k=>k.id===j.id),Q=a.findIndex(k=>k.id===M.id);if(_!==-1&&Q!==-1&&_!==Q){const k=[...a],[G]=k.splice(_,1);k.splice(Q,0,G),b(k)}}if(M&&((F=M.data.current)==null?void 0:F.type)===ve&&l.some(_=>_.id===j.id)){const _=l.findIndex(k=>k.id===j.id),Q=l.findIndex(k=>k.id===M.id);if(_!==-1&&Q!==-1&&_!==Q){const k=[...l],[G]=k.splice(_,1);k.splice(Q,0,G),y(k)}}if(M&&((H=M.data.current)==null?void 0:H.type)===Oe&&n.some(_=>_.id===j.id)){const _=n.findIndex(k=>k.id===j.id),Q=n.findIndex(k=>k.id===M.id);if(_!==-1&&Q!==-1&&_!==Q){const k=[...n],[G]=k.splice(_,1);k.splice(Q,0,G),m(k)}}if(M&&((J=M.data.current)==null?void 0:J.type)===Fe&&r.some(_=>_.id===j.id)){const _=r.findIndex(k=>k.id===j.id),Q=r.findIndex(k=>k.id===M.id);if(_!==-1&&Q!==-1&&_!==Q){const k=[...r],[G]=k.splice(_,1);k.splice(Q,0,G),g(k)}}$(D),d(null),i(null),c(a),h(n),u(r),x(l)}function $(D){const{active:j,over:M}=D,V=j.data.current;if((V==null?void 0:V.type)===qe&&M){const v=o.findIndex(P=>ue(P.columnId)===j.id),z=o.findIndex(P=>ue(P.columnId)===M.id);if(v!==-1&&z!==-1&&v!==z){const P=[...o],[L]=P.splice(v,1);P.splice(z,0,L),p(P)}}}function q(){d(null),i(null),c(a),h(n),u(r)}return{handleDragOver:A,handleDragEnd:B,handleDragStart:N,handleDragCancel:q,sensors:S}}function Z(s){return`${s}-${t.v4()}`}function me(s,a){const n=t.toTitleCase(s.replace(/_/g," "));switch(a){case"SUM":return`Sum of ${n}`;case"COUNT":return`Count of ${n}`;case"DISTINCT":return`Unique ${n}`;case"AVG":return`Average of ${n}`;case"MIN":return`Min of ${n}`;case"MAX":return`Max of ${n}`;default:return n}}function ue(s){return`${qe}-${s}`}function ce(s,a){const n=t.toTitleCase(s.replace(/_/g," "));switch(a){case"day":return`Date of ${n}`;case"week":return`Week of ${n}`;case"month":return`Month of ${n}`;case"year":return`Year of ${n}`;default:return n}}function an({schemaName:s,tableName:a,columns:n,status:r}){const o=t.useEditorStore(j=>j.sqlGen),l=t.useEditorStore(j=>j.isDevMode),i=t.useEditorStore(j=>j.selectedConnectionId),d=t.useEditorStore(j=>{var M,V;return(V=(M=j.card)==null?void 0:M.queryConfig)==null?void 0:V.metricColumns});t.useEditorStore(j=>{var M,V;return(V=(M=j.card)==null?void 0:M.queryConfig)==null?void 0:V.groupByColumns});const c=t.useEditorStore(j=>j.selectedDatabaseName),h=t.useEditorStore(j=>j.selectedSchemaName),u=t.useEditorStore(j=>j.selectedTableName),x=t.useEditorStore(j=>j.selectedDatamodelId),b=t.useDashboardStore(j=>j.dashboard.aiScopeTables),{addToAIScope:m,removeFromAIScope:g}=t.useDashboardActions(),{addColumnToMetricColumns:p,addColumnToGroupBy:y,setCardSql:f,setRunSql:C,setSqlGen:S,setIsShowingVisual:A}=t.useEditorActions(),{connectionType:N,modelItems:E,selectedDatamodelName:O}=t.useEditorAside();function R(j){var M;if(l){const V=t.createSqlGenConfig(j,o);S(V);const v=(M=E==null?void 0:E.find(P=>P.id===x))==null?void 0:M.name,z=t.getSql(V,t.fmt(s),t.fmt(a),v,N,c||"");z&&(f(z),C(!0))}if(!l){if(t.isTextDataType(j.data_type))if(d&&d.length>0){const V={...j,role:"groupby",id:Z(j.column_name),name:j.column_name,type:j.data_type};y(V)}else{const V={...j,role:"metric",id:Z(j.column_name),name:j.column_name,label:me(j.column_name,"COUNT"),type:j.data_type,aggregate:"COUNT"};p(V)}if(t.isDateDataType(j.data_type)){const V={...j,role:"groupby",id:Z(j.column_name),name:j.column_name,type:j.data_type,label:ce(j.column_name,"month"),granularity:"month"};y(V)}if(t.isNumberDataType(j.data_type)){const V={...j,role:"metric",id:Z(j.column_name),name:j.column_name,label:me(j.column_name,"SUM"),type:j.data_type,aggregate:"SUM"};p(V)}}}function U(j){j===!0&&(u||O)&&i?(m({connectionId:i,connectionType:N==="S3"||N==="API"?"DuckDb":N,databaseName:c||"",schemaName:h||"",tableName:u||"",datamodelName:t.resolveDatamodelName(O),datamodelId:x||""}),t.ue.success("Added to Assistant Scope",{position:"top-right",duration:2500,richColors:!0})):(g({connectionId:i||"",connectionType:N||"",tableName:u||"",datamodelName:t.resolveDatamodelName(O),datamodelId:x||"",databaseName:c||"",schemaName:h||""}),t.ue("Removed from Assistant Scope",{position:"top-right",duration:2e3,richColors:!0}))}function w(){const j=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:O,connectionType:N,databaseName:c||""});A(!1);const M=N==="MSSQL"?`SELECT top 10 * FROM ${j}`:`SELECT * FROM ${j} LIMIT 10`;f(M),C(!0)}function B(){const j=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:O,connectionType:N,databaseName:c||""});f(`SELECT COUNT(*) as count FROM ${j}`),C(!0)}function $(){return(b==null?void 0:b.find(j=>j.connectionId===i&&(j.tableName===u||j.datamodelName===O)))!==void 0}function q(j){return l?e.jsxs("div",{className:"flex grow items-center justify-between space-x-2 rounded-md px-2 py-1",onClick:()=>R(j),children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(Pe,{column:j}),e.jsx("span",{children:j.column_name})]}),e.jsx("div",{onClick:M=>M.stopPropagation(),className:"flex items-center justify-end",children:t.isNumberDataType(j.data_type)&&e.jsx(en,{column:j})})]}):e.jsx(sn,{onClick:R,column:j})}function D(){return e.jsxs(e.Fragment,{children:[e.jsxs(t.Toggle,{title:`${$()?"Remove from":"Add to"} Assistant Scope`,pressed:$(),onPressedChange:U,variant:"outline",className:t.cn("h-9 px-2",{}),children:[e.jsx(t.Plus,{className:t.cn("mr-1 size-4",{"text-green-400":$(),"text-muted-foreground":!$()})}),"AI"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:w,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsx(ae,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(As,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:B,size:"sm",variant:"secondary",className:"w-full",children:[r!=="Success"?e.jsx(ae,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(ht,{className:"mr-2 size-4"}),"Count"]})]})}return r!=="Success"?e.jsx("div",{className:"flex grow flex-col justify-start gap-2 px-6",children:Array.from({length:3}).map((j,M)=>e.jsx(t.Skeleton,{className:"h-7 w-full"},M))}):e.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[l&&e.jsx("div",{className:"mx-2 flex items-center justify-center gap-2",children:D()}),e.jsxs(t.CustomScrollArea,{className:"flex-1 basis-0 overflow-y-auto px-2 py-0",children:[e.jsx("div",{className:"flex flex-col gap-1",children:n==null?void 0:n.map(j=>e.jsx("div",{className:t.cn("mr-2 cursor-pointer rounded-md text-sm transition-colors hover:bg-muted"),children:q(j)},j.column_name))}),e.jsx(t.ScrollBar,{orientation:"vertical"}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function bt({ColumnsComponent:s,type:a}){var Ue;const n=t.useEditorStore(W=>W.card),r=t.useEditorStore(W=>W.selectedConnectionId),o=t.useDashboardStore(W=>W.showFilters),l=t.useEditorStore(W=>W.selectedDatamodelId),i=t.useEditorStore(W=>W.selectedDatabaseName),d=t.useEditorStore(W=>W.selectedSchemaName),c=t.useEditorStore(W=>W.selectedTableName),h=t.useEditorStore(W=>W.isDevMode),{setSelectedTableName:u,setIsDevMode:x,setCardSql:b}=t.useEditorActions(),{connectionItems:m,modelItems:g,schemaItems:p,databaseItems:y,tableItems:f,columns:C,isConnectionsLoading:S,isModelsLoading:A,isConnectionsError:N,isModelsError:E,isDatabasesLoadingOrFetching:O,isDatabaseError:R,isSchemaLoadingOrFetching:U,isSchemaError:w,isColumnsError:B,isColumnsLoadingOrFetching:$,isTableLoadingOrFetching:q,isTableError:D,connectionType:j,isNonDbConnection:M,refetchDatabases:V,refetchModels:v,refetchSchemas:z,refetchTables:P,refetchColumns:L,refetchConnections:T,handleConnectionChange:F,handleDatabaseChange:H,handleSchemaChange:J,handleDatamodelChange:_,tableName:Q,schemaName:k}=t.useEditorAside(),{data:G,refetch:K}=t.useDashboardCardQuery(n);function X(){return s?s(k,Q,C):e.jsx(an,{schemaName:k,tableName:Q,columns:C,status:$?"Loading...":B?"Error":"Success"})}function he(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function xe(W){W===!0?G&&(b(G.userSql),setTimeout(()=>{K()},100)):b(""),x(W)}function pe(){if(!r||j==="S3"||j==="API")return null;if(!l||l==="none")return e.jsx(ie,{refetch:V,showNone:!0,onChange:H,isError:R,isLoading:O,items:y,value:i||"",title:"Database",type:"combobox"})}function fe(){if(r&&!M&&(!i||i==="none")&&(!l||l==="none"))return e.jsxs("div",{className:"grid grid-cols-3",children:[e.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsx(t.Separator,{})}),e.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsx(t.Label,{children:"OR"})}),e.jsx("div",{className:"col-span-1 grid place-items-center",children:e.jsx(t.Separator,{})})]})}function Ut(){if(!r||j==="S3"||j==="API")return null;if(!i||i==="none")return e.jsx(ie,{refetch:v,showNone:!0,onChange:_,isError:E,isLoading:A,items:g,value:l||"",title:"Model",type:"combobox"})}function $t(){return!r||j==="S3"||j==="API"||!i||i==="none"?null:e.jsx(ie,{refetch:z,onChange:J,isError:w,isLoading:U,items:p,value:d||"",title:"Schema",type:"combobox"})}function Qt(){function W(){let ee=!1;return j==="API"?(ee=!1,ee):((j==="S3"||r&&i&&i!=="none"&&d)&&(ee=!0),ee)}return W()?e.jsx(ie,{refetch:P,onChange:u,isError:D,items:f,isLoading:q,value:c||"",title:"Table",type:"combobox"}):null}return e.jsxs("aside",{className:t.cn("flex h-full min-w-[310px] max-w-[310px] flex-col justify-between rounded-none",{"border-r-[1px]":!o}),children:[e.jsxs("section",{className:"space-y-3 px-6 py-4",children:[e.jsx(ie,{refetch:T,items:m,title:"Connection",value:r||"",onChange:F,isLoading:S,isError:N,type:"combobox",connectionTooltip:((Ue=m==null?void 0:m.find(W=>W.id===r))==null?void 0:Ue.type)||""}),pe(),fe(),Ut(),$t(),Qt()]}),X(),e.jsx("div",{className:"flex items-center justify-between gap-2 px-6 py-4",children:a==="main"&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Switch,{className:"data-[state=checked]:bg-muted-foreground/80",checked:h,onCheckedChange:xe,id:"dev-mode"}),e.jsx(t.Label,{htmlFor:"dev-mode",children:"Dev Mode"})]}),e.jsxs(t.Button,{onClick:he,size:"sm",variant:"secondary",className:"group flex items-center gap-2 rounded-full",children:[e.jsx(Os,{className:"size-4"}),e.jsx("span",{className:"hidden group-hover:block",children:"Help"})]})]})})]})}function vt({sql:s,error:a,onClick:n}){const r=t.useEditorStore(c=>c.isDevMode);t.useEditorStore(c=>c.card);const{setIsDevMode:o,setCardSql:l,setRunSql:i}=t.useEditorActions();if(!s&&!a)return null;function d(){o(!r),l(s),setTimeout(()=>{i(!0)},100)}return e.jsxs(t.HoverCard,{openDelay:a?0:500,children:[e.jsx(t.HoverCardTrigger,{asChild:!0,children:e.jsx(t.Button,{variant:"link",className:"h-5 p-0",children:a?e.jsx(at,{className:"h-4 w-4 text-red-500"}):e.jsx(t.Info,{className:"h-4 w-4 text-muted-foreground"})})}),e.jsx(t.HoverCardContent,{align:"start",className:"w-full min-w-fit max-w-[700px]",children:e.jsx("div",{className:"flex justify-between space-x-4",children:e.jsxs("div",{className:"flex grow flex-col space-y-2",children:[e.jsxs(t.ScrollArea,{className:"max-h-[250px] min-h-0 overflow-scroll text-xs leading-relaxed text-foreground/80",children:[a&&a,s&&e.jsxs("div",{className:"flex flex-col space-y-1.5",children:[e.jsx("span",{className:"text-xs font-semibold",children:"Resolved SQL"}),e.jsx("div",{className:"rounded-md",children:e.jsx(t.CodeHighlighter,{code:s,language:"sql"})})]})]}),!r&&e.jsxs(t.Button,{onClick:d,variant:"secondary",size:"sm",children:[e.jsx(vs,{className:"mr-2 h-4 w-4"}),"View in SQL Editor"]}),a&&n&&e.jsxs(t.Button,{onClick:n,size:"sm",variant:"secondary",children:[e.jsx(ks,{className:"mr-2 h-4 w-4"}),"Debug with Assistant"]})]})})})]})}var Ct={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Ke=I.createContext&&I.createContext(Ct),rn=["attr","size","title"];function on(s,a){if(s==null)return{};var n=ln(s,a),r,o;if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(s);for(o=0;o<l.length;o++)r=l[o],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(s,r)&&(n[r]=s[r])}return n}function ln(s,a){if(s==null)return{};var n={};for(var r in s)if(Object.prototype.hasOwnProperty.call(s,r)){if(a.indexOf(r)>=0)continue;n[r]=s[r]}return n}function Ce(){return Ce=Object.assign?Object.assign.bind():function(s){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(s[r]=n[r])}return s},Ce.apply(this,arguments)}function Ye(s,a){var n=Object.keys(s);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(s);a&&(r=r.filter(function(o){return Object.getOwnPropertyDescriptor(s,o).enumerable})),n.push.apply(n,r)}return n}function Se(s){for(var a=1;a<arguments.length;a++){var n=arguments[a]!=null?arguments[a]:{};a%2?Ye(Object(n),!0).forEach(function(r){cn(s,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):Ye(Object(n)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(n,r))})}return s}function cn(s,a,n){return a=dn(a),a in s?Object.defineProperty(s,a,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[a]=n,s}function dn(s){var a=un(s,"string");return typeof a=="symbol"?a:a+""}function un(s,a){if(typeof s!="object"||!s)return s;var n=s[Symbol.toPrimitive];if(n!==void 0){var r=n.call(s,a);if(typeof r!="object")return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return(a==="string"?String:Number)(s)}function St(s){return s&&s.map((a,n)=>I.createElement(a.tag,Se({key:n},a.attr),St(a.child)))}function re(s){return a=>I.createElement(mn,Ce({attr:Se({},s.attr)},a),St(s.child))}function mn(s){var a=n=>{var{attr:r,size:o,title:l}=s,i=on(s,rn),d=o||n.size||"1em",c;return n.className&&(c=n.className),s.className&&(c=(c?c+" ":"")+s.className),I.createElement("svg",Ce({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,i,{className:c,style:Se(Se({color:s.color||n.color},n.style),s.style),height:d,width:d,xmlns:"http://www.w3.org/2000/svg"}),l&&I.createElement("title",null,l),s.children)};return Ke!==void 0?I.createElement(Ke.Consumer,null,n=>a(n)):a(Ct)}function hn(s){return re({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 Nt(s){const{theme:a}=t.useTheme(),n=t.useDashboardStore(p=>p.theme),r=t.useEditorStore(p=>p.frame),o=t.useEditorStore(p=>p.card),l=t.useEditorStore(p=>p.activeTabCardId),i=t.Le(),{refetch:d}=t.useDashboardCardQuery(o),{updateCardTab:c,setRunSql:h}=t.useEditorActions(),u=I.useRef(),x=I.useRef({}),b=r.cards.find(p=>p.id===l),m=I.useCallback(()=>{let p="";return s==="python"&&(p=(b==null?void 0:b.python)||t.PYTHON_DEFAULT_CODE),s==="sql"&&(p=(b==null?void 0:b.sql)||""),p},[s,b]);I.useEffect(()=>{if(l&&o.id&&o.id!==l){if(u.current&&i){const p=u.current.getModel();p&&(x.current[o.id]=p);let y=x.current[l];if(!y){const f=m();y=i.editor.createModel(f,s),x.current[l]=y}u.current.setModel(y)}c(l,o),h(!0)}},[l,o,c,i,h,s,m]),I.useEffect(()=>{if(!i)return;const p=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",y=n==="system"?p:n;i.editor.defineTheme("default",{base:y==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":y==="light"?"#ffffff":t.hslStringToHex("240 10% 10%")}}),i.editor.setTheme("default")},[a,n,i]),I.useEffect(()=>{const p=u.current;p&&i&&o&&p.addCommand(i.KeyMod.Shift|i.KeyCode.Enter,function(){return d(),!1})},[i,d,o]);function g(p,y){if(u.current=p,!x.current[o.id]){const f=p.getModel(),C=m();x.current[o.id]=f||(y==null?void 0:y.editor.createModel(C,s))||p.getModel()}p.setModel(x.current[o.id])}return{handleEditorDidMount:g}}function xn(){const s=t.useEditorStore(i=>i.card.sql),a=t.useEditorStore(i=>i.sqlGen),{setCardSql:n,setSqlGen:r}=t.useEditorActions(),{handleEditorDidMount:o}=Nt("sql");function l(i){n(i),t.isObjectEmpty(a)||r({})}return e.jsxs("div",{className:"relative h-full w-full",children:[!s&&e.jsx("div",{className:"pointer-events-none absolute left-[65px] top-3 z-10 font-mono text-sm text-muted-foreground",children:"Write your SQL here"}),e.jsx(t.Ft,{theme:"default",className:"pt-3",onChange:l,value:s||"",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:13,renderLineHighlight:"none"},defaultLanguage:"sql",onMount:o})]})}function pn(){const s=t.useEditorStore(o=>o.card.python),{setCardPython:a}=t.useEditorActions(),{handleEditorDidMount:n}=Nt("python");function r(o){a(o)}return e.jsx(t.Ft,{className:"pt-3",theme:"default",onChange:r,value:s||t.PYTHON_DEFAULT_CODE,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:13,renderLineHighlight:"none"},defaultLanguage:"python",onMount:n})}function fn({jsonString:s}){return e.jsx(t.Ft,{theme:"default",defaultLanguage:"json",className:"mt-1 min-h-[220px]",value:s,options:{readOnly:!0,minimap:{enabled:!1},lineNumbers:"off",glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})}function wt(s){const[a,n]=I.useState(""),[r,o]=I.useState(null),{authToken:l}=t.useSemaphorContext(),i=t.useEditorStore(k=>{var G;return(G=k==null?void 0:k.card)==null?void 0:G.sql}),d=t.useEditorStore(k=>{var G;return(G=k==null?void 0:k.card)==null?void 0:G.python}),{setCardPython:c,setCardSql:h,setRunSql:u,switchCardType:x}=t.useEditorActions(),b=t.useEditorStore(k=>k.currentAssitantScope)||[],m=t.useEditorStore(k=>k.userInputForAI),g=t.useEditorStore(k=>k.triggerAIRun),p=t.useEditorStore(k=>k.selectedDatabaseName),y=t.useEditorStore(k=>k.selectedTableName),f=t.useEditorStore(k=>k.selectedConnectionId),C=t.useEditorStore(k=>k.selectedSchemaName),S=t.useDashboardStore(k=>k.dashboard.aiScopeTables),{setTriggerAIRun:A,setCurrentAssitantScope:N}=t.useEditorActions(),{selectedDatamodelName:E,connectionType:O,selectedDatamodelId:R}=t.useEditorAside(),{messages:U,setMessages:w,reload:B,error:$,append:q,input:D,setInput:j,status:M,handleInputChange:V,handleSubmit:v,stop:z}=t.useChat({api:"https://semaphor.cloud/api/v1/assistant",headers:{Authorization:`Bearer ${l==null?void 0:l.accessToken}`},body:{random:Math.random(),assistantId:"editor-assistant"},maxSteps:10,onError:k=>{console.log("on error",k)},onToolCall:P,onFinish(k,G){L(G.usage),n(""),G.finishReason==="stop"&&n("")}});I.useEffect(()=>{g&&m&&(V({target:{value:m}}),setTimeout(()=>{v(),A(!1)},100))},[g,v,m,A,V]);async function P({toolCall:k}){if(["createChartFromSql","createForecast"].includes(k.toolName)){const G=k.args.sql,K=k.args.python,X=k.args.chartType;return x(X),h(G),c(K),u(!0),{status:"success",message:"Let the user know that chart is created"}}else if(k.toolName==="getTableColumns")n("Getting table columns...");else{if(k.toolName==="getUserSql")return i?{status:"success",sql:i,python:d||""}:{status:"error",message:"No SQL found"};if(k.toolName==="getCurrentTableScope")return n("Getting table scope..."),J(),{status:"success",tables:b};n("Analyzing...")}}function L(k){o(G=>G?{promptTokens:G.promptTokens+k.promptTokens,completionTokens:G.completionTokens+k.completionTokens,totalTokens:G.totalTokens+k.totalTokens}:k)}function T(k){const G=t.removeFromScopeArray(b,k);F(G)}function F(k){const G=t.sanitizeAIScope(k);N(G),w(K=>[...K,{id:crypto.randomUUID(),role:"system",content:`Current scope of tables | ${JSON.stringify(G)}`}])}function H(){const k={databaseName:p||"",schemaName:C||"",tableName:y||"",datamodelId:R||"",datamodelName:t.resolveDatamodelName(E),connectionId:f||"",connectionType:O||""},G=t.dedup([...b,k]);F(G)}function J(){const k={databaseName:p||"",schemaName:C||"",tableName:y||"",datamodelName:t.resolveDatamodelName(E),connectionId:f||"",connectionType:O||"",datamodelId:R||""};if(!t.isInAiScopeArray([...S||[],...b],k)||b.length===0){const K=t.dedup([...S||[],...b,k]).filter(X=>X.connectionId===k.connectionId);F(K)}}const _=!["ready","error"].includes(M),Q=t.getErrorMessage($);return{messages:U,setMessages:w,reload:B,append:q,input:D,setInput:j,isLoading:_,handleSetAIScope:J,handleAddCurrentTableToScope:H,removeFromCurrentSelections:T,currentAssitantScope:b,setCurrentAssitantScope:N,handleInputChange:V,handleSubmit:v,stop:z,chatStatus:M,toolStatus:a,llmUsage:r,onFinish:s,errorMessage:Q}}function gn(s){const a=s.toUpperCase().indexOf("WHERE"),n=s.toUpperCase().indexOf("GROUP BY"),r=s.toUpperCase().indexOf("LIMIT"),o=s.toUpperCase().indexOf("ORDER BY");let l=s.length;if(o!==-1&&(l=o),r!==-1&&r<l&&(l=r),a!==-1){const i=s.substring(0,a),d=s.substring(a);return`${i} {{ filters | where }} AND ${d.substring(6)}`}else if(n!==-1){const i=s.substring(0,n),d=s.substring(n);return`${i} {{ filters | where }} ${d}`}else{const i=s.substring(0,l),d=s.substring(l);return console.log("beforeClause",i),console.log("afterClause",d),d?`${i} {{ filters | where }} ${d}`:`${i.replace(/;$/,"")} {{ filters | where }}`}}function kt({variant:s="secondary"}){const{setCardSql:a}=t.useEditorActions(),n=t.useEditorStore(m=>m.frame),r=t.useEditorStore(m=>m.card),o=t.useEditorStore(m=>m.selectedSchemaName),l=t.useEditorStore(m=>m.selectedDatamodelId),i=t.useEditorStore(m=>m.selectedDatabaseName),d=t.useEditorStore(m=>m.selectedTableName),c=t.useEditorStore(m=>m.selectedConnectionId),h=t.useEditorStore(m=>m.isShowingVisual),u=r.sql,x=t.useEditorStore(m=>m.onSave);function b(){let m=u;u&&!u.includes("{{")&&(m=gn(u),a(m));const g={...r,lastSelectedSchema:o,lastSelectedDatamodelId:l,lastSelectedDatabase:i,lastSelectedTable:d,connectionId:c,type:h?r.type:"table",sql:m,customCfg:h?r.customCfg:null},p=n.cards.map(f=>f.id===r.id?g:f),y={...n,cards:p,activeCardId:jn(p,n.activeCardId)};x==null||x(y)}return e.jsxs(t.Button,{onClick:b,size:"sm",variant:s,children:[e.jsx(t.Check,{className:"mr-2 size-4 font-bold"}),"Accept"]})}function Dt(){const{setTempQueryData:s,setSqlGen:a}=t.useEditorActions(),n=t.useQueryClient(),r=t.useEditorStore(c=>c.tempQueryData),o=t.useEditorStore(c=>c.onClose),l=t.useEditorStore(c=>c.card),{queryKey:i}=t.useDashboardCardQuery(l);function d(){if(r){const{queryKey:c,queryData:h}=r;c&&h&&n.setQueryData(c,h)}a({}),o==null||o()}return e.jsxs(t.Button,{onClick:d,size:"sm",variant:"secondary",children:[e.jsx(t.X,{className:"mr-2 size-4"}),"Close"]})}function It(){const{setTempQueryData:s}=t.useEditorActions(),a=t.useQueryClient(),n=t.useEditorStore(m=>m.tempQueryData),r=t.useEditorStore(m=>m.card),{queryKey:o}=t.useDashboardCardQuery(r),{setCardSql:l,setSqlGen:i,setCardPython:d,setCardCustomCfg:c,setCardPreferences:h,setCardType:u,clearQueryConfig:x}=t.useEditorActions();function b(){const m=a.getQueryData(o);n!=null&&n.queryData||s({queryKey:o,queryData:m}),a.setQueryData(o,null),a.removeQueries({queryKey:o,exact:!0}),l(""),i({}),x(),d(""),c(""),h({})}return e.jsxs(t.Button,{onClick:b,className:"",size:"sm",variant:"secondary",children:[e.jsx(ys,{className:"mr-2 size-4"}),"Clear"]})}function jn(s,a){if(s.length===0)return"";if(a){const n=s.find(r=>r.id===a);if(n){const r=n.tabTitle;if(r=="All__Header")return s[0].id;if(r&&r.endsWith("__Header")){const l=r.split("__")[0],i=s.find(d=>d.tabTitle===l);return i?i.id:s[0].id}return a}}return s[0].id}function yn(){const s=t.useQueryClient(),[a,n]=I.useState(!1),[r,o]=I.useState(!1);t.useEditorStore(L=>L.frame);const l=t.useEditorStore(L=>L.card);t.useEditorStore(L=>L.isShowingVisual),t.useEditorStore(L=>L.selectedConnectionId),t.useEditorStore(L=>L.tempQueryData),t.useEditorStore(L=>L.selectedDatabaseName),t.useEditorStore(L=>L.selectedDatamodelId),t.useEditorStore(L=>L.selectedSchemaName);const i=t.useEditorStore(L=>L.showAIDialog);t.useEditorStore(L=>L.selectedTableName);const d=t.useEditorStore(L=>{var T;return(T=L==null?void 0:L.card)==null?void 0:T.sql}),c=t.useEditorStore(L=>{var T;return(T=L==null?void 0:L.card)==null?void 0:T.python}),{sheetFilterValues:h}=t.useSheetFilterValues(),{setCardCustomCfg:u,setQueryResultColumns:x,setCardSql:b,setTempQueryData:m,setPythonStdOut:g,setCardPreferences:p,setCardType:y,setCardPython:f,runAssistant:C,setShowAIDialog:S}=t.useEditorActions();t.useEditorStore(L=>L.onSave),t.useEditorStore(L=>L.onClose),t.useEditorStore(L=>L.actions.setSqlGen);const A=t.useEditorStore(L=>L.runSql),N=t.useEditorStore(L=>L.actions.setRunSql),E=t.useEditorStore(L=>L.actions.setIsSqlRunning),{data:O,isLoading:R,isFetching:U,isSuccess:w,isError:B,error:$,queryKey:q,refetch:D,errorMessage:j}=t.useDashboardCardQuery(l),{handleSetAIScope:M}=wt();I.useEffect(()=>{if(O&&(O.rowLimitExceeded&&t.ue.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),g((O==null?void 0:O.output)||""),O.records.length>0)){const{dimensionKeys:L}=t.getKeys(O.records);x(L)}},[O,x,g]),I.useEffect(()=>{(R||U)&&E(!0),(B||w)&&E(!1),B&&(x([]),g(""))},[R,U,O,g,B,w,E,x,$]),I.useEffect(()=>{A&&(s.getQueryData(q)||D(),N(!1))},[A,D,N,q,s]);async function V(){const L=`Can you help me debug this query in the current table scope?
|
|
362
357
|
|
|
363
358
|
Error:
|
|
364
359
|
|
|
365
|
-
${
|
|
360
|
+
${j}
|
|
366
361
|
|
|
367
362
|
Query:
|
|
368
363
|
|
|
369
|
-
${
|
|
370
|
-
|
|
371
|
-
`;f(I)}function B(){return e.jsxs(e.Fragment,{children:[r&&e.jsx("div",{className:"relative flex w-1/3 min-w-0 grow overflow-hidden text-xs",role:"editor-filter-container",children:e.jsx("div",{className:"mt-2 w-[99%]",children:e.jsx(gn,{jsonString:JSON.stringify(c,null,2)})})}),c&&c.length>0&&e.jsx(t.Button,{variant:"ghost",onClick:()=>o(!r),className:"absolute bottom-0 right-6 size-7 p-1",children:r?e.jsx(t.X,{className:"size-3.5 text-muted-foreground"}):e.jsx(lt,{className:"size-3.5 text-muted-foreground"})})]})}function v(){return e.jsxs(t.ResizablePanelGroup,{className:"flex grow pb-1",direction:"vertical",role:"editor-resizable-group",children:[e.jsxs(t.ResizablePanel,{id:"1",order:1,defaultSize:a?20:100,className:"relative flex grow",children:[e.jsx("div",{id:"sql-container",className:"relative flex w-[99%]",children:e.jsx(pn,{})}),a&&e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"sql"})]}),a&&e.jsxs(e.Fragment,{children:[e.jsx(t.ResizableHandle,{withHandle:!0,className:"border"}),e.jsxs(t.ResizablePanel,{id:"2",order:2,defaultSize:80,className:"relative flex grow",children:[e.jsx("div",{id:"python-container",className:"relative flex w-[99%] pt-0",children:e.jsx(fn,{})}),e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"python"})]})]})]})}function O(){return e.jsxs("div",{role:"editor-controls",className:"item-center flex flex-wrap justify-between gap-2 px-6 py-4",children:[e.jsxs("div",{className:"flex grow items-center gap-2",children:[e.jsxs(t.Button,{title:"Shift + Enter",disabled:F||R,onClick:()=>{P()},className:"shrink-0",size:"sm",children:[F||R?e.jsx(ae,{className:"mr-2 h-4 w-4 animate-spin"}):e.jsx(t.Play,{className:"mr-2 h-4 w-4"}),"Run"]}),e.jsx(Ct,{sql:D==null?void 0:D.sql,error:E,onClick:M}),e.jsx(Et,{}),e.jsx(t.Toggle,{pressed:a,onPressedChange:I=>n(I),className:"",size:"sm",children:e.jsx(xn,{className:"size-4 text-foreground/70"})}),e.jsx("button",{disabled:i,onClick:()=>{j(),S(!0)},className:"h-9 w-full cursor-text px-3 text-left text-sm text-muted-foreground",children:i?"":"Type your question..."})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(It,{}),e.jsx(Dt,{})]})]})}return e.jsxs("section",{role:"editor-section",className:"flex grow flex-col justify-end",children:[e.jsxs("div",{className:"relative flex grow justify-between overflow-y-scroll",children:[v(),B()]}),O()]})}function vn({data:s}){var i;const[a,n]=T.useState([]),o=Object.keys(s[0]).map(u=>({accessorKey:u,header:({column:c})=>{const h=c.getIsSorted();return e.jsx("div",{className:"flex gap-2",children:e.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>c.toggleSorting(c.getIsSorted()==="asc"),children:[u,h==="asc"?e.jsx(t.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):h==="desc"?e.jsx(t.TriangleDownIcon,{className:"ml-2 h-5 w-5"}):null]})})}})),l=t.useReactTable({data:s,columns:o,getCoreRowModel:t.getCoreRowModel(),getPaginationRowModel:t.getPaginationRowModel(),onSortingChange:n,getSortedRowModel:t.getSortedRowModel(),manualPagination:!0,state:{sorting:a}});return e.jsxs(t.CustomScrollArea,{className:"grow overflow-auto font-mono text-xs text-foreground/95",children:[e.jsxs("table",{className:"w-full",children:[e.jsx(t.TableHeader,{className:"sticky top-0 z-50 h-0 bg-muted",children:l.getHeaderGroups().map(u=>e.jsx(t.TableRow,{className:"",children:u.headers.map(c=>e.jsx(t.TableHead,{className:"h-11 font-semibold text-foreground",children:c.isPlaceholder?null:t.flexRender(c.column.columnDef.header,c.getContext())},c.id))},u.id))}),e.jsx(t.TableBody,{children:(i=l.getRowModel().rows)!=null&&i.length?l.getRowModel().rows.map(u=>e.jsx(t.TableRow,{className:"h-11 whitespace-nowrap py-2","data-state":u.getIsSelected()&&"selected",children:u.getVisibleCells().map(c=>e.jsx(t.TableCell,{className:"py-2",children:t.flexRender(c.column.columnDef.cell,c.getContext())},c.id))},u.id)):e.jsx(t.TableRow,{children:e.jsx(t.TableCell,{colSpan:o.length,className:"h-24 text-center",children:"No results."})})})]}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}function Cn({card:s}){var S,C,A,N,D,F,R,U,w,_,G;const[a,n]=T.useState(!1),[r,o]=T.useState([]),{authToken:l}=t.useSemaphorContext(),i=t.getTokenParams(l==null?void 0:l.accessToken),u=t.useDashboardStore(P=>P.themeStyle),c={colors:((C=(S=u==null?void 0:u.chart)==null?void 0:S.dataset)==null?void 0:C.backgroundColor)||[]};(A=s.customCardPreferences)!=null&&A.inputData;const{getCard:h}=t.useCustomVisual(((N=s.customCardPreferences)==null?void 0:N.url)||""),d=((D=s.customCardPreferences)==null?void 0:D.visualType)||"single",x=t.useEditorStore(P=>P.frame),{setCustomCardPreferences:b}=t.useEditorActions(),{data:m}=t.useDashboardCardQuery(s),g=T.useCallback((P,E)=>{o(j=>({...j,[P]:E}))},[]);if(!((F=s.customCardPreferences)!=null&&F.componentName))return null;const p=h((R=s.customCardPreferences)==null?void 0:R.componentName);function y(P){n(P)}const f=Object.keys(((U=s.customCardPreferences)==null?void 0:U.dataInputCardIds)||{}).map(P=>{var M,B,v;const E=(B=(M=s.customCardPreferences)==null?void 0:M.dataInputCardIds)==null?void 0:B[P].cardId,j=(v=x==null?void 0:x.cards)==null?void 0:v.find(O=>O.id===E);return j||null});return e.jsx("div",{className:"semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto",children:e.jsxs(T.Suspense,{fallback:e.jsx(e.Fragment,{}),children:[p&&d==="single"&&e.jsx(p,{params:i,theme:c,settings:(w=s.customCardPreferences)==null?void 0:w.settings,onDataChange:g,data:(m==null?void 0:m.records)||[]}),p&&d==="multiple"&&e.jsxs(e.Fragment,{children:[Object.keys(((_=s.customCardPreferences)==null?void 0:_.dataInputCardIds)||{}).map(P=>{var M,B,v;const E=(B=(M=s.customCardPreferences)==null?void 0:M.dataInputCardIds)==null?void 0:B[P].cardId,j=(v=x==null?void 0:x.cards)==null?void 0:v.find(O=>O.id===E);if(j)return e.jsx(t.MultiInputEmptyRenderer,{onLoadingStatus:y,onDataChange:g,dataInputIndex:P,card:j},j.id+P)}),e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx(p,{theme:c,onDataChange:g,settings:f.map(P=>{var E;return(E=P==null?void 0:P.customCardPreferences)==null?void 0:E.settings}),data:f.map(P=>P!=null&&P.id?r==null?void 0:r[P.id]:[])})})]})]},(G=s.customCardPreferences)==null?void 0:G.componentName)})}function Tt({className:s,...a}){var y;const n=t.useEditorStore(f=>f.card),r=((y=n.customCardPreferences)==null?void 0:y.showCardHeader)??!0,o=t.useEditorStore(f=>f.frame),l=t.useDashboardStore(f=>f.dashboard.filters);t.useEditorStore(f=>f.actions.setRunSql);const{updateFilter:i}=t.useDashboardActions(),u=l==null?void 0:l.find(f=>f.id===o.filterId),{data:c,isLoading:h,isFetching:d}=t.useDashboardCardQuery(n),{setCard:x}=t.useEditorActions(),{data:b}=t.useTopoJson(n),m=T.useMemo(()=>!n.id||!(c!=null&&c.records)?null:t.createChartConfig({data:c==null?void 0:c.records,cardType:n.type,queryConfig:n.queryConfig,customCfg:n.customCfg,preferences:n.preferences,topoJson:b}),[n.id,c==null?void 0:c.records,n.type,n.queryConfig,n.customCfg,n.preferences,b]);function g(f){return e.jsx(Cn,{card:f})}function p(){if(c!=null&&c.records&&(c==null?void 0:c.records.length)===0&&!h&&!d)return e.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2",children:[e.jsx(t.TreePalm,{className:"size-8 text-muted-foreground"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"No records to display"})]});if(!n.id)return null;if(n.type==="custom")return g(n);if(!["table","custom"].includes(n.type)&&m)return e.jsx(e.Fragment,{children:h||d?e.jsx(e.Fragment,{}):e.jsx(t.ChartJsVisual,{cfg:m})});if(n.type==="table"&&(c!=null&&c.records)&&(c==null?void 0:c.records.length)>0)return e.jsx("div",{className:"relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0",children:e.jsx(t.TableVisual,{card:n,data:c==null?void 0:c.records})})}return e.jsxs(t.Card,{role:"editor-visual-card",className:t.cn("relative flex h-full flex-col rounded-none",s),...a,children:[r&&e.jsxs(t.CardHeader,{className:"flex flex-row items-start justify-between py-4",children:[e.jsxs("div",{children:[e.jsx(t.Editable,{enabled:!0,text:n.title,onSave:f=>x({...n,title:f}),children:e.jsx("div",{className:"flex items-center gap-5",children:e.jsx(t.CardTitle,{className:"text-base",children:n.title||"Add title"})})},n.title),e.jsx(t.Editable,{enabled:!0,text:n.description||"",onSave:f=>x({...n,description:f}),children:e.jsx(t.CardDescription,{children:n.description||"Add description"})},n.description)]}),u&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Editable,{enabled:!0,className:"my-1",text:u.title||u.column,onSave:f=>i({...u,title:f}),children:e.jsx(t.Label,{children:u.title})}),e.jsx(t.FilterComponent,{filter:u})]})]}),e.jsx(t.CardContent,{className:"flex grow flex-col",children:p()})]})}const Te=({language:s,value:a,onChange:n,readonly:r})=>e.jsx(t.Ft,{className:"h-full w-full overflow-hidden text-xs",theme:"default",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,lineHeight:16,renderLineHighlight:"none",readOnly:r},defaultLanguage:s,value:a,onChange:n}),Sn=()=>e.jsxs(t.DialogHeader,{children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(t.DialogTitle,{children:"Customize Card"})}),e.jsxs(t.DialogDescription,{children:["See the configuration options and documentation",e.jsx("a",{target:"_blank",className:"ml-1 text-blue-500 underline",href:"https://www.chartjs.org/docs/latest/samples/bar/vertical.html",children:"here."})]})]}),Nn=({customCode:s,cardCustomCfgString:a,mergedConfig:n,onConfigChange:r,onCodeChange:o})=>e.jsxs(t.Tabs,{defaultValue:"final-config",className:"flex w-1/2 flex-col",children:[e.jsxs(t.TabsList,{className:"justify-start rounded-sm rounded-b-none border border-b-0",children:[e.jsx(t.TabsTrigger,{value:"final-config",children:"Config"}),e.jsx(t.TabsTrigger,{value:"custom-config",children:"Changes"}),e.jsx(t.TabsTrigger,{value:"custom-code",children:"Custom Code"})]}),e.jsx(t.TabsContent,{value:"final-config",className:"mt-0 grow rounded-b border border-t-0",children:e.jsx(Te,{language:"json",value:n,onChange:r})}),e.jsx(t.TabsContent,{value:"custom-config",className:"mt-0 grow rounded-b border border-t-0",children:e.jsx(Te,{readonly:!0,language:"json",value:a,onChange:()=>{}})}),e.jsx(t.TabsContent,{value:"custom-code",className:"mt-0 grow rounded-b border border-t-0",children:e.jsx(Te,{language:"javascript",value:s,onChange:o})})]}),wn=({error:s,hasCardCustomConfig:a,onReset:n,onApply:r,onClose:o})=>e.jsxs(t.DialogFooter,{className:"flex items-center",children:[e.jsx(t.Label,{className:"mr-2 text-red-500",children:s}),e.jsx(t.Button,{disabled:!a,onClick:n,variant:"outline",children:"Reset"}),e.jsx(t.Button,{onClick:r,variant:"outline",children:"Apply"}),e.jsx(t.Button,{onClick:o,variant:"outline",children:"Close"})]});function kn(){const[s,a]=T.useState(!1),[n,r]=T.useState(""),[o,l]=T.useState(""),[i,u]=T.useState(""),[c,h]=T.useState(""),d=t.useEditorStore(N=>N.card),x=t.useEditorStore(N=>N.card.customCfg),b=x?JSON.stringify(x,null,2):"",{data:m}=t.useDashboardCardQuery(d),{data:g}=t.useTopoJson(d),{setCardCustomCfg:p,setCustomVisualCode:y}=t.useEditorActions(),f=N=>{var D,F;return JSON.stringify({...N,data:{...N.data,datasets:(F=(D=N.data)==null?void 0:D.datasets)==null?void 0:F.map(R=>({...R,data:[]}))}},null,2)},S=()=>{var D,F;if(!((D=m==null?void 0:m.records)!=null&&D.length))return;const N=t.createChartConfig({data:m.records,cardType:d.type,queryConfig:d.queryConfig,preferences:d.preferences,topoJson:g});if(N){r(f(N)),u(((F=d.preferences)==null?void 0:F.customVisualCode)||"");const R=t.merge(N,x);l(f(R))}},C=()=>{try{if(i&&y(i),o){const N=JSON.parse(o),D=t.getObjectDiff(JSON.parse(n),N);p(D),h("")}}catch{h("Invalid JSON configuration")}},A=Object.keys(x||{}).length===0;return e.jsxs(t.Dialog,{open:s,onOpenChange:a,children:[e.jsx(t.DialogTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Customize Visual",onClick:S,className:A?"":"text-green-600 hover:text-green-700",children:e.jsx(t.Settings,{className:"h-4 w-4"})})}),e.jsxs(t.DialogContent,{className:"flex h-[600px] grow flex-col overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",children:[e.jsx(Sn,{}),e.jsxs("div",{className:"flex grow gap-2",children:[e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(Tt,{className:"w-1/2 rounded shadow-none"})}),e.jsx(Nn,{customCode:i,cardCustomCfgString:b,mergedConfig:o,onConfigChange:N=>l(N??""),onCodeChange:N=>u(N??"")})]}),e.jsx(wn,{error:c,hasCardCustomConfig:!!x,onReset:()=>{l(n),p(null)},onApply:C,onClose:()=>a(!1)})]})]})}function Mt(s){const[a,n]=T.useState(null);return a}function At(){const{authToken:s}=t.useSemaphorContext(),{data:a,isLoading:n,isFetching:r,isError:o}=t.useQuery({queryKey:["plugins",s==null?void 0:s.accessToken],queryFn:()=>t.getPlugins(s==null?void 0:s.accessToken)});return{data:a,isLoading:n,isFetching:r,isError:o}}function Dn({onChartTypeChange:s}){const[a,n]=T.useState([]),{setCardCustomCfg:r,setCardPreferences:o,setCardType:l,setCustomCardPreferences:i}=t.useEditorActions(),{data:u}=At();function c(h,d){r(null),o({}),l(h),d&&i({type:"component",visualType:"single",url:d.url,componentName:d.name,icon:d.icon}),s==null||s()}return T.useEffect(()=>{(async()=>{var d;if(u){const b=(await Promise.all((d=u==null?void 0:u.plugins)==null?void 0:d.map(async m=>(await t.loadManifest(m.value)).visuals.map(y=>({name:y.name,icon:y.icon,url:m.value}))))).flat();n(b)}})()},[u]),a.length===0?null:e.jsxs(e.Fragment,{children:[e.jsx(t.Separator,{className:"my-2"}),e.jsx("div",{className:"grid grid-cols-4 place-items-center",children:a.map((h,d)=>e.jsx(In,{text:h.name,onClick:()=>c("custom",h),icon:h.icon},h.url+h.name+d))})]})}const In=({text:s,icon:a,onClick:n})=>{const r=Mt(),o=s.charAt(0).toUpperCase();return e.jsx(t.IconButton,{onClick:n,tooltip:s,children:r?e.jsx(r,{className:"h-4 w-4"}):o})};function Lt(s){return re({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 En(s){return re({attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M48,180c0,11,7.18,20,16,20a14.24,14.24,0,0,0,10.22-4.66A8,8,0,0,1,85.78,206.4,30.06,30.06,0,0,1,64,216c-17.65,0-32-16.15-32-36s14.35-36,32-36a30.06,30.06,0,0,1,21.78,9.6,8,8,0,0,1-11.56,11.06A14.24,14.24,0,0,0,64,160C55.18,160,48,169,48,180Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57,4.57,0,0,1,2-3.67c4.6-3.12,15.34-1.73,19.82-.56A8,8,0,0,0,142,145.86c-2.12-.55-21-5.22-32.84,2.76a20.58,20.58,0,0,0-9,14.95c-2,15.88,13.65,20.41,23,23.11,12.06,3.49,13.12,4.92,12.78,7.59-.31,2.41-1.26,3.34-2.14,3.93-4.6,3.06-15.17,1.56-19.55.36A8,8,0,0,0,109.94,214a61.34,61.34,0,0,0,15.19,2c5.82,0,12.3-1,17.49-4.46a20.82,20.82,0,0,0,9.19-15.23C154,179,137.49,174.17,127.6,171.31Zm83.09-26.84a8,8,0,0,0-10.23,4.84L188,184.21l-12.47-34.9a8,8,0,0,0-15.07,5.38l20,56a8,8,0,0,0,15.07,0l20-56A8,8,0,0,0,210.69,144.47ZM216,88v24a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H56v72a8,8,0,0,1-16,0V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-27.31-8L160,51.31V80Z"},child:[]}]})(s)}function Ot(s){return re({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},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 zt(s){return re({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M4.387 3h15.226a1 1 0 0 1 .948 1.316l-5.105 15.316a2 2 0 0 1 -1.898 1.368h-3.116a2 2 0 0 1 -1.898 -1.368l-5.104 -15.316a1 1 0 0 1 .947 -1.316"},child:[]},{tag:"path",attr:{d:"M5 9h14"},child:[]},{tag:"path",attr:{d:"M7 15h10"},child:[]}]})(s)}function Ft(s){return re({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z"},child:[]}]})(s)}function Rt(s){return re({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 Bt({onChartTypeChange:s,iconClassName:a}){const{setCardType:n,setCardPreferences:r,setIsDevMode:o}=t.useEditorStore(d=>d.actions),{setCardCustomCfg:l,setCustomCardPreferences:i,setQueryConfig:u}=t.useEditorActions();function c(d,x){l(null),r({}),n(d),["kpi","custom","text","map"].includes(d)&&(o(!0),u(void 0)),s==null||s()}const h=1e3;return e.jsxs("div",{className:"grid grid-cols-4 place-items-center",children:[e.jsx(t.IconButton,{openDelay:h,tooltip:"Table",onClick:()=>c("table"),className:"h-10 p-4",children:e.jsx(Ve,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Bar Chart",onClick:()=>c("bar"),className:"h-10 p-4",children:e.jsx(Re,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Line Chart",onClick:()=>c("line"),className:"h-10 p-4",children:e.jsx(Be,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Stacked Bar Chart",onClick:()=>c("stackedBar"),className:"h-10 p-4",children:e.jsx(et,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Stacked Line Chart",onClick:()=>c("stackedLine"),className:"h-10 p-4",children:e.jsx(Ft,{className:t.cn("size-5",a),strokeWidth:0})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Scatter Chart",onClick:()=>c("scatter"),className:"h-10 p-4",children:e.jsx(nt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Bubble Chart",onClick:()=>c("bubble"),className:"h-10 p-4",children:e.jsx(Ot,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Pie Chart",onClick:()=>c("pie"),className:"h-10 p-4",children:e.jsx(st,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Doughnut Chart",onClick:()=>c("doughnut"),className:"h-10 p-4",children:e.jsx(rt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Funnel Chart",onClick:()=>c("funnel"),className:"h-10 p-4",children:e.jsx(zt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Radar Chart",onClick:()=>c("radar"),className:"h-10 p-4",children:e.jsx(ut,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Polar Area Chart",onClick:()=>c("polarArea"),className:"h-10 p-4",children:e.jsx(Lt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Tornado Chart",onClick:()=>c("tornado"),className:"h-10 p-4",children:e.jsx(pt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{tooltip:"Range Chart",onClick:()=>c("range"),className:"h-10 p-4",children:e.jsx(tt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"KPI",onClick:()=>c("kpi"),className:"h-10 p-4",children:e.jsx(Rt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Text",onClick:()=>c("text"),className:"h-10 p-4",children:e.jsx(cs,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{tooltip:"Map",onClick:()=>c("map"),className:"h-10 p-4",children:e.jsx(dt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Custom",onClick:()=>c("custom"),className:"h-10 p-4",children:e.jsx(ht,{className:t.cn("size-5",a)})})]})}function Tn({chartType:s,className:a,customIcon:n,componentName:r}){const o=Mt();switch(s){case"bar":return e.jsx(Re,{className:a});case"line":return e.jsx(Be,{className:a});case"pie":return e.jsx(st,{className:a});case"radar":return e.jsx(ut,{className:a});case"scatter":return e.jsx(nt,{className:a});case"bubble":return e.jsx(Ot,{className:a});case"doughnut":return e.jsx(rt,{className:a});case"stackedBar":return e.jsx(et,{className:a});case"stackedLine":return e.jsx(Ft,{className:a});case"polarArea":return e.jsx(Lt,{className:a});case"funnel":return e.jsx(zt,{className:a});case"tornado":case"pyramid":return e.jsx(pt,{className:a});case"range":return e.jsx(tt,{className:a});case"kpi":return e.jsx(Rt,{className:a});case"text":return e.jsx(Us,{className:a});case"map":return e.jsx(dt,{className:a});case"custom":return n&&o?e.jsx(o,{className:a}):r?r==null?void 0:r.charAt(0).toUpperCase():e.jsx(ht,{className:a});default:return e.jsx(Ve,{className:a})}}function Mn(){var l,i;const[s,a]=T.useState(!1),n=t.useEditorStore(u=>u.card),r=n.type,o=t.useDashboardStore(u=>u.isVisualEditing);return e.jsxs(t.Popover,{open:s,onOpenChange:a,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.Button,{size:"sm",variant:o?"ghost":"outline",children:e.jsx(Tn,{className:"size-4",chartType:r,customIcon:(l=n.customCardPreferences)==null?void 0:l.icon,componentName:(i=n.customCardPreferences)==null?void 0:i.componentName})})}),e.jsxs(t.PopoverContentCustom,{onOpenAutoFocus:u=>u.preventDefault(),className:"w-50",children:[e.jsx(Bt,{onChartTypeChange:()=>a(!1)}),e.jsx(Dn,{onChartTypeChange:()=>a(!1)})]})]})}const ge="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function Ze(s,a){var r,o,l;const n=t.getNumberAxis(s,{});return["pie","doughnut","polarArea","funnel"].includes(a)?"category":((l=(o=(r=s==null?void 0:s.chartOptions)==null?void 0:r.scales)==null?void 0:o[n])==null?void 0:l.type)||"linear"}function An(){var M,B,v,O,I,$;const[s,a]=T.useState(!1),n=t.useEditorStore(L=>{var z;return(z=L.card)==null?void 0:z.preferences}),r=t.useEditorStore(L=>{var z;return(z=L.card)==null?void 0:z.type}),o=t.getNumberAxis(n,{}),[l,i]=T.useState(Ze(n,r)),[u,c]=T.useState(((v=(B=(M=n==null?void 0:n.chartOptions)==null?void 0:M.scales)==null?void 0:B[o])==null?void 0:v.min)||""),[h,d]=T.useState((($=(I=(O=n==null?void 0:n.chartOptions)==null?void 0:O.scales)==null?void 0:I[o])==null?void 0:$.max)||""),[x,b]=T.useState(u||h?"custom":"auto"),[m,g]=T.useState(""),[p,y]=T.useState(0),[f,S]=T.useState(""),[C,A]=T.useState(""),[N,D]=T.useState(""),F=t.useEditorStore(L=>L.actions.setCardPreferences),{updateCardInFrame:R}=t.useEditorActions(),U=t.useEditorStore(L=>L.card),w=["pie","doughnut","polarArea","funnel"].includes(r);T.useEffect(()=>{var L,z,q,J,V,Q,k,H,K,X,he,xe,pe,fe;i(Ze(n,r)),c(((q=(z=(L=n==null?void 0:n.chartOptions)==null?void 0:L.scales)==null?void 0:z[o])==null?void 0:q.min)===0?0:""),d(((Q=(V=(J=n==null?void 0:n.chartOptions)==null?void 0:J.scales)==null?void 0:V[o])==null?void 0:Q.max)||""),g(((X=(K=(H=(k=n==null?void 0:n.chartOptions)==null?void 0:k.scales)==null?void 0:H[o])==null?void 0:K.ticks)==null?void 0:X.stepSize)||""),y(((he=n==null?void 0:n.numberAxisFormat)==null?void 0:he.decimalPlaces)||0),S(((xe=n==null?void 0:n.numberAxisFormat)==null?void 0:xe.suffix)||""),A(((pe=n==null?void 0:n.numberAxisFormat)==null?void 0:pe.currency)||""),D(((fe=n==null?void 0:n.numberAxisFormat)==null?void 0:fe.locale)||"")},[s,n,o,r]);function _(L,z){return z===""||/^[0-9\b]+$/.test(z)?Number(z):Number(L)}function G(){const L=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(z=>z.currency))];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-6 items-center gap-2",children:[e.jsx(t.Label,{className:"col-span-2 hover:cursor-pointer hover:underline",htmlFor:"currency",children:e.jsx("a",{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",children:"Currency"})}),e.jsxs(t.Select,{value:C||"none",onValueChange:z=>A(z==="none"?"":z),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Currency"}),e.jsx(t.SelectItem,{value:"none",children:"None"}),L.map(z=>e.jsx(t.SelectItem,{value:z,children:z},z))]})})]}),e.jsxs(t.Select,{value:N,onValueChange:z=>D(z),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Locale"}),t.LOCALE_CURRENCY_PAIRS.map(z=>e.jsx(t.SelectItem,{value:z.locale,children:z.locale},z.locale))]})})]})]}),e.jsxs("div",{className:"grid grid-cols-9 items-center gap-2",children:[e.jsx(t.Label,{className:"col-span-3",htmlFor:"format",children:"Decimals"}),e.jsx(t.Input,{value:p,onChange:z=>y(Number(z.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${ge}`})]})]})}function P(){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for number axis"})}),e.jsxs("div",{className:"mt-2 grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"scale",children:"Type"}),e.jsxs(t.Select,{disabled:w,value:l,onValueChange:L=>i(L),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{id:"type",children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Option"}),e.jsx(t.SelectItem,{value:"linear",children:"Linear"}),e.jsx(t.SelectItem,{value:"logarithmic",children:"Logarithmic"}),e.jsx(t.SelectItem,{value:"category",children:"Category"})]})})]})]}),l=="linear"&&e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2 py-1",children:[e.jsx(t.Label,{htmlFor:"scale-option",children:"Setup"}),e.jsxs(t.RadioGroup,{disabled:w,id:"scale-option",value:x,onValueChange:L=>b(L),className:"col-span-2 flex gap-3",defaultValue:"x",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"auto",id:"r1"}),e.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Auto"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"custom",id:"r2"}),e.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Custom"})]})]})]}),x==="custom"&&l=="linear"&&E()]})}function E(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"range",children:"Range"}),e.jsx(t.Input,{id:"min",value:u,onChange:L=>c(z=>_(z,L.target.value)),className:`col-span-1 h-8 w-full ${ge}`}),e.jsx(t.Input,{value:h,onChange:L=>d(z=>_(z,L.target.value)),id:"max",className:`col-span-1 h-8 w-full ${ge}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"step-size",children:"Step Size"}),e.jsx(t.Input,{value:m,onChange:L=>g(z=>_(z,L.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${ge}`})]})]})}function j(){var J;let L={};x==="custom"&&(L={min:u,max:h,ticks:{stepSize:m}});const z={...n||{},chartOptions:{...n==null?void 0:n.chartOptions,scales:{...(J=n==null?void 0:n.chartOptions)==null?void 0:J.scales,[o]:{type:l,...l==="linear"?L:{}}}},numberAxisFormat:{decimalPlaces:p,suffix:f,currency:C,locale:N}};console.log(z),F(z);const q={...U,preferences:z};R(q)}return e.jsxs(t.Popover,{onOpenChange:L=>a(L),children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Format Number",children:e.jsx(ys,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{align:"end",className:"max-w-65",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Format Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the format for number axis"})]}),e.jsxs("div",{className:"grid gap-2",children:[G(),P(),e.jsx(t.SelectSeparator,{}),e.jsx("div",{className:"grid grid-cols-3",children:e.jsx(t.Button,{onClick:j,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function Ln(){const s=t.useEditorStore(u=>{var c,h,d,x;return(x=(d=(h=(c=u.card.preferences)==null?void 0:c.chartOptions)==null?void 0:h.plugins)==null?void 0:d.legend)==null?void 0:x.position}),a=t.useEditorStore(u=>{var c,h,d,x;return(x=(d=(h=(c=u.card.preferences)==null?void 0:c.chartOptions)==null?void 0:h.plugins)==null?void 0:d.legend)==null?void 0:x.align}),n=t.useEditorStore(u=>{var c,h,d,x;return(x=(d=(h=(c=u.card.preferences)==null?void 0:c.chartOptions)==null?void 0:h.plugins)==null?void 0:d.legend)==null?void 0:x.display}),{setLegendOptions:r}=t.useEditorActions(),o=u=>{r({display:u,position:s,align:a})},l=u=>{r({display:n,position:u,align:a})},i=u=>{r({display:n,position:s,align:u})};return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Legend Settings",children:e.jsx(Es,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{align:"end",className:"w-72",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Legend Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the legend options for the chart."})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"displayLegend",children:"Display"}),e.jsx("div",{className:"col-span-2 flex h-8 items-center",children:e.jsx(t.SmallSwitch,{checked:n,onCheckedChange:o,id:"displayLegend"})})]}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"position",children:"Position"}),e.jsxs("div",{className:"col-span-2 flex h-8 items-center",children:[e.jsx(t.IconButton,{tooltip:"Top",onClick:()=>l("top"),children:e.jsx(t.ArrowUp,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Left",onClick:()=>l("left"),children:e.jsx(ns,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Bottom",onClick:()=>l("bottom"),children:e.jsx(Xe,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Right",onClick:()=>l("right"),children:e.jsx(as,{className:"size-4"})})]})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"align",children:"Align"}),e.jsxs("div",{className:"col-span-2 flex h-8 items-center",children:[e.jsx(t.IconButton,{tooltip:"Start",onClick:()=>i("start"),children:e.jsx(Zt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Center",onClick:()=>i("center"),children:e.jsx(Yt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"End",onClick:()=>i("end"),children:e.jsx(Xt,{className:"size-4"})})]})]})]})]})]})})]})}function On(){const s=t.useEditorStore(l=>{var i,u;return(u=(i=l.card.preferences)==null?void 0:i.chartOptions)==null?void 0:u.indexAxis}),a=t.useEditorStore(l=>l.card.type),{setChartOrientation:n}=t.useEditorStore(l=>l.actions);function r(){return e.jsx(t.IconButton,{onClick:()=>{n(s==="x"||s===void 0?"y":"x")},tooltip:"Chart Orientation",children:s==="x"||s===void 0?e.jsx(Qe,{className:"size-4"}):e.jsx($e,{className:"size-4"})})}function o(){return e.jsx(t.IconButton,{onClick:()=>{n(s==="y"||s===void 0?"x":"y")},tooltip:"Chart Orientation",children:s==="y"||s===void 0?e.jsx(Qe,{className:"size-4"}):e.jsx($e,{className:"size-4"})})}return e.jsx(e.Fragment,{children:a==="funnel"?o():r()})}function zn(){const s=t.useEditorStore(i=>i.card),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>{var u,c;return(c=(u=i.card)==null?void 0:u.preferences)==null?void 0:c.chartOptions}),r=t.getChartGridStyle(n),{setChartGrid:o}=t.useEditorActions();function l(){const i=["xy","none","x","y"],c=(i.indexOf(r)+1)%i.length;o(i[c])}return a?e.jsxs("div",{"data-info":"visual-settings",className:"flex items-center",children:[["line","bar","range","stackedBar","stackedLine","horizontalBar","funnel"].includes(s.type)&&e.jsx(On,{}),!["kpi","text","custom","table"].includes(s.type)&&e.jsxs(e.Fragment,{children:[e.jsx(An,{}),e.jsx(Ln,{})]}),!["pie","doughnut","funnel","radar","polarArea","table","custom","kpi","text","map"].includes(s.type)&&e.jsxs(t.IconButton,{tooltip:"Grid Style",onClick:l,children:[(r==="xy"||!r)&&e.jsx(ks,{className:"size-4"}),r==="x"&&e.jsx(ps,{className:"size-4"}),r==="y"&&e.jsx(Bs,{className:"size-4"}),r==="none"&&e.jsx(Ps,{className:"size-4"})]})]}):null}function je(){var B;const s=t.useEditorStore(v=>v.frame),a=t.useEditorStore(v=>v.card),n=t.useEditorStore(v=>v.isDevMode),r=t.useEditorStore(v=>v.isShowingVisual),o=t.useDashboardStore(v=>v.isVisualEditing),l=t.useEditorStore(v=>v.isSqlRunning),i=t.useEditorStore(v=>v.pythonStdOut),u=t.useEditorStore(v=>{var O;return(O=v.card.preferences)==null?void 0:O.chartOptions});t.useEditorStore(v=>v.actions.setRunSql),t.getChartGridStyle(u);const{setFrame:c,setCard:h,updateCardInFrame:d,setActiveTabCardId:x,runAssistant:b,setChartGrid:m}=t.useEditorActions(),{data:g,isLoading:p,isFetching:y,error:f,isPending:S}=t.useDashboardCardQuery(a);if(!a)return e.jsx(e.Fragment,{children:"No Active Card"});function C(v){const O={connectionId:v.connectionId,lastSelectedDatabase:v.lastSelectedDatabase,lastSelectedSchema:v.lastSelectedSchema,lastSelectedTable:v.lastSelectedTable,lastSelectedDatamodelId:v.lastSelectedDatamodelId,id:t.v4(),title:"Title",description:"",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]};A(v,O)}function A(v,O){const I={...s,cards:[...s.cards,O],activeCardId:v.id};c(I),x(O.id)}function N(){const v={...a,id:t.v4(),title:`${a.title} Copy`,tabTitle:`${a.tabTitle||a.title} Copy`};A(a,v)}function D(v){const O=s.cards.filter(L=>L.id!==v),I=O[0],$={...s,cards:O,activeCardId:I.id};c($),x(I.id),h(I)}function F(v){x(v)}const R=(v,O)=>{console.log("handleDragStart",O),v.dataTransfer.setData("tabIndex",O.toString())},U=v=>{v.preventDefault()},w=(v,O)=>{const I=v.dataTransfer.getData("tabIndex");if(I===O.toString())return;const $=Array.from(s.cards),[L]=$.splice(parseInt(I),1);$.splice(O,0,L),c({...s,cards:$})};function _(v,O){return v.cards.length===1&&(O.displayTab===!0||O.displayTab===void 0)||v.activeCardId!==O.id&&(O.displayTab===!0||O.displayTab===void 0)?null:e.jsx("div",{onClick:()=>{const I=O.displayTab===void 0?!1:!O.displayTab;h({...O,displayTab:I}),d({...O,displayTab:I})},children:O.displayTab===!0||O.displayTab===void 0?e.jsx(t.Eye,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"}):e.jsx(vs,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"})})}function G(){return e.jsxs(t.Tabs,{onValueChange:F,value:s.activeCardId,className:"flex grow flex-col",children:[s.cards.map(v=>e.jsx(t.TabsContent,{className:"mt-0 grow",value:v.id,children:P()},v.id)),e.jsx(t.TabsList,{className:"group mx-4 justify-between overflow-x-auto",children:e.jsxs("div",{className:"flex items-center",children:[s.cards.map((v,O)=>e.jsxs(t.TabsTrigger,{draggable:!0,onDragStart:I=>R(I,O),onDragOver:U,onDrop:I=>w(I,O),className:"",value:v.id,children:[_(s,v),e.jsx(t.Editable,{enabled:s.activeCardId===v.id,text:v.tabTitle||v.title,onSave:I=>{h({...a,tabTitle:I}),d({...a,tabTitle:I})},children:v.tabTitle||v.title},v.id),s.activeCardId===v.id&&s.cards.length>1&&e.jsx(t.X,{className:"ml-2 size-3.5 text-muted-foreground hover:text-foreground",onClick:()=>D(v.id)})]},v.id)),e.jsx(t.Button,{className:"ml-1 h-8 px-2 hover:bg-muted-foreground/50",variant:"outline",onClick:()=>C(a),children:e.jsx(t.Plus,{className:"h-4 w-4"})}),e.jsx(t.Button,{className:"invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",variant:"outline",onClick:N,children:e.jsx(gs,{className:"h-4 w-4"})})]})})]})}function P(){return a.type==="kpi"?e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsx(t.KPICard,{card:a,data:g==null?void 0:g.records,isPending:S})})}):a.type==="text"?e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsx(t.ScrollArea,{className:"mx-3 my-6 h-[300px] overflow-y-auto break-words px-3",children:e.jsx(t.TextCard,{isLoading:l,card:a,data:g==null?void 0:g.records})})})}):e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(Tt,{className:"grow border-none shadow-none"})})}function E(){const v=JSON.stringify(g==null?void 0:g.records,null,2),O=new Blob([v],{type:"application/json"}),I=URL.createObjectURL(O),$=document.createElement("a");$.href=I,$.download=`${a.title}.json`,$.click()}function j(){const O=[Object.keys(g==null?void 0:g.records.reduce((z,q)=>({...z,...q}),{})).join(","),...((g==null?void 0:g.records)||[]).map(z=>Object.values(z).join(","))].join(`
|
|
372
|
-
`),I=new Blob([O],{type:"text/csv"}),$=URL.createObjectURL(I),L=document.createElement("a");L.href=$,L.download=`${a.title}.csv`,L.click()}function M(){const v=`Can you get the documentation for ${a.type} chart?`;b(v)}return e.jsxs("div",{className:"relative isolate flex h-full flex-col py-2 pb-3",children:[(p||y)&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted",children:e.jsx(ae,{className:"h-8 w-8 animate-spin text-muted-foreground"})}),e.jsxs("div",{className:"z-10 mb-0 flex min-h-10 items-center justify-end gap-2 px-6",children:[r&&e.jsxs("div",{className:"flex grow items-center",children:[e.jsx(Mn,{}),o&&e.jsx(t.IconButton,{tooltip:"Visual Docs",onClick:M,children:e.jsx(ls,{className:"size-4"})}),!["table","custom"].includes(a.type)&&o&&e.jsx(kn,{})]}),!r&&e.jsxs("div",{className:"flex grow items-center gap-1",children:[e.jsx(t.Button,{className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",variant:"ghost",size:"icon",onClick:j,children:e.jsx(En,{className:"size-4"})}),e.jsx(t.Button,{className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",variant:"ghost",size:"icon",onClick:E,children:e.jsx(Ss,{strokeWidth:1.5,className:"size-4"})}),e.jsx(t.CopyButton,{text:JSON.stringify(g==null?void 0:g.records,null,2),className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"})]}),e.jsx(zn,{}),n&&e.jsx(Rn,{})]}),r?G():e.jsxs(t.ResizablePanelGroup,{className:"px-6",direction:"horizontal",children:[i&&e.jsxs(e.Fragment,{children:[e.jsx(t.ResizablePanel,{id:"1",order:1,defaultSize:30,minSize:10,className:"relative flex h-full min-h-0 w-full flex-1 basis-0",children:i&&e.jsx(Fn,{})}),e.jsx(t.ResizableHandle,{})]}),e.jsxs(t.ResizablePanel,{id:"2",order:2,minSize:10,className:"relative flex h-full min-h-0 w-full flex-1 basis-0",children:[(g==null?void 0:g.records)&&(g==null?void 0:g.records.length)>0&&e.jsx(vn,{data:(g==null?void 0:g.records)||[]}),(f||(g==null?void 0:g.error))&&e.jsx("span",{className:"font-mono text-xs",children:(f==null?void 0:f.message)||((B=g==null?void 0:g.error)==null?void 0:B.message)})]})]})]})}function Fn(){const s=t.useEditorStore(n=>n.pythonStdOut);if(!s)return null;const a=s.replace(/\n/g,"<br>");return e.jsxs("div",{className:"relative flex w-full flex-col border-r",children:[e.jsx("div",{className:"sticky top-0 flex max-h-11 min-h-11 grow items-center border-b bg-muted px-3 font-mono text-xs font-semibold text-foreground/70",children:"Python Output"}),e.jsxs(t.ScrollArea,{className:"overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90",children:[e.jsx("div",{dangerouslySetInnerHTML:{__html:a}}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function Rn(){const s=t.useEditorStore(n=>n.isShowingVisual),a=t.useEditorStore(n=>n.actions.setIsShowingVisual);return e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.Label,{htmlFor:"visualize",children:"Chart"}),e.jsx(t.SmallSwitch,{checked:s,onCheckedChange:()=>a(!s),id:"visualize",className:"data-[state=checked]:bg-foreground/50"})]})}function Bn(){var p,y;const s=t.useEditorStore(f=>f.card.customCardPreferences),{data:a}=At(),n=(a==null?void 0:a.plugins)||[],r=t.useEditorStore(f=>f.card),o=t.useEditorStore(f=>f.frame),l=(s==null?void 0:s.visualType)||"single",{setCustomCardPreferences:i}=t.useEditorActions(),{components:u,manifest:c}=t.useCustomVisual((s==null?void 0:s.url)||""),h=(p=c==null?void 0:c.visuals)==null?void 0:p.find(f=>f.name===(s==null?void 0:s.componentName));function d(f,S){if(!s)return;const A={...(s==null?void 0:s.dataInputCardIds)||{},[f]:{cardId:S,hookRef:null}};i({...s,dataInputCardIds:A})}function x(f){var C,A;const S=(C=o==null?void 0:o.cards)==null?void 0:C.filter(N=>{var D;return((D=N==null?void 0:N.customCardPreferences)==null?void 0:D.visualType)!=="multiple"}).map(N=>({value:N.id,label:N.tabTitle||N.title}));return e.jsx("div",{className:"space-y-2",children:(A=f==null?void 0:f.dataInputs)==null?void 0:A.map((N,D)=>{var F,R;return e.jsxs("div",{className:"grid grid-cols-10 gap-2",children:[e.jsx("div",{className:"col-span-4 flex items-center",children:N}),e.jsx(Y,{className:"col-span-6 h-8 w-full justify-between",label:"",options:S||[],value:((R=(F=s==null?void 0:s.dataInputCardIds)==null?void 0:F[D])==null?void 0:R.cardId)||"",onValueChange:U=>d(D,U)})]},D+Math.random())})})}function b(f,S,C=[],A=""){var N,D;return s?f==="input"?e.jsx(t.Input,{className:`h-8 w-full ${t.removeRing}`,value:((N=s==null?void 0:s.settings)==null?void 0:N[S])||A,onChange:F=>{i({...s,settings:{...s==null?void 0:s.settings,[S]:F.target.value}})}},S):f==="select"?e.jsx(Y,{className:"h-8 w-full",label:"",options:C,value:((D=s==null?void 0:s.settings)==null?void 0:D[S])||A,onValueChange:F=>{i({...s,settings:{...s==null?void 0:s.settings,[S]:F}})}}):null:null}function m(f){const S=Object.entries((f==null?void 0:f.settings)||{});return e.jsx("div",{className:"space-y-3",children:S.map(([C,A])=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:A.title}),b(A.ui,C,A.options,A.defaultValue)]},C))})}function g(f){s&&i({...s,visualType:f,componentName:""})}return e.jsxs(t.Accordion,{type:"multiple",defaultValue:["component-settings"],className:"px-6 py-2",children:[e.jsxs(t.AccordionItem,{value:"plugin-settings",children:[e.jsx(t.AccordionTrigger,{children:"Plugin"}),e.jsx(t.AccordionContent,{children:e.jsxs("div",{className:"space-y-4 text-sm",children:[e.jsx("div",{className:"space-y-2",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(Y,{icon:e.jsx(is,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Plugin",options:n,value:(s==null?void 0:s.url)||"",onValueChange:f=>i({...s||{url:"",componentName:""},url:f})}),((s==null?void 0:s.type)==="component"||(s==null?void 0:s.type)===void 0)&&e.jsx(t.Tabs,{value:l,onValueChange:g,children:e.jsxs(t.TabsList,{className:"h-9 w-full",children:[e.jsx(t.TabsTrigger,{className:"h-7 w-full",value:"single",children:"Single Visual"}),e.jsx(t.TabsTrigger,{className:"h-7 w-full",value:"multiple",children:"Multi-Visual"})]})})]})}),((s==null?void 0:s.type)==="component"||(s==null?void 0:s.type)===void 0)&&s&&e.jsx(e.Fragment,{children:u&&e.jsx(Y,{icon:e.jsx(fs,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Component",options:(u==null?void 0:u.filter(f=>f.type===l).map(f=>({value:f.name,label:f.name})))||[],value:s.componentName,onValueChange:f=>{console.log("changing value",f),i({...s,componentName:f})}})})]})})]}),((y=r==null?void 0:r.customCardPreferences)==null?void 0:y.componentName)&&e.jsxs(t.AccordionItem,{className:"border-none",value:"component-settings",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{children:[h&&h.dataInputs&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Input Mapping"}),e.jsx("div",{className:"px-2",children:x(h)})]}),h&&h.settings&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"px-2",children:m(h)})})]})]})]})}function oe(){const[s,a]=T.useState([]),n=t.useEditorStore(h=>h.card.preferences),{setFilterOnClickColumnIndex:r,setCardPreferences:o}=t.useEditorStore(h=>h.actions),l=t.useEditorStore(h=>h.queryResultColumns);t.useEditorStore(h=>{var d;return(d=h.card.preferences)==null?void 0:d.filterOnClickColumnIndex}),T.useEffect(()=>{l&&a(new Array(l.length).fill(!1))},[l]);function i(h,d){var x,b;d?n!=null&&n.onClickFilter&&((x=n==null?void 0:n.onClickFilter)==null?void 0:x.length)>0?o({...n,onClickFilter:[...n.onClickFilter,{columnIndex:h,expression:""}]}):o({...n,onClickFilter:[{columnIndex:h,expression:""}]}):(o({...n,onClickFilter:(b=n==null?void 0:n.onClickFilter)==null?void 0:b.filter(m=>m.columnIndex!==h)}),a(m=>{const g=[...m];return g[h]=!1,g}))}function u(h,d){var b;const x=(b=n==null?void 0:n.onClickFilter)==null?void 0:b.map(m=>m.columnIndex===h?{...m,expression:d.target.value}:m);o({...n,onClickFilter:x})}function c(h){var d,x,b,m;if(s!=null&&s[h]||(x=(d=n==null?void 0:n.onClickFilter)==null?void 0:d.find(g=>g.columnIndex===h))!=null&&x.expression)return e.jsx(t.Input,{value:(m=(b=n==null?void 0:n.onClickFilter)==null?void 0:b.find(g=>g.columnIndex===h))==null?void 0:m.expression,onChange:g=>u(h,g),type:"text",className:"h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"Expression"})}return e.jsxs("div",{className:"max-h-[150px] space-y-2 overflow-y-auto",children:[e.jsx(t.Label,{children:"On Click"}),l==null?void 0:l.map((h,d)=>{var x,b;return e.jsx("div",{className:"group flex items-center justify-between space-y-2",children:e.jsxs("div",{className:"grow",children:[e.jsxs("div",{className:"flex items-center space-x-2 py-2",children:[e.jsx(t.Checkbox,{checked:!!((x=n==null?void 0:n.onClickFilter)!=null&&x.find(m=>m.columnIndex===d)),onCheckedChange:m=>i(d,m)}),e.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:h}),e.jsx("div",{className:"flex items-center gap-2",children:((b=n==null?void 0:n.onClickFilter)==null?void 0:b.find(m=>m.columnIndex===d))&&e.jsx(t.Pencil,{onClick:()=>{a(m=>{const g=[...m];return g[d]=!m[d],g})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),c(d)]})},h)})]})}function Vn({idx:s}){var u;const a=t.useEditorStore(c=>{var h;return(h=c.card)==null?void 0:h.preferences}),n=t.useEditorStore(c=>{var h;return(h=c.card.preferences)==null?void 0:h.datasetOptions}),r=t.useEditorStore(c=>c.actions.setCardPreferences),o=(u=a==null?void 0:a.chartOptions)==null?void 0:u.indexAxis,l=n==null?void 0:n.find(c=>c.idx===s);function i(c,h){(c==="end"||c==="start")&&t.getContrastColor(t.getCanvasBackgroundColor());const d={display:c!=="none",align:c,anchor:c,clamp:!0};if(!l)r({...a,datasetOptions:[...n||[],{idx:h,datalabels:d}]});else{const x={...l};x.datalabels=d;const b=n==null?void 0:n.map(m=>m.idx===h?x:m);r({...a,datasetOptions:b})}}return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{children:e.jsx(qs,{className:"size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground"})}),e.jsx(t.PopoverContent,{className:"w-fit px-2 py-1",children:e.jsxs("div",{className:"flex gap-1",children:[e.jsx("button",{onClick:()=>i("none",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(t.X,{className:"size-3.5"})}),e.jsx("button",{onClick:()=>i("start",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(Ts,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx("button",{onClick:()=>i("center",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(As,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx("button",{onClick:()=>i("end",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(Ms,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})})]})})]})}function Vt(){const s=t.useEditorStore(l=>l.card),{data:a}=t.useDashboardCardQuery(s),{keys:n}=t.getKeys((a==null?void 0:a.records)||[]),r=n.slice(1).filter(l=>!t.METADATA_KEYS.includes(l));let o=r;if(["stackedBar","stackedLine"].includes(s.type)){const l=t.pivotData({dataArray:(a==null?void 0:a.records)||[],groupKey:n[0],pivotKey:n[1],valueKey:n[2]}),{keys:i}=t.getKeys(l);o=i.slice(1)}return{transformedMetricKeys:o,dimensionKeys:n.slice(0,1),keys:n,defaultMetricKeys:r}}function Ne({children:s,className:a,delayDuration:n}){return e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{delayDuration:n,children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsx("span",{className:t.cn("overflow-hidden text-ellipsis whitespace-nowrap",a),children:s})}),e.jsx(t.TooltipContent,{children:s})]})})}function _t(){const s=t.useEditorStore(c=>c.card),a=t.useEditorStore(c=>{var h,d,x;return(x=(d=(h=c==null?void 0:c.card)==null?void 0:h.preferences)==null?void 0:d.chartOptions)==null?void 0:x.indexAxis}),{data:n}=t.useDashboardCardQuery(s),r=a==="y"?"Metric":"Dimension",o=a==="y"?"Dimension":"Metric",{dimensionKeys:l,transformedMetricKeys:i,keys:u}=Vt();return u.length===0?null:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:r}),e.jsx("div",{className:"max-h-[125px] space-y-1 overflow-y-auto",children:l.map(c=>e.jsx("p",{className:"flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",title:c,children:Pt(c)},c))})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:o}),e.jsx("div",{className:"my-1 max-h-[125px] space-y-1 overflow-y-auto",children:i.map((c,h)=>e.jsx(qt,{className:"flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",iconClassName:"invisible group-hover:visible",col:c,idx:h},c))})]})]})}function Pt(s,a=30){return s.length>a?s.slice(0,a)+"...":s}function qt({col:s,idx:a,className:n,iconClassName:r,children:o}){const l=t.useEditorStore(d=>{var x;return(x=d.card)==null?void 0:x.preferences}),i=t.useEditorStore(d=>{var x,b;return(b=(x=d.card)==null?void 0:x.preferences)==null?void 0:b.datasetOptions}),u=i==null?void 0:i.find(d=>d.idx===a),{setCardPreferences:c}=t.useEditorStore(d=>d.actions);function h(d){if(!u)c({...l,datasetOptions:[...i||[],{idx:a,type:d==="area"?"line":d,fill:d==="area"?"origin":""}]});else{const x={...u};x.type=d==="area"?"line":d,x.fill=d==="area"?"origin":"";const b=i==null?void 0:i.map(m=>m.idx===a?x:m);c({...l,datasetOptions:b})}}return e.jsxs("div",{className:t.cn("group flex items-center justify-between gap-2 rounded-md",n),children:[o||e.jsx(Ne,{className:"max-w-[100px]",title:s,children:Pt(s)}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Re,{onClick:()=>h("bar"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(Be,{onClick:()=>h("line"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(ms,{onClick:()=>h("area"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(Vn,{idx:a})]})]})}function Ht(){const s=t.useEditorStore(m=>m.selectedConnectionId),a=t.useEditorStore(m=>m.selectedDatamodelId),n=t.useEditorStore(m=>m.selectedDatabaseName),r=t.useEditorStore(m=>m.selectedSchemaName),o=t.useEditorStore(m=>m.selectedTableName),l=t.useDashboardStore(m=>m.dashboard.filters)||[],i=t.useDashboardStore(m=>m.actions.addFilter),u=t.useDashboardStore(m=>m.actions.removeFilter),{removeFilterValues:c}=t.useDashboardActions(),{modelItems:h,tableName:d,connectionType:x}=t.useEditorAside();function b(m,g="dashboard"){var F;const p=t.fmt(m.column_name),y=t.fmt(n||""),f=t.fmt(r||""),S=t.fmt(d);let C=t.getQualifiedTableName({schemaName:f,tableName:S,connectionType:x,databaseName:y}),A=`${C}.${p}`;const N=(F=h==null?void 0:h.find(R=>R.id===a))==null?void 0:F.name;a&&a!=="none"&&(A=`${t.DATAMODEL_NAMESPCACE}.${N}.${p}`,C=`${t.DATAMODEL_NAMESPCACE}.${N}`);const D=l==null?void 0:l.find(R=>R.column===A&&R.table===S&&(R.database===y||R.database===n));if(D)c(D.id),u(D.id);else{const R=t.v4();return d==="api"&&s?(i({location:g,id:R,column:A,title:m.column_name,dataType:m.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:t.getDefaultFilterSql(m.data_type,C,p)}),R):(i({id:R,location:g,column:A,title:m.column_name,dataType:m.data_type,table:o||"",database:n||"",connectionId:s||"",operation:"in",sql:t.getDefaultFilterSql(m.data_type,C,p)}),R)}}return{assignFilter:b}}function de(){const s=t.useDashboardStore(u=>u.dashboard.filters),a=t.useEditorStore(u=>u.frame),{setFrame:n}=t.useEditorActions(),{columns:r}=t.useEditorAside(),{assignFilter:o}=Ht();function l(u){const c=o(u,"frame");n({...a,filterId:c})}const i=s==null?void 0:s.find(u=>u.id===a.filterId);return e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Card Filter"}),e.jsx(_n,{onSelect:l,columns:r}),i&&e.jsx(t.FilterHeader,{filter:i})]})}function _n({columns:s,onSelect:a}){var i;const[n,r]=le.useState(!1),[o,l]=le.useState("");return e.jsxs(t.Popover,{open:n,onOpenChange:r,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{size:"sm",variant:"outline",role:"combobox","aria-expanded":n,className:"w-full justify-between font-normal",children:[o?(i=s.find(u=>u.column_name===o))==null?void 0:i.column_name:"Select Column...",e.jsx(t.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-[200px] p-0",children:e.jsxs(t.Command,{children:[e.jsx(t.CommandInput,{placeholder:"Search column",className:"h-9"}),e.jsxs(t.CommandList,{children:[e.jsx(t.CommandEmpty,{children:"No framework found."}),e.jsx(t.CommandGroup,{children:s==null?void 0:s.map(u=>e.jsxs(t.CommandItem,{value:u.column_name,onSelect:c=>{const h=c===o?"":c;l(h),r(!1),h&&a(u)},children:[u.column_name,e.jsx(t.CheckIcon,{className:t.cn("ml-auto h-4 w-4",o===u.column_name?"opacity-100":"opacity-0")})]},u.column_name))})]})]})})]})}function Pn({cardType:s}){return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} Chart`}),e.jsxs(t.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.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.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"x-axis - category"}),e.jsx("li",{children:"y-axis1 - number"}),e.jsx("li",{children:"y-axis2 - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:a=>a.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bar-line-area",children:"example"})," in the docs."]})]})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsx(t.AccordionContent,{className:"space-y-4 px-2",children:e.jsx(_t,{})})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}function He(){var o,l,i;const s=t.useEditorStore(u=>u.card.type),a=t.useEditorStore(u=>u.card.preferences),{setCardPreferences:n}=t.useEditorStore(u=>u.actions);function r(u){var d;const c={datalabels:{display:u!=="none",align:u,anchor:u,clamp:!0}},h={...a,chartOptions:{...a==null?void 0:a.chartOptions,plugins:{...(d=a==null?void 0:a.chartOptions)==null?void 0:d.plugins,...c}}};n(h),console.log(u)}return e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"font-medium",children:"Data Labels"}),e.jsxs(t.Select,{value:((i=(l=(o=a==null?void 0:a.chartOptions)==null?void 0:o.plugins)==null?void 0:l.datalabels)==null?void 0:i.anchor)||"none",onValueChange:r,defaultValue:"none",children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{placeholder:"Select position"})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Data Labels"}),e.jsx(t.SelectItem,{value:"none",children:"None"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{value:"start",children:"Start"}),e.jsx(t.SelectItem,{value:"center",children:"Center"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{value:"end",children:"End"})]})})]})]})}function qn({cardType:s}){function a(n){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:n==="bubble"?"SELECT label, [group], x-axis, y-axis, radius FROM table":"SELECT label, [group], x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"group (optional) - category"}),e.jsx("li",{children:"x-axis - number"}),e.jsx("li",{children:"y-axis - number"}),n==="bubble"&&e.jsx("li",{children:"radius - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:l=>l.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bubble",children:"example"})," in the docs."]})]})}return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} Chart`}),e.jsx(t.AccordionContent,{className:"space-y-4 font-mono text-xs",children:a(s)})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsx(t.AccordionContent,{className:"px-2",children:e.jsx(He,{})})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}const Hn={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},Gn={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function Un(){const s=t.useEditorStore(a=>a.card.type);return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx(t.Accordion,{className:" ",type:"single",collapsible:!0,children:$n(s)}),!["kpi"].includes(s)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(He,{}),e.jsx(oe,{}),e.jsx(de,{})]})]})}function $n(s){if(["line","bar"].includes(s))return e.jsxs(e.Fragment,{children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsx("p",{children:"Chart Query"})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.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.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"X-axis - Category (ex. city)"}),e.jsx("li",{children:"Y-axis - Number (ex. population)"})]})]})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:"Mixed Chart"}),e.jsxs(t.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and change the `type` property in the dataset."]}),e.jsx("pre",{children:JSON.stringify(Hn,null,2)})]})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:"Area Chart"}),e.jsxs(t.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and add `fill` property to the dataset. See",e.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.jsx("pre",{children:JSON.stringify(Gn,null,2)})]})]})]});if(s==="bubble")return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:s})," chart query?"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.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.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(s==="scatter")return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:s})," chart query?"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.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.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea","funnel"].includes(s))return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:[e.jsx("span",{children:s==="polarArea"?"Polar":s.charAt(0).toUpperCase()+s.slice(1)})," ","chart query"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}function Qn(){var c,h,d,x,b;const s=t.useEditorStore(m=>m.card.preferences),a=t.useEditorStore(m=>m.actions.setCardPreferences),n=t.useEditorStore(m=>m.actions.setNumberFormat);t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.decimalPlaces});const r=t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.locale}),o=t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.currency});t.useEditorStore(m=>m.actions.setFilterOnClickField);const l=t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.colorRanges})||[],i=t.useEditorStore(m=>m.actions.setColorRanges),u=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(m=>m.currency))];return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsx(t.Checkbox,{checked:!!((c=s==null?void 0:s.formatNumber)!=null&&c.enabled),onCheckedChange:m=>{a({...s,formatNumber:{...s==null?void 0:s.formatNumber,enabled:m}})}}),e.jsx(t.Label,{children:"Format Number"})]}),((h=s==null?void 0:s.formatNumber)==null?void 0:h.enabled)===!0&&e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("div",{children:e.jsxs("div",{className:"space-y-4 p-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Locale"}),e.jsxs(t.Select,{value:r||"none",onValueChange:m=>{var g,p,y;return n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,((p=s==null?void 0:s.formatNumber)==null?void 0:p.currency)||"",m,((y=s==null?void 0:s.formatNumber)==null?void 0:y.suffix)||"")},children:[e.jsx(t.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Format"}),e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),t.LOCALE_CURRENCY_PAIRS.map(m=>e.jsx(t.SelectItem,{value:m.locale,children:m.locale},m.locale))]})})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Currency"}),e.jsxs(t.Select,{value:o||"none",onValueChange:m=>{var g,p,y;console.log("currency",m),n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,m==="none"?"":m,((p=s==null?void 0:s.formatNumber)==null?void 0:p.locale)||"",((y=s==null?void 0:s.formatNumber)==null?void 0:y.suffix)||"")},children:[e.jsx(t.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Currency"}),e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),u.map(m=>e.jsx(t.SelectItem,{value:m,children:m},m))]})})]})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Decimals"}),e.jsxs(t.Select,{value:((x=(d=s==null?void 0:s.formatNumber)==null?void 0:d.decimalPlaces)==null?void 0:x.toString())||"0",onValueChange:m=>{var g,p,y;return n(Number(m),((g=s==null?void 0:s.formatNumber)==null?void 0:g.currency)||"",((p=s==null?void 0:s.formatNumber)==null?void 0:p.locale)||"",((y=s==null?void 0:s.formatNumber)==null?void 0:y.suffix)||"")},children:[e.jsx(t.SelectTrigger,{className:"col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:["0","1","2","3","4"].map(m=>e.jsx(t.SelectItem,{value:m,children:m},m))})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Suffix"}),e.jsx(t.Input,{value:((b=s==null?void 0:s.formatNumber)==null?void 0:b.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:m=>{var g,p,y;return n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,((p=s==null?void 0:s.formatNumber)==null?void 0:p.currency)||"",((y=s==null?void 0:s.formatNumber)==null?void 0:y.locale)||"",m.target.value)}})]})]})]})}),e.jsx(t.Separator,{className:"my-3"}),e.jsx(t.ColorFormat,{colorRanges:l,setColorRanges:i})]})]})}function Jn(){return e.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsx(t.Accordion,{type:"single",collapsible:!0,children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"",children:"KPI Query"}),e.jsxs(t.AccordionContent,{className:"font-mono",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs",children:"SELECT current, previous FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"current - number"}),e.jsx("li",{children:"previous - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/kpi",children:"example"})," in the docs."]})]})]})}),e.jsx("section",{className:"",children:e.jsx(Qn,{})}),e.jsx("div",{}),e.jsx("div",{})]})}function Me({children:s,summary:a,open:n,className:r}){return e.jsxs("details",{open:n,className:t.cn("space-y-4 [&_summary>svg]:open:-rotate-180",r),children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center justify-between gap-4",children:[e.jsx(t.Label,{children:a}),e.jsx(t.ChevronUp,{className:"h-4 w-4"})]}),e.jsx("div",{className:"transition-all ease-in-out",children:s})]})}const Wn=[{label:"Mercator",value:"mercator"},{label:"Azimuthal Equidistant",value:"azimuthalEquidistant"},{label:"Gnomonic",value:"gnomonic"},{label:"Orthographic",value:"orthographic"},{label:"Stereographic",value:"stereographic"},{label:"Equal Earth",value:"equalEarth"},{label:"Albers",value:"albers"},{label:"Albers USA",value:"albersUsa"},{label:"Conic Conformal",value:"conicConformal"},{label:"Conic Equal Area",value:"conicEqualArea"},{label:"Conic Equidistant",value:"conicEquidistant"},{label:"Equirectangular",value:"equirectangular"},{label:"Transverse Mercator",value:"transverseMercator"},{label:"Natural Earth 1",value:"naturalEarth1"}],Kn=["blues","brBG","buGn","buPu","cividis","cool","cubehelixDefault","gnBu","greens","greys","inferno","magma","orRd","oranges","pRGn","piYG","plasma","puBu","puBuGn","puOr","puRd","purples","rainbow","rdBu","rdGy","rdPu","rdYlBu","rdYlGn","reds","sinebow","spectral","turbo","viridis","warm","ylGn","ylGnBu","ylOrBr","ylOrRd"],Yn=Kn.map(s=>({label:s,value:s}));function Zn(){var c,h,d,x,b,m,g,p,y,f,S,C,A,N,D,F,R,U;const s=t.useEditorStore(w=>w.card),a=(h=(c=s==null?void 0:s.preferences)==null?void 0:c.mapVisualOptions)==null?void 0:h.topoJsonUrl,[n,r]=T.useState(((x=(d=s==null?void 0:s.preferences)==null?void 0:d.mapVisualOptions)==null?void 0:x.customTopoJsonUrl)||""),{setCardPreferences:o}=t.useEditorActions(),{data:l}=t.useTopoJson(s),i=Object.keys((l==null?void 0:l.objects)||{}).map(w=>({label:w,value:w}))||[],u=[{label:"US States 10m",value:"https://unpkg.com/us-atlas/states-10m.json"},{label:"Countries 50m",value:"https://unpkg.com/world-atlas/countries-50m.json"},{label:"Custom",value:"custom"}];return e.jsxs("div",{className:"p-6",children:[e.jsx(Me,{summary:"Map Chart",children:e.jsx("p",{className:"rounded-md bg-muted p-2 font-mono text-xs",children:"SELECT country, value FROM table"})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(Me,{open:!0,summary:"Settings",children:e.jsxs("div",{className:"space-y-3 px-2",children:[e.jsx(Y,{className:"h-9",options:u,onValueChange:w=>{console.log("value",w),o({...s.preferences,mapVisualOptions:{topoJsonUrl:w}})},value:a||"",label:"Select Map"}),a==="custom"&&e.jsx(t.Input,{onChange:w=>{r(w.target.value)},onBlur:()=>{var w;console.log("onBlur",n),o({...s.preferences,mapVisualOptions:{...(w=s.preferences)==null?void 0:w.mapVisualOptions,customTopoJsonUrl:n}})},value:n,className:`h-9 w-full ${t.removeRing}`,placeholder:"Custom URL"}),l&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Map Object"}),e.jsx(Y,{className:"h-9",options:i,value:((m=(b=s.preferences)==null?void 0:b.mapVisualOptions)==null?void 0:m.objectKey)||"",label:"Map Object",onValueChange:w=>{var _;o({...s.preferences,mapVisualOptions:{...(_=s.preferences)==null?void 0:_.mapVisualOptions,objectKey:w}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Projection"}),e.jsx(Y,{className:"h-9",options:Wn,value:((p=(g=s.preferences)==null?void 0:g.mapVisualOptions)==null?void 0:p.projection)||"",label:"Projection",onValueChange:w=>{var _;o({...s.preferences,mapVisualOptions:{...(_=s.preferences)==null?void 0:_.mapVisualOptions,projection:w}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Colors"}),e.jsx(Y,{className:"h-9",options:Yn,value:((f=(y=s.preferences)==null?void 0:y.mapVisualOptions)==null?void 0:f.colorScale)||"",label:"Select Color Scale",onValueChange:w=>{var _;o({...s.preferences,mapVisualOptions:{...(_=s.preferences)==null?void 0:_.mapVisualOptions,colorScale:w}})}})]})]})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(Me,{className:"",summary:"Scale Options",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:.1,value:((C=(S=s.preferences)==null?void 0:S.mapVisualOptions)==null?void 0:C.projectionScale)||1,onChange:w=>{var _;o({...s.preferences,mapVisualOptions:{...(_=s.preferences)==null?void 0:_.mapVisualOptions,projectionScale:Number(w.target.value)}})}}),e.jsx(t.Label,{children:"X"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((D=(N=(A=s.preferences)==null?void 0:A.mapVisualOptions)==null?void 0:N.projectionOffset)==null?void 0:D[0])||0,onChange:w=>{var _,G,P,E;o({...s.preferences,mapVisualOptions:{...(_=s.preferences)==null?void 0:_.mapVisualOptions,projectionOffset:[Number(w.target.value),((E=(P=(G=s.preferences)==null?void 0:G.mapVisualOptions)==null?void 0:P.projectionOffset)==null?void 0:E[1])||0]}})}}),e.jsx(t.Label,{children:"Y"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((U=(R=(F=s.preferences)==null?void 0:F.mapVisualOptions)==null?void 0:R.projectionOffset)==null?void 0:U[1])||0,onChange:w=>{var _,G,P,E;o({...s.preferences,mapVisualOptions:{...(_=s.preferences)==null?void 0:_.mapVisualOptions,projectionOffset:[((E=(P=(G=s.preferences)==null?void 0:G.mapVisualOptions)==null?void 0:P.projectionOffset)==null?void 0:E[0])||0,Number(w.target.value)]}})}})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(oe,{})]})}function Xn(){var r;const s=t.useEditorStore(o=>o.card.preferences),{setCardPreferences:a}=t.useEditorStore(o=>o.actions);function n(o){a({...s,textVisualOptions:{...s==null?void 0:s.textVisualOptions,isDynamicText:o==="dynamic"}})}return e.jsxs(t.RadioGroup,{value:(r=s==null?void 0:s.textVisualOptions)!=null&&r.isDynamicText?"dynamic":"static",onValueChange:n,className:"flex gap-3",defaultValue:"x",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"static",id:"r1"}),e.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Static"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"dynamic",id:"r2"}),e.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Dynamic"})]})]})}function ye({cardType:s,docContent:a,suffix:n="Chart"}){let r="pie-donut-polar";return s==="funnel"&&(r="funnel"),e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} ${n}`}),e.jsx(t.AccordionContent,{children:a||e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"measure - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:o=>o.stopPropagation(),className:"text-blue-700",href:`https://docs.semaphor.cloud/docs/charts/${r}`,children:"example"})," in the docs."]})]})})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[s!=="text"&&e.jsx(He,{}),s==="text"&&e.jsx(Xn,{})]})]}),!["range","text"].includes(s)&&e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}function ea(){const s=t.useEditorStore(r=>{var o,l;return(l=(o=r==null?void 0:r.card)==null?void 0:o.preferences)==null?void 0:l.sortChart}),{setSortChart:a}=t.useEditorActions();function n(){return e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Sort"}),e.jsx(Y,{className:"h-8",label:"Sort Chart",options:[{label:"None",value:"none"},{label:"ASC",value:"asc"},{label:"DESC",value:"desc"}],value:s||"none",onValueChange:r=>{a(r)}})]})}return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:"Stacked Chart"}),e.jsxs(t.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, stack-by, y-axis FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"x-axis - category"}),e.jsx("li",{children:"stack by - category"}),e.jsx("li",{children:"y-axis - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/stacked",children:"example"})," in the docs."]})]})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[n(),e.jsx(_t,{})]})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}function ta({cardType:s="table"}){console.log("cardType",s);const a=t.useEditorStore(o=>{var l;return(l=o.card)==null?void 0:l.preferences}),n=t.useEditorStore(o=>o.actions.setCardPreferences),r=o=>{n({...a,allowDownload:o})};return e.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsx(t.Accordion,{defaultValue:["item-3"],type:"multiple",children:e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.Checkbox,{onCheckedChange:r,id:"allow-download"}),e.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 sa=e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT dimension, cohort, metric FROM table"}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/tornado",children:"example"})," in the docs."]})]}),na=e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.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.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/range",children:"example"})," in the docs."]})]}),aa=e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT text FROM table limit 1"}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/text",children:"example"})," in the docs."]})]});function ra(){const s=t.useEditorStore(n=>n.card.type);function a(n){switch(n){case"stackedBar":case"stackedLine":return e.jsx(ea,{});case"tornado":case"pyramid":return e.jsx(ye,{docContent:sa,cardType:n});case"kpi":return e.jsx(Jn,{});case"line":case"bar":return e.jsx(Pn,{cardType:n});case"range":return e.jsx(ye,{docContent:na,cardType:n});case"pie":case"doughnut":case"polarArea":case"radar":case"funnel":return e.jsx(ye,{cardType:n});case"bubble":case"scatter":return e.jsx(qn,{cardType:n});case"table":return e.jsx(ta,{cardType:n});case"text":return e.jsx(ye,{docContent:aa,cardType:n,suffix:"Visual"});case"map":return e.jsx(Zn,{});case"custom":return e.jsx(Bn,{});default:return e.jsx(Un,{})}}return e.jsxs(t.ScrollArea,{className:"h-full w-full text-sm",children:[a(s),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}function Gt({label:s,column:a,functions:n,onFunctionChange:r}){let o=n[0];"aggregate"in a?o=n.find(i=>i.value===a.aggregate)||n[0]:"granularity"in a&&(o=n.find(i=>i.value===a.granularity)||n[0]);function l(i){r(i)}return e.jsx(Y,{className:"flex h-8 w-8 justify-center overflow-clip rounded-none border-none bg-muted px-0 [&>svg]:hidden",icon:o.logo,options:n,value:o.value,onValueChange:i=>l(i),label:s,showPlaceholderLabel:!1})}const oa=[{label:"Sum",value:"SUM",logo:e.jsx(xt,{className:"size-3.5"})},{label:"Count",value:"COUNT",logo:e.jsx(ct,{className:"size-3.5"})},{label:"Unique",value:"DISTINCT",logo:e.jsx(Ns,{className:"size-3.5"})},{label:"Average",value:"AVG",logo:e.jsx(ss,{className:"size-3.5"})},{label:"Min",value:"MIN",logo:e.jsx(Xe,{className:"size-3.5"})},{label:"Max",value:"MAX",logo:e.jsx(t.ArrowUp,{className:"size-3.5"})}];function ia({column:s}){const{updateMetricColumn:a}=t.useEditorActions();let n=oa;t.isTextDataType(s.type)&&(n=n.filter(o=>["COUNT","DISTINCT"].includes(o.value))),t.isNumberDataType(s.type)&&(n=n.filter(o=>!["DISTINCT"].includes(o.value)));function r(o){const l={...s,aggregate:o,label:me(s.name,o)};a(s.id,l)}return e.jsx(Gt,{column:s,functions:n,onFunctionChange:o=>r(o),label:"Aggregation"})}const la=[{label:"Day (D)",value:"day",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"D"})},{label:"Week (W)",value:"week",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"W"})},{label:"Month (M)",value:"month",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"M"})},{label:"Year (Y)",value:"year",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"Y"})}];function ca({column:s}){const{updateGroupByColumn:a}=t.useEditorActions();function n(r){const o={...s,granularity:r,label:ce(s.name,r)};a(s.id,o)}return e.jsx(Gt,{column:s,functions:la,onFunctionChange:r=>n(r),label:"Granularity"})}function da({col:s,onChange:a,droppableId:n}){const{columns:r}=t.useDataColumns(),o=T.useMemo(()=>{let u=[];(n===te||n===se||n===ne)&&(u=r);const c=u==null?void 0:u.filter(h=>h.column_name!==s.name);return c==null?void 0:c.map(h=>({id:h.column_name,value:h.column_name}))},[r,n,s.name]),l=[{id:s.name,value:s.name}];function i(u){const c=r==null?void 0:r.find(h=>{var d;return h.column_name===((d=u[0])==null?void 0:d.id)});c&&a(c)}return o!=null&&o.length?e.jsx(t.ComboBox2,{multiple:!1,options:o,selectedOptions:l,onChange:i,selectAllChecked:!1,onSelectAllCheckedChange:()=>{},inputClassName:"border-none bg-muted pl-0 pr-8"}):e.jsx("input",{disabled:!0,type:"text",className:"overflow-hidden truncate text-ellipsis whitespace-nowrap bg-muted text-sm",value:s.name})}function ua({column:s}){const{updateMetricColumn:a}=t.useEditorActions(),{transformedMetricKeys:n,dimensionKeys:r}=Vt();console.log(n,r);const o=t.useEditorStore(c=>{var h;return(h=c.card.queryConfig)==null?void 0:h.pivotColumns}),l=!!(o&&o.length>0),i=n.find(c=>c===s.label||c===s.name),u=i?n.indexOf(i):-1;return e.jsxs("div",{className:"space-y-3",children:[i&&e.jsx(qt,{idx:u,col:i,children:e.jsx(t.Editable,{enabled:!0,className:"w-[130px]",text:s.label||"",placeholder:"Enter label",onSave:c=>{a(s.id,{...s,label:c||s.name})},children:e.jsx(Ne,{className:"w-[130px]",children:s.label||s.name})})}),l&&e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(t.Label,{children:"Pivot Header"}),e.jsx(t.Editable,{enabled:!0,text:s.aliasTemplate||"",placeholder:"{label} ({pivot})",onSave:c=>{a(s.id,{...s,aliasTemplate:c||""})},children:e.jsx(Ne,{className:"font-mono text-xs text-muted-foreground",children:s.aliasTemplate||"{label} ({pivot})"})})]})]})}function ma({column:s,type:a,onRemoveColumn:n,droppableId:r}){const[o,l]=T.useState(!1),{updateGroupByColumn:i,updateMetricColumn:u,updatePivotByColumn:c}=t.useEditorActions(),{attributes:h,listeners:d,setNodeRef:x,transform:b,transition:m,isDragging:g}=t.useSortable({id:s.id,data:{type:a}}),p=b?{opacity:g?.5:void 0,transform:t.CSS.Translate.toString(b),transition:m}:void 0,y=t.isTextDataType(s.type);function f(D){const F=t.isNumberDataType(D.data_type),R=t.isTextDataType(D.data_type),U=t.isDateDataType(D.data_type),w=F?"number":R?"string":U?"date":"string";if(r===te){if(R){const _={id:s.id,name:D.column_name,type:w,role:"groupby"};i(s.id,_)}if(U){const _={id:s.id,name:D.column_name,type:w,role:"groupby",label:ce(D.column_name,"month"),granularity:"month"};i(s.id,_)}}if(r===ne){if(R){const _={id:s.id,name:D.column_name,type:w,role:"groupby"};c(s.id,_)}if(U){const _={id:s.id,name:D.column_name,type:w,label:ce(D.column_name,"month"),granularity:"month",role:"groupby"};c(s.id,_)}}if(r===se){const _={id:s.id,name:D.column_name,type:w,role:"metric",label:me(D.column_name,"SUM"),aggregate:F?"SUM":"COUNT"};u(s.id,_)}}function S(){if(r===se)return e.jsx("div",{"data-setting-container":"",className:"mt-1.5 max-h-32 overflow-y-auto rounded-md border border-border p-3 text-sm",children:e.jsx(ua,{column:s})})}function C(){const D=t.isDateDataType(s.type);if(r===se)return e.jsx(ia,{column:s});if((r===te||r===ne)&&D)return e.jsx(ca,{column:s})}function A(){return e.jsx("div",{className:t.cn("grow",{"pl-3":(r===te||r===ne)&&y}),children:e.jsx(da,{col:s,onChange:f,droppableId:r})})}function N(){return e.jsx("div",{"data-setting-actions":"",className:"flex h-full items-center gap-2",children:e.jsx("button",{className:"h-full pl-2",onClick:()=>l(!o),children:o?e.jsx(_s,{className:t.cn("size-3 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground")}):e.jsx(it,{className:t.cn("size-3 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground")})})})}return e.jsx("div",{...d,...h,ref:x,style:p,children:e.jsxs("div",{className:"group flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"grow",children:[e.jsxs("div",{className:"flex h-8 grow items-center justify-between rounded-md bg-muted",children:[N(),C(),A()]}),o&&S()]}),e.jsx("div",{className:t.cn("opacity-0 transition-opacity duration-200 group-hover:opacity-100",{hidden:o}),children:e.jsx("button",{onClick:()=>n(s.id),children:e.jsx(t.X,{className:"size-3 cursor-pointer text-muted-foreground"})})})]})})}function Ae({id:s,label:a,columns:n,previewColumns:r,sortableType:o,onRemoveColumn:l}){var p,y;const{setNodeRef:i,isOver:u,over:c}=t.useDroppable({id:s}),h=t.useDndStore(f=>f.activeId),d=t.useEditorStore(f=>{var S;return(S=f.card)==null?void 0:S.type}),x=u||((y=(p=c==null?void 0:c.data)==null?void 0:p.current)==null?void 0:y.type)===o,b=h?r:n,m=o===be?"Rows":o===ve?"Pivot Columns":"Columns";function g(){if(!b||b.length===0)return e.jsx("div",{className:"mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground",children:e.jsx("span",{className:"invisible text-muted-foreground/70 group-hover:visible",children:"Drag here"})})}return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(f=>f.id),children:e.jsxs("div",{className:t.cn("group space-y-2 rounded-md p-4",x&&"border border-muted-foreground/20"),ref:i,children:[e.jsxs("div",{className:"flex items-center justify-between pr-5",children:[e.jsx(t.Label,{className:"text-sm",children:a}),d!=="table"&&e.jsx("span",{className:"text-xs text-muted-foreground/50",children:m})]}),g(),e.jsx("div",{className:"space-y-2",children:b==null?void 0:b.map(f=>f.id===bt.id?e.jsx(ha,{},f.id):e.jsx(ma,{droppableId:s,type:o,column:f,onRemoveColumn:l},f.id))})]})})}function ha(){return e.jsx("div",{className:"mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm",children:e.jsx("span",{className:"text-muted-foreground/70",children:"Drop here"})})}function Ut({children:s,id:a,type:n}){const{attributes:r,listeners:o,setNodeRef:l,transform:i,transition:u,isDragging:c}=t.useSortable({id:a,data:{type:n}}),h=i?{opacity:c?.5:void 0,transform:t.CSS.Translate.toString(i),transition:u}:void 0;return e.jsx("div",{...o,...r,ref:l,style:h,children:s})}function xa(){const s=t.useEditorStore(f=>{var S;return(S=f.card.queryConfig)==null?void 0:S.orderBy})||[],a=t.useEditorStore(f=>{var S;return(S=f.card.queryConfig)==null?void 0:S.groupByColumns})||[],n=t.useEditorStore(f=>{var S;return(S=f.card.queryConfig)==null?void 0:S.metricColumns})||[],{addOrderByColumn:r,removeOrderByColumn:o,updateOrderByColumn:l}=t.useEditorActions(),i=[...a,...n];if(i.length===0)return e.jsx(e.Fragment,{});const u=e.jsx(os,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),c=e.jsx(ts,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),h=e.jsx(rs,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),d=e.jsx(es,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),x=i==null?void 0:i.filter(f=>!s.some(S=>S.columnId===f.id)).map(f=>({id:f.id,value:f.label||f.name}));function b(f,S){const C=m(f);return C?C.role==="metric"?S==="asc"?h:d:S==="asc"?u:c:null}function m(f){return i.find(S=>S.id===f)}function g(f){const S=s.find(C=>C.columnId===f);if(S){const C={...S,direction:S.direction==="asc"?"desc":"asc"};l(C)}}const p=f=>{r({columnId:f.id,direction:"asc"})};function y(f){const S=s.find(C=>C.columnId===f);S&&o(S)}return e.jsx(t.SortableContext,{items:s.map(f=>ue(f.columnId)),children:e.jsxs("div",{className:"space-y-2 rounded-md p-4 text-sm",children:[e.jsx(t.Label,{className:"text-sm",children:"Sort By"}),x.length>0&&e.jsx("div",{className:"mr-5",children:e.jsx(t.ComboBox2,{multiple:!1,options:x,selectedOptions:[],onChange:f=>p(f[0]),selectAllChecked:!1,onSelectAllCheckedChange:()=>{},inputClassName:"h-8 bg-muted border-none"})}),s.map(f=>{var S,C;return e.jsx(Ut,{id:ue(f.columnId),type:qe,children:e.jsx("div",{className:"group flex h-8 items-center gap-2 rounded-sm p-0",children:e.jsxs("div",{className:"flex h-full grow items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex h-full grow items-center justify-between gap-2 rounded-sm bg-muted px-2",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(it,{className:"size-3 cursor-move text-muted-foreground hover:text-foreground"}),e.jsx(Ne,{className:"w-[175px] text-sm",children:((S=m(f.columnId))==null?void 0:S.label)||((C=m(f.columnId))==null?void 0:C.name)})]}),e.jsx("button",{title:f.direction==="asc"?"Ascending":"Descending",onClick:()=>g(f.columnId),className:"rounded-sm p-0",children:b(f.columnId,f.direction)})]}),e.jsx("div",{children:e.jsx("button",{onClick:()=>y(f.columnId),className:"rounded-sm p-0",children:e.jsx(t.X,{className:"size-3 text-muted-foreground opacity-0 transition-opacity duration-200 hover:text-foreground group-hover:opacity-100"})})})]})},f.columnId)},ue(f.columnId))})]})})}function pa(){const s=t.useEditorStore(y=>{var f;return((f=y.card.queryConfig)==null?void 0:f.groupByColumns)||[]}),a=t.useEditorStore(y=>y.card.type),n=t.useDndStore(y=>y.previewGroupByColumns),r=t.useEditorStore(y=>{var f;return((f=y.card.queryConfig)==null?void 0:f.metricColumns)||[]}),o=t.useDndStore(y=>y.previewMetricColumns),l=t.useEditorStore(y=>{var f;return((f=y.card.queryConfig)==null?void 0:f.pivotColumns)||[]}),i=t.useDndStore(y=>y.previewPivotColumns),{removeColumnFromGroupBy:u,removeColumnFromMetricColumns:c,removeColumnFromPivotBy:h}=t.useEditorActions();function d(y){u(y)}function x(y){c(y)}function b(y){h(y)}let m="Group By",g="Metrics",p="Stack By";return a==="table"&&(m="Rows",g="Metrics",p="Columns"),e.jsxs("div",{className:"flex h-full w-full flex-col gap-3 py-4",children:[e.jsx(Bt,{iconClassName:"size-[19px]"}),e.jsxs(t.CustomScrollArea,{className:"flex min-h-0 grow basis-0 flex-col gap-4 overflow-y-auto",children:[e.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[e.jsx(Ae,{onRemoveColumn:d,sortableType:be,id:te,label:m,columns:s,previewColumns:n}),e.jsx(Ae,{onRemoveColumn:b,sortableType:ve,id:ne,label:p,columns:l,previewColumns:i}),e.jsx(Ae,{onRemoveColumn:x,sortableType:Oe,id:se,label:g,columns:r,previewColumns:o}),e.jsx(xa,{})]}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function Ge({children:s,column:a,id:n,sortableType:r,className:o}){const[l,i]=T.useState(!1),{removeEditorFilter:u,clearEditorFilter:c}=t.useEditorActions(),h=t.useEditorStore(x=>{var b,m;return(m=(b=x.card.queryConfig)==null?void 0:b.filters)==null?void 0:m.some(g=>g.filterColumnName===a.name)});function d(x){u(x)}return e.jsx(Ut,{id:n,type:r,children:e.jsxs("div",{className:t.cn("group space-y-1 rounded-md bg-muted px-3 py-2",{"border-border":l}),children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Label,{className:"text-sm",children:a.name}),h&&e.jsx("button",{onClick:()=>c(a),children:e.jsx(t.FilterX,{className:"size-3 cursor-pointer items-center justify-center text-muted-foreground hover:text-foreground"})})]}),e.jsx("div",{"data-setting-actions":"",className:"invisible flex h-full items-center gap-2 group-hover:visible",children:e.jsx("button",{onClick:()=>d(a),children:e.jsx(t.X,{className:"size-3.5 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground"})})})]}),e.jsxs("div",{className:t.cn("group flex items-center rounded-t-md text-sm",!l&&"rounded-b-md",l&&"border border-border"),children:[e.jsx("div",{children:e.jsx(t.GripVertical,{className:"mr-2 size-3.5 cursor-move items-center justify-center p-0 text-muted-foreground/60 hover:text-foreground"})}),e.jsx("div",{className:t.cn("grow cursor-pointer overflow-hidden truncate text-ellipsis whitespace-nowrap",o),children:s})]})]})})}function fa({column:s,sortableType:a}){const n=t.useDashboardStore(C=>C.themeStyle),r=t.useEditorStore(C=>{var A,N;return(N=(A=C.card)==null?void 0:A.queryConfig)==null?void 0:N.filters}),o=t.useEditorStore(C=>{var A,N;return(N=(A=C.card.queryConfig)==null?void 0:A.filterColumns)==null?void 0:N.find(D=>D.name===s.name)}),{selectedConnectionId:l,selectedDatabaseName:i,selectedTableName:u}=t.useEditorAside(),c=T.useMemo(()=>{var C;return(C=r==null?void 0:r.find(A=>A.filterColumnName===s.name))==null?void 0:C.filterValue},[r,s.name]),h=T.useMemo(()=>Array.isArray(c)?c.map(C=>({id:C,value:C})):[],[c]),{updateEditorFilterValue:d}=t.useEditorActions(),x={column:s.name,sql:s.sql,id:s.name,connectionId:l,dataType:s.type},{data:b,isLoading:m,isFetching:g,isError:p}=t.useFilterQuery(x),y=T.useMemo(()=>{var A;return x.column?(A=b==null?void 0:b.records)==null?void 0:A.map(N=>{let D=x.column.split(".").slice(-1)[0].replace(/"/g,"");return N[D]===void 0&&(D=D.toLowerCase()),{id:N[D],value:N[D]}}):[]},[b,x.column]);function f(C){const A=C.map(N=>N.id);d(s.name,A)}function S(){return m||g?e.jsx(t.Skeleton,{style:{borderRadius:n==null?void 0:n.controlInputRadius},className:"h-8 min-w-60 bg-foreground/10"}):p?e.jsx("div",{className:"flex h-8 min-w-60 items-center bg-muted px-2 text-sm",children:"Error"}):e.jsx(t.ComboBox2,{renderFilterModeButton:()=>e.jsx(ga,{columnName:s.name}),showNegativeIndicator:(o==null?void 0:o.mode)==="exclude",options:y,onChange:f,selectedOptions:h,selectAllChecked:!1,onSelectAllCheckedChange:()=>{}})}return e.jsx(Ge,{className:"w-60",id:s.id,sortableType:a,column:s,children:S()})}function ga({columnName:s}){const{setEditorFilterMode:a}=t.useEditorActions(),n=t.useEditorStore(o=>{var l,i;return(i=(l=o.card.queryConfig)==null?void 0:l.filterColumns)==null?void 0:i.find(u=>u.name===s)});function r(){(n==null?void 0:n.mode)==="exclude"?a(s,"include"):a(s,"exclude")}return e.jsx(t.Button,{onClick:r,variant:"secondary",size:"sm",className:t.cn("h-5 text-xs hover:underline",{}),children:t.titleCase((n==null?void 0:n.mode)==="exclude"?"exclude":"include")})}function ja({column:s,sortableType:a}){const[n,r]=T.useState(!1),{selectedConnectionId:o,selectedDatabaseName:l,selectedTableName:i}=t.useEditorAside(),u={column:s.name,sql:s.sql,id:s.name,connectionId:o,title:"",dataType:s.type},{isLoading:c,isFetching:h,isError:d,data:x}=t.useFilterQuery(u),b=x==null?void 0:x.records,{dateRange:m,setDateRange:g,initialDateRange:p}=t.useDateRangeFromRecords(b),{updateEditorFilterValue:y}=t.useEditorActions();function f(A){var D,F;const N={gte:(D=A==null?void 0:A.from)==null?void 0:D.toISOString(),lte:(F=A==null?void 0:A.to)==null?void 0:F.toISOString()};y(s.name,N)}function S(){y(s.name,null,!0),g(p)}function C(){return c||h?e.jsx("div",{children:e.jsx(t.Skeleton,{className:"h-8 w-72 bg-foreground/10"})}):d?e.jsx("div",{className:"h-8 w-72 bg-muted px-2",children:"Error"}):b?e.jsx(t.DateRangePopover,{title:u.title,open:n,inputClassName:"h-8",setOpen:r,dateRange:m,setDateRange:g,onApply:f,onClear:S}):e.jsx(t.Label,{className:"flex h-8 w-72 items-center bg-muted px-2",children:"No Data"})}return e.jsx(Ge,{className:"w-72",id:s.id,sortableType:a,column:s,children:C()})}function ya({id:s,label:a,columns:n,previewColumns:r,sortableType:o}){var g,p;const{setNodeRef:l,isOver:i,over:u}=t.useDroppable({id:s}),c=t.useDndStore(y=>y.activeId),h={},d=i||((p=(g=u==null?void 0:u.data)==null?void 0:g.current)==null?void 0:p.type)===o;function x(){if(!m||m.length===0)return e.jsx("div",{className:"flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground",children:e.jsx("span",{className:"invisible text-muted-foreground/70 group-hover:visible",children:"Drag here"})})}function b(y){const f=t.isDateDataType(y.type);return y.id===bt.id?e.jsx(Ge,{id:y.id,sortableType:o,column:y,children:e.jsx(ba,{})},y.id):f?e.jsx(ja,{droppableId:s,sortableType:o,column:y},y.id):e.jsx(fa,{droppableId:s,sortableType:o,column:y},y.id)}const m=c?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(y=>y.id),children:e.jsxs("div",{className:t.cn("group space-y-2 rounded-md border-muted-foreground/50 p-4",d&&"border border-muted-foreground/20"),ref:l,style:h,children:[e.jsx(t.Label,{className:"text-sm",children:a}),x(),e.jsx("div",{className:"flex flex-wrap items-center gap-4",children:m==null?void 0:m.map(y=>b(y))})]})})}function ba(){return e.jsx("div",{className:"flex h-8 w-60 items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm text-muted-foreground",children:"Drop here"})}function va(){const s=t.useEditorStore(o=>{var l;return((l=o.card.queryConfig)==null?void 0:l.filterColumns)||[]}),a=t.useDndStore(o=>o.previewFilterColumns),{removeColumnFromFilterColumns:n}=t.useEditorActions();function r(o){n(o)}return e.jsx("section",{className:"size-full px-4 pb-4",children:e.jsx(ya,{onRemoveColumn:r,sortableType:Fe,id:ze,label:"Filters",columns:s,previewColumns:a})})}function Ca(){const s=t.useEditorStore(r=>r.card),{data:a,errorMessage:n}=t.useDashboardCardQuery(s);return e.jsxs("section",{className:"flex justify-between gap-2 p-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(Et,{}),e.jsx(Ct,{sql:a==null?void 0:a.sql,error:n})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"rounded-full bg-green-300 px-3 py-1 text-xs font-medium text-black",children:"Preview"}),e.jsx(It,{}),e.jsx(Dt,{variant:"default"})]})]})}function Sa(){const s=T.useRef(null),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>i.showAIDialog),r=t.useEditorStore(i=>i.isDevMode);T.useEffect(()=>{var i,u;n?(i=s.current)==null||i.resize(0):(u=s.current)==null||u.resize(25)},[n]);function o(){return e.jsxs(e.Fragment,{children:[e.jsx(t.ResizablePanel,{role:"query-section",className:"flex",minSize:20,defaultSize:40,children:e.jsx(bn,{})}),e.jsx(t.ResizableHandle,{withHandle:!0}),e.jsx(t.ResizablePanel,{className:"pb-1",role:"visual-section",minSize:0,defaultSize:60,children:a&&!n?e.jsxs(t.ResizablePanelGroup,{direction:"horizontal",children:[e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{ref:s,className:"flex",defaultSize:25,maxSize:30,children:e.jsx(ra,{})})}),!n&&e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsx(je,{})})]}):e.jsx(je,{})})]})}function l(){return e.jsx(e.Fragment,{children:e.jsx("div",{className:"grow","data-biz-mode-container":"",children:a&&!n?e.jsxs(t.ResizablePanelGroup,{direction:"horizontal",children:[e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{ref:s,className:"flex min-w-[320px]",defaultSize:25,maxSize:30,children:e.jsx(pa,{})})}),!n&&e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{defaultSize:75,maxSize:100,children:e.jsxs(t.ResizablePanelGroup,{direction:"vertical",children:[e.jsxs(t.ResizablePanel,{className:"flex min-h-fit flex-col",minSize:10,defaultSize:20,children:[e.jsx(Ca,{}),e.jsx(va,{})]}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{minSize:60,defaultSize:80,children:e.jsx(je,{})})]})})]}):e.jsx(je,{})})})}return e.jsx(t.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:r?o():l()})}const Na=[{title:"Help me write a query for",subtitle:"orders by month"},{title:"Create a bar chart for",subtitle:"sales by category"}];function wa(){const s=T.useRef(null),a=T.useRef(null),[n,r]=T.useState(!1),[o,l]=T.useState(t.isDevEnv),[i,u]=T.useState(!1),c=t.useEditorStore(L=>L.actions.setCardSql),h=t.useEditorStore(L=>L.actions.setRunSql),d=t.useEditorStore(L=>L.showAIDialog),x=t.useDashboardStore(L=>L.handleOpenAssistantProfile),{setShowAIDialog:b,setCardPython:m}=t.useEditorActions(),{assistantProfile:g}=t.useAssistantProfile(),{messages:p,setMessages:y,reload:f,append:S,input:C,setInput:A,isLoading:N,handleAddCurrentTableToScope:D,removeFromCurrentSelections:F,currentAssitantScope:R,handleInputChange:U,handleSubmit:w,stop:_,chatStatus:G,llmUsage:P,errorMessage:E}=kt();t.useAssistantScroll({scrollContainerRef:s,inputRef:a,messages:p}),T.useEffect(()=>{var L;d&&((L=a.current)==null||L.focus())},[d]);function j(L,z){z==="sql"?(c(L),h(!0)):z==="python"&&(m(L),h(!0))}function M(L){const z={role:"user",content:L.title+" "+L.subtitle};S(z)}function B(L){S({role:"user",content:L})}function v(){return e.jsxs(t.DropdownMenu,{children:[e.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",children:e.jsx(ot,{className:"size-3.5 text-muted-foreground/70 hover:text-muted-foreground"})})}),e.jsxs(t.DropdownMenuContent,{align:"end",children:[e.jsx(t.DropdownMenuLabel,{children:"Options"}),e.jsx(t.DropdownMenuSeparator,{}),e.jsx(t.DropdownMenuCheckboxItem,{checked:n,onCheckedChange:r,children:"Token Usage"}),e.jsx(t.DropdownMenuCheckboxItem,{checked:o,onCheckedChange:l,children:"Tool Invocations"}),e.jsx(t.DropdownMenuCheckboxItem,{checked:i,onCheckedChange:u,children:"System Message"})]})]})}function O(){return e.jsxs("div",{children:[R&&R.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:R==null?void 0:R.map((L,z)=>e.jsxs("div",{className:"flex items-center gap-2 rounded-md border border-border bg-muted px-2 py-1 text-xs",children:[t.getFormattedTableNameForQuery({schemaName:L.schemaName||"",tableName:L.tableName||"",modelName:L.datamodelName||"",connectionType:L.connectionType||"",databaseName:L.databaseName||""}),e.jsx("button",{onClick:()=>{F(L)},children:e.jsx(t.X,{className:"size-3 text-muted-foreground hover:text-foreground"})})]},z))}),(R==null?void 0:R.length)===0&&e.jsxs("div",{className:"mt-2 flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Context: None"}),e.jsxs(t.Button,{className:"h-6 text-xs",size:"sm",variant:"secondary",onClick:D,children:[e.jsx(t.Plus,{className:"mr-2 size-3"}),"Current Table"]})]})]})}function I(){return e.jsx("div",{"data-role":"header",children:e.jsx("div",{className:"text-lg font-semibold",children:"Assistant"})})}const $=(C==null?void 0:C.length)===0&&(p==null?void 0:p.filter(L=>L.role==="user").length)===0;return e.jsxs("div",{"data-role":"editor-assistant",className:"flex h-full w-full flex-col justify-between px-6 py-4",children:[e.jsxs("div",{"data-role":"header-section",className:"flex items-start justify-between gap-2",children:[I(),x&&e.jsx(t.Button,{variant:"outline",size:"sm",className:"h-7 p-2",onClick:x,children:(g==null?void 0:g.name)||"Default Profile"}),e.jsxs("div",{"data-role":"header-actions",className:"flex items-center",children:[v(),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{y([]),f()},children:e.jsx(t.Plus,{className:"size-4 text-muted-foreground"})}),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{b(!1)},children:e.jsx(t.X,{className:"size-4 text-muted-foreground"})})]})]}),O(),e.jsx(t.CustomScrollArea,{ref:s,className:"mt-2 flex w-full grow basis-0",children:e.jsxs("div",{className:"space-y-4 py-2 pr-3","data-role":"messages",children:[e.jsx(t.PrintMessages,{messages:p,showTools:o,handleRun:j,showSystemMessage:i}),e.jsx(t.ChatStatus,{messages:p,chatStatus:G,errorMessage:E})]})}),e.jsxs("div",{className:"mb-3",children:[$&&!g&&e.jsx(t.Placeholders,{onClick:M,placeholders:Na}),e.jsx("div",{children:$&&g&&e.jsx(t.SeedQuestions,{seedQuestions:g.seedQuestions||[],handleSeedQuestionClick:B})})]}),e.jsx(t.ChatInput,{onFocus:()=>{D()},stop:_,ref:a,setInput:A,input:C,handleInputChange:U,handleSubmit:w,isLoading:N}),P&&n&&e.jsx("div",{className:"flex h-8 items-center justify-between",children:e.jsxs("div",{className:"text-xs text-muted-foreground",children:["Usage: ",P.promptTokens," prompt tokens,"," ",P.completionTokens," completion tokens,"," ",P.totalTokens," total tokens"]})})]})}function ka({authToken:s,onSave:a,onClose:n}){const r=T.useRef(null),o=t.useEditorStore(y=>y.showAIDialog),{setAuthToken:l}=t.useDashboardActions(),{setShowAIDialog:i,setOnSave:u,setOnClose:c}=t.useEditorActions(),{handleDragOver:h,handleDragEnd:d,handleDragStart:x,handleDragCancel:b,sensors:m}=an();T.useEffect(()=>{a&&u(a),n&&c(n)},[a,u,n,c]),T.useEffect(()=>{s&&s.accessToken&&l(s)},[s,l]),T.useEffect(()=>{var y,f;o?((y=r.current)==null||y.resize(40),i(!0)):(i(!1),(f=r.current)==null||f.resize(0))},[o,i]);function g(y){y<1?i(!1):o||i(!0)}function p(){return e.jsxs(t.ResizablePanelGroup,{"data-content":"editor-main",className:"grow",direction:"horizontal",children:[e.jsx(t.ResizablePanel,{className:"min-w-[510px] rounded-none",children:e.jsx(Sa,{})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{"data-role":"editor-assistant-panel",ref:r,onResize:g,defaultSize:0,children:e.jsx(wa,{})})]})}return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:e.jsx(t.DndContext,{sensors:m,onDragStart:x,onDragEnd:d,onDragOver:h,onDragCancel:b,children:e.jsxs("section",{className:"isolate flex h-full grow","data-content":"editor-panel",children:[e.jsx(vt,{type:"main"}),p()]})})})}function Da(){t.useDashboardStore(i=>i.selectedCardId);const s=t.useDashboardStore(i=>i.selectedSheetId),{setIsVisualEditing:a}=t.useDashboardStore(i=>i.actions),n=t.useDashboardStore(i=>i.isVisualEditing),r=t.useDashboardStore(i=>i.actions.updateFrame);function o(i){s&&(r(s,i),a(!1))}function l(){a(!1)}return e.jsx("div",{role:"editor-container",className:t.cn("flex grow",{"max-h-0 overflow-hidden":!n}),children:e.jsx(ka,{onSave:o,onClose:l})})}function Ia(){const s=t.useEditorStore(l=>l.selectedDatabaseName),a=t.useEditorStore(l=>l.selectedTableName),n=t.useDashboardStore(l=>l.dashboard.filters)||[],{columns:r}=t.useEditorAside(),{assignFilter:o}=Ht();return e.jsx(t.ScrollArea,{className:"flex-1 basis-0 flex-col px-3",children:r==null?void 0:r.map(l=>{const i=n==null?void 0:n.find(u=>u.column===t.fmt(l.column_name)&&u.table===a&&u.database===s);return e.jsx("div",{onClick:()=>o(l),className:t.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":i}),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Pe,{column:l}),e.jsx("span",{children:l.column_name})]})},l.column_name)})})}function Ea(){t.useDashboardStore(a=>a.showFilters);const s=t.useDashboardStore(a=>a.actions.setShowFilters);return e.jsxs("section",{className:"relative flex min-w-[320px] grow flex-col border-l px-1",children:[e.jsxs("div",{className:"mt-4 flex items-center justify-between gap-2 px-3",children:[e.jsx(t.Label,{className:"px-2 text-lg",children:"Filters"}),e.jsx(t.Button,{onClick:()=>s(!1),className:"h-7 w-7 p-0",variant:"ghost",children:e.jsx(t.Cross2Icon,{})})]}),e.jsx("div",{className:"flex grow",children:e.jsx(vt,{type:"filter",ColumnsComponent:()=>e.jsx(Ia,{})})})]})}function Ta(){const s=t.useDashboardStore(r=>r.dashboard.filters),a=t.useDashboardStore(r=>r.theme),n=s==null?void 0:s.filter(r=>r.hide);return n!=null&&n.length?e.jsx("div",{className:t.cn("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5",{"bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]":a==="light","bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]":a==="dark"}),children:n==null?void 0:n.map(r=>e.jsxs("div",{className:"flex min-w-[250px] max-w-fit flex-col gap-1 p-2",children:[e.jsx(t.FilterHeader,{filter:r}),e.jsx(t.FilterComponent,{filter:r})]},r.id))}):null}function Ma(){const s=t.useDashboardStore(r=>r.showFilters),a=t.useDashboardStore(r=>r.isVisualEditing),n=t.useDashboardStore(r=>r.isDashboardEditing);return e.jsxs("div",{role:"dashboard-plus-main",className:t.cn("",{"max-h-0 overflow-hidden":a,"flex grow overflow-auto":!a}),children:[e.jsxs("section",{className:"flex grow flex-col",children:[n&&e.jsx(Ta,{}),e.jsx(t.DashboardTabs,{})]}),s&&e.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsx(Ea,{})})]})}function Aa(){const s=t.useDashboardStore(o=>o.dashboard),a=t.useDashboardStore(o=>o.actions.setDashboard),n=t.useDashboardStore(o=>o.showDashboardJSON),r=t.useDashboardStore(o=>o.actions.setShowDashboardJSON);return e.jsxs("div",{className:t.cn("relative p-2",{hidden:!n}),children:[e.jsxs(t.Button,{variant:"secondary",size:"sm",className:"absolute right-2 top-2 z-10 h-8",onClick:()=>r(!1),children:[e.jsx(t.X,{className:"mr-2 h-4 w-4"}),"Close"]}),e.jsx(t.de,{onChange:o=>{if(o)try{JSON.parse(o),a(JSON.parse(o))}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 La({showControls:s=!1,showFooter:a=!0,...n}){return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:e.jsxs(t.SemaphorContextProvider,{dashboardProps:n,children:[e.jsx(t.$e,{}),e.jsxs(t.UXProvider,{children:[e.jsx(Aa,{}),e.jsxs(t.DashboardPanel,{...n,children:[s&&e.jsx(Xs,{}),e.jsx(Da,{}),e.jsx(Ma,{})]})]})]})})}exports.Dashboard=t.Dashboard;exports.DashboardWC=t.DashboardWC;exports.SemaphorDataProvider=t.SemaphorQueryClient;exports.SemaphorQueryClient=t.SemaphorQueryClient;exports.createSqlGenConfig=t.createSqlGenConfig;exports.fmt=t.fmt;exports.getColumnDataType=t.getColumnDataType;exports.getFilterValueType=t.getFilterValueType;exports.getFormattedTableNameForQuery=t.getFormattedTableNameForQuery;exports.getQualifiedTableName=t.getQualifiedTableName;exports.getSql=t.getSql;exports.invalidateToken=t.invalidateToken;exports.isBooleanDataType=t.isBooleanDataType;exports.isColumnInSqlGen=t.isColumnInSqlGen;exports.isDateDataType=t.isDateDataType;exports.isNumberDataType=t.isNumberDataType;exports.isTextDataType=t.isTextDataType;exports.resolveDataType=t.resolveDataType;exports.resolveDatamodelName=t.resolveDatamodelName;exports.useCard=t.useCard;exports.useDashboardActions=t.useDashboardActions;exports.useDashboardStore=t.useDashboardStore;exports.useDateFilterHook=t.useDateFilterHook;exports.useEditorActions=t.useEditorActions;exports.useEditorAside=t.useEditorAside;exports.useEditorStore=t.useEditorStore;exports.useTextFilterHook=t.useTextFilterHook;exports.EMPTY_SELECTION=Wt.EMPTY_SELECTION;exports.ScheduleDashboard=yt;exports.SelectComponent=ie;exports.Surfboard=La;exports.cleanCard=ft;exports.downloadPdf=jt;exports.getDashbaordStateWithoutData=_e;
|
|
364
|
+
${d}
|
|
365
|
+
|
|
366
|
+
${c&&`Python:
|
|
367
|
+
${c}`}
|
|
368
|
+
`;C(L)}function v(){return e.jsxs(e.Fragment,{children:[r&&e.jsx("div",{className:"relative flex w-1/3 min-w-0 grow overflow-hidden text-xs",role:"editor-filter-container",children:e.jsx("div",{className:"mt-2 w-[99%]",children:e.jsx(fn,{jsonString:JSON.stringify(h,null,2)})})}),h&&h.length>0&&e.jsx(t.Button,{variant:"ghost",onClick:()=>o(!r),className:"absolute bottom-0 right-6 size-7 p-1",children:r?e.jsx(t.X,{className:"size-3.5 text-muted-foreground"}):e.jsx(it,{className:"size-3.5 text-muted-foreground"})})]})}function z(){return e.jsxs(t.ResizablePanelGroup,{className:"flex grow pb-1",direction:"vertical",role:"editor-resizable-group",children:[e.jsxs(t.ResizablePanel,{id:"1",order:1,defaultSize:a?20:100,className:"relative flex grow",children:[e.jsx("div",{id:"sql-container",className:"relative flex w-[99%]",children:e.jsx(xn,{})}),a&&e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"sql"})]}),a&&e.jsxs(e.Fragment,{children:[e.jsx(t.ResizableHandle,{withHandle:!0,className:"border"}),e.jsxs(t.ResizablePanel,{id:"2",order:2,defaultSize:80,className:"relative flex grow",children:[e.jsx("div",{id:"python-container",className:"relative flex w-[99%] pt-0",children:e.jsx(pn,{})}),e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"python"})]})]})]})}function P(){return e.jsxs("div",{role:"editor-controls",className:"item-center flex flex-wrap justify-between gap-2 px-6 py-4",children:[e.jsxs("div",{className:"flex grow items-center gap-2",children:[e.jsxs(t.Button,{title:"Shift + Enter",disabled:R||U,onClick:()=>{D()},className:"shrink-0",size:"sm",children:[R||U?e.jsx(ae,{className:"mr-2 h-4 w-4 animate-spin"}):e.jsx(t.Play,{className:"mr-2 h-4 w-4"}),"Run"]}),e.jsx(vt,{sql:O==null?void 0:O.sql,error:j,onClick:V}),e.jsx(It,{}),e.jsx(t.Toggle,{pressed:a,onPressedChange:L=>n(L),className:"",size:"sm",children:e.jsx(hn,{className:"size-4 text-foreground/70"})}),e.jsx("button",{disabled:i,onClick:()=>{M(),S(!0)},className:"h-9 w-full cursor-text px-3 text-left text-sm text-muted-foreground",children:i?"":"Type your question..."})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Dt,{}),e.jsx(kt,{})]})]})}return e.jsxs("section",{role:"editor-section",className:"flex grow flex-col justify-end",children:[e.jsxs("div",{className:"relative flex grow justify-between overflow-y-scroll",children:[z(),v()]}),P()]})}function bn({data:s}){var i;const[a,n]=I.useState([]),o=Object.keys(s[0]).map(d=>({accessorKey:d,header:({column:c})=>{const h=c.getIsSorted();return e.jsx("div",{className:"flex gap-2",children:e.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>c.toggleSorting(c.getIsSorted()==="asc"),children:[d,h==="asc"?e.jsx(t.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):h==="desc"?e.jsx(t.TriangleDownIcon,{className:"ml-2 h-5 w-5"}):null]})})}})),l=t.useReactTable({data:s,columns:o,getCoreRowModel:t.getCoreRowModel(),getPaginationRowModel:t.getPaginationRowModel(),onSortingChange:n,getSortedRowModel:t.getSortedRowModel(),manualPagination:!0,state:{sorting:a}});return e.jsxs(t.CustomScrollArea,{className:"grow overflow-auto font-mono text-xs text-foreground/95",children:[e.jsxs("table",{className:"w-full",children:[e.jsx(t.TableHeader,{className:"sticky top-0 z-50 h-0 bg-muted",children:l.getHeaderGroups().map(d=>e.jsx(t.TableRow,{className:"",children:d.headers.map(c=>e.jsx(t.TableHead,{className:"h-11 font-semibold text-foreground",children:c.isPlaceholder?null:t.flexRender(c.column.columnDef.header,c.getContext())},c.id))},d.id))}),e.jsx(t.TableBody,{children:(i=l.getRowModel().rows)!=null&&i.length?l.getRowModel().rows.map(d=>e.jsx(t.TableRow,{className:"h-11 whitespace-nowrap py-2","data-state":d.getIsSelected()&&"selected",children:d.getVisibleCells().map(c=>e.jsx(t.TableCell,{className:"py-2",children:t.flexRender(c.column.columnDef.cell,c.getContext())},c.id))},d.id)):e.jsx(t.TableRow,{children:e.jsx(t.TableCell,{colSpan:o.length,className:"h-24 text-center",children:"No results."})})})]}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}function vn({card:s}){var C,S,A,N,E,O,R,U,w,B,$;const[a,n]=I.useState(!1),[r,o]=I.useState([]),{authToken:l}=t.useSemaphorContext(),i=t.getTokenParams(l==null?void 0:l.accessToken),d=t.useDashboardStore(q=>q.themeStyle),c={colors:((S=(C=d==null?void 0:d.chart)==null?void 0:C.dataset)==null?void 0:S.backgroundColor)||[]};(A=s.customCardPreferences)!=null&&A.inputData;const{getCard:h}=t.useCustomVisual(((N=s.customCardPreferences)==null?void 0:N.url)||""),u=((E=s.customCardPreferences)==null?void 0:E.visualType)||"single",x=t.useEditorStore(q=>q.frame),{setCustomCardPreferences:b}=t.useEditorActions(),{data:m}=t.useDashboardCardQuery(s),g=I.useCallback((q,D)=>{o(j=>({...j,[q]:D}))},[]);if(!((O=s.customCardPreferences)!=null&&O.componentName))return null;const p=h((R=s.customCardPreferences)==null?void 0:R.componentName);function y(q){n(q)}const f=Object.keys(((U=s.customCardPreferences)==null?void 0:U.dataInputCardIds)||{}).map(q=>{var M,V,v;const D=(V=(M=s.customCardPreferences)==null?void 0:M.dataInputCardIds)==null?void 0:V[q].cardId,j=(v=x==null?void 0:x.cards)==null?void 0:v.find(z=>z.id===D);return j||null});return e.jsx("div",{className:"semaphor-custom mb-3 flex grow basis-0 flex-col space-y-2 overflow-y-auto",children:e.jsxs(I.Suspense,{fallback:e.jsx(e.Fragment,{}),children:[p&&u==="single"&&e.jsx(p,{params:i,theme:c,settings:(w=s.customCardPreferences)==null?void 0:w.settings,onDataChange:g,data:(m==null?void 0:m.records)||[]}),p&&u==="multiple"&&e.jsxs(e.Fragment,{children:[Object.keys(((B=s.customCardPreferences)==null?void 0:B.dataInputCardIds)||{}).map(q=>{var M,V,v;const D=(V=(M=s.customCardPreferences)==null?void 0:M.dataInputCardIds)==null?void 0:V[q].cardId,j=(v=x==null?void 0:x.cards)==null?void 0:v.find(z=>z.id===D);if(j)return e.jsx(t.MultiInputEmptyRenderer,{onLoadingStatus:y,onDataChange:g,dataInputIndex:q,card:j},j.id+q)}),e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx(p,{theme:c,onDataChange:g,settings:f.map(q=>{var D;return(D=q==null?void 0:q.customCardPreferences)==null?void 0:D.settings}),data:f.map(q=>q!=null&&q.id?r==null?void 0:r[q.id]:[])})})]})]},($=s.customCardPreferences)==null?void 0:$.componentName)})}function Et({className:s,...a}){var y;const n=t.useEditorStore(f=>f.card),r=((y=n.customCardPreferences)==null?void 0:y.showCardHeader)??!0,o=t.useEditorStore(f=>f.frame),l=t.useDashboardStore(f=>f.dashboard.filters);t.useEditorStore(f=>f.actions.setRunSql);const{updateFilter:i}=t.useDashboardActions(),d=l==null?void 0:l.find(f=>f.id===o.filterId),{data:c,isLoading:h,isFetching:u}=t.useDashboardCardQuery(n),{setCard:x}=t.useEditorActions(),{data:b}=t.useTopoJson(n),m=I.useMemo(()=>!n.id||!(c!=null&&c.records)?null:t.createChartConfig({data:c==null?void 0:c.records,cardType:n.type,queryConfig:n.queryConfig,customCfg:n.customCfg,preferences:n.preferences,topoJson:b}),[n.id,c==null?void 0:c.records,n.type,n.queryConfig,n.customCfg,n.preferences,b]);function g(f){return e.jsx(vn,{card:f})}function p(){if(c!=null&&c.records&&(c==null?void 0:c.records.length)===0&&!h&&!u)return e.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2",children:[e.jsx(t.TreePalm,{className:"size-8 text-muted-foreground"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"No records to display"})]});if(!n.id)return null;if(n.type==="custom")return g(n);if(!["table","custom"].includes(n.type)&&m)return e.jsx(e.Fragment,{children:h||u?e.jsx(e.Fragment,{}):e.jsx(t.ChartJsVisual,{cfg:m})});if(n.type==="table"&&(c!=null&&c.records)&&(c==null?void 0:c.records.length)>0)return e.jsx("div",{className:"relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0",children:e.jsx(t.TableVisual,{card:n,data:c==null?void 0:c.records})})}return e.jsxs(t.Card,{role:"editor-visual-card",className:t.cn("relative flex h-full flex-col rounded-none",s),...a,children:[r&&e.jsxs(t.CardHeader,{className:"flex flex-row items-start justify-between py-4",children:[e.jsxs("div",{children:[e.jsx(t.Editable,{enabled:!0,text:n.title,onSave:f=>x({...n,title:f}),children:e.jsx("div",{className:"flex items-center gap-5",children:e.jsx(t.CardTitle,{className:"text-base",children:n.title||"Add title"})})},n.title),e.jsx(t.Editable,{enabled:!0,text:n.description||"",onSave:f=>x({...n,description:f}),children:e.jsx(t.CardDescription,{children:n.description||"Add description"})},n.description)]}),d&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Editable,{enabled:!0,className:"my-1",text:d.title||d.column,onSave:f=>i({...d,title:f}),children:e.jsx(t.Label,{children:d.title})}),e.jsx(t.FilterComponent,{filter:d})]})]}),e.jsx(t.CardContent,{className:"flex grow flex-col",children:p()})]})}const Te=({language:s,value:a,onChange:n,readonly:r})=>e.jsx(t.Ft,{className:"h-full w-full overflow-hidden text-xs",theme:"default",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,lineHeight:16,renderLineHighlight:"none",readOnly:r},defaultLanguage:s,value:a,onChange:n}),Cn=()=>e.jsxs(t.DialogHeader,{children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx(t.DialogTitle,{children:"Customize Card"})}),e.jsxs(t.DialogDescription,{children:["See the configuration options and documentation",e.jsx("a",{target:"_blank",className:"ml-1 text-blue-500 underline",href:"https://www.chartjs.org/docs/latest/samples/bar/vertical.html",children:"here."})]})]}),Sn=({customCode:s,cardCustomCfgString:a,mergedConfig:n,onConfigChange:r,onCodeChange:o})=>e.jsxs(t.Tabs,{defaultValue:"final-config",className:"flex w-1/2 flex-col",children:[e.jsxs(t.TabsList,{className:"justify-start rounded-sm rounded-b-none border border-b-0",children:[e.jsx(t.TabsTrigger,{value:"final-config",children:"Config"}),e.jsx(t.TabsTrigger,{value:"custom-config",children:"Changes"}),e.jsx(t.TabsTrigger,{value:"custom-code",children:"Custom Code"})]}),e.jsx(t.TabsContent,{value:"final-config",className:"mt-0 grow rounded-b border border-t-0",children:e.jsx(Te,{language:"json",value:n,onChange:r})}),e.jsx(t.TabsContent,{value:"custom-config",className:"mt-0 grow rounded-b border border-t-0",children:e.jsx(Te,{readonly:!0,language:"json",value:a,onChange:()=>{}})}),e.jsx(t.TabsContent,{value:"custom-code",className:"mt-0 grow rounded-b border border-t-0",children:e.jsx(Te,{language:"javascript",value:s,onChange:o})})]}),Nn=({error:s,hasCardCustomConfig:a,onReset:n,onApply:r,onClose:o})=>e.jsxs(t.DialogFooter,{className:"flex items-center",children:[e.jsx(t.Label,{className:"mr-2 text-red-500",children:s}),e.jsx(t.Button,{disabled:!a,onClick:n,variant:"outline",children:"Reset"}),e.jsx(t.Button,{onClick:r,variant:"outline",children:"Apply"}),e.jsx(t.Button,{onClick:o,variant:"outline",children:"Close"})]});function wn(){const[s,a]=I.useState(!1),[n,r]=I.useState(""),[o,l]=I.useState(""),[i,d]=I.useState(""),[c,h]=I.useState(""),u=t.useEditorStore(N=>N.card),x=t.useEditorStore(N=>N.card.customCfg),b=x?JSON.stringify(x,null,2):"",{data:m}=t.useDashboardCardQuery(u),{data:g}=t.useTopoJson(u),{setCardCustomCfg:p,setCustomVisualCode:y}=t.useEditorActions(),f=N=>{var E,O;return JSON.stringify({...N,data:{...N.data,datasets:(O=(E=N.data)==null?void 0:E.datasets)==null?void 0:O.map(R=>({...R,data:[]}))}},null,2)},C=()=>{var E,O;if(!((E=m==null?void 0:m.records)!=null&&E.length))return;const N=t.createChartConfig({data:m.records,cardType:u.type,queryConfig:u.queryConfig,preferences:u.preferences,topoJson:g});if(N){r(f(N)),d(((O=u.preferences)==null?void 0:O.customVisualCode)||"");const R=t.merge(N,x);l(f(R))}},S=()=>{try{if(i&&y(i),o){const N=JSON.parse(o),E=t.getObjectDiff(JSON.parse(n),N);p(E),h("")}}catch{h("Invalid JSON configuration")}},A=Object.keys(x||{}).length===0;return e.jsxs(t.Dialog,{open:s,onOpenChange:a,children:[e.jsx(t.DialogTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Customize Visual",onClick:C,className:A?"":"text-green-600 hover:text-green-700",children:e.jsx(t.Settings,{className:"h-4 w-4"})})}),e.jsxs(t.DialogContent,{className:"flex h-[600px] grow flex-col overflow-auto sm:min-w-[900px] lg:min-w-[1200px]",children:[e.jsx(Cn,{}),e.jsxs("div",{className:"flex grow gap-2",children:[e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(Et,{className:"w-1/2 rounded shadow-none"})}),e.jsx(Sn,{customCode:i,cardCustomCfgString:b,mergedConfig:o,onConfigChange:N=>l(N??""),onCodeChange:N=>d(N??"")})]}),e.jsx(Nn,{error:c,hasCardCustomConfig:!!x,onReset:()=>{l(n),p(null)},onApply:S,onClose:()=>a(!1)})]})]})}function Tt(s){const[a,n]=I.useState(null);return a}function Mt(){const{authToken:s}=t.useSemaphorContext(),{data:a,isLoading:n,isFetching:r,isError:o}=t.useQuery({queryKey:["plugins",s==null?void 0:s.accessToken],queryFn:()=>t.getPlugins(s==null?void 0:s.accessToken)});return{data:a,isLoading:n,isFetching:r,isError:o}}function kn({onChartTypeChange:s}){const[a,n]=I.useState([]),{setCardCustomCfg:r,setCardPreferences:o,setCardType:l,setCustomCardPreferences:i}=t.useEditorActions(),{data:d}=Mt();function c(h,u){r(null),o({}),l(h),u&&i({type:"component",visualType:"single",url:u.url,componentName:u.name,icon:u.icon}),s==null||s()}return I.useEffect(()=>{(async()=>{var u;if(d){const b=(await Promise.all((u=d==null?void 0:d.plugins)==null?void 0:u.map(async m=>(await t.loadManifest(m.value)).visuals.map(y=>({name:y.name,icon:y.icon,url:m.value}))))).flat();n(b)}})()},[d]),a.length===0?null:e.jsxs(e.Fragment,{children:[e.jsx(t.Separator,{className:"my-2"}),e.jsx("div",{className:"grid grid-cols-4 place-items-center",children:a.map((h,u)=>e.jsx(Dn,{text:h.name,onClick:()=>c("custom",h),icon:h.icon},h.url+h.name+u))})]})}const Dn=({text:s,icon:a,onClick:n})=>{const r=Tt(),o=s.charAt(0).toUpperCase();return e.jsx(t.IconButton,{onClick:n,tooltip:s,children:r?e.jsx(r,{className:"h-4 w-4"}):o})};function At(s){return re({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 In(s){return re({attr:{viewBox:"0 0 256 256",fill:"currentColor"},child:[{tag:"path",attr:{d:"M48,180c0,11,7.18,20,16,20a14.24,14.24,0,0,0,10.22-4.66A8,8,0,0,1,85.78,206.4,30.06,30.06,0,0,1,64,216c-17.65,0-32-16.15-32-36s14.35-36,32-36a30.06,30.06,0,0,1,21.78,9.6,8,8,0,0,1-11.56,11.06A14.24,14.24,0,0,0,64,160C55.18,160,48,169,48,180Zm79.6-8.69c-4-1.16-8.14-2.35-10.45-3.84-1.25-.81-1.23-1-1.12-1.9a4.57,4.57,0,0,1,2-3.67c4.6-3.12,15.34-1.73,19.82-.56A8,8,0,0,0,142,145.86c-2.12-.55-21-5.22-32.84,2.76a20.58,20.58,0,0,0-9,14.95c-2,15.88,13.65,20.41,23,23.11,12.06,3.49,13.12,4.92,12.78,7.59-.31,2.41-1.26,3.34-2.14,3.93-4.6,3.06-15.17,1.56-19.55.36A8,8,0,0,0,109.94,214a61.34,61.34,0,0,0,15.19,2c5.82,0,12.3-1,17.49-4.46a20.82,20.82,0,0,0,9.19-15.23C154,179,137.49,174.17,127.6,171.31Zm83.09-26.84a8,8,0,0,0-10.23,4.84L188,184.21l-12.47-34.9a8,8,0,0,0-15.07,5.38l20,56a8,8,0,0,0,15.07,0l20-56A8,8,0,0,0,210.69,144.47ZM216,88v24a8,8,0,0,1-16,0V96H152a8,8,0,0,1-8-8V40H56v72a8,8,0,0,1-16,0V40A16,16,0,0,1,56,24h96a8,8,0,0,1,5.66,2.34l56,56A8,8,0,0,1,216,88Zm-27.31-8L160,51.31V80Z"},child:[]}]})(s)}function Lt(s){return re({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},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 Ot(s){return re({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M4.387 3h15.226a1 1 0 0 1 .948 1.316l-5.105 15.316a2 2 0 0 1 -1.898 1.368h-3.116a2 2 0 0 1 -1.898 -1.368l-5.104 -15.316a1 1 0 0 1 .947 -1.316"},child:[]},{tag:"path",attr:{d:"M5 9h14"},child:[]},{tag:"path",attr:{d:"M7 15h10"},child:[]}]})(s)}function zt(s){return re({attr:{viewBox:"0 0 24 24"},child:[{tag:"path",attr:{fill:"none",d:"M0 0h24v24H0z"},child:[]},{tag:"path",attr:{d:"m2 19.99 7.5-7.51 4 4 7.09-7.97L22 9.92l-8.5 9.56-4-4-6 6.01-1.5-1.5zm1.5-4.5 6-6.01 4 4L22 3.92l-1.41-1.41-7.09 7.97-4-4L2 13.99l1.5 1.5z"},child:[]}]})(s)}function Ft(s){return re({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 Rt({onChartTypeChange:s,iconClassName:a}){const{setCardType:n,setCardPreferences:r,setIsDevMode:o}=t.useEditorStore(u=>u.actions),{setCardCustomCfg:l,setCustomCardPreferences:i,setQueryConfig:d}=t.useEditorActions();function c(u,x){l(null),r({}),n(u),["kpi","custom","text","map"].includes(u)&&(o(!0),d(void 0)),s==null||s()}const h=1e3;return e.jsxs("div",{className:"grid grid-cols-4 place-items-center",children:[e.jsx(t.IconButton,{openDelay:h,tooltip:"Table",onClick:()=>c("table"),className:"h-10 p-4",children:e.jsx(Ve,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Bar Chart",onClick:()=>c("bar"),className:"h-10 p-4",children:e.jsx(Re,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Line Chart",onClick:()=>c("line"),className:"h-10 p-4",children:e.jsx(Be,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Stacked Bar Chart",onClick:()=>c("stackedBar"),className:"h-10 p-4",children:e.jsx(et,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Stacked Line Chart",onClick:()=>c("stackedLine"),className:"h-10 p-4",children:e.jsx(zt,{className:t.cn("size-5",a),strokeWidth:0})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Scatter Chart",onClick:()=>c("scatter"),className:"h-10 p-4",children:e.jsx(nt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Bubble Chart",onClick:()=>c("bubble"),className:"h-10 p-4",children:e.jsx(Lt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Pie Chart",onClick:()=>c("pie"),className:"h-10 p-4",children:e.jsx(st,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Doughnut Chart",onClick:()=>c("doughnut"),className:"h-10 p-4",children:e.jsx(rt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Funnel Chart",onClick:()=>c("funnel"),className:"h-10 p-4",children:e.jsx(Ot,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Radar Chart",onClick:()=>c("radar"),className:"h-10 p-4",children:e.jsx(dt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Polar Area Chart",onClick:()=>c("polarArea"),className:"h-10 p-4",children:e.jsx(At,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Tornado Chart",onClick:()=>c("tornado"),className:"h-10 p-4",children:e.jsx(xt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{tooltip:"Range Chart",onClick:()=>c("range"),className:"h-10 p-4",children:e.jsx(tt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"KPI",onClick:()=>c("kpi"),className:"h-10 p-4",children:e.jsx(Ft,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Text",onClick:()=>c("text"),className:"h-10 p-4",children:e.jsx(ls,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{tooltip:"Map",onClick:()=>c("map"),className:"h-10 p-4",children:e.jsx(ct,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:h,tooltip:"Custom",onClick:()=>c("custom"),className:"h-10 p-4",children:e.jsx(mt,{className:t.cn("size-5",a)})})]})}function En({chartType:s,className:a,customIcon:n,componentName:r}){const o=Tt();switch(s){case"bar":return e.jsx(Re,{className:a});case"line":return e.jsx(Be,{className:a});case"pie":return e.jsx(st,{className:a});case"radar":return e.jsx(dt,{className:a});case"scatter":return e.jsx(nt,{className:a});case"bubble":return e.jsx(Lt,{className:a});case"doughnut":return e.jsx(rt,{className:a});case"stackedBar":return e.jsx(et,{className:a});case"stackedLine":return e.jsx(zt,{className:a});case"polarArea":return e.jsx(At,{className:a});case"funnel":return e.jsx(Ot,{className:a});case"tornado":case"pyramid":return e.jsx(xt,{className:a});case"range":return e.jsx(tt,{className:a});case"kpi":return e.jsx(Ft,{className:a});case"text":return e.jsx(Gs,{className:a});case"map":return e.jsx(ct,{className:a});case"custom":return n&&o?e.jsx(o,{className:a}):r?r==null?void 0:r.charAt(0).toUpperCase():e.jsx(mt,{className:a});default:return e.jsx(Ve,{className:a})}}function Tn(){var l,i;const[s,a]=I.useState(!1),n=t.useEditorStore(d=>d.card),r=n.type,o=t.useDashboardStore(d=>d.isVisualEditing);return e.jsxs(t.Popover,{open:s,onOpenChange:a,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.Button,{size:"sm",variant:o?"ghost":"outline",children:e.jsx(En,{className:"size-4",chartType:r,customIcon:(l=n.customCardPreferences)==null?void 0:l.icon,componentName:(i=n.customCardPreferences)==null?void 0:i.componentName})})}),e.jsxs(t.PopoverContentCustom,{onOpenAutoFocus:d=>d.preventDefault(),className:"w-50",children:[e.jsx(Rt,{onChartTypeChange:()=>a(!1)}),e.jsx(kn,{onChartTypeChange:()=>a(!1)})]})]})}const ge="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function Ze(s,a){var r,o,l;const n=t.getNumberAxis(s,{});return["pie","doughnut","polarArea","funnel"].includes(a)?"category":((l=(o=(r=s==null?void 0:s.chartOptions)==null?void 0:r.scales)==null?void 0:o[n])==null?void 0:l.type)||"linear"}function Mn(){var M,V,v,z,P,L;const[s,a]=I.useState(!1),n=t.useEditorStore(T=>{var F;return(F=T.card)==null?void 0:F.preferences}),r=t.useEditorStore(T=>{var F;return(F=T.card)==null?void 0:F.type}),o=t.getNumberAxis(n,{}),[l,i]=I.useState(Ze(n,r)),[d,c]=I.useState(((v=(V=(M=n==null?void 0:n.chartOptions)==null?void 0:M.scales)==null?void 0:V[o])==null?void 0:v.min)||""),[h,u]=I.useState(((L=(P=(z=n==null?void 0:n.chartOptions)==null?void 0:z.scales)==null?void 0:P[o])==null?void 0:L.max)||""),[x,b]=I.useState(d||h?"custom":"auto"),[m,g]=I.useState(""),[p,y]=I.useState(0),[f,C]=I.useState(""),[S,A]=I.useState(""),[N,E]=I.useState(""),O=t.useEditorStore(T=>T.actions.setCardPreferences),{updateCardInFrame:R}=t.useEditorActions(),U=t.useEditorStore(T=>T.card),w=["pie","doughnut","polarArea","funnel"].includes(r);I.useEffect(()=>{var T,F,H,J,_,Q,k,G,K,X,he,xe,pe,fe;i(Ze(n,r)),c(((H=(F=(T=n==null?void 0:n.chartOptions)==null?void 0:T.scales)==null?void 0:F[o])==null?void 0:H.min)===0?0:""),u(((Q=(_=(J=n==null?void 0:n.chartOptions)==null?void 0:J.scales)==null?void 0:_[o])==null?void 0:Q.max)||""),g(((X=(K=(G=(k=n==null?void 0:n.chartOptions)==null?void 0:k.scales)==null?void 0:G[o])==null?void 0:K.ticks)==null?void 0:X.stepSize)||""),y(((he=n==null?void 0:n.numberAxisFormat)==null?void 0:he.decimalPlaces)||0),C(((xe=n==null?void 0:n.numberAxisFormat)==null?void 0:xe.suffix)||""),A(((pe=n==null?void 0:n.numberAxisFormat)==null?void 0:pe.currency)||""),E(((fe=n==null?void 0:n.numberAxisFormat)==null?void 0:fe.locale)||"")},[s,n,o,r]);function B(T,F){return F===""||/^[0-9\b]+$/.test(F)?Number(F):Number(T)}function $(){const T=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(F=>F.currency))];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-6 items-center gap-2",children:[e.jsx(t.Label,{className:"col-span-2 hover:cursor-pointer hover:underline",htmlFor:"currency",children:e.jsx("a",{target:"_blank",href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat",children:"Currency"})}),e.jsxs(t.Select,{value:S||"none",onValueChange:F=>A(F==="none"?"":F),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Currency"}),e.jsx(t.SelectItem,{value:"none",children:"None"}),T.map(F=>e.jsx(t.SelectItem,{value:F,children:F},F))]})})]}),e.jsxs(t.Select,{value:N,onValueChange:F=>E(F),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Locale"}),t.LOCALE_CURRENCY_PAIRS.map(F=>e.jsx(t.SelectItem,{value:F.locale,children:F.locale},F.locale))]})})]})]}),e.jsxs("div",{className:"grid grid-cols-9 items-center gap-2",children:[e.jsx(t.Label,{className:"col-span-3",htmlFor:"format",children:"Decimals"}),e.jsx(t.Input,{value:p,onChange:F=>y(Number(F.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${ge}`})]})]})}function q(){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for number axis"})}),e.jsxs("div",{className:"mt-2 grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"scale",children:"Type"}),e.jsxs(t.Select,{disabled:w,value:l,onValueChange:T=>i(T),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{id:"type",children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Option"}),e.jsx(t.SelectItem,{value:"linear",children:"Linear"}),e.jsx(t.SelectItem,{value:"logarithmic",children:"Logarithmic"}),e.jsx(t.SelectItem,{value:"category",children:"Category"})]})})]})]}),l=="linear"&&e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2 py-1",children:[e.jsx(t.Label,{htmlFor:"scale-option",children:"Setup"}),e.jsxs(t.RadioGroup,{disabled:w,id:"scale-option",value:x,onValueChange:T=>b(T),className:"col-span-2 flex gap-3",defaultValue:"x",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"auto",id:"r1"}),e.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Auto"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"custom",id:"r2"}),e.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Custom"})]})]})]}),x==="custom"&&l=="linear"&&D()]})}function D(){return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"range",children:"Range"}),e.jsx(t.Input,{id:"min",value:d,onChange:T=>c(F=>B(F,T.target.value)),className:`col-span-1 h-8 w-full ${ge}`}),e.jsx(t.Input,{value:h,onChange:T=>u(F=>B(F,T.target.value)),id:"max",className:`col-span-1 h-8 w-full ${ge}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"step-size",children:"Step Size"}),e.jsx(t.Input,{value:m,onChange:T=>g(F=>B(F,T.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${ge}`})]})]})}function j(){var J;let T={};x==="custom"&&(T={min:d,max:h,ticks:{stepSize:m}});const F={...n||{},chartOptions:{...n==null?void 0:n.chartOptions,scales:{...(J=n==null?void 0:n.chartOptions)==null?void 0:J.scales,[o]:{type:l,...l==="linear"?T:{}}}},numberAxisFormat:{decimalPlaces:p,suffix:f,currency:S,locale:N}};console.log(F),O(F);const H={...U,preferences:F};R(H)}return e.jsxs(t.Popover,{onOpenChange:T=>a(T),children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Format Number",children:e.jsx(js,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{align:"end",className:"max-w-65",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Format Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the format for number axis"})]}),e.jsxs("div",{className:"grid gap-2",children:[$(),q(),e.jsx(t.SelectSeparator,{}),e.jsx("div",{className:"grid grid-cols-3",children:e.jsx(t.Button,{onClick:j,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function An(){const s=t.useEditorStore(d=>{var c,h,u,x;return(x=(u=(h=(c=d.card.preferences)==null?void 0:c.chartOptions)==null?void 0:h.plugins)==null?void 0:u.legend)==null?void 0:x.position}),a=t.useEditorStore(d=>{var c,h,u,x;return(x=(u=(h=(c=d.card.preferences)==null?void 0:c.chartOptions)==null?void 0:h.plugins)==null?void 0:u.legend)==null?void 0:x.align}),n=t.useEditorStore(d=>{var c,h,u,x;return(x=(u=(h=(c=d.card.preferences)==null?void 0:c.chartOptions)==null?void 0:h.plugins)==null?void 0:u.legend)==null?void 0:x.display}),{setLegendOptions:r}=t.useEditorActions(),o=d=>{r({display:d,position:s,align:a})},l=d=>{r({display:n,position:d,align:a})},i=d=>{r({display:n,position:s,align:d})};return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Legend Settings",children:e.jsx(Is,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{align:"end",className:"w-72",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Legend Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the legend options for the chart."})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"displayLegend",children:"Display"}),e.jsx("div",{className:"col-span-2 flex h-8 items-center",children:e.jsx(t.SmallSwitch,{checked:n,onCheckedChange:o,id:"displayLegend"})})]}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"position",children:"Position"}),e.jsxs("div",{className:"col-span-2 flex h-8 items-center",children:[e.jsx(t.IconButton,{tooltip:"Top",onClick:()=>l("top"),children:e.jsx(t.ArrowUp,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Left",onClick:()=>l("left"),children:e.jsx(ss,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Bottom",onClick:()=>l("bottom"),children:e.jsx(Xe,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Right",onClick:()=>l("right"),children:e.jsx(ns,{className:"size-4"})})]})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"align",children:"Align"}),e.jsxs("div",{className:"col-span-2 flex h-8 items-center",children:[e.jsx(t.IconButton,{tooltip:"Start",onClick:()=>i("start"),children:e.jsx(Yt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Center",onClick:()=>i("center"),children:e.jsx(Kt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"End",onClick:()=>i("end"),children:e.jsx(Zt,{className:"size-4"})})]})]})]})]})]})})]})}function Ln(){const s=t.useEditorStore(l=>{var i,d;return(d=(i=l.card.preferences)==null?void 0:i.chartOptions)==null?void 0:d.indexAxis}),a=t.useEditorStore(l=>l.card.type),{setChartOrientation:n}=t.useEditorStore(l=>l.actions);function r(){return e.jsx(t.IconButton,{onClick:()=>{n(s==="x"||s===void 0?"y":"x")},tooltip:"Chart Orientation",children:s==="x"||s===void 0?e.jsx(Qe,{className:"size-4"}):e.jsx($e,{className:"size-4"})})}function o(){return e.jsx(t.IconButton,{onClick:()=>{n(s==="y"||s===void 0?"x":"y")},tooltip:"Chart Orientation",children:s==="y"||s===void 0?e.jsx(Qe,{className:"size-4"}):e.jsx($e,{className:"size-4"})})}return e.jsx(e.Fragment,{children:a==="funnel"?o():r()})}function On(){const s=t.useEditorStore(i=>i.card),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>{var d,c;return(c=(d=i.card)==null?void 0:d.preferences)==null?void 0:c.chartOptions}),r=t.getChartGridStyle(n),{setChartGrid:o}=t.useEditorActions();function l(){const i=["xy","none","x","y"],c=(i.indexOf(r)+1)%i.length;o(i[c])}return a?e.jsxs("div",{"data-info":"visual-settings",className:"flex items-center",children:[["line","bar","range","stackedBar","stackedLine","horizontalBar","funnel"].includes(s.type)&&e.jsx(Ln,{}),!["kpi","text","custom","table"].includes(s.type)&&e.jsxs(e.Fragment,{children:[e.jsx(Mn,{}),e.jsx(An,{})]}),!["pie","doughnut","funnel","radar","polarArea","table","custom","kpi","text","map"].includes(s.type)&&e.jsxs(t.IconButton,{tooltip:"Grid Style",onClick:l,children:[(r==="xy"||!r)&&e.jsx(ws,{className:"size-4"}),r==="x"&&e.jsx(xs,{className:"size-4"}),r==="y"&&e.jsx(Rs,{className:"size-4"}),r==="none"&&e.jsx(_s,{className:"size-4"})]})]}):null}function je(){var V;const s=t.useEditorStore(v=>v.frame),a=t.useEditorStore(v=>v.card),n=t.useEditorStore(v=>v.isDevMode),r=t.useEditorStore(v=>v.isShowingVisual),o=t.useDashboardStore(v=>v.isVisualEditing),l=t.useEditorStore(v=>v.isSqlRunning),i=t.useEditorStore(v=>v.pythonStdOut),d=t.useEditorStore(v=>{var z;return(z=v.card.preferences)==null?void 0:z.chartOptions});t.useEditorStore(v=>v.actions.setRunSql),t.getChartGridStyle(d);const{setFrame:c,setCard:h,updateCardInFrame:u,setActiveTabCardId:x,runAssistant:b,setChartGrid:m}=t.useEditorActions(),{data:g,isLoading:p,isFetching:y,error:f,isPending:C}=t.useDashboardCardQuery(a);if(!a)return e.jsx(e.Fragment,{children:"No Active Card"});function S(v){const z={connectionId:v.connectionId,lastSelectedDatabase:v.lastSelectedDatabase,lastSelectedSchema:v.lastSelectedSchema,lastSelectedTable:v.lastSelectedTable,lastSelectedDatamodelId:v.lastSelectedDatamodelId,id:t.v4(),title:"Title",description:"",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]};A(v,z)}function A(v,z){const P={...s,cards:[...s.cards,z],activeCardId:v.id};c(P),x(z.id)}function N(){const v={...a,id:t.v4(),title:`${a.title} Copy`,tabTitle:`${a.tabTitle||a.title} Copy`};A(a,v)}function E(v){const z=s.cards.filter(T=>T.id!==v),P=z[0],L={...s,cards:z,activeCardId:P.id};c(L),x(P.id),h(P)}function O(v){x(v)}const R=(v,z)=>{console.log("handleDragStart",z),v.dataTransfer.setData("tabIndex",z.toString())},U=v=>{v.preventDefault()},w=(v,z)=>{const P=v.dataTransfer.getData("tabIndex");if(P===z.toString())return;const L=Array.from(s.cards),[T]=L.splice(parseInt(P),1);L.splice(z,0,T),c({...s,cards:L})};function B(v,z){return v.cards.length===1&&(z.displayTab===!0||z.displayTab===void 0)||v.activeCardId!==z.id&&(z.displayTab===!0||z.displayTab===void 0)?null:e.jsx("div",{onClick:()=>{const P=z.displayTab===void 0?!1:!z.displayTab;h({...z,displayTab:P}),u({...z,displayTab:P})},children:z.displayTab===!0||z.displayTab===void 0?e.jsx(t.Eye,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"}):e.jsx(bs,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"})})}function $(){return e.jsxs(t.Tabs,{onValueChange:O,value:s.activeCardId,className:"flex grow flex-col",children:[s.cards.map(v=>e.jsx(t.TabsContent,{className:"mt-0 grow",value:v.id,children:q()},v.id)),e.jsx(t.TabsList,{className:"group mx-4 justify-between overflow-x-auto",children:e.jsxs("div",{className:"flex items-center",children:[s.cards.map((v,z)=>e.jsxs(t.TabsTrigger,{draggable:!0,onDragStart:P=>R(P,z),onDragOver:U,onDrop:P=>w(P,z),className:"",value:v.id,children:[B(s,v),e.jsx(t.Editable,{enabled:s.activeCardId===v.id,text:v.tabTitle||v.title,onSave:P=>{h({...a,tabTitle:P}),u({...a,tabTitle:P})},children:v.tabTitle||v.title},v.id),s.activeCardId===v.id&&s.cards.length>1&&e.jsx(t.X,{className:"ml-2 size-3.5 text-muted-foreground hover:text-foreground",onClick:()=>E(v.id)})]},v.id)),e.jsx(t.Button,{className:"ml-1 h-8 px-2 hover:bg-muted-foreground/50",variant:"outline",onClick:()=>S(a),children:e.jsx(t.Plus,{className:"h-4 w-4"})}),e.jsx(t.Button,{className:"invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",variant:"outline",onClick:N,children:e.jsx(fs,{className:"h-4 w-4"})})]})})]})}function q(){return a.type==="kpi"?e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsx(t.KPICard,{card:a,data:g==null?void 0:g.records,isPending:C})})}):a.type==="text"?e.jsx("div",{className:"flex h-full items-center justify-center",children:e.jsx("div",{className:"w-1/2 rounded-md border",children:e.jsx(t.ScrollArea,{className:"mx-3 my-6 h-[300px] overflow-y-auto break-words px-3",children:e.jsx(t.TextCard,{isLoading:l,card:a,data:g==null?void 0:g.records})})})}):e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(Et,{className:"grow border-none shadow-none"})})}function D(){const v=JSON.stringify(g==null?void 0:g.records,null,2),z=new Blob([v],{type:"application/json"}),P=URL.createObjectURL(z),L=document.createElement("a");L.href=P,L.download=`${a.title}.json`,L.click()}function j(){const z=[Object.keys(g==null?void 0:g.records.reduce((F,H)=>({...F,...H}),{})).join(","),...((g==null?void 0:g.records)||[]).map(F=>Object.values(F).join(","))].join(`
|
|
369
|
+
`),P=new Blob([z],{type:"text/csv"}),L=URL.createObjectURL(P),T=document.createElement("a");T.href=L,T.download=`${a.title}.csv`,T.click()}function M(){const v=`Can you get the documentation for ${a.type} chart?`;b(v)}return e.jsxs("div",{className:"relative isolate flex h-full flex-col py-2 pb-3",children:[(p||y)&&e.jsx("div",{className:"absolute bottom-0 left-0 right-0 top-0 z-50 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted",children:e.jsx(ae,{className:"h-8 w-8 animate-spin text-muted-foreground"})}),e.jsxs("div",{className:"z-10 mb-0 flex min-h-10 items-center justify-end gap-2 px-6",children:[r&&e.jsxs("div",{className:"flex grow items-center",children:[e.jsx(Tn,{}),o&&e.jsx(t.IconButton,{tooltip:"Visual Docs",onClick:M,children:e.jsx(is,{className:"size-4"})}),!["table","custom"].includes(a.type)&&o&&e.jsx(wn,{})]}),!r&&e.jsxs("div",{className:"flex grow items-center gap-1",children:[e.jsx(t.Button,{className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",variant:"ghost",size:"icon",onClick:j,children:e.jsx(In,{className:"size-4"})}),e.jsx(t.Button,{className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70",variant:"ghost",size:"icon",onClick:D,children:e.jsx(Cs,{strokeWidth:1.5,className:"size-4"})}),e.jsx(t.CopyButton,{text:JSON.stringify(g==null?void 0:g.records,null,2),className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"})]}),e.jsx(On,{}),n&&e.jsx(Fn,{})]}),r?$():e.jsxs(t.ResizablePanelGroup,{className:"px-6",direction:"horizontal",children:[i&&e.jsxs(e.Fragment,{children:[e.jsx(t.ResizablePanel,{id:"1",order:1,defaultSize:30,minSize:10,className:"relative flex h-full min-h-0 w-full flex-1 basis-0",children:i&&e.jsx(zn,{})}),e.jsx(t.ResizableHandle,{})]}),e.jsxs(t.ResizablePanel,{id:"2",order:2,minSize:10,className:"relative flex h-full min-h-0 w-full flex-1 basis-0",children:[(g==null?void 0:g.records)&&(g==null?void 0:g.records.length)>0&&e.jsx(bn,{data:(g==null?void 0:g.records)||[]}),(f||(g==null?void 0:g.error))&&e.jsx("span",{className:"font-mono text-xs",children:(f==null?void 0:f.message)||((V=g==null?void 0:g.error)==null?void 0:V.message)})]})]})]})}function zn(){const s=t.useEditorStore(n=>n.pythonStdOut);if(!s)return null;const a=s.replace(/\n/g,"<br>");return e.jsxs("div",{className:"relative flex w-full flex-col border-r",children:[e.jsx("div",{className:"sticky top-0 flex max-h-11 min-h-11 grow items-center border-b bg-muted px-3 font-mono text-xs font-semibold text-foreground/70",children:"Python Output"}),e.jsxs(t.ScrollArea,{className:"overflow-y-auto px-2 pt-1 font-mono text-xs text-foreground/90",children:[e.jsx("div",{dangerouslySetInnerHTML:{__html:a}}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function Fn(){const s=t.useEditorStore(n=>n.isShowingVisual),a=t.useEditorStore(n=>n.actions.setIsShowingVisual);return e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.Label,{htmlFor:"visualize",children:"Chart"}),e.jsx(t.SmallSwitch,{checked:s,onCheckedChange:()=>a(!s),id:"visualize",className:"data-[state=checked]:bg-foreground/50"})]})}function Rn(){var p,y;const s=t.useEditorStore(f=>f.card.customCardPreferences),{data:a}=Mt(),n=(a==null?void 0:a.plugins)||[],r=t.useEditorStore(f=>f.card),o=t.useEditorStore(f=>f.frame),l=(s==null?void 0:s.visualType)||"single",{setCustomCardPreferences:i}=t.useEditorActions(),{components:d,manifest:c}=t.useCustomVisual((s==null?void 0:s.url)||""),h=(p=c==null?void 0:c.visuals)==null?void 0:p.find(f=>f.name===(s==null?void 0:s.componentName));function u(f,C){if(!s)return;const A={...(s==null?void 0:s.dataInputCardIds)||{},[f]:{cardId:C,hookRef:null}};i({...s,dataInputCardIds:A})}function x(f){var S,A;const C=(S=o==null?void 0:o.cards)==null?void 0:S.filter(N=>{var E;return((E=N==null?void 0:N.customCardPreferences)==null?void 0:E.visualType)!=="multiple"}).map(N=>({value:N.id,label:N.tabTitle||N.title}));return e.jsx("div",{className:"space-y-2",children:(A=f==null?void 0:f.dataInputs)==null?void 0:A.map((N,E)=>{var O,R;return e.jsxs("div",{className:"grid grid-cols-10 gap-2",children:[e.jsx("div",{className:"col-span-4 flex items-center",children:N}),e.jsx(Y,{className:"col-span-6 h-8 w-full justify-between",label:"",options:C||[],value:((R=(O=s==null?void 0:s.dataInputCardIds)==null?void 0:O[E])==null?void 0:R.cardId)||"",onValueChange:U=>u(E,U)})]},E+Math.random())})})}function b(f,C,S=[],A=""){var N,E;return s?f==="input"?e.jsx(t.Input,{className:`h-8 w-full ${t.removeRing}`,value:((N=s==null?void 0:s.settings)==null?void 0:N[C])||A,onChange:O=>{i({...s,settings:{...s==null?void 0:s.settings,[C]:O.target.value}})}},C):f==="select"?e.jsx(Y,{className:"h-8 w-full",label:"",options:S,value:((E=s==null?void 0:s.settings)==null?void 0:E[C])||A,onValueChange:O=>{i({...s,settings:{...s==null?void 0:s.settings,[C]:O}})}}):null:null}function m(f){const C=Object.entries((f==null?void 0:f.settings)||{});return e.jsx("div",{className:"space-y-3",children:C.map(([S,A])=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:A.title}),b(A.ui,S,A.options,A.defaultValue)]},S))})}function g(f){s&&i({...s,visualType:f,componentName:""})}return e.jsxs(t.Accordion,{type:"multiple",defaultValue:["component-settings"],className:"px-6 py-2",children:[e.jsxs(t.AccordionItem,{value:"plugin-settings",children:[e.jsx(t.AccordionTrigger,{children:"Plugin"}),e.jsx(t.AccordionContent,{children:e.jsxs("div",{className:"space-y-4 text-sm",children:[e.jsx("div",{className:"space-y-2",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(Y,{icon:e.jsx(os,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Plugin",options:n,value:(s==null?void 0:s.url)||"",onValueChange:f=>i({...s||{url:"",componentName:""},url:f})}),((s==null?void 0:s.type)==="component"||(s==null?void 0:s.type)===void 0)&&e.jsx(t.Tabs,{value:l,onValueChange:g,children:e.jsxs(t.TabsList,{className:"h-9 w-full",children:[e.jsx(t.TabsTrigger,{className:"h-7 w-full",value:"single",children:"Single Visual"}),e.jsx(t.TabsTrigger,{className:"h-7 w-full",value:"multiple",children:"Multi-Visual"})]})})]})}),((s==null?void 0:s.type)==="component"||(s==null?void 0:s.type)===void 0)&&s&&e.jsx(e.Fragment,{children:d&&e.jsx(Y,{icon:e.jsx(ps,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Component",options:(d==null?void 0:d.filter(f=>f.type===l).map(f=>({value:f.name,label:f.name})))||[],value:s.componentName,onValueChange:f=>{console.log("changing value",f),i({...s,componentName:f})}})})]})})]}),((y=r==null?void 0:r.customCardPreferences)==null?void 0:y.componentName)&&e.jsxs(t.AccordionItem,{className:"border-none",value:"component-settings",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{children:[h&&h.dataInputs&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Input Mapping"}),e.jsx("div",{className:"px-2",children:x(h)})]}),h&&h.settings&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"px-2",children:m(h)})})]})]})]})}function oe(){const[s,a]=I.useState([]),n=t.useEditorStore(h=>h.card.preferences),{setFilterOnClickColumnIndex:r,setCardPreferences:o}=t.useEditorStore(h=>h.actions),l=t.useEditorStore(h=>h.queryResultColumns);t.useEditorStore(h=>{var u;return(u=h.card.preferences)==null?void 0:u.filterOnClickColumnIndex}),I.useEffect(()=>{l&&a(new Array(l.length).fill(!1))},[l]);function i(h,u){var x,b;u?n!=null&&n.onClickFilter&&((x=n==null?void 0:n.onClickFilter)==null?void 0:x.length)>0?o({...n,onClickFilter:[...n.onClickFilter,{columnIndex:h,expression:""}]}):o({...n,onClickFilter:[{columnIndex:h,expression:""}]}):(o({...n,onClickFilter:(b=n==null?void 0:n.onClickFilter)==null?void 0:b.filter(m=>m.columnIndex!==h)}),a(m=>{const g=[...m];return g[h]=!1,g}))}function d(h,u){var b;const x=(b=n==null?void 0:n.onClickFilter)==null?void 0:b.map(m=>m.columnIndex===h?{...m,expression:u.target.value}:m);o({...n,onClickFilter:x})}function c(h){var u,x,b,m;if(s!=null&&s[h]||(x=(u=n==null?void 0:n.onClickFilter)==null?void 0:u.find(g=>g.columnIndex===h))!=null&&x.expression)return e.jsx(t.Input,{value:(m=(b=n==null?void 0:n.onClickFilter)==null?void 0:b.find(g=>g.columnIndex===h))==null?void 0:m.expression,onChange:g=>d(h,g),type:"text",className:"h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"Expression"})}return e.jsxs("div",{className:"max-h-[150px] space-y-2 overflow-y-auto",children:[e.jsx(t.Label,{children:"On Click"}),l==null?void 0:l.map((h,u)=>{var x,b;return e.jsx("div",{className:"group flex items-center justify-between space-y-2",children:e.jsxs("div",{className:"grow",children:[e.jsxs("div",{className:"flex items-center space-x-2 py-2",children:[e.jsx(t.Checkbox,{checked:!!((x=n==null?void 0:n.onClickFilter)!=null&&x.find(m=>m.columnIndex===u)),onCheckedChange:m=>i(u,m)}),e.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:h}),e.jsx("div",{className:"flex items-center gap-2",children:((b=n==null?void 0:n.onClickFilter)==null?void 0:b.find(m=>m.columnIndex===u))&&e.jsx(t.Pencil,{onClick:()=>{a(m=>{const g=[...m];return g[u]=!m[u],g})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),c(u)]})},h)})]})}function Bn({idx:s}){var d;const a=t.useEditorStore(c=>{var h;return(h=c.card)==null?void 0:h.preferences}),n=t.useEditorStore(c=>{var h;return(h=c.card.preferences)==null?void 0:h.datasetOptions}),r=t.useEditorStore(c=>c.actions.setCardPreferences),o=(d=a==null?void 0:a.chartOptions)==null?void 0:d.indexAxis,l=n==null?void 0:n.find(c=>c.idx===s);function i(c,h){(c==="end"||c==="start")&&t.getContrastColor(t.getCanvasBackgroundColor());const u={display:c!=="none",align:c,anchor:c,clamp:!0};if(!l)r({...a,datasetOptions:[...n||[],{idx:h,datalabels:u}]});else{const x={...l};x.datalabels=u;const b=n==null?void 0:n.map(m=>m.idx===h?x:m);r({...a,datasetOptions:b})}}return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{children:e.jsx(Ps,{className:"size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground"})}),e.jsx(t.PopoverContent,{className:"w-fit px-2 py-1",children:e.jsxs("div",{className:"flex gap-1",children:[e.jsx("button",{onClick:()=>i("none",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(t.X,{className:"size-3.5"})}),e.jsx("button",{onClick:()=>i("start",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(Es,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx("button",{onClick:()=>i("center",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(Ms,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx("button",{onClick:()=>i("end",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(Ts,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})})]})})]})}function Bt(){const s=t.useEditorStore(l=>l.card),{data:a}=t.useDashboardCardQuery(s),{keys:n}=t.getKeys((a==null?void 0:a.records)||[]),r=n.slice(1).filter(l=>!t.METADATA_KEYS.includes(l));let o=r;if(["stackedBar","stackedLine"].includes(s.type)){const l=t.pivotData({dataArray:(a==null?void 0:a.records)||[],groupKey:n[0],pivotKey:n[1],valueKey:n[2]}),{keys:i}=t.getKeys(l);o=i.slice(1)}return{transformedMetricKeys:o,dimensionKeys:n.slice(0,1),keys:n,defaultMetricKeys:r}}function Ne({children:s,className:a,delayDuration:n}){return e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{delayDuration:n,children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsx("span",{className:t.cn("overflow-hidden text-ellipsis whitespace-nowrap",a),children:s})}),e.jsx(t.TooltipContent,{children:s})]})})}function Vt(){const s=t.useEditorStore(c=>c.card),a=t.useEditorStore(c=>{var h,u,x;return(x=(u=(h=c==null?void 0:c.card)==null?void 0:h.preferences)==null?void 0:u.chartOptions)==null?void 0:x.indexAxis}),{data:n}=t.useDashboardCardQuery(s),r=a==="y"?"Metric":"Dimension",o=a==="y"?"Dimension":"Metric",{dimensionKeys:l,transformedMetricKeys:i,keys:d}=Bt();return d.length===0?null:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:r}),e.jsx("div",{className:"max-h-[125px] space-y-1 overflow-y-auto",children:l.map(c=>e.jsx("p",{className:"flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",title:c,children:_t(c)},c))})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:o}),e.jsx("div",{className:"my-1 max-h-[125px] space-y-1 overflow-y-auto",children:i.map((c,h)=>e.jsx(Pt,{className:"flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",iconClassName:"invisible group-hover:visible",col:c,idx:h},c))})]})]})}function _t(s,a=30){return s.length>a?s.slice(0,a)+"...":s}function Pt({col:s,idx:a,className:n,iconClassName:r,children:o}){const l=t.useEditorStore(u=>{var x;return(x=u.card)==null?void 0:x.preferences}),i=t.useEditorStore(u=>{var x,b;return(b=(x=u.card)==null?void 0:x.preferences)==null?void 0:b.datasetOptions}),d=i==null?void 0:i.find(u=>u.idx===a),{setCardPreferences:c}=t.useEditorStore(u=>u.actions);function h(u){if(!d)c({...l,datasetOptions:[...i||[],{idx:a,type:u==="area"?"line":u,fill:u==="area"?"origin":""}]});else{const x={...d};x.type=u==="area"?"line":u,x.fill=u==="area"?"origin":"";const b=i==null?void 0:i.map(m=>m.idx===a?x:m);c({...l,datasetOptions:b})}}return e.jsxs("div",{className:t.cn("group flex items-center justify-between gap-2 rounded-md",n),children:[o||e.jsx(Ne,{className:"max-w-[100px]",title:s,children:_t(s)}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Re,{onClick:()=>h("bar"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(Be,{onClick:()=>h("line"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(us,{onClick:()=>h("area"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(Bn,{idx:a})]})]})}function qt(){const s=t.useEditorStore(m=>m.selectedConnectionId),a=t.useEditorStore(m=>m.selectedDatamodelId),n=t.useEditorStore(m=>m.selectedDatabaseName),r=t.useEditorStore(m=>m.selectedSchemaName),o=t.useEditorStore(m=>m.selectedTableName),l=t.useDashboardStore(m=>m.dashboard.filters)||[],i=t.useDashboardStore(m=>m.actions.addFilter),d=t.useDashboardStore(m=>m.actions.removeFilter),{removeFilterValues:c}=t.useDashboardActions(),{modelItems:h,tableName:u,connectionType:x}=t.useEditorAside();function b(m,g="dashboard"){var O;const p=t.fmt(m.column_name),y=t.fmt(n||""),f=t.fmt(r||""),C=t.fmt(u);let S=t.getQualifiedTableName({schemaName:f,tableName:C,connectionType:x,databaseName:y}),A=`${S}.${p}`;const N=(O=h==null?void 0:h.find(R=>R.id===a))==null?void 0:O.name;a&&a!=="none"&&(A=`${t.DATAMODEL_NAMESPCACE}.${N}.${p}`,S=`${t.DATAMODEL_NAMESPCACE}.${N}`);const E=l==null?void 0:l.find(R=>R.column===A&&R.table===C&&(R.database===y||R.database===n));if(E)c(E.id),d(E.id);else{const R=t.v4();return u==="api"&&s?(i({location:g,id:R,column:A,title:m.column_name,dataType:m.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:t.getDefaultFilterSql(m.data_type,S,p)}),R):(i({id:R,location:g,column:A,title:m.column_name,dataType:m.data_type,table:o||"",database:n||"",connectionId:s||"",operation:"in",sql:t.getDefaultFilterSql(m.data_type,S,p)}),R)}}return{assignFilter:b}}function de(){const s=t.useDashboardStore(d=>d.dashboard.filters),a=t.useEditorStore(d=>d.frame),{setFrame:n}=t.useEditorActions(),{columns:r}=t.useEditorAside(),{assignFilter:o}=qt();function l(d){const c=o(d,"frame");n({...a,filterId:c})}const i=s==null?void 0:s.find(d=>d.id===a.filterId);return e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Card Filter"}),e.jsx(Vn,{onSelect:l,columns:r}),i&&e.jsx(t.FilterHeader,{filter:i})]})}function Vn({columns:s,onSelect:a}){var i;const[n,r]=le.useState(!1),[o,l]=le.useState("");return e.jsxs(t.Popover,{open:n,onOpenChange:r,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{size:"sm",variant:"outline",role:"combobox","aria-expanded":n,className:"w-full justify-between font-normal",children:[o?(i=s.find(d=>d.column_name===o))==null?void 0:i.column_name:"Select Column...",e.jsx(t.CaretSortIcon,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-[200px] p-0",children:e.jsxs(t.Command,{children:[e.jsx(t.CommandInput,{placeholder:"Search column",className:"h-9"}),e.jsxs(t.CommandList,{children:[e.jsx(t.CommandEmpty,{children:"No framework found."}),e.jsx(t.CommandGroup,{children:s==null?void 0:s.map(d=>e.jsxs(t.CommandItem,{value:d.column_name,onSelect:c=>{const h=c===o?"":c;l(h),r(!1),h&&a(d)},children:[d.column_name,e.jsx(t.CheckIcon,{className:t.cn("ml-auto h-4 w-4",o===d.column_name?"opacity-100":"opacity-0")})]},d.column_name))})]})]})})]})}function _n({cardType:s}){return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} Chart`}),e.jsxs(t.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.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.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"x-axis - category"}),e.jsx("li",{children:"y-axis1 - number"}),e.jsx("li",{children:"y-axis2 - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:a=>a.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bar-line-area",children:"example"})," in the docs."]})]})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsx(t.AccordionContent,{className:"space-y-4 px-2",children:e.jsx(Vt,{})})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}function He(){var o,l,i;const s=t.useEditorStore(d=>d.card.type),a=t.useEditorStore(d=>d.card.preferences),{setCardPreferences:n}=t.useEditorStore(d=>d.actions);function r(d){var u;const c={datalabels:{display:d!=="none",align:d,anchor:d,clamp:!0}},h={...a,chartOptions:{...a==null?void 0:a.chartOptions,plugins:{...(u=a==null?void 0:a.chartOptions)==null?void 0:u.plugins,...c}}};n(h),console.log(d)}return e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"font-medium",children:"Data Labels"}),e.jsxs(t.Select,{value:((i=(l=(o=a==null?void 0:a.chartOptions)==null?void 0:o.plugins)==null?void 0:l.datalabels)==null?void 0:i.anchor)||"none",onValueChange:r,defaultValue:"none",children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{placeholder:"Select position"})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Data Labels"}),e.jsx(t.SelectItem,{value:"none",children:"None"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{value:"start",children:"Start"}),e.jsx(t.SelectItem,{value:"center",children:"Center"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{value:"end",children:"End"})]})})]})]})}function Pn({cardType:s}){function a(n){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:n==="bubble"?"SELECT label, [group], x-axis, y-axis, radius FROM table":"SELECT label, [group], x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"group (optional) - category"}),e.jsx("li",{children:"x-axis - number"}),e.jsx("li",{children:"y-axis - number"}),n==="bubble"&&e.jsx("li",{children:"radius - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:l=>l.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/bubble",children:"example"})," in the docs."]})]})}return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} Chart`}),e.jsx(t.AccordionContent,{className:"space-y-4 font-mono text-xs",children:a(s)})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsx(t.AccordionContent,{className:"px-2",children:e.jsx(He,{})})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}const qn={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},Hn={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function Gn(){const s=t.useEditorStore(a=>a.card.type);return e.jsxs("div",{className:"space-y-6 p-6",children:[e.jsx(t.Accordion,{className:" ",type:"single",collapsible:!0,children:Un(s)}),!["kpi"].includes(s)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(He,{}),e.jsx(oe,{}),e.jsx(de,{})]})]})}function Un(s){if(["line","bar"].includes(s))return e.jsxs(e.Fragment,{children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsx("p",{children:"Chart Query"})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.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.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"X-axis - Category (ex. city)"}),e.jsx("li",{children:"Y-axis - Number (ex. population)"})]})]})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:"Mixed Chart"}),e.jsxs(t.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and change the `type` property in the dataset."]}),e.jsx("pre",{children:JSON.stringify(qn,null,2)})]})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:"Area Chart"}),e.jsxs(t.AccordionContent,{className:"space-y-2 text-xs",children:[e.jsxs("p",{children:["Click ",e.jsx("b",{children:"Customize"})," and add `fill` property to the dataset. See",e.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.jsx("pre",{children:JSON.stringify(Hn,null,2)})]})]})]});if(s==="bubble")return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:s})," chart query?"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.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.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(s==="scatter")return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:s})," chart query?"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.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.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea","funnel"].includes(s))return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:[e.jsx("span",{children:s==="polarArea"?"Polar":s.charAt(0).toUpperCase()+s.slice(1)})," ","chart query"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}function $n(){var c,h,u,x,b;const s=t.useEditorStore(m=>m.card.preferences),a=t.useEditorStore(m=>m.actions.setCardPreferences),n=t.useEditorStore(m=>m.actions.setNumberFormat);t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.decimalPlaces});const r=t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.locale}),o=t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.currency});t.useEditorStore(m=>m.actions.setFilterOnClickField);const l=t.useEditorStore(m=>{var g,p;return(p=(g=m.card.preferences)==null?void 0:g.formatNumber)==null?void 0:p.colorRanges})||[],i=t.useEditorStore(m=>m.actions.setColorRanges),d=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(m=>m.currency))];return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsx(t.Checkbox,{checked:!!((c=s==null?void 0:s.formatNumber)!=null&&c.enabled),onCheckedChange:m=>{a({...s,formatNumber:{...s==null?void 0:s.formatNumber,enabled:m}})}}),e.jsx(t.Label,{children:"Format Number"})]}),((h=s==null?void 0:s.formatNumber)==null?void 0:h.enabled)===!0&&e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx("div",{children:e.jsxs("div",{className:"space-y-4 p-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Locale"}),e.jsxs(t.Select,{value:r||"none",onValueChange:m=>{var g,p,y;return n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,((p=s==null?void 0:s.formatNumber)==null?void 0:p.currency)||"",m,((y=s==null?void 0:s.formatNumber)==null?void 0:y.suffix)||"")},children:[e.jsx(t.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Format"}),e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),t.LOCALE_CURRENCY_PAIRS.map(m=>e.jsx(t.SelectItem,{value:m.locale,children:m.locale},m.locale))]})})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Currency"}),e.jsxs(t.Select,{value:o||"none",onValueChange:m=>{var g,p,y;console.log("currency",m),n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,m==="none"?"":m,((p=s==null?void 0:s.formatNumber)==null?void 0:p.locale)||"",((y=s==null?void 0:s.formatNumber)==null?void 0:y.suffix)||"")},children:[e.jsx(t.SelectTrigger,{className:"col-span-6 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Currency"}),e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),d.map(m=>e.jsx(t.SelectItem,{value:m,children:m},m))]})})]})]})]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Decimals"}),e.jsxs(t.Select,{value:((x=(u=s==null?void 0:s.formatNumber)==null?void 0:u.decimalPlaces)==null?void 0:x.toString())||"0",onValueChange:m=>{var g,p,y;return n(Number(m),((g=s==null?void 0:s.formatNumber)==null?void 0:g.currency)||"",((p=s==null?void 0:s.formatNumber)==null?void 0:p.locale)||"",((y=s==null?void 0:s.formatNumber)==null?void 0:y.suffix)||"")},children:[e.jsx(t.SelectTrigger,{className:"col-span-3 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:["0","1","2","3","4"].map(m=>e.jsx(t.SelectItem,{value:m,children:m},m))})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Suffix"}),e.jsx(t.Input,{value:((b=s==null?void 0:s.formatNumber)==null?void 0:b.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:m=>{var g,p,y;return n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,((p=s==null?void 0:s.formatNumber)==null?void 0:p.currency)||"",((y=s==null?void 0:s.formatNumber)==null?void 0:y.locale)||"",m.target.value)}})]})]})]})}),e.jsx(t.Separator,{className:"my-3"}),e.jsx(t.ColorFormat,{colorRanges:l,setColorRanges:i})]})]})}function Qn(){return e.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsx(t.Accordion,{type:"single",collapsible:!0,children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"",children:"KPI Query"}),e.jsxs(t.AccordionContent,{className:"font-mono",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs",children:"SELECT current, previous FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"current - number"}),e.jsx("li",{children:"previous - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/kpi",children:"example"})," in the docs."]})]})]})}),e.jsx("section",{className:"",children:e.jsx($n,{})}),e.jsx("div",{}),e.jsx("div",{})]})}function Me({children:s,summary:a,open:n,className:r}){return e.jsxs("details",{open:n,className:t.cn("space-y-4 [&_summary>svg]:open:-rotate-180",r),children:[e.jsxs("summary",{className:"flex cursor-pointer list-none items-center justify-between gap-4",children:[e.jsx(t.Label,{children:a}),e.jsx(t.ChevronUp,{className:"h-4 w-4"})]}),e.jsx("div",{className:"transition-all ease-in-out",children:s})]})}const Jn=[{label:"Mercator",value:"mercator"},{label:"Azimuthal Equidistant",value:"azimuthalEquidistant"},{label:"Gnomonic",value:"gnomonic"},{label:"Orthographic",value:"orthographic"},{label:"Stereographic",value:"stereographic"},{label:"Equal Earth",value:"equalEarth"},{label:"Albers",value:"albers"},{label:"Albers USA",value:"albersUsa"},{label:"Conic Conformal",value:"conicConformal"},{label:"Conic Equal Area",value:"conicEqualArea"},{label:"Conic Equidistant",value:"conicEquidistant"},{label:"Equirectangular",value:"equirectangular"},{label:"Transverse Mercator",value:"transverseMercator"},{label:"Natural Earth 1",value:"naturalEarth1"}],Wn=["blues","brBG","buGn","buPu","cividis","cool","cubehelixDefault","gnBu","greens","greys","inferno","magma","orRd","oranges","pRGn","piYG","plasma","puBu","puBuGn","puOr","puRd","purples","rainbow","rdBu","rdGy","rdPu","rdYlBu","rdYlGn","reds","sinebow","spectral","turbo","viridis","warm","ylGn","ylGnBu","ylOrBr","ylOrRd"],Kn=Wn.map(s=>({label:s,value:s}));function Yn(){var c,h,u,x,b,m,g,p,y,f,C,S,A,N,E,O,R,U;const s=t.useEditorStore(w=>w.card),a=(h=(c=s==null?void 0:s.preferences)==null?void 0:c.mapVisualOptions)==null?void 0:h.topoJsonUrl,[n,r]=I.useState(((x=(u=s==null?void 0:s.preferences)==null?void 0:u.mapVisualOptions)==null?void 0:x.customTopoJsonUrl)||""),{setCardPreferences:o}=t.useEditorActions(),{data:l}=t.useTopoJson(s),i=Object.keys((l==null?void 0:l.objects)||{}).map(w=>({label:w,value:w}))||[],d=[{label:"US States 10m",value:"https://unpkg.com/us-atlas/states-10m.json"},{label:"Countries 50m",value:"https://unpkg.com/world-atlas/countries-50m.json"},{label:"Custom",value:"custom"}];return e.jsxs("div",{className:"p-6",children:[e.jsx(Me,{summary:"Map Chart",children:e.jsx("p",{className:"rounded-md bg-muted p-2 font-mono text-xs",children:"SELECT country, value FROM table"})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(Me,{open:!0,summary:"Settings",children:e.jsxs("div",{className:"space-y-3 px-2",children:[e.jsx(Y,{className:"h-9",options:d,onValueChange:w=>{console.log("value",w),o({...s.preferences,mapVisualOptions:{topoJsonUrl:w}})},value:a||"",label:"Select Map"}),a==="custom"&&e.jsx(t.Input,{onChange:w=>{r(w.target.value)},onBlur:()=>{var w;console.log("onBlur",n),o({...s.preferences,mapVisualOptions:{...(w=s.preferences)==null?void 0:w.mapVisualOptions,customTopoJsonUrl:n}})},value:n,className:`h-9 w-full ${t.removeRing}`,placeholder:"Custom URL"}),l&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Map Object"}),e.jsx(Y,{className:"h-9",options:i,value:((m=(b=s.preferences)==null?void 0:b.mapVisualOptions)==null?void 0:m.objectKey)||"",label:"Map Object",onValueChange:w=>{var B;o({...s.preferences,mapVisualOptions:{...(B=s.preferences)==null?void 0:B.mapVisualOptions,objectKey:w}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Projection"}),e.jsx(Y,{className:"h-9",options:Jn,value:((p=(g=s.preferences)==null?void 0:g.mapVisualOptions)==null?void 0:p.projection)||"",label:"Projection",onValueChange:w=>{var B;o({...s.preferences,mapVisualOptions:{...(B=s.preferences)==null?void 0:B.mapVisualOptions,projection:w}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Colors"}),e.jsx(Y,{className:"h-9",options:Kn,value:((f=(y=s.preferences)==null?void 0:y.mapVisualOptions)==null?void 0:f.colorScale)||"",label:"Select Color Scale",onValueChange:w=>{var B;o({...s.preferences,mapVisualOptions:{...(B=s.preferences)==null?void 0:B.mapVisualOptions,colorScale:w}})}})]})]})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(Me,{className:"",summary:"Scale Options",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:.1,value:((S=(C=s.preferences)==null?void 0:C.mapVisualOptions)==null?void 0:S.projectionScale)||1,onChange:w=>{var B;o({...s.preferences,mapVisualOptions:{...(B=s.preferences)==null?void 0:B.mapVisualOptions,projectionScale:Number(w.target.value)}})}}),e.jsx(t.Label,{children:"X"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((E=(N=(A=s.preferences)==null?void 0:A.mapVisualOptions)==null?void 0:N.projectionOffset)==null?void 0:E[0])||0,onChange:w=>{var B,$,q,D;o({...s.preferences,mapVisualOptions:{...(B=s.preferences)==null?void 0:B.mapVisualOptions,projectionOffset:[Number(w.target.value),((D=(q=($=s.preferences)==null?void 0:$.mapVisualOptions)==null?void 0:q.projectionOffset)==null?void 0:D[1])||0]}})}}),e.jsx(t.Label,{children:"Y"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((U=(R=(O=s.preferences)==null?void 0:O.mapVisualOptions)==null?void 0:R.projectionOffset)==null?void 0:U[1])||0,onChange:w=>{var B,$,q,D;o({...s.preferences,mapVisualOptions:{...(B=s.preferences)==null?void 0:B.mapVisualOptions,projectionOffset:[((D=(q=($=s.preferences)==null?void 0:$.mapVisualOptions)==null?void 0:q.projectionOffset)==null?void 0:D[0])||0,Number(w.target.value)]}})}})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(oe,{})]})}function Zn(){var r;const s=t.useEditorStore(o=>o.card.preferences),{setCardPreferences:a}=t.useEditorStore(o=>o.actions);function n(o){a({...s,textVisualOptions:{...s==null?void 0:s.textVisualOptions,isDynamicText:o==="dynamic"}})}return e.jsxs(t.RadioGroup,{value:(r=s==null?void 0:s.textVisualOptions)!=null&&r.isDynamicText?"dynamic":"static",onValueChange:n,className:"flex gap-3",defaultValue:"x",children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"static",id:"r1"}),e.jsx("label",{className:"text-sm",htmlFor:"r1",children:"Static"})]}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.RadioGroupItem,{value:"dynamic",id:"r2"}),e.jsx("label",{className:"text-sm",htmlFor:"r2",children:"Dynamic"})]})]})}function ye({cardType:s,docContent:a,suffix:n="Chart"}){let r="pie-donut-polar";return s==="funnel"&&(r="funnel"),e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} ${n}`}),e.jsx(t.AccordionContent,{children:a||e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"measure - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:o=>o.stopPropagation(),className:"text-blue-700",href:`https://docs.semaphor.cloud/docs/charts/${r}`,children:"example"})," in the docs."]})]})})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[s!=="text"&&e.jsx(He,{}),s==="text"&&e.jsx(Zn,{})]})]}),!["range","text"].includes(s)&&e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}function Xn(){const s=t.useEditorStore(r=>{var o,l;return(l=(o=r==null?void 0:r.card)==null?void 0:o.preferences)==null?void 0:l.sortChart}),{setSortChart:a}=t.useEditorActions();function n(){return e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Sort"}),e.jsx(Y,{className:"h-8",label:"Sort Chart",options:[{label:"None",value:"none"},{label:"ASC",value:"asc"},{label:"DESC",value:"desc"}],value:s||"none",onValueChange:r=>{a(r)}})]})}return e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:"Stacked Chart"}),e.jsxs(t.AccordionContent,{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT x-axis, stack-by, y-axis FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"x-axis - category"}),e.jsx("li",{children:"stack by - category"}),e.jsx("li",{children:"y-axis - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/stacked",children:"example"})," in the docs."]})]})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[n(),e.jsx(Vt,{})]})]}),e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})]})})}function ea({cardType:s="table"}){console.log("cardType",s);const a=t.useEditorStore(o=>{var l;return(l=o.card)==null?void 0:l.preferences}),n=t.useEditorStore(o=>o.actions.setCardPreferences),r=o=>{n({...a,allowDownload:o})};return e.jsxs("div",{className:"space-y-6 px-6 py-2",children:[e.jsx(t.Accordion,{defaultValue:["item-3"],type:"multiple",children:e.jsxs(t.AccordionItem,{value:"item-3",children:[e.jsx(t.AccordionTrigger,{children:"Filters"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[e.jsx(oe,{}),e.jsx(de,{})]})]})}),e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.Checkbox,{onCheckedChange:r,id:"allow-download"}),e.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 ta=e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT dimension, cohort, metric FROM table"}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/tornado",children:"example"})," in the docs."]})]}),sa=e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.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.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/range",children:"example"})," in the docs."]})]}),na=e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT text FROM table limit 1"}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:s=>s.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/text",children:"example"})," in the docs."]})]});function aa(){const s=t.useEditorStore(n=>n.card.type);function a(n){switch(n){case"stackedBar":case"stackedLine":return e.jsx(Xn,{});case"tornado":case"pyramid":return e.jsx(ye,{docContent:ta,cardType:n});case"kpi":return e.jsx(Qn,{});case"line":case"bar":return e.jsx(_n,{cardType:n});case"range":return e.jsx(ye,{docContent:sa,cardType:n});case"pie":case"doughnut":case"polarArea":case"radar":case"funnel":return e.jsx(ye,{cardType:n});case"bubble":case"scatter":return e.jsx(Pn,{cardType:n});case"table":return e.jsx(ea,{cardType:n});case"text":return e.jsx(ye,{docContent:na,cardType:n,suffix:"Visual"});case"map":return e.jsx(Yn,{});case"custom":return e.jsx(Rn,{});default:return e.jsx(Gn,{})}}return e.jsxs(t.ScrollArea,{className:"h-full w-full text-sm",children:[a(s),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}function Ht({label:s,column:a,functions:n,onFunctionChange:r}){let o=n[0];"aggregate"in a?o=n.find(i=>i.value===a.aggregate)||n[0]:"granularity"in a&&(o=n.find(i=>i.value===a.granularity)||n[0]);function l(i){r(i)}return e.jsx(Y,{className:"flex h-8 w-8 justify-center overflow-clip rounded-none border-none bg-muted px-0 [&>svg]:hidden",icon:o.logo,options:n,value:o.value,onValueChange:i=>l(i),label:s,showPlaceholderLabel:!1})}const ra=[{label:"Sum",value:"SUM",logo:e.jsx(ht,{className:"size-3.5"})},{label:"Count",value:"COUNT",logo:e.jsx(lt,{className:"size-3.5"})},{label:"Unique",value:"DISTINCT",logo:e.jsx(Ss,{className:"size-3.5"})},{label:"Average",value:"AVG",logo:e.jsx(ts,{className:"size-3.5"})},{label:"Min",value:"MIN",logo:e.jsx(Xe,{className:"size-3.5"})},{label:"Max",value:"MAX",logo:e.jsx(t.ArrowUp,{className:"size-3.5"})}];function oa({column:s}){const{updateMetricColumn:a}=t.useEditorActions();let n=ra;t.isTextDataType(s.type)&&(n=n.filter(o=>["COUNT","DISTINCT"].includes(o.value))),t.isNumberDataType(s.type)&&(n=n.filter(o=>!["DISTINCT"].includes(o.value)));function r(o){const l={...s,aggregate:o,label:me(s.name,o)};a(s.id,l)}return e.jsx(Ht,{column:s,functions:n,onFunctionChange:o=>r(o),label:"Aggregation"})}const ia=[{label:"Day (D)",value:"day",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"D"})},{label:"Week (W)",value:"week",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"W"})},{label:"Month (M)",value:"month",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"M"})},{label:"Year (Y)",value:"year",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"Y"})}];function la({column:s}){const{updateGroupByColumn:a}=t.useEditorActions();function n(r){const o={...s,granularity:r,label:ce(s.name,r)};a(s.id,o)}return e.jsx(Ht,{column:s,functions:ia,onFunctionChange:r=>n(r),label:"Granularity"})}function ca({col:s,onChange:a,droppableId:n}){const{columns:r}=t.useDataColumns(),o=I.useMemo(()=>{let d=[];(n===te||n===se||n===ne)&&(d=r);const c=d==null?void 0:d.filter(h=>h.column_name!==s.name);return c==null?void 0:c.map(h=>({id:h.column_name,value:h.column_name}))},[r,n,s.name]),l=[{id:s.name,value:s.name}];function i(d){const c=r==null?void 0:r.find(h=>{var u;return h.column_name===((u=d[0])==null?void 0:u.id)});c&&a(c)}return o!=null&&o.length?e.jsx(t.ComboBox2,{multiple:!1,options:o,selectedOptions:l,onChange:i,selectAllChecked:!1,onSelectAllCheckedChange:()=>{},inputClassName:"border-none bg-muted pl-0 pr-8"}):e.jsx("input",{disabled:!0,type:"text",className:"overflow-hidden truncate text-ellipsis whitespace-nowrap bg-muted text-sm",value:s.name})}function da({column:s}){const{updateMetricColumn:a}=t.useEditorActions(),{transformedMetricKeys:n,dimensionKeys:r}=Bt();console.log(n,r);const o=t.useEditorStore(c=>{var h;return(h=c.card.queryConfig)==null?void 0:h.pivotColumns}),l=!!(o&&o.length>0),i=n.find(c=>c===s.label||c===s.name),d=i?n.indexOf(i):-1;return e.jsxs("div",{className:"space-y-3",children:[i&&e.jsx(Pt,{idx:d,col:i,children:e.jsx(t.Editable,{enabled:!0,className:"w-[130px]",text:s.label||"",placeholder:"Enter label",onSave:c=>{a(s.id,{...s,label:c||s.name})},children:e.jsx(Ne,{className:"w-[130px]",children:s.label||s.name})})}),l&&e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(t.Label,{children:"Pivot Header"}),e.jsx(t.Editable,{enabled:!0,text:s.aliasTemplate||"",placeholder:"{label} ({pivot})",onSave:c=>{a(s.id,{...s,aliasTemplate:c||""})},children:e.jsx(Ne,{className:"font-mono text-xs text-muted-foreground",children:s.aliasTemplate||"{label} ({pivot})"})})]})]})}function ua({column:s,type:a,onRemoveColumn:n,droppableId:r}){const[o,l]=I.useState(!1),{updateGroupByColumn:i,updateMetricColumn:d,updatePivotByColumn:c}=t.useEditorActions(),{attributes:h,listeners:u,setNodeRef:x,transform:b,transition:m,isDragging:g}=t.useSortable({id:s.id,data:{type:a}}),p=b?{opacity:g?.5:void 0,transform:t.CSS.Translate.toString(b),transition:m}:void 0,y=t.isTextDataType(s.type);function f(E){const O=t.isNumberDataType(E.data_type),R=t.isTextDataType(E.data_type),U=t.isDateDataType(E.data_type),w=O?"number":R?"string":U?"date":"string";if(r===te){if(R){const B={id:s.id,name:E.column_name,type:w,role:"groupby"};i(s.id,B)}if(U){const B={id:s.id,name:E.column_name,type:w,role:"groupby",label:ce(E.column_name,"month"),granularity:"month"};i(s.id,B)}}if(r===ne){if(R){const B={id:s.id,name:E.column_name,type:w,role:"groupby"};c(s.id,B)}if(U){const B={id:s.id,name:E.column_name,type:w,label:ce(E.column_name,"month"),granularity:"month",role:"groupby"};c(s.id,B)}}if(r===se){const B={id:s.id,name:E.column_name,type:w,role:"metric",label:me(E.column_name,"SUM"),aggregate:O?"SUM":"COUNT"};d(s.id,B)}}function C(){if(r===se)return e.jsx("div",{"data-setting-container":"",className:"mt-1.5 max-h-32 overflow-y-auto rounded-md border border-border p-3 text-sm",children:e.jsx(da,{column:s})})}function S(){const E=t.isDateDataType(s.type);if(r===se)return e.jsx(oa,{column:s});if((r===te||r===ne)&&E)return e.jsx(la,{column:s})}function A(){return e.jsx("div",{className:t.cn("grow",{"pl-3":(r===te||r===ne)&&y}),children:e.jsx(ca,{col:s,onChange:f,droppableId:r})})}function N(){return e.jsx("div",{"data-setting-actions":"",className:"flex h-full items-center gap-2",children:e.jsx("button",{className:"h-full pl-2",onClick:()=>l(!o),children:o?e.jsx(Vs,{className:t.cn("size-3 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground")}):e.jsx(ot,{className:t.cn("size-3 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground")})})})}return e.jsx("div",{...u,...h,ref:x,style:p,children:e.jsxs("div",{className:"group flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"grow",children:[e.jsxs("div",{className:"flex h-8 grow items-center justify-between rounded-md bg-muted",children:[N(),S(),A()]}),o&&C()]}),e.jsx("div",{className:t.cn("opacity-0 transition-opacity duration-200 group-hover:opacity-100",{hidden:o}),children:e.jsx("button",{onClick:()=>n(s.id),children:e.jsx(t.X,{className:"size-3 cursor-pointer text-muted-foreground"})})})]})})}function Ae({id:s,label:a,columns:n,previewColumns:r,sortableType:o,onRemoveColumn:l}){var p,y;const{setNodeRef:i,isOver:d,over:c}=t.useDroppable({id:s}),h=t.useDndStore(f=>f.activeId),u=t.useEditorStore(f=>{var C;return(C=f.card)==null?void 0:C.type}),x=d||((y=(p=c==null?void 0:c.data)==null?void 0:p.current)==null?void 0:y.type)===o,b=h?r:n,m=o===be?"Rows":o===ve?"Pivot Columns":"Columns";function g(){if(!b||b.length===0)return e.jsx("div",{className:"mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground",children:e.jsx("span",{className:"invisible text-muted-foreground/70 group-hover:visible",children:"Drag here"})})}return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(f=>f.id),children:e.jsxs("div",{className:t.cn("group space-y-2 rounded-md p-4",x&&"border border-muted-foreground/20"),ref:i,children:[e.jsxs("div",{className:"flex items-center justify-between pr-5",children:[e.jsx(t.Label,{className:"text-sm",children:a}),u!=="table"&&e.jsx("span",{className:"text-xs text-muted-foreground/50",children:m})]}),g(),e.jsx("div",{className:"space-y-2",children:b==null?void 0:b.map(f=>f.id===yt.id?e.jsx(ma,{},f.id):e.jsx(ua,{droppableId:s,type:o,column:f,onRemoveColumn:l},f.id))})]})})}function ma(){return e.jsx("div",{className:"mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm",children:e.jsx("span",{className:"text-muted-foreground/70",children:"Drop here"})})}function Gt({children:s,id:a,type:n}){const{attributes:r,listeners:o,setNodeRef:l,transform:i,transition:d,isDragging:c}=t.useSortable({id:a,data:{type:n}}),h=i?{opacity:c?.5:void 0,transform:t.CSS.Translate.toString(i),transition:d}:void 0;return e.jsx("div",{...o,...r,ref:l,style:h,children:s})}function ha(){const s=t.useEditorStore(f=>{var C;return(C=f.card.queryConfig)==null?void 0:C.orderBy})||[],a=t.useEditorStore(f=>{var C;return(C=f.card.queryConfig)==null?void 0:C.groupByColumns})||[],n=t.useEditorStore(f=>{var C;return(C=f.card.queryConfig)==null?void 0:C.metricColumns})||[],{addOrderByColumn:r,removeOrderByColumn:o,updateOrderByColumn:l}=t.useEditorActions(),i=[...a,...n];if(i.length===0)return e.jsx(e.Fragment,{});const d=e.jsx(rs,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),c=e.jsx(es,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),h=e.jsx(as,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),u=e.jsx(Xt,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),x=i==null?void 0:i.filter(f=>!s.some(C=>C.columnId===f.id)).map(f=>({id:f.id,value:f.label||f.name}));function b(f,C){const S=m(f);return S?S.role==="metric"?C==="asc"?h:u:C==="asc"?d:c:null}function m(f){return i.find(C=>C.id===f)}function g(f){const C=s.find(S=>S.columnId===f);if(C){const S={...C,direction:C.direction==="asc"?"desc":"asc"};l(S)}}const p=f=>{r({columnId:f.id,direction:"asc"})};function y(f){const C=s.find(S=>S.columnId===f);C&&o(C)}return e.jsx(t.SortableContext,{items:s.map(f=>ue(f.columnId)),children:e.jsxs("div",{className:"space-y-2 rounded-md p-4 text-sm",children:[e.jsx(t.Label,{className:"text-sm",children:"Sort By"}),x.length>0&&e.jsx("div",{className:"mr-5",children:e.jsx(t.ComboBox2,{multiple:!1,options:x,selectedOptions:[],onChange:f=>p(f[0]),selectAllChecked:!1,onSelectAllCheckedChange:()=>{},inputClassName:"h-8 bg-muted border-none"})}),s.map(f=>{var C,S;return e.jsx(Gt,{id:ue(f.columnId),type:qe,children:e.jsx("div",{className:"group flex h-8 items-center gap-2 rounded-sm p-0",children:e.jsxs("div",{className:"flex h-full grow items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex h-full grow items-center justify-between gap-2 rounded-sm bg-muted px-2",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(ot,{className:"size-3 cursor-move text-muted-foreground hover:text-foreground"}),e.jsx(Ne,{className:"w-[175px] text-sm",children:((C=m(f.columnId))==null?void 0:C.label)||((S=m(f.columnId))==null?void 0:S.name)})]}),e.jsx("button",{title:f.direction==="asc"?"Ascending":"Descending",onClick:()=>g(f.columnId),className:"rounded-sm p-0",children:b(f.columnId,f.direction)})]}),e.jsx("div",{children:e.jsx("button",{onClick:()=>y(f.columnId),className:"rounded-sm p-0",children:e.jsx(t.X,{className:"size-3 text-muted-foreground opacity-0 transition-opacity duration-200 hover:text-foreground group-hover:opacity-100"})})})]})},f.columnId)},ue(f.columnId))})]})})}function xa(){const s=t.useEditorStore(y=>{var f;return((f=y.card.queryConfig)==null?void 0:f.groupByColumns)||[]}),a=t.useEditorStore(y=>y.card.type),n=t.useDndStore(y=>y.previewGroupByColumns),r=t.useEditorStore(y=>{var f;return((f=y.card.queryConfig)==null?void 0:f.metricColumns)||[]}),o=t.useDndStore(y=>y.previewMetricColumns),l=t.useEditorStore(y=>{var f;return((f=y.card.queryConfig)==null?void 0:f.pivotColumns)||[]}),i=t.useDndStore(y=>y.previewPivotColumns),{removeColumnFromGroupBy:d,removeColumnFromMetricColumns:c,removeColumnFromPivotBy:h}=t.useEditorActions();function u(y){d(y)}function x(y){c(y)}function b(y){h(y)}let m="Group By",g="Metrics",p="Stack By";return a==="table"&&(m="Rows",g="Metrics",p="Columns"),e.jsxs("div",{className:"flex h-full w-full flex-col gap-3 py-4",children:[e.jsx(Rt,{iconClassName:"size-[19px]"}),e.jsxs(t.CustomScrollArea,{className:"flex min-h-0 grow basis-0 flex-col gap-4 overflow-y-auto",children:[e.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[e.jsx(Ae,{onRemoveColumn:u,sortableType:be,id:te,label:m,columns:s,previewColumns:n}),e.jsx(Ae,{onRemoveColumn:b,sortableType:ve,id:ne,label:p,columns:l,previewColumns:i}),e.jsx(Ae,{onRemoveColumn:x,sortableType:Oe,id:se,label:g,columns:r,previewColumns:o}),e.jsx(ha,{})]}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function Ge({children:s,column:a,id:n,sortableType:r,className:o}){const[l,i]=I.useState(!1),{removeEditorFilter:d,clearEditorFilter:c}=t.useEditorActions(),h=t.useEditorStore(x=>{var b,m;return(m=(b=x.card.queryConfig)==null?void 0:b.filters)==null?void 0:m.some(g=>g.filterColumnName===a.name)});function u(x){d(x)}return e.jsx(Gt,{id:n,type:r,children:e.jsxs("div",{className:t.cn("group space-y-1 rounded-md bg-muted px-3 py-2",{"border-border":l}),children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Label,{className:"text-sm",children:a.name}),h&&e.jsx("button",{onClick:()=>c(a),children:e.jsx(t.FilterX,{className:"size-3 cursor-pointer items-center justify-center text-muted-foreground hover:text-foreground"})})]}),e.jsx("div",{"data-setting-actions":"",className:"invisible flex h-full items-center gap-2 group-hover:visible",children:e.jsx("button",{onClick:()=>u(a),children:e.jsx(t.X,{className:"size-3.5 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground"})})})]}),e.jsxs("div",{className:t.cn("group flex items-center rounded-t-md text-sm",!l&&"rounded-b-md",l&&"border border-border"),children:[e.jsx("div",{children:e.jsx(t.GripVertical,{className:"mr-2 size-3.5 cursor-move items-center justify-center p-0 text-muted-foreground/60 hover:text-foreground"})}),e.jsx("div",{className:t.cn("grow cursor-pointer overflow-hidden truncate text-ellipsis whitespace-nowrap",o),children:s})]})]})})}function pa({column:s,sortableType:a}){const n=t.useDashboardStore(S=>S.themeStyle),r=t.useEditorStore(S=>{var A,N;return(N=(A=S.card)==null?void 0:A.queryConfig)==null?void 0:N.filters}),o=t.useEditorStore(S=>{var A,N;return(N=(A=S.card.queryConfig)==null?void 0:A.filterColumns)==null?void 0:N.find(E=>E.name===s.name)}),{selectedConnectionId:l,selectedDatabaseName:i,selectedTableName:d}=t.useEditorAside(),c=I.useMemo(()=>{var S;return(S=r==null?void 0:r.find(A=>A.filterColumnName===s.name))==null?void 0:S.filterValue},[r,s.name]),h=I.useMemo(()=>Array.isArray(c)?c.map(S=>({id:S,value:S})):[],[c]),{updateEditorFilterValue:u}=t.useEditorActions(),x={column:s.name,sql:s.sql,id:s.name,connectionId:l,dataType:s.type},{data:b,isLoading:m,isFetching:g,isError:p}=t.useFilterQuery(x),y=I.useMemo(()=>{var A;return x.column?(A=b==null?void 0:b.records)==null?void 0:A.map(N=>{let E=x.column.split(".").slice(-1)[0].replace(/"/g,"");return N[E]===void 0&&(E=E.toLowerCase()),{id:N[E],value:N[E]}}):[]},[b,x.column]);function f(S){const A=S.map(N=>N.id);u(s.name,A)}function C(){return m||g?e.jsx(t.Skeleton,{style:{borderRadius:n==null?void 0:n.controlInputRadius},className:"h-8 min-w-60 bg-foreground/10"}):p?e.jsx("div",{className:"flex h-8 min-w-60 items-center bg-muted px-2 text-sm",children:"Error"}):e.jsx(t.ComboBox2,{renderFilterModeButton:()=>e.jsx(fa,{columnName:s.name}),showNegativeIndicator:(o==null?void 0:o.mode)==="exclude",options:y,onChange:f,selectedOptions:h,selectAllChecked:!1,onSelectAllCheckedChange:()=>{}})}return e.jsx(Ge,{className:"w-60",id:s.id,sortableType:a,column:s,children:C()})}function fa({columnName:s}){const{setEditorFilterMode:a}=t.useEditorActions(),n=t.useEditorStore(o=>{var l,i;return(i=(l=o.card.queryConfig)==null?void 0:l.filterColumns)==null?void 0:i.find(d=>d.name===s)});function r(){(n==null?void 0:n.mode)==="exclude"?a(s,"include"):a(s,"exclude")}return e.jsx(t.Button,{onClick:r,variant:"secondary",size:"sm",className:t.cn("h-5 text-xs hover:underline",{}),children:t.titleCase((n==null?void 0:n.mode)==="exclude"?"exclude":"include")})}function ga({column:s,sortableType:a}){const[n,r]=I.useState(!1),{selectedConnectionId:o,selectedDatabaseName:l,selectedTableName:i}=t.useEditorAside(),d={column:s.name,sql:s.sql,id:s.name,connectionId:o,title:"",dataType:s.type},{isLoading:c,isFetching:h,isError:u,data:x}=t.useFilterQuery(d),b=x==null?void 0:x.records,{dateRange:m,setDateRange:g,initialDateRange:p}=t.useDateRangeFromRecords(b),{updateEditorFilterValue:y}=t.useEditorActions();function f(A){var E,O;const N={gte:(E=A==null?void 0:A.from)==null?void 0:E.toISOString(),lte:(O=A==null?void 0:A.to)==null?void 0:O.toISOString()};y(s.name,N)}function C(){y(s.name,null,!0),g(p)}function S(){return c||h?e.jsx("div",{children:e.jsx(t.Skeleton,{className:"h-8 w-72 bg-foreground/10"})}):u?e.jsx("div",{className:"h-8 w-72 bg-muted px-2",children:"Error"}):b?e.jsx(t.DateRangePopover,{title:d.title,open:n,inputClassName:"h-8",setOpen:r,dateRange:m,setDateRange:g,onApply:f,onClear:C}):e.jsx(t.Label,{className:"flex h-8 w-72 items-center bg-muted px-2",children:"No Data"})}return e.jsx(Ge,{className:"w-72",id:s.id,sortableType:a,column:s,children:S()})}function ja({id:s,label:a,columns:n,previewColumns:r,sortableType:o}){var g,p;const{setNodeRef:l,isOver:i,over:d}=t.useDroppable({id:s}),c=t.useDndStore(y=>y.activeId),h={},u=i||((p=(g=d==null?void 0:d.data)==null?void 0:g.current)==null?void 0:p.type)===o;function x(){if(!m||m.length===0)return e.jsx("div",{className:"flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground",children:e.jsx("span",{className:"invisible text-muted-foreground/70 group-hover:visible",children:"Drag here"})})}function b(y){const f=t.isDateDataType(y.type);return y.id===yt.id?e.jsx(Ge,{id:y.id,sortableType:o,column:y,children:e.jsx(ya,{})},y.id):f?e.jsx(ga,{droppableId:s,sortableType:o,column:y},y.id):e.jsx(pa,{droppableId:s,sortableType:o,column:y},y.id)}const m=c?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(y=>y.id),children:e.jsxs("div",{className:t.cn("group space-y-2 rounded-md border-muted-foreground/50 p-4",u&&"border border-muted-foreground/20"),ref:l,style:h,children:[e.jsx(t.Label,{className:"text-sm",children:a}),x(),e.jsx("div",{className:"flex flex-wrap items-center gap-4",children:m==null?void 0:m.map(y=>b(y))})]})})}function ya(){return e.jsx("div",{className:"flex h-8 w-60 items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm text-muted-foreground",children:"Drop here"})}function ba(){const s=t.useEditorStore(o=>{var l;return((l=o.card.queryConfig)==null?void 0:l.filterColumns)||[]}),a=t.useDndStore(o=>o.previewFilterColumns),{removeColumnFromFilterColumns:n}=t.useEditorActions();function r(o){n(o)}return e.jsx("section",{className:"size-full px-4 pb-4",children:e.jsx(ja,{onRemoveColumn:r,sortableType:Fe,id:ze,label:"Filters",columns:s,previewColumns:a})})}function va(){const s=t.useEditorStore(r=>r.card),{data:a,errorMessage:n}=t.useDashboardCardQuery(s);return e.jsxs("section",{className:"flex justify-between gap-2 p-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(It,{}),e.jsx(vt,{sql:a==null?void 0:a.sql,error:n})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"rounded-full bg-green-300 px-3 py-1 text-xs font-medium text-black",children:"Preview"}),e.jsx(Dt,{}),e.jsx(kt,{variant:"default"})]})]})}function Ca(){const s=I.useRef(null),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>i.showAIDialog),r=t.useEditorStore(i=>i.isDevMode);I.useEffect(()=>{var i,d;n?(i=s.current)==null||i.resize(0):(d=s.current)==null||d.resize(25)},[n]);function o(){return e.jsxs(e.Fragment,{children:[e.jsx(t.ResizablePanel,{role:"query-section",className:"flex",minSize:20,defaultSize:40,children:e.jsx(yn,{})}),e.jsx(t.ResizableHandle,{withHandle:!0}),e.jsx(t.ResizablePanel,{className:"pb-1",role:"visual-section",minSize:0,defaultSize:60,children:a&&!n?e.jsxs(t.ResizablePanelGroup,{direction:"horizontal",children:[e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{ref:s,className:"flex",defaultSize:25,maxSize:30,children:e.jsx(aa,{})})}),!n&&e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsx(je,{})})]}):e.jsx(je,{})})]})}function l(){return e.jsx(e.Fragment,{children:e.jsx("div",{className:"grow","data-biz-mode-container":"",children:a&&!n?e.jsxs(t.ResizablePanelGroup,{direction:"horizontal",children:[e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{ref:s,className:"flex min-w-[320px]",defaultSize:25,maxSize:30,children:e.jsx(xa,{})})}),!n&&e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{defaultSize:75,maxSize:100,children:e.jsxs(t.ResizablePanelGroup,{direction:"vertical",children:[e.jsxs(t.ResizablePanel,{className:"flex min-h-fit flex-col",minSize:10,defaultSize:20,children:[e.jsx(va,{}),e.jsx(ba,{})]}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{minSize:60,defaultSize:80,children:e.jsx(je,{})})]})})]}):e.jsx(je,{})})})}return e.jsx(t.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:r?o():l()})}const Sa=[{title:"Help me write a query for",subtitle:"orders by month"},{title:"Create a bar chart for",subtitle:"sales by category"}];function Na(){const s=I.useRef(null),a=I.useRef(null),[n,r]=I.useState(!1),[o,l]=I.useState(t.isDevEnv),[i,d]=I.useState(!1),c=t.useEditorStore(T=>T.actions.setCardSql),h=t.useEditorStore(T=>T.actions.setRunSql),u=t.useEditorStore(T=>T.showAIDialog),x=t.useDashboardStore(T=>T.handleOpenAssistantProfile),{setShowAIDialog:b,setCardPython:m}=t.useEditorActions(),{assistantProfile:g}=t.useAssistantProfile(),{messages:p,setMessages:y,reload:f,append:C,input:S,setInput:A,isLoading:N,handleAddCurrentTableToScope:E,removeFromCurrentSelections:O,currentAssitantScope:R,handleInputChange:U,handleSubmit:w,stop:B,chatStatus:$,llmUsage:q,errorMessage:D}=wt();t.useAssistantScroll({scrollContainerRef:s,inputRef:a,messages:p}),I.useEffect(()=>{var T;u&&((T=a.current)==null||T.focus())},[u]);function j(T,F){F==="sql"?(c(T),h(!0)):F==="python"&&(m(T),h(!0))}function M(T){const F={role:"user",content:T.title+" "+T.subtitle};C(F)}function V(T){C({role:"user",content:T})}function v(){return e.jsxs(t.DropdownMenu,{children:[e.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",children:e.jsx(t.EllipsisVertical,{className:"size-3.5 text-muted-foreground/70 hover:text-muted-foreground"})})}),e.jsxs(t.DropdownMenuContent,{align:"end",children:[e.jsx(t.DropdownMenuLabel,{children:"Options"}),e.jsx(t.DropdownMenuSeparator,{}),e.jsx(t.DropdownMenuCheckboxItem,{checked:n,onCheckedChange:r,children:"Token Usage"}),e.jsx(t.DropdownMenuCheckboxItem,{checked:o,onCheckedChange:l,children:"Tool Invocations"}),e.jsx(t.DropdownMenuCheckboxItem,{checked:i,onCheckedChange:d,children:"System Message"})]})]})}function z(){return e.jsxs("div",{children:[R&&R.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:R==null?void 0:R.map((T,F)=>e.jsxs("div",{className:"flex items-center gap-2 rounded-md border border-border bg-muted px-2 py-1 text-xs",children:[t.getFormattedTableNameForQuery({schemaName:T.schemaName||"",tableName:T.tableName||"",modelName:T.datamodelName||"",connectionType:T.connectionType||"",databaseName:T.databaseName||""}),e.jsx("button",{onClick:()=>{O(T)},children:e.jsx(t.X,{className:"size-3 text-muted-foreground hover:text-foreground"})})]},F))}),(R==null?void 0:R.length)===0&&e.jsxs("div",{className:"mt-2 flex items-center gap-2",children:[e.jsx("span",{className:"text-xs text-muted-foreground",children:"Context: None"}),e.jsxs(t.Button,{className:"h-6 text-xs",size:"sm",variant:"secondary",onClick:E,children:[e.jsx(t.Plus,{className:"mr-2 size-3"}),"Current Table"]})]})]})}function P(){return e.jsx("div",{"data-role":"header",children:e.jsx("div",{className:"text-lg font-semibold",children:"Assistant"})})}const L=(S==null?void 0:S.length)===0&&(p==null?void 0:p.filter(T=>T.role==="user").length)===0;return e.jsxs("div",{"data-role":"editor-assistant",className:"flex h-full w-full flex-col justify-between px-6 py-4",children:[e.jsxs("div",{"data-role":"header-section",className:"flex items-start justify-between gap-2",children:[P(),x&&e.jsx(t.Button,{variant:"outline",size:"sm",className:"h-7 p-2",onClick:x,children:(g==null?void 0:g.name)||"Default Profile"}),e.jsxs("div",{"data-role":"header-actions",className:"flex items-center",children:[v(),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{y([]),f()},children:e.jsx(t.Plus,{className:"size-4 text-muted-foreground"})}),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{b(!1)},children:e.jsx(t.X,{className:"size-4 text-muted-foreground"})})]})]}),z(),e.jsx(t.CustomScrollArea,{ref:s,className:"mt-2 flex w-full grow basis-0",children:e.jsxs("div",{className:"space-y-4 py-2 pr-3","data-role":"messages",children:[e.jsx(t.PrintMessages,{messages:p,showTools:o,handleRun:j,showSystemMessage:i}),e.jsx(t.ChatStatus,{messages:p,chatStatus:$,errorMessage:D})]})}),e.jsxs("div",{className:"mb-3",children:[L&&!g&&e.jsx(t.Placeholders,{onClick:M,placeholders:Sa}),e.jsx("div",{children:L&&g&&e.jsx(t.SeedQuestions,{seedQuestions:g.seedQuestions||[],handleSeedQuestionClick:V})})]}),e.jsx(t.ChatInput,{onFocus:()=>{E()},stop:B,ref:a,setInput:A,input:S,handleInputChange:U,handleSubmit:w,isLoading:N}),q&&n&&e.jsx("div",{className:"flex h-8 items-center justify-between",children:e.jsxs("div",{className:"text-xs text-muted-foreground",children:["Usage: ",q.promptTokens," prompt tokens,"," ",q.completionTokens," completion tokens,"," ",q.totalTokens," total tokens"]})})]})}function wa({authToken:s,onSave:a,onClose:n}){const r=I.useRef(null),o=t.useEditorStore(y=>y.showAIDialog),{setAuthToken:l}=t.useDashboardActions(),{setShowAIDialog:i,setOnSave:d,setOnClose:c}=t.useEditorActions(),{handleDragOver:h,handleDragEnd:u,handleDragStart:x,handleDragCancel:b,sensors:m}=nn();I.useEffect(()=>{a&&d(a),n&&c(n)},[a,d,n,c]),I.useEffect(()=>{s&&s.accessToken&&l(s)},[s,l]),I.useEffect(()=>{var y,f;o?((y=r.current)==null||y.resize(40),i(!0)):(i(!1),(f=r.current)==null||f.resize(0))},[o,i]);function g(y){y<1?i(!1):o||i(!0)}function p(){return e.jsxs(t.ResizablePanelGroup,{"data-content":"editor-main",className:"grow",direction:"horizontal",children:[e.jsx(t.ResizablePanel,{className:"min-w-[510px] rounded-none",children:e.jsx(Ca,{})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{"data-role":"editor-assistant-panel",ref:r,onResize:g,defaultSize:0,children:e.jsx(Na,{})})]})}return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:e.jsx(t.DndContext,{sensors:m,onDragStart:x,onDragEnd:u,onDragOver:h,onDragCancel:b,children:e.jsxs("section",{className:"isolate flex h-full grow","data-content":"editor-panel",children:[e.jsx(bt,{type:"main"}),p()]})})})}function ka(){t.useDashboardStore(i=>i.selectedCardId);const s=t.useDashboardStore(i=>i.selectedSheetId),{setIsVisualEditing:a}=t.useDashboardStore(i=>i.actions),n=t.useDashboardStore(i=>i.isVisualEditing),r=t.useDashboardStore(i=>i.actions.updateFrame);function o(i){s&&(r(s,i),a(!1))}function l(){a(!1)}return e.jsx("div",{role:"editor-container",className:t.cn("flex grow",{"max-h-0 overflow-hidden":!n}),children:e.jsx(wa,{onSave:o,onClose:l})})}function Da(){const s=t.useEditorStore(l=>l.selectedDatabaseName),a=t.useEditorStore(l=>l.selectedTableName),n=t.useDashboardStore(l=>l.dashboard.filters)||[],{columns:r}=t.useEditorAside(),{assignFilter:o}=qt();return e.jsx(t.ScrollArea,{className:"flex-1 basis-0 flex-col px-3",children:r==null?void 0:r.map(l=>{const i=n==null?void 0:n.find(d=>d.column===t.fmt(l.column_name)&&d.table===a&&d.database===s);return e.jsx("div",{onClick:()=>o(l),className:t.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":i}),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Pe,{column:l}),e.jsx("span",{children:l.column_name})]})},l.column_name)})})}function Ia(){t.useDashboardStore(a=>a.showFilters);const s=t.useDashboardStore(a=>a.actions.setShowFilters);return e.jsxs("section",{className:"relative flex min-w-[320px] grow flex-col border-l px-1",children:[e.jsxs("div",{className:"mt-4 flex items-center justify-between gap-2 px-3",children:[e.jsx(t.Label,{className:"px-2 text-lg",children:"Filters"}),e.jsx(t.Button,{onClick:()=>s(!1),className:"h-7 w-7 p-0",variant:"ghost",children:e.jsx(t.Cross2Icon,{})})]}),e.jsx("div",{className:"flex grow",children:e.jsx(bt,{type:"filter",ColumnsComponent:()=>e.jsx(Da,{})})})]})}function Ea(){const s=t.useDashboardStore(r=>r.dashboard.filters),a=t.useDashboardStore(r=>r.theme),n=s==null?void 0:s.filter(r=>r.hide);return n!=null&&n.length?e.jsx("div",{className:t.cn("mb-1 flex items-center gap-2 border-y px-0.5 pb-0.5",{"bg-[repeating-linear-gradient(45deg,_#ffffff_0_3px,_#f3f3f3_3px_6px)]":a==="light","bg-[repeating-linear-gradient(45deg,_#18171d_0_3px,_#272729_3px_6px)]":a==="dark"}),children:n==null?void 0:n.map(r=>e.jsxs("div",{className:"flex min-w-[250px] max-w-fit flex-col gap-1 p-2",children:[e.jsx(t.FilterHeader,{filter:r}),e.jsx(t.FilterComponent,{filter:r})]},r.id))}):null}function Ta(){const s=t.useDashboardStore(r=>r.showFilters),a=t.useDashboardStore(r=>r.isVisualEditing),n=t.useDashboardStore(r=>r.isDashboardEditing);return e.jsxs("div",{role:"dashboard-plus-main",className:t.cn("",{"max-h-0 overflow-hidden":a,"flex grow overflow-auto":!a}),children:[e.jsxs("section",{className:"flex grow flex-col",children:[n&&e.jsx(Ea,{}),e.jsx(t.DashboardTabs,{})]}),s&&e.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsx(Ia,{})})]})}function Ma(){const s=t.useDashboardStore(o=>o.dashboard),a=t.useDashboardStore(o=>o.actions.setDashboard),n=t.useDashboardStore(o=>o.showDashboardJSON),r=t.useDashboardStore(o=>o.actions.setShowDashboardJSON);return e.jsxs("div",{className:t.cn("relative p-2",{hidden:!n}),children:[e.jsxs(t.Button,{variant:"secondary",size:"sm",className:"absolute right-2 top-2 z-10 h-8",onClick:()=>r(!1),children:[e.jsx(t.X,{className:"mr-2 h-4 w-4"}),"Close"]}),e.jsx(t.de,{onChange:o=>{if(o)try{JSON.parse(o),a(JSON.parse(o))}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 Aa({showControls:s=!1,showFooter:a=!0,...n}){return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:e.jsxs(t.SemaphorContextProvider,{dashboardProps:n,children:[e.jsx(t.$e,{}),e.jsxs(t.UXProvider,{children:[e.jsx(Ma,{}),e.jsxs(t.DashboardPanel,{...n,children:[s&&e.jsx(Zs,{}),e.jsx(ka,{}),e.jsx(Ta,{})]})]})]})})}exports.Dashboard=t.Dashboard;exports.DashboardWC=t.DashboardWC;exports.SemaphorDataProvider=t.SemaphorQueryClient;exports.SemaphorQueryClient=t.SemaphorQueryClient;exports.createSqlGenConfig=t.createSqlGenConfig;exports.fmt=t.fmt;exports.getColumnDataType=t.getColumnDataType;exports.getFilterValueType=t.getFilterValueType;exports.getFormattedTableNameForQuery=t.getFormattedTableNameForQuery;exports.getQualifiedTableName=t.getQualifiedTableName;exports.getSql=t.getSql;exports.invalidateToken=t.invalidateToken;exports.isBooleanDataType=t.isBooleanDataType;exports.isColumnInSqlGen=t.isColumnInSqlGen;exports.isDateDataType=t.isDateDataType;exports.isNumberDataType=t.isNumberDataType;exports.isTextDataType=t.isTextDataType;exports.resolveDataType=t.resolveDataType;exports.resolveDatamodelName=t.resolveDatamodelName;exports.useCard=t.useCard;exports.useDashboardActions=t.useDashboardActions;exports.useDashboardStore=t.useDashboardStore;exports.useDateFilterHook=t.useDateFilterHook;exports.useEditorActions=t.useEditorActions;exports.useEditorAside=t.useEditorAside;exports.useEditorStore=t.useEditorStore;exports.useTextFilterHook=t.useTextFilterHook;exports.EMPTY_SELECTION=Jt.EMPTY_SELECTION;exports.ScheduleDashboard=jt;exports.SelectComponent=ie;exports.Surfboard=Aa;exports.cleanCard=pt;exports.downloadPdf=gt;exports.getDashbaordStateWithoutData=_e;
|