react-semaphor 0.0.426 → 0.0.428
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_tBgZ18.js → index-Bjl9jSKu.js} +2481 -2445
- package/dist/chunks/{index-CdfORzpO.js → index-Ct4NEcDa.js} +61 -61
- package/dist/dashboard/index.cjs +1 -1
- package/dist/dashboard/index.js +1 -1
- package/dist/index.cjs +68 -68
- package/dist/index.js +2812 -2706
- package/dist/style.css +1 -1
- package/dist/types/dashboard.d.ts +8 -6
- package/dist/types/main.d.ts +10 -8
- package/dist/types/surfboard.d.ts +8 -6
- package/dist/types/types.d.ts +8 -6
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1,79 +1,79 @@
|
|
|
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-Ct4NEcDa.js"),e=require("react/jsx-runtime"),I=require("react");require("react-dom");function Kt(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 de=Kt(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 Wt=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 Xt=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 Zt=t.createLucideIcon("ArrowDownToLine",[["path",{d:"M12 17V3",key:"1cwfxf"}],["path",{d:"m6 11 6 6 6-6",key:"12ii2o"}],["path",{d:"M19 21H5",key:"150jfl"}]]);/**
|
|
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("ArrowDown",[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]]);/**
|
|
27
27
|
* @license lucide-react v0.453.0 - ISC
|
|
28
28
|
*
|
|
29
29
|
* This source code is licensed under the ISC license.
|
|
30
30
|
* See the LICENSE file in the root directory of this source tree.
|
|
31
|
-
*/const
|
|
31
|
+
*/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"}]]);/**
|
|
32
32
|
* @license lucide-react v0.453.0 - ISC
|
|
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 ss=t.createLucideIcon("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);/**
|
|
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 ns=t.createLucideIcon("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);/**
|
|
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 as=t.createLucideIcon("ArrowUpToLine",[["path",{d:"M5 3h14",key:"7usisc"}],["path",{d:"m18 13-6-6-6 6",key:"1kf1n9"}],["path",{d:"M12 7v14",key:"1akyts"}]]);/**
|
|
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 rs=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"}]]);/**
|
|
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 os=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"}]]);/**
|
|
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 is=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"}]]);/**
|
|
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 ls=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"}]]);/**
|
|
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 cs=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"}]]);/**
|
|
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 ds=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"}]]);/**
|
|
77
77
|
* @license lucide-react v0.453.0 - ISC
|
|
78
78
|
*
|
|
79
79
|
* This source code is licensed under the ISC license.
|
|
@@ -83,7 +83,7 @@
|
|
|
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 rt=t.createLucideIcon("ChartColumnStacked",[["path",{d:"M11 13H7",key:"t0o9gq"}],["path",{d:"M19 9h-4",key:"rera1j"}],["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["rect",{x:"15",y:"5",width:"4",height:"12",rx:"1",key:"q8uenq"}],["rect",{x:"7",y:"8",width:"4",height:"9",rx:"1",key:"sr5ea"}]]);/**
|
|
87
87
|
* @license lucide-react v0.453.0 - ISC
|
|
88
88
|
*
|
|
89
89
|
* This source code is licensed under the ISC license.
|
|
@@ -93,132 +93,132 @@
|
|
|
93
93
|
*
|
|
94
94
|
* This source code is licensed under the ISC license.
|
|
95
95
|
* See the LICENSE file in the root directory of this source tree.
|
|
96
|
-
*/const
|
|
96
|
+
*/const ot=t.createLucideIcon("ChartNoAxesGantt",[["path",{d:"M8 6h10",key:"9lnwnk"}],["path",{d:"M6 12h9",key:"1g9pqf"}],["path",{d:"M11 18h7",key:"c8dzvl"}]]);/**
|
|
97
97
|
* @license lucide-react v0.453.0 - ISC
|
|
98
98
|
*
|
|
99
99
|
* This source code is licensed under the ISC license.
|
|
100
100
|
* See the LICENSE file in the root directory of this source tree.
|
|
101
|
-
*/const
|
|
101
|
+
*/const it=t.createLucideIcon("ChartPie",[["path",{d:"M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",key:"pzmjnu"}],["path",{d:"M21.21 15.89A10 10 0 1 1 8 2.83",key:"k2fpak"}]]);/**
|
|
102
102
|
* @license lucide-react v0.453.0 - ISC
|
|
103
103
|
*
|
|
104
104
|
* This source code is licensed under the ISC license.
|
|
105
105
|
* See the LICENSE file in the root directory of this source tree.
|
|
106
|
-
*/const
|
|
106
|
+
*/const lt=t.createLucideIcon("ChartScatter",[["circle",{cx:"7.5",cy:"7.5",r:".5",fill:"currentColor",key:"kqv944"}],["circle",{cx:"18.5",cy:"5.5",r:".5",fill:"currentColor",key:"lysivs"}],["circle",{cx:"11.5",cy:"11.5",r:".5",fill:"currentColor",key:"byv1b8"}],["circle",{cx:"7.5",cy:"16.5",r:".5",fill:"currentColor",key:"nkw3mc"}],["circle",{cx:"17.5",cy:"14.5",r:".5",fill:"currentColor",key:"1gjh6j"}],["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}]]);/**
|
|
107
107
|
* @license lucide-react v0.453.0 - ISC
|
|
108
108
|
*
|
|
109
109
|
* This source code is licensed under the ISC license.
|
|
110
110
|
* See the LICENSE file in the root directory of this source tree.
|
|
111
|
-
*/const
|
|
111
|
+
*/const us=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"}]]);/**
|
|
112
112
|
* @license lucide-react v0.453.0 - ISC
|
|
113
113
|
*
|
|
114
114
|
* This source code is licensed under the ISC license.
|
|
115
115
|
* See the LICENSE file in the root directory of this source tree.
|
|
116
|
-
*/const
|
|
116
|
+
*/const ct=t.createLucideIcon("CircleX",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m15 9-6 6",key:"1uzhvr"}],["path",{d:"m9 9 6 6",key:"z0biqf"}]]);/**
|
|
117
117
|
* @license lucide-react v0.453.0 - ISC
|
|
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("Clock",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["polyline",{points:"12 6 12 12 16 14",key:"68esgv"}]]);/**
|
|
122
122
|
* @license lucide-react v0.453.0 - ISC
|
|
123
123
|
*
|
|
124
124
|
* This source code is licensed under the ISC license.
|
|
125
125
|
* See the LICENSE file in the root directory of this source tree.
|
|
126
|
-
*/const
|
|
126
|
+
*/const hs=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"}]]);/**
|
|
127
127
|
* @license lucide-react v0.453.0 - ISC
|
|
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 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"}]]);/**
|
|
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("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"}]]);/**
|
|
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 fs=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"}]]);/**
|
|
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 dt=t.createLucideIcon("Donut",[["path",{d:"M20.5 10a2.5 2.5 0 0 1-2.4-3H18a2.95 2.95 0 0 1-2.6-4.4 10 10 0 1 0 6.3 7.1c-.3.2-.8.3-1.2.3",key:"19sr3x"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]]);/**
|
|
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 ut=t.createLucideIcon("EllipsisVertical",[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"12",cy:"5",r:"1",key:"gxeob9"}],["circle",{cx:"12",cy:"19",r:"1",key:"lyex9k"}]]);/**
|
|
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 gs=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"}]]);/**
|
|
157
157
|
* @license lucide-react v0.453.0 - ISC
|
|
158
158
|
*
|
|
159
159
|
* This source code is licensed under the ISC license.
|
|
160
160
|
* See the LICENSE file in the root directory of this source tree.
|
|
161
|
-
*/const
|
|
161
|
+
*/const js=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"}]]);/**
|
|
162
162
|
* @license lucide-react v0.453.0 - ISC
|
|
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 bs=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"}]]);/**
|
|
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 mt=t.createLucideIcon("Filter",[["polygon",{points:"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3",key:"1yg77f"}]]);/**
|
|
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 ys=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"}]]);/**
|
|
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
|
|
181
|
+
*/const Ss=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"}]]);/**
|
|
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
|
|
186
|
+
*/const Cs=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"}]]);/**
|
|
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 vs=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"}]]);/**
|
|
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 ht=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"}]]);/**
|
|
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
|
|
201
|
+
*/const Ns=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"}]]);/**
|
|
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
|
|
206
|
+
*/const ws=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"}]]);/**
|
|
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
|
|
211
|
+
*/const ks=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"}]]);/**
|
|
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 Is=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"}]]);/**
|
|
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("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"}]]);/**
|
|
222
222
|
* @license lucide-react v0.453.0 - ISC
|
|
223
223
|
*
|
|
224
224
|
* This source code is licensed under the ISC license.
|
|
@@ -228,87 +228,87 @@
|
|
|
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
|
|
231
|
+
*/const Es=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"}]]);/**
|
|
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
|
|
236
|
+
*/const Ts=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"}]]);/**
|
|
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
|
|
241
|
+
*/const pt=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"}]]);/**
|
|
242
242
|
* @license lucide-react v0.453.0 - ISC
|
|
243
243
|
*
|
|
244
244
|
* This source code is licensed under the ISC license.
|
|
245
245
|
* See the LICENSE file in the root directory of this source tree.
|
|
246
|
-
*/const
|
|
246
|
+
*/const As=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"}]]);/**
|
|
247
247
|
* @license lucide-react v0.453.0 - ISC
|
|
248
248
|
*
|
|
249
249
|
* This source code is licensed under the ISC license.
|
|
250
250
|
* See the LICENSE file in the root directory of this source tree.
|
|
251
|
-
*/const
|
|
251
|
+
*/const Ms=t.createLucideIcon("MoveHorizontal",[["path",{d:"m18 8 4 4-4 4",key:"1ak13k"}],["path",{d:"M2 12h20",key:"9i4pu4"}],["path",{d:"m6 8-4 4 4 4",key:"15zrgr"}]]);/**
|
|
252
252
|
* @license lucide-react v0.453.0 - ISC
|
|
253
253
|
*
|
|
254
254
|
* This source code is licensed under the ISC license.
|
|
255
255
|
* See the LICENSE file in the root directory of this source tree.
|
|
256
|
-
*/const
|
|
256
|
+
*/const Ls=t.createLucideIcon("MoveVertical",[["path",{d:"M12 2v20",key:"t6zp3m"}],["path",{d:"m8 18 4 4 4-4",key:"bh5tu3"}],["path",{d:"m8 6 4-4 4 4",key:"ybng9g"}]]);/**
|
|
257
257
|
* @license lucide-react v0.453.0 - ISC
|
|
258
258
|
*
|
|
259
259
|
* This source code is licensed under the ISC license.
|
|
260
260
|
* See the LICENSE file in the root directory of this source tree.
|
|
261
|
-
*/const
|
|
261
|
+
*/const Os=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"}]]);/**
|
|
262
262
|
* @license lucide-react v0.453.0 - ISC
|
|
263
263
|
*
|
|
264
264
|
* This source code is licensed under the ISC license.
|
|
265
265
|
* See the LICENSE file in the root directory of this source tree.
|
|
266
|
-
*/const
|
|
266
|
+
*/const zs=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"}]]);/**
|
|
267
267
|
* @license lucide-react v0.453.0 - ISC
|
|
268
268
|
*
|
|
269
269
|
* This source code is licensed under the ISC license.
|
|
270
270
|
* See the LICENSE file in the root directory of this source tree.
|
|
271
|
-
*/const
|
|
271
|
+
*/const xt=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"}]]);/**
|
|
272
272
|
* @license lucide-react v0.453.0 - ISC
|
|
273
273
|
*
|
|
274
274
|
* This source code is licensed under the ISC license.
|
|
275
275
|
* See the LICENSE file in the root directory of this source tree.
|
|
276
|
-
*/const
|
|
276
|
+
*/const ft=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"}]]);/**
|
|
277
277
|
* @license lucide-react v0.453.0 - ISC
|
|
278
278
|
*
|
|
279
279
|
* This source code is licensed under the ISC license.
|
|
280
280
|
* See the LICENSE file in the root directory of this source tree.
|
|
281
|
-
*/const
|
|
281
|
+
*/const Fs=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"}]]);/**
|
|
282
282
|
* @license lucide-react v0.453.0 - ISC
|
|
283
283
|
*
|
|
284
284
|
* This source code is licensed under the ISC license.
|
|
285
285
|
* See the LICENSE file in the root directory of this source tree.
|
|
286
|
-
*/const
|
|
286
|
+
*/const Rs=t.createLucideIcon("Ruler",[["path",{d:"M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z",key:"icamh8"}],["path",{d:"m14.5 12.5 2-2",key:"inckbg"}],["path",{d:"m11.5 9.5 2-2",key:"fmmyf7"}],["path",{d:"m8.5 6.5 2-2",key:"vc6u1g"}],["path",{d:"m17.5 15.5 2-2",key:"wo5hmg"}]]);/**
|
|
287
287
|
* @license lucide-react v0.453.0 - ISC
|
|
288
288
|
*
|
|
289
289
|
* This source code is licensed under the ISC license.
|
|
290
290
|
* See the LICENSE file in the root directory of this source tree.
|
|
291
|
-
*/const
|
|
291
|
+
*/const Vs=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"}]]);/**
|
|
292
292
|
* @license lucide-react v0.453.0 - ISC
|
|
293
293
|
*
|
|
294
294
|
* This source code is licensed under the ISC license.
|
|
295
295
|
* See the LICENSE file in the root directory of this source tree.
|
|
296
|
-
*/const
|
|
296
|
+
*/const gt=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"}]]);/**
|
|
297
297
|
* @license lucide-react v0.453.0 - ISC
|
|
298
298
|
*
|
|
299
299
|
* This source code is licensed under the ISC license.
|
|
300
300
|
* See the LICENSE file in the root directory of this source tree.
|
|
301
|
-
*/const
|
|
301
|
+
*/const _s=t.createLucideIcon("ShieldQuestion",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",key:"oel41y"}],["path",{d:"M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3",key:"mhlwft"}],["path",{d:"M12 17h.01",key:"p32p05"}]]);/**
|
|
302
302
|
* @license lucide-react v0.453.0 - ISC
|
|
303
303
|
*
|
|
304
304
|
* This source code is licensed under the ISC license.
|
|
305
305
|
* See the LICENSE file in the root directory of this source tree.
|
|
306
|
-
*/const
|
|
306
|
+
*/const jt=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"}]]);/**
|
|
307
307
|
* @license lucide-react v0.453.0 - ISC
|
|
308
308
|
*
|
|
309
309
|
* This source code is licensed under the ISC license.
|
|
310
310
|
* See the LICENSE file in the root directory of this source tree.
|
|
311
|
-
*/const
|
|
311
|
+
*/const qs=t.createLucideIcon("Square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]);/**
|
|
312
312
|
* @license lucide-react v0.453.0 - ISC
|
|
313
313
|
*
|
|
314
314
|
* This source code is licensed under the ISC license.
|
|
@@ -318,27 +318,27 @@
|
|
|
318
318
|
*
|
|
319
319
|
* This source code is licensed under the ISC license.
|
|
320
320
|
* See the LICENSE file in the root directory of this source tree.
|
|
321
|
-
*/const
|
|
321
|
+
*/const Bs=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"}]]);/**
|
|
322
322
|
* @license lucide-react v0.453.0 - ISC
|
|
323
323
|
*
|
|
324
324
|
* This source code is licensed under the ISC license.
|
|
325
325
|
* See the LICENSE file in the root directory of this source tree.
|
|
326
|
-
*/const
|
|
326
|
+
*/const Ps=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"}]]);/**
|
|
327
327
|
* @license lucide-react v0.453.0 - ISC
|
|
328
328
|
*
|
|
329
329
|
* This source code is licensed under the ISC license.
|
|
330
330
|
* See the LICENSE file in the root directory of this source tree.
|
|
331
|
-
*/const
|
|
331
|
+
*/const bt=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"}]]);/**
|
|
332
332
|
* @license lucide-react v0.453.0 - ISC
|
|
333
333
|
*
|
|
334
334
|
* This source code is licensed under the ISC license.
|
|
335
335
|
* See the LICENSE file in the root directory of this source tree.
|
|
336
|
-
*/const
|
|
336
|
+
*/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"}]]);/**
|
|
337
337
|
* @license lucide-react v0.453.0 - ISC
|
|
338
338
|
*
|
|
339
339
|
* This source code is licensed under the ISC license.
|
|
340
340
|
* See the LICENSE file in the root directory of this source tree.
|
|
341
|
-
*/const bt=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 Ge(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=>yt(i))}})}})}}function yt(s){return{...s,customCfg:Ps(s.customCfg),data:[]}}function Ps(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 Hs(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 Oe(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 Gs(s,a){return a?await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{operation:"delete",lensId:s}):null}function Us(){const[s,a]=k.useState(""),[n,r]=k.useState(!1),o=t.useDashboardStore(h=>h.lenses),{setLenses:l,setSelectedLensId:i}=t.useDashboardActions(),[d,m]=k.useState(!1),[p,u]=k.useState(!1),x=t.useDashboardStore(h=>h.dashboard),f=t.useDashboardStore(h=>h.filterValues),{authToken:c}=t.useSemaphorContext();async function g(){m(!0);const h=Ge(x),j=await Hs(s,h,f,c==null?void 0:c.accessToken);j&&(l([...o||[],j]),i(j.id),u(!1)),m(!1)}return e.jsxs(t.Dialog,{open:p,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:h=>{a(h.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 $s(){const[s,a]=k.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 m(u){if(await Gs(u,i==null?void 0:i.accessToken)){const f=n==null?void 0:n.filter(c=>c.id!==u);o(f||[]),l("original")}}async function p(u){const x=n==null?void 0:n.map(g=>g.id===u.id?{...g,isDefault:!u.isDefault}:{...g,isDefault:!1});o(x||[]);const f={...u,isDefault:!u.isDefault};await Oe(f,i==null?void 0:i.accessToken);const c=n==null?void 0:n.find(g=>g.isDefault);if(c&&c.id!==u.id){const g={...c,isDefault:!1};await Oe(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(bs,{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(Cs,{onClick:x=>{x.preventDefault(),p(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(),m(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 St(){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 Ct(){const s=t.useDashboardStore.getState().isDownloadingPdf,{authToken:a,theme:n,filterValues:r,dashboardTitle:o,selectedSheetId:l}=St();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 f=`${o}-${new Date().toISOString()}.pdf`;x.download=f,x.click(),t.useDashboardStore.setState({isDownloadingPdf:!1})}function Qs({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 Ct()}return e.jsx(t.IconButton,{tooltip:"Download PDF",className:"h-7 p-2",onClick:r,children:n?e.jsx(re,{className:t.cn("size-3.5 animate-spin",s)}):e.jsx(t.Download,{className:t.cn("size-4",s)})})}function X({defaultValue:s,label:a,options:n,value:r,onValueChange:o,className:l,icon:i}){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("div",{className:"mr-2",children:i}),e.jsx(t.SelectValue,{placeholder:a})]})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:a}),n.map(d=>e.jsx(t.SelectItem,{value:d.value,children:d.label},d.value))]})})]})}const Xe=[{value:"daily",label:"Daily"},{value:"weekly",label:"Weekly"},{value:"biweekly",label:"Bi-Weekly"},{value:"monthly",label:"Monthly"}];function vt({triggerButtonClassName:s}){const{data:a,handleScheduleSubscription:n,handleDeleteSubscription:r,status:o,error:l,isDeleting:i}=Js(),[d,m]=k.useState(""),[p,u]=k.useState(Xe[0].value),[x,f]=k.useState("06:00"),[c,g]=k.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(ds,{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:h=>m(h.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:c,onChange:h=>{g(h.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(X,{className:"col-span-2 h-8",label:"Select Frequency",options:Xe,value:p,onValueChange:h=>u(h)})]}),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:h=>f(h.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:p,time:x,subject:c}),f("00:00"),m(""),g("")},className:"h-8 p-2",disabled:o==="loading"||!d,children:[o==="loading"&&e.jsx(re,{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(lt,{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(h=>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(h.frequency)," "]}),e.jsx(t.Label,{children:h.time})]})}),e.jsxs("div",{className:"col-span-2 flex items-center justify-end gap-4",children:[e.jsx(Ze,{tooltip:`Next Run: ${new Date(h.nextRun).toLocaleString()} ${h.timezone}`,children:e.jsx(cs,{className:"size-3.5"})}),e.jsx(Ze,{tooltip:`${h.endUserEmail}`,children:e.jsx(Ds,{className:"size-3.5"})}),i===h.id?e.jsx(re,{className:"size-3.5 animate-spin"}):e.jsx(Bs,{onClick:()=>r(h.id),className:"size-3.5 cursor-pointer"})]})]},h.id))})]})]})]})})]})})}const Ze=({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 Js(){const[s,a]=k.useState("idle"),[n,r]=k.useState(""),[o,l]=k.useState(null),i=t.useDashboardStore(E=>E.authToken),d=t.useDashboardStore(E=>E.dashboard.id),m=t.useDashboardStore(E=>E.dashboard.title),{endUserId:p}=t.getTenantAndEndUserId((i==null?void 0:i.accessToken)||""),u="https://semaphor.cloud/api/v1/subscriptions/get",x={dashboardId:d,endUserId:p},{data:f,isLoading:c,isError:g,isFetching:h,refetch:j}=t.useQuery({queryKey:["subscriptions",d,p],queryFn:()=>t.getRequest(u,(i==null?void 0:i.accessToken)||"",x),enabled:!!(i!=null&&i.accessToken)&&!!d&&!!p});async function b({email:E,subject:z,frequency:w,time:M}){const{authToken:R,...F}=St(),H=Intl.DateTimeFormat().resolvedOptions().timeZone,S={email:E,frequency:w,time:M,timezone:H,endUserId:p,endUserEmail:E,subject:z||m||"Scheduled Dashboard",dashboardId:d,dashboardParams:F};a("loading");const v="https://semaphor.cloud/api/v1/subscriptions/create";try{const A=await t.postRequestRegular(v,(R==null?void 0:R.accessToken)||"",{...S});a("success"),r(""),j(),setTimeout(()=>{a("idle")},2e3)}catch(A){console.error(A),a("error"),r(A.message)}}async function O(E){const z="https://semaphor.cloud/api/v1/subscriptions/delete";l(E);try{await t.postRequestRegular(z,(i==null?void 0:i.accessToken)||"",{id:E}),j(),setTimeout(()=>{l(null)},2e3)}catch(w){console.error(w),l(null),a("error"),r(w.message)}}return{data:f,isLoading:c,isFetching:h,isError:g,isDeleting:o,refetch:j,handleScheduleSubscription:b,handleDeleteSubscription:O,status:s,error:n}}function Ks(){const{authToken:s}=t.useSemaphorContext();t.useDashboardStore(S=>S.theme);const a=t.useDashboardStore(S=>S.lenses),n=t.useDashboardStore(S=>S.selectedLensId),r=a==null?void 0:a.find(S=>S.id===n),o=t.useDashboardStore(S=>S.dashboard);t.useDashboardStore(S=>S.selectedSheetId);const l=t.useDashboardStore(S=>S.isDashboardEditing),i=t.useEditorStore(S=>S.selectedConnectionId),[d,m]=k.useState(!1),p=t.useDashboardStore(S=>S.filterValues),u=t.useDashboardStore(S=>S.isVisualEditing),x=t.useDashboardStore(S=>S.showFilters);t.useDashboardStore(S=>S.showDashboardJSON);const f=t.useDashboardStore(S=>S.onSaveFunction),c=t.useDashboardStore(S=>S.actions.setShowFilters),{addFrame:g,setSelectedFrameId:h}=t.useDashboardStore(S=>S.actions),{getSelectedSheet:j,setIsDashboardEditing:b,setShowDashboardJSON:O}=t.useDashboardStore(S=>S.actions),E=j(),{tenantId:z,endUserId:w}=k.useMemo(()=>t.getTenantAndEndUserId(s==null?void 0:s.accessToken),[s==null?void 0:s.accessToken]),M=k.useMemo(()=>z||w,[z,w]),R=()=>{if(!l||!E)return;const S={connectionId:i,id:t.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]},v={id:t.v4(),cards:[S],activeCardId:S.id};g(E.id,v),h(v.id)},F=()=>{b(!0)};async function H(){if(m(!0),!n||!r)return;const S=Ge(o),v=JSON.stringify(S),A={...r,template:v,filterValues:p};await Oe(A,s==null?void 0:s.accessToken),t.ue.success("Lens saved"),f==null||f(S),m(!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(Qs,{}),!u&&e.jsx(vt,{}),l&&!u&&M&&e.jsx(Us,{}),!u&&M&&e.jsx($s,{}),l&&!u&&e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",disabled:!l,onClick:R,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:F,size:"sm",children:e.jsx(t.Pencil,{className:"h-4 w-4"})}),l&&!u&&e.jsx(t.IconButton,{className:"h-7 p-2",onClick:()=>{b(!1),O(!1)},children:e.jsx(t.Cross2Icon,{className:"h-4 w-4"})}),l&&!u&&M&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",disabled:d,onClick:H,size:"sm",children:e.jsx(Fs,{className:"h-4 w-4"})}),!x&&!u&&l&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",onClick:()=>c(!0),size:"sm",children:e.jsx(ut,{className:"h-4 w-4"})}),!u&&l&&!1,!u&&!1]})]})}function Ws({name:s,items:a,value:n,onChange:r,isLoading:o,isError:l,refetch:i,className:d,icon:m,showNone:p=!1}){const u=de.useRef(null),[x,f]=de.useState(!1),[c,g]=de.useState("100%"),h=p?[...a||[],{id:"none",name:"None"}]:a;de.useLayoutEffect(()=>{u.current&&g(u.current.offsetWidth)},[]);function j(){var O;return o?"Loading...":l?"Error":n?(O=a==null?void 0:a.find(E=>E.id===n))==null?void 0:O.name:`Select ${s}`}function b(O,E){r(E),f(!1)}return e.jsxs(t.Popover,{open:x,onOpenChange:f,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:[m&&e.jsx("div",{className:"mr-2",children:m}),e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate text-ellipsis whitespace-nowrap",children:j()})]}),e.jsx(t.ChevronDown,{className:"size-4 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-full p-0",style:{minWidth:c},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(xt,{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:h==null?void 0:h.map(O=>e.jsx(t.CommandItem,{className:"overflow-x-auto",value:O.name,onSelect:E=>b(E,O.id),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:t.cn("size-4",n===O.id?"opacity-100":"opacity-0")}),e.jsx("div",{title:O.name,children:O.name})]})},O.id))})]})]})})]})}function le({title:s,items:a,value:n,isLoading:r,isError:o,refetch:l,onChange:i,showNone:d=!1,className:m,disabled:p=!1,type:u="combobox"}){const x=r?"Loading...":o?"Error":n;function f(){if(s==="Connection")return e.jsx(Ls,{className:"size-4"});if(s==="Database")return e.jsx(ps,{className:"size-4"});if(s==="Schema")return e.jsx(Ms,{className:"size-4"});if(s==="Table")return e.jsx(He,{className:"size-4"});if(s==="Model")return e.jsx(os,{className:"size-4"})}function c(){return e.jsxs(t.Select,{disabled:p,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",m),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(xt,{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((h,j)=>e.jsx(t.SelectItem,{value:h.id,children:h.name},j))]}),(r||o)&&e.jsx(t.SelectItem,{value:x,children:x})]})})]})}function g(){return e.jsx(Ws,{icon:f(),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"?c():g()})})}function Ys({column:s}){const[a,n]=k.useState(!1),r=t.useEditorStore(h=>h.selectedTableName),o=t.useEditorStore(h=>h.selectedSchemaName),l=t.useEditorStore(h=>h.selectedDatabaseName),i=t.useEditorStore(h=>h.selectedDatamodelId),d=t.useEditorStore(h=>h.sqlGen),{modelItems:m,connectionType:p}=se(),u=t.useEditorStore(h=>h.actions.setSqlGen),x=t.useEditorStore(h=>h.actions.setCardSql),f=t.useEditorStore(h=>h.actions.setRunSql);function c(h,j){var z;const b=t.createSqlGenConfig(h,d,j),O=(z=m==null?void 0:m.find(w=>w.id===i))==null?void 0:z.name;u(b);const E=t.getSql(b,t.fmt(o||""),t.fmt(r),O,p,l||"");E&&(x(E),f(!0)),n(!1)}function g(){return e.jsxs("ul",{className:"text-xs",children:[e.jsx("li",{onClick:()=>c(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsx("li",{onClick:()=>c(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsx("li",{onClick:()=>c(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsx("li",{onClick:()=>c(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsx("li",{onClick:()=>c(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(dt,{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 Ue({column:s}){return e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger$1,{asChild:!0,children:t.isTextDataType(s.data_type)?e.jsx(bt,{className:"size-3"}):t.isNumberDataType(s.data_type)?e.jsx(mt,{className:"size-3"}):t.isDateDataType(s.data_type)?e.jsx(t.Calendar,{className:"size-3"}):t.isBooleanDataType(s.data_type)?e.jsx(qs,{className:"size-3"}):s.data_type.toLowerCase()==="json"?e.jsx(is,{className:"size-3"}):e.jsx(Rs,{className:"size-3"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{className:"font-mono text-xs",children:s.data_type})})]})}function ke({column:s,className:a}){return e.jsxs("div",{className:t.cn("flex h-8 grow items-center space-x-2 px-2 text-sm",a),children:[e.jsx(Ue,{column:s}),e.jsx("span",{children:s.column_name})]})}function Xs({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 Zs({onClick:s,column:a}){const n=t.useDndStore(f=>f.activeId),r=t.useEditorStore(f=>{var c;return(c=f.card.queryConfig)==null?void 0:c.groupByColumns}),o=t.useEditorStore(f=>{var c;return(c=f.card.queryConfig)==null?void 0:c.trendByColumns}),l=t.useEditorStore(f=>{var c;return(c=f.card.queryConfig)==null?void 0:c.metricColumns}),i=t.useEditorStore(f=>{var c;return(c=f.card.queryConfig)==null?void 0:c.filterColumns});function d(f){return m(f)||u(f)||p(f)||x(f)}function m(f){return r==null?void 0:r.some(c=>c.name===f.column_name)}function p(f){return o==null?void 0:o.some(c=>c.name===f.column_name)}function u(f){return l==null?void 0:l.some(c=>c.name===f.column_name)}function x(f){return i==null?void 0:i.some(c=>c.name===f.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":d(a)}),children:[n===a.column_name&&e.jsx(t.DragOverlay,{children:e.jsx(ke,{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(ke,{column:a})}),e.jsx(Xs,{id:a.column_name,type:"column",children:e.jsx(ke,{column:a})})]})}function ae(s){return`${s}-${t.v4()}`}function ge(s,a){return s==="SUM"?`Sum of ${a}`:s==="AVG"?`Avg of ${a}`:s==="COUNT"?`Count of ${a}`:s==="MAX"?`Max of ${a}`:s==="MIN"?`Min of ${a}`:s==="DISTINCT"?`Distinct ${a}`:a}function en({schemaName:s,tableName:a,columns:n,status:r}){const o=t.useEditorStore(y=>y.sqlGen),l=t.useEditorStore(y=>y.isDevMode),i=t.useEditorStore(y=>y.selectedConnectionId),d=t.useEditorStore(y=>y.selectedDatabaseName),m=t.useEditorStore(y=>y.selectedSchemaName),p=t.useEditorStore(y=>y.selectedTableName),u=t.useEditorStore(y=>y.selectedDatamodelId),x=t.useDashboardStore(y=>y.dashboard.aiScopeTables),{addToAIScope:f,removeFromAIScope:c}=t.useDashboardActions(),{addColumnToMetricColumns:g,addColumnToTrendByColumns:h,setCardSql:j,setRunSql:b,setSqlGen:O,setIsShowingVisual:E}=t.useEditorActions(),{connectionType:z,modelItems:w,selectedDatamodelName:M}=se();function R(y){var _;if(l){const G=t.createSqlGenConfig(y,o);O(G);const $=(_=w==null?void 0:w.find(I=>I.id===u))==null?void 0:_.name,B=t.getSql(G,t.fmt(s),t.fmt(a),$,z,d||"");B&&(j(B),b(!0))}if(!l){if(t.isTextDataType(y.data_type)){const G={...y,role:"metric",id:ae(y.column_name),name:y.column_name,label:ge("COUNT",y.column_name),type:y.data_type,aggregate:"COUNT"};g(G)}if(t.isNumberDataType(y.data_type)){const G={...y,role:"metric",id:ae(y.column_name),name:y.column_name,label:ge("SUM",y.column_name),type:y.data_type,aggregate:"SUM"};g(G)}if(t.isDateDataType(y.data_type)){const G={...y,role:"trendby",id:ae(y.column_name),name:y.column_name,type:y.data_type};h(G)}}}function F(y){y===!0&&(p||M)&&i?(f({connectionId:i,connectionType:z==="S3"||z==="API"?"DuckDb":z,databaseName:d||"",schemaName:m||"",tableName:p||"",datamodelName:t.resolveDatamodelName(M),datamodelId:u||""}),t.ue.success("Added to Assistant Scope",{position:"top-right",duration:2500,richColors:!0})):(c({connectionId:i||"",connectionType:z||"",tableName:p||"",datamodelName:t.resolveDatamodelName(M),datamodelId:u||"",databaseName:d||"",schemaName:m||""}),t.ue("Removed from Assistant Scope",{position:"top-right",duration:2e3,richColors:!0}))}function H(){const y=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:M,connectionType:z,databaseName:d||""});E(!1);const _=z==="MSSQL"?`SELECT top 10 * FROM ${y}`:`SELECT * FROM ${y} LIMIT 10`;j(_),b(!0)}function S(){const y=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:M,connectionType:z,databaseName:d||""});j(`SELECT COUNT(*) as count FROM ${y}`),b(!0)}function v(){return(x==null?void 0:x.find(y=>y.connectionId===i&&(y.tableName===p||y.datamodelName===M)))!==void 0}function A(y){return l?e.jsxs("div",{className:"flex grow items-center justify-between space-x-2 rounded-md px-2 py-1",onClick:()=>R(y),children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(Ue,{column:y}),e.jsx("span",{children:y.column_name})]}),e.jsx("div",{onClick:_=>_.stopPropagation(),className:"flex items-center justify-end",children:t.isNumberDataType(y.data_type)&&e.jsx(Ys,{column:y})})]}):e.jsx(Zs,{onClick:R,column:y})}function D(){return e.jsxs(e.Fragment,{children:[e.jsxs(t.Toggle,{title:`${v()?"Remove from":"Add to"} Assistant Scope`,pressed:v(),onPressedChange:F,variant:"outline",className:t.cn("h-9 px-2",{}),children:[e.jsx(t.Plus,{className:t.cn("mr-1 size-4",{"text-green-400":v(),"text-muted-foreground":!v()})}),"AI"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:H,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsx(re,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(Is,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:S,size:"sm",variant:"secondary",className:"w-full",children:[r!=="Success"?e.jsx(re,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(gt,{className:"mr-2 size-4"}),"Count"]})]})}return e.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[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 border-b border-t border-muted px-2 py-3",children:[e.jsx("div",{className:"flex flex-col gap-1",children:n==null?void 0:n.map(y=>e.jsx("div",{className:t.cn("mr-2 cursor-pointer rounded-md text-sm transition-colors hover:bg-muted"),children:A(y)},y.column_name))}),e.jsx(t.ScrollBar,{orientation:"vertical"}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function Nt(){const s=t.useDashboardStore(d=>d.authToken),a=t.useEditorStore(d=>d.selectedConnectionId),{refetch:n,data:r,isLoading:o,isError:l}=t.useQuery({queryKey:["connections"],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/connections",(s==null?void 0:s.accessToken)||""),enabled:!!(s!=null&&s.accessToken)}),i=r==null?void 0:r.connections.find(d=>d.id===a);return{connectionsData:r,isConnectionsLoading:o,isConnectionsError:l,refetchConnections:n,currentConnection:i}}function wt(){var h;const s=t.useEditorStore(j=>j.selectedConnectionId),a=t.useEditorStore(j=>j.selectedDatabaseName),n=t.useEditorStore(j=>j.selectedDatamodelId),r=t.useEditorStore(j=>j.selectedSchemaName),o=t.useEditorStore(j=>j.selectedTableName),l=t.useDashboardStore(j=>j.authToken),{currentConnection:i}=Nt(),d=i==null?void 0:i.type,{data:m,isLoading:p,isFetching:u,isError:x,refetch:f}=t.useQuery({queryKey:["columns",s,a,n,r,o],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/columns",(l==null?void 0:l.accessToken)||"",{connection_id:s,datamodel_id:n||"",database_name:a,schema_name:r,table_name:o}),enabled:c(d)});function c(j){return l!=null&&l.accessToken?!!(s&&a&&a!=="NA"&&r&&o||s&&(j==="S3"||j==="API")||n&&n):!1}return{columns:(h=m==null?void 0:m.columns)==null?void 0:h.map(j=>({...j,data_type:j.data_type.toLowerCase()})),isColumnsLoading:p,isColumnsFetching:u,isColumnsError:x,refetchColumns:f}}function se(s,a){var Qe,Je,Ke,We,Ye;const n=t.useSemaphorContext().authToken||s,r=t.useEditorStore(q=>q.selectedConnectionId),o=t.useEditorStore(q=>q.selectedDatamodelId),l=t.useEditorStore(q=>q.selectedDatabaseName),i=t.useEditorStore(q=>q.selectedSchemaName),d=t.useEditorStore(q=>q.selectedTableName),m=t.useEditorStore(q=>q.actions.setSelectedConnectionId),p=t.useEditorStore(q=>q.actions.setSelectedDatamodelId),u=t.useEditorStore(q=>q.actions.setSelectedDatabaseName),x=t.useEditorStore(q=>q.actions.setSelectedSchemaName),f=t.useEditorStore(q=>q.actions.setSelectedTableName);t.useEditorStore(q=>q.actions.setCardSql);function c(q){return r&&l&&i&&l!=="NA"?!0:r&&q==="API"?!1:!!(r&&q==="S3")}function g(q){return r&&q?!(q==="API"||q==="S3"):!1}const{refetchConnections:h,connectionsData:j,isConnectionsLoading:b,isConnectionsError:O,currentConnection:E}=Nt(),{refetch:z,data:w,isLoading:M,isError:R}=t.useQuery({queryKey:["models",r],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/datamodels",(n==null?void 0:n.accessToken)||"",{connection_id:r}),enabled:!!(n!=null&&n.accessToken)&&!!r}),F=E==null?void 0:E.type,H=(E==null?void 0:E.type)==="API"||(E==null?void 0:E.type)==="S3",{data:S,isLoading:v,isFetching:A,isError:D,refetch:y}=t.useQuery({queryKey:["databases",r],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/databases",(n==null?void 0:n.accessToken)||"",{connection_id:r}),enabled:g(F)}),{data:_,isLoading:G,isFetching:$,isError:B,refetch:I}=t.useQuery({queryKey:["schemas",r,l],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/schemas",(n==null?void 0:n.accessToken)||"",{connection_id:r,database_name:l}),enabled:!!r&&!!l&&!H&&l!=="NA"}),{data:C,isLoading:N,isFetching:T,isError:L,refetch:U}=t.useQuery({queryKey:["tables",r,l,i],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/tables",(n==null?void 0:n.accessToken)||"",{connection_id:r,database_name:l,schema_name:i}),enabled:c(F)}),{columns:P,isColumnsLoading:K,isColumnsFetching:W,isColumnsError:Z,refetchColumns:ee}=wt();k.useEffect(()=>{(F==="S3"||F==="API")&&(u(""),x(""),p(""),F==="API"&&f("api"))},[F,f,u,x,p]);const V=(E==null?void 0:E.type)==="API"?(Qe=E==null?void 0:E.type)==null?void 0:Qe.toLowerCase():d||"",Q=H?"":i||"";function Y(q){x(q),f("")}function ne(q){u(q==="none"?"":q),x(""),f(""),q!=="none"&&q!==""&&p("")}function ie(q){m(q)}function Ce(q){p(q==="none"?"":q),q!=="none"&&q!==""&&u("")}S&&((Je=S==null?void 0:S.databases)==null?void 0:Je.length)>0,_&&((Ke=_==null?void 0:_.schemas)==null?void 0:Ke.length)>0;const ve=j==null?void 0:j.connections.map(q=>({id:q.id,name:q.name,type:q.type})),Ne=(We=w==null?void 0:w.datamodels)==null?void 0:We.map(q=>({id:q.id,name:q.name})),we=S==null?void 0:S.databases.map(q=>({id:q.database_name,name:q.database_name})),he=_==null?void 0:_.schemas.map(q=>({id:q.schema_name,name:q.schema_name})),J=C==null?void 0:C.tables.map(q=>({id:q.table_name,name:q.table_name})),te=(Ye=w==null?void 0:w.datamodels.find(q=>q.id===o))==null?void 0:Ye.name,$t=t.getFormattedTableNameForQuery({schemaName:Q,tableName:V,modelName:te,connectionType:F,databaseName:l||""});return{connectionItems:ve,selectedConnectionId:r,isConnectionsLoading:b,isConnectionsError:O,modelItems:Ne,selectedDatamodelId:o,selectedDatamodelName:te,isModelsLoading:M,isModelsError:R,selectedDatabaseName:l,databaseItems:we,isDatabasesLoadingOrFetching:v||A,isDatabaseError:D,schemaItems:he,selectedSchemaName:i,isSchemaLoadingOrFetching:G||$,isSchemaError:B,tableItems:J,selectedTableName:d,isTableLoadingOrFetching:N||T,isTableError:L,columns:P,isColumnsLoadingOrFetching:K||W,isColumnsError:Z,isNonDbConnection:H,connectionType:F,tableName:V,formattedTableName:$t,schemaName:Q,refetchConnections:h,refetchModels:z,refetchDatabases:y,refetchSchemas:I,refetchTables:U,refetchColumns:ee,handleConnectionChange:ie,handleDatamodelChange:Ce,handleDatabaseChange:ne,handleSchemaChange:Y}}function kt({ColumnsComponent:s,type:a}){var he;const n=t.useEditorStore(J=>J.card),r=t.useEditorStore(J=>J.selectedConnectionId),o=t.useDashboardStore(J=>J.showFilters),l=t.useEditorStore(J=>J.selectedDatamodelId),i=t.useEditorStore(J=>J.selectedDatabaseName),d=t.useEditorStore(J=>J.selectedSchemaName),m=t.useEditorStore(J=>J.selectedTableName),p=t.useEditorStore(J=>J.isDevMode),{setSelectedTableName:u,setIsDevMode:x,setCardSql:f}=t.useEditorActions(),{connectionItems:c,modelItems:g,schemaItems:h,databaseItems:j,tableItems:b,columns:O,isConnectionsLoading:E,isModelsLoading:z,isConnectionsError:w,isModelsError:M,isDatabasesLoadingOrFetching:R,isDatabaseError:F,isSchemaLoadingOrFetching:H,isSchemaError:S,isColumnsError:v,isColumnsLoadingOrFetching:A,isTableLoadingOrFetching:D,isTableError:y,connectionType:_,isNonDbConnection:G,refetchDatabases:$,refetchModels:B,refetchSchemas:I,refetchTables:C,refetchColumns:N,refetchConnections:T,handleConnectionChange:L,handleDatabaseChange:U,handleSchemaChange:P,handleDatamodelChange:K,tableName:W,schemaName:Z}=se(),{data:ee,refetch:V}=t.useDashboardCardQuery(n);function Q(){return s?s(Z,W,O):e.jsx(en,{schemaName:Z,tableName:W,columns:O,status:A?"Loading...":v?"Error":"Success"})}function Y(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function ne(J){J===!0?ee&&(f(ee.userSql),setTimeout(()=>{V()},500)):f(""),x(J)}function ie(){if(!r||_==="S3"||_==="API")return null;if(!l||l==="none")return e.jsx(le,{refetch:$,showNone:!0,onChange:U,isError:F,isLoading:R,items:j,value:i||"",title:"Database",type:"combobox"})}function Ce(){if(r&&!G&&(!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 ve(){if(!r||_==="S3"||_==="API")return null;if(!i||i==="none")return e.jsx(le,{refetch:B,showNone:!0,onChange:K,isError:M,isLoading:z,items:g,value:l||"",title:"Model",type:"combobox"})}function Ne(){return!r||_==="S3"||_==="API"||!i||i==="none"?null:e.jsx(le,{refetch:I,onChange:P,isError:S,isLoading:H,items:h,value:d||"",title:"Schema",type:"combobox"})}function we(){function J(){let te=!1;return _==="API"?(te=!1,te):((_==="S3"||r&&i&&i!=="none"&&d)&&(te=!0),te)}return J()?e.jsx(le,{refetch:C,onChange:u,isError:y,items:b,isLoading:D,value:m||"",title:"Table",type:"combobox"}):null}return e.jsxs("aside",{className:t.cn("flex h-full min-w-[300px] 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(le,{refetch:T,items:c,title:"Connection",value:r||"",onChange:L,isLoading:E,isError:w,type:"combobox",connectionTooltip:((he=c==null?void 0:c.find(J=>J.id===r))==null?void 0:he.type)||""}),ie(),Ce(),ve(),Ne(),we()]}),Q(),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:p,onCheckedChange:ne,id:"dev-mode"}),e.jsx(t.Label,{htmlFor:"dev-mode",children:"Dev Mode"})]}),e.jsxs(t.Button,{onClick:Y,size:"sm",variant:"secondary",className:"group flex items-center gap-2 rounded-full",children:[e.jsx(Es,{className:"size-4"}),e.jsx("span",{className:"hidden group-hover:block",children:"Help"})]})]})})]})}function It({sql:s,error:a,onClick:n}){return!s&&!a?null: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(lt,{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"})})]})]}),a&&n&&e.jsxs(t.Button,{onClick:n,size:"sm",variant:"secondary",children:[e.jsx(Ss,{className:"mr-2 h-4 w-4"}),"Debug with Assistant"]})]})})})]})}var Dt={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},et=k.createContext&&k.createContext(Dt),tn=["attr","size","title"];function sn(s,a){if(s==null)return{};var n=nn(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 nn(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 je(){return je=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},je.apply(this,arguments)}function tt(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 be(s){for(var a=1;a<arguments.length;a++){var n=arguments[a]!=null?arguments[a]:{};a%2?tt(Object(n),!0).forEach(function(r){an(s,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(n,r))})}return s}function an(s,a,n){return a=rn(a),a in s?Object.defineProperty(s,a,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[a]=n,s}function rn(s){var a=on(s,"string");return typeof a=="symbol"?a:a+""}function on(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 Et(s){return s&&s.map((a,n)=>k.createElement(a.tag,be({key:n},a.attr),Et(a.child)))}function ue(s){return a=>k.createElement(ln,je({attr:be({},s.attr)},a),Et(s.child))}function ln(s){var a=n=>{var{attr:r,size:o,title:l}=s,i=sn(s,tn),d=o||n.size||"1em",m;return n.className&&(m=n.className),s.className&&(m=(m?m+" ":"")+s.className),k.createElement("svg",je({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,i,{className:m,style:be(be({color:s.color||n.color},n.style),s.style),height:d,width:d,xmlns:"http://www.w3.org/2000/svg"}),l&&k.createElement("title",null,l),s.children)};return et!==void 0?k.createElement(et.Consumer,null,n=>a(n)):a(Dt)}function cn(s){return ue({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 Tt(s){const{theme:a}=t.useTheme(),n=t.useDashboardStore(h=>h.theme),r=t.useEditorStore(h=>h.frame),o=t.useEditorStore(h=>h.card),l=t.useEditorStore(h=>h.activeTabCardId),i=t.Le(),{refetch:d}=t.useDashboardCardQuery(o),{updateCardTab:m,setRunSql:p}=t.useEditorActions(),u=k.useRef(),x=k.useRef({}),f=r.cards.find(h=>h.id===l),c=k.useCallback(()=>{let h="";return s==="python"&&(h=(f==null?void 0:f.python)||t.PYTHON_DEFAULT_CODE),s==="sql"&&(h=(f==null?void 0:f.sql)||""),h},[s,f]);k.useEffect(()=>{if(l&&o.id&&o.id!==l){if(u.current&&i){const h=u.current.getModel();h&&(x.current[o.id]=h);let j=x.current[l];if(!j){const b=c();j=i.editor.createModel(b,s),x.current[l]=j}u.current.setModel(j)}m(l,o),p(!0)}},[l,o,m,i,p,s,c]),k.useEffect(()=>{if(!i)return;const h=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",j=n==="system"?h:n;i.editor.defineTheme("default",{base:j==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":j==="light"?"#ffffff":t.hslStringToHex("240 10% 10%")}}),i.editor.setTheme("default")},[a,n,i]),k.useEffect(()=>{const h=u.current;h&&i&&o&&h.addCommand(i.KeyMod.Shift|i.KeyCode.Enter,function(){return d(),!1})},[i,d,o]);function g(h,j){if(u.current=h,!x.current[o.id]){const b=h.getModel(),O=c();x.current[o.id]=b||(j==null?void 0:j.editor.createModel(O,s))||h.getModel()}h.setModel(x.current[o.id])}return{handleEditorDidMount:g}}function dn(){const s=t.useEditorStore(i=>i.card.sql),a=t.useEditorStore(i=>i.sqlGen),{setCardSql:n,setSqlGen:r}=t.useEditorActions(),{handleEditorDidMount:o}=Tt("sql");function l(i){n(i),t.isObjectEmpty(a)||r({})}return 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 un(){const s=t.useEditorStore(o=>o.card.python),{setCardPython:a}=t.useEditorActions(),{handleEditorDidMount:n}=Tt("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 mn({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 At(s){var W,Z,ee;const[a,n]=k.useState(""),[r,o]=k.useState(null),{authToken:l}=t.useSemaphorContext(),i=t.useEditorStore(V=>{var Q;return(Q=V==null?void 0:V.card)==null?void 0:Q.sql}),d=t.useEditorStore(V=>{var Q;return(Q=V==null?void 0:V.card)==null?void 0:Q.python}),m=t.useEditorStore(V=>V.actions.setCardSql),p=t.useEditorStore(V=>V.actions.setRunSql),u=t.useEditorStore(V=>V.actions.switchCardType),x=t.useEditorStore(V=>V.currentAssitantScope)||[],f=t.useEditorStore(V=>V.userInputForAI),c=t.useEditorStore(V=>V.triggerAIRun),g=t.useEditorStore(V=>V.selectedDatabaseName),h=t.useEditorStore(V=>V.selectedTableName),j=t.useEditorStore(V=>V.selectedConnectionId),b=t.useEditorStore(V=>V.selectedSchemaName),O=t.useDashboardStore(V=>V.dashboard.aiScopeTables),{setTriggerAIRun:E,setCurrentAssitantScope:z}=t.useEditorActions(),{selectedDatamodelName:w,connectionType:M,selectedDatamodelId:R}=se(),{messages:F,setMessages:H,reload:S,error:v,append:A,input:D,setInput:y,status:_,handleInputChange:G,handleSubmit:$,stop:B}=t.useChat({api:"https://semaphor.cloud/api/v1/assistant",headers:{Authorization:`Bearer ${l==null?void 0:l.accessToken}`},body:{random:Math.random()},maxSteps:10,onToolCall:I,onFinish(V,Q){C(Q.usage),n(""),Q.finishReason==="stop"&&n("")}});k.useEffect(()=>{c&&f&&(G({target:{value:f}}),setTimeout(()=>{$(),E(!1)},100))},[c,$,f,E,G]);async function I({toolCall:V}){if(V.toolName==="createChartFromSql"){const Q=V.args.sql,Y=V.args.chartType;return u(Y),m(Q),p(!0),{status:"success",message:"Let the user know that chart is created"}}else if(V.toolName==="getTableColumns")n("Getting table columns...");else{if(V.toolName==="getUserSql")return i?{status:"success",sql:i,python:d||""}:{status:"error",message:"No SQL found"};if(V.toolName==="getCurrentTableScope")return n("Getting table scope..."),U(),{status:"success",tables:x};n("Analyzing...")}}function C(V){o(Q=>Q?{promptTokens:Q.promptTokens+V.promptTokens,completionTokens:Q.completionTokens+V.completionTokens,totalTokens:Q.totalTokens+V.totalTokens}:V)}function N(V){const Q=t.removeFromScopeArray(x,V);T(Q)}function T(V){const Q=t.sanitizeAIScope(V);z(Q),H(Y=>[...Y,{id:crypto.randomUUID(),role:"system",content:`Current scope of tables | ${JSON.stringify(Q)}`}])}function L(){const V={databaseName:g||"",schemaName:b||"",tableName:h||"",datamodelId:R||"",datamodelName:t.resolveDatamodelName(w),connectionId:j||"",connectionType:M||""},Q=t.dedup([...x,V]);T(Q)}function U(){const V={databaseName:g||"",schemaName:b||"",tableName:h||"",datamodelName:t.resolveDatamodelName(w),connectionId:j||"",connectionType:M||"",datamodelId:R||""};if(!t.isInAiScopeArray([...O||[],...x],V)||x.length===0){const Y=t.dedup([...O||[],...x,V]).filter(ne=>ne.connectionId===V.connectionId);T(Y)}}const P=!["ready","error"].includes(_),K=(ee=(Z=(W=JSON.parse((v==null?void 0:v.message)||"{}"))==null?void 0:W.error)==null?void 0:Z.lastError)==null?void 0:ee.message;return{messages:F,setMessages:H,reload:S,append:A,input:D,setInput:y,isLoading:P,handleSetAIScope:U,handleAddCurrentTableToScope:L,removeFromCurrentSelections:N,currentAssitantScope:x,setCurrentAssitantScope:z,handleInputChange:G,handleSubmit:$,stop:B,chatStatus:_,toolStatus:a,llmUsage:r,onFinish:s,errorMessage:K}}function hn(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 Mt({variant:s="secondary"}){const{setCardSql:a}=t.useEditorActions(),n=t.useEditorStore(c=>c.frame),r=t.useEditorStore(c=>c.card),o=t.useEditorStore(c=>c.selectedSchemaName),l=t.useEditorStore(c=>c.selectedDatamodelId),i=t.useEditorStore(c=>c.selectedDatabaseName),d=t.useEditorStore(c=>c.selectedTableName),m=t.useEditorStore(c=>c.selectedConnectionId),p=t.useEditorStore(c=>c.isShowingVisual),u=r.sql,x=t.useEditorStore(c=>c.onSave);function f(){let c=u;u&&!u.includes("{{")&&(c=hn(u),a(c));const g={...r,lastSelectedSchema:o,lastSelectedDatamodelId:l,lastSelectedDatabase:i,lastSelectedTable:d,connectionId:m,type:p?r.type:"table",sql:c,customCfg:p?r.customCfg:null},h=n.cards.map(b=>b.id===r.id?g:b),j={...n,cards:h,activeCardId:pn(h,n.activeCardId)};x==null||x(j)}return e.jsxs(t.Button,{onClick:f,size:"sm",variant:s,children:[e.jsx(t.Check,{className:"mr-2 size-4 font-bold"}),"Accept"]})}function Lt(){const{setTempQueryData:s,setSqlGen:a}=t.useEditorActions(),n=t.useQueryClient(),r=t.useEditorStore(m=>m.tempQueryData),o=t.useEditorStore(m=>m.onClose),l=t.useEditorStore(m=>m.card),{queryKey:i}=t.useDashboardCardQuery(l);function d(){if(r){const{queryKey:m,queryData:p}=r;m&&p&&n.setQueryData(m,p)}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 Ot(){const{setTempQueryData:s}=t.useEditorActions(),a=t.useQueryClient(),n=t.useEditorStore(c=>c.tempQueryData),r=t.useEditorStore(c=>c.card),{queryKey:o}=t.useDashboardCardQuery(r),{setCardSql:l,setSqlGen:i,setCardPython:d,setCardCustomCfg:m,setCardPreferences:p,setCardType:u,clearQueryConfig:x}=t.useEditorActions();function f(){const c=a.getQueryData(o);n!=null&&n.queryData||s({queryKey:o,queryData:c}),a.setQueryData(o,null),a.removeQueries({queryKey:o,exact:!0}),l(""),i({}),x(),d(""),m(""),p({})}return e.jsxs(t.Button,{onClick:f,className:"",size:"sm",variant:"secondary",children:[e.jsx(xs,{className:"mr-2 size-4"}),"Clear"]})}function pn(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 xn(){const s=t.useQueryClient(),[a,n]=k.useState(!1),[r,o]=k.useState(!1);t.useEditorStore(C=>C.frame);const l=t.useEditorStore(C=>C.card);t.useEditorStore(C=>C.isShowingVisual),t.useEditorStore(C=>C.selectedConnectionId),t.useEditorStore(C=>C.tempQueryData),t.useEditorStore(C=>C.selectedDatabaseName),t.useEditorStore(C=>C.selectedDatamodelId),t.useEditorStore(C=>C.selectedSchemaName);const i=t.useEditorStore(C=>C.showAIDialog);t.useEditorStore(C=>C.selectedTableName);const d=t.useEditorStore(C=>{var N;return(N=C==null?void 0:C.card)==null?void 0:N.sql}),{sheetFilterValues:m}=t.useSheetFilterValues(),{setCardCustomCfg:p,setQueryResultColumns:u,setCardSql:x,setTempQueryData:f,setPythonStdOut:c,setCardPreferences:g,setCardType:h,setCardPython:j,runAssistant:b,setShowAIDialog:O}=t.useEditorActions();t.useEditorStore(C=>C.onSave),t.useEditorStore(C=>C.onClose),t.useEditorStore(C=>C.actions.setSqlGen);const E=t.useEditorStore(C=>C.runSql),z=t.useEditorStore(C=>C.actions.setRunSql),w=t.useEditorStore(C=>C.actions.setIsSqlRunning),{data:M,isLoading:R,isFetching:F,isSuccess:H,isError:S,error:v,queryKey:A,refetch:D,errorMessage:y}=t.useDashboardCardQuery(l),{handleSetAIScope:_}=At();k.useEffect(()=>{if(M&&(M.rowLimitExceeded&&t.ue.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),c((M==null?void 0:M.output)||""),M.records.length>0)){const{dimensionKeys:C}=t.getKeys(M.records);u(C)}},[M,u,c]),k.useEffect(()=>{(R||F)&&w(!0),(S||H)&&w(!1),S&&(u([]),c(""))},[R,F,M,c,S,H,w,u,v]),k.useEffect(()=>{E&&(s.getQueryData(A)||D(),z(!1))},[E,D,z,A,s]);async function G(){const C=`Can you help me debug this query in the current table scope?
|
|
341
|
+
*/const yt=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 Ge(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=>St(i))}})}})}}function St(s){return{...s,customCfg:Gs(s.customCfg),data:[]}}function Gs(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 Us(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 Oe(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 $s(s,a){return a?await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{operation:"delete",lensId:s}):null}function Qs(){const[s,a]=I.useState(""),[n,r]=I.useState(!1),o=t.useDashboardStore(h=>h.lenses),{setLenses:l,setSelectedLensId:i}=t.useDashboardActions(),[c,u]=I.useState(!1),[p,m]=I.useState(!1),f=t.useDashboardStore(h=>h.dashboard),x=t.useDashboardStore(h=>h.filterValues),{authToken:d}=t.useSemaphorContext();async function j(){u(!0);const h=Ge(f),g=await Us(s,h,x,d==null?void 0:d.accessToken);g&&(l([...o||[],g]),i(g.id),m(!1)),u(!1)}return e.jsxs(t.Dialog,{open:p,onOpenChange:m,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:h=>{a(h.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:j,disabled:c,children:c?"Creating...":"Add"})})]})]})}function Js(){const[s,a]=I.useState(!1),n=t.useDashboardStore(m=>m.lenses),r=t.useDashboardStore(m=>m.selectedLensId),{setLenses:o,setSelectedLensId:l}=t.useDashboardActions(),{authToken:i}=t.useSemaphorContext();async function c(m){l(m)}async function u(m){if(await $s(m,i==null?void 0:i.accessToken)){const x=n==null?void 0:n.filter(d=>d.id!==m);o(x||[]),l("original")}}async function p(m){const f=n==null?void 0:n.map(j=>j.id===m.id?{...j,isDefault:!m.isDefault}:{...j,isDefault:!1});o(f||[]);const x={...m,isDefault:!m.isDefault};await Oe(x,i==null?void 0:i.accessToken);const d=n==null?void 0:n.find(j=>j.isDefault);if(d&&d.id!==m.id){const j={...d,isDefault:!1};await Oe(j,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(Ss,{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:c,children:[e.jsx(t.DropdownMenuRadioItem,{value:"original",children:"Original"}),n==null?void 0:n.map(m=>e.jsxs(t.DropdownMenuRadioItem,{className:"group flex justify-between gap-2",value:m.id,children:[e.jsx("p",{children:m.name}),e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx(Ns,{onClick:f=>{f.preventDefault(),p(m)},className:t.cn("size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",{invisible:!m.isDefault,"text-green-500":m.isDefault}),strokeWidth:1.5}),e.jsx(t.Cross2Icon,{onClick:f=>{f.preventDefault(),u(m.id)},className:"invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",strokeWidth:1.5})]})]},m.id))]})]})]})}function Ct(){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 vt(){const s=t.useDashboardStore.getState().isDownloadingPdf,{authToken:a,theme:n,filterValues:r,dashboardTitle:o,selectedSheetId:l}=Ct();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 c=`https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(i.toString())}`;t.useDashboardStore.setState({isDownloadingPdf:!0});const m=(await(await fetch(c,{method:"GET",headers:{Authorization:`Bearer ${a==null?void 0:a.accessToken}`}})).json()).url,f=document.createElement("a");f.href=m;const x=`${o}-${new Date().toISOString()}.pdf`;f.download=x,f.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 vt()}return e.jsx(t.IconButton,{tooltip:"Download PDF",className:"h-7 p-2",onClick:r,children:n?e.jsx(re,{className:t.cn("size-3.5 animate-spin",s)}):e.jsx(t.Download,{className:t.cn("size-4",s)})})}function X({defaultValue:s,label:a,options:n,value:r,onValueChange:o,className:l,icon:i}){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("div",{className:"mr-2",children:i}),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 Ze=[{value:"daily",label:"Daily"},{value:"weekly",label:"Weekly"},{value:"biweekly",label:"Bi-Weekly"},{value:"monthly",label:"Monthly"}];function Nt({triggerButtonClassName:s}){const{data:a,handleScheduleSubscription:n,handleDeleteSubscription:r,status:o,error:l,isDeleting:i}=Ws(),[c,u]=I.useState(""),[p,m]=I.useState(Ze[0].value),[f,x]=I.useState("06:00"),[d,j]=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(ms,{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:c,onChange:h=>u(h.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:d,onChange:h=>{j(h.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(X,{className:"col-span-2 h-8",label:"Select Frequency",options:Ze,value:p,onValueChange:h=>m(h)})]}),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:f,onChange:h=>x(h.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:c,frequency:p,time:f,subject:d}),x("00:00"),u(""),j("")},className:"h-8 p-2",disabled:o==="loading"||!c,children:[o==="loading"&&e.jsx(re,{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(ct,{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(h=>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(h.frequency)," "]}),e.jsx(t.Label,{children:h.time})]})}),e.jsxs("div",{className:"col-span-2 flex items-center justify-end gap-4",children:[e.jsx(et,{tooltip:`Next Run: ${new Date(h.nextRun).toLocaleString()} ${h.timezone}`,children:e.jsx(us,{className:"size-3.5"})}),e.jsx(et,{tooltip:`${h.endUserEmail}`,children:e.jsx(Ts,{className:"size-3.5"})}),i===h.id?e.jsx(re,{className:"size-3.5 animate-spin"}):e.jsx(Hs,{onClick:()=>r(h.id),className:"size-3.5 cursor-pointer"})]})]},h.id))})]})]})]})})]})})}const et=({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 Ws(){const[s,a]=I.useState("idle"),[n,r]=I.useState(""),[o,l]=I.useState(null),i=t.useDashboardStore(N=>N.authToken),c=t.useDashboardStore(N=>N.dashboard.id),u=t.useDashboardStore(N=>N.dashboard.title),{endUserId:p}=t.getTenantAndEndUserId((i==null?void 0:i.accessToken)||""),m="https://semaphor.cloud/api/v1/subscriptions/get",f={dashboardId:c,endUserId:p},{data:x,isLoading:d,isError:j,isFetching:h,refetch:g}=t.useQuery({queryKey:["subscriptions",c,p],queryFn:()=>t.getRequest(m,(i==null?void 0:i.accessToken)||"",f),enabled:!!(i!=null&&i.accessToken)&&!!c&&!!p});async function b({email:N,subject:A,frequency:C,time:L}){const{authToken:q,..._}=Ct(),U=Intl.DateTimeFormat().resolvedOptions().timeZone,v={email:N,frequency:C,time:L,timezone:U,endUserId:p,endUserEmail:N,subject:A||u||"Scheduled Dashboard",dashboardId:c,dashboardParams:_};a("loading");const k="https://semaphor.cloud/api/v1/subscriptions/create";try{const O=await t.postRequestRegular(k,(q==null?void 0:q.accessToken)||"",{...v});a("success"),r(""),g(),setTimeout(()=>{a("idle")},2e3)}catch(O){console.error(O),a("error"),r(O.message)}}async function T(N){const A="https://semaphor.cloud/api/v1/subscriptions/delete";l(N);try{await t.postRequestRegular(A,(i==null?void 0:i.accessToken)||"",{id:N}),g(),setTimeout(()=>{l(null)},2e3)}catch(C){console.error(C),l(null),a("error"),r(C.message)}}return{data:x,isLoading:d,isFetching:h,isError:j,isDeleting:o,refetch:g,handleScheduleSubscription:b,handleDeleteSubscription:T,status:s,error:n}}function Ys(){const{authToken:s}=t.useSemaphorContext();t.useDashboardStore(v=>v.theme);const a=t.useDashboardStore(v=>v.lenses),n=t.useDashboardStore(v=>v.selectedLensId),r=a==null?void 0:a.find(v=>v.id===n),o=t.useDashboardStore(v=>v.dashboard);t.useDashboardStore(v=>v.selectedSheetId);const l=t.useDashboardStore(v=>v.isDashboardEditing),i=t.useEditorStore(v=>v.selectedConnectionId),[c,u]=I.useState(!1),p=t.useDashboardStore(v=>v.filterValues),m=t.useDashboardStore(v=>v.isVisualEditing),f=t.useDashboardStore(v=>v.showFilters);t.useDashboardStore(v=>v.showDashboardJSON);const x=t.useDashboardStore(v=>v.onSaveFunction),d=t.useDashboardStore(v=>v.actions.setShowFilters),{addFrame:j,setSelectedFrameId:h}=t.useDashboardStore(v=>v.actions),{getSelectedSheet:g,setIsDashboardEditing:b,setShowDashboardJSON:T}=t.useDashboardStore(v=>v.actions),N=g(),{tenantId:A,endUserId:C}=I.useMemo(()=>t.getTenantAndEndUserId(s==null?void 0:s.accessToken),[s==null?void 0:s.accessToken]),L=I.useMemo(()=>A||C,[A,C]),q=()=>{if(!l||!N)return;const v={connectionId:i,id:t.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]},k={id:t.v4(),cards:[v],activeCardId:v.id};j(N.id,k),h(k.id)},_=()=>{b(!0)};async function U(){if(u(!0),!n||!r)return;const v=Ge(o),k=JSON.stringify(v),O={...r,template:k,filterValues:p};await Oe(O,s==null?void 0:s.accessToken),t.ue.success("Lens saved"),x==null||x(v),u(!1)}return m?null:e.jsxs("div",{className:"flex items-center justify-between gap-2 border-b py-1 pl-3 pr-2",role:"dashboard-controls",children:[!m&&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,!m&&e.jsx(Ks,{}),!m&&e.jsx(Nt,{}),l&&!m&&L&&e.jsx(Qs,{}),!m&&L&&e.jsx(Js,{}),l&&!m&&e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",disabled:!l,onClick:q,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:_,size:"sm",children:e.jsx(t.Pencil,{className:"h-4 w-4"})}),l&&!m&&e.jsx(t.IconButton,{className:"h-7 p-2",onClick:()=>{b(!1),T(!1)},children:e.jsx(t.Cross2Icon,{className:"h-4 w-4"})}),l&&!m&&L&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",disabled:c,onClick:U,size:"sm",children:e.jsx(Vs,{className:"h-4 w-4"})}),!f&&!m&&l&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",onClick:()=>d(!0),size:"sm",children:e.jsx(mt,{className:"h-4 w-4"})}),!m&&l&&!1,!m&&!1]})]})}function Xs({name:s,items:a,value:n,onChange:r,isLoading:o,isError:l,refetch:i,className:c,icon:u,showNone:p=!1}){const m=de.useRef(null),[f,x]=de.useState(!1),[d,j]=de.useState("100%"),h=p?[...a||[],{id:"none",name:"None"}]:a;de.useLayoutEffect(()=>{m.current&&j(m.current.offsetWidth)},[]);function g(){var T;return o?"Loading...":l?"Error":n?(T=a==null?void 0:a.find(N=>N.id===n))==null?void 0:T.name:`Select ${s}`}function b(T,N){r(N),x(!1)}return e.jsxs(t.Popover,{open:f,onOpenChange:x,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{ref:m,variant:"outline",role:"combobox","aria-expanded":f,className:t.cn("flex h-9 w-full justify-between",c),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[u&&e.jsx("div",{className:"mr-2",children:u}),e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate text-ellipsis whitespace-nowrap",children:g()})]}),e.jsx(t.ChevronDown,{className:"size-4 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-full p-0",style:{minWidth:d},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(ft,{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:h==null?void 0:h.map(T=>e.jsx(t.CommandItem,{className:"overflow-x-auto",value:T.name,onSelect:N=>b(N,T.id),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:t.cn("size-4",n===T.id?"opacity-100":"opacity-0")}),e.jsx("div",{title:T.name,children:T.name})]})},T.id))})]})]})})]})}function le({title:s,items:a,value:n,isLoading:r,isError:o,refetch:l,onChange:i,showNone:c=!1,className:u,disabled:p=!1,type:m="combobox"}){const f=r?"Loading...":o?"Error":n;function x(){if(s==="Connection")return e.jsx(zs,{className:"size-4"});if(s==="Database")return e.jsx(fs,{className:"size-4"});if(s==="Schema")return e.jsx(Os,{className:"size-4"});if(s==="Table")return e.jsx(He,{className:"size-4"});if(s==="Model")return e.jsx(ls,{className:"size-4"})}function d(){return e.jsxs(t.Select,{disabled:p,value:f,onValueChange:i,children:[e.jsx(t.SelectTrigger,{className:t.cn("h-9 w-full border-muted focus:ring-1 focus:ring-offset-0",u),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(ft,{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:[c&&e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),a&&a.map((h,g)=>e.jsx(t.SelectItem,{value:h.id,children:h.name},g))]}),(r||o)&&e.jsx(t.SelectItem,{value:f,children:f})]})})]})}function j(){return e.jsx(Xs,{icon:x(),items:a,value:f,onChange:i||(()=>{}),isLoading:r,isError:o,refetch:l,name:s,showNone:c})}return e.jsx(t.TooltipProvider$1,{delayDuration:0,children:e.jsx("div",{className:"flex items-center gap-2",children:m==="select"?d():j()})})}function Zs({column:s}){const[a,n]=I.useState(!1),r=t.useEditorStore(h=>h.selectedTableName),o=t.useEditorStore(h=>h.selectedSchemaName),l=t.useEditorStore(h=>h.selectedDatabaseName),i=t.useEditorStore(h=>h.selectedDatamodelId),c=t.useEditorStore(h=>h.sqlGen),{modelItems:u,connectionType:p}=Z(),m=t.useEditorStore(h=>h.actions.setSqlGen),f=t.useEditorStore(h=>h.actions.setCardSql),x=t.useEditorStore(h=>h.actions.setRunSql);function d(h,g){var A;const b=t.createSqlGenConfig(h,c,g),T=(A=u==null?void 0:u.find(C=>C.id===i))==null?void 0:A.name;m(b);const N=t.getSql(b,t.fmt(o||""),t.fmt(r),T,p,l||"");N&&(f(N),x(!0)),n(!1)}function j(){return e.jsxs("ul",{className:"text-xs",children:[e.jsx("li",{onClick:()=>d(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsx("li",{onClick:()=>d(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsx("li",{onClick:()=>d(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsx("li",{onClick:()=>d(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsx("li",{onClick:()=>d(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(ut,{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:j()})]})}function Ue({column:s}){return e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger$1,{asChild:!0,children:t.isTextDataType(s.data_type)?e.jsx(yt,{className:"size-3"}):t.isNumberDataType(s.data_type)?e.jsx(ht,{className:"size-3"}):t.isDateDataType(s.data_type)?e.jsx(t.Calendar,{className:"size-3"}):t.isBooleanDataType(s.data_type)?e.jsx(Ps,{className:"size-3"}):s.data_type.toLowerCase()==="json"?e.jsx(cs,{className:"size-3"}):e.jsx(_s,{className:"size-3"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{className:"font-mono text-xs",children:s.data_type})})]})}function ke({column:s,className:a}){return e.jsxs("div",{className:t.cn("flex h-8 grow items-center space-x-2 px-2 text-sm",a),children:[e.jsx(Ue,{column:s}),e.jsx("span",{children:s.column_name})]})}function en({id:s,children:a,type:n="column"}){const{attributes:r,listeners:o,setNodeRef:l,transform:i}=t.useDraggable({id:s,data:{type:n}}),c=i?{translate:t.CSS.Translate.toString(i),transform:t.CSS.Transform.toString(i)}:void 0;return e.jsx("div",{ref:l,style:c,...o,...r,children:a})}function tn({onClick:s,column:a}){const n=t.useDndStore(x=>x.activeId),r=t.useEditorStore(x=>{var d;return(d=x.card.queryConfig)==null?void 0:d.groupByColumns}),o=t.useEditorStore(x=>{var d;return(d=x.card.queryConfig)==null?void 0:d.trendByColumns}),l=t.useEditorStore(x=>{var d;return(d=x.card.queryConfig)==null?void 0:d.metricColumns}),i=t.useEditorStore(x=>{var d;return(d=x.card.queryConfig)==null?void 0:d.filterColumns});function c(x){return u(x)||m(x)||p(x)||f(x)}function u(x){return r==null?void 0:r.some(d=>d.name===x.column_name)}function p(x){return o==null?void 0:o.some(d=>d.name===x.column_name)}function m(x){return l==null?void 0:l.some(d=>d.name===x.column_name)}function f(x){return i==null?void 0:i.some(d=>d.name===x.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":c(a)}),children:[n===a.column_name&&e.jsx(t.DragOverlay,{children:e.jsx(ke,{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(ke,{column:a})}),e.jsx(en,{id:a.column_name,type:"column",children:e.jsx(ke,{column:a})})]})}function ae(s){return`${s}-${t.v4()}`}function ge(s,a){return s==="SUM"?`Sum of ${a}`:s==="AVG"?`Avg of ${a}`:s==="COUNT"?`Count of ${a}`:s==="MAX"?`Max of ${a}`:s==="MIN"?`Min of ${a}`:s==="DISTINCT"?`Distinct ${a}`:a}function sn({schemaName:s,tableName:a,columns:n,status:r}){const o=t.useEditorStore(y=>y.sqlGen),l=t.useEditorStore(y=>y.isDevMode),i=t.useEditorStore(y=>y.selectedConnectionId),c=t.useEditorStore(y=>y.selectedDatabaseName),u=t.useEditorStore(y=>y.selectedSchemaName),p=t.useEditorStore(y=>y.selectedTableName),m=t.useEditorStore(y=>y.selectedDatamodelId),f=t.useDashboardStore(y=>y.dashboard.aiScopeTables),{addToAIScope:x,removeFromAIScope:d}=t.useDashboardActions(),{addColumnToMetricColumns:j,addColumnToTrendByColumns:h,setCardSql:g,setRunSql:b,setSqlGen:T,setIsShowingVisual:N}=t.useEditorActions(),{connectionType:A,modelItems:C,selectedDatamodelName:L}=Z();function q(y){var F;if(l){const H=t.createSqlGenConfig(y,o);T(H);const $=(F=C==null?void 0:C.find(D=>D.id===m))==null?void 0:F.name,B=t.getSql(H,t.fmt(s),t.fmt(a),$,A,c||"");B&&(g(B),b(!0))}if(!l){if(t.isTextDataType(y.data_type)){const H={...y,role:"metric",id:ae(y.column_name),name:y.column_name,label:ge("COUNT",y.column_name),type:y.data_type,aggregate:"COUNT"};j(H)}if(t.isNumberDataType(y.data_type)){const H={...y,role:"metric",id:ae(y.column_name),name:y.column_name,label:ge("SUM",y.column_name),type:y.data_type,aggregate:"SUM"};j(H)}if(t.isDateDataType(y.data_type)){const H={...y,role:"trendby",id:ae(y.column_name),name:y.column_name,type:y.data_type};h(H)}}}function _(y){y===!0&&(p||L)&&i?(x({connectionId:i,connectionType:A==="S3"||A==="API"?"DuckDb":A,databaseName:c||"",schemaName:u||"",tableName:p||"",datamodelName:t.resolveDatamodelName(L),datamodelId:m||""}),t.ue.success("Added to Assistant Scope",{position:"top-right",duration:2500,richColors:!0})):(d({connectionId:i||"",connectionType:A||"",tableName:p||"",datamodelName:t.resolveDatamodelName(L),datamodelId:m||"",databaseName:c||"",schemaName:u||""}),t.ue("Removed from Assistant Scope",{position:"top-right",duration:2e3,richColors:!0}))}function U(){const y=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:L,connectionType:A,databaseName:c||""});N(!1);const F=A==="MSSQL"?`SELECT top 10 * FROM ${y}`:`SELECT * FROM ${y} LIMIT 10`;g(F),b(!0)}function v(){const y=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:L,connectionType:A,databaseName:c||""});g(`SELECT COUNT(*) as count FROM ${y}`),b(!0)}function k(){return(f==null?void 0:f.find(y=>y.connectionId===i&&(y.tableName===p||y.datamodelName===L)))!==void 0}function O(y){return l?e.jsxs("div",{className:"flex grow items-center justify-between space-x-2 rounded-md px-2 py-1",onClick:()=>q(y),children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(Ue,{column:y}),e.jsx("span",{children:y.column_name})]}),e.jsx("div",{onClick:F=>F.stopPropagation(),className:"flex items-center justify-end",children:t.isNumberDataType(y.data_type)&&e.jsx(Zs,{column:y})})]}):e.jsx(tn,{onClick:q,column:y})}function E(){return e.jsxs(e.Fragment,{children:[e.jsxs(t.Toggle,{title:`${k()?"Remove from":"Add to"} Assistant Scope`,pressed:k(),onPressedChange:_,variant:"outline",className:t.cn("h-9 px-2",{}),children:[e.jsx(t.Plus,{className:t.cn("mr-1 size-4",{"text-green-400":k(),"text-muted-foreground":!k()})}),"AI"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:U,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsx(re,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(Es,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:v,size:"sm",variant:"secondary",className:"w-full",children:[r!=="Success"?e.jsx(re,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(jt,{className:"mr-2 size-4"}),"Count"]})]})}return e.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[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 border-b border-t border-muted px-2 py-3",children:[e.jsx("div",{className:"flex flex-col gap-1",children:n==null?void 0:n.map(y=>e.jsx("div",{className:t.cn("mr-2 cursor-pointer rounded-md text-sm transition-colors hover:bg-muted"),children:O(y)},y.column_name))}),e.jsx(t.ScrollBar,{orientation:"vertical"}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function wt(){const s=t.useDashboardStore(c=>c.authToken),a=t.useEditorStore(c=>c.selectedConnectionId),{refetch:n,data:r,isLoading:o,isError:l}=t.useQuery({queryKey:["connections"],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/connections",(s==null?void 0:s.accessToken)||""),enabled:!!(s!=null&&s.accessToken)}),i=r==null?void 0:r.connections.find(c=>c.id===a);return{connectionsData:r,isConnectionsLoading:o,isConnectionsError:l,refetchConnections:n,currentConnection:i}}function kt(){var h;const s=t.useEditorStore(g=>g.selectedConnectionId),a=t.useEditorStore(g=>g.selectedDatabaseName),n=t.useEditorStore(g=>g.selectedDatamodelId),r=t.useEditorStore(g=>g.selectedSchemaName),o=t.useEditorStore(g=>g.selectedTableName),l=t.useDashboardStore(g=>g.authToken),{currentConnection:i}=wt(),c=i==null?void 0:i.type,{data:u,isLoading:p,isFetching:m,isError:f,refetch:x}=t.useQuery({queryKey:["columns",s,a,n,r,o],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/columns",(l==null?void 0:l.accessToken)||"",{connection_id:s,datamodel_id:n||"",database_name:a,schema_name:r,table_name:o}),enabled:d(c)});function d(g){return l!=null&&l.accessToken?!!(s&&a&&a!=="NA"&&r&&o||s&&(g==="S3"||g==="API")||n&&n):!1}return{columns:(h=u==null?void 0:u.columns)==null?void 0:h.map(g=>({...g,data_type:g.data_type.toLowerCase()})),isColumnsLoading:p,isColumnsFetching:m,isColumnsError:f,refetchColumns:x}}function Z(s,a){var Je,Ke,We,Ye,Xe;const n=t.useSemaphorContext().authToken||s,r=t.useEditorStore(V=>V.selectedConnectionId),o=t.useEditorStore(V=>V.selectedDatamodelId),l=t.useEditorStore(V=>V.selectedDatabaseName),i=t.useEditorStore(V=>V.selectedSchemaName),c=t.useEditorStore(V=>V.selectedTableName),u=t.useEditorStore(V=>V.actions.setSelectedConnectionId),p=t.useEditorStore(V=>V.actions.setSelectedDatamodelId),m=t.useEditorStore(V=>V.actions.setSelectedDatabaseName),f=t.useEditorStore(V=>V.actions.setSelectedSchemaName),x=t.useEditorStore(V=>V.actions.setSelectedTableName);t.useEditorStore(V=>V.actions.setCardSql);function d(V){return r&&l&&i&&l!=="NA"?!0:r&&V==="API"?!1:!!(r&&V==="S3")}function j(V){return r&&V?!(V==="API"||V==="S3"):!1}const{refetchConnections:h,connectionsData:g,isConnectionsLoading:b,isConnectionsError:T,currentConnection:N}=wt(),{refetch:A,data:C,isLoading:L,isError:q}=t.useQuery({queryKey:["models",r],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/datamodels",(n==null?void 0:n.accessToken)||"",{connection_id:r}),enabled:!!(n!=null&&n.accessToken)&&!!r}),_=N==null?void 0:N.type,U=(N==null?void 0:N.type)==="API"||(N==null?void 0:N.type)==="S3",{data:v,isLoading:k,isFetching:O,isError:E,refetch:y}=t.useQuery({queryKey:["databases",r],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/databases",(n==null?void 0:n.accessToken)||"",{connection_id:r}),enabled:j(_)}),{data:F,isLoading:H,isFetching:$,isError:B,refetch:D}=t.useQuery({queryKey:["schemas",r,l],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/schemas",(n==null?void 0:n.accessToken)||"",{connection_id:r,database_name:l}),enabled:!!r&&!!l&&!U&&l!=="NA"}),{data:S,isLoading:w,isFetching:M,isError:z,refetch:G}=t.useQuery({queryKey:["tables",r,l,i],queryFn:()=>t.getRequest("https://semaphor.cloud/api/v1/tables",(n==null?void 0:n.accessToken)||"",{connection_id:r,database_name:l,schema_name:i}),enabled:d(_)}),{columns:P,isColumnsLoading:K,isColumnsFetching:W,isColumnsError:ee,refetchColumns:te}=kt();I.useEffect(()=>{(_==="S3"||_==="API")&&(m(""),f(""),p(""),_==="API"&&x("api"))},[_,x,m,f,p]);const R=(N==null?void 0:N.type)==="API"?(Je=N==null?void 0:N.type)==null?void 0:Je.toLowerCase():c||"",Q=U?"":i||"";function Y(V){f(V),x("")}function ne(V){m(V==="none"?"":V),f(""),x(""),V!=="none"&&V!==""&&p("")}function ie(V){u(V)}function Ce(V){p(V==="none"?"":V),V!=="none"&&V!==""&&m("")}v&&((Ke=v==null?void 0:v.databases)==null?void 0:Ke.length)>0,F&&((We=F==null?void 0:F.schemas)==null?void 0:We.length)>0;const ve=g==null?void 0:g.connections.map(V=>({id:V.id,name:V.name,type:V.type})),Ne=(Ye=C==null?void 0:C.datamodels)==null?void 0:Ye.map(V=>({id:V.id,name:V.name})),we=v==null?void 0:v.databases.map(V=>({id:V.database_name,name:V.database_name})),he=F==null?void 0:F.schemas.map(V=>({id:V.schema_name,name:V.schema_name})),J=S==null?void 0:S.tables.map(V=>({id:V.table_name,name:V.table_name})),se=(Xe=C==null?void 0:C.datamodels.find(V=>V.id===o))==null?void 0:Xe.name,Jt=t.getFormattedTableNameForQuery({schemaName:Q,tableName:R,modelName:se,connectionType:_,databaseName:l||""});return{connectionItems:ve,selectedConnectionId:r,isConnectionsLoading:b,isConnectionsError:T,modelItems:Ne,selectedDatamodelId:o,selectedDatamodelName:se,isModelsLoading:L,isModelsError:q,selectedDatabaseName:l,databaseItems:we,isDatabasesLoadingOrFetching:k||O,isDatabaseError:E,schemaItems:he,selectedSchemaName:i,isSchemaLoadingOrFetching:H||$,isSchemaError:B,tableItems:J,selectedTableName:c,isTableLoadingOrFetching:w||M,isTableError:z,columns:P,isColumnsLoadingOrFetching:K||W,isColumnsError:ee,isNonDbConnection:U,connectionType:_,tableName:R,formattedTableName:Jt,schemaName:Q,refetchConnections:h,refetchModels:A,refetchDatabases:y,refetchSchemas:D,refetchTables:G,refetchColumns:te,handleConnectionChange:ie,handleDatamodelChange:Ce,handleDatabaseChange:ne,handleSchemaChange:Y}}function It({ColumnsComponent:s,type:a}){var he;const n=t.useEditorStore(J=>J.card),r=t.useEditorStore(J=>J.selectedConnectionId),o=t.useDashboardStore(J=>J.showFilters),l=t.useEditorStore(J=>J.selectedDatamodelId),i=t.useEditorStore(J=>J.selectedDatabaseName),c=t.useEditorStore(J=>J.selectedSchemaName),u=t.useEditorStore(J=>J.selectedTableName),p=t.useEditorStore(J=>J.isDevMode),{setSelectedTableName:m,setIsDevMode:f,setCardSql:x}=t.useEditorActions(),{connectionItems:d,modelItems:j,schemaItems:h,databaseItems:g,tableItems:b,columns:T,isConnectionsLoading:N,isModelsLoading:A,isConnectionsError:C,isModelsError:L,isDatabasesLoadingOrFetching:q,isDatabaseError:_,isSchemaLoadingOrFetching:U,isSchemaError:v,isColumnsError:k,isColumnsLoadingOrFetching:O,isTableLoadingOrFetching:E,isTableError:y,connectionType:F,isNonDbConnection:H,refetchDatabases:$,refetchModels:B,refetchSchemas:D,refetchTables:S,refetchColumns:w,refetchConnections:M,handleConnectionChange:z,handleDatabaseChange:G,handleSchemaChange:P,handleDatamodelChange:K,tableName:W,schemaName:ee}=Z(),{data:te,refetch:R}=t.useDashboardCardQuery(n);function Q(){return s?s(ee,W,T):e.jsx(sn,{schemaName:ee,tableName:W,columns:T,status:O?"Loading...":k?"Error":"Success"})}function Y(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function ne(J){J===!0?te&&(x(te.userSql),setTimeout(()=>{R()},500)):x(""),f(J)}function ie(){if(!r||F==="S3"||F==="API")return null;if(!l||l==="none")return e.jsx(le,{refetch:$,showNone:!0,onChange:G,isError:_,isLoading:q,items:g,value:i||"",title:"Database",type:"combobox"})}function Ce(){if(r&&!H&&(!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 ve(){if(!r||F==="S3"||F==="API")return null;if(!i||i==="none")return e.jsx(le,{refetch:B,showNone:!0,onChange:K,isError:L,isLoading:A,items:j,value:l||"",title:"Model",type:"combobox"})}function Ne(){return!r||F==="S3"||F==="API"||!i||i==="none"?null:e.jsx(le,{refetch:D,onChange:P,isError:v,isLoading:U,items:h,value:c||"",title:"Schema",type:"combobox"})}function we(){function J(){let se=!1;return F==="API"?(se=!1,se):((F==="S3"||r&&i&&i!=="none"&&c)&&(se=!0),se)}return J()?e.jsx(le,{refetch:S,onChange:m,isError:y,items:b,isLoading:E,value:u||"",title:"Table",type:"combobox"}):null}return e.jsxs("aside",{className:t.cn("flex h-full min-w-[300px] 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(le,{refetch:M,items:d,title:"Connection",value:r||"",onChange:z,isLoading:N,isError:C,type:"combobox",connectionTooltip:((he=d==null?void 0:d.find(J=>J.id===r))==null?void 0:he.type)||""}),ie(),Ce(),ve(),Ne(),we()]}),Q(),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:p,onCheckedChange:ne,id:"dev-mode"}),e.jsx(t.Label,{htmlFor:"dev-mode",children:"Dev Mode"})]}),e.jsxs(t.Button,{onClick:Y,size:"sm",variant:"secondary",className:"group flex items-center gap-2 rounded-full",children:[e.jsx(As,{className:"size-4"}),e.jsx("span",{className:"hidden group-hover:block",children:"Help"})]})]})})]})}function Dt({sql:s,error:a,onClick:n}){return!s&&!a?null: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(ct,{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"})})]})]}),a&&n&&e.jsxs(t.Button,{onClick:n,size:"sm",variant:"secondary",children:[e.jsx(vs,{className:"mr-2 h-4 w-4"}),"Debug with Assistant"]})]})})})]})}var Et={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},tt=I.createContext&&I.createContext(Et),nn=["attr","size","title"];function an(s,a){if(s==null)return{};var n=rn(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 rn(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 je(){return je=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},je.apply(this,arguments)}function st(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 be(s){for(var a=1;a<arguments.length;a++){var n=arguments[a]!=null?arguments[a]:{};a%2?st(Object(n),!0).forEach(function(r){on(s,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):st(Object(n)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(n,r))})}return s}function on(s,a,n){return a=ln(a),a in s?Object.defineProperty(s,a,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[a]=n,s}function ln(s){var a=cn(s,"string");return typeof a=="symbol"?a:a+""}function cn(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 Tt(s){return s&&s.map((a,n)=>I.createElement(a.tag,be({key:n},a.attr),Tt(a.child)))}function ue(s){return a=>I.createElement(dn,je({attr:be({},s.attr)},a),Tt(s.child))}function dn(s){var a=n=>{var{attr:r,size:o,title:l}=s,i=an(s,nn),c=o||n.size||"1em",u;return n.className&&(u=n.className),s.className&&(u=(u?u+" ":"")+s.className),I.createElement("svg",je({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,i,{className:u,style:be(be({color:s.color||n.color},n.style),s.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),l&&I.createElement("title",null,l),s.children)};return tt!==void 0?I.createElement(tt.Consumer,null,n=>a(n)):a(Et)}function un(s){return ue({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 At(s){const{theme:a}=t.useTheme(),n=t.useDashboardStore(h=>h.theme),r=t.useEditorStore(h=>h.frame),o=t.useEditorStore(h=>h.card),l=t.useEditorStore(h=>h.activeTabCardId),i=t.Le(),{refetch:c}=t.useDashboardCardQuery(o),{updateCardTab:u,setRunSql:p}=t.useEditorActions(),m=I.useRef(),f=I.useRef({}),x=r.cards.find(h=>h.id===l),d=I.useCallback(()=>{let h="";return s==="python"&&(h=(x==null?void 0:x.python)||t.PYTHON_DEFAULT_CODE),s==="sql"&&(h=(x==null?void 0:x.sql)||""),h},[s,x]);I.useEffect(()=>{if(l&&o.id&&o.id!==l){if(m.current&&i){const h=m.current.getModel();h&&(f.current[o.id]=h);let g=f.current[l];if(!g){const b=d();g=i.editor.createModel(b,s),f.current[l]=g}m.current.setModel(g)}u(l,o),p(!0)}},[l,o,u,i,p,s,d]),I.useEffect(()=>{if(!i)return;const h=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",g=n==="system"?h:n;i.editor.defineTheme("default",{base:g==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":g==="light"?"#ffffff":t.hslStringToHex("240 10% 10%")}}),i.editor.setTheme("default")},[a,n,i]),I.useEffect(()=>{const h=m.current;h&&i&&o&&h.addCommand(i.KeyMod.Shift|i.KeyCode.Enter,function(){return c(),!1})},[i,c,o]);function j(h,g){if(m.current=h,!f.current[o.id]){const b=h.getModel(),T=d();f.current[o.id]=b||(g==null?void 0:g.editor.createModel(T,s))||h.getModel()}h.setModel(f.current[o.id])}return{handleEditorDidMount:j}}function mn(){const s=t.useEditorStore(i=>i.card.sql),a=t.useEditorStore(i=>i.sqlGen),{setCardSql:n,setSqlGen:r}=t.useEditorActions(),{handleEditorDidMount:o}=At("sql");function l(i){n(i),t.isObjectEmpty(a)||r({})}return 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 hn(){const s=t.useEditorStore(o=>o.card.python),{setCardPython:a}=t.useEditorActions(),{handleEditorDidMount:n}=At("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 pn({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 Mt(s){var W,ee,te;const[a,n]=I.useState(""),[r,o]=I.useState(null),{authToken:l}=t.useSemaphorContext(),i=t.useEditorStore(R=>{var Q;return(Q=R==null?void 0:R.card)==null?void 0:Q.sql}),c=t.useEditorStore(R=>{var Q;return(Q=R==null?void 0:R.card)==null?void 0:Q.python}),u=t.useEditorStore(R=>R.actions.setCardSql),p=t.useEditorStore(R=>R.actions.setRunSql),m=t.useEditorStore(R=>R.actions.switchCardType),f=t.useEditorStore(R=>R.currentAssitantScope)||[],x=t.useEditorStore(R=>R.userInputForAI),d=t.useEditorStore(R=>R.triggerAIRun),j=t.useEditorStore(R=>R.selectedDatabaseName),h=t.useEditorStore(R=>R.selectedTableName),g=t.useEditorStore(R=>R.selectedConnectionId),b=t.useEditorStore(R=>R.selectedSchemaName),T=t.useDashboardStore(R=>R.dashboard.aiScopeTables),{setTriggerAIRun:N,setCurrentAssitantScope:A}=t.useEditorActions(),{selectedDatamodelName:C,connectionType:L,selectedDatamodelId:q}=Z(),{messages:_,setMessages:U,reload:v,error:k,append:O,input:E,setInput:y,status:F,handleInputChange:H,handleSubmit:$,stop:B}=t.useChat({api:"https://semaphor.cloud/api/v1/assistant",headers:{Authorization:`Bearer ${l==null?void 0:l.accessToken}`},body:{random:Math.random()},maxSteps:10,onToolCall:D,onFinish(R,Q){S(Q.usage),n(""),Q.finishReason==="stop"&&n("")}});I.useEffect(()=>{d&&x&&(H({target:{value:x}}),setTimeout(()=>{$(),N(!1)},100))},[d,$,x,N,H]);async function D({toolCall:R}){if(R.toolName==="createChartFromSql"){const Q=R.args.sql,Y=R.args.chartType;return m(Y),u(Q),p(!0),{status:"success",message:"Let the user know that chart is created"}}else if(R.toolName==="getTableColumns")n("Getting table columns...");else{if(R.toolName==="getUserSql")return i?{status:"success",sql:i,python:c||""}:{status:"error",message:"No SQL found"};if(R.toolName==="getCurrentTableScope")return n("Getting table scope..."),G(),{status:"success",tables:f};n("Analyzing...")}}function S(R){o(Q=>Q?{promptTokens:Q.promptTokens+R.promptTokens,completionTokens:Q.completionTokens+R.completionTokens,totalTokens:Q.totalTokens+R.totalTokens}:R)}function w(R){const Q=t.removeFromScopeArray(f,R);M(Q)}function M(R){const Q=t.sanitizeAIScope(R);A(Q),U(Y=>[...Y,{id:crypto.randomUUID(),role:"system",content:`Current scope of tables | ${JSON.stringify(Q)}`}])}function z(){const R={databaseName:j||"",schemaName:b||"",tableName:h||"",datamodelId:q||"",datamodelName:t.resolveDatamodelName(C),connectionId:g||"",connectionType:L||""},Q=t.dedup([...f,R]);M(Q)}function G(){const R={databaseName:j||"",schemaName:b||"",tableName:h||"",datamodelName:t.resolveDatamodelName(C),connectionId:g||"",connectionType:L||"",datamodelId:q||""};if(!t.isInAiScopeArray([...T||[],...f],R)||f.length===0){const Y=t.dedup([...T||[],...f,R]).filter(ne=>ne.connectionId===R.connectionId);M(Y)}}const P=!["ready","error"].includes(F),K=(te=(ee=(W=JSON.parse((k==null?void 0:k.message)||"{}"))==null?void 0:W.error)==null?void 0:ee.lastError)==null?void 0:te.message;return{messages:_,setMessages:U,reload:v,append:O,input:E,setInput:y,isLoading:P,handleSetAIScope:G,handleAddCurrentTableToScope:z,removeFromCurrentSelections:w,currentAssitantScope:f,setCurrentAssitantScope:A,handleInputChange:H,handleSubmit:$,stop:B,chatStatus:F,toolStatus:a,llmUsage:r,onFinish:s,errorMessage:K}}function xn(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),c=s.substring(a);return`${i} {{ filters | where }} AND ${c.substring(6)}`}else if(n!==-1){const i=s.substring(0,n),c=s.substring(n);return`${i} {{ filters | where }} ${c}`}else{const i=s.substring(0,l),c=s.substring(l);return console.log("beforeClause",i),console.log("afterClause",c),c?`${i} {{ filters | where }} ${c}`:`${i.replace(/;$/,"")} {{ filters | where }}`}}function Lt({variant:s="secondary"}){const{setCardSql:a}=t.useEditorActions(),n=t.useEditorStore(d=>d.frame),r=t.useEditorStore(d=>d.card),o=t.useEditorStore(d=>d.selectedSchemaName),l=t.useEditorStore(d=>d.selectedDatamodelId),i=t.useEditorStore(d=>d.selectedDatabaseName),c=t.useEditorStore(d=>d.selectedTableName),u=t.useEditorStore(d=>d.selectedConnectionId),p=t.useEditorStore(d=>d.isShowingVisual),m=r.sql,f=t.useEditorStore(d=>d.onSave);function x(){let d=m;m&&!m.includes("{{")&&(d=xn(m),a(d));const j={...r,lastSelectedSchema:o,lastSelectedDatamodelId:l,lastSelectedDatabase:i,lastSelectedTable:c,connectionId:u,type:p?r.type:"table",sql:d,customCfg:p?r.customCfg:null},h=n.cards.map(b=>b.id===r.id?j:b),g={...n,cards:h,activeCardId:fn(h,n.activeCardId)};f==null||f(g)}return e.jsxs(t.Button,{onClick:x,size:"sm",variant:s,children:[e.jsx(t.Check,{className:"mr-2 size-4 font-bold"}),"Accept"]})}function Ot(){const{setTempQueryData:s,setSqlGen:a}=t.useEditorActions(),n=t.useQueryClient(),r=t.useEditorStore(u=>u.tempQueryData),o=t.useEditorStore(u=>u.onClose),l=t.useEditorStore(u=>u.card),{queryKey:i}=t.useDashboardCardQuery(l);function c(){if(r){const{queryKey:u,queryData:p}=r;u&&p&&n.setQueryData(u,p)}a({}),o==null||o()}return e.jsxs(t.Button,{onClick:c,size:"sm",variant:"secondary",children:[e.jsx(t.X,{className:"mr-2 size-4"}),"Close"]})}function zt(){const{setTempQueryData:s}=t.useEditorActions(),a=t.useQueryClient(),n=t.useEditorStore(d=>d.tempQueryData),r=t.useEditorStore(d=>d.card),{queryKey:o}=t.useDashboardCardQuery(r),{setCardSql:l,setSqlGen:i,setCardPython:c,setCardCustomCfg:u,setCardPreferences:p,setCardType:m,clearQueryConfig:f}=t.useEditorActions();function x(){const d=a.getQueryData(o);n!=null&&n.queryData||s({queryKey:o,queryData:d}),a.setQueryData(o,null),a.removeQueries({queryKey:o,exact:!0}),l(""),i({}),f(),c(""),u(""),p({})}return e.jsxs(t.Button,{onClick:x,className:"",size:"sm",variant:"secondary",children:[e.jsx(gs,{className:"mr-2 size-4"}),"Clear"]})}function fn(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(c=>c.tabTitle===l);return i?i.id:s[0].id}return a}}return s[0].id}function gn(){const s=t.useQueryClient(),[a,n]=I.useState(!1),[r,o]=I.useState(!1);t.useEditorStore(S=>S.frame);const l=t.useEditorStore(S=>S.card);t.useEditorStore(S=>S.isShowingVisual),t.useEditorStore(S=>S.selectedConnectionId),t.useEditorStore(S=>S.tempQueryData),t.useEditorStore(S=>S.selectedDatabaseName),t.useEditorStore(S=>S.selectedDatamodelId),t.useEditorStore(S=>S.selectedSchemaName);const i=t.useEditorStore(S=>S.showAIDialog);t.useEditorStore(S=>S.selectedTableName);const c=t.useEditorStore(S=>{var w;return(w=S==null?void 0:S.card)==null?void 0:w.sql}),{sheetFilterValues:u}=t.useSheetFilterValues(),{setCardCustomCfg:p,setQueryResultColumns:m,setCardSql:f,setTempQueryData:x,setPythonStdOut:d,setCardPreferences:j,setCardType:h,setCardPython:g,runAssistant:b,setShowAIDialog:T}=t.useEditorActions();t.useEditorStore(S=>S.onSave),t.useEditorStore(S=>S.onClose),t.useEditorStore(S=>S.actions.setSqlGen);const N=t.useEditorStore(S=>S.runSql),A=t.useEditorStore(S=>S.actions.setRunSql),C=t.useEditorStore(S=>S.actions.setIsSqlRunning),{data:L,isLoading:q,isFetching:_,isSuccess:U,isError:v,error:k,queryKey:O,refetch:E,errorMessage:y}=t.useDashboardCardQuery(l),{handleSetAIScope:F}=Mt();I.useEffect(()=>{if(L&&(L.rowLimitExceeded&&t.ue.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),d((L==null?void 0:L.output)||""),L.records.length>0)){const{dimensionKeys:S}=t.getKeys(L.records);m(S)}},[L,m,d]),I.useEffect(()=>{(q||_)&&C(!0),(v||U)&&C(!1),v&&(m([]),d(""))},[q,_,L,d,v,U,C,m,k]),I.useEffect(()=>{N&&(s.getQueryData(O)||E(),A(!1))},[N,E,A,O,s]);async function H(){const S=`Can you help me debug this query in the current table scope?
|
|
342
342
|
|
|
343
343
|
Error:
|
|
344
344
|
|
|
@@ -346,7 +346,7 @@
|
|
|
346
346
|
|
|
347
347
|
Query:
|
|
348
348
|
|
|
349
|
-
${
|
|
349
|
+
${c}
|
|
350
350
|
|
|
351
|
-
`;b(C)}function $(){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(mn,{jsonString:JSON.stringify(m,null,2)})})}),m&&m.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(ut,{className:"size-3.5 text-muted-foreground"})})]})}function B(){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(dn,{})}),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(un,{})}),e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"python"})]})]})]})}function I(){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||F,onClick:()=>{D()},className:"shrink-0",size:"sm",children:[R||F?e.jsx(re,{className:"mr-2 h-4 w-4 animate-spin"}):e.jsx(t.Play,{className:"mr-2 h-4 w-4"}),"Run"]}),e.jsx(It,{sql:M==null?void 0:M.sql,error:y,onClick:G}),e.jsx(Ot,{}),e.jsx(t.Toggle,{pressed:a,onPressedChange:C=>n(C),className:"",size:"sm",children:e.jsx(cn,{className:"size-4 text-foreground/70"})}),e.jsx("button",{disabled:i,onClick:()=>{_(),O(!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(Lt,{}),e.jsx(Mt,{})]})]})}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:[B(),$()]}),I()]})}function fn({data:s}){var i;const[a,n]=k.useState([]),o=Object.keys(s[0]).map(d=>({accessorKey:d,header:({column:m})=>{const p=m.getIsSorted();return e.jsx("div",{className:"flex gap-2",children:e.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>m.toggleSorting(m.getIsSorted()==="asc"),children:[d,p==="asc"?e.jsx(t.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):p==="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.jsx(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(m=>e.jsx(t.TableHead,{className:"h-11 font-semibold text-foreground",children:m.isPlaceholder?null:t.flexRender(m.column.columnDef.header,m.getContext())},m.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(m=>e.jsx(t.TableCell,{className:"py-2",children:t.flexRender(m.column.columnDef.cell,m.getContext())},m.id))},d.id)):e.jsx(t.TableRow,{children:e.jsx(t.TableCell,{colSpan:o.length,className:"h-24 text-center",children:"No results."})})})]})})}function gn({card:s}){var O,E,z,w,M,R,F,H,S,v,A;const[a,n]=k.useState(!1),[r,o]=k.useState([]),{authToken:l}=t.useSemaphorContext(),i=t.getTokenParams(l==null?void 0:l.accessToken),d=t.useDashboardStore(D=>D.themeStyle),m={colors:((E=(O=d==null?void 0:d.chart)==null?void 0:O.dataset)==null?void 0:E.backgroundColor)||[]};(z=s.customCardPreferences)!=null&&z.inputData;const{getCard:p}=t.useCustomVisual(((w=s.customCardPreferences)==null?void 0:w.url)||""),u=((M=s.customCardPreferences)==null?void 0:M.visualType)||"single",x=t.useEditorStore(D=>D.frame),{setCustomCardPreferences:f}=t.useEditorActions(),{data:c}=t.useDashboardCardQuery(s),g=k.useCallback((D,y)=>{o(_=>({..._,[D]:y}))},[]);if(!((R=s.customCardPreferences)!=null&&R.componentName))return null;const h=p((F=s.customCardPreferences)==null?void 0:F.componentName);function j(D){n(D)}const b=Object.keys(((H=s.customCardPreferences)==null?void 0:H.dataInputCardIds)||{}).map(D=>{var G,$,B;const y=($=(G=s.customCardPreferences)==null?void 0:G.dataInputCardIds)==null?void 0:$[D].cardId,_=(B=x==null?void 0:x.cards)==null?void 0:B.find(I=>I.id===y);return _||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(k.Suspense,{fallback:e.jsx(e.Fragment,{}),children:[h&&u==="single"&&e.jsx(h,{params:i,theme:m,settings:(S=s.customCardPreferences)==null?void 0:S.settings,onDataChange:g,data:(c==null?void 0:c.records)||[]}),h&&u==="multiple"&&e.jsxs(e.Fragment,{children:[Object.keys(((v=s.customCardPreferences)==null?void 0:v.dataInputCardIds)||{}).map(D=>{var G,$,B;const y=($=(G=s.customCardPreferences)==null?void 0:G.dataInputCardIds)==null?void 0:$[D].cardId,_=(B=x==null?void 0:x.cards)==null?void 0:B.find(I=>I.id===y);if(_)return e.jsx(t.MultiInputEmptyRenderer,{onLoadingStatus:j,onDataChange:g,dataInputIndex:D,card:_},_.id+D)}),e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx(h,{theme:m,onDataChange:g,settings:b.map(D=>{var y;return(y=D==null?void 0:D.customCardPreferences)==null?void 0:y.settings}),data:b.map(D=>D!=null&&D.id?r==null?void 0:r[D.id]:[])})})]})]},(A=s.customCardPreferences)==null?void 0:A.componentName)})}function zt({className:s,...a}){var j;const n=t.useEditorStore(b=>b.card),r=((j=n.customCardPreferences)==null?void 0:j.showCardHeader)??!0,o=t.useEditorStore(b=>b.frame),l=t.useDashboardStore(b=>b.dashboard.filters);t.useEditorStore(b=>b.actions.setRunSql);const{updateFilter:i}=t.useDashboardActions(),d=l==null?void 0:l.find(b=>b.id===o.filterId),{data:m,isLoading:p,isFetching:u}=t.useDashboardCardQuery(n),{setCard:x}=t.useEditorActions(),{data:f}=t.useTopoJson(n),c=k.useMemo(()=>!n.id||!(m!=null&&m.records)?null:t.createChartConfig({data:m==null?void 0:m.records,cardType:n.type,customCfg:n.customCfg,preferences:n.preferences,topoJson:f}),[n.id,m==null?void 0:m.records,n.type,n.customCfg,n.preferences,f]);function g(b){return e.jsx(gn,{card:b})}function h(){if(m!=null&&m.records&&(m==null?void 0:m.records.length)===0&&!p&&!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)&&c)return e.jsx(e.Fragment,{children:p||u?e.jsx(e.Fragment,{}):e.jsx(t.ChartJsVisual,{cfg:c})});if(n.type==="table"&&(m!=null&&m.records)&&(m==null?void 0:m.records.length)>0)return e.jsxs(t.ScrollArea,{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:m==null?void 0:m.records}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}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,{text:n.title,onSave:b=>x({...n,title:b}),children:e.jsx("div",{className:"flex items-center gap-5",children:e.jsx(t.CardTitle,{className:"text-base",children:n.title||"Edit title..."})})},n.title),e.jsx(t.Editable,{text:n.description||"",onSave:b=>x({...n,description:b}),children:e.jsx(t.CardDescription,{children:n.description||"Edit description..."})},n.description)]}),d&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Editable,{className:"my-1",text:d.title||d.column,onSave:b=>i({...d,title:b}),children:e.jsx(t.Label,{children:d.title})}),e.jsx(t.FilterComponent,{filter:d})]})]}),e.jsx(t.CardContent,{className:"flex grow flex-col",children:h()})]})}const Ie=({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}),jn=()=>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."})]})]}),bn=({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(Ie,{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(Ie,{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(Ie,{language:"javascript",value:s,onChange:o})})]}),yn=({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 Sn(){const[s,a]=k.useState(!1),[n,r]=k.useState(""),[o,l]=k.useState(""),[i,d]=k.useState(""),[m,p]=k.useState(""),u=t.useEditorStore(w=>w.card),x=t.useEditorStore(w=>w.card.customCfg),f=x?JSON.stringify(x,null,2):"",{data:c}=t.useDashboardCardQuery(u),{data:g}=t.useTopoJson(u),{setCardCustomCfg:h,setCustomVisualCode:j}=t.useEditorActions(),b=w=>{var M,R;return JSON.stringify({...w,data:{...w.data,datasets:(R=(M=w.data)==null?void 0:M.datasets)==null?void 0:R.map(F=>({...F,data:[]}))}},null,2)},O=()=>{var M,R;if(!((M=c==null?void 0:c.records)!=null&&M.length))return;const w=t.createChartConfig({data:c.records,cardType:u.type,preferences:u.preferences,topoJson:g});if(w){r(b(w)),d(((R=u.preferences)==null?void 0:R.customVisualCode)||"");const F=t.merge(w,x);l(b(F))}},E=()=>{try{if(i&&j(i),o){const w=JSON.parse(o),M=t.getObjectDiff(JSON.parse(n),w);h(M),p("")}}catch{p("Invalid JSON configuration")}},z=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:O,className:z?"":"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(jn,{}),e.jsxs("div",{className:"flex grow gap-2",children:[e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(zt,{className:"w-1/2 rounded shadow-none"})}),e.jsx(bn,{customCode:i,cardCustomCfgString:f,mergedConfig:o,onConfigChange:w=>l(w??""),onCodeChange:w=>d(w??"")})]}),e.jsx(yn,{error:m,hasCardCustomConfig:!!x,onReset:()=>{l(n),h(null)},onApply:E,onClose:()=>a(!1)})]})]})}function Ft(s){return ue({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 Cn(s){return ue({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 Rt(s){return ue({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 _t(s){return ue({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 Vt(s){return ue({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 qt(s){const[a,n]=k.useState(null);return a}function Bt(){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 vn({onChartTypeChange:s}){const[a,n]=k.useState([]),{data:r}=Bt();return k.useEffect(()=>{(async()=>{var l;if(r){const d=(await Promise.all((l=r==null?void 0:r.plugins)==null?void 0:l.map(async m=>(await t.loadManifest(m.value)).visuals.map(x=>({name:x.name,icon:x.icon,url:m.value}))))).flat();n(d)}})()},[r]),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((o,l)=>e.jsx(Nn,{text:o.name,onClick:()=>s("custom",o),icon:o.icon},o.url+o.name+l))})]})}const Nn=({text:s,icon:a,onClick:n})=>{const r=qt(),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 wn(){var x,f;const[s,a]=k.useState(!1),n=t.useEditorStore(c=>c.card),r=n.type,o=t.useDashboardStore(c=>c.isVisualEditing),{setCardType:l,setCardPreferences:i,setChartOrientation:d}=t.useEditorStore(c=>c.actions),{setCardCustomCfg:m,setCustomCardPreferences:p}=t.useEditorActions();function u(c,g){m(null),i({}),l(c),g&&p({type:"component",visualType:"single",url:g.url,componentName:g.name,icon:g.icon}),a(!1)}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(kn,{className:"size-4",chartType:r,customIcon:(x=n.customCardPreferences)==null?void 0:x.icon,componentName:(f=n.customCardPreferences)==null?void 0:f.componentName})})}),e.jsxs(t.PopoverContentCustom,{onOpenAutoFocus:c=>c.preventDefault(),className:"w-50",children:[e.jsxs("div",{className:"grid grid-cols-4 place-items-center",children:[e.jsx(t.IconButton,{tooltip:"Bar Chart",onClick:()=>u("bar"),className:"h-10 p-4",children:e.jsx(Be,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Line Chart",onClick:()=>u("line"),className:"h-10 p-4",children:e.jsx(Pe,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Stacked Bar Chart",onClick:()=>u("stackedBar"),className:"h-10 p-4",children:e.jsx(at,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Stacked Line Chart",onClick:()=>u("stackedLine"),className:"h-10 p-4",children:e.jsx(_t,{className:"size-5",strokeWidth:0})}),e.jsx(t.IconButton,{tooltip:"Scatter Chart",onClick:()=>u("scatter"),className:"h-10 p-4",children:e.jsx(it,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Bubble Chart",onClick:()=>u("bubble"),className:"h-10 p-4",children:e.jsx(Rt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Pie Chart",onClick:()=>u("pie"),className:"h-10 p-4",children:e.jsx(ot,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Doughnut Chart",onClick:()=>u("doughnut"),className:"h-10 p-4",children:e.jsx(ct,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Radar Chart",onClick:()=>u("radar"),className:"h-10 p-4",children:e.jsx(pt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Polar Area Chart",onClick:()=>u("polarArea"),className:"h-10 p-4",children:e.jsx(Ft,{className:"size-6"})}),e.jsx(t.IconButton,{tooltip:"Pyramid Chart",onClick:()=>u("pyramid"),className:"h-10 p-4",children:e.jsx(jt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Range Chart",onClick:()=>u("range"),className:"h-10 p-4",children:e.jsx(rt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Table",onClick:()=>u("table"),className:"h-10 p-4",children:e.jsx(He,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"KPI",onClick:()=>u("kpi"),className:"h-10 p-4",children:e.jsx(Vt,{className:"size-6"})}),e.jsx(t.IconButton,{tooltip:"Text",onClick:()=>u("text"),className:"h-10 p-4",children:e.jsx(rs,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Map",onClick:()=>u("map"),className:"h-10 p-4",children:e.jsx(ht,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Custom",onClick:()=>u("custom"),className:"h-10 p-4",children:e.jsx(ft,{className:"size-5"})})]}),e.jsx(vn,{onChartTypeChange:u})]})]})}function kn({chartType:s,className:a,customIcon:n,componentName:r}){const o=qt();switch(s){case"bar":return e.jsx(Be,{className:a});case"line":return e.jsx(Pe,{className:a});case"pie":return e.jsx(ot,{className:a});case"radar":return e.jsx(pt,{className:a});case"scatter":return e.jsx(it,{className:a});case"bubble":return e.jsx(Rt,{className:a});case"doughnut":return e.jsx(ct,{className:a});case"stackedBar":return e.jsx(at,{className:a});case"stackedLine":return e.jsx(_t,{className:a});case"polarArea":return e.jsx(Ft,{className:a});case"pyramid":return e.jsx(jt,{className:a});case"range":return e.jsx(rt,{className:a});case"kpi":return e.jsx(Vt,{className:a});case"text":return e.jsx(bt,{className:a});case"map":return e.jsx(ht,{className:a});case"custom":return n&&o?e.jsx(o,{className:a}):r?r==null?void 0:r.charAt(0).toUpperCase():e.jsx(ft,{className:a});default:return e.jsx(He,{className:a})}}const pe="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function st(s,a){var r,o,l;const n=t.getNumberAxis(s,a);return((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 In(){var _,G,$,B,I,C;const[s,a]=k.useState(!1),n=t.useEditorStore(N=>{var T;return(T=N.card)==null?void 0:T.preferences}),r=t.getNumberAxis(n,{}),[o,l]=k.useState(st(n)),[i,d]=k.useState((($=(G=(_=n==null?void 0:n.chartOptions)==null?void 0:_.scales)==null?void 0:G[r])==null?void 0:$.min)||""),[m,p]=k.useState(((C=(I=(B=n==null?void 0:n.chartOptions)==null?void 0:B.scales)==null?void 0:I[r])==null?void 0:C.max)||""),[u,x]=k.useState(i||m?"custom":"auto"),[f,c]=k.useState(""),[g,h]=k.useState(0),[j,b]=k.useState(""),[O,E]=k.useState(""),[z,w]=k.useState(""),M=t.useEditorStore(N=>N.actions.setCardPreferences),{updateCardInFrame:R}=t.useEditorActions(),F=t.useEditorStore(N=>N.card),H=t.useEditorStore(N=>{var T;return(T=N.card)==null?void 0:T.type}),S=["pie","doughnut","polarArea"].includes(H);k.useEffect(()=>{var N,T,L,U,P,K,W,Z,ee,V,Q,Y,ne,ie;l(st(n)),d(((L=(T=(N=n==null?void 0:n.chartOptions)==null?void 0:N.scales)==null?void 0:T[r])==null?void 0:L.min)===0?0:""),p(((K=(P=(U=n==null?void 0:n.chartOptions)==null?void 0:U.scales)==null?void 0:P[r])==null?void 0:K.max)||""),c(((V=(ee=(Z=(W=n==null?void 0:n.chartOptions)==null?void 0:W.scales)==null?void 0:Z[r])==null?void 0:ee.ticks)==null?void 0:V.stepSize)||""),h(((Q=n==null?void 0:n.numberAxisFormat)==null?void 0:Q.decimalPlaces)||0),b(((Y=n==null?void 0:n.numberAxisFormat)==null?void 0:Y.suffix)||""),E(((ne=n==null?void 0:n.numberAxisFormat)==null?void 0:ne.currency)||""),w(((ie=n==null?void 0:n.numberAxisFormat)==null?void 0:ie.locale)||"")},[s,n,r]);function v(N,T){return T===""||/^[0-9\b]+$/.test(T)?Number(T):Number(N)}function A(){const N=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(T=>T.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:O||"none",onValueChange:T=>E(T==="none"?"":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,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Currency"}),e.jsx(t.SelectItem,{value:"none",children:"None"}),N.map(T=>e.jsx(t.SelectItem,{value:T,children:T},T))]})})]}),e.jsxs(t.Select,{value:z,onValueChange:T=>w(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,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Locale"}),t.LOCALE_CURRENCY_PAIRS.map(T=>e.jsx(t.SelectItem,{value:T.locale,children:T.locale},T.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:g,onChange:T=>h(Number(T.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${pe}`})]})]})}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:i,onChange:N=>d(T=>v(T,N.target.value)),className:`col-span-1 h-8 w-full ${pe}`}),e.jsx(t.Input,{value:m,onChange:N=>p(T=>v(T,N.target.value)),id:"max",className:`col-span-1 h-8 w-full ${pe}`})]}),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:f,onChange:N=>c(T=>v(T,N.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${pe}`})]})]})}function y(){var U;let N={};u==="custom"&&(N={min:i,max:m,ticks:{stepSize:f}});const T={...n||{},chartOptions:{...n==null?void 0:n.chartOptions,scales:{...(U=n==null?void 0:n.chartOptions)==null?void 0:U.scales,[r]:{type:o,...o==="linear"?N:{}}}},numberAxisFormat:{decimalPlaces:g,suffix:j,currency:O,locale:z}};console.log(T),M(T);const L={...F,preferences:T};R(L)}return e.jsxs(t.Popover,{onOpenChange:N=>a(N),children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Scale Options",children:e.jsx(zs,{className:"size-4 rotate-45"})})}),e.jsx(t.PopoverContentCustom,{align:"center",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:"Scale Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for the number axis"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"scale",children:"Type"}),e.jsxs(t.Select,{disabled:S,value:o,onValueChange:N=>l(N),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"})]})})]})]}),o=="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:S,id:"scale-option",value:u,onValueChange:N=>x(N),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"})]})]})]}),u==="custom"&&o=="linear"&&D(),A(),e.jsx(t.SelectSeparator,{}),e.jsx("div",{className:"grid grid-cols-3",children:e.jsx(t.Button,{onClick:y,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function Dn(){const s=t.useEditorStore(d=>{var m,p,u,x;return(x=(u=(p=(m=d.card.preferences)==null?void 0:m.chartOptions)==null?void 0:p.plugins)==null?void 0:u.legend)==null?void 0:x.position}),a=t.useEditorStore(d=>{var m,p,u,x;return(x=(u=(p=(m=d.card.preferences)==null?void 0:m.chartOptions)==null?void 0:p.plugins)==null?void 0:u.legend)==null?void 0:x.align}),n=t.useEditorStore(d=>{var m,p,u,x;return(x=(u=(p=(m=d.card.preferences)==null?void 0:m.chartOptions)==null?void 0:p.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(vs,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{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,defaultChecked:!0,id:"displayLegend"})})]}),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(es,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Bottom",onClick:()=>l("bottom"),children:e.jsx(Xt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Right",onClick:()=>l("right"),children:e.jsx(ts,{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(Kt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Center",onClick:()=>i("center"),children:e.jsx(Jt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"End",onClick:()=>i("end"),children:e.jsx(Wt,{className:"size-4"})})]})]})]})]})})]})}function En(){var l;const s=t.useEditorStore(i=>i.card.preferences),{setCardPreferences:a,setChartOrientation:n}=t.useEditorStore(i=>i.actions);function r(i){n(i)}const o=((l=s==null?void 0:s.chartOptions)==null?void 0:l.indexAxis)||"x";return e.jsx(t.IconButton,{onClick:()=>r(o==="y"?"x":"y"),tooltip:"Chart Orientation",children:o==="y"?e.jsx(As,{className:"size-4"}):e.jsx(Ts,{className:"size-4"})})}function Tn(){const s=t.useEditorStore(i=>i.card),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>{var d,m;return(m=(d=i.card)==null?void 0:d.preferences)==null?void 0:m.chartOptions}),r=t.getChartGridStyle(n),{setChartGrid:o}=t.useEditorActions();function l(){const i=["xy","none","x","y"],m=(i.indexOf(r)+1)%i.length;o(i[m])}return a?e.jsxs("div",{"data-info":"visual-settings",className:"flex items-center",children:[["line","bar","range","stackedBar","stackedLine","horizontalBar"].includes(s.type)&&e.jsx(En,{}),!["kpi","text","custom","table"].includes(s.type)&&e.jsxs(e.Fragment,{children:[e.jsx(In,{}),e.jsx(Dn,{})]}),!["pie","doughnut","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(ys,{className:"size-4"}),r==="x"&&e.jsx(us,{className:"size-4"}),r==="y"&&e.jsx(Os,{className:"size-4"}),r==="none"&&e.jsx(_s,{className:"size-4"})]})]}):null}function xe(){var B;const s=t.useEditorStore(I=>I.frame),a=t.useEditorStore(I=>I.card),n=t.useEditorStore(I=>I.isDevMode),r=t.useEditorStore(I=>I.isShowingVisual),o=t.useDashboardStore(I=>I.isVisualEditing),l=t.useEditorStore(I=>I.isSqlRunning),i=t.useEditorStore(I=>I.pythonStdOut),d=t.useEditorStore(I=>{var C;return(C=I.card.preferences)==null?void 0:C.chartOptions}),m=t.useEditorStore(I=>I.actions.setRunSql);t.getChartGridStyle(d);const{setFrame:p,setCard:u,updateCardInFrame:x,setActiveTabCardId:f,runAssistant:c,setChartGrid:g}=t.useEditorActions(),{data:h,isLoading:j,isFetching:b,error:O}=t.useDashboardCardQuery(a);if(!a)return e.jsx(e.Fragment,{children:"No Active Card"});function E(){const I={connectionId:a.connectionId,lastSelectedDatabase:a.lastSelectedDatabase,lastSelectedSchema:a.lastSelectedSchema,lastSelectedTable:a.lastSelectedTable,lastSelectedDatamodelId:a.lastSelectedDatamodelId,id:t.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]};z(I)}function z(I){const C={...s,cards:[...s.cards,I],activeCardId:I.id};p(C),u(I),f(I.id)}function w(){const I={...a,id:t.v4(),title:`${a.title} Copy`,tabTitle:`${a.tabTitle||a.title} Copy`};z(I)}function M(I){const C=s.cards.filter(L=>L.id!==I),N=C[0],T={...s,cards:C,activeCardId:N.id};p(T),f(N.id),u(N)}function R(I){n||F(I),f(I)}function F(I){const C={...s,cards:s.cards.map(T=>T.id===a.id?a:T),activeCardId:I};p(C);const N=C.cards.find(T=>T.id===I);N.sql&&m(!0),u(N)}const H=(I,C)=>{console.log("handleDragStart",C),I.dataTransfer.setData("tabIndex",C.toString())},S=I=>{I.preventDefault()},v=(I,C)=>{const N=I.dataTransfer.getData("tabIndex");if(N===C.toString())return;const T=Array.from(s.cards),[L]=T.splice(parseInt(N),1);T.splice(C,0,L),p({...s,cards:T})};function A(I,C){return I.cards.length===1&&(C.displayTab===!0||C.displayTab===void 0)||I.activeCardId!==C.id&&(C.displayTab===!0||C.displayTab===void 0)?null:e.jsx("div",{onClick:()=>{const N=C.displayTab===void 0?!1:!C.displayTab;u({...C,displayTab:N}),x({...C,displayTab:N})},children:C.displayTab===!0||C.displayTab===void 0?e.jsx(t.Eye,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"}):e.jsx(fs,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"})})}function D(){return e.jsxs(t.Tabs,{onValueChange:R,value:s.activeCardId,className:"flex grow flex-col",children:[s.cards.map(I=>e.jsx(t.TabsContent,{className:"mt-0 grow",value:I.id,children:y()},I.id)),e.jsx(t.TabsList,{className:"group mx-6 justify-between overflow-x-auto",children:e.jsxs("div",{className:"flex items-center",children:[s.cards.map((I,C)=>e.jsx(t.Editable,{text:I.tabTitle||I.title,onSave:N=>{u({...a,tabTitle:N}),x({...a,tabTitle:N})},children:e.jsxs(t.TabsTrigger,{draggable:!0,onDragStart:N=>H(N,C),onDragOver:S,onDrop:N=>v(N,C),className:"",value:I.id,children:[A(s,I),I.tabTitle||I.title,s.activeCardId===I.id&&s.cards.length>1&&e.jsx(t.X,{className:"ml-2 size-3.5 text-muted-foreground hover:text-foreground",onClick:()=>M(I.id)})]})},I.id)),e.jsx(t.Button,{className:"ml-1 h-8 px-2 hover:bg-muted-foreground/50",variant:"outline",onClick:E,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:w,children:e.jsx(hs,{className:"h-4 w-4"})})]})})]})}function y(){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:h==null?void 0:h.records})})}):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:h==null?void 0:h.records})})})}):e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(zt,{className:"grow border-none shadow-none"})})}function _(){const I=JSON.stringify(h==null?void 0:h.records,null,2),C=new Blob([I],{type:"application/json"}),N=URL.createObjectURL(C),T=document.createElement("a");T.href=N,T.download=`${a.title}.json`,T.click()}function G(){const C=[Object.keys(h==null?void 0:h.records.reduce((U,P)=>({...U,...P}),{})).join(","),...((h==null?void 0:h.records)||[]).map(U=>Object.values(U).join(","))].join(`
|
|
352
|
-
`),N=new Blob([C],{type:"text/csv"}),T=URL.createObjectURL(N),L=document.createElement("a");L.href=T,L.download=`${a.title}.csv`,L.click()}function $(){const I=`Can you get the documentation for ${a.type} chart?`;c(I)}return e.jsxs("div",{className:"relative isolate flex h-full flex-col py-3",children:[(j||b)&&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(re,{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(wn,{}),o&&e.jsx(t.IconButton,{tooltip:"Visual Docs",onClick:$,children:e.jsx(as,{className:"size-4"})}),!["table","custom"].includes(a.type)&&o&&e.jsx(Sn,{})]}),!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:G,children:e.jsx(Cn,{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:_,children:e.jsx(gs,{strokeWidth:1.5,className:"size-4"})}),e.jsx(t.CopyButton,{text:JSON.stringify(h==null?void 0:h.records,null,2),className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"})]}),e.jsx(Tn,{}),e.jsx(Mn,{})]}),r?D():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(An,{})}),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:[(h==null?void 0:h.records)&&(h==null?void 0:h.records.length)>0&&e.jsx(fn,{data:(h==null?void 0:h.records)||[]}),(O||(h==null?void 0:h.error))&&e.jsx("span",{className:"font-mono text-xs",children:(O==null?void 0:O.message)||((B=h==null?void 0:h.error)==null?void 0:B.message)})]})]})]})}function An(){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 Mn(){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 Ln(){var h,j;const s=t.useEditorStore(b=>b.card.customCardPreferences),{data:a}=Bt(),n=(a==null?void 0:a.plugins)||[],r=t.useEditorStore(b=>b.card),o=t.useEditorStore(b=>b.frame),l=(s==null?void 0:s.visualType)||"single",{setCustomCardPreferences:i}=t.useEditorActions(),{components:d,manifest:m}=t.useCustomVisual((s==null?void 0:s.url)||""),p=(h=m==null?void 0:m.visuals)==null?void 0:h.find(b=>b.name===(s==null?void 0:s.componentName));function u(b,O){if(!s)return;const z={...(s==null?void 0:s.dataInputCardIds)||{},[b]:{cardId:O,hookRef:null}};i({...s,dataInputCardIds:z})}function x(b){var E,z;const O=(E=o==null?void 0:o.cards)==null?void 0:E.filter(w=>{var M;return((M=w==null?void 0:w.customCardPreferences)==null?void 0:M.visualType)!=="multiple"}).map(w=>({value:w.id,label:w.tabTitle||w.title}));return e.jsx("div",{className:"space-y-2",children:(z=b==null?void 0:b.dataInputs)==null?void 0:z.map((w,M)=>{var R,F;return e.jsxs("div",{className:"grid grid-cols-10 gap-2",children:[e.jsx("div",{className:"col-span-4 flex items-center",children:w}),e.jsx(X,{className:"col-span-6 h-8 w-full justify-between",label:"",options:O||[],value:((F=(R=s==null?void 0:s.dataInputCardIds)==null?void 0:R[M])==null?void 0:F.cardId)||"",onValueChange:H=>u(M,H)})]},M+Math.random())})})}function f(b,O,E=[],z=""){var w,M;return s?b==="input"?e.jsx(t.Input,{className:`h-8 w-full ${t.removeRing}`,value:((w=s==null?void 0:s.settings)==null?void 0:w[O])||z,onChange:R=>{i({...s,settings:{...s==null?void 0:s.settings,[O]:R.target.value}})}},O):b==="select"?e.jsx(X,{className:"h-8 w-full",label:"",options:E,value:((M=s==null?void 0:s.settings)==null?void 0:M[O])||z,onValueChange:R=>{i({...s,settings:{...s==null?void 0:s.settings,[O]:R}})}}):null:null}function c(b){const O=Object.entries((b==null?void 0:b.settings)||{});return e.jsx("div",{className:"space-y-3",children:O.map(([E,z])=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:z.title}),f(z.ui,E,z.options,z.defaultValue)]},E))})}function g(b){s&&i({...s,visualType:b,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(X,{icon:e.jsx(ns,{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:b=>i({...s||{url:"",componentName:""},url:b})}),((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(X,{icon:e.jsx(ms,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Component",options:(d==null?void 0:d.filter(b=>b.type===l).map(b=>({value:b.name,label:b.name})))||[],value:s.componentName,onValueChange:b=>{console.log("changing value",b),i({...s,componentName:b})}})})]})})]}),((j=r==null?void 0:r.customCardPreferences)==null?void 0:j.componentName)&&e.jsxs(t.AccordionItem,{className:"border-none",value:"component-settings",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{children:[p&&p.dataInputs&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Input Mapping"}),e.jsx("div",{className:"px-2",children:x(p)})]}),p&&p.settings&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"px-2",children:c(p)})})]})]})]})}function oe(){const[s,a]=k.useState([]),n=t.useEditorStore(p=>p.card.preferences),{setFilterOnClickColumnIndex:r,setCardPreferences:o}=t.useEditorStore(p=>p.actions),l=t.useEditorStore(p=>p.queryResultColumns);t.useEditorStore(p=>{var u;return(u=p.card.preferences)==null?void 0:u.filterOnClickColumnIndex}),k.useEffect(()=>{l&&a(new Array(l.length).fill(!1))},[l]);function i(p,u){var x,f;u?n!=null&&n.onClickFilter&&((x=n==null?void 0:n.onClickFilter)==null?void 0:x.length)>0?o({...n,onClickFilter:[...n.onClickFilter,{columnIndex:p,expression:""}]}):o({...n,onClickFilter:[{columnIndex:p,expression:""}]}):(o({...n,onClickFilter:(f=n==null?void 0:n.onClickFilter)==null?void 0:f.filter(c=>c.columnIndex!==p)}),a(c=>{const g=[...c];return g[p]=!1,g}))}function d(p,u){var f;const x=(f=n==null?void 0:n.onClickFilter)==null?void 0:f.map(c=>c.columnIndex===p?{...c,expression:u.target.value}:c);o({...n,onClickFilter:x})}function m(p){var u,x,f,c;if(s!=null&&s[p]||(x=(u=n==null?void 0:n.onClickFilter)==null?void 0:u.find(g=>g.columnIndex===p))!=null&&x.expression)return e.jsx(t.Input,{value:(c=(f=n==null?void 0:n.onClickFilter)==null?void 0:f.find(g=>g.columnIndex===p))==null?void 0:c.expression,onChange:g=>d(p,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:"space-y-2",children:[e.jsx(t.Label,{children:"On Click"}),l==null?void 0:l.map((p,u)=>{var x,f;return e.jsx("div",{className:"xbg-red-100 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(c=>c.columnIndex===u)),onCheckedChange:c=>i(u,c)}),e.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:p}),e.jsx("div",{className:"flex items-center gap-2",children:((f=n==null?void 0:n.onClickFilter)==null?void 0:f.find(c=>c.columnIndex===u))&&e.jsx(t.Pencil,{onClick:()=>{a(c=>{const g=[...c];return g[u]=!c[u],g})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),m(u)]})},p)})]})}function On({idx:s}){var d;const a=t.useEditorStore(m=>{var p;return(p=m.card)==null?void 0:p.preferences}),n=t.useEditorStore(m=>{var p;return(p=m.card.preferences)==null?void 0:p.datasetOptions}),r=t.useEditorStore(m=>m.actions.setCardPreferences),o=(d=a==null?void 0:a.chartOptions)==null?void 0:d.indexAxis,l=n==null?void 0:n.find(m=>m.idx===s);function i(m,p){(m==="end"||m==="start")&&t.getContrastColor(t.getCanvasBackgroundColor());const u={display:m!=="none",align:m,anchor:m,clamp:!0};if(!l)r({...a,datasetOptions:[...n||[],{idx:p,datalabels:u}]});else{const x={...l};x.datalabels=u;const f=n==null?void 0:n.map(c=>c.idx===p?x:c);r({...a,datasetOptions:f})}}return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{children:e.jsx(Vs,{className:"invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"})}),e.jsx(t.PopoverContent,{className:"w-fit p-1",children:e.jsxs("div",{className:"flex gap-1",children:[e.jsx(t.Button,{onClick:()=>i("none",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(t.X,{className:"size-4"})}),e.jsx(t.Button,{onClick:()=>i("start",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(Ns,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx(t.Button,{onClick:()=>i("center",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(ks,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx(t.Button,{onClick:()=>i("end",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(ws,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})})]})})]})}function Pt(){const s=t.useEditorStore(p=>p.card),a=t.useEditorStore(p=>{var u,x,f;return(f=(x=(u=p==null?void 0:p.card)==null?void 0:u.preferences)==null?void 0:x.chartOptions)==null?void 0:f.indexAxis}),{data:n}=t.useDashboardCardQuery(s),r=a==="y"?"Metric":"Dimension",o=a==="y"?"Dimension":"Metric",{keys:l,metricKeys:i,dimensionKeys:d}=t.getKeys((n==null?void 0:n.records)||[]);let m=i;if(["stackedBar","stackedLine"].includes(s.type)){const p=t.pivotData({dataArray:(n==null?void 0:n.records)||[],groupKey:d[0],pivotKey:d[1],valueKey:m[0]}),{metricKeys:u}=t.getKeys(p);m=u}return l.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:d.map(p=>e.jsx("p",{className:"rounded-md bg-muted/70 px-3 py-2 hover:bg-muted",title:p,children:Ht(p)},p))})]}),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:m.map((p,u)=>e.jsx(zn,{col:p,idx:u},p))})]})]})}function Ht(s,a=30){return s.length>a?s.slice(0,a)+"...":s}function zn({col:s,idx:a}){const n=t.useEditorStore(d=>{var m;return(m=d.card)==null?void 0:m.preferences}),r=t.useEditorStore(d=>{var m;return(m=d.card.preferences)==null?void 0:m.datasetOptions}),o=r==null?void 0:r.find(d=>d.idx===a),{setCardPreferences:l}=t.useEditorStore(d=>d.actions);function i(d){if(!o)l({...n,datasetOptions:[...r||[],{idx:a,type:d==="area"?"line":d,fill:d==="area"?"origin":""}]});else{const m={...o};m.type=d==="area"?"line":d,m.fill=d==="area"?"origin":"";const p=r==null?void 0:r.map(u=>u.idx===a?m:u);l({...n,datasetOptions:p})}}return e.jsxs("div",{className:"group flex items-center justify-between gap-5 rounded-md bg-muted/70 px-3 py-2 hover:bg-muted",children:[e.jsx("p",{title:s,children:Ht(s)}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Be,{onClick:()=>i("bar"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsx(Pe,{onClick:()=>i("line"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsx(ls,{onClick:()=>i("area"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsx(On,{idx:a})]})]})}function Gt(){const s=t.useEditorStore(c=>c.selectedConnectionId),a=t.useEditorStore(c=>c.selectedDatamodelId),n=t.useEditorStore(c=>c.selectedDatabaseName),r=t.useEditorStore(c=>c.selectedSchemaName),o=t.useEditorStore(c=>c.selectedTableName),l=t.useDashboardStore(c=>c.dashboard.filters)||[],i=t.useDashboardStore(c=>c.actions.addFilter),d=t.useDashboardStore(c=>c.actions.removeFilter),{removeFilterValues:m}=t.useDashboardActions(),{modelItems:p,tableName:u,connectionType:x}=se();function f(c,g="dashboard"){var R;const h=t.fmt(c.column_name),j=t.fmt(n||""),b=t.fmt(r||""),O=t.fmt(u);let E=t.getQualifiedTableName({schemaName:b,tableName:O,connectionType:x,databaseName:j}),z=`${E}.${h}`;const w=(R=p==null?void 0:p.find(F=>F.id===a))==null?void 0:R.name;a&&a!=="none"&&(z=`${t.DATAMODEL_NAMESPCACE}.${w}.${h}`,E=`${t.DATAMODEL_NAMESPCACE}.${w}`);const M=l==null?void 0:l.find(F=>F.column===z&&F.table===O&&(F.database===j||F.database===n));if(M)m(M.id),d(M.id);else{const F=t.v4();return u==="api"&&s?(i({location:g,id:F,column:z,title:c.column_name,dataType:c.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:t.getDefaultFilterSql(c.data_type,E,h)}),F):(i({id:F,location:g,column:z,title:c.column_name,dataType:c.data_type,table:o||"",database:n||"",connectionId:s||"",operation:"in",sql:t.getDefaultFilterSql(c.data_type,E,h)}),F)}}return{assignFilter:f}}function me(){const s=t.useDashboardStore(d=>d.dashboard.filters),a=t.useEditorStore(d=>d.frame),{setFrame:n}=t.useEditorActions(),{columns:r}=se(),{assignFilter:o}=Gt();function l(d){const m=o(d,"frame");n({...a,filterId:m})}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(Fn,{onSelect:l,columns:r}),i&&e.jsx(t.FilterHeader,{filter:i})]})}function Fn({columns:s,onSelect:a}){var i;const[n,r]=de.useState(!1),[o,l]=de.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:m=>{const p=m===o?"":m;l(p),r(!1),p&&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 Rn({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(Pt,{})})]}),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(me,{})]})]})]})})}function $e(){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 m={datalabels:{display:d!=="none",align:d,anchor:d,clamp:!0}},p={...a,chartOptions:{...a==null?void 0:a.chartOptions,plugins:{...(u=a==null?void 0:a.chartOptions)==null?void 0:u.plugins,...m}}};n(p),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"}),s!=="pyramid"&&e.jsx(t.SelectItem,{value:"start",children:"Start"}),e.jsx(t.SelectItem,{value:"center",children:"Center"}),s!=="pyramid"&&e.jsx(t.SelectItem,{value:"end",children:"End"})]})})]})]})}function _n({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($e,{})})]}),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(me,{})]})]})]})})}const Vn={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},qn={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function Bn(){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:Pn(s)}),!["kpi"].includes(s)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx($e,{}),e.jsx(oe,{}),e.jsx(me,{})]})]})}function Pn(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(Vn,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(qn,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"].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 Hn(){var m,p,u,x,f;const s=t.useEditorStore(c=>c.card.preferences),a=t.useEditorStore(c=>c.actions.setCardPreferences),n=t.useEditorStore(c=>c.actions.setNumberFormat);t.useEditorStore(c=>{var g,h;return(h=(g=c.card.preferences)==null?void 0:g.formatNumber)==null?void 0:h.decimalPlaces});const r=t.useEditorStore(c=>{var g,h;return(h=(g=c.card.preferences)==null?void 0:g.formatNumber)==null?void 0:h.locale}),o=t.useEditorStore(c=>{var g,h;return(h=(g=c.card.preferences)==null?void 0:g.formatNumber)==null?void 0:h.currency});t.useEditorStore(c=>c.actions.setFilterOnClickField);const l=t.useEditorStore(c=>{var g,h;return(h=(g=c.card.preferences)==null?void 0:g.formatNumber)==null?void 0:h.colorRanges})||[],i=t.useEditorStore(c=>c.actions.setColorRanges),d=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(c=>c.currency))];return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsx(t.Checkbox,{checked:!!((m=s==null?void 0:s.formatNumber)!=null&&m.enabled),onCheckedChange:c=>{a({...s,formatNumber:{...s==null?void 0:s.formatNumber,enabled:c}})}}),e.jsx(t.Label,{children:"Format Number"})]}),((p=s==null?void 0:s.formatNumber)==null?void 0:p.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:c=>{var g,h,j;return n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,((h=s==null?void 0:s.formatNumber)==null?void 0:h.currency)||"",c,((j=s==null?void 0:s.formatNumber)==null?void 0:j.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(c=>e.jsx(t.SelectItem,{value:c.locale,children:c.locale},c.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:c=>{var g,h,j;console.log("currency",c),n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,c==="none"?"":c,((h=s==null?void 0:s.formatNumber)==null?void 0:h.locale)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.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(c=>e.jsx(t.SelectItem,{value:c,children:c},c))]})})]})]})]}),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:c=>{var g,h,j;return n(Number(c),((g=s==null?void 0:s.formatNumber)==null?void 0:g.currency)||"",((h=s==null?void 0:s.formatNumber)==null?void 0:h.locale)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.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(c=>e.jsx(t.SelectItem,{value:c,children:c},c))})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Suffix"}),e.jsx(t.Input,{value:((f=s==null?void 0:s.formatNumber)==null?void 0:f.suffix)||"",className:"h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"K, M, B, %",onChange:c=>{var g,h,j;return n(((g=s==null?void 0:s.formatNumber)==null?void 0:g.decimalPlaces)||0,((h=s==null?void 0:s.formatNumber)==null?void 0:h.currency)||"",((j=s==null?void 0:s.formatNumber)==null?void 0:j.locale)||"",c.target.value)}})]})]})]})}),e.jsx(t.Separator,{className:"my-3"}),e.jsx(t.ColorFormat,{colorRanges:l,setColorRanges:i})]})]})}function Gn(){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(Hn,{})}),e.jsx("div",{}),e.jsx("div",{})]})}function De({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 Un=[{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"}],$n=["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"],Qn=$n.map(s=>({label:s,value:s}));function Jn(){var m,p,u,x,f,c,g,h,j,b,O,E,z,w,M,R,F,H;const s=t.useEditorStore(S=>S.card),a=(p=(m=s==null?void 0:s.preferences)==null?void 0:m.mapVisualOptions)==null?void 0:p.topoJsonUrl,[n,r]=k.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(S=>({label:S,value:S}))||[],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(De,{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(De,{open:!0,summary:"Settings",children:e.jsxs("div",{className:"space-y-3 px-2",children:[e.jsx(X,{className:"h-9",options:d,onValueChange:S=>{console.log("value",S),o({...s.preferences,mapVisualOptions:{topoJsonUrl:S}})},value:a||"",label:"Select Map"}),a==="custom"&&e.jsx(t.Input,{onChange:S=>{r(S.target.value)},onBlur:()=>{var S;console.log("onBlur",n),o({...s.preferences,mapVisualOptions:{...(S=s.preferences)==null?void 0:S.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(X,{className:"h-9",options:i,value:((c=(f=s.preferences)==null?void 0:f.mapVisualOptions)==null?void 0:c.objectKey)||"",label:"Map Object",onValueChange:S=>{var v;o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.mapVisualOptions,objectKey:S}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Projection"}),e.jsx(X,{className:"h-9",options:Un,value:((h=(g=s.preferences)==null?void 0:g.mapVisualOptions)==null?void 0:h.projection)||"",label:"Projection",onValueChange:S=>{var v;o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.mapVisualOptions,projection:S}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Colors"}),e.jsx(X,{className:"h-9",options:Qn,value:((b=(j=s.preferences)==null?void 0:j.mapVisualOptions)==null?void 0:b.colorScale)||"",label:"Select Color Scale",onValueChange:S=>{var v;o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.mapVisualOptions,colorScale:S}})}})]})]})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(De,{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:((E=(O=s.preferences)==null?void 0:O.mapVisualOptions)==null?void 0:E.projectionScale)||1,onChange:S=>{var v;o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.mapVisualOptions,projectionScale:Number(S.target.value)}})}}),e.jsx(t.Label,{children:"X"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((M=(w=(z=s.preferences)==null?void 0:z.mapVisualOptions)==null?void 0:w.projectionOffset)==null?void 0:M[0])||0,onChange:S=>{var v,A,D,y;o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.mapVisualOptions,projectionOffset:[Number(S.target.value),((y=(D=(A=s.preferences)==null?void 0:A.mapVisualOptions)==null?void 0:D.projectionOffset)==null?void 0:y[1])||0]}})}}),e.jsx(t.Label,{children:"Y"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((H=(F=(R=s.preferences)==null?void 0:R.mapVisualOptions)==null?void 0:F.projectionOffset)==null?void 0:H[1])||0,onChange:S=>{var v,A,D,y;o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.mapVisualOptions,projectionOffset:[((y=(D=(A=s.preferences)==null?void 0:A.mapVisualOptions)==null?void 0:D.projectionOffset)==null?void 0:y[0])||0,Number(S.target.value)]}})}})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(oe,{})]})}function Kn(){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 fe({cardType:s,docContent:a,suffix:n="Chart"}){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)} ${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:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/pie-donut-polar",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($e,{}),s==="text"&&e.jsx(Kn,{})]})]}),!["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(me,{})]})]})]})})}function Wn(){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(X,{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(Pt,{})]})]}),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(me,{})]})]})]})})}function Yn({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(me,{})]})]})}),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 Xn=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."]})]}),Zn=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."]})]}),ea=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 ta(){const s=t.useEditorStore(n=>n.card.type);function a(n){switch(n){case"stackedBar":case"stackedLine":return e.jsx(Wn,{});case"pyramid":return e.jsx(fe,{docContent:Xn,cardType:n});case"kpi":return e.jsx(Gn,{});case"line":case"bar":return e.jsx(Rn,{cardType:n});case"range":return e.jsx(fe,{docContent:Zn,cardType:n});case"pie":case"doughnut":case"polarArea":case"radar":return e.jsx(fe,{cardType:n});case"bubble":case"scatter":return e.jsx(_n,{cardType:n});case"table":return e.jsx(Yn,{cardType:n});case"text":return e.jsx(fe,{docContent:ea,cardType:n,suffix:"Visual"});case"map":return e.jsx(Jn,{});case"custom":return e.jsx(Ln,{});default:return e.jsx(Bn,{})}}return e.jsxs(t.ScrollArea,{className:"h-full w-full text-sm",children:[a(s),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}const Ee={id:"__placeholder__",role:"groupby",type:"string"},Te={id:"__placeholder__",role:"metric",type:"number"},Ae={id:"__placeholder__",role:"trendby",type:"date"},Me={id:"__placeholder__",role:"filter",type:"string"},Ut={id:"__placeholder__"},ye="droppable-group-by",Se="droppable-metrics",ze="sortable-group-by",Fe="sortable-metrics",Re="droppable-trend-by",_e="sortable-trend-by",Ve="droppable-filters",qe="sortable-filters";function sa(){const s=t.useDndStore(v=>v.insertIndex),a=t.useEditorStore(v=>{var A;return((A=v.card.queryConfig)==null?void 0:A.groupByColumns)||[]}),n=t.useEditorStore(v=>{var A;return((A=v.card.queryConfig)==null?void 0:A.metricColumns)||[]}),r=t.useEditorStore(v=>{var A;return((A=v.card.queryConfig)==null?void 0:A.trendByColumns)||[]}),o=t.useEditorStore(v=>{var A;return((A=v.card.queryConfig)==null?void 0:A.filterColumns)||[]}),{setInsertIndex:l,setActiveId:i,setPreviewGroupByColumns:d,setPreviewMetricColumns:m,setPreviewTrendByColumns:p,setPreviewFilterColumns:u}=t.useDndActions(),{setGroupByColumns:x,setMetricColumns:f,setTrendByColumns:c,setFilterColumns:g}=t.useEditorActions(),{columns:h}=wt(),{formattedTableName:j}=se(),b=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:{distance:1}})),O=v=>{var y;const{active:A,over:D}=v;if(((y=A.data.current)==null?void 0:y.type)==="column"&&D){const _=D.id,G=h.find(C=>C.column_name===A.id);if(!G)return;const $=t.isNumberDataType(G.data_type),B=t.isTextDataType(G.data_type),I=t.isDateDataType(G.data_type);if(B){if(a.some(N=>N.id===_)){const N=a.findIndex(L=>L.id===_);l(N);const T=a.filter(L=>L.id!==Ee.id);T.splice(N,0,Ee),d(T)}else if(D.id===ye){l(a.length);const N=[...a,Ee];d(N),m(n),p(r),u(o)}}if($||B){if(n.some(N=>N.id===_)){console.log("isOverMetricSortable",_);const N=n.findIndex(L=>L.id===_);l(N);const T=n.filter(L=>L.id!==Te.id);T.splice(N,0,Te),m(T)}else if(D.id===Se){l(n.length);const N=[...n,Te];m(N),p(r),u(o),d(a)}}if(I){if(r.some(N=>N.id===_)){const N=r.findIndex(L=>L.id===_);l(N);const T=r.filter(L=>L.id!==Ae.id);T.splice(N,0,Ae),p(T)}else if(D.id===Re){l(r.length);const N=[...r,Ae];p(N),m(n),u(o),d(a)}}if(z(G)){if(o.some(N=>N.id===_)){const N=o.findIndex(L=>L.id===_);l(N);const T=o.filter(L=>L.id!==Me.id);T.splice(N,0,Me),u(T)}else if(D.id===Ve){l(o.length);const N=[...o,Me];u(N),m(n),p(r),d(a)}}}else d(a),m(n),p(r),u(o)};function E(v){i(v.active.id),l(null),d(a),m(n),p(r),u(o)}function z(v){return!o.some(A=>A.name===v.column_name)}function w(v,A="SUM"){const{column_name:D,data_type:y}=v,_=[...n],G=s!==null?s:n.length,$={...v,id:ae(D),name:D,label:ge(A,D),type:y,role:"metric",aggregate:A};_.splice(G,0,$),f(_)}function M(v){const A=[...a],D=s!==null?s:a.length,y={...v,id:ae(v.column_name),name:v.column_name,type:v.data_type,role:"groupby"};A.splice(D,0,y),x(A)}function R(v){const A=[...r],D=s!==null?s:r.length,y={...v,id:ae(v.column_name),name:v.column_name,type:v.data_type,role:"trendby"};A.splice(D,0,y),c(A)}function F(v){const A=[...o],D=s!==null?s:o.length,y={...v,id:ae(v.column_name),name:v.column_name,type:v.data_type,sql:t.getDefaultFilterSql(v.data_type,j,t.fmt(v.column_name)),role:"filter"};A.splice(D,0,y),g(A)}function H(v){var _,G,$,B,I,C,N,T;const{active:A,over:D}=v,y=A.data.current;if((y==null?void 0:y.type)==="column"&&D){const L=h.find(W=>W.column_name===A.id);if(!L)return;const U=t.isNumberDataType(L.data_type),P=t.isTextDataType(L.data_type),K=t.isDateDataType(L.data_type);P&&(D.id===ye||((_=D.data.current)==null?void 0:_.type)===ze)?M(L):(U||P)&&(D.id===Se||((G=D.data.current)==null?void 0:G.type)===Fe)?(U&&w(L),P&&w(L,"COUNT")):K&&(D.id===Re||(($=D.data.current)==null?void 0:$.type)===_e)?R(L):z(L)&&(D.id===Ve||((B=D.data.current)==null?void 0:B.type)===qe)&&F(L)}if(D&&((I=D.data.current)==null?void 0:I.type)===ze&&a.some(L=>L.id===A.id)){const L=a.findIndex(P=>P.id===A.id),U=a.findIndex(P=>P.id===D.id);if(L!==-1&&U!==-1&&L!==U){const P=[...a],[K]=P.splice(L,1);P.splice(U,0,K),x(P)}}if(D&&((C=D.data.current)==null?void 0:C.type)===Fe&&n.some(L=>L.id===A.id)){const L=n.findIndex(P=>P.id===A.id),U=n.findIndex(P=>P.id===D.id);if(L!==-1&&U!==-1&&L!==U){const P=[...n],[K]=P.splice(L,1);P.splice(U,0,K),f(P)}}if(D&&((N=D.data.current)==null?void 0:N.type)===_e&&r.some(L=>L.id===A.id)){const L=r.findIndex(P=>P.id===A.id),U=r.findIndex(P=>P.id===D.id);if(L!==-1&&U!==-1&&L!==U){const P=[...r],[K]=P.splice(L,1);P.splice(U,0,K),c(P)}}if(D&&((T=D.data.current)==null?void 0:T.type)===qe&&o.some(L=>L.id===A.id)){const L=o.findIndex(P=>P.id===A.id),U=o.findIndex(P=>P.id===D.id);if(L!==-1&&U!==-1&&L!==U){const P=[...o],[K]=P.splice(L,1);P.splice(U,0,K),g(P)}}i(null),l(null),d(a),m(n),p(r),u(o)}function S(){i(null),l(null),d(a),m(n),p(r),u(o)}return{handleDragOver:O,handleDragEnd:H,handleDragStart:E,handleDragCancel:S,sensors:b}}const ce=[{label:"Sum",value:"SUM",logo:e.jsx(gt,{className:"size-3.5"})},{label:"Count",value:"COUNT",logo:e.jsx(mt,{className:"size-3.5"})},{label:"Unique",value:"DISTINCT",logo:e.jsx(js,{className:"size-3.5"})},{label:"Average",value:"AVG",logo:e.jsx(Zt,{className:"size-3.5"})},{label:"Min",value:"MIN",logo:e.jsx(Yt,{className:"size-3.5"})},{label:"Max",value:"MAX",logo:e.jsx(ss,{className:"size-3.5"})}];function na({column:s,type:a,onRemoveColumn:n,droppableId:r}){const[o,l]=k.useState(!1),[i,d]=k.useState(ce[0]),{attributes:m,listeners:p,setNodeRef:u,transform:x,transition:f,isDragging:c}=t.useSortable({id:s.id,data:{type:a}}),g=x?{opacity:c?.5:void 0,transform:t.CSS.Translate.toString(x),transition:f}:void 0;function h(){return e.jsx("div",{"data-setting-container":"",className:"h-32 rounded-b-md border-x border-b border-border p-3 text-sm",children:e.jsx(e.Fragment,{})})}return e.jsxs("div",{...p,...m,ref:u,style:g,children:[e.jsxs("div",{className:t.cn("group flex h-8 items-center rounded-t-md bg-muted px-2",!o&&"rounded-b-md",o&&"border border-border"),children:[e.jsx("div",{children:e.jsx(t.GripVertical,{className:"size-3.5 cursor-move items-center justify-center p-0 text-muted-foreground/60 hover:text-foreground"})}),r===Se&&e.jsx(ra,{column:s}),e.jsx("div",{className:t.cn("max-w-[250px] grow cursor-pointer overflow-hidden truncate text-ellipsis whitespace-nowrap",{"pl-2":r===ye}),children:e.jsx(aa,{col:s})}),e.jsxs("div",{"data-setting-actions":"",className:"hidden h-full items-center gap-2 group-hover:flex",children:[e.jsx("button",{onClick:()=>l(!o),children:e.jsx(t.ChevronDown,{className:t.cn("ml-1 size-4 cursor-pointer items-center justify-center rounded-r-sm bg-muted text-muted-foreground",o&&"rotate-180")})}),e.jsx("button",{onClick:()=>n(s.id),children:e.jsx(t.X,{className:"size-3.5 cursor-pointer items-center justify-center rounded-r-sm bg-muted text-muted-foreground"})})]})]}),o&&h()]})}function aa({col:s}){return e.jsx(t.Editable,{text:s.label||s.name,className:"h-6 rounded-none",onSave:a=>{console.log("saved",a)},children:e.jsx("span",{className:"w-[250px] truncate text-ellipsis whitespace-nowrap text-sm",children:s.label||s.name})})}function ra({column:s}){const[a,n]=k.useState(ce[0]),{updateMetricColumn:r}=t.useEditorActions();let o=ce;t.isTextDataType(s.type)&&(o=o.filter(i=>["COUNT","DISTINCT"].includes(i.value))),t.isNumberDataType(s.type)&&(o=o.filter(i=>!["DISTINCT","COUNT"].includes(i.value))),k.useEffect(()=>{n(ce.find(i=>i.value===s.aggregate)||ce[0])},[s]);function l(i){const d=ce.find(p=>p.value===i);if(!d)return;n(d);const m={...s,aggregate:i,label:ge(i,s.name)};r(s.id,m)}return e.jsx(X,{className:"size-7 overflow-clip rounded-none rounded-l-md border-none bg-muted px-2",icon:a.logo,options:o,value:a.value,onValueChange:i=>l(i),label:"Aggregation"})}function Le({id:s,label:a,columns:n,previewColumns:r,sortableType:o,onRemoveColumn:l}){const{setNodeRef:i}=t.useDroppable({id:s}),d=t.useDndStore(u=>u.activeId),m={},p=d?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(u=>u.id),children:e.jsxs("div",{className:"space-y-2 rounded-md border-2 border-dashed p-5",ref:i,style:m,children:[e.jsx(t.Label,{className:"text-sm",children:a}),e.jsx("div",{className:"space-y-2",children:p==null?void 0:p.map(u=>u.id===Ut.id?e.jsx(oa,{},u.id):e.jsx(na,{droppableId:s,type:o,column:u,onRemoveColumn:l},u.id))})]})})}function oa(){return e.jsx("div",{className:"flex h-7 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm"})}function nt(){const s=t.useEditorStore(c=>{var g;return((g=c.card.queryConfig)==null?void 0:g.groupByColumns)||[]}),a=t.useDndStore(c=>c.previewGroupByColumns),n=t.useEditorStore(c=>{var g;return((g=c.card.queryConfig)==null?void 0:g.metricColumns)||[]}),r=t.useDndStore(c=>c.previewMetricColumns),o=t.useEditorStore(c=>{var g;return((g=c.card.queryConfig)==null?void 0:g.trendByColumns)||[]}),l=t.useDndStore(c=>c.previewTrendByColumns),{setSelectedConnectionId:i,removeColumnFromGroupBy:d,removeColumnFromMetricColumns:m,removeColumnFromTrendByColumns:p}=t.useEditorActions();k.useEffect(()=>{i("c_2d3646f0-68a6-47e7-942d-d9cbc80fb7d4")},[i]);function u(c){d(c)}function x(c){p(c)}function f(c){m(c)}return e.jsxs("div",{className:"h-full w-full space-y-2 p-4",children:[e.jsx(Le,{onRemoveColumn:u,sortableType:ze,id:ye,label:"Group By",columns:s,previewColumns:a}),e.jsx(Le,{onRemoveColumn:x,sortableType:_e,id:Re,label:"Trend By",columns:o,previewColumns:l}),e.jsx(Le,{onRemoveColumn:f,sortableType:Fe,id:Se,label:"Metrics",columns:n,previewColumns:r})]})}function ia({children:s,id:a,type:n}){const{attributes:r,listeners:o,setNodeRef:l,transform:i,transition:d,isDragging:m}=t.useSortable({id:a,data:{type:n}}),p=i?{opacity:m?.5:void 0,transform:t.CSS.Translate.toString(i),transition:d}:void 0;return e.jsx("div",{...o,...r,ref:l,style:p,children:s})}function la({column:s,type:a}){const n=t.useDashboardStore(R=>R.themeStyle),[r,o]=k.useState(!1),l=t.useEditorStore(R=>{var F,H;return(H=(F=R.card)==null?void 0:F.queryConfig)==null?void 0:H.filters}),{selectedConnectionId:i,selectedDatabaseName:d,selectedTableName:m}=se(),p=t.isTextDataType(s.type);t.isNumberDataType(s.type),t.isDateDataType(s.type);const u=k.useMemo(()=>{var R;return(R=l==null?void 0:l.find(F=>F.filterColumnName===s.name))==null?void 0:R.filterValue},[l,s.name]),x=k.useMemo(()=>Array.isArray(u)?u.map(R=>({id:R,value:R})):[],[u]),{updateEditorCardFilterValue:f,removeEditorCardFilter:c}=t.useEditorActions(),g={column:s.name,sql:s.sql,id:s.name,connectionId:i,dataType:s.type},{data:h,isLoading:j,isFetching:b,isError:O}=t.useFilterQuery(g),E=k.useMemo(()=>{var F;return g.column?(F=h==null?void 0:h.records)==null?void 0:F.map(H=>{let S=g.column.split(".").slice(-1)[0].replace(/"/g,"");return H[S]===void 0&&(S=S.toLowerCase()),{id:H[S],value:H[S]}}):[]},[h,g.column]);function z(R){const F=R.map(H=>H.id);f(s.name,F)}function w(R){c(R)}function M(){return j||b?e.jsx(t.Skeleton,{style:{borderRadius:n==null?void 0:n.controlInputRadius},className:"h-8 w-60 bg-foreground/10"}):O?e.jsx("div",{className:"flex h-8 w-60 items-center bg-muted px-2 text-sm",children:"Error"}):p?e.jsx(t.ComboBoxMultiSelect,{options:E,onChange:z,selectedOptions:x,selectAllChecked:!1,onSelectAllCheckedChange:()=>{}}):e.jsx("div",{children:"Not implemented"})}return e.jsx(ia,{id:s.id,type:a,children:e.jsxs("div",{className:"group w-60 space-y-1 rounded-md border border-border px-3 py-2",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Label,{className:"text-sm",children:s.name}),e.jsx("div",{"data-setting-actions":"",className:"invisible flex h-full items-center gap-2 group-hover:visible",children:e.jsx("button",{onClick:()=>w(s),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",!r&&"rounded-b-md",r&&"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:"max-w-[250px] grow cursor-pointer overflow-hidden truncate text-ellipsis whitespace-nowrap",children:M()})]})]})})}function ca({id:s,label:a,columns:n,previewColumns:r,sortableType:o}){const{setNodeRef:l,isOver:i}=t.useDroppable({id:s}),d=t.useDndStore(x=>x.activeId),m={borderColor:i?"green":void 0};function p(x){return x.id===Ut.id?e.jsx(da,{}):e.jsx(la,{droppableId:s,type:o,column:x},x.id)}const u=d?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(x=>x.id),children:e.jsxs("div",{className:"space-y-2 rounded-md border-2 border-dashed p-5",ref:l,style:m,children:[e.jsx(t.Label,{className:"text-sm",children:a}),e.jsx("div",{className:"flex flex-wrap items-center gap-4",children:u==null?void 0:u.map(x=>p(x))})]})})}function da(){return e.jsx("div",{className:"flex h-7 w-60 items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm"})}function ua(){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("div",{className:"size-full p-4",children:e.jsx(ca,{onRemoveColumn:r,sortableType:qe,id:Ve,label:"Filters",columns:s,previewColumns:a})})}function ma(){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(Ot,{}),e.jsx(It,{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",children:"Early Preview"}),e.jsx(Lt,{}),e.jsx(Mt,{variant:"default"})]})]})}function ha(){const s=k.useRef(null),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>i.showAIDialog),r=t.useEditorStore(i=>i.isDevMode);k.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(xn,{})}),e.jsx(t.ResizableHandle,{withHandle:!0,className:"border"}),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:r?e.jsx(ta,{}):e.jsx(nt,{})})}),!n&&e.jsx(t.ResizableHandle,{className:"border"}),e.jsx(t.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsx(xe,{})})]}):e.jsx(xe,{})})]})}function l(){return e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{className:"pb-1","data-biz-mode-container":"",minSize:0,defaultSize:100,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(nt,{})})}),!n&&e.jsx(t.ResizableHandle,{className:"border"}),e.jsx(t.ResizablePanel,{minSize:40,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(ma,{}),e.jsx(ua,{})]}),e.jsx(t.ResizableHandle,{className:"border"}),e.jsx(t.ResizablePanel,{minSize:20,defaultSize:80,children:e.jsx(xe,{})})]})})]}):e.jsx(xe,{})})})}return e.jsx(t.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:r?o():l()})}const pa=[{title:"Help me write a query for",subtitle:"orders by month"},{title:"Create a bar chart for",subtitle:"sales by category"}];function xa(){const s=k.useRef(null),a=k.useRef(null),[n,r]=k.useState(!1),[o,l]=k.useState(t.isDevEnv),[i,d]=k.useState(!1),m=t.useEditorStore(B=>B.actions.setCardSql),p=t.useEditorStore(B=>B.actions.setRunSql),u=t.useEditorStore(B=>B.showAIDialog),{setShowAIDialog:x}=t.useEditorActions(),{messages:f,setMessages:c,reload:g,append:h,input:j,setInput:b,isLoading:O,handleAddCurrentTableToScope:E,removeFromCurrentSelections:z,currentAssitantScope:w,handleInputChange:M,handleSubmit:R,stop:F,chatStatus:H,toolStatus:S,llmUsage:v,errorMessage:A}=At();t.useAssistantScroll({scrollContainerRef:s,inputRef:a,messages:f}),k.useEffect(()=>{var B;u&&((B=a.current)==null||B.focus())},[u]);function D(B){m(B),p(!0)}function y(B){const I={role:"user",content:B.title+" "+B.subtitle};h(I)}function _(){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(dt,{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 G(){return e.jsxs("div",{"data-role":"header",children:[e.jsx("div",{className:"text-lg font-semibold",children:"Assistant"}),w&&w.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:w==null?void 0:w.map((B,I)=>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:B.schemaName||"",tableName:B.tableName||"",modelName:B.datamodelName||"",connectionType:B.connectionType||"",databaseName:B.databaseName||""}),e.jsx("button",{onClick:()=>{z(B)},children:e.jsx(t.X,{className:"size-3 text-muted-foreground hover:text-foreground"})})]},I))}),(w==null?void 0:w.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"]})]})]})}const $=(j==null?void 0:j.length)===0&&(f==null?void 0:f.filter(B=>B.role==="user").length)===0;return e.jsxs("div",{"data-role":"editor-assistant",className:"flex h-full w-full flex-col justify-between gap-2 px-6 py-4",children:[e.jsxs("div",{"data-role":"header-section",className:"flex items-start justify-between gap-2",children:[G(),e.jsxs("div",{"data-role":"header-actions",className:"flex items-center",children:[_(),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{c([]),g()},children:e.jsx(t.RefreshCcw,{className:"size-3.5 text-muted-foreground"})}),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{x(!1)},children:e.jsx(t.X,{className:"size-4"})})]})]}),e.jsx(t.CustomScrollArea,{ref:s,className:"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:f,showTools:o,handleRun:D,showSystemMessage:i}),e.jsx(t.ChatStatus,{status:t.getStatus(H,S),isLoading:O})]})}),$&&e.jsx(t.Placeholders,{onClick:y,placeholders:pa}),e.jsx(t.ChatInput,{onFocus:()=>{E()},stop:F,ref:a,setInput:b,input:j,handleInputChange:M,handleSubmit:R,isLoading:O}),v&&n&&e.jsx("div",{className:"flex h-8 items-center justify-between",children:e.jsxs("div",{className:"text-xs text-muted-foreground",children:["Usage: ",v.promptTokens," prompt tokens,"," ",v.completionTokens," completion tokens,"," ",v.totalTokens," total tokens"]})}),A&&e.jsx("div",{className:"flex items-center justify-between text-xs text-muted-foreground",children:e.jsx("span",{children:A})})]})}function fa({authToken:s,onSave:a,onClose:n}){const r=k.useRef(null),o=t.useEditorStore(j=>j.showAIDialog),{setAuthToken:l}=t.useDashboardActions(),{setShowAIDialog:i,setOnSave:d,setOnClose:m}=t.useEditorActions(),{handleDragOver:p,handleDragEnd:u,handleDragStart:x,handleDragCancel:f,sensors:c}=sa();k.useEffect(()=>{a&&d(a),n&&m(n)},[a,d,n,m]),k.useEffect(()=>{s&&s.accessToken&&l(s)},[s,l]),k.useEffect(()=>{var j,b;o?((j=r.current)==null||j.resize(40),i(!0)):(i(!1),(b=r.current)==null||b.resize(0))},[o,i]);function g(j){j<1?i(!1):o||i(!0)}function h(){return e.jsxs(t.ResizablePanelGroup,{"data-content":"editor-main",className:"grow",direction:"horizontal",children:[e.jsx(t.ResizablePanel,{className:"min-w-[510px] rounded-none border-x-[1px]",children:e.jsx(ha,{})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{"data-role":"editor-assistant-panel",ref:r,onResize:g,defaultSize:0,children:e.jsx(xa,{})})]})}return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:e.jsx(t.DndContext,{sensors:c,onDragStart:x,onDragEnd:u,onDragOver:p,onDragCancel:f,children:e.jsxs("section",{className:"isolate flex h-full grow","data-content":"editor-panel",children:[e.jsx(kt,{type:"main"}),h()]})})})}function ga(){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(fa,{onSave:o,onClose:l})})}function ja(){const s=t.useEditorStore(l=>l.selectedDatabaseName),a=t.useEditorStore(l=>l.selectedTableName),n=t.useDashboardStore(l=>l.dashboard.filters)||[],{columns:r}=se(),{assignFilter:o}=Gt();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(Ue,{column:l}),e.jsx("span",{children:l.column_name})]})},l.column_name)})})}function ba(){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(kt,{type:"filter",ColumnsComponent:()=>e.jsx(ja,{})})})]})}function ya(){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 Sa(){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(ya,{}),e.jsx(t.DashboardTabs,{})]}),s&&e.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsx(ba,{})})]})}function Ca(){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 va({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(Ca,{}),e.jsxs(t.DashboardPanel,{...n,children:[s&&e.jsx(Ks,{}),e.jsx(ga,{}),e.jsx(Sa,{})]})]})]})})}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.useEditorStore=t.useEditorStore;exports.useTextFilterHook=t.useTextFilterHook;exports.ScheduleDashboard=vt;exports.SelectComponent=le;exports.Surfboard=va;exports.cleanCard=yt;exports.downloadPdf=Ct;exports.getDashbaordStateWithoutData=Ge;exports.useEditorAside=se;
|
|
351
|
+
`;b(S)}function $(){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(pn,{jsonString:JSON.stringify(u,null,2)})})}),u&&u.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(mt,{className:"size-3.5 text-muted-foreground"})})]})}function B(){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(mn,{})}),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(hn,{})}),e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"python"})]})]})]})}function D(){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:q||_,onClick:()=>{E()},className:"shrink-0",size:"sm",children:[q||_?e.jsx(re,{className:"mr-2 h-4 w-4 animate-spin"}):e.jsx(t.Play,{className:"mr-2 h-4 w-4"}),"Run"]}),e.jsx(Dt,{sql:L==null?void 0:L.sql,error:y,onClick:H}),e.jsx(zt,{}),e.jsx(t.Toggle,{pressed:a,onPressedChange:S=>n(S),className:"",size:"sm",children:e.jsx(un,{className:"size-4 text-foreground/70"})}),e.jsx("button",{disabled:i,onClick:()=>{F(),T(!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(Ot,{}),e.jsx(Lt,{})]})]})}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:[B(),$()]}),D()]})}function jn({data:s}){var i;const[a,n]=I.useState([]),o=Object.keys(s[0]).map(c=>({accessorKey:c,header:({column:u})=>{const p=u.getIsSorted();return e.jsx("div",{className:"flex gap-2",children:e.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>u.toggleSorting(u.getIsSorted()==="asc"),children:[c,p==="asc"?e.jsx(t.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):p==="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.jsx(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(c=>e.jsx(t.TableRow,{className:"",children:c.headers.map(u=>e.jsx(t.TableHead,{className:"h-11 font-semibold text-foreground",children:u.isPlaceholder?null:t.flexRender(u.column.columnDef.header,u.getContext())},u.id))},c.id))}),e.jsx(t.TableBody,{children:(i=l.getRowModel().rows)!=null&&i.length?l.getRowModel().rows.map(c=>e.jsx(t.TableRow,{className:"h-11 whitespace-nowrap py-2","data-state":c.getIsSelected()&&"selected",children:c.getVisibleCells().map(u=>e.jsx(t.TableCell,{className:"py-2",children:t.flexRender(u.column.columnDef.cell,u.getContext())},u.id))},c.id)):e.jsx(t.TableRow,{children:e.jsx(t.TableCell,{colSpan:o.length,className:"h-24 text-center",children:"No results."})})})]})})}function bn({card:s}){var T,N,A,C,L,q,_,U,v,k,O;const[a,n]=I.useState(!1),[r,o]=I.useState([]),{authToken:l}=t.useSemaphorContext(),i=t.getTokenParams(l==null?void 0:l.accessToken),c=t.useDashboardStore(E=>E.themeStyle),u={colors:((N=(T=c==null?void 0:c.chart)==null?void 0:T.dataset)==null?void 0:N.backgroundColor)||[]};(A=s.customCardPreferences)!=null&&A.inputData;const{getCard:p}=t.useCustomVisual(((C=s.customCardPreferences)==null?void 0:C.url)||""),m=((L=s.customCardPreferences)==null?void 0:L.visualType)||"single",f=t.useEditorStore(E=>E.frame),{setCustomCardPreferences:x}=t.useEditorActions(),{data:d}=t.useDashboardCardQuery(s),j=I.useCallback((E,y)=>{o(F=>({...F,[E]:y}))},[]);if(!((q=s.customCardPreferences)!=null&&q.componentName))return null;const h=p((_=s.customCardPreferences)==null?void 0:_.componentName);function g(E){n(E)}const b=Object.keys(((U=s.customCardPreferences)==null?void 0:U.dataInputCardIds)||{}).map(E=>{var H,$,B;const y=($=(H=s.customCardPreferences)==null?void 0:H.dataInputCardIds)==null?void 0:$[E].cardId,F=(B=f==null?void 0:f.cards)==null?void 0:B.find(D=>D.id===y);return F||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:[h&&m==="single"&&e.jsx(h,{params:i,theme:u,settings:(v=s.customCardPreferences)==null?void 0:v.settings,onDataChange:j,data:(d==null?void 0:d.records)||[]}),h&&m==="multiple"&&e.jsxs(e.Fragment,{children:[Object.keys(((k=s.customCardPreferences)==null?void 0:k.dataInputCardIds)||{}).map(E=>{var H,$,B;const y=($=(H=s.customCardPreferences)==null?void 0:H.dataInputCardIds)==null?void 0:$[E].cardId,F=(B=f==null?void 0:f.cards)==null?void 0:B.find(D=>D.id===y);if(F)return e.jsx(t.MultiInputEmptyRenderer,{onLoadingStatus:g,onDataChange:j,dataInputIndex:E,card:F},F.id+E)}),e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx(h,{theme:u,onDataChange:j,settings:b.map(E=>{var y;return(y=E==null?void 0:E.customCardPreferences)==null?void 0:y.settings}),data:b.map(E=>E!=null&&E.id?r==null?void 0:r[E.id]:[])})})]})]},(O=s.customCardPreferences)==null?void 0:O.componentName)})}function Ft({className:s,...a}){var g;const n=t.useEditorStore(b=>b.card),r=((g=n.customCardPreferences)==null?void 0:g.showCardHeader)??!0,o=t.useEditorStore(b=>b.frame),l=t.useDashboardStore(b=>b.dashboard.filters);t.useEditorStore(b=>b.actions.setRunSql);const{updateFilter:i}=t.useDashboardActions(),c=l==null?void 0:l.find(b=>b.id===o.filterId),{data:u,isLoading:p,isFetching:m}=t.useDashboardCardQuery(n),{setCard:f}=t.useEditorActions(),{data:x}=t.useTopoJson(n),d=I.useMemo(()=>!n.id||!(u!=null&&u.records)?null:t.createChartConfig({data:u==null?void 0:u.records,cardType:n.type,customCfg:n.customCfg,preferences:n.preferences,topoJson:x}),[n.id,u==null?void 0:u.records,n.type,n.customCfg,n.preferences,x]);function j(b){return e.jsx(bn,{card:b})}function h(){if(u!=null&&u.records&&(u==null?void 0:u.records.length)===0&&!p&&!m)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 j(n);if(!["table","custom"].includes(n.type)&&d)return e.jsx(e.Fragment,{children:p||m?e.jsx(e.Fragment,{}):e.jsx(t.ChartJsVisual,{cfg:d})});if(n.type==="table"&&(u!=null&&u.records)&&(u==null?void 0:u.records.length)>0)return e.jsxs(t.ScrollArea,{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:u==null?void 0:u.records}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}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,{text:n.title,onSave:b=>f({...n,title:b}),children:e.jsx("div",{className:"flex items-center gap-5",children:e.jsx(t.CardTitle,{className:"text-base",children:n.title||"Edit title..."})})},n.title),e.jsx(t.Editable,{text:n.description||"",onSave:b=>f({...n,description:b}),children:e.jsx(t.CardDescription,{children:n.description||"Edit description..."})},n.description)]}),c&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Editable,{className:"my-1",text:c.title||c.column,onSave:b=>i({...c,title:b}),children:e.jsx(t.Label,{children:c.title})}),e.jsx(t.FilterComponent,{filter:c})]})]}),e.jsx(t.CardContent,{className:"flex grow flex-col",children:h()})]})}const Ie=({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}),yn=()=>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(Ie,{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(Ie,{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(Ie,{language:"javascript",value:s,onChange:o})})]}),Cn=({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 vn(){const[s,a]=I.useState(!1),[n,r]=I.useState(""),[o,l]=I.useState(""),[i,c]=I.useState(""),[u,p]=I.useState(""),m=t.useEditorStore(C=>C.card),f=t.useEditorStore(C=>C.card.customCfg),x=f?JSON.stringify(f,null,2):"",{data:d}=t.useDashboardCardQuery(m),{data:j}=t.useTopoJson(m),{setCardCustomCfg:h,setCustomVisualCode:g}=t.useEditorActions(),b=C=>{var L,q;return JSON.stringify({...C,data:{...C.data,datasets:(q=(L=C.data)==null?void 0:L.datasets)==null?void 0:q.map(_=>({..._,data:[]}))}},null,2)},T=()=>{var L,q;if(!((L=d==null?void 0:d.records)!=null&&L.length))return;const C=t.createChartConfig({data:d.records,cardType:m.type,preferences:m.preferences,topoJson:j});if(C){r(b(C)),c(((q=m.preferences)==null?void 0:q.customVisualCode)||"");const _=t.merge(C,f);l(b(_))}},N=()=>{try{if(i&&g(i),o){const C=JSON.parse(o),L=t.getObjectDiff(JSON.parse(n),C);h(L),p("")}}catch{p("Invalid JSON configuration")}},A=Object.keys(f||{}).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:T,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(yn,{}),e.jsxs("div",{className:"flex grow gap-2",children:[e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(Ft,{className:"w-1/2 rounded shadow-none"})}),e.jsx(Sn,{customCode:i,cardCustomCfgString:x,mergedConfig:o,onConfigChange:C=>l(C??""),onCodeChange:C=>c(C??"")})]}),e.jsx(Cn,{error:u,hasCardCustomConfig:!!f,onReset:()=>{l(n),h(null)},onApply:N,onClose:()=>a(!1)})]})]})}function Rt(s){const[a,n]=I.useState(null);return a}function Vt(){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 Nn({onChartTypeChange:s}){const[a,n]=I.useState([]),{data:r}=Vt();return I.useEffect(()=>{(async()=>{var l;if(r){const c=(await Promise.all((l=r==null?void 0:r.plugins)==null?void 0:l.map(async u=>(await t.loadManifest(u.value)).visuals.map(f=>({name:f.name,icon:f.icon,url:u.value}))))).flat();n(c)}})()},[r]),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((o,l)=>e.jsx(wn,{text:o.name,onClick:()=>s("custom",o),icon:o.icon},o.url+o.name+l))})]})}const wn=({text:s,icon:a,onClick:n})=>{const r=Rt(),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 _t(s){return ue({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 kn(s){return ue({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 qt(s){return ue({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 Bt(s){return ue({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 Pt(s){return ue({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 Ht({onChartTypeChange:s}){const{setCardType:a,setCardPreferences:n,setChartOrientation:r}=t.useEditorStore(c=>c.actions),{setCardCustomCfg:o,setCustomCardPreferences:l}=t.useEditorActions();function i(c,u){o(null),n({}),a(c),s==null||s()}return e.jsxs("div",{className:"grid grid-cols-4 place-items-center",children:[e.jsx(t.IconButton,{tooltip:"Bar Chart",onClick:()=>i("bar"),className:"h-10 p-4",children:e.jsx(Be,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Line Chart",onClick:()=>i("line"),className:"h-10 p-4",children:e.jsx(Pe,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Stacked Bar Chart",onClick:()=>i("stackedBar"),className:"h-10 p-4",children:e.jsx(rt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Stacked Line Chart",onClick:()=>i("stackedLine"),className:"h-10 p-4",children:e.jsx(Bt,{className:"size-5",strokeWidth:0})}),e.jsx(t.IconButton,{tooltip:"Scatter Chart",onClick:()=>i("scatter"),className:"h-10 p-4",children:e.jsx(lt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Bubble Chart",onClick:()=>i("bubble"),className:"h-10 p-4",children:e.jsx(qt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Pie Chart",onClick:()=>i("pie"),className:"h-10 p-4",children:e.jsx(it,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Doughnut Chart",onClick:()=>i("doughnut"),className:"h-10 p-4",children:e.jsx(dt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Radar Chart",onClick:()=>i("radar"),className:"h-10 p-4",children:e.jsx(xt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Polar Area Chart",onClick:()=>i("polarArea"),className:"h-10 p-4",children:e.jsx(_t,{className:"size-6"})}),e.jsx(t.IconButton,{tooltip:"Pyramid Chart",onClick:()=>i("pyramid"),className:"h-10 p-4",children:e.jsx(bt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Range Chart",onClick:()=>i("range"),className:"h-10 p-4",children:e.jsx(ot,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Table",onClick:()=>i("table"),className:"h-10 p-4",children:e.jsx(He,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"KPI",onClick:()=>i("kpi"),className:"h-10 p-4",children:e.jsx(Pt,{className:"size-6"})}),e.jsx(t.IconButton,{tooltip:"Text",onClick:()=>i("text"),className:"h-10 p-4",children:e.jsx(is,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Map",onClick:()=>i("map"),className:"h-10 p-4",children:e.jsx(pt,{className:"size-5"})}),e.jsx(t.IconButton,{tooltip:"Custom",onClick:()=>i("custom"),className:"h-10 p-4",children:e.jsx(gt,{className:"size-5"})})]})}function In({chartType:s,className:a,customIcon:n,componentName:r}){const o=Rt();switch(s){case"bar":return e.jsx(Be,{className:a});case"line":return e.jsx(Pe,{className:a});case"pie":return e.jsx(it,{className:a});case"radar":return e.jsx(xt,{className:a});case"scatter":return e.jsx(lt,{className:a});case"bubble":return e.jsx(qt,{className:a});case"doughnut":return e.jsx(dt,{className:a});case"stackedBar":return e.jsx(rt,{className:a});case"stackedLine":return e.jsx(Bt,{className:a});case"polarArea":return e.jsx(_t,{className:a});case"pyramid":return e.jsx(bt,{className:a});case"range":return e.jsx(ot,{className:a});case"kpi":return e.jsx(Pt,{className:a});case"text":return e.jsx(yt,{className:a});case"map":return e.jsx(pt,{className:a});case"custom":return n&&o?e.jsx(o,{className:a}):r?r==null?void 0:r.charAt(0).toUpperCase():e.jsx(gt,{className:a});default:return e.jsx(He,{className:a})}}function Dn(){var i,c;const[s,a]=I.useState(!1),n=t.useEditorStore(u=>u.card),r=n.type,o=t.useDashboardStore(u=>u.isVisualEditing);function l(){a(!1)}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(In,{className:"size-4",chartType:r,customIcon:(i=n.customCardPreferences)==null?void 0:i.icon,componentName:(c=n.customCardPreferences)==null?void 0:c.componentName})})}),e.jsxs(t.PopoverContentCustom,{onOpenAutoFocus:u=>u.preventDefault(),className:"w-50",children:[e.jsx(Ht,{onChartTypeChange:l}),e.jsx(Nn,{onChartTypeChange:l})]})]})}const pe="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function nt(s,a){var r,o,l;const n=t.getNumberAxis(s,a);return((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 En(){var F,H,$,B,D,S;const[s,a]=I.useState(!1),n=t.useEditorStore(w=>{var M;return(M=w.card)==null?void 0:M.preferences}),r=t.getNumberAxis(n,{}),[o,l]=I.useState(nt(n)),[i,c]=I.useState((($=(H=(F=n==null?void 0:n.chartOptions)==null?void 0:F.scales)==null?void 0:H[r])==null?void 0:$.min)||""),[u,p]=I.useState(((S=(D=(B=n==null?void 0:n.chartOptions)==null?void 0:B.scales)==null?void 0:D[r])==null?void 0:S.max)||""),[m,f]=I.useState(i||u?"custom":"auto"),[x,d]=I.useState(""),[j,h]=I.useState(0),[g,b]=I.useState(""),[T,N]=I.useState(""),[A,C]=I.useState(""),L=t.useEditorStore(w=>w.actions.setCardPreferences),{updateCardInFrame:q}=t.useEditorActions(),_=t.useEditorStore(w=>w.card),U=t.useEditorStore(w=>{var M;return(M=w.card)==null?void 0:M.type}),v=["pie","doughnut","polarArea"].includes(U);I.useEffect(()=>{var w,M,z,G,P,K,W,ee,te,R,Q,Y,ne,ie;l(nt(n)),c(((z=(M=(w=n==null?void 0:n.chartOptions)==null?void 0:w.scales)==null?void 0:M[r])==null?void 0:z.min)===0?0:""),p(((K=(P=(G=n==null?void 0:n.chartOptions)==null?void 0:G.scales)==null?void 0:P[r])==null?void 0:K.max)||""),d(((R=(te=(ee=(W=n==null?void 0:n.chartOptions)==null?void 0:W.scales)==null?void 0:ee[r])==null?void 0:te.ticks)==null?void 0:R.stepSize)||""),h(((Q=n==null?void 0:n.numberAxisFormat)==null?void 0:Q.decimalPlaces)||0),b(((Y=n==null?void 0:n.numberAxisFormat)==null?void 0:Y.suffix)||""),N(((ne=n==null?void 0:n.numberAxisFormat)==null?void 0:ne.currency)||""),C(((ie=n==null?void 0:n.numberAxisFormat)==null?void 0:ie.locale)||"")},[s,n,r]);function k(w,M){return M===""||/^[0-9\b]+$/.test(M)?Number(M):Number(w)}function O(){const w=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(M=>M.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:T||"none",onValueChange:M=>N(M==="none"?"":M),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"}),w.map(M=>e.jsx(t.SelectItem,{value:M,children:M},M))]})})]}),e.jsxs(t.Select,{value:A,onValueChange:M=>C(M),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(M=>e.jsx(t.SelectItem,{value:M.locale,children:M.locale},M.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:j,onChange:M=>h(Number(M.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${pe}`})]})]})}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:i,onChange:w=>c(M=>k(M,w.target.value)),className:`col-span-1 h-8 w-full ${pe}`}),e.jsx(t.Input,{value:u,onChange:w=>p(M=>k(M,w.target.value)),id:"max",className:`col-span-1 h-8 w-full ${pe}`})]}),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:x,onChange:w=>d(M=>k(M,w.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${pe}`})]})]})}function y(){var G;let w={};m==="custom"&&(w={min:i,max:u,ticks:{stepSize:x}});const M={...n||{},chartOptions:{...n==null?void 0:n.chartOptions,scales:{...(G=n==null?void 0:n.chartOptions)==null?void 0:G.scales,[r]:{type:o,...o==="linear"?w:{}}}},numberAxisFormat:{decimalPlaces:j,suffix:g,currency:T,locale:A}};console.log(M),L(M);const z={..._,preferences:M};q(z)}return e.jsxs(t.Popover,{onOpenChange:w=>a(w),children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Scale Options",children:e.jsx(Rs,{className:"size-4 rotate-45"})})}),e.jsx(t.PopoverContentCustom,{align:"center",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:"Scale Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for the number axis"})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"scale",children:"Type"}),e.jsxs(t.Select,{disabled:v,value:o,onValueChange:w=>l(w),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"})]})})]})]}),o=="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:v,id:"scale-option",value:m,onValueChange:w=>f(w),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"})]})]})]}),m==="custom"&&o=="linear"&&E(),O(),e.jsx(t.SelectSeparator,{}),e.jsx("div",{className:"grid grid-cols-3",children:e.jsx(t.Button,{onClick:y,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function Tn(){const s=t.useEditorStore(c=>{var u,p,m,f;return(f=(m=(p=(u=c.card.preferences)==null?void 0:u.chartOptions)==null?void 0:p.plugins)==null?void 0:m.legend)==null?void 0:f.position}),a=t.useEditorStore(c=>{var u,p,m,f;return(f=(m=(p=(u=c.card.preferences)==null?void 0:u.chartOptions)==null?void 0:p.plugins)==null?void 0:m.legend)==null?void 0:f.align}),n=t.useEditorStore(c=>{var u,p,m,f;return(f=(m=(p=(u=c.card.preferences)==null?void 0:u.chartOptions)==null?void 0:p.plugins)==null?void 0:m.legend)==null?void 0:f.display}),{setLegendOptions:r}=t.useEditorActions(),o=c=>{r({display:c,position:s,align:a})},l=c=>{r({display:n,position:c,align:a})},i=c=>{r({display:n,position:s,align:c})};return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Legend Settings",children:e.jsx(ws,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{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,defaultChecked:!0,id:"displayLegend"})})]}),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(es,{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(Wt,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"End",onClick:()=>i("end"),children:e.jsx(Xt,{className:"size-4"})})]})]})]})]})})]})}function An(){var l;const s=t.useEditorStore(i=>i.card.preferences),{setCardPreferences:a,setChartOrientation:n}=t.useEditorStore(i=>i.actions);function r(i){n(i)}const o=((l=s==null?void 0:s.chartOptions)==null?void 0:l.indexAxis)||"x";return e.jsx(t.IconButton,{onClick:()=>r(o==="y"?"x":"y"),tooltip:"Chart Orientation",children:o==="y"?e.jsx(Ls,{className:"size-4"}):e.jsx(Ms,{className:"size-4"})})}function Mn(){const s=t.useEditorStore(i=>i.card),a=t.useEditorStore(i=>i.isShowingVisual),n=t.useEditorStore(i=>{var c,u;return(u=(c=i.card)==null?void 0:c.preferences)==null?void 0:u.chartOptions}),r=t.getChartGridStyle(n),{setChartGrid:o}=t.useEditorActions();function l(){const i=["xy","none","x","y"],u=(i.indexOf(r)+1)%i.length;o(i[u])}return a?e.jsxs("div",{"data-info":"visual-settings",className:"flex items-center",children:[["line","bar","range","stackedBar","stackedLine","horizontalBar"].includes(s.type)&&e.jsx(An,{}),!["kpi","text","custom","table"].includes(s.type)&&e.jsxs(e.Fragment,{children:[e.jsx(En,{}),e.jsx(Tn,{})]}),!["pie","doughnut","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(Cs,{className:"size-4"}),r==="x"&&e.jsx(hs,{className:"size-4"}),r==="y"&&e.jsx(Fs,{className:"size-4"}),r==="none"&&e.jsx(qs,{className:"size-4"})]})]}):null}function xe(){var B;const s=t.useEditorStore(D=>D.frame),a=t.useEditorStore(D=>D.card),n=t.useEditorStore(D=>D.isDevMode),r=t.useEditorStore(D=>D.isShowingVisual),o=t.useDashboardStore(D=>D.isVisualEditing),l=t.useEditorStore(D=>D.isSqlRunning),i=t.useEditorStore(D=>D.pythonStdOut),c=t.useEditorStore(D=>{var S;return(S=D.card.preferences)==null?void 0:S.chartOptions}),u=t.useEditorStore(D=>D.actions.setRunSql);t.getChartGridStyle(c);const{setFrame:p,setCard:m,updateCardInFrame:f,setActiveTabCardId:x,runAssistant:d,setChartGrid:j}=t.useEditorActions(),{data:h,isLoading:g,isFetching:b,error:T}=t.useDashboardCardQuery(a);if(!a)return e.jsx(e.Fragment,{children:"No Active Card"});function N(){const D={connectionId:a.connectionId,lastSelectedDatabase:a.lastSelectedDatabase,lastSelectedSchema:a.lastSelectedSchema,lastSelectedTable:a.lastSelectedTable,lastSelectedDatamodelId:a.lastSelectedDatamodelId,id:t.v4(),title:"Title",description:"Description",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]};A(D)}function A(D){const S={...s,cards:[...s.cards,D],activeCardId:D.id};p(S),m(D),x(D.id)}function C(){const D={...a,id:t.v4(),title:`${a.title} Copy`,tabTitle:`${a.tabTitle||a.title} Copy`};A(D)}function L(D){const S=s.cards.filter(z=>z.id!==D),w=S[0],M={...s,cards:S,activeCardId:w.id};p(M),x(w.id),m(w)}function q(D){n||_(D),x(D)}function _(D){const S={...s,cards:s.cards.map(M=>M.id===a.id?a:M),activeCardId:D};p(S);const w=S.cards.find(M=>M.id===D);w.sql&&u(!0),m(w)}const U=(D,S)=>{console.log("handleDragStart",S),D.dataTransfer.setData("tabIndex",S.toString())},v=D=>{D.preventDefault()},k=(D,S)=>{const w=D.dataTransfer.getData("tabIndex");if(w===S.toString())return;const M=Array.from(s.cards),[z]=M.splice(parseInt(w),1);M.splice(S,0,z),p({...s,cards:M})};function O(D,S){return D.cards.length===1&&(S.displayTab===!0||S.displayTab===void 0)||D.activeCardId!==S.id&&(S.displayTab===!0||S.displayTab===void 0)?null:e.jsx("div",{onClick:()=>{const w=S.displayTab===void 0?!1:!S.displayTab;m({...S,displayTab:w}),f({...S,displayTab:w})},children:S.displayTab===!0||S.displayTab===void 0?e.jsx(t.Eye,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"}):e.jsx(js,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"})})}function E(){return e.jsxs(t.Tabs,{onValueChange:q,value:s.activeCardId,className:"flex grow flex-col",children:[s.cards.map(D=>e.jsx(t.TabsContent,{className:"mt-0 grow",value:D.id,children:y()},D.id)),e.jsx(t.TabsList,{className:"group mx-6 justify-between overflow-x-auto",children:e.jsxs("div",{className:"flex items-center",children:[s.cards.map((D,S)=>e.jsx(t.Editable,{text:D.tabTitle||D.title,onSave:w=>{m({...a,tabTitle:w}),f({...a,tabTitle:w})},children:e.jsxs(t.TabsTrigger,{draggable:!0,onDragStart:w=>U(w,S),onDragOver:v,onDrop:w=>k(w,S),className:"",value:D.id,children:[O(s,D),D.tabTitle||D.title,s.activeCardId===D.id&&s.cards.length>1&&e.jsx(t.X,{className:"ml-2 size-3.5 text-muted-foreground hover:text-foreground",onClick:()=>L(D.id)})]})},D.id)),e.jsx(t.Button,{className:"ml-1 h-8 px-2 hover:bg-muted-foreground/50",variant:"outline",onClick:N,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:C,children:e.jsx(xs,{className:"h-4 w-4"})})]})})]})}function y(){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:h==null?void 0:h.records})})}):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:h==null?void 0:h.records})})})}):e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(Ft,{className:"grow border-none shadow-none"})})}function F(){const D=JSON.stringify(h==null?void 0:h.records,null,2),S=new Blob([D],{type:"application/json"}),w=URL.createObjectURL(S),M=document.createElement("a");M.href=w,M.download=`${a.title}.json`,M.click()}function H(){const S=[Object.keys(h==null?void 0:h.records.reduce((G,P)=>({...G,...P}),{})).join(","),...((h==null?void 0:h.records)||[]).map(G=>Object.values(G).join(","))].join(`
|
|
352
|
+
`),w=new Blob([S],{type:"text/csv"}),M=URL.createObjectURL(w),z=document.createElement("a");z.href=M,z.download=`${a.title}.csv`,z.click()}function $(){const D=`Can you get the documentation for ${a.type} chart?`;d(D)}return e.jsxs("div",{className:"relative isolate flex h-full flex-col py-3",children:[(g||b)&&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(re,{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(Dn,{}),o&&e.jsx(t.IconButton,{tooltip:"Visual Docs",onClick:$,children:e.jsx(os,{className:"size-4"})}),!["table","custom"].includes(a.type)&&o&&e.jsx(vn,{})]}),!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:H,children:e.jsx(kn,{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:F,children:e.jsx(bs,{strokeWidth:1.5,className:"size-4"})}),e.jsx(t.CopyButton,{text:JSON.stringify(h==null?void 0:h.records,null,2),className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"})]}),e.jsx(Mn,{}),e.jsx(On,{})]}),r?E():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(Ln,{})}),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:[(h==null?void 0:h.records)&&(h==null?void 0:h.records.length)>0&&e.jsx(jn,{data:(h==null?void 0:h.records)||[]}),(T||(h==null?void 0:h.error))&&e.jsx("span",{className:"font-mono text-xs",children:(T==null?void 0:T.message)||((B=h==null?void 0:h.error)==null?void 0:B.message)})]})]})]})}function Ln(){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 On(){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 zn(){var h,g;const s=t.useEditorStore(b=>b.card.customCardPreferences),{data:a}=Vt(),n=(a==null?void 0:a.plugins)||[],r=t.useEditorStore(b=>b.card),o=t.useEditorStore(b=>b.frame),l=(s==null?void 0:s.visualType)||"single",{setCustomCardPreferences:i}=t.useEditorActions(),{components:c,manifest:u}=t.useCustomVisual((s==null?void 0:s.url)||""),p=(h=u==null?void 0:u.visuals)==null?void 0:h.find(b=>b.name===(s==null?void 0:s.componentName));function m(b,T){if(!s)return;const A={...(s==null?void 0:s.dataInputCardIds)||{},[b]:{cardId:T,hookRef:null}};i({...s,dataInputCardIds:A})}function f(b){var N,A;const T=(N=o==null?void 0:o.cards)==null?void 0:N.filter(C=>{var L;return((L=C==null?void 0:C.customCardPreferences)==null?void 0:L.visualType)!=="multiple"}).map(C=>({value:C.id,label:C.tabTitle||C.title}));return e.jsx("div",{className:"space-y-2",children:(A=b==null?void 0:b.dataInputs)==null?void 0:A.map((C,L)=>{var q,_;return e.jsxs("div",{className:"grid grid-cols-10 gap-2",children:[e.jsx("div",{className:"col-span-4 flex items-center",children:C}),e.jsx(X,{className:"col-span-6 h-8 w-full justify-between",label:"",options:T||[],value:((_=(q=s==null?void 0:s.dataInputCardIds)==null?void 0:q[L])==null?void 0:_.cardId)||"",onValueChange:U=>m(L,U)})]},L+Math.random())})})}function x(b,T,N=[],A=""){var C,L;return s?b==="input"?e.jsx(t.Input,{className:`h-8 w-full ${t.removeRing}`,value:((C=s==null?void 0:s.settings)==null?void 0:C[T])||A,onChange:q=>{i({...s,settings:{...s==null?void 0:s.settings,[T]:q.target.value}})}},T):b==="select"?e.jsx(X,{className:"h-8 w-full",label:"",options:N,value:((L=s==null?void 0:s.settings)==null?void 0:L[T])||A,onValueChange:q=>{i({...s,settings:{...s==null?void 0:s.settings,[T]:q}})}}):null:null}function d(b){const T=Object.entries((b==null?void 0:b.settings)||{});return e.jsx("div",{className:"space-y-3",children:T.map(([N,A])=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:A.title}),x(A.ui,N,A.options,A.defaultValue)]},N))})}function j(b){s&&i({...s,visualType:b,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(X,{icon:e.jsx(rs,{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:b=>i({...s||{url:"",componentName:""},url:b})}),((s==null?void 0:s.type)==="component"||(s==null?void 0:s.type)===void 0)&&e.jsx(t.Tabs,{value:l,onValueChange:j,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:c&&e.jsx(X,{icon:e.jsx(ps,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Component",options:(c==null?void 0:c.filter(b=>b.type===l).map(b=>({value:b.name,label:b.name})))||[],value:s.componentName,onValueChange:b=>{console.log("changing value",b),i({...s,componentName:b})}})})]})})]}),((g=r==null?void 0:r.customCardPreferences)==null?void 0:g.componentName)&&e.jsxs(t.AccordionItem,{className:"border-none",value:"component-settings",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{children:[p&&p.dataInputs&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Input Mapping"}),e.jsx("div",{className:"px-2",children:f(p)})]}),p&&p.settings&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"px-2",children:d(p)})})]})]})]})}function oe(){const[s,a]=I.useState([]),n=t.useEditorStore(p=>p.card.preferences),{setFilterOnClickColumnIndex:r,setCardPreferences:o}=t.useEditorStore(p=>p.actions),l=t.useEditorStore(p=>p.queryResultColumns);t.useEditorStore(p=>{var m;return(m=p.card.preferences)==null?void 0:m.filterOnClickColumnIndex}),I.useEffect(()=>{l&&a(new Array(l.length).fill(!1))},[l]);function i(p,m){var f,x;m?n!=null&&n.onClickFilter&&((f=n==null?void 0:n.onClickFilter)==null?void 0:f.length)>0?o({...n,onClickFilter:[...n.onClickFilter,{columnIndex:p,expression:""}]}):o({...n,onClickFilter:[{columnIndex:p,expression:""}]}):(o({...n,onClickFilter:(x=n==null?void 0:n.onClickFilter)==null?void 0:x.filter(d=>d.columnIndex!==p)}),a(d=>{const j=[...d];return j[p]=!1,j}))}function c(p,m){var x;const f=(x=n==null?void 0:n.onClickFilter)==null?void 0:x.map(d=>d.columnIndex===p?{...d,expression:m.target.value}:d);o({...n,onClickFilter:f})}function u(p){var m,f,x,d;if(s!=null&&s[p]||(f=(m=n==null?void 0:n.onClickFilter)==null?void 0:m.find(j=>j.columnIndex===p))!=null&&f.expression)return e.jsx(t.Input,{value:(d=(x=n==null?void 0:n.onClickFilter)==null?void 0:x.find(j=>j.columnIndex===p))==null?void 0:d.expression,onChange:j=>c(p,j),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:"space-y-2",children:[e.jsx(t.Label,{children:"On Click"}),l==null?void 0:l.map((p,m)=>{var f,x;return e.jsx("div",{className:"xbg-red-100 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:!!((f=n==null?void 0:n.onClickFilter)!=null&&f.find(d=>d.columnIndex===m)),onCheckedChange:d=>i(m,d)}),e.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:p}),e.jsx("div",{className:"flex items-center gap-2",children:((x=n==null?void 0:n.onClickFilter)==null?void 0:x.find(d=>d.columnIndex===m))&&e.jsx(t.Pencil,{onClick:()=>{a(d=>{const j=[...d];return j[m]=!d[m],j})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),u(m)]})},p)})]})}function Fn({idx:s}){var c;const a=t.useEditorStore(u=>{var p;return(p=u.card)==null?void 0:p.preferences}),n=t.useEditorStore(u=>{var p;return(p=u.card.preferences)==null?void 0:p.datasetOptions}),r=t.useEditorStore(u=>u.actions.setCardPreferences),o=(c=a==null?void 0:a.chartOptions)==null?void 0:c.indexAxis,l=n==null?void 0:n.find(u=>u.idx===s);function i(u,p){(u==="end"||u==="start")&&t.getContrastColor(t.getCanvasBackgroundColor());const m={display:u!=="none",align:u,anchor:u,clamp:!0};if(!l)r({...a,datasetOptions:[...n||[],{idx:p,datalabels:m}]});else{const f={...l};f.datalabels=m;const x=n==null?void 0:n.map(d=>d.idx===p?f:d);r({...a,datasetOptions:x})}}return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{children:e.jsx(Bs,{className:"invisible size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"})}),e.jsx(t.PopoverContent,{className:"w-fit p-1",children:e.jsxs("div",{className:"flex gap-1",children:[e.jsx(t.Button,{onClick:()=>i("none",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(t.X,{className:"size-4"})}),e.jsx(t.Button,{onClick:()=>i("start",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(ks,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx(t.Button,{onClick:()=>i("center",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(Ds,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx(t.Button,{onClick:()=>i("end",s),size:"sm",variant:"secondary",className:"h-7 p-1 text-xs font-normal",children:e.jsx(Is,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})})]})})]})}function Gt(){const s=t.useEditorStore(p=>p.card),a=t.useEditorStore(p=>{var m,f,x;return(x=(f=(m=p==null?void 0:p.card)==null?void 0:m.preferences)==null?void 0:f.chartOptions)==null?void 0:x.indexAxis}),{data:n}=t.useDashboardCardQuery(s),r=a==="y"?"Metric":"Dimension",o=a==="y"?"Dimension":"Metric",{keys:l,metricKeys:i,dimensionKeys:c}=t.getKeys((n==null?void 0:n.records)||[]);let u=i;if(["stackedBar","stackedLine"].includes(s.type)){const p=t.pivotData({dataArray:(n==null?void 0:n.records)||[],groupKey:c[0],pivotKey:c[1],valueKey:u[0]}),{metricKeys:m}=t.getKeys(p);u=m}return l.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:c.map(p=>e.jsx("p",{className:"rounded-md bg-muted/70 px-3 py-2 hover:bg-muted",title:p,children:Ut(p)},p))})]}),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:u.map((p,m)=>e.jsx(Rn,{col:p,idx:m},p))})]})]})}function Ut(s,a=30){return s.length>a?s.slice(0,a)+"...":s}function Rn({col:s,idx:a}){const n=t.useEditorStore(c=>{var u;return(u=c.card)==null?void 0:u.preferences}),r=t.useEditorStore(c=>{var u;return(u=c.card.preferences)==null?void 0:u.datasetOptions}),o=r==null?void 0:r.find(c=>c.idx===a),{setCardPreferences:l}=t.useEditorStore(c=>c.actions);function i(c){if(!o)l({...n,datasetOptions:[...r||[],{idx:a,type:c==="area"?"line":c,fill:c==="area"?"origin":""}]});else{const u={...o};u.type=c==="area"?"line":c,u.fill=c==="area"?"origin":"";const p=r==null?void 0:r.map(m=>m.idx===a?u:m);l({...n,datasetOptions:p})}}return e.jsxs("div",{className:"group flex items-center justify-between gap-5 rounded-md bg-muted/70 px-3 py-2 hover:bg-muted",children:[e.jsx("p",{title:s,children:Ut(s)}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Be,{onClick:()=>i("bar"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsx(Pe,{onClick:()=>i("line"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsx(ds,{onClick:()=>i("area"),className:"invisible size-4 cursor-pointer text-muted-foreground hover:text-foreground group-hover:visible"}),e.jsx(Fn,{idx:a})]})]})}function $t(){const s=t.useEditorStore(d=>d.selectedConnectionId),a=t.useEditorStore(d=>d.selectedDatamodelId),n=t.useEditorStore(d=>d.selectedDatabaseName),r=t.useEditorStore(d=>d.selectedSchemaName),o=t.useEditorStore(d=>d.selectedTableName),l=t.useDashboardStore(d=>d.dashboard.filters)||[],i=t.useDashboardStore(d=>d.actions.addFilter),c=t.useDashboardStore(d=>d.actions.removeFilter),{removeFilterValues:u}=t.useDashboardActions(),{modelItems:p,tableName:m,connectionType:f}=Z();function x(d,j="dashboard"){var q;const h=t.fmt(d.column_name),g=t.fmt(n||""),b=t.fmt(r||""),T=t.fmt(m);let N=t.getQualifiedTableName({schemaName:b,tableName:T,connectionType:f,databaseName:g}),A=`${N}.${h}`;const C=(q=p==null?void 0:p.find(_=>_.id===a))==null?void 0:q.name;a&&a!=="none"&&(A=`${t.DATAMODEL_NAMESPCACE}.${C}.${h}`,N=`${t.DATAMODEL_NAMESPCACE}.${C}`);const L=l==null?void 0:l.find(_=>_.column===A&&_.table===T&&(_.database===g||_.database===n));if(L)u(L.id),c(L.id);else{const _=t.v4();return m==="api"&&s?(i({location:j,id:_,column:A,title:d.column_name,dataType:d.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:t.getDefaultFilterSql(d.data_type,N,h)}),_):(i({id:_,location:j,column:A,title:d.column_name,dataType:d.data_type,table:o||"",database:n||"",connectionId:s||"",operation:"in",sql:t.getDefaultFilterSql(d.data_type,N,h)}),_)}}return{assignFilter:x}}function me(){const s=t.useDashboardStore(c=>c.dashboard.filters),a=t.useEditorStore(c=>c.frame),{setFrame:n}=t.useEditorActions(),{columns:r}=Z(),{assignFilter:o}=$t();function l(c){const u=o(c,"frame");n({...a,filterId:u})}const i=s==null?void 0:s.find(c=>c.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]=de.useState(!1),[o,l]=de.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(c=>c.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(c=>e.jsxs(t.CommandItem,{value:c.column_name,onSelect:u=>{const p=u===o?"":u;l(p),r(!1),p&&a(c)},children:[c.column_name,e.jsx(t.CheckIcon,{className:t.cn("ml-auto h-4 w-4",o===c.column_name?"opacity-100":"opacity-0")})]},c.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(Gt,{})})]}),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(me,{})]})]})]})})}function $e(){var o,l,i;const s=t.useEditorStore(c=>c.card.type),a=t.useEditorStore(c=>c.card.preferences),{setCardPreferences:n}=t.useEditorStore(c=>c.actions);function r(c){var m;const u={datalabels:{display:c!=="none",align:c,anchor:c,clamp:!0}},p={...a,chartOptions:{...a==null?void 0:a.chartOptions,plugins:{...(m=a==null?void 0:a.chartOptions)==null?void 0:m.plugins,...u}}};n(p),console.log(c)}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"}),s!=="pyramid"&&e.jsx(t.SelectItem,{value:"start",children:"Start"}),e.jsx(t.SelectItem,{value:"center",children:"Center"}),s!=="pyramid"&&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($e,{})})]}),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(me,{})]})]})]})})}const Bn={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},Pn={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function Hn(){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:Gn(s)}),!["kpi"].includes(s)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx($e,{}),e.jsx(oe,{}),e.jsx(me,{})]})]})}function Gn(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(Bn,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(Pn,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"].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 Un(){var u,p,m,f,x;const s=t.useEditorStore(d=>d.card.preferences),a=t.useEditorStore(d=>d.actions.setCardPreferences),n=t.useEditorStore(d=>d.actions.setNumberFormat);t.useEditorStore(d=>{var j,h;return(h=(j=d.card.preferences)==null?void 0:j.formatNumber)==null?void 0:h.decimalPlaces});const r=t.useEditorStore(d=>{var j,h;return(h=(j=d.card.preferences)==null?void 0:j.formatNumber)==null?void 0:h.locale}),o=t.useEditorStore(d=>{var j,h;return(h=(j=d.card.preferences)==null?void 0:j.formatNumber)==null?void 0:h.currency});t.useEditorStore(d=>d.actions.setFilterOnClickField);const l=t.useEditorStore(d=>{var j,h;return(h=(j=d.card.preferences)==null?void 0:j.formatNumber)==null?void 0:h.colorRanges})||[],i=t.useEditorStore(d=>d.actions.setColorRanges),c=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(d=>d.currency))];return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-3 flex items-center gap-2",children:[e.jsx(t.Checkbox,{checked:!!((u=s==null?void 0:s.formatNumber)!=null&&u.enabled),onCheckedChange:d=>{a({...s,formatNumber:{...s==null?void 0:s.formatNumber,enabled:d}})}}),e.jsx(t.Label,{children:"Format Number"})]}),((p=s==null?void 0:s.formatNumber)==null?void 0:p.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:d=>{var j,h,g;return n(((j=s==null?void 0:s.formatNumber)==null?void 0:j.decimalPlaces)||0,((h=s==null?void 0:s.formatNumber)==null?void 0:h.currency)||"",d,((g=s==null?void 0:s.formatNumber)==null?void 0:g.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(d=>e.jsx(t.SelectItem,{value:d.locale,children:d.locale},d.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:d=>{var j,h,g;console.log("currency",d),n(((j=s==null?void 0:s.formatNumber)==null?void 0:j.decimalPlaces)||0,d==="none"?"":d,((h=s==null?void 0:s.formatNumber)==null?void 0:h.locale)||"",((g=s==null?void 0:s.formatNumber)==null?void 0:g.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"),c.map(d=>e.jsx(t.SelectItem,{value:d,children:d},d))]})})]})]})]}),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:((f=(m=s==null?void 0:s.formatNumber)==null?void 0:m.decimalPlaces)==null?void 0:f.toString())||"0",onValueChange:d=>{var j,h,g;return n(Number(d),((j=s==null?void 0:s.formatNumber)==null?void 0:j.currency)||"",((h=s==null?void 0:s.formatNumber)==null?void 0:h.locale)||"",((g=s==null?void 0:s.formatNumber)==null?void 0:g.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(d=>e.jsx(t.SelectItem,{value:d,children:d},d))})]})]}),e.jsxs("div",{className:"w-full space-y-1",children:[e.jsx(t.Label,{children:"Suffix"}),e.jsx(t.Input,{value:((x=s==null?void 0:s.formatNumber)==null?void 0:x.suffix)||"",className:"h-8 font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"K, M, B, %",onChange:d=>{var j,h,g;return n(((j=s==null?void 0:s.formatNumber)==null?void 0:j.decimalPlaces)||0,((h=s==null?void 0:s.formatNumber)==null?void 0:h.currency)||"",((g=s==null?void 0:s.formatNumber)==null?void 0:g.locale)||"",d.target.value)}})]})]})]})}),e.jsx(t.Separator,{className:"my-3"}),e.jsx(t.ColorFormat,{colorRanges:l,setColorRanges:i})]})]})}function $n(){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(Un,{})}),e.jsx("div",{}),e.jsx("div",{})]})}function De({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 Qn=[{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"}],Jn=["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=Jn.map(s=>({label:s,value:s}));function Wn(){var u,p,m,f,x,d,j,h,g,b,T,N,A,C,L,q,_,U;const s=t.useEditorStore(v=>v.card),a=(p=(u=s==null?void 0:s.preferences)==null?void 0:u.mapVisualOptions)==null?void 0:p.topoJsonUrl,[n,r]=I.useState(((f=(m=s==null?void 0:s.preferences)==null?void 0:m.mapVisualOptions)==null?void 0:f.customTopoJsonUrl)||""),{setCardPreferences:o}=t.useEditorActions(),{data:l}=t.useTopoJson(s),i=Object.keys((l==null?void 0:l.objects)||{}).map(v=>({label:v,value:v}))||[],c=[{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(De,{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(De,{open:!0,summary:"Settings",children:e.jsxs("div",{className:"space-y-3 px-2",children:[e.jsx(X,{className:"h-9",options:c,onValueChange:v=>{console.log("value",v),o({...s.preferences,mapVisualOptions:{topoJsonUrl:v}})},value:a||"",label:"Select Map"}),a==="custom"&&e.jsx(t.Input,{onChange:v=>{r(v.target.value)},onBlur:()=>{var v;console.log("onBlur",n),o({...s.preferences,mapVisualOptions:{...(v=s.preferences)==null?void 0:v.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(X,{className:"h-9",options:i,value:((d=(x=s.preferences)==null?void 0:x.mapVisualOptions)==null?void 0:d.objectKey)||"",label:"Map Object",onValueChange:v=>{var k;o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,objectKey:v}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Projection"}),e.jsx(X,{className:"h-9",options:Qn,value:((h=(j=s.preferences)==null?void 0:j.mapVisualOptions)==null?void 0:h.projection)||"",label:"Projection",onValueChange:v=>{var k;o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,projection:v}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Colors"}),e.jsx(X,{className:"h-9",options:Kn,value:((b=(g=s.preferences)==null?void 0:g.mapVisualOptions)==null?void 0:b.colorScale)||"",label:"Select Color Scale",onValueChange:v=>{var k;o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,colorScale:v}})}})]})]})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(De,{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:((N=(T=s.preferences)==null?void 0:T.mapVisualOptions)==null?void 0:N.projectionScale)||1,onChange:v=>{var k;o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,projectionScale:Number(v.target.value)}})}}),e.jsx(t.Label,{children:"X"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((L=(C=(A=s.preferences)==null?void 0:A.mapVisualOptions)==null?void 0:C.projectionOffset)==null?void 0:L[0])||0,onChange:v=>{var k,O,E,y;o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,projectionOffset:[Number(v.target.value),((y=(E=(O=s.preferences)==null?void 0:O.mapVisualOptions)==null?void 0:E.projectionOffset)==null?void 0:y[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=(_=(q=s.preferences)==null?void 0:q.mapVisualOptions)==null?void 0:_.projectionOffset)==null?void 0:U[1])||0,onChange:v=>{var k,O,E,y;o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,projectionOffset:[((y=(E=(O=s.preferences)==null?void 0:O.mapVisualOptions)==null?void 0:E.projectionOffset)==null?void 0:y[0])||0,Number(v.target.value)]}})}})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(oe,{})]})}function Yn(){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 fe({cardType:s,docContent:a,suffix:n="Chart"}){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)} ${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:r=>r.stopPropagation(),className:"text-blue-700",href:"https://docs.semaphor.cloud/docs/charts/pie-donut-polar",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($e,{}),s==="text"&&e.jsx(Yn,{})]})]}),!["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(me,{})]})]})]})})}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(X,{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(Gt,{})]})]}),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(me,{})]})]})]})})}function Zn({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(me,{})]})]})}),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 ea=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."]})]}),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 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."]})]}),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 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 na(){const s=t.useEditorStore(n=>n.card.type);function a(n){switch(n){case"stackedBar":case"stackedLine":return e.jsx(Xn,{});case"pyramid":return e.jsx(fe,{docContent:ea,cardType:n});case"kpi":return e.jsx($n,{});case"line":case"bar":return e.jsx(_n,{cardType:n});case"range":return e.jsx(fe,{docContent:ta,cardType:n});case"pie":case"doughnut":case"polarArea":case"radar":return e.jsx(fe,{cardType:n});case"bubble":case"scatter":return e.jsx(qn,{cardType:n});case"table":return e.jsx(Zn,{cardType:n});case"text":return e.jsx(fe,{docContent:sa,cardType:n,suffix:"Visual"});case"map":return e.jsx(Wn,{});case"custom":return e.jsx(zn,{});default:return e.jsx(Hn,{})}}return e.jsxs(t.ScrollArea,{className:"h-full w-full text-sm",children:[a(s),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}const Ee={id:"__placeholder__",role:"groupby",type:"string"},Te={id:"__placeholder__",role:"metric",type:"number"},Ae={id:"__placeholder__",role:"trendby",type:"date"},Me={name:"Filter",id:"__placeholder__",role:"filter",type:"string"},Qt={id:"__placeholder__"},ye="droppable-group-by",Se="droppable-metrics",ze="sortable-group-by",Fe="sortable-metrics",Re="droppable-trend-by",Ve="sortable-trend-by",_e="droppable-filters",qe="sortable-filters";function aa(){const s=t.useDndStore(k=>k.insertIndex),a=t.useEditorStore(k=>{var O;return((O=k.card.queryConfig)==null?void 0:O.groupByColumns)||[]}),n=t.useEditorStore(k=>{var O;return((O=k.card.queryConfig)==null?void 0:O.metricColumns)||[]}),r=t.useEditorStore(k=>{var O;return((O=k.card.queryConfig)==null?void 0:O.trendByColumns)||[]}),o=t.useEditorStore(k=>{var O;return((O=k.card.queryConfig)==null?void 0:O.filterColumns)||[]}),{setInsertIndex:l,setActiveId:i,setPreviewGroupByColumns:c,setPreviewMetricColumns:u,setPreviewTrendByColumns:p,setPreviewFilterColumns:m}=t.useDndActions(),{setGroupByColumns:f,setMetricColumns:x,setTrendByColumns:d,setFilterColumns:j}=t.useEditorActions(),{columns:h}=kt(),{formattedTableName:g}=Z(),b=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:{distance:1}})),T=k=>{var y;const{active:O,over:E}=k;if(((y=O.data.current)==null?void 0:y.type)==="column"&&E){const F=E.id,H=h.find(S=>S.column_name===O.id);if(!H)return;const $=t.isNumberDataType(H.data_type),B=t.isTextDataType(H.data_type),D=t.isDateDataType(H.data_type);if(B){if(a.some(w=>w.id===F)){const w=a.findIndex(z=>z.id===F);l(w);const M=a.filter(z=>z.id!==Ee.id);M.splice(w,0,Ee),c(M)}else if(E.id===ye){l(a.length);const w=[...a,Ee];c(w),u(n),p(r),m(o)}}if($||B){if(n.some(w=>w.id===F)){console.log("isOverMetricSortable",F);const w=n.findIndex(z=>z.id===F);l(w);const M=n.filter(z=>z.id!==Te.id);M.splice(w,0,Te),u(M)}else if(E.id===Se){l(n.length);const w=[...n,Te];u(w),p(r),m(o),c(a)}}if(D){if(r.some(w=>w.id===F)){const w=r.findIndex(z=>z.id===F);l(w);const M=r.filter(z=>z.id!==Ae.id);M.splice(w,0,Ae),p(M)}else if(E.id===Re){l(r.length);const w=[...r,Ae];p(w),u(n),m(o),c(a)}}if(A(H)){if(o.some(w=>w.id===F)){const w=o.findIndex(z=>z.id===F);l(w);const M=o.filter(z=>z.id!==Me.id);M.splice(w,0,Me),m(M)}else if(E.id===_e){l(o.length);const w=[...o,Me];m(w),u(n),p(r),c(a)}}}else c(a),u(n),p(r),m(o)};function N(k){i(k.active.id),l(null),c(a),u(n),p(r),m(o)}function A(k){return!o.some(O=>O.name===k.column_name)}function C(k,O="SUM"){const{column_name:E,data_type:y}=k,F=[...n],H=s!==null?s:n.length,$={...k,id:ae(E),name:E,label:ge(O,E),type:y,role:"metric",aggregate:O};F.splice(H,0,$),x(F)}function L(k){const O=[...a],E=s!==null?s:a.length,y={...k,id:ae(k.column_name),name:k.column_name,type:k.data_type,role:"groupby"};O.splice(E,0,y),f(O)}function q(k){const O=[...r],E=s!==null?s:r.length,y={...k,id:ae(k.column_name),name:k.column_name,type:k.data_type,role:"trendby"};O.splice(E,0,y),d(O)}function _(k){const O=[...o],E=s!==null?s:o.length,y={...k,id:ae(k.column_name),name:k.column_name,type:k.data_type,sql:t.getDefaultFilterSql(k.data_type,g,t.fmt(k.column_name)),role:"filter"};O.splice(E,0,y),j(O)}function U(k){var F,H,$,B,D,S,w,M;const{active:O,over:E}=k,y=O.data.current;if((y==null?void 0:y.type)==="column"&&E){const z=h.find(W=>W.column_name===O.id);if(!z)return;const G=t.isNumberDataType(z.data_type),P=t.isTextDataType(z.data_type),K=t.isDateDataType(z.data_type);P&&(E.id===ye||((F=E.data.current)==null?void 0:F.type)===ze)?L(z):(G||P)&&(E.id===Se||((H=E.data.current)==null?void 0:H.type)===Fe)?(G&&C(z),P&&C(z,"COUNT")):K&&(E.id===Re||(($=E.data.current)==null?void 0:$.type)===Ve)?q(z):A(z)&&(E.id===_e||((B=E.data.current)==null?void 0:B.type)===qe)&&_(z)}if(E&&((D=E.data.current)==null?void 0:D.type)===ze&&a.some(z=>z.id===O.id)){const z=a.findIndex(P=>P.id===O.id),G=a.findIndex(P=>P.id===E.id);if(z!==-1&&G!==-1&&z!==G){const P=[...a],[K]=P.splice(z,1);P.splice(G,0,K),f(P)}}if(E&&((S=E.data.current)==null?void 0:S.type)===Fe&&n.some(z=>z.id===O.id)){const z=n.findIndex(P=>P.id===O.id),G=n.findIndex(P=>P.id===E.id);if(z!==-1&&G!==-1&&z!==G){const P=[...n],[K]=P.splice(z,1);P.splice(G,0,K),x(P)}}if(E&&((w=E.data.current)==null?void 0:w.type)===Ve&&r.some(z=>z.id===O.id)){const z=r.findIndex(P=>P.id===O.id),G=r.findIndex(P=>P.id===E.id);if(z!==-1&&G!==-1&&z!==G){const P=[...r],[K]=P.splice(z,1);P.splice(G,0,K),d(P)}}if(E&&((M=E.data.current)==null?void 0:M.type)===qe&&o.some(z=>z.id===O.id)){const z=o.findIndex(P=>P.id===O.id),G=o.findIndex(P=>P.id===E.id);if(z!==-1&&G!==-1&&z!==G){const P=[...o],[K]=P.splice(z,1);P.splice(G,0,K),j(P)}}i(null),l(null),c(a),u(n),p(r),m(o)}function v(){i(null),l(null),c(a),u(n),p(r),m(o)}return{handleDragOver:T,handleDragEnd:U,handleDragStart:N,handleDragCancel:v,sensors:b}}const ce=[{label:"Sum",value:"SUM",logo:e.jsx(jt,{className:"size-3.5"})},{label:"Count",value:"COUNT",logo:e.jsx(ht,{className:"size-3.5"})},{label:"Unique",value:"DISTINCT",logo:e.jsx(ys,{className:"size-3.5"})},{label:"Average",value:"AVG",logo:e.jsx(ts,{className:"size-3.5"})},{label:"Min",value:"MIN",logo:e.jsx(Zt,{className:"size-3.5"})},{label:"Max",value:"MAX",logo:e.jsx(as,{className:"size-3.5"})}];function ra({column:s,type:a,onRemoveColumn:n,droppableId:r}){const[o,l]=I.useState(!1),[i,c]=I.useState(ce[0]),{attributes:u,listeners:p,setNodeRef:m,transform:f,transition:x,isDragging:d}=t.useSortable({id:s.id,data:{type:a}}),j=f?{opacity:d?.5:void 0,transform:t.CSS.Translate.toString(f),transition:x}:void 0;function h(){return e.jsx("div",{"data-setting-container":"",className:"h-32 rounded-b-md border-x border-b border-border p-3 text-sm",children:e.jsx(e.Fragment,{})})}return e.jsxs("div",{...p,...u,ref:m,style:j,children:[e.jsxs("div",{className:t.cn("group flex h-8 items-center rounded-t-md bg-muted px-2",!o&&"rounded-b-md",o&&"border border-border"),children:[e.jsx("div",{children:e.jsx(t.GripVertical,{className:"size-3.5 cursor-move items-center justify-center p-0 text-muted-foreground/60 hover:text-foreground"})}),r===Se&&e.jsx(ia,{column:s}),e.jsx("div",{className:t.cn("max-w-[250px] grow cursor-pointer overflow-hidden truncate text-ellipsis whitespace-nowrap",{"pl-2":r===ye}),children:e.jsx(oa,{col:s})}),e.jsxs("div",{"data-setting-actions":"",className:"hidden h-full items-center gap-2 group-hover:flex",children:[e.jsx("button",{onClick:()=>l(!o),children:e.jsx(t.ChevronDown,{className:t.cn("ml-1 size-4 cursor-pointer items-center justify-center rounded-r-sm bg-muted text-muted-foreground",o&&"rotate-180")})}),e.jsx("button",{onClick:()=>n(s.id),children:e.jsx(t.X,{className:"size-3.5 cursor-pointer items-center justify-center rounded-r-sm bg-muted text-muted-foreground"})})]})]}),o&&h()]})}function oa({col:s}){return e.jsx(t.Editable,{text:s.label||s.name,className:"h-6 rounded-none",onSave:a=>{console.log("saved",a)},children:e.jsx("span",{className:"w-[250px] truncate text-ellipsis whitespace-nowrap text-sm",children:s.label||s.name})})}function ia({column:s}){const[a,n]=I.useState(ce[0]),{updateMetricColumn:r}=t.useEditorActions();let o=ce;t.isTextDataType(s.type)&&(o=o.filter(i=>["COUNT","DISTINCT"].includes(i.value))),t.isNumberDataType(s.type)&&(o=o.filter(i=>!["DISTINCT","COUNT"].includes(i.value))),I.useEffect(()=>{n(ce.find(i=>i.value===s.aggregate)||ce[0])},[s]);function l(i){const c=ce.find(p=>p.value===i);if(!c)return;n(c);const u={...s,aggregate:i,label:ge(i,s.name)};r(s.id,u)}return e.jsx(X,{className:"size-7 overflow-clip rounded-none rounded-l-md border-none bg-muted px-2",icon:a.logo,options:o,value:a.value,onValueChange:i=>l(i),label:"Aggregation"})}function Le({id:s,label:a,columns:n,previewColumns:r,sortableType:o,onRemoveColumn:l}){const{setNodeRef:i}=t.useDroppable({id:s}),c=t.useDndStore(m=>m.activeId),u={},p=c?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(m=>m.id),children:e.jsxs("div",{className:"space-y-2 rounded-md border-2 border-dashed p-5",ref:i,style:u,children:[e.jsx(t.Label,{className:"text-sm",children:a}),e.jsx("div",{className:"space-y-2",children:p==null?void 0:p.map(m=>m.id===Qt.id?e.jsx(la,{},m.id):e.jsx(ra,{droppableId:s,type:o,column:m,onRemoveColumn:l},m.id))})]})})}function la(){return e.jsx("div",{className:"flex h-7 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm"})}function at(){const s=t.useEditorStore(x=>{var d;return((d=x.card.queryConfig)==null?void 0:d.groupByColumns)||[]}),a=t.useDndStore(x=>x.previewGroupByColumns),n=t.useEditorStore(x=>{var d;return((d=x.card.queryConfig)==null?void 0:d.metricColumns)||[]}),r=t.useDndStore(x=>x.previewMetricColumns),o=t.useEditorStore(x=>{var d;return((d=x.card.queryConfig)==null?void 0:d.trendByColumns)||[]}),l=t.useDndStore(x=>x.previewTrendByColumns),{removeColumnFromGroupBy:i,removeColumnFromMetricColumns:c,removeColumnFromTrendByColumns:u}=t.useEditorActions();function p(x){i(x)}function m(x){u(x)}function f(x){c(x)}return e.jsxs("div",{className:"h-full w-full space-y-4 p-4",children:[e.jsx(Ht,{}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(Le,{onRemoveColumn:p,sortableType:ze,id:ye,label:"Group By",columns:s,previewColumns:a}),e.jsx(Le,{onRemoveColumn:m,sortableType:Ve,id:Re,label:"Trend By",columns:o,previewColumns:l}),e.jsx(Le,{onRemoveColumn:f,sortableType:Fe,id:Se,label:"Metrics",columns:n,previewColumns:r})]})]})}function ca({children:s,id:a,type:n}){const{attributes:r,listeners:o,setNodeRef:l,transform:i,transition:c,isDragging:u}=t.useSortable({id:a,data:{type:n}}),p=i?{opacity:u?.5:void 0,transform:t.CSS.Translate.toString(i),transition:c}:void 0;return e.jsx("div",{...o,...r,ref:l,style:p,children:s})}function Qe({children:s,column:a,id:n,sortableType:r,className:o}){const[l,i]=I.useState(!1),{removeEditorFilter:c}=t.useEditorActions();function u(p){c(p)}return e.jsx(ca,{id:n,type:r,children:e.jsxs("div",{className:t.cn("group space-y-1 rounded-md border border-border px-3 py-2",{"border-border":l}),children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Label,{className:"text-sm",children:a.name}),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 da({column:s,sortableType:a}){const n=t.useDashboardStore(T=>T.themeStyle),r=t.useEditorStore(T=>{var N,A;return(A=(N=T.card)==null?void 0:N.queryConfig)==null?void 0:A.filters}),{selectedConnectionId:o,selectedDatabaseName:l,selectedTableName:i}=Z(),c=I.useMemo(()=>{var T;return(T=r==null?void 0:r.find(N=>N.filterColumnName===s.name))==null?void 0:T.filterValue},[r,s.name]),u=I.useMemo(()=>Array.isArray(c)?c.map(T=>({id:T,value:T})):[],[c]),{updateEditorFilterValue:p}=t.useEditorActions(),m={column:s.name,sql:s.sql,id:s.name,connectionId:o,dataType:s.type},{data:f,isLoading:x,isFetching:d,isError:j}=t.useFilterQuery(m),h=I.useMemo(()=>{var N;return m.column?(N=f==null?void 0:f.records)==null?void 0:N.map(A=>{let C=m.column.split(".").slice(-1)[0].replace(/"/g,"");return A[C]===void 0&&(C=C.toLowerCase()),{id:A[C],value:A[C]}}):[]},[f,m.column]);function g(T){const N=T.map(A=>A.id);p(s.name,N)}function b(){return x||d?e.jsx(t.Skeleton,{style:{borderRadius:n==null?void 0:n.controlInputRadius},className:"h-8 min-w-60 bg-foreground/10"}):j?e.jsx("div",{className:"flex h-8 min-w-60 items-center bg-muted px-2 text-sm",children:"Error"}):e.jsx(t.ComboBoxMultiSelect,{options:h,onChange:g,selectedOptions:u,selectAllChecked:!1,onSelectAllCheckedChange:()=>{}})}return e.jsx(Qe,{className:"w-60",id:s.id,sortableType:a,column:s,children:b()})}function ua({column:s,sortableType:a}){const[n,r]=I.useState(!1),{selectedConnectionId:o,selectedDatabaseName:l,selectedTableName:i}=Z(),c={column:s.name,sql:s.sql,id:s.name,connectionId:o,title:"",dataType:s.type},{isLoading:u,isFetching:p,isError:m,data:f}=t.useFilterQuery(c),x=f==null?void 0:f.records,{dateRange:d,setDateRange:j,initialDateRange:h}=t.useDateRangeFromRecords(x),{updateEditorFilterValue:g}=t.useEditorActions();function b(A){var L,q;const C={gte:(L=A==null?void 0:A.from)==null?void 0:L.toISOString(),lte:(q=A==null?void 0:A.to)==null?void 0:q.toISOString()};g(s.name,C)}function T(){g(s.name,null,!0),j(h)}function N(){return u||p?e.jsx("div",{children:e.jsx(t.Skeleton,{className:"h-8 w-72 bg-foreground/10"})}):m?e.jsx("div",{className:"h-8 w-72 bg-muted px-2",children:"Error"}):x?e.jsx(t.DateRangePopover,{title:c.title,open:n,inputClassName:"h-8",setOpen:r,dateRange:d,setDateRange:j,onApply:b,onClear:T}):e.jsx(t.Label,{className:"flex h-8 w-72 items-center bg-muted px-2",children:"No Data"})}return e.jsx(Qe,{className:"w-72",id:s.id,sortableType:a,column:s,children:N()})}function ma({id:s,label:a,columns:n,previewColumns:r,sortableType:o}){const{setNodeRef:l}=t.useDroppable({id:s}),i=t.useDndStore(m=>m.activeId),c={};function u(m){const f=t.isDateDataType(m.type);return m.id===Qt.id?e.jsx(Qe,{id:m.id,sortableType:o,column:m,children:e.jsx(ha,{})},m.id):f?e.jsx(ua,{droppableId:s,sortableType:o,column:m},m.id):e.jsx(da,{droppableId:s,sortableType:o,column:m},m.id)}const p=i?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(m=>m.id),children:e.jsxs("div",{className:"space-y-2 rounded-md border-2 border-dashed p-5",ref:l,style:c,children:[e.jsx(t.Label,{className:"text-sm",children:a}),e.jsx("div",{className:"flex flex-wrap items-center gap-4",children:p==null?void 0:p.map(m=>u(m))})]})})}function ha(){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"})}function pa(){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(ma,{onRemoveColumn:r,sortableType:qe,id:_e,label:"Filters",columns:s,previewColumns:a})})}function xa(){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(zt,{}),e.jsx(Dt,{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",children:"Early Preview"}),e.jsx(Ot,{}),e.jsx(Lt,{variant:"default"})]})]})}function fa(){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,c;n?(i=s.current)==null||i.resize(0):(c=s.current)==null||c.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(gn,{})}),e.jsx(t.ResizableHandle,{withHandle:!0,className:"border"}),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:r?e.jsx(na,{}):e.jsx(at,{})})}),!n&&e.jsx(t.ResizableHandle,{className:"border"}),e.jsx(t.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsx(xe,{})})]}):e.jsx(xe,{})})]})}function l(){return e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{className:"pb-1","data-biz-mode-container":"",minSize:0,defaultSize:100,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(at,{})})}),!n&&e.jsx(t.ResizableHandle,{className:"border"}),e.jsx(t.ResizablePanel,{minSize:40,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(xa,{}),e.jsx(pa,{})]}),e.jsx(t.ResizableHandle,{className:"border"}),e.jsx(t.ResizablePanel,{minSize:20,defaultSize:80,children:e.jsx(xe,{})})]})})]}):e.jsx(xe,{})})})}return e.jsx(t.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:r?o():l()})}const ga=[{title:"Help me write a query for",subtitle:"orders by month"},{title:"Create a bar chart for",subtitle:"sales by category"}];function ja(){const s=I.useRef(null),a=I.useRef(null),[n,r]=I.useState(!1),[o,l]=I.useState(t.isDevEnv),[i,c]=I.useState(!1),u=t.useEditorStore(B=>B.actions.setCardSql),p=t.useEditorStore(B=>B.actions.setRunSql),m=t.useEditorStore(B=>B.showAIDialog),{setShowAIDialog:f}=t.useEditorActions(),{messages:x,setMessages:d,reload:j,append:h,input:g,setInput:b,isLoading:T,handleAddCurrentTableToScope:N,removeFromCurrentSelections:A,currentAssitantScope:C,handleInputChange:L,handleSubmit:q,stop:_,chatStatus:U,toolStatus:v,llmUsage:k,errorMessage:O}=Mt();t.useAssistantScroll({scrollContainerRef:s,inputRef:a,messages:x}),I.useEffect(()=>{var B;m&&((B=a.current)==null||B.focus())},[m]);function E(B){u(B),p(!0)}function y(B){const D={role:"user",content:B.title+" "+B.subtitle};h(D)}function F(){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(ut,{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:c,children:"System Message"})]})]})}function H(){return e.jsxs("div",{"data-role":"header",children:[e.jsx("div",{className:"text-lg font-semibold",children:"Assistant"}),C&&C.length>0&&e.jsx("div",{className:"mt-2 flex flex-wrap items-center gap-2",children:C==null?void 0:C.map((B,D)=>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:B.schemaName||"",tableName:B.tableName||"",modelName:B.datamodelName||"",connectionType:B.connectionType||"",databaseName:B.databaseName||""}),e.jsx("button",{onClick:()=>{A(B)},children:e.jsx(t.X,{className:"size-3 text-muted-foreground hover:text-foreground"})})]},D))}),(C==null?void 0:C.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:N,children:[e.jsx(t.Plus,{className:"mr-2 size-3"}),"Current Table"]})]})]})}const $=(g==null?void 0:g.length)===0&&(x==null?void 0:x.filter(B=>B.role==="user").length)===0;return e.jsxs("div",{"data-role":"editor-assistant",className:"flex h-full w-full flex-col justify-between gap-2 px-6 py-4",children:[e.jsxs("div",{"data-role":"header-section",className:"flex items-start justify-between gap-2",children:[H(),e.jsxs("div",{"data-role":"header-actions",className:"flex items-center",children:[F(),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{d([]),j()},children:e.jsx(t.RefreshCcw,{className:"size-3.5 text-muted-foreground"})}),e.jsx(t.Button,{className:"h-7 p-2",size:"sm",variant:"ghost",onClick:()=>{f(!1)},children:e.jsx(t.X,{className:"size-4"})})]})]}),e.jsx(t.CustomScrollArea,{ref:s,className:"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:x,showTools:o,handleRun:E,showSystemMessage:i}),e.jsx(t.ChatStatus,{status:t.getStatus(U,v),isLoading:T})]})}),$&&e.jsx(t.Placeholders,{onClick:y,placeholders:ga}),e.jsx(t.ChatInput,{onFocus:()=>{N()},stop:_,ref:a,setInput:b,input:g,handleInputChange:L,handleSubmit:q,isLoading:T}),k&&n&&e.jsx("div",{className:"flex h-8 items-center justify-between",children:e.jsxs("div",{className:"text-xs text-muted-foreground",children:["Usage: ",k.promptTokens," prompt tokens,"," ",k.completionTokens," completion tokens,"," ",k.totalTokens," total tokens"]})}),O&&e.jsx("div",{className:"flex items-center justify-between text-xs text-muted-foreground",children:e.jsx("span",{children:O})})]})}function ba({authToken:s,onSave:a,onClose:n}){const r=I.useRef(null),o=t.useEditorStore(g=>g.showAIDialog),{setAuthToken:l}=t.useDashboardActions(),{setShowAIDialog:i,setOnSave:c,setOnClose:u}=t.useEditorActions(),{handleDragOver:p,handleDragEnd:m,handleDragStart:f,handleDragCancel:x,sensors:d}=aa();I.useEffect(()=>{a&&c(a),n&&u(n)},[a,c,n,u]),I.useEffect(()=>{s&&s.accessToken&&l(s)},[s,l]),I.useEffect(()=>{var g,b;o?((g=r.current)==null||g.resize(40),i(!0)):(i(!1),(b=r.current)==null||b.resize(0))},[o,i]);function j(g){g<1?i(!1):o||i(!0)}function h(){return e.jsxs(t.ResizablePanelGroup,{"data-content":"editor-main",className:"grow",direction:"horizontal",children:[e.jsx(t.ResizablePanel,{className:"min-w-[510px] rounded-none border-x-[1px]",children:e.jsx(fa,{})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{"data-role":"editor-assistant-panel",ref:r,onResize:j,defaultSize:0,children:e.jsx(ja,{})})]})}return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:e.jsx(t.DndContext,{sensors:d,onDragStart:f,onDragEnd:m,onDragOver:p,onDragCancel:x,children:e.jsxs("section",{className:"isolate flex h-full grow","data-content":"editor-panel",children:[e.jsx(It,{type:"main"}),h()]})})})}function ya(){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(ba,{onSave:o,onClose:l})})}function Sa(){const s=t.useEditorStore(l=>l.selectedDatabaseName),a=t.useEditorStore(l=>l.selectedTableName),n=t.useDashboardStore(l=>l.dashboard.filters)||[],{columns:r}=Z(),{assignFilter:o}=$t();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(c=>c.column===t.fmt(l.column_name)&&c.table===a&&c.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(Ue,{column:l}),e.jsx("span",{children:l.column_name})]})},l.column_name)})})}function Ca(){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(It,{type:"filter",ColumnsComponent:()=>e.jsx(Sa,{})})})]})}function va(){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 Na(){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(va,{}),e.jsx(t.DashboardTabs,{})]}),s&&e.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsx(Ca,{})})]})}function wa(){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 ka({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(wa,{}),e.jsxs(t.DashboardPanel,{...n,children:[s&&e.jsx(Ys,{}),e.jsx(ya,{}),e.jsx(Na,{})]})]})]})})}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.useEditorStore=t.useEditorStore;exports.useTextFilterHook=t.useTextFilterHook;exports.ScheduleDashboard=Nt;exports.SelectComponent=le;exports.Surfboard=ka;exports.cleanCard=St;exports.downloadPdf=vt;exports.getDashbaordStateWithoutData=Ge;exports.useEditorAside=Z;
|