react-semaphor 0.0.528 → 0.0.530
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/dashboard-plus-CQ2bJK2N.js +370 -0
- package/dist/chunks/{dashboard-plus-BxRMgI4Z.js → dashboard-plus-xXXfp7cy.js} +2871 -2821
- package/dist/chunks/{index-DmA6sOL5.js → index-DCITGO8x.js} +13485 -13474
- package/dist/chunks/{index-3MZdC5cQ.js → index-S4rz32Hg.js} +128 -128
- package/dist/dashboard/index.cjs +1 -1
- package/dist/dashboard/index.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +2 -2
- package/dist/style.css +1 -1
- package/dist/surfboard/index.cjs +1 -1
- package/dist/surfboard/index.js +1 -1
- package/dist/types/dashboard.d.ts +0 -3
- package/dist/types/main.d.ts +0 -2
- package/dist/types/surfboard.d.ts +0 -3
- package/dist/types/types.d.ts +0 -3
- package/package.json +1 -1
- package/dist/chunks/dashboard-plus-BuUA2b05.js +0 -370
|
@@ -0,0 +1,370 @@
|
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),t=require("./index-S4rz32Hg.js"),L=require("react");require("react-dom");function Ss(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 he=Ss(L);/**
|
|
2
|
+
* @license lucide-react v0.453.0 - ISC
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the ISC license.
|
|
5
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/const ws=t.createLucideIcon("AlignCenter",[["path",{d:"M17 12H7",key:"16if0g"}],["path",{d:"M19 18H5",key:"18s9l3"}],["path",{d:"M21 6H3",key:"1jwq7v"}]]);/**
|
|
7
|
+
* @license lucide-react v0.453.0 - ISC
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the ISC license.
|
|
10
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/const ks=t.createLucideIcon("AlignLeft",[["path",{d:"M15 12H3",key:"6jk70r"}],["path",{d:"M17 18H3",key:"1amg6g"}],["path",{d:"M21 6H3",key:"1jwq7v"}]]);/**
|
|
12
|
+
* @license lucide-react v0.453.0 - ISC
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the ISC license.
|
|
15
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
16
|
+
*/const Es=t.createLucideIcon("AlignRight",[["path",{d:"M21 12H9",key:"dn1m92"}],["path",{d:"M21 18H7",key:"1ygte8"}],["path",{d:"M21 6H3",key:"1jwq7v"}]]);/**
|
|
17
|
+
* @license lucide-react v0.453.0 - ISC
|
|
18
|
+
*
|
|
19
|
+
* This source code is licensed under the ISC license.
|
|
20
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
+
*/const Ds=t.createLucideIcon("ArrowDown10",[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 20V4",key:"1yoxec"}],["path",{d:"M17 10V4h-2",key:"zcsr5x"}],["path",{d:"M15 10h4",key:"id2lce"}],["rect",{x:"15",y:"14",width:"4",height:"6",ry:"2",key:"33xykx"}]]);/**
|
|
22
|
+
* @license lucide-react v0.453.0 - ISC
|
|
23
|
+
*
|
|
24
|
+
* This source code is licensed under the ISC license.
|
|
25
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
26
|
+
*/const Ts=t.createLucideIcon("ArrowDownZA",[["path",{d:"m3 16 4 4 4-4",key:"1co6wj"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M15 4h5l-5 6h5",key:"8asdl1"}],["path",{d:"M15 20v-3.5a2.5 2.5 0 0 1 5 0V20",key:"r6l5cz"}],["path",{d:"M20 18h-5",key:"18j1r2"}]]);/**
|
|
27
|
+
* @license lucide-react v0.453.0 - ISC
|
|
28
|
+
*
|
|
29
|
+
* This source code is licensed under the ISC license.
|
|
30
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
31
|
+
*/const Is=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
|
+
* @license lucide-react v0.453.0 - ISC
|
|
33
|
+
*
|
|
34
|
+
* This source code is licensed under the ISC license.
|
|
35
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
36
|
+
*/const As=t.createLucideIcon("ArrowLeft",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]]);/**
|
|
37
|
+
* @license lucide-react v0.453.0 - ISC
|
|
38
|
+
*
|
|
39
|
+
* This source code is licensed under the ISC license.
|
|
40
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
41
|
+
*/const Ms=t.createLucideIcon("ArrowRight",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]]);/**
|
|
42
|
+
* @license lucide-react v0.453.0 - ISC
|
|
43
|
+
*
|
|
44
|
+
* This source code is licensed under the ISC license.
|
|
45
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
46
|
+
*/const Ls=t.createLucideIcon("ArrowUp01",[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["rect",{x:"15",y:"4",width:"4",height:"6",ry:"2",key:"1bwicg"}],["path",{d:"M17 20v-6h-2",key:"1qp1so"}],["path",{d:"M15 20h4",key:"1j968p"}]]);/**
|
|
47
|
+
* @license lucide-react v0.453.0 - ISC
|
|
48
|
+
*
|
|
49
|
+
* This source code is licensed under the ISC license.
|
|
50
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
51
|
+
*/const Os=t.createLucideIcon("ArrowUpAZ",[["path",{d:"m3 8 4-4 4 4",key:"11wl7u"}],["path",{d:"M7 4v16",key:"1glfcx"}],["path",{d:"M20 8h-5",key:"1vsyxs"}],["path",{d:"M15 10V6.5a2.5 2.5 0 0 1 5 0V10",key:"ag13bf"}],["path",{d:"M15 14h5l-5 6h5",key:"ur5jdg"}]]);/**
|
|
52
|
+
* @license lucide-react v0.453.0 - ISC
|
|
53
|
+
*
|
|
54
|
+
* This source code is licensed under the ISC license.
|
|
55
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
56
|
+
*/const Bs=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"}]]);/**
|
|
57
|
+
* @license lucide-react v0.453.0 - ISC
|
|
58
|
+
*
|
|
59
|
+
* This source code is licensed under the ISC license.
|
|
60
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
61
|
+
*/const Fs=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"}]]);/**
|
|
62
|
+
* @license lucide-react v0.453.0 - ISC
|
|
63
|
+
*
|
|
64
|
+
* This source code is licensed under the ISC license.
|
|
65
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
66
|
+
*/const Ot=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"}]]);/**
|
|
67
|
+
* @license lucide-react v0.453.0 - ISC
|
|
68
|
+
*
|
|
69
|
+
* This source code is licensed under the ISC license.
|
|
70
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
71
|
+
*/const zs=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"}]]);/**
|
|
72
|
+
* @license lucide-react v0.453.0 - ISC
|
|
73
|
+
*
|
|
74
|
+
* This source code is licensed under the ISC license.
|
|
75
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
76
|
+
*/const Ps=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"}]]);/**
|
|
77
|
+
* @license lucide-react v0.453.0 - ISC
|
|
78
|
+
*
|
|
79
|
+
* This source code is licensed under the ISC license.
|
|
80
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
81
|
+
*/const Vs=t.createLucideIcon("Calculator",[["rect",{width:"16",height:"20",x:"4",y:"2",rx:"2",key:"1nb95v"}],["line",{x1:"8",x2:"16",y1:"6",y2:"6",key:"x4nwl0"}],["line",{x1:"16",x2:"16",y1:"14",y2:"18",key:"wjye3r"}],["path",{d:"M16 10h.01",key:"1m94wz"}],["path",{d:"M12 10h.01",key:"1nrarc"}],["path",{d:"M8 10h.01",key:"19clt8"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M8 18h.01",key:"lrp35t"}]]);/**
|
|
82
|
+
* @license lucide-react v0.453.0 - ISC
|
|
83
|
+
*
|
|
84
|
+
* This source code is licensed under the ISC license.
|
|
85
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
86
|
+
*/const Rs=t.createLucideIcon("ChartArea",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M7 11.207a.5.5 0 0 1 .146-.353l2-2a.5.5 0 0 1 .708 0l3.292 3.292a.5.5 0 0 0 .708 0l4.292-4.292a.5.5 0 0 1 .854.353V16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1z",key:"q0gr47"}]]);/**
|
|
87
|
+
* @license lucide-react v0.453.0 - ISC
|
|
88
|
+
*
|
|
89
|
+
* This source code is licensed under the ISC license.
|
|
90
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
91
|
+
*/const Be=t.createLucideIcon("ChartColumnIncreasing",[["path",{d:"M13 17V9",key:"1fwyjl"}],["path",{d:"M18 17V5",key:"sfb6ij"}],["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"M8 17v-3",key:"17ska0"}]]);/**
|
|
92
|
+
* @license lucide-react v0.453.0 - ISC
|
|
93
|
+
*
|
|
94
|
+
* This source code is licensed under the ISC license.
|
|
95
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
96
|
+
*/const Xe=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"}]]);/**
|
|
97
|
+
* @license lucide-react v0.453.0 - ISC
|
|
98
|
+
*
|
|
99
|
+
* This source code is licensed under the ISC license.
|
|
100
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
101
|
+
*/const Fe=t.createLucideIcon("ChartLine",[["path",{d:"M3 3v16a2 2 0 0 0 2 2h16",key:"c24i48"}],["path",{d:"m19 9-5 5-4-4-3 3",key:"2osh9i"}]]);/**
|
|
102
|
+
* @license lucide-react v0.453.0 - ISC
|
|
103
|
+
*
|
|
104
|
+
* This source code is licensed under the ISC license.
|
|
105
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
106
|
+
*/const Ze=t.createLucideIcon("ChartNoAxesGantt",[["path",{d:"M8 6h10",key:"9lnwnk"}],["path",{d:"M6 12h9",key:"1g9pqf"}],["path",{d:"M11 18h7",key:"c8dzvl"}]]);/**
|
|
107
|
+
* @license lucide-react v0.453.0 - ISC
|
|
108
|
+
*
|
|
109
|
+
* This source code is licensed under the ISC license.
|
|
110
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
111
|
+
*/const et=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"}]]);/**
|
|
112
|
+
* @license lucide-react v0.453.0 - ISC
|
|
113
|
+
*
|
|
114
|
+
* This source code is licensed under the ISC license.
|
|
115
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
116
|
+
*/const tt=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"}]]);/**
|
|
117
|
+
* @license lucide-react v0.453.0 - ISC
|
|
118
|
+
*
|
|
119
|
+
* This source code is licensed under the ISC license.
|
|
120
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
121
|
+
*/const qs=t.createLucideIcon("CircleArrowRight",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"M8 12h8",key:"1wcyev"}],["path",{d:"m12 16 4-4-4-4",key:"1i9zcv"}]]);/**
|
|
122
|
+
* @license lucide-react v0.453.0 - ISC
|
|
123
|
+
*
|
|
124
|
+
* This source code is licensed under the ISC license.
|
|
125
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
126
|
+
*/const Bt=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"}]]);/**
|
|
127
|
+
* @license lucide-react v0.453.0 - ISC
|
|
128
|
+
*
|
|
129
|
+
* This source code is licensed under the ISC license.
|
|
130
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
131
|
+
*/const _s=t.createLucideIcon("Code",[["polyline",{points:"16 18 22 12 16 6",key:"z7tu5w"}],["polyline",{points:"8 6 2 12 8 18",key:"1eg1df"}]]);/**
|
|
132
|
+
* @license lucide-react v0.453.0 - ISC
|
|
133
|
+
*
|
|
134
|
+
* This source code is licensed under the ISC license.
|
|
135
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
136
|
+
*/const Gs=t.createLucideIcon("Columns3",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["path",{d:"M9 3v18",key:"fh3hqa"}],["path",{d:"M15 3v18",key:"14nvp0"}]]);/**
|
|
137
|
+
* @license lucide-react v0.453.0 - ISC
|
|
138
|
+
*
|
|
139
|
+
* This source code is licensed under the ISC license.
|
|
140
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
141
|
+
*/const $s=t.createLucideIcon("Component",[["path",{d:"M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z",key:"1uwlt4"}],["path",{d:"M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z",key:"10291m"}],["path",{d:"M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z",key:"1tqoq1"}],["path",{d:"M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z",key:"1x6lto"}]]);/**
|
|
142
|
+
* @license lucide-react v0.453.0 - ISC
|
|
143
|
+
*
|
|
144
|
+
* This source code is licensed under the ISC license.
|
|
145
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
146
|
+
*/const Js=t.createLucideIcon("CopyPlus",[["line",{x1:"15",x2:"15",y1:"12",y2:"18",key:"1p7wdc"}],["line",{x1:"12",x2:"18",y1:"15",y2:"15",key:"1nscbv"}],["rect",{width:"14",height:"14",x:"8",y:"8",rx:"2",ry:"2",key:"17jyea"}],["path",{d:"M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",key:"zix9uf"}]]);/**
|
|
147
|
+
* @license lucide-react v0.453.0 - ISC
|
|
148
|
+
*
|
|
149
|
+
* This source code is licensed under the ISC license.
|
|
150
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
151
|
+
*/const Hs=t.createLucideIcon("DollarSign",[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]]);/**
|
|
152
|
+
* @license lucide-react v0.453.0 - ISC
|
|
153
|
+
*
|
|
154
|
+
* This source code is licensed under the ISC license.
|
|
155
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
156
|
+
*/const st=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"}]]);/**
|
|
157
|
+
* @license lucide-react v0.453.0 - ISC
|
|
158
|
+
*
|
|
159
|
+
* This source code is licensed under the ISC license.
|
|
160
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
161
|
+
*/const Ft=t.createLucideIcon("Expand",[["path",{d:"m21 21-6-6m6 6v-4.8m0 4.8h-4.8",key:"1c15vz"}],["path",{d:"M3 16.2V21m0 0h4.8M3 21l6-6",key:"1fsnz2"}],["path",{d:"M21 7.8V3m0 0h-4.8M21 3l-6 6",key:"hawz9i"}],["path",{d:"M3 7.8V3m0 0h4.8M3 3l6 6",key:"u9ee12"}]]);/**
|
|
162
|
+
* @license lucide-react v0.453.0 - ISC
|
|
163
|
+
*
|
|
164
|
+
* This source code is licensed under the ISC license.
|
|
165
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
166
|
+
*/const Us=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"}]]);/**
|
|
167
|
+
* @license lucide-react v0.453.0 - ISC
|
|
168
|
+
*
|
|
169
|
+
* This source code is licensed under the ISC license.
|
|
170
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
171
|
+
*/const Ys=t.createLucideIcon("FileCode2",[["path",{d:"M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4",key:"1pf5j1"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"m5 12-3 3 3 3",key:"oke12k"}],["path",{d:"m9 18 3-3-3-3",key:"112psh"}]]);/**
|
|
172
|
+
* @license lucide-react v0.453.0 - ISC
|
|
173
|
+
*
|
|
174
|
+
* This source code is licensed under the ISC license.
|
|
175
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
176
|
+
*/const Ks=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"}]]);/**
|
|
177
|
+
* @license lucide-react v0.453.0 - ISC
|
|
178
|
+
*
|
|
179
|
+
* This source code is licensed under the ISC license.
|
|
180
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
181
|
+
*/const Qs=t.createLucideIcon("File",[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}]]);/**
|
|
182
|
+
* @license lucide-react v0.453.0 - ISC
|
|
183
|
+
*
|
|
184
|
+
* This source code is licensed under the ISC license.
|
|
185
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
186
|
+
*/const Ws=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"}]]);/**
|
|
187
|
+
* @license lucide-react v0.453.0 - ISC
|
|
188
|
+
*
|
|
189
|
+
* This source code is licensed under the ISC license.
|
|
190
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
191
|
+
*/const Xs=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"}]]);/**
|
|
192
|
+
* @license lucide-react v0.453.0 - ISC
|
|
193
|
+
*
|
|
194
|
+
* This source code is licensed under the ISC license.
|
|
195
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
196
|
+
*/const Zs=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"}]]);/**
|
|
197
|
+
* @license lucide-react v0.453.0 - ISC
|
|
198
|
+
*
|
|
199
|
+
* This source code is licensed under the ISC license.
|
|
200
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
201
|
+
*/const en=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"}]]);/**
|
|
202
|
+
* @license lucide-react v0.453.0 - ISC
|
|
203
|
+
*
|
|
204
|
+
* This source code is licensed under the ISC license.
|
|
205
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
206
|
+
*/const nt=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"}]]);/**
|
|
207
|
+
* @license lucide-react v0.453.0 - ISC
|
|
208
|
+
*
|
|
209
|
+
* This source code is licensed under the ISC license.
|
|
210
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
211
|
+
*/const tn=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"}]]);/**
|
|
212
|
+
* @license lucide-react v0.453.0 - ISC
|
|
213
|
+
*
|
|
214
|
+
* This source code is licensed under the ISC license.
|
|
215
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
216
|
+
*/const sn=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"}]]);/**
|
|
217
|
+
* @license lucide-react v0.453.0 - ISC
|
|
218
|
+
*
|
|
219
|
+
* This source code is licensed under the ISC license.
|
|
220
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
221
|
+
*/const nn=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"}]]);/**
|
|
222
|
+
* @license lucide-react v0.453.0 - ISC
|
|
223
|
+
*
|
|
224
|
+
* This source code is licensed under the ISC license.
|
|
225
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
226
|
+
*/const an=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"}]]);/**
|
|
227
|
+
* @license lucide-react v0.453.0 - ISC
|
|
228
|
+
*
|
|
229
|
+
* This source code is licensed under the ISC license.
|
|
230
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
231
|
+
*/const rn=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
|
+
* @license lucide-react v0.453.0 - ISC
|
|
233
|
+
*
|
|
234
|
+
* This source code is licensed under the ISC license.
|
|
235
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
236
|
+
*/const on=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
|
+
* @license lucide-react v0.453.0 - ISC
|
|
238
|
+
*
|
|
239
|
+
* This source code is licensed under the ISC license.
|
|
240
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
241
|
+
*/const ln=t.createLucideIcon("MapPin",[["path",{d:"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",key:"1r0f0z"}],["circle",{cx:"12",cy:"10",r:"3",key:"ilqhr7"}]]);/**
|
|
242
|
+
* @license lucide-react v0.453.0 - ISC
|
|
243
|
+
*
|
|
244
|
+
* This source code is licensed under the ISC license.
|
|
245
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
246
|
+
*/const at=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"}]]);/**
|
|
247
|
+
* @license lucide-react v0.453.0 - ISC
|
|
248
|
+
*
|
|
249
|
+
* This source code is licensed under the ISC license.
|
|
250
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
251
|
+
*/const cn=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"}]]);/**
|
|
252
|
+
* @license lucide-react v0.453.0 - ISC
|
|
253
|
+
*
|
|
254
|
+
* This source code is licensed under the ISC license.
|
|
255
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
256
|
+
*/const dn=t.createLucideIcon("MessageCircle",[["path",{d:"M7.9 20A9 9 0 1 0 4 16.1L2 22Z",key:"vv11sd"}]]);/**
|
|
257
|
+
* @license lucide-react v0.453.0 - ISC
|
|
258
|
+
*
|
|
259
|
+
* This source code is licensed under the ISC license.
|
|
260
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
261
|
+
*/const Ct=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"}]]);/**
|
|
262
|
+
* @license lucide-react v0.453.0 - ISC
|
|
263
|
+
*
|
|
264
|
+
* This source code is licensed under the ISC license.
|
|
265
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
266
|
+
*/const St=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"}]]);/**
|
|
267
|
+
* @license lucide-react v0.453.0 - ISC
|
|
268
|
+
*
|
|
269
|
+
* This source code is licensed under the ISC license.
|
|
270
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
271
|
+
*/const un=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"}]]);/**
|
|
272
|
+
* @license lucide-react v0.453.0 - ISC
|
|
273
|
+
*
|
|
274
|
+
* This source code is licensed under the ISC license.
|
|
275
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
276
|
+
*/const mn=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"}]]);/**
|
|
277
|
+
* @license lucide-react v0.453.0 - ISC
|
|
278
|
+
*
|
|
279
|
+
* This source code is licensed under the ISC license.
|
|
280
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
281
|
+
*/const rt=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"}]]);/**
|
|
282
|
+
* @license lucide-react v0.453.0 - ISC
|
|
283
|
+
*
|
|
284
|
+
* This source code is licensed under the ISC license.
|
|
285
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
286
|
+
*/const zt=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"}]]);/**
|
|
287
|
+
* @license lucide-react v0.453.0 - ISC
|
|
288
|
+
*
|
|
289
|
+
* This source code is licensed under the ISC license.
|
|
290
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
291
|
+
*/const hn=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"}]]);/**
|
|
292
|
+
* @license lucide-react v0.453.0 - ISC
|
|
293
|
+
*
|
|
294
|
+
* This source code is licensed under the ISC license.
|
|
295
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
296
|
+
*/const xn=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"}]]);/**
|
|
297
|
+
* @license lucide-react v0.453.0 - ISC
|
|
298
|
+
*
|
|
299
|
+
* This source code is licensed under the ISC license.
|
|
300
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
301
|
+
*/const we=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"}]]);/**
|
|
302
|
+
* @license lucide-react v0.453.0 - ISC
|
|
303
|
+
*
|
|
304
|
+
* This source code is licensed under the ISC license.
|
|
305
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
306
|
+
*/const pn=t.createLucideIcon("Shrink",[["path",{d:"m15 15 6 6m-6-6v4.8m0-4.8h4.8",key:"17vawe"}],["path",{d:"M9 19.8V15m0 0H4.2M9 15l-6 6",key:"chjx8e"}],["path",{d:"M15 4.2V9m0 0h4.8M15 9l6-6",key:"lav6yq"}],["path",{d:"M9 4.2V9m0 0H4.2M9 9 3 3",key:"1pxi2q"}]]);/**
|
|
307
|
+
* @license lucide-react v0.453.0 - ISC
|
|
308
|
+
*
|
|
309
|
+
* This source code is licensed under the ISC license.
|
|
310
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
311
|
+
*/const Pt=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"}]]);/**
|
|
312
|
+
* @license lucide-react v0.453.0 - ISC
|
|
313
|
+
*
|
|
314
|
+
* This source code is licensed under the ISC license.
|
|
315
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
316
|
+
*/const fn=t.createLucideIcon("Sparkles",[["path",{d:"M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z",key:"4pj2yx"}],["path",{d:"M20 3v4",key:"1olli1"}],["path",{d:"M22 5h-4",key:"1gvqau"}],["path",{d:"M4 17v2",key:"vumght"}],["path",{d:"M5 18H3",key:"zchphs"}]]);/**
|
|
317
|
+
* @license lucide-react v0.453.0 - ISC
|
|
318
|
+
*
|
|
319
|
+
* This source code is licensed under the ISC license.
|
|
320
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
321
|
+
*/const gn=t.createLucideIcon("Square",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}]]);/**
|
|
322
|
+
* @license lucide-react v0.453.0 - ISC
|
|
323
|
+
*
|
|
324
|
+
* This source code is licensed under the ISC license.
|
|
325
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
326
|
+
*/const ze=t.createLucideIcon("Table2",[["path",{d:"M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18",key:"gugj83"}]]);/**
|
|
327
|
+
* @license lucide-react v0.453.0 - ISC
|
|
328
|
+
*
|
|
329
|
+
* This source code is licensed under the ISC license.
|
|
330
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
331
|
+
*/const Vt=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"}]]);/**
|
|
332
|
+
* @license lucide-react v0.453.0 - ISC
|
|
333
|
+
*
|
|
334
|
+
* This source code is licensed under the ISC license.
|
|
335
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
336
|
+
*/const jn=t.createLucideIcon("Terminal",[["polyline",{points:"4 17 10 11 4 5",key:"akl6gq"}],["line",{x1:"12",x2:"20",y1:"19",y2:"19",key:"q2wloq"}]]);/**
|
|
337
|
+
* @license lucide-react v0.453.0 - ISC
|
|
338
|
+
*
|
|
339
|
+
* This source code is licensed under the ISC license.
|
|
340
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
341
|
+
*/const Rt=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"}]]);/**
|
|
342
|
+
* @license lucide-react v0.453.0 - ISC
|
|
343
|
+
*
|
|
344
|
+
* This source code is licensed under the ISC license.
|
|
345
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
346
|
+
*/const ot=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"}]]);/**
|
|
347
|
+
* @license lucide-react v0.453.0 - ISC
|
|
348
|
+
*
|
|
349
|
+
* This source code is licensed under the ISC license.
|
|
350
|
+
* See the LICENSE file in the root directory of this source tree.
|
|
351
|
+
*/const qt=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 it(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 i;return{...o,cards:(i=o.cards)==null?void 0:i.map(l=>_t(l))}})}})}}function _t(s){return{...s,customCfg:yn(s.customCfg),data:[]}}function yn(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 bn(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 Ye(s,a){if(!a)return null;const{id:n,template:r,filterValues:o,isDefault:i,shared:l}=s;return await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{lensId:n,template:r,filterValues:o,isDefault:i,shared:l,operation:"update"})}async function vn(s,a){return a?await t.postRequest("https://semaphor.cloud/api/v1/lens",a,{operation:"delete",lensId:s}):null}function Nn(){const[s,a]=L.useState(""),[n,r]=L.useState(!1),o=t.useDashboardStore(p=>p.lenses),{setLenses:i,setSelectedLensId:l}=t.useDashboardActions(),[c,d]=L.useState(!1),[m,x]=L.useState(!1),u=t.useDashboardStore(p=>p.dashboard),y=t.useDashboardStore(p=>p.filterValues),{authToken:j}=t.useSemaphorContext();async function S(){d(!0);const p=it(u),D=await bn(s,p,y,j==null?void 0:j.accessToken);D&&(i([...o||[],D]),l(D.id),x(!1)),d(!1)}return e.jsxs(t.Dialog,{open:m,onOpenChange:x,children:[e.jsx(t.DialogTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),"Lens"]})}),e.jsxs(t.DialogContent,{className:"sm:max-w-[425px]",children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Create Lens"}),e.jsx(t.DialogDescription,{children:"Lenses are private by default and are only visible to you."})]}),e.jsx("div",{className:"grid gap-4 py-4",children:e.jsxs("div",{className:"grid grid-cols-8 items-center gap-4",children:[e.jsx(t.Label,{className:"text-right",children:"Name"}),e.jsx(t.Input,{value:s,onChange:p=>{a(p.target.value)},id:"name",className:"col-span-7 focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0"})]})}),n&&e.jsx("p",{className:"text-sm",children:"The lens name already exists. Use a differnet name."}),e.jsx(t.DialogFooter,{children:e.jsx(t.Button,{size:"sm",variant:"outline",type:"submit",onClick:S,disabled:c,children:c?"Creating...":"Add"})})]})]})}function Cn(){const[s,a]=L.useState(!1),n=t.useDashboardStore(x=>x.lenses),r=t.useDashboardStore(x=>x.selectedLensId),{setLenses:o,setSelectedLensId:i}=t.useDashboardActions(),{authToken:l}=t.useSemaphorContext();async function c(x){i(x)}async function d(x){if(await vn(x,l==null?void 0:l.accessToken)){const y=n==null?void 0:n.filter(j=>j.id!==x);o(y||[]),i("original")}}async function m(x){const u=n==null?void 0:n.map(S=>S.id===x.id?{...S,isDefault:!x.isDefault}:{...S,isDefault:!1});o(u||[]);const y={...x,isDefault:!x.isDefault};await Ye(y,l==null?void 0:l.accessToken);const j=n==null?void 0:n.find(S=>S.isDefault);if(j&&j.id!==x.id){const S={...j,isDefault:!1};await Ye(S,l==null?void 0:l.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(Xs,{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(x=>e.jsxs(t.DropdownMenuRadioItem,{className:"group flex justify-between gap-2",value:x.id,children:[e.jsx("p",{children:x.name}),e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx(t.House,{onClick:u=>{u.preventDefault(),m(x)},className:t.cn("size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",{invisible:!x.isDefault,"text-green-500":x.isDefault}),strokeWidth:1.5}),e.jsx(t.Cross2Icon,{onClick:u=>{u.preventDefault(),d(x.id)},className:"invisible size-3.5 text-muted-foreground hover:cursor-pointer hover:text-foreground group-hover:visible",strokeWidth:1.5})]})]},x.id))]})]})]})}function Gt(){var i;const s=t.useDashboardStore.getState().authToken,a=t.useDashboardStore.getState().theme,n=t.useDashboardStore.getState().filterValues,r=(i=t.useDashboardStore.getState().dashboard)==null?void 0:i.title,o=t.useDashboardStore.getState().selectedSheetId;return{authToken:s,theme:a||"light",filterValues:n,dashboardTitle:r||"",selectedSheetId:o||""}}async function $t(){const s=t.useDashboardStore.getState().isDownloadingPdf,{authToken:a,theme:n,filterValues:r,dashboardTitle:o,selectedSheetId:i}=Gt();if(s)return;const l=new URLSearchParams;l.set("token",(a==null?void 0:a.accessToken)||""),l.set("theme",n),l.set("filterValues",JSON.stringify(r)),l.set("selectedSheetId",i||"");const c=`https://semaphor.cloud/api/v1/generate-pdf?params=${encodeURIComponent(l.toString())}`;t.useDashboardStore.setState({isDownloadingPdf:!0});const x=(await(await fetch(c,{method:"GET",headers:{Authorization:`Bearer ${a==null?void 0:a.accessToken}`}})).json()).url,u=document.createElement("a");u.href=x;const y=`${o}-${new Date().toISOString()}.pdf`;u.download=y,u.click(),t.useDashboardStore.setState({isDownloadingPdf:!1})}function Sn({iconClassName:s}){const{authToken:a}=t.useSemaphorContext();t.useDashboardStore(o=>{var i;return(i=o.dashboard)==null?void 0:i.title}),t.useDashboardStore(o=>o.theme),t.useDashboardStore(o=>o.filterValues);const n=t.useDashboardStore(o=>o.isDownloadingPdf);async function r(){await $t()}return e.jsx(t.IconButton,{tooltip:"Download PDF",className:"h-7 p-2",onClick:r,children:n?e.jsx(t.LoaderCircle,{className:t.cn("size-3.5 animate-spin",s)}):e.jsx(t.Download,{className:t.cn("size-4",s)})})}function ae({defaultValue:s,label:a,options:n,value:r,onValueChange:o,className:i,icon:l,showPlaceholderLabel:c=!0}){return e.jsxs(t.Select,{defaultValue:s,value:r,onValueChange:o,children:[e.jsx(t.SelectTrigger,{className:t.cn("w-full focus:ring-0 focus:ring-offset-0",i),children:e.jsxs("div",{className:"flex items-center gap-2",children:[l&&e.jsx("span",{children:l}),c&&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 wt=[{value:"daily",label:"Daily"},{value:"weekly",label:"Weekly"},{value:"biweekly",label:"Bi-Weekly"},{value:"monthly",label:"Monthly"}];function Jt({triggerButtonClassName:s}){const{data:a,handleScheduleSubscription:n,handleDeleteSubscription:r,status:o,error:i,isDeleting:l}=wn(),[c,d]=L.useState(""),[m,x]=L.useState(wt[0].value),[u,y]=L.useState("06:00"),[j,S]=L.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(t.Clock,{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:p=>d(p.target.value),className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"subject",children:"Subject"}),e.jsx(t.Input,{id:"subject",placeholder:"Monthly Sales Report",value:j,onChange:p=>{S(p.target.value.replace(/[^a-zA-Z0-9\s-_]/g,""))},className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"frequency",children:"Frequency"}),e.jsx(ae,{className:"col-span-2 h-8",label:"Select Frequency",options:wt,value:m,onValueChange:p=>x(p)})]}),e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"time",children:"Time"}),e.jsx(t.Input,{id:"time",type:"time",value:u,onChange:p=>y(p.target.value),className:`col-span-2 h-8 ${t.removeRing}`})]}),e.jsx("div",{className:"mt-2 flex justify-end",children:e.jsxs(t.Button,{onClick:async()=>{await n({email:c,frequency:m,time:u,subject:j}),y("00:00"),d(""),S("")},className:"h-8 p-2",disabled:o==="loading"||!c,children:[o==="loading"&&e.jsx(t.LoaderCircle,{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(Bt,{className:"mr-2 size-4 text-destructive"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{children:i})})]}),"Schedule"]})}),a&&a.length>0&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Separator,{className:"my-2"}),e.jsx("div",{className:"space-y-2",children:e.jsxs("div",{className:"flex items-start justify-between",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Subscriptions"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Active email subscriptions"})]}),t.isDevEnv]})}),e.jsx("div",{className:"grid gap-2",children:a==null?void 0:a.map(p=>e.jsxs("div",{className:"group grid grid-cols-5 gap-3",children:[e.jsx("div",{className:"col-span-3 text-sm",children:e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"boder-border rounded-md border bg-muted px-2 py-1",children:[t.titleCase(p.frequency)," "]}),e.jsx(t.Label,{children:p.time})]})}),e.jsxs("div",{className:"col-span-2 flex items-center justify-end gap-4",children:[e.jsx(kt,{tooltip:`Next Run: ${new Date(p.nextRun).toLocaleString()} ${p.timezone}`,children:e.jsx(qs,{className:"size-3.5"})}),e.jsx(kt,{tooltip:`${p.endUserEmail}`,children:e.jsx(on,{className:"size-3.5"})}),l===p.id?e.jsx(t.LoaderCircle,{className:"size-3.5 animate-spin"}):e.jsx(t.Trash2,{onClick:()=>r(p.id),className:"size-3.5 cursor-pointer"})]})]},p.id))})]})]})]})})]})})}const kt=({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 wn(){const[s,a]=L.useState("idle"),[n,r]=L.useState(""),[o,i]=L.useState(null),l=t.useDashboardStore(g=>g.authToken),c=t.useDashboardStore(g=>g.dashboard.id),d=t.useDashboardStore(g=>g.dashboard.title),{endUserId:m}=t.getTenantAndEndUserId((l==null?void 0:l.accessToken)||""),x="https://semaphor.cloud/api/v1/subscriptions/get",u={dashboardId:c,endUserId:m},{data:y,isLoading:j,isError:S,isFetching:p,refetch:D}=t.useQuery({queryKey:["subscriptions",c,m],queryFn:()=>t.getRequest(x,(l==null?void 0:l.accessToken)||"",u),enabled:!!(l!=null&&l.accessToken)&&!!c&&!!m});async function f({email:g,subject:O,frequency:E,time:b}){const{authToken:C,...w}=Gt(),T=Intl.DateTimeFormat().resolvedOptions().timeZone,k={email:g,frequency:E,time:b,timezone:T,endUserId:m,endUserEmail:g,subject:O||d||"Scheduled Dashboard",dashboardId:c,dashboardParams:w};a("loading");const h="https://semaphor.cloud/api/v1/subscriptions/create";try{const B=await t.postRequestRegular(h,(C==null?void 0:C.accessToken)||"",{...k});a("success"),r(""),D(),setTimeout(()=>{a("idle")},2e3)}catch(B){console.error(B),a("error"),r(B.message)}}async function N(g){const O="https://semaphor.cloud/api/v1/subscriptions/delete";i(g);try{await t.postRequestRegular(O,(l==null?void 0:l.accessToken)||"",{id:g}),D(),setTimeout(()=>{i(null)},2e3)}catch(E){console.error(E),i(null),a("error"),r(E.message)}}return{data:y,isLoading:j,isFetching:p,isError:S,isDeleting:o,refetch:D,handleScheduleSubscription:f,handleDeleteSubscription:N,status:s,error:n}}function kn(){const{authToken:s}=t.useSemaphorContext();t.useDashboardStore(h=>h.theme);const a=t.useDashboardStore(h=>h.lenses),n=t.useDashboardStore(h=>h.selectedLensId),r=a==null?void 0:a.find(h=>h.id===n),o=t.useDashboardStore(h=>h.dashboard);t.useDashboardStore(h=>h.selectedSheetId);const i=t.useDashboardStore(h=>h.isDashboardEditing),l=t.useEditorStore(h=>h.card),c=t.useEditorStore(h=>h.selectedConnectionId),[d,m]=L.useState(!1),x=t.useDashboardStore(h=>h.filterValues),u=t.useDashboardStore(h=>h.isVisualEditing),y=t.useDashboardStore(h=>h.showFilters);t.useDashboardStore(h=>h.showDashboardJSON);const j=t.useDashboardStore(h=>h.onSaveFunction),S=t.useDashboardStore(h=>h.actions.setShowFilters),{addFrame:p,setSelectedFrameId:D}=t.useDashboardStore(h=>h.actions),{getSelectedSheet:f,setIsDashboardEditing:N,setShowDashboardJSON:g}=t.useDashboardStore(h=>h.actions),O=f(),{tenantId:E,endUserId:b}=L.useMemo(()=>t.getTenantAndEndUserId(s==null?void 0:s.accessToken),[s==null?void 0:s.accessToken]),C=L.useMemo(()=>E||b,[E,b]),w=()=>{if(!i||!O)return;const h={dataSource:l.dataSource,mode:"explorer",connectionId:c,id:t.v4(),title:"Title",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[]},B={id:t.v4(),cards:[h],activeCardId:h.id};p(O.id,B),D(B.id)},T=()=>{N(!0)};async function k(){if(m(!0),!n||!r)return;const h=it(o),B=JSON.stringify(h),A={...r,template:B,filterValues:x};await Ye(A,s==null?void 0:s.accessToken),t.ue.success("Lens saved"),j==null||j(h),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(Sn,{}),!u&&e.jsx(Jt,{}),i&&!u&&C&&e.jsx(Nn,{}),!u&&C&&e.jsx(Cn,{}),i&&!u&&e.jsxs(t.Button,{variant:"secondary",className:"h-7 p-2",size:"sm",disabled:!i,onClick:w,children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),"Frame"]}),!i&&e.jsx(t.Button,{variant:"ghost",className:"h-7 p-2",onClick:T,size:"sm",children:e.jsx(t.Pencil,{className:"h-4 w-4"})}),i&&!u&&e.jsx(t.IconButton,{className:"h-7 p-2",onClick:()=>{N(!1),g(!1)},children:e.jsx(t.Cross2Icon,{className:"h-4 w-4"})}),i&&!u&&C&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",disabled:d,onClick:k,size:"sm",children:e.jsx(xn,{className:"h-4 w-4"})}),!y&&!u&&i&&e.jsx(t.Button,{className:"h-7 p-2",variant:"ghost",onClick:()=>S(!0),size:"sm",children:e.jsx(t.Filter,{className:"h-4 w-4"})}),!u&&i&&!1,!u&&!1]})]})}function En({name:s,items:a,value:n,onChange:r,isLoading:o,isError:i,refetch:l,className:c,icon:d,showNone:m=!1}){const x=he.useRef(null),[u,y]=he.useState(!1),[j,S]=he.useState("100%"),p=m?[...a||[],{id:"none",name:"None"}]:a;he.useLayoutEffect(()=>{x.current&&S(x.current.offsetWidth)},[]);function D(){var N;return o?"Loading...":i?"Error":n?(N=a==null?void 0:a.find(g=>g.id===n))==null?void 0:N.name:`Select ${s}`}function f(N,g){r(g),y(!1)}return e.jsxs(t.Popover,{open:u,onOpenChange:y,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{ref:x,variant:"outline",role:"combobox","aria-expanded":u,className:t.cn("flex h-9 w-full justify-between",c),children:[e.jsxs("div",{className:"flex items-center gap-2",children:[d&&e.jsx("div",{className:"mr-2",children:d}),e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate text-ellipsis whitespace-nowrap",children:D()})]}),e.jsx(t.ChevronDown,{className:"size-4 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-full p-0",style:{minWidth:j},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:l,children:e.jsx(zt,{className:t.cn("size-3.5 opacity-50",o&&"animate-spin")})})]}),e.jsxs(t.CommandList,{children:[e.jsxs(t.CommandEmpty,{children:["No ",s==null?void 0:s.toLowerCase()," found."]}),e.jsx(t.CommandGroup,{children:p==null?void 0:p.map(N=>e.jsx(t.CommandItem,{className:"overflow-x-auto",value:N.name,onSelect:g=>f(g,N.id),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Check,{className:t.cn("size-4",n===N.id?"opacity-100":"opacity-0")}),e.jsx("div",{title:N.name,children:N.name})]})},N.id))})]})]})})]})}function be({title:s,items:a,value:n,isLoading:r,isError:o,refetch:i,onChange:l,showNone:c=!1,className:d,disabled:m=!1,type:x="combobox"}){const u=r?"Loading...":o?"Error":n;function y(){if(s==="Connection")return e.jsx(mn,{className:"size-4"});if(s==="Database")return e.jsx(t.Database,{className:"size-4"});if(s==="Schema")return e.jsx(un,{className:"size-4"});if(s==="Table")return e.jsx(ze,{className:"size-4"});if(s==="Model")return e.jsx(zs,{className:"size-4"})}function j(){return e.jsxs(t.Select,{disabled:m,value:u,onValueChange:l,children:[e.jsx(t.SelectTrigger,{className:t.cn("h-9 w-full border-muted focus:ring-1 focus:ring-offset-0",d),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(zt,{className:t.cn("mr-1 size-3 cursor-pointer text-muted-foreground hover:text-foreground",r&&"animate-spin"),onClick:i})]}),e.jsxs(e.Fragment,{children:[c&&e.jsx(t.SelectItem,{value:"none",children:"None"},"none"),a&&a.map((p,D)=>e.jsx(t.SelectItem,{value:p.id,children:p.name},D))]}),(r||o)&&e.jsx(t.SelectItem,{value:u,children:u})]})})]})}function S(){return e.jsx(En,{icon:y(),items:a,value:u,onChange:l||(()=>{}),isLoading:r,isError:o,refetch:i,name:s,showNone:c})}return e.jsx(t.TooltipProvider$1,{delayDuration:0,children:e.jsx("div",{className:"flex items-center gap-2",children:x==="select"?j():S()})})}function Dn({column:s}){const[a,n]=L.useState(!1),r=t.useEditorStore(p=>p.selectedTableName),o=t.useEditorStore(p=>p.selectedSchemaName),i=t.useEditorStore(p=>p.selectedDatabaseName),l=t.useEditorStore(p=>p.selectedDatamodelId),c=t.useEditorStore(p=>p.sqlGen),{modelItems:d,connectionType:m}=t.useEditorAside(),x=t.useEditorStore(p=>p.actions.setSqlGen),u=t.useEditorStore(p=>p.actions.setCardSql),y=t.useEditorStore(p=>p.actions.setRunSql);function j(p,D){var O;const f=t.createSqlGenConfig(p,c,D),N=(O=d==null?void 0:d.find(E=>E.id===l))==null?void 0:O.name;x(f);const g=t.getSql(f,t.fmt(o||""),t.fmt(r),N||"",m,i||"");g&&(u(g),y(!0)),n(!1)}function S(){return e.jsxs("ul",{className:"text-xs",children:[e.jsx("li",{onClick:()=>j(s,"COUNT"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Count"}),e.jsx("li",{onClick:()=>j(s,"AVG"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Avg"}),e.jsx("li",{onClick:()=>j(s,"SUM"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Sum"}),e.jsx("li",{onClick:()=>j(s,"MAX"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Max"}),e.jsx("li",{onClick:()=>j(s,"MIN"),className:"cursor-pointer p-1 px-3 transition-colors hover:bg-muted",children:"Min"})]})}return e.jsxs(t.HoverCard,{openDelay:0,open:a,onOpenChange:n,children:[e.jsx(t.HoverCardTrigger,{asChild:!0,children:e.jsx(t.EllipsisVertical,{className:"invisible size-3.5 cursor-pointer text-foreground/40 group-hover:visible"})}),e.jsx(t.HoverCardContent,{align:"center",className:"w-20 rounded-md p-0 shadow-none",children:S()})]})}function lt({column:s}){return e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger$1,{className:"shrink-0",asChild:!0,children:t.isTextDataType(s.data_type)?e.jsx(t.TextIcon,{className:"size-3 text-muted-foreground"}):t.isNumberDataType(s.data_type)?e.jsx(nt,{className:"size-3 text-muted-foreground"}):t.isDateDataType(s.data_type)?e.jsx(t.Calendar,{className:"size-3 text-muted-foreground"}):t.isBooleanDataType(s.data_type)?e.jsx(Rt,{className:"size-3 text-muted-foreground"}):s.data_type.startsWith("json")?e.jsx(Ps,{className:"size-3 text-muted-foreground"}):e.jsx(t.QuestionMarkIcon,{className:"size-3 text-muted-foreground"})}),e.jsx(t.TooltipContent,{children:e.jsx("p",{className:"text-xs",children:s.data_type})})]})}function Re({column:s,className:a}){return e.jsxs("div",{className:t.cn("flex min-h-8 grow items-center space-x-2 px-2 text-sm",a),children:[e.jsx(lt,{column:s}),e.jsx("span",{children:s.column_name})]})}function Tn({id:s,children:a,type:n="column"}){const{attributes:r,listeners:o,setNodeRef:i,transform:l}=t.useDraggable({id:s,data:{type:n}}),c=l?{translate:t.CSS.Translate.toString(l),transform:t.CSS.Transform.toString(l)}:void 0;return e.jsx("div",{ref:i,style:c,...o,...r,children:a})}function In({onClick:s,column:a}){const n=t.useDndStore(x=>x.activeId),r=t.useEditorStore(x=>{var u;return(u=x.card.queryConfig)==null?void 0:u.groupByColumns}),o=t.useEditorStore(x=>{var u;return(u=x.card.queryConfig)==null?void 0:u.metricColumns}),i=t.useEditorStore(x=>{var u;return(u=x.card.queryConfig)==null?void 0:u.filterColumns});function l(x){return c(x)||d(x)||m(x)}function c(x){return r==null?void 0:r.some(u=>u.name===x.column_name)}function d(x){return o==null?void 0:o.some(u=>u.name===x.column_name)}function m(x){return i==null?void 0:i.some(u=>u.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":l(a)}),children:[n===a.column_name&&e.jsx(t.DragOverlay,{children:e.jsx(Re,{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(Re,{column:a})}),e.jsx(Tn,{id:a.column_name,type:"column",children:e.jsx(Re,{column:a})})]})}const qe={id:"__placeholder__",role:"groupby",type:"string"},_e={id:"__placeholder__",role:"groupby",type:"string"},Ge={id:"__placeholder__",role:"metric",type:"number"},$e={name:"Filter",id:"__placeholder__",role:"filter",type:"string"},Ht={id:"__placeholder__"},xe="droppable-group-by",pe="droppable-metrics",fe="droppable-pivot-by",Ae="sortable-group-by",Ke="sortable-metrics",Me="sortable-pivot-by",Qe="droppable-filters",We="sortable-filters",ct="sortable-order-by";function An(){const s=t.useDndStore(I=>I.insertIndex),a=t.useEditorStore(I=>{var v;return((v=I.card.queryConfig)==null?void 0:v.groupByColumns)||[]}),n=t.useEditorStore(I=>{var v;return((v=I.card.queryConfig)==null?void 0:v.metricColumns)||[]}),r=t.useEditorStore(I=>{var v;return((v=I.card.queryConfig)==null?void 0:v.filterColumns)||[]}),o=t.useEditorStore(I=>{var v;return((v=I.card.queryConfig)==null?void 0:v.orderBy)||[]}),i=t.useEditorStore(I=>{var v;return((v=I.card.queryConfig)==null?void 0:v.pivotColumns)||[]}),{setInsertIndex:l,setActiveId:c,setPreviewGroupByColumns:d,setPreviewMetricColumns:m,setPreviewFilterColumns:x,setPreviewPivotColumns:u}=t.useDndActions(),{setGroupByColumns:y,setMetricColumns:j,setFilterColumns:S,setOrderByColumns:p,setPivotByColumns:D}=t.useEditorActions(),{columns:f}=t.useDataColumns(),{formattedTableName:N}=t.useEditorAside(),g=t.useSensors(t.useSensor(t.MouseSensor,{activationConstraint:{distance:1}})),O=I=>{var F;const{active:v,over:M}=I;if(((F=v.data.current)==null?void 0:F.type)==="column"&&M){const P=M.id,R=f.find(G=>G.column_name===v.id);if(!R)return;const z=t.isNumberDataType(R.data_type),K=t.isTextDataType(R.data_type),H=t.isDateDataType(R.data_type);if(K||H){if(a.some(V=>V.id===P)){const V=a.findIndex(q=>q.id===P);l(V);const Y=a.filter(q=>q.id!==qe.id);Y.splice(V,0,qe),d(Y)}else if(M.id===xe){l(a.length);const V=[...a,qe];d(V),m(n),x(r)}}if(K||H){if(i.some(V=>V.id===P)){const V=i.findIndex(q=>q.id===P);l(V);const Y=i.filter(q=>q.id!==_e.id);Y.splice(V,0,_e),u(Y)}else if(M.id===fe){l(i.length);const V=[...i,_e];u(V),d(a),m(n),x(r)}}if(z||K){if(n.some(V=>V.id===P)){console.log("isOverMetricSortable",P);const V=n.findIndex(q=>q.id===P);l(V);const Y=n.filter(q=>q.id!==Ge.id);Y.splice(V,0,Ge),m(Y)}else if(M.id===pe){l(n.length);const V=[...n,Ge];m(V),x(r),d(a),u(i)}}if(b(R)){if(r.some(V=>V.id===P)){const V=r.findIndex(q=>q.id===P);l(V);const Y=r.filter(q=>q.id!==$e.id);Y.splice(V,0,$e),x(Y)}else if(M.id===Qe){l(r.length);const V=[...r,$e];x(V),m(n),d(a),u(i)}}}else d(a),m(n),x(r),u(i)};function E(I){c(I.active.id),l(null),d(a),m(n),x(r),u(i)}function b(I){return!r.some(v=>v.name===I.column_name)}function C(I,v="SUM"){const{column_name:M,data_type:F}=I,P=[...n],R=s!==null?s:n.length,z={...I,id:ie(M),name:M,label:ke(M,v),type:F,role:"metric",aggregate:v};P.splice(R,0,z),j(P)}function w(I){const v=t.isTextDataType(I.data_type);t.isDateDataType(I.data_type);const M=[...i],F=s!==null?s:i.length;let P;v?P={...I,id:ie(I.column_name),name:I.column_name,type:I.data_type,role:"groupby"}:P={...I,id:ie(I.column_name),name:I.column_name,type:I.data_type,role:"groupby",label:Ne(I.column_name,"month"),granularity:"month"},M.splice(F,0,P),D(M)}function T(I){const v=t.isTextDataType(I.data_type);t.isDateDataType(I.data_type);const M=[...a],F=s!==null?s:a.length;let P;v?P={...I,id:ie(I.column_name),name:I.column_name,type:I.data_type,role:"groupby"}:P={...I,id:ie(I.column_name),name:I.column_name,type:I.data_type,role:"groupby",label:Ne(I.column_name,"month"),granularity:"month"},M.splice(F,0,P),y(M)}function k(I){const v=[...r],M=s!==null?s:r.length,F={...I,id:ie(I.column_name),name:I.column_name,type:I.data_type,sql:t.getDefaultFilterSql(I.data_type,N,t.fmt(I.column_name)),role:"filter"};v.splice(M,0,F),S(v)}function h(I){var P,R,z,K,H,G,V,Y;const{active:v,over:M}=I,F=v.data.current;if((F==null?void 0:F.type)==="column"&&M){const q=f.find(se=>se.column_name===v.id);if(!q)return;const $=t.isNumberDataType(q.data_type),J=t.isTextDataType(q.data_type),X=t.isDateDataType(q.data_type);(J||X)&&(M.id===xe||((P=M.data.current)==null?void 0:P.type)===Ae)&&T(q),(J||X)&&(M.id===fe||((R=M.data.current)==null?void 0:R.type)===Me)?w(q):($||J)&&(M.id===pe||((z=M.data.current)==null?void 0:z.type)===Ke)?($&&C(q),J&&C(q,"COUNT")):b(q)&&(M.id===Qe||((K=M.data.current)==null?void 0:K.type)===We)&&k(q)}if(M&&((H=M.data.current)==null?void 0:H.type)===Ae&&a.some(q=>q.id===v.id)){const q=a.findIndex(J=>J.id===v.id),$=a.findIndex(J=>J.id===M.id);if(q!==-1&&$!==-1&&q!==$){const J=[...a],[X]=J.splice(q,1);J.splice($,0,X),y(J)}}if(M&&((G=M.data.current)==null?void 0:G.type)===Me&&i.some(q=>q.id===v.id)){const q=i.findIndex(J=>J.id===v.id),$=i.findIndex(J=>J.id===M.id);if(q!==-1&&$!==-1&&q!==$){const J=[...i],[X]=J.splice(q,1);J.splice($,0,X),D(J)}}if(M&&((V=M.data.current)==null?void 0:V.type)===Ke&&n.some(q=>q.id===v.id)){const q=n.findIndex(J=>J.id===v.id),$=n.findIndex(J=>J.id===M.id);if(q!==-1&&$!==-1&&q!==$){const J=[...n],[X]=J.splice(q,1);J.splice($,0,X),j(J)}}if(M&&((Y=M.data.current)==null?void 0:Y.type)===We&&r.some(q=>q.id===v.id)){const q=r.findIndex(J=>J.id===v.id),$=r.findIndex(J=>J.id===M.id);if(q!==-1&&$!==-1&&q!==$){const J=[...r],[X]=J.splice(q,1);J.splice($,0,X),S(J)}}B(I),c(null),l(null),d(a),m(n),x(r),u(i)}function B(I){const{active:v,over:M}=I,F=v.data.current;if((F==null?void 0:F.type)===ct&&M){const P=o.findIndex(z=>Se(z.columnId)===v.id),R=o.findIndex(z=>Se(z.columnId)===M.id);if(P!==-1&&R!==-1&&P!==R){const z=[...o],[K]=z.splice(P,1);z.splice(R,0,K),p(z)}}}function A(){c(null),l(null),d(a),m(n),x(r)}return{handleDragOver:O,handleDragEnd:h,handleDragStart:E,handleDragCancel:A,sensors:g}}function ie(s){return`${s}-${t.v4()}`}function ke(s,a){const n=t.toTitleCase(s.replace(/_/g," "));switch(a){case"SUM":return`Sum of ${n}`;case"COUNT":return`Count of ${n}`;case"DISTINCT":return`Unique ${n}`;case"AVG":return`Average of ${n}`;case"MIN":return`Min of ${n}`;case"MAX":return`Max of ${n}`;default:return n}}function Se(s){return`${ct}-${s}`}function Ne(s,a){const n=t.toTitleCase(s.replace(/_/g," "));switch(a){case"day":return`Date of ${n}`;case"week":return`Week of ${n}`;case"month":return`Month of ${n}`;case"year":return`Year of ${n}`;default:return n}}function Mn({schemaName:s,tableName:a,columns:n,status:r}){const o=t.useEditorStore(v=>v.sqlGen),i=t.useEditorStore(v=>v.isDevMode),l=t.useEditorStore(v=>v.selectedConnectionId),c=t.useEditorStore(v=>{var M,F;return(F=(M=v.card)==null?void 0:M.queryConfig)==null?void 0:F.metricColumns});t.useEditorStore(v=>{var M,F;return(F=(M=v.card)==null?void 0:M.queryConfig)==null?void 0:F.groupByColumns});const d=t.useEditorStore(v=>v.selectedDatabaseName),m=t.useEditorStore(v=>v.selectedSchemaName),x=t.useEditorStore(v=>v.selectedTableName),u=t.useEditorStore(v=>v.selectedDatamodelId),y=t.useDashboardStore(v=>v.dashboard.aiScopeTables),{addToAIScope:j,removeFromAIScope:S}=t.useDashboardActions(),{addColumnToMetricColumns:p,addColumnToGroupBy:D,setCardSql:f,setRunSql:N,setSqlGen:g,setIsShowingVisual:O}=t.useEditorActions(),{connectionType:E,modelItems:b,selectedDatamodelName:C}=t.useEditorAside();function w(v){var M;if(i){const F=t.createSqlGenConfig(v,o);g(F);const P=(M=b==null?void 0:b.find(z=>z.id===u))==null?void 0:M.name,R=t.getSql(F,t.fmt(s),t.fmt(a),P||"",E,d||"");R&&(f(R),N(!0))}if(!i){if(t.isTextDataType(v.data_type))if(c&&c.length>0){const F={...v,role:"groupby",id:ie(v.column_name),name:v.column_name,type:v.data_type};D(F)}else{const F={...v,role:"metric",id:ie(v.column_name),name:v.column_name,label:ke(v.column_name,"COUNT"),type:v.data_type,aggregate:"COUNT"};p(F)}if(t.isDateDataType(v.data_type)){const F={...v,role:"groupby",id:ie(v.column_name),name:v.column_name,type:v.data_type,label:Ne(v.column_name,"month"),granularity:"month"};D(F)}if(t.isNumberDataType(v.data_type)){const F={...v,role:"metric",id:ie(v.column_name),name:v.column_name,label:ke(v.column_name,"SUM"),type:v.data_type,aggregate:"SUM"};p(F)}}}function T(v){v===!0&&(x||C)&&l?(j({connectionId:l,connectionType:E==="S3"||E==="API"?"DuckDb":E||"",databaseName:d||"",schemaName:m||"",tableName:x||"",datamodelName:t.resolveDatamodelName(C),datamodelId:u||""}),t.ue.success("Added to Assistant Scope",{position:"top-right",duration:2500,richColors:!0})):(S({connectionId:l||"",connectionType:E||"",tableName:x||"",datamodelName:t.resolveDatamodelName(C),datamodelId:u||"",databaseName:d||"",schemaName:m||""}),t.ue("Removed from Assistant Scope",{position:"top-right",duration:2e3,richColors:!0}))}function k(){const v=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:C,connectionType:E,databaseName:d||""});O(!1);const M=E==="MSSQL"?`SELECT top 10 * FROM ${v}`:`SELECT * FROM ${v} LIMIT 10`;f(M),N(!0)}function h(){const v=t.getFormattedTableNameForQuery({schemaName:s,tableName:a,modelName:C,connectionType:E,databaseName:d||""});f(`SELECT COUNT(*) as count FROM ${v}`),N(!0)}function B(){return(y==null?void 0:y.find(v=>v.connectionId===l&&(v.tableName===x||v.datamodelName===C)))!==void 0}function A(v){return i?e.jsxs("div",{className:"flex grow items-center justify-between space-x-2 rounded-md px-2 py-1",onClick:()=>w(v),children:[e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(lt,{column:v}),e.jsx("span",{children:v.column_name})]}),e.jsx("div",{onClick:M=>M.stopPropagation(),className:"flex items-center justify-end",children:t.isNumberDataType(v.data_type)&&e.jsx(Dn,{column:v})})]}):e.jsx(In,{onClick:w,column:v})}function I(){return e.jsxs(e.Fragment,{children:[e.jsxs(t.Toggle,{title:`${B()?"Remove from":"Add to"} Assistant Scope`,pressed:B(),onPressedChange:T,variant:"outline",className:t.cn("h-9 px-2",{}),children:[e.jsx(t.Plus,{className:t.cn("mr-1 size-4",{"text-green-400":B(),"text-muted-foreground":!B()})}),"AI"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:k,size:"sm",variant:"secondary",className:"flex",children:[r!=="Success"?e.jsx(t.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(rn,{className:"mr-2 size-4"}),"Top 10"]}),e.jsxs(t.Button,{disabled:r!=="Success",onClick:h,size:"sm",variant:"secondary",className:"w-full",children:[r!=="Success"?e.jsx(t.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin text-foreground/50"}):e.jsx(Pt,{className:"mr-2 size-4"}),"Count"]})]})}return r!=="Success"?e.jsx("div",{className:"flex grow flex-col justify-start gap-2 px-6",children:Array.from({length:3}).map((v,M)=>e.jsx(t.Skeleton,{className:"h-7 w-full"},M))}):e.jsxs("div",{className:"flex grow flex-col space-y-4 px-4",children:[i&&e.jsx("div",{className:"mx-2 flex items-center justify-center gap-2",children:I()}),e.jsxs(t.CustomScrollArea,{className:"flex-1 basis-0 overflow-y-auto px-2 py-0",children:[e.jsx("div",{className:"flex flex-col gap-1",children:n==null?void 0:n.map(v=>e.jsx("div",{className:t.cn("mr-2 cursor-pointer rounded-md text-sm transition-colors hover:bg-muted"),children:A(v)},v.column_name))}),e.jsx(t.ScrollBar,{orientation:"vertical"}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function Ut({ColumnsComponent:s,type:a}){var me;const n=t.useEditorStore(W=>W.card),r=t.useEditorStore(W=>W.selectedConnectionId),o=t.useDashboardStore(W=>W.showFilters),i=t.useEditorStore(W=>W.selectedDatamodelId),l=t.useEditorStore(W=>W.selectedDatabaseName),c=t.useEditorStore(W=>W.selectedSchemaName),d=t.useEditorStore(W=>W.selectedTableName),m=t.useEditorStore(W=>W.isDevMode),{setSelectedTableName:x,setIsDevMode:u,setCardSql:y}=t.useEditorActions(),{connectionItems:j,modelItems:S,schemaItems:p,databaseItems:D,tableItems:f,columns:N,isConnectionsLoading:g,isModelsLoading:O,isConnectionsError:E,isModelsError:b,isDatabasesLoadingOrFetching:C,isDatabaseError:w,isSchemaLoadingOrFetching:T,isSchemaError:k,isColumnsError:h,isColumnsLoadingOrFetching:B,isTableLoadingOrFetching:A,isTableError:I,connectionType:v,isNonDbConnection:M,refetchDatabases:F,refetchModels:P,refetchSchemas:R,refetchTables:z,refetchColumns:K,refetchConnections:H,handleConnectionChange:G,handleDatabaseChange:V,handleSchemaChange:Y,handleDatamodelChange:q,handleTableChange:$,tableName:J,schemaName:X}=t.useEditorAside(),{data:se,refetch:re}=t.useDashboardCardQuery(n);function le(){return s?s(X,J,N):e.jsx(Mn,{schemaName:X,tableName:J,columns:N,status:B?"Loading...":h?"Error":"Success"})}function ne(){window.location.href="mailto:support@semaphor.cloud?subject=Help&body=I need help with..."}function te(W){W===!0?se&&(y(se.userSql),setTimeout(()=>{re()},100)):y(""),u(W)}function ce(){if(!r||v==="S3"||v==="API")return null;if(!i||i==="none")return e.jsx(be,{refetch:F,showNone:!0,onChange:V,isError:w,isLoading:C,items:D,value:l||"",title:"Database",type:"combobox"})}function _(){if(r&&!M&&(!l||l==="none")&&(!i||i==="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 Q(){if(!r||v==="S3"||v==="API")return null;if(!l||l==="none")return e.jsx(be,{refetch:P,showNone:!0,onChange:q,isError:b,isLoading:O,items:S,value:i||"",title:"Model",type:"combobox"})}function oe(){return!r||v==="S3"||v==="API"||!l||l==="none"?null:e.jsx(be,{refetch:R,onChange:Y,isError:k,isLoading:T,items:p,value:c||"",title:"Schema",type:"combobox"})}function de(){function W(){let Z=!1;return v==="API"?(Z=!1,Z):((v==="S3"||r&&l&&l!=="none"&&c)&&(Z=!0),Z)}return W()?e.jsx(be,{refetch:z,onChange:$,isError:I,items:f,isLoading:A,value:d||"",title:"Table",type:"combobox"}):null}return e.jsxs("aside",{className:t.cn("flex h-full min-w-[310px] max-w-[310px] flex-col justify-between rounded-none",{"border-r-[1px]":!o}),children:[e.jsxs("section",{className:"space-y-3 px-6 py-4",children:[e.jsx(be,{refetch:H,items:j,title:"Connection",value:r||"",onChange:G,isLoading:g,isError:E,type:"combobox",connectionTooltip:((me=j==null?void 0:j.find(W=>W.id===r))==null?void 0:me.type)||""}),ce(),_(),Q(),oe(),de()]}),le(),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:m,onCheckedChange:te,id:"dev-mode"}),e.jsx(t.Label,{htmlFor:"dev-mode",children:"Advanced Mode"})]}),e.jsxs(t.Button,{onClick:ne,size:"sm",variant:"secondary",className:"group flex items-center gap-2 rounded-full",children:[e.jsx(cn,{className:"size-4"}),e.jsx("span",{className:"hidden group-hover:block",children:"Help"})]})]})})]})}function Yt({error:s,className:a="",textClassName:n="",copyButtonClassName:r=""}){const[o,i]=L.useState(!1),l=L.useRef(null),c=L.useRef(!1);function d(){s&&!c.current&&navigator.clipboard.writeText(s)}function m(y){(y.key==="Enter"||y.key===" ")&&(y.preventDefault(),d())}function x(){const y=window.getSelection();if(y&&y.toString().trim()!==""){const j=y.toString();navigator.clipboard.writeText(j),i(!0),c.current=!0,setTimeout(()=>{i(!1),c.current=!1},1e3)}else c.current=!1}function u(){i(!1),c.current=!1}return e.jsxs("div",{className:`relative rounded-md border border-red-200 bg-red-50 p-3 dark:border-red-800 dark:bg-red-950/20 ${a}`,children:[e.jsx("div",{className:"float-right mb-2 ml-2",children:e.jsx(t.CopyButton,{text:s,className:`h-6 w-6 p-0 text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300 ${r}`})}),e.jsx("div",{ref:l,className:`cursor-pointer select-text break-all font-mono text-xs text-red-700 dark:text-red-300 ${n}`,onClick:d,onKeyDown:m,onMouseUp:x,onMouseDown:u,tabIndex:0,role:"button","aria-label":"Click to copy error message or select text to copy",children:s}),o&&e.jsx("div",{className:"absolute bottom-1 right-1 rounded bg-green-100 px-2 py-1 text-xs text-green-600 dark:bg-green-900/30 dark:text-green-400",children:"Copied!"}),e.jsx("div",{className:"clear-both"})]})}function Kt({sql:s,error:a,onDebugWithAssistant:n}){const r=t.useEditorStore(d=>d.isDevMode),{setIsDevMode:o,setCardSql:i,setRunSql:l}=t.useEditorActions();function c(){o(!r),i(s),setTimeout(()=>{l(!0)},100)}return 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&&e.jsx(Yt,{error:a}),s&&e.jsx("div",{className:"flex flex-col space-y-1.5",children:e.jsx("div",{className:"rounded-md",children:e.jsx(t.CodeHighlighter,{code:s,language:"sql"})})})]}),!r&&s&&e.jsxs(t.Button,{onClick:c,variant:"secondary",size:"sm",children:[e.jsx(Ys,{className:"mr-2 h-4 w-4"}),"View in SQL Editor"]}),a&&n&&e.jsxs(t.Button,{onClick:n,size:"sm",variant:"secondary",children:[e.jsx(en,{className:"mr-2 h-4 w-4"}),"Debug with Assistant"]})]})})}function Qt({sql:s,error:a,onDebugWithAssistant:n}){return e.jsxs(t.HoverCard,{openDelay:a?0:500,children:[e.jsx(t.HoverCardTrigger,{asChild:!0,children:e.jsx(t.Button,{variant:"link",className:"h-5 p-0",children:a?e.jsx(Bt,{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:"flex w-[600px]",children:e.jsx(Kt,{sql:s,error:a,onDebugWithAssistant:n})})]})}var Wt={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},Et=L.createContext&&L.createContext(Wt),Ln=["attr","size","title"];function On(s,a){if(s==null)return{};var n=Bn(s,a),r,o;if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(s);for(o=0;o<i.length;o++)r=i[o],!(a.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(s,r)&&(n[r]=s[r])}return n}function Bn(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 Le(){return Le=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},Le.apply(this,arguments)}function Dt(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 Oe(s){for(var a=1;a<arguments.length;a++){var n=arguments[a]!=null?arguments[a]:{};a%2?Dt(Object(n),!0).forEach(function(r){Fn(s,r,n[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(s,Object.getOwnPropertyDescriptors(n)):Dt(Object(n)).forEach(function(r){Object.defineProperty(s,r,Object.getOwnPropertyDescriptor(n,r))})}return s}function Fn(s,a,n){return a=zn(a),a in s?Object.defineProperty(s,a,{value:n,enumerable:!0,configurable:!0,writable:!0}):s[a]=n,s}function zn(s){var a=Pn(s,"string");return typeof a=="symbol"?a:a+""}function Pn(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 Xt(s){return s&&s.map((a,n)=>L.createElement(a.tag,Oe({key:n},a.attr),Xt(a.child)))}function ge(s){return a=>L.createElement(Vn,Le({attr:Oe({},s.attr)},a),Xt(s.child))}function Vn(s){var a=n=>{var{attr:r,size:o,title:i}=s,l=On(s,Ln),c=o||n.size||"1em",d;return n.className&&(d=n.className),s.className&&(d=(d?d+" ":"")+s.className),L.createElement("svg",Le({stroke:"currentColor",fill:"currentColor",strokeWidth:"0"},n.attr,r,l,{className:d,style:Oe(Oe({color:s.color||n.color},n.style),s.style),height:c,width:c,xmlns:"http://www.w3.org/2000/svg"}),i&&L.createElement("title",null,i),s.children)};return Et!==void 0?L.createElement(Et.Consumer,null,n=>a(n)):a(Wt)}function Rn(s){return ge({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 Zt(s){const{theme:a}=t.useTheme(),n=t.useDashboardStore(p=>p.theme),r=t.useEditorStore(p=>p.frame),o=t.useEditorStore(p=>p.card),i=t.useEditorStore(p=>p.activeTabCardId),l=t.Le(),{refetch:c}=t.useDashboardCardQuery(o),{updateCardTab:d,setRunSql:m}=t.useEditorActions(),x=L.useRef(),u=L.useRef({}),y=r.cards.find(p=>p.id===i),j=L.useCallback(()=>{let p="";return s==="python"&&(p=(y==null?void 0:y.python)||t.PYTHON_DEFAULT_CODE),s==="sql"&&(p=(y==null?void 0:y.sql)||""),p},[s,y]);L.useEffect(()=>{if(i&&o.id&&o.id!==i){if(x.current&&l){const p=x.current.getModel();p&&(u.current[o.id]=p);let D=u.current[i];if(!D){const f=j();D=l.editor.createModel(f,s),u.current[i]=D}x.current.setModel(D)}d(i,o),m(!0)}},[i,o,d,l,m,s,j]),L.useEffect(()=>{if(!l)return;const p=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",D=n==="system"?p:n;l.editor.defineTheme("default",{base:D==="light"?"vs":"vs-dark",inherit:!0,rules:[],colors:{"editor.background":D==="light"?"#ffffff":t.hslStringToHex("240 10% 10%")}}),l.editor.setTheme("default")},[a,n,l]),L.useEffect(()=>{const p=x.current;p&&l&&o&&p.addCommand(l.KeyMod.Shift|l.KeyCode.Enter,function(){return c(),!1})},[l,c,o]);function S(p,D){if(x.current=p,!u.current[o.id]){const f=p.getModel(),N=j();u.current[o.id]=f||(D==null?void 0:D.editor.createModel(N,s))||p.getModel()}p.setModel(u.current[o.id])}return{handleEditorDidMount:S}}function qn(){const s=t.useEditorStore(l=>l.card.sql),a=t.useEditorStore(l=>l.sqlGen),{setCardSql:n,setSqlGen:r}=t.useEditorActions(),{handleEditorDidMount:o}=Zt("sql");function i(l){n(l),t.isObjectEmpty(a)||r({})}return e.jsxs("div",{className:"relative h-full w-full",children:[!s&&e.jsx("div",{className:"pointer-events-none absolute left-[65px] top-3 z-10 font-mono text-sm text-muted-foreground",children:"Write your SQL here"}),e.jsx(t.Ft,{theme:"default",className:"pt-3",onChange:i,value:s||"",options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:13,renderLineHighlight:"none"},defaultLanguage:"sql",onMount:o})]})}function _n(){const s=t.useEditorStore(o=>o.card.python),{setCardPython:a}=t.useEditorActions(),{handleEditorDidMount:n}=Zt("python");function r(o){a(o)}return e.jsx(t.Ft,{className:"pt-3",theme:"default",onChange:r,value:s||t.PYTHON_DEFAULT_CODE,options:{minimap:{enabled:!1},wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:13,renderLineHighlight:"none"},defaultLanguage:"python",onMount:n})}function Gn({jsonString:s}){return e.jsx(t.Ft,{theme:"default",defaultLanguage:"json",className:"mt-1 min-h-[220px]",value:s,options:{readOnly:!0,minimap:{enabled:!1},lineNumbers:"off",glyphMargin:!1,wordWrap:"on",scrollbar:{verticalScrollbarSize:0,horizontalScrollbarSize:0},fontSize:12,renderLineHighlight:"none"}})}function $n(){const s=t.useQueryClient(),[a,n]=L.useState(!1),[r,o]=L.useState(!1);t.useEditorStore(z=>z.frame);const i=t.useEditorStore(z=>z.card);t.useEditorStore(z=>z.isShowingVisual),t.useEditorStore(z=>z.selectedConnectionId),t.useEditorStore(z=>z.tempQueryData),t.useEditorStore(z=>z.selectedDatabaseName),t.useEditorStore(z=>z.selectedDatamodelId),t.useEditorStore(z=>z.selectedSchemaName);const l=t.useEditorStore(z=>z.showAIDialog);t.useEditorStore(z=>z.selectedTableName);const c=t.useEditorStore(z=>{var K;return(K=z==null?void 0:z.card)==null?void 0:K.sql}),d=t.useEditorStore(z=>{var K;return(K=z==null?void 0:z.card)==null?void 0:K.python}),{sheetFilterValues:m}=t.useSheetFilterValues(),{setCardCustomCfg:x,setQueryResultColumns:u,setCardSql:y,setTempQueryData:j,setPythonStdOut:S,setCardPreferences:p,setCardType:D,setCardPython:f,runAssistant:N,setShowAIDialog:g}=t.useEditorActions();t.useEditorStore(z=>z.onSave),t.useEditorStore(z=>z.onClose),t.useEditorStore(z=>z.actions.setSqlGen);const O=t.useEditorStore(z=>z.runSql),E=t.useEditorStore(z=>z.actions.setRunSql),b=t.useEditorStore(z=>z.actions.setIsSqlRunning),{data:C,isLoading:w,isFetching:T,isSuccess:k,isError:h,error:B,queryKey:A,refetch:I,errorMessage:v}=t.useDashboardCardQuery(i);L.useEffect(()=>{if(C&&(C.rowLimitExceeded&&t.ue.error("Row limit (10,000) exceeded. Refine your query.",{position:"top-center",richColors:!0}),S((C==null?void 0:C.output)||""),C.records.length>0)){const{dimensionKeys:z}=t.getKeys(C.records);u(z)}},[C,u,S]),L.useEffect(()=>{(w||T)&&b(!0),(h||k)&&b(!1),h&&(u([]),S(""))},[w,T,C,S,h,k,b,u,B]),L.useEffect(()=>{O&&(s.getQueryData(A)||I(),E(!1))},[O,I,E,A,s]);async function M(){const z=`Can you help me debug this query in the current table scope?
|
|
352
|
+
|
|
353
|
+
Error:
|
|
354
|
+
|
|
355
|
+
${v}
|
|
356
|
+
|
|
357
|
+
Query:
|
|
358
|
+
|
|
359
|
+
${c}
|
|
360
|
+
|
|
361
|
+
${d?`Python:
|
|
362
|
+
${d}`:""}
|
|
363
|
+
`;N(z)}function F(){return e.jsxs(e.Fragment,{children:[r&&e.jsx("div",{className:"relative flex w-1/3 min-w-0 grow overflow-hidden text-xs",role:"editor-filter-container",children:e.jsx("div",{className:"mt-2 w-[99%]",children:e.jsx(Gn,{jsonString:JSON.stringify(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(t.Filter,{className:"size-3.5 text-muted-foreground"})})]})}function P(){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(qn,{})}),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(_n,{})}),e.jsx("code",{className:"absolute right-6 top-3 text-xs text-muted-foreground/70",children:"python"})]})]})]})}function R(){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:w||T,onClick:()=>{I()},className:"h-8 shrink-0",size:"sm",children:[w||T?e.jsx(t.LoaderCircle,{className:"mr-2 h-4 w-4 animate-spin"}):e.jsx(t.Play,{className:"mr-2 h-4 w-4"}),"Run"]}),e.jsx(Qt,{sql:C==null?void 0:C.sql,error:v,onDebugWithAssistant:M}),e.jsx(t.EditorClearButton,{}),e.jsx(t.Toggle,{pressed:a,onPressedChange:z=>n(z),className:"",size:"sm",children:e.jsx(Rn,{className:"size-4 text-foreground/70"})}),e.jsx("button",{disabled:l,onClick:()=>{g(!0)},className:"h-9 w-full cursor-text px-3 text-left text-sm text-muted-foreground",children:l?"":"Type your question..."})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.EditorCancelButton,{}),e.jsx(t.EditorAcceptButton,{})]})]})}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:[P(),F()]}),R()]})}function Jn({data:s}){var l;const[a,n]=L.useState([]),o=Object.keys(s[0]).map(c=>({accessorKey:c,header:({column:d})=>{const m=d.getIsSorted();return e.jsx("div",{className:"flex gap-2",children:e.jsxs("div",{className:"flex cursor-pointer items-center",onClick:()=>d.toggleSorting(d.getIsSorted()==="asc"),children:[c,m==="asc"?e.jsx(t.TriangleUpIcon,{className:"ml-2 h-5 w-5"}):m==="desc"?e.jsx(t.TriangleDownIcon,{className:"ml-2 h-5 w-5"}):null]})})}})),i=t.useReactTable({data:s,columns:o,getCoreRowModel:t.getCoreRowModel(),getPaginationRowModel:t.getPaginationRowModel(),onSortingChange:n,getSortedRowModel:t.getSortedRowModel(),manualPagination:!0,state:{sorting:a}});return e.jsxs(t.CustomScrollArea,{className:"grow overflow-auto font-mono text-xs text-foreground/95",children:[e.jsxs("table",{className:"w-full",children:[e.jsx(t.TableHeader,{className:"sticky top-0 z-50 h-0 bg-muted",children:i.getHeaderGroups().map(c=>e.jsx(t.TableRow,{className:"",children:c.headers.map(d=>e.jsx(t.TableHead,{className:"h-11 font-semibold text-foreground",children:d.isPlaceholder?null:t.flexRender(d.column.columnDef.header,d.getContext())},d.id))},c.id))}),e.jsx(t.TableBody,{children:(l=i.getRowModel().rows)!=null&&l.length?i.getRowModel().rows.map(c=>e.jsx(t.TableRow,{className:"h-11 whitespace-nowrap py-2","data-state":c.getIsSelected()&&"selected",children:c.getVisibleCells().map(d=>e.jsx(t.TableCell,{className:"py-2",children:t.flexRender(d.column.columnDef.cell,d.getContext())},d.id))},c.id)):e.jsx(t.TableRow,{children:e.jsx(t.TableCell,{colSpan:o.length,className:"h-24 text-center",children:"No results."})})})]}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}function Hn({card:s}){var N,g,O,E,b,C,w,T,k,h,B;const[a,n]=L.useState(!1),[r,o]=L.useState([]),{authToken:i}=t.useSemaphorContext(),l=t.getTokenParams(i==null?void 0:i.accessToken),c=t.useDashboardStore(A=>A.themeStyle),d={colors:((g=(N=c==null?void 0:c.chart)==null?void 0:N.dataset)==null?void 0:g.backgroundColor)||[]};(O=s.customCardPreferences)!=null&&O.inputData;const{getCard:m}=t.useCustomVisual(((E=s.customCardPreferences)==null?void 0:E.url)||""),x=((b=s.customCardPreferences)==null?void 0:b.visualType)||"single",u=t.useEditorStore(A=>A.frame),{setCustomCardPreferences:y}=t.useEditorActions(),{data:j}=t.useDashboardCardQuery(s),S=L.useCallback((A,I)=>{o(v=>({...v,[A]:I}))},[]);if(!((C=s.customCardPreferences)!=null&&C.componentName))return null;const p=m((w=s.customCardPreferences)==null?void 0:w.componentName);function D(A){n(A)}const f=Object.keys(((T=s.customCardPreferences)==null?void 0:T.dataInputCardIds)||{}).map(A=>{var M,F,P;const I=(F=(M=s.customCardPreferences)==null?void 0:M.dataInputCardIds)==null?void 0:F[A].cardId,v=(P=u==null?void 0:u.cards)==null?void 0:P.find(R=>R.id===I);return v||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(L.Suspense,{fallback:e.jsx(e.Fragment,{}),children:[p&&x==="single"&&e.jsx(p,{params:l,theme:d,settings:(k=s.customCardPreferences)==null?void 0:k.settings,onDataChange:S,data:(j==null?void 0:j.records)||[]}),p&&x==="multiple"&&e.jsxs(e.Fragment,{children:[Object.keys(((h=s.customCardPreferences)==null?void 0:h.dataInputCardIds)||{}).map(A=>{var M,F,P;const I=(F=(M=s.customCardPreferences)==null?void 0:M.dataInputCardIds)==null?void 0:F[A].cardId,v=(P=u==null?void 0:u.cards)==null?void 0:P.find(R=>R.id===I);if(v)return e.jsx(t.MultiInputEmptyRenderer,{onLoadingStatus:D,onDataChange:S,dataInputIndex:A,card:v},v.id+A)}),e.jsx("div",{className:"flex flex-col gap-2",children:e.jsx(p,{theme:d,onDataChange:S,settings:f.map(A=>{var I;return(I=A==null?void 0:A.customCardPreferences)==null?void 0:I.settings}),data:f.map(A=>A!=null&&A.id?r==null?void 0:r[A.id]:[])})})]})]},(B=s.customCardPreferences)==null?void 0:B.componentName)})}function es({className:s,...a}){var N;const n=t.useEditorStore(g=>g.card),r=t.isExplorerCard(n),o=((N=n.customCardPreferences)==null?void 0:N.showCardHeader)??!0,i=t.useEditorStore(g=>g.frame),l=t.useDashboardStore(g=>g.dashboard.filters);t.useEditorStore(g=>g.actions.setRunSql);const{updateFilter:c}=t.useDashboardActions(),d=l==null?void 0:l.find(g=>g.id===i.filterId),{data:m,isLoading:x,isFetching:u,errorMessage:y}=t.useDashboardCardQuery(n),{setCard:j}=t.useEditorActions(),{data:S}=t.useTopoJson(n),p=L.useMemo(()=>!n.id||!(m!=null&&m.records)?null:t.createChartConfig({card:n,data:m==null?void 0:m.records,cardType:n.type,queryConfig:n.queryConfig,customCfg:n.customCfg,preferences:n.preferences,topoJson:S}),[n.id,m==null?void 0:m.records,n.type,n.queryConfig,n.customCfg,n.preferences,S]);function D(g){return e.jsx(Hn,{card:g})}function f(){if(m!=null&&m.records&&(m==null?void 0:m.records.length)===0&&!x&&!u)return y?e.jsxs("div",{className:"flex h-full flex-col items-center justify-center gap-2",children:[e.jsx(t.SearchX,{className:"size-8 text-destructive"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:r?"Error fetching data. Please check your chart configuration":"Error fetching data. Please check your SQL or Python code."})]}):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 results to display"})]});if(!n.id)return null;if(n.type==="custom")return D(n);if(!["table","custom"].includes(n.type)&&p)return e.jsx(e.Fragment,{children:x||u?e.jsx(e.Fragment,{}):e.jsx(t.ChartJsVisual,{cfg:p})});if(n.type==="table"&&(m!=null&&m.records)&&(m==null?void 0:m.records.length)>0)return e.jsx("div",{className:"relative mb-2 flex h-full min-h-0 w-full flex-1 grow basis-0",children:e.jsx(t.TableVisual,{card:n,data:m==null?void 0:m.records})})}return e.jsxs(t.Card,{role:"editor-visual-card",className:t.cn("relative flex h-full flex-col rounded-none",s),...a,children:[o&&e.jsxs(t.CardHeader,{className:"flex flex-row items-start justify-between py-4",children:[e.jsxs("div",{children:[e.jsx(t.Editable,{enabled:!0,text:n.title,onSave:g=>j({...n,title:g}),children:e.jsx("div",{className:"flex items-center gap-5",children:e.jsx(t.CardTitle,{className:"text-base",children:n.title||"Add title"})})},n.title),e.jsx(t.Editable,{enabled:!0,text:n.description||"",onSave:g=>j({...n,description:g}),children:e.jsx(t.CardDescription,{children:n.description||"Add description"})},n.description)]}),d&&e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(t.Editable,{enabled:!0,className:"my-1",text:d.title||d.column,onSave:g=>c({...d,title:g}),children:e.jsx(t.Label,{children:d.title})}),e.jsx(t.FilterComponent,{filter:d})]})]}),e.jsx(t.CardContent,{className:"flex grow flex-col",children:f()})]})}const Je=({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}),Un=()=>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."})]})]}),Yn=({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(Je,{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(Je,{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(Je,{language:"javascript",value:s,onChange:o})})]}),Kn=({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 Qn(){const[s,a]=L.useState(!1),[n,r]=L.useState(""),[o,i]=L.useState(""),[l,c]=L.useState(""),[d,m]=L.useState(""),x=t.useEditorStore(E=>E.card),u=t.useEditorStore(E=>E.card.customCfg),y=u?JSON.stringify(u,null,2):"",{data:j}=t.useDashboardCardQuery(x),{data:S}=t.useTopoJson(x),{setCardCustomCfg:p,setCustomVisualCode:D}=t.useEditorActions(),f=E=>{var b,C;return JSON.stringify({...E,data:{...E.data,datasets:(C=(b=E.data)==null?void 0:b.datasets)==null?void 0:C.map(w=>({...w,data:[]}))}},null,2)},N=()=>{var b,C;if(!((b=j==null?void 0:j.records)!=null&&b.length))return;const E=t.createChartConfig({card:x,data:j.records,cardType:x.type,queryConfig:x.queryConfig,preferences:x.preferences,topoJson:S});if(E){r(f(E)),c(((C=x.preferences)==null?void 0:C.customVisualCode)||"");const w=t.merge(E,u);i(f(w))}},g=()=>{try{if(l&&D(l),o){const E=JSON.parse(o),b=t.getObjectDiff(JSON.parse(n),E);p(b),m("")}}catch{m("Invalid JSON configuration")}},O=Object.keys(u||{}).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:N,className:O?"":"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(Un,{}),e.jsxs("div",{className:"flex grow gap-2",children:[e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(es,{className:"w-1/2 rounded shadow-none"})}),e.jsx(Yn,{customCode:l,cardCustomCfgString:y,mergedConfig:o,onConfigChange:E=>i(E??""),onCodeChange:E=>c(E??"")})]}),e.jsx(Kn,{error:d,hasCardCustomConfig:!!u,onReset:()=>{i(n),p(null)},onApply:g,onClose:()=>a(!1)})]})]})}function Pe(s){const[a,n]=L.useState(null);return a}function dt(){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 Wn({onChartTypeChange:s}){const[a,n]=L.useState([]),{setCardCustomCfg:r,setCardPreferences:o,setCardType:i,setCustomCardPreferences:l}=t.useEditorActions(),{data:c}=dt();function d(m,x){r(null),o({}),i(m),x&&l({type:"component",visualType:"single",url:x.url,componentName:x.name,icon:x.icon}),s==null||s()}return L.useEffect(()=>{(async()=>{var x;if(c){const y=(await Promise.all((x=c==null?void 0:c.plugins)==null?void 0:x.map(async j=>(await t.loadManifest(j.value)).visuals.map(D=>({name:D.name,icon:D.icon,url:j.value}))))).flat();n(y)}})()},[c]),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((m,x)=>e.jsx(Xn,{text:m.name,onClick:()=>d("custom",m),icon:m.icon},m.url+m.name+x))})]})}const Xn=({text:s,icon:a,onClick:n})=>{const r=Pe(),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 ut(s){return ge({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 Zn(s){return ge({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 mt(s){return ge({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 ht(s){return ge({attr:{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},child:[{tag:"path",attr:{d:"M4.387 3h15.226a1 1 0 0 1 .948 1.316l-5.105 15.316a2 2 0 0 1 -1.898 1.368h-3.116a2 2 0 0 1 -1.898 -1.368l-5.104 -15.316a1 1 0 0 1 .947 -1.316"},child:[]},{tag:"path",attr:{d:"M5 9h14"},child:[]},{tag:"path",attr:{d:"M7 15h10"},child:[]}]})(s)}function xt(s){return ge({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 ge({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 ts({onChartTypeChange:s,iconClassName:a}){const{setCardType:n,setCardPreferences:r,setIsDevMode:o}=t.useEditorStore(x=>x.actions),{setCardCustomCfg:i,setCustomCardPreferences:l,setQueryConfig:c}=t.useEditorActions();function d(x,u){i(null),r({}),n(x),["custom","text","map"].includes(x)&&(o(!0),c(void 0)),s==null||s()}const m=1e3;return e.jsxs("div",{className:"grid grid-cols-5 place-items-center",children:[e.jsx(t.IconButton,{openDelay:m,tooltip:"Table",onClick:()=>d("table"),className:"h-10 p-4",children:e.jsx(ze,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Bar Chart",onClick:()=>d("bar"),className:"h-10 p-4",children:e.jsx(Be,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Line Chart",onClick:()=>d("line"),className:"h-10 p-4",children:e.jsx(Fe,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Stacked Bar Chart",onClick:()=>d("stackedBar"),className:"h-10 p-4",children:e.jsx(Xe,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Stacked Line Chart",onClick:()=>d("stackedLine"),className:"h-10 p-4",children:e.jsx(xt,{className:t.cn("size-5",a),strokeWidth:0})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Scatter Chart",onClick:()=>d("scatter"),className:"h-10 p-4",children:e.jsx(tt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Bubble Chart",onClick:()=>d("bubble"),className:"h-10 p-4",children:e.jsx(mt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Pie Chart",onClick:()=>d("pie"),className:"h-10 p-4",children:e.jsx(et,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Doughnut Chart",onClick:()=>d("doughnut"),className:"h-10 p-4",children:e.jsx(st,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Funnel Chart",onClick:()=>d("funnel"),className:"h-10 p-4",children:e.jsx(ht,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Radar Chart",onClick:()=>d("radar"),className:"h-10 p-4",children:e.jsx(rt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Polar Area Chart",onClick:()=>d("polarArea"),className:"h-10 p-4",children:e.jsx(ut,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Tornado Chart",onClick:()=>d("tornado"),className:"h-10 p-4",children:e.jsx(ot,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{tooltip:"Range Chart",onClick:()=>d("range"),className:"h-10 p-4",children:e.jsx(Ze,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"KPI",onClick:()=>d("kpi"),className:"h-10 p-4",children:e.jsx(pt,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Text",onClick:()=>d("text"),className:"h-10 p-4",children:e.jsx(Ot,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{tooltip:"Map",onClick:()=>d("map"),className:"h-10 p-4",children:e.jsx(at,{className:t.cn("size-5",a)})}),e.jsx(t.IconButton,{openDelay:m,tooltip:"Custom",onClick:()=>d("custom"),className:"h-10 p-4",children:e.jsx(we,{className:t.cn("size-5",a)})})]})}function ea({chartType:s,className:a,customIcon:n,componentName:r}){const o=Pe();switch(s){case"bar":return e.jsx(Be,{className:a});case"line":return e.jsx(Fe,{className:a});case"pie":return e.jsx(et,{className:a});case"radar":return e.jsx(rt,{className:a});case"scatter":return e.jsx(tt,{className:a});case"bubble":return e.jsx(mt,{className:a});case"doughnut":return e.jsx(st,{className:a});case"stackedBar":return e.jsx(Xe,{className:a});case"stackedLine":return e.jsx(xt,{className:a});case"polarArea":return e.jsx(ut,{className:a});case"funnel":return e.jsx(ht,{className:a});case"tornado":case"pyramid":return e.jsx(ot,{className:a});case"range":return e.jsx(Ze,{className:a});case"kpi":return e.jsx(pt,{className:a});case"text":return e.jsx(qt,{className:a});case"map":return e.jsx(at,{className:a});case"custom":return n&&o?e.jsx(o,{className:a}):r?r==null?void 0:r.charAt(0).toUpperCase():e.jsx(we,{className:a});default:return e.jsx(ze,{className:a})}}function ss({variant:s="ghost"}){var i,l;const[a,n]=L.useState(!1),r=t.useEditorStore(c=>c.card),o=r.type;return t.useDashboardStore(c=>c.isVisualEditing),e.jsxs(t.Popover,{open:a,onOpenChange:n,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.Button,{size:"sm",variant:s||"ghost",children:e.jsx(ea,{className:"size-4",chartType:o,customIcon:(i=r.customCardPreferences)==null?void 0:i.icon,componentName:(l=r.customCardPreferences)==null?void 0:l.componentName})})}),e.jsxs(t.PopoverContentCustom,{onOpenAutoFocus:c=>c.preventDefault(),className:"w-72 p-1",children:[e.jsx(ts,{onChartTypeChange:()=>n(!1)}),e.jsx(Wn,{onChartTypeChange:()=>n(!1)})]})]})}const Ee="focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0";function Tt(s,a){var r,o,i;const n=t.getNumberAxis(s,{});return["pie","doughnut","polarArea","funnel"].includes(a)?"category":((i=(o=(r=s==null?void 0:s.chartOptions)==null?void 0:r.scales)==null?void 0:o[n])==null?void 0:i.type)||"linear"}function ta(){var M,F,P,R,z,K;const[s,a]=L.useState(!1),n=t.useEditorStore(H=>{var G;return(G=H.card)==null?void 0:G.preferences}),r=t.useEditorStore(H=>{var G;return(G=H.card)==null?void 0:G.type}),o=t.getNumberAxis(n,{}),[i,l]=L.useState(Tt(n,r)),[c,d]=L.useState(((P=(F=(M=n==null?void 0:n.chartOptions)==null?void 0:M.scales)==null?void 0:F[o])==null?void 0:P.min)||""),[m,x]=L.useState(((K=(z=(R=n==null?void 0:n.chartOptions)==null?void 0:R.scales)==null?void 0:z[o])==null?void 0:K.max)||""),[u,y]=L.useState(c||m?"custom":"auto"),[j,S]=L.useState(""),[p,D]=L.useState(0),[f,N]=L.useState(""),[g,O]=L.useState(""),[E,b]=L.useState(""),C=t.useEditorStore(H=>H.actions.setCardPreferences),{updateCardInFrame:w}=t.useEditorActions(),T=t.useEditorStore(H=>H.card),k=["pie","doughnut","polarArea","funnel"].includes(r);L.useEffect(()=>{var H,G,V,Y,q,$,J,X,se,re,le,ne,te,ce;l(Tt(n,r)),d(((V=(G=(H=n==null?void 0:n.chartOptions)==null?void 0:H.scales)==null?void 0:G[o])==null?void 0:V.min)===0?0:""),x((($=(q=(Y=n==null?void 0:n.chartOptions)==null?void 0:Y.scales)==null?void 0:q[o])==null?void 0:$.max)||""),S(((re=(se=(X=(J=n==null?void 0:n.chartOptions)==null?void 0:J.scales)==null?void 0:X[o])==null?void 0:se.ticks)==null?void 0:re.stepSize)||""),D(((le=n==null?void 0:n.numberAxisFormat)==null?void 0:le.decimalPlaces)||0),N(((ne=n==null?void 0:n.numberAxisFormat)==null?void 0:ne.suffix)||""),O(((te=n==null?void 0:n.numberAxisFormat)==null?void 0:te.currency)||""),b(((ce=n==null?void 0:n.numberAxisFormat)==null?void 0:ce.locale)||"")},[s,n,o,r]);function h(H,G){return G===""||/^[0-9\b]+$/.test(G)?Number(G):Number(H)}function B(){const H=[...new Set(t.LOCALE_CURRENCY_PAIRS.map(G=>G.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:g||"none",onValueChange:G=>O(G==="none"?"":G),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"}),H.map(G=>e.jsx(t.SelectItem,{value:G,children:G},G))]})})]}),e.jsxs(t.Select,{value:E,onValueChange:G=>b(G),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(G=>e.jsx(t.SelectItem,{value:G.locale,children:G.locale},G.locale))]})})]})]}),e.jsxs("div",{className:"grid grid-cols-9 items-center gap-2",children:[e.jsx(t.Label,{className:"col-span-3",htmlFor:"format",children:"Decimals"}),e.jsx(t.Input,{value:p,onChange:G=>D(Number(G.target.value)),id:"format",className:`col-span-6 h-8 w-full tracking-wide ${Ee}`})]})]})}function A(){return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-4 space-y-2",children:e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the scale for number axis"})}),e.jsxs("div",{className:"mt-2 grid grid-cols-3 items-center gap-2",children:[e.jsx(t.Label,{htmlFor:"scale",children:"Type"}),e.jsxs(t.Select,{disabled:k,value:i,onValueChange:H=>l(H),children:[e.jsx(t.SelectTrigger,{className:"col-span-2 h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{id:"type",children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Option"}),e.jsx(t.SelectItem,{value:"linear",children:"Linear"}),e.jsx(t.SelectItem,{value:"logarithmic",children:"Logarithmic"}),e.jsx(t.SelectItem,{value:"category",children:"Category"})]})})]})]}),i=="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:k,id:"scale-option",value:u,onValueChange:H=>y(H),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"&&i=="linear"&&I()]})}function I(){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:c,onChange:H=>d(G=>h(G,H.target.value)),className:`col-span-1 h-8 w-full ${Ee}`}),e.jsx(t.Input,{value:m,onChange:H=>x(G=>h(G,H.target.value)),id:"max",className:`col-span-1 h-8 w-full ${Ee}`})]}),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:j,onChange:H=>S(G=>h(G,H.target.value)),id:"step-size",className:`col-span-1 h-8 w-full ${Ee}`})]})]})}function v(){var Y;let H={};u==="custom"&&(H={min:c,max:m,ticks:{stepSize:j}});const G={...n||{},chartOptions:{...n==null?void 0:n.chartOptions,scales:{...(Y=n==null?void 0:n.chartOptions)==null?void 0:Y.scales,[o]:{type:i,...i==="linear"?H:{}}}},numberAxisFormat:{decimalPlaces:p,suffix:f,currency:g,locale:E}};console.log(G),C(G);const V={...T,preferences:G};w(V)}return e.jsxs(t.Popover,{onOpenChange:H=>a(H),children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsx(t.IconButton,{tooltip:"Format Number",children:e.jsx(Hs,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{align:"end",className:"max-w-65",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Format Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the format for number axis"})]}),e.jsxs("div",{className:"grid gap-2",children:[B(),A(),e.jsx(t.SelectSeparator,{}),e.jsx("div",{className:"grid grid-cols-3",children:e.jsx(t.Button,{onClick:v,variant:"secondary",className:"col-span-1 col-start-3 h-8 w-full",children:"Apply"})})]})]})})]})}function sa(){const s=t.useEditorStore(c=>{var d,m,x,u;return(u=(x=(m=(d=c.card.preferences)==null?void 0:d.chartOptions)==null?void 0:m.plugins)==null?void 0:x.legend)==null?void 0:u.position}),a=t.useEditorStore(c=>{var d,m,x,u;return(u=(x=(m=(d=c.card.preferences)==null?void 0:d.chartOptions)==null?void 0:m.plugins)==null?void 0:x.legend)==null?void 0:u.align}),n=t.useEditorStore(c=>{var d,m,x,u;return(u=(x=(m=(d=c.card.preferences)==null?void 0:d.chartOptions)==null?void 0:m.plugins)==null?void 0:x.legend)==null?void 0:u.display}),{setLegendOptions:r}=t.useEditorActions(),o=c=>{r({display:c,position:s,align:a})},i=c=>{r({display:n,position:c,align:a})},l=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(tn,{className:"size-4"})})}),e.jsx(t.PopoverContentCustom,{align:"end",className:"w-72",children:e.jsxs("div",{className:"grid gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx("h4",{className:"font-medium leading-none",children:"Legend Options"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Set the legend options for the chart."})]}),e.jsxs("div",{className:"grid gap-2",children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"displayLegend",children:"Display"}),e.jsx("div",{className:"col-span-2 flex h-8 items-center",children:e.jsx(t.SmallSwitch,{checked:n,onCheckedChange:o,id:"displayLegend"})})]}),n&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"grid grid-cols-3 items-center gap-4",children:[e.jsx(t.Label,{htmlFor:"position",children:"Position"}),e.jsxs("div",{className:"col-span-2 flex h-8 items-center",children:[e.jsx(t.IconButton,{tooltip:"Top",onClick:()=>i("top"),children:e.jsx(t.ArrowUp,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Left",onClick:()=>i("left"),children:e.jsx(As,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Bottom",onClick:()=>i("bottom"),children:e.jsx(t.ArrowDown,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Right",onClick:()=>i("right"),children:e.jsx(Ms,{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:()=>l("start"),children:e.jsx(ks,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"Center",onClick:()=>l("center"),children:e.jsx(ws,{className:"size-4"})}),e.jsx(t.IconButton,{tooltip:"End",onClick:()=>l("end"),children:e.jsx(Es,{className:"size-4"})})]})]})]})]})]})})]})}function na(){const s=t.useEditorStore(i=>{var l,c;return(c=(l=i.card.preferences)==null?void 0:l.chartOptions)==null?void 0:c.indexAxis}),a=t.useEditorStore(i=>i.card.type),{setChartOrientation:n}=t.useEditorStore(i=>i.actions);function r(){return e.jsx(t.IconButton,{onClick:()=>{n(s==="x"||s===void 0?"y":"x")},tooltip:"Chart Orientation",children:s==="x"||s===void 0?e.jsx(St,{className:"size-4"}):e.jsx(Ct,{className:"size-4"})})}function o(){return e.jsx(t.IconButton,{onClick:()=>{n(s==="y"||s===void 0?"x":"y")},tooltip:"Chart Orientation",children:s==="y"||s===void 0?e.jsx(St,{className:"size-4"}):e.jsx(Ct,{className:"size-4"})})}return e.jsx(e.Fragment,{children:a==="funnel"?o():r()})}function ns(){const s=t.useEditorStore(l=>l.card),a=t.useEditorStore(l=>l.isShowingVisual),n=t.useEditorStore(l=>{var c,d;return(d=(c=l.card)==null?void 0:c.preferences)==null?void 0:d.chartOptions}),r=t.getChartGridStyle(n),{setChartGrid:o}=t.useEditorActions();function i(){const l=["xy","none","x","y"],d=(l.indexOf(r)+1)%l.length;o(l[d])}return a?e.jsxs("div",{"data-info":"visual-settings",className:"flex items-center",children:[["line","bar","range","stackedBar","stackedLine","horizontalBar","funnel"].includes(s.type)&&e.jsx(e.Fragment,{children:e.jsx(na,{})}),!["kpi","text","custom","table"].includes(s.type)&&e.jsxs(e.Fragment,{children:[e.jsx(ta,{}),e.jsx(sa,{})]}),!["pie","doughnut","funnel","radar","polarArea","table","custom","kpi","text","map"].includes(s.type)&&e.jsxs(t.IconButton,{tooltip:"Grid Style",onClick:i,children:[(r==="xy"||!r)&&e.jsx(Zs,{className:"size-4"}),r==="x"&&e.jsx(Gs,{className:"size-4"}),r==="y"&&e.jsx(hn,{className:"size-4"}),r==="none"&&e.jsx(gn,{className:"size-4"})]})]}):null}function aa(){const s=t.useEditorStore(S=>S.frame),a=t.useEditorStore(S=>S.card),{setFrame:n,setActiveTabCardId:r,setCard:o,updateCardInFrame:i}=t.useEditorActions(),l=(S,p)=>{S.dataTransfer.setData("tabIndex",p.toString())},c=S=>{S.preventDefault()},d=(S,p)=>{const D=S.dataTransfer.getData("tabIndex");if(D===p.toString())return;const f=Array.from(s.cards),[N]=f.splice(parseInt(D),1);f.splice(p,0,N),n({...s,cards:f})};function m(S){const p=s.cards.filter(N=>N.id!==S),D=p[0],f={...s,cards:p,activeCardId:D.id};n(f),r(D.id),o(D)}function x(S,p){const D={...s,cards:[...s.cards,p],activeCardId:S.id};n(D),r(p.id)}function u(){const S={...a,id:t.v4(),title:`${a.title} Copy`,tabTitle:`${a.tabTitle||a.title} Copy`};x(a,S)}function y(S){const p={dataSource:S.dataSource,connectionId:S.connectionId,lastSelectedDatabase:S.lastSelectedDatabase,lastSelectedSchema:S.lastSelectedSchema,lastSelectedTable:S.lastSelectedTable,lastSelectedDatamodelId:S.lastSelectedDatamodelId,id:t.v4(),title:"Title",description:"",preferences:{onClickFilter:[{columnIndex:0,expression:""}]},type:"bar",sql:"",data:[],mode:"explorer"};x(S,p)}function j(S,p){return S.cards.length===1&&(p.displayTab===!0||p.displayTab===void 0)||S.activeCardId!==p.id&&(p.displayTab===!0||p.displayTab===void 0)?null:e.jsx("div",{onClick:()=>{const D=p.displayTab===void 0?!1:!p.displayTab;o({...p,displayTab:D}),i({...p,displayTab:D})},children:p.displayTab===!0||p.displayTab===void 0?e.jsx(t.Eye,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"}):e.jsx(Us,{className:"mr-2 size-3.5 text-muted-foreground hover:text-foreground"})})}return e.jsx(t.TabsList,{className:"group mx-4 justify-between overflow-x-auto",children:e.jsxs("div",{className:"flex items-center",children:[s.cards.map((S,p)=>e.jsxs(t.TabsTrigger,{draggable:!0,onDragStart:D=>l(D,p),onDragOver:c,onDrop:D=>d(D,p),className:"",value:S.id,children:[j(s,S),e.jsx(t.Editable,{enabled:s.activeCardId===S.id,text:S.tabTitle||S.title,onSave:D=>{o({...a,tabTitle:D}),i({...a,tabTitle:D})},children:S.tabTitle||S.title},S.id),s.activeCardId===S.id&&s.cards.length>1&&e.jsx(t.X,{className:"ml-2 size-3.5 text-muted-foreground hover:text-foreground",onClick:()=>m(S.id)})]},S.id)),e.jsx(t.Button,{className:"ml-1 h-8 px-2 hover:bg-muted-foreground/50",variant:"outline",onClick:()=>y(a),children:e.jsx(t.Plus,{className:"h-4 w-4"})}),e.jsx(t.Button,{className:"invisible ml-1 h-8 px-2 hover:bg-muted-foreground/50 group-hover:visible",variant:"outline",onClick:u,children:e.jsx(Js,{className:"h-4 w-4"})})]})})}function as(){const s=t.useEditorStore(p=>p.frame),a=t.useEditorStore(p=>p.card),n=t.useEditorStore(p=>p.isSqlRunning),r=t.useEditorStore(p=>p.isDevMode),{setFrame:o,setActiveTabCardId:i,setCard:l,setIsDevMode:c,setRunSql:d}=t.useEditorActions(),{data:m,isLoading:x,isFetching:u}=t.useDashboardCardQuery(a);function y(p){const D=s.cards.find(f=>f.id===p);if(D!=null&&D.sql){r||c(!0),i(p);return}if(D!=null&&D.queryConfig){r&&c(!1),j(p),i(p);return}r||j(p),i(p)}function j(p){const D={...s,cards:s.cards.map(N=>N.id===a.id?a:N),activeCardId:p};o(D);const f=D.cards.find(N=>N.id===p);f.sql&&d(!0),l(f)}function S(){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:m==null?void 0:m.records,isPending:x})})}):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:n,card:a,data:m==null?void 0:m.records})})})}):e.jsx(t.ErrorBoundary,{FallbackComponent:t.FallbackEditorCard,children:e.jsx(es,{className:"grow border-none shadow-none"})})}return e.jsxs(t.Tabs,{onValueChange:y,value:s.activeCardId,className:"flex grow flex-col",children:[s.cards.map(p=>e.jsx(t.TabsContent,{className:"mt-0 grow",value:p.id,children:S()},p.id)),e.jsx(aa,{})]})}function De({children:s}){t.useEditorStore(N=>N.frame);const a=t.useEditorStore(N=>N.card),n=t.useEditorStore(N=>N.isDevMode),r=t.useEditorStore(N=>N.isShowingVisual),o=t.useDashboardStore(N=>N.isVisualEditing),i=t.useEditorStore(N=>N.pythonStdOut);t.useEditorStore(N=>N.actions.setRunSql);const{setFrame:l,setCard:c,setActiveTabCardId:d,runAssistant:m,setIsDevMode:x}=t.useEditorActions(),{data:u,isLoading:y,isFetching:j,errorMessage:S}=t.useDashboardCardQuery(a);function p(){const N=JSON.stringify(u==null?void 0:u.records,null,2),g=new Blob([N],{type:"application/json"}),O=URL.createObjectURL(g),E=document.createElement("a");E.href=O,E.download=`${a.title}.json`,E.click()}function D(){const g=[Object.keys(u==null?void 0:u.records.reduce((C,w)=>({...C,...w}),{})).join(","),...((u==null?void 0:u.records)||[]).map(C=>Object.values(C).join(","))].join(`
|
|
364
|
+
`),O=new Blob([g],{type:"text/csv"}),E=URL.createObjectURL(O),b=document.createElement("a");b.href=E,b.download=`${a.title}.csv`,b.click()}function f(){const N=`Can you get the documentation for ${a.type} chart?`;m(N)}return a?e.jsxs("div",{className:"relative isolate flex h-full flex-col py-2 pb-3",children:[(y||j)&&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(t.LoaderCircle,{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(ss,{}),o&&e.jsx(t.IconButton,{tooltip:"Visual Docs",onClick:f,children:e.jsx(Fs,{className:"size-4"})}),!["table","custom"].includes(a.type)&&o&&e.jsx(Qn,{})]}),!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:D,children:e.jsx(Zn,{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:p,children:e.jsx(Ks,{strokeWidth:1.5,className:"size-4"})}),e.jsx(t.CopyButton,{text:JSON.stringify(u==null?void 0:u.records,null,2),className:"h-7 w-fit px-1 font-mono text-xs text-muted-foreground/70"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[s,e.jsx(ns,{})]}),n&&e.jsx(oa,{})]}),r?e.jsx(as,{}):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(ra,{})}),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:[(u==null?void 0:u.records)&&(u==null?void 0:u.records.length)>0&&e.jsx(Jn,{data:(u==null?void 0:u.records)||[]}),S&&e.jsx(Yt,{error:S})]})]})]}):e.jsx(e.Fragment,{children:"No Active Card"})}function ra(){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 oa(){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 ia(){var p,D;const s=t.useEditorStore(f=>f.card.customCardPreferences),{data:a}=dt(),n=(a==null?void 0:a.plugins)||[],r=t.useEditorStore(f=>f.card),o=t.useEditorStore(f=>f.frame),i=(s==null?void 0:s.visualType)||"single",{setCustomCardPreferences:l}=t.useEditorActions(),{components:c,manifest:d}=t.useCustomVisual((s==null?void 0:s.url)||""),m=(p=d==null?void 0:d.visuals)==null?void 0:p.find(f=>f.name===(s==null?void 0:s.componentName));function x(f,N){if(!s)return;const O={...(s==null?void 0:s.dataInputCardIds)||{},[f]:{cardId:N,hookRef:null}};l({...s,dataInputCardIds:O})}function u(f){var g,O;const N=(g=o==null?void 0:o.cards)==null?void 0:g.filter(E=>{var b;return((b=E==null?void 0:E.customCardPreferences)==null?void 0:b.visualType)!=="multiple"}).map(E=>({value:E.id,label:E.tabTitle||E.title}));return e.jsx("div",{className:"space-y-2",children:(O=f==null?void 0:f.dataInputs)==null?void 0:O.map((E,b)=>{var C,w;return e.jsxs("div",{className:"grid grid-cols-10 gap-2",children:[e.jsx("div",{className:"col-span-4 flex items-center",children:E}),e.jsx(ae,{className:"col-span-6 h-8 w-full justify-between",label:"",options:N||[],value:((w=(C=s==null?void 0:s.dataInputCardIds)==null?void 0:C[b])==null?void 0:w.cardId)||"",onValueChange:T=>x(b,T)})]},b+Math.random())})})}function y(f,N,g=[],O=""){var E,b;return s?f==="input"?e.jsx(t.Input,{className:`h-8 w-full ${t.removeRing}`,value:((E=s==null?void 0:s.settings)==null?void 0:E[N])||O,onChange:C=>{l({...s,settings:{...s==null?void 0:s.settings,[N]:C.target.value}})}},N):f==="select"?e.jsx(ae,{className:"h-8 w-full",label:"",options:g,value:((b=s==null?void 0:s.settings)==null?void 0:b[N])||O,onValueChange:C=>{l({...s,settings:{...s==null?void 0:s.settings,[N]:C}})}}):null:null}function j(f){const N=Object.entries((f==null?void 0:f.settings)||{});return e.jsx("div",{className:"space-y-3",children:N.map(([g,O])=>e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:O.title}),y(O.ui,g,O.options,O.defaultValue)]},g))})}function S(f){s&&l({...s,visualType:f,componentName:""})}return e.jsxs(t.Accordion,{type:"multiple",defaultValue:["component-settings"],className:"px-6 py-2",children:[e.jsxs(t.AccordionItem,{value:"plugin-settings",children:[e.jsx(t.AccordionTrigger,{children:"Plugin"}),e.jsx(t.AccordionContent,{children:e.jsxs("div",{className:"space-y-4 text-sm",children:[e.jsx("div",{className:"space-y-2",children:e.jsxs("div",{className:"space-y-4",children:[e.jsx(ae,{icon:e.jsx(Bs,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Plugin",options:n,value:(s==null?void 0:s.url)||"",onValueChange:f=>l({...s||{url:"",componentName:""},url:f})}),((s==null?void 0:s.type)==="component"||(s==null?void 0:s.type)===void 0)&&e.jsx(t.Tabs,{value:i,onValueChange:S,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(ae,{icon:e.jsx($s,{className:"h-3.5 w-3.5"}),className:"h-9 w-full",label:"Select Component",options:(c==null?void 0:c.filter(f=>f.type===i).map(f=>({value:f.name,label:f.name})))||[],value:s.componentName,onValueChange:f=>{console.log("changing value",f),l({...s,componentName:f})}})})]})})]}),((D=r==null?void 0:r.customCardPreferences)==null?void 0:D.componentName)&&e.jsxs(t.AccordionItem,{className:"border-none",value:"component-settings",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{children:[m&&m.dataInputs&&e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Label,{children:"Input Mapping"}),e.jsx("div",{className:"px-2",children:u(m)})]}),m&&m.settings&&e.jsx("div",{className:"space-y-3",children:e.jsx("div",{className:"px-2",children:j(m)})})]})]})]})}function je(){const[s,a]=L.useState([]),n=t.useEditorStore(m=>m.card.preferences),{setFilterOnClickColumnIndex:r,setCardPreferences:o}=t.useEditorStore(m=>m.actions),i=t.useEditorStore(m=>m.queryResultColumns);t.useEditorStore(m=>{var x;return(x=m.card.preferences)==null?void 0:x.filterOnClickColumnIndex}),L.useEffect(()=>{i&&a(new Array(i.length).fill(!1))},[i]);function l(m,x){var u,y;x?n!=null&&n.onClickFilter&&((u=n==null?void 0:n.onClickFilter)==null?void 0:u.length)>0?o({...n,onClickFilter:[...n.onClickFilter,{columnIndex:m,expression:""}]}):o({...n,onClickFilter:[{columnIndex:m,expression:""}]}):(o({...n,onClickFilter:(y=n==null?void 0:n.onClickFilter)==null?void 0:y.filter(j=>j.columnIndex!==m)}),a(j=>{const S=[...j];return S[m]=!1,S}))}function c(m,x){var y;const u=(y=n==null?void 0:n.onClickFilter)==null?void 0:y.map(j=>j.columnIndex===m?{...j,expression:x.target.value}:j);o({...n,onClickFilter:u})}function d(m){var x,u,y,j;if(s!=null&&s[m]||(u=(x=n==null?void 0:n.onClickFilter)==null?void 0:x.find(S=>S.columnIndex===m))!=null&&u.expression)return e.jsx(t.Input,{value:(j=(y=n==null?void 0:n.onClickFilter)==null?void 0:y.find(S=>S.columnIndex===m))==null?void 0:j.expression,onChange:S=>c(m,S),type:"text",className:"h-9 w-full font-mono text-xs focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-0",placeholder:"Expression"})}return e.jsxs("div",{className:"max-h-[150px] space-y-2 overflow-y-auto",children:[e.jsx(t.Label,{children:"On Click"}),i==null?void 0:i.map((m,x)=>{var u,y;return e.jsx("div",{className:"group flex items-center justify-between space-y-2",children:e.jsxs("div",{className:"grow",children:[e.jsxs("div",{className:"flex items-center space-x-2 py-2",children:[e.jsx(t.Checkbox,{checked:!!((u=n==null?void 0:n.onClickFilter)!=null&&u.find(j=>j.columnIndex===x)),onCheckedChange:j=>l(x,j)}),e.jsx("label",{className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:m}),e.jsx("div",{className:"flex items-center gap-2",children:((y=n==null?void 0:n.onClickFilter)==null?void 0:y.find(j=>j.columnIndex===x))&&e.jsx(t.Pencil,{onClick:()=>{a(j=>{const S=[...j];return S[x]=!j[x],S})},className:"invisible size-3 cursor-pointer text-gray-400 group-hover:visible"})})]}),d(x)]})},m)})]})}function la({idx:s}){var c;const a=t.useEditorStore(d=>{var m;return(m=d.card)==null?void 0:m.preferences}),n=t.useEditorStore(d=>{var m;return(m=d.card.preferences)==null?void 0:m.datasetOptions}),r=t.useEditorStore(d=>d.actions.setCardPreferences),o=(c=a==null?void 0:a.chartOptions)==null?void 0:c.indexAxis,i=n==null?void 0:n.find(d=>d.idx===s);function l(d,m){(d==="end"||d==="start")&&t.getContrastColor(t.getCanvasBackgroundColor());const x={display:d!=="none",align:d,anchor:d,clamp:!0};if(!i)r({...a,datasetOptions:[...n||[],{idx:m,datalabels:x}]});else{const u={...i};u.datalabels=x;const y=n==null?void 0:n.map(j=>j.idx===m?u:j);r({...a,datasetOptions:y})}}return e.jsxs(t.Popover,{children:[e.jsx(t.PopoverTrigger,{children:e.jsx(Vt,{className:"size-4 rotate-[135deg] cursor-pointer text-muted-foreground hover:text-foreground"})}),e.jsx(t.PopoverContent,{className:"w-fit px-2 py-1",children:e.jsxs("div",{className:"flex gap-1",children:[e.jsx("button",{onClick:()=>l("none",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(t.X,{className:"size-3.5"})}),e.jsx("button",{onClick:()=>l("start",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(sn,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx("button",{onClick:()=>l("center",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(an,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})}),e.jsx("button",{onClick:()=>l("end",s),className:"h-7 p-1 text-xs font-normal",children:e.jsx(nn,{className:t.cn("h-4 w-4",{"rotate-90":o==="y"})})})]})})]})}function ca(){const s=t.useEditorStore(i=>i.card),{data:a}=t.useDashboardCardQuery(s),{keys:n}=t.getKeys((a==null?void 0:a.records)||[]),r=n.slice(1).filter(i=>!t.METADATA_KEYS.includes(i));let o=r;if(["stackedBar","stackedLine"].includes(s.type)){const i=t.pivotData({dataArray:(a==null?void 0:a.records)||[],groupKey:n[0],pivotKey:n[1],valueKey:n[2]}),{keys:l}=t.getKeys(i);o=l.slice(1)}return{transformedMetricKeys:o,dimensionKeys:n.slice(0,1),keys:n,defaultMetricKeys:r}}function ft({children:s,className:a,delayDuration:n}){return e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{delayDuration:n,children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsx("span",{className:t.cn("overflow-hidden text-ellipsis whitespace-nowrap",a),children:s})}),e.jsx(t.TooltipContent,{children:s})]})})}function rs(){const s=t.useEditorStore(d=>d.card),a=t.useEditorStore(d=>{var m,x,u;return(u=(x=(m=d==null?void 0:d.card)==null?void 0:m.preferences)==null?void 0:x.chartOptions)==null?void 0:u.indexAxis}),{data:n}=t.useDashboardCardQuery(s),r=a==="y"?"Metric":"Dimension",o=a==="y"?"Dimension":"Metric",{dimensionKeys:i,transformedMetricKeys:l,keys:c}=ca();return c.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:i.map(d=>e.jsx("p",{className:"flex h-8 items-center rounded-md bg-muted/70 px-3 hover:bg-muted",title:d,children:os(d)},d))})]}),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:l.map((d,m)=>e.jsx(is,{className:"flex h-8 items-center bg-muted/70 px-3 hover:bg-muted",iconClassName:"invisible group-hover:visible",col:d,idx:m},d))})]})]})}function os(s,a=30){return s.length>a?s.slice(0,a)+"...":s}function is({col:s,idx:a,className:n,iconClassName:r,children:o}){const i=t.useEditorStore(x=>{var u;return(u=x.card)==null?void 0:u.preferences}),l=t.useEditorStore(x=>{var u,y;return(y=(u=x.card)==null?void 0:u.preferences)==null?void 0:y.datasetOptions}),c=l==null?void 0:l.find(x=>x.idx===a),{setCardPreferences:d}=t.useEditorStore(x=>x.actions);function m(x){if(!c)d({...i,datasetOptions:[...l||[],{idx:a,type:x==="area"?"line":x,fill:x==="area"?"origin":""}]});else{const u={...c};u.type=x==="area"?"line":x,u.fill=x==="area"?"origin":"";const y=l==null?void 0:l.map(j=>j.idx===a?u:j);d({...i,datasetOptions:y})}}return e.jsxs("div",{className:t.cn("group flex items-center justify-between gap-2 rounded-md",n),children:[o||e.jsx(ft,{className:"max-w-[100px]",title:s,children:os(s)}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(Be,{onClick:()=>m("bar"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(Fe,{onClick:()=>m("line"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(Rs,{onClick:()=>m("area"),className:t.cn("size-4 cursor-pointer text-muted-foreground hover:text-foreground",r)}),e.jsx(la,{idx:a})]})]})}function ls(){const s=t.useEditorStore(j=>j.selectedConnectionId),a=t.useEditorStore(j=>j.selectedDatamodelId),n=t.useEditorStore(j=>j.selectedDatabaseName),r=t.useEditorStore(j=>j.selectedSchemaName),o=t.useEditorStore(j=>j.selectedTableName),i=t.useDashboardStore(j=>j.dashboard.filters)||[],l=t.useDashboardStore(j=>j.actions.addFilter),c=t.useDashboardStore(j=>j.actions.removeFilter),{removeFilterValues:d}=t.useDashboardActions(),{modelItems:m,tableName:x,connectionType:u}=t.useEditorAside();function y(j,S="dashboard"){var C;const p=t.fmt(j.column_name),D=t.fmt(n||""),f=t.fmt(r||""),N=t.fmt(x);let g=t.getQualifiedTableName({schemaName:f,tableName:N,connectionType:u,databaseName:D}),O=`${g}.${p}`;const E=(C=m==null?void 0:m.find(w=>w.id===a))==null?void 0:C.name;a&&a!=="none"&&(O=`${t.DATAMODEL_NAMESPCACE}.${E}.${p}`,g=`${t.DATAMODEL_NAMESPCACE}.${E}`);const b=i==null?void 0:i.find(w=>w.column===O&&w.table===N&&(w.database===D||w.database===n));if(b)d(b.id),c(b.id);else{const w=t.v4();return x==="api"&&s?(l({location:S,id:w,column:O,title:j.column_name,dataType:j.data_type,table:"api",database:"",connectionId:s,operation:"in",sql:t.getDefaultFilterSql(j.data_type,g,p)}),w):(l({id:w,location:S,column:O,title:j.column_name,dataType:j.data_type,table:o||"",database:n||"",connectionId:s||"",operation:"in",sql:t.getDefaultFilterSql(j.data_type,g,p)}),w)}}return{assignFilter:y}}function Ce(){const s=t.useDashboardStore(c=>c.dashboard.filters),a=t.useEditorStore(c=>c.frame),{setFrame:n}=t.useEditorActions(),{columns:r}=t.useEditorAside(),{assignFilter:o}=ls();function i(c){const d=o(c,"frame");n({...a,filterId:d})}const l=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(da,{onSelect:i,columns:r}),l&&e.jsx(t.FilterHeader,{filter:l})]})}function da({columns:s,onSelect:a}){var l;const[n,r]=he.useState(!1),[o,i]=he.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?(l=s.find(c=>c.column_name===o))==null?void 0:l.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:d=>{const m=d===o?"":d;i(m),r(!1),m&&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 ua({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(rs,{})})]}),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(je,{}),e.jsx(Ce,{})]})]})]})})}function Ve(){const s=t.useEditorStore(c=>c.card.type),a=t.useEditorStore(c=>c.isDevMode),n=t.useEditorStore(c=>c.card.preferences),{setCardPreferences:r}=t.useEditorStore(c=>c.actions);function o(c){var x;const d={datalabels:{display:c!=="none",align:c,anchor:c,clamp:!0}},m={...n,chartOptions:{...n==null?void 0:n.chartOptions,plugins:{...(x=n==null?void 0:n.chartOptions)==null?void 0:x.plugins,...d}}};r(m)}function i(){var c,d,m;return e.jsxs("div",{className:"space-y-2",children:[e.jsx("label",{className:"font-medium",children:"Data Labels"}),e.jsxs(t.Select,{value:((m=(d=(c=n==null?void 0:n.chartOptions)==null?void 0:c.plugins)==null?void 0:d.datalabels)==null?void 0:m.anchor)||"none",onValueChange:o,defaultValue:"none",children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full focus:ring-1 focus:ring-offset-0",children:e.jsx(t.SelectValue,{placeholder:"Select position"})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectLabel,{children:"Data Labels"}),e.jsx(t.SelectItem,{value:"none",children:"None"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{value:"start",children:"Start"}),e.jsx(t.SelectItem,{value:"center",children:"Center"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{value:"end",children:"End"})]})})]})]})}function l(){var c,d,m;return e.jsx("div",{children:e.jsxs(t.Select,{value:((m=(d=(c=n==null?void 0:n.chartOptions)==null?void 0:c.plugins)==null?void 0:d.datalabels)==null?void 0:m.anchor)||"none",onValueChange:o,defaultValue:"none",children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(t.SelectValue,{placeholder:"Select position"})}),e.jsx(t.SelectContent,{children:e.jsxs(t.SelectGroup,{children:[e.jsx(t.SelectItem,{className:"text-xs",value:"none",children:"None"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{className:"text-xs",value:"start",children:"Start"}),e.jsx(t.SelectItem,{className:"text-xs",value:"center",children:"Center"}),!["pyramid","funnel"].includes(s)&&e.jsx(t.SelectItem,{className:"text-xs",value:"end",children:"End"})]})})]})})}return e.jsx(e.Fragment,{children:a?i():l()})}function ma({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:i=>i.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(Ve,{})})]}),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(je,{}),e.jsx(Ce,{})]})]})]})})}const ha={datasets:[{type:"line",label:"Sum_sales",data:[]},{type:"bar",label:"Sum_profit",data:[]}]},xa={datasets:[{fill:"origin",type:"line",label:"Sum_sales",data:[]}]};function pa(){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:fa(s)}),!["kpi"].includes(s)&&e.jsxs("div",{className:"space-y-4",children:[e.jsx(Ve,{}),e.jsx(je,{}),e.jsx(Ce,{})]})]})}function fa(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(ha,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(xa,null,2)})]})]})]});if(s==="bubble")return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:s})," chart query?"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis, radius FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Bubble Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"}),e.jsx("li",{children:"Radius - Number (ex. population)"})]})]})]})});if(s==="scatter")return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:["How to create a ",e.jsx("span",{children:s})," chart query?"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, x-axis, y-axis FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Group (opt) - Category (ex. state)"}),e.jsx("li",{children:"X-axis - Number (ex. avg. age)"}),e.jsx("li",{children:"Y-axis - Number (ex. avg. weight)"})]})]})]})});if(["pie","doughnut","polarArea","funnel"].includes(s))return e.jsx(e.Fragment,{children:e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{className:"font-normal",children:e.jsxs("p",{children:[e.jsx("span",{children:s==="polarArea"?"Polar":s.charAt(0).toUpperCase()+s.slice(1)})," ","chart query"]})}),e.jsxs(t.AccordionContent,{className:" ",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 font-mono text-xs font-semibold",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"my-6 ml-6 list-disc text-xs font-normal [&>li]:mt-2",children:[e.jsx("li",{children:"Label - Category (ex. city)"}),e.jsx("li",{children:"Measure - Number (ex. population)"})]})]})]})})}function ga(){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(t.FormatNumberSetting,{})}),e.jsx("div",{}),e.jsx("div",{})]})}function He({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 ja=[{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"}],ya=["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"],ba=ya.map(s=>({label:s,value:s}));function va(){var d,m,x,u,y,j,S,p,D,f,N,g,O,E,b,C,w,T;const s=t.useEditorStore(k=>k.card),a=(m=(d=s==null?void 0:s.preferences)==null?void 0:d.mapVisualOptions)==null?void 0:m.topoJsonUrl,[n,r]=L.useState(((u=(x=s==null?void 0:s.preferences)==null?void 0:x.mapVisualOptions)==null?void 0:u.customTopoJsonUrl)||""),{setCardPreferences:o}=t.useEditorActions(),{data:i}=t.useTopoJson(s),l=Object.keys((i==null?void 0:i.objects)||{}).map(k=>({label:k,value:k}))||[],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(He,{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(He,{open:!0,summary:"Settings",children:e.jsxs("div",{className:"space-y-3 px-2",children:[e.jsx(ae,{className:"h-9",options:c,onValueChange:k=>{console.log("value",k),o({...s.preferences,mapVisualOptions:{topoJsonUrl:k}})},value:a||"",label:"Select Map"}),a==="custom"&&e.jsx(t.Input,{onChange:k=>{r(k.target.value)},onBlur:()=>{var k;console.log("onBlur",n),o({...s.preferences,mapVisualOptions:{...(k=s.preferences)==null?void 0:k.mapVisualOptions,customTopoJsonUrl:n}})},value:n,className:`h-9 w-full ${t.removeRing}`,placeholder:"Custom URL"}),i&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Map Object"}),e.jsx(ae,{className:"h-9",options:l,value:((j=(y=s.preferences)==null?void 0:y.mapVisualOptions)==null?void 0:j.objectKey)||"",label:"Map Object",onValueChange:k=>{var h;o({...s.preferences,mapVisualOptions:{...(h=s.preferences)==null?void 0:h.mapVisualOptions,objectKey:k}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Projection"}),e.jsx(ae,{className:"h-9",options:ja,value:((p=(S=s.preferences)==null?void 0:S.mapVisualOptions)==null?void 0:p.projection)||"",label:"Projection",onValueChange:k=>{var h;o({...s.preferences,mapVisualOptions:{...(h=s.preferences)==null?void 0:h.mapVisualOptions,projection:k}})}})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{children:"Colors"}),e.jsx(ae,{className:"h-9",options:ba,value:((f=(D=s.preferences)==null?void 0:D.mapVisualOptions)==null?void 0:f.colorScale)||"",label:"Select Color Scale",onValueChange:k=>{var h;o({...s.preferences,mapVisualOptions:{...(h=s.preferences)==null?void 0:h.mapVisualOptions,colorScale:k}})}})]})]})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(He,{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:((g=(N=s.preferences)==null?void 0:N.mapVisualOptions)==null?void 0:g.projectionScale)||1,onChange:k=>{var h;o({...s.preferences,mapVisualOptions:{...(h=s.preferences)==null?void 0:h.mapVisualOptions,projectionScale:Number(k.target.value)}})}}),e.jsx(t.Label,{children:"X"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((b=(E=(O=s.preferences)==null?void 0:O.mapVisualOptions)==null?void 0:E.projectionOffset)==null?void 0:b[0])||0,onChange:k=>{var h,B,A,I;o({...s.preferences,mapVisualOptions:{...(h=s.preferences)==null?void 0:h.mapVisualOptions,projectionOffset:[Number(k.target.value),((I=(A=(B=s.preferences)==null?void 0:B.mapVisualOptions)==null?void 0:A.projectionOffset)==null?void 0:I[1])||0]}})}}),e.jsx(t.Label,{children:"Y"}),e.jsx(t.Input,{className:`h-9 w-full ${t.removeRing}`,type:"number",step:10,value:((T=(w=(C=s.preferences)==null?void 0:C.mapVisualOptions)==null?void 0:w.projectionOffset)==null?void 0:T[1])||0,onChange:k=>{var h,B,A,I;o({...s.preferences,mapVisualOptions:{...(h=s.preferences)==null?void 0:h.mapVisualOptions,projectionOffset:[((I=(A=(B=s.preferences)==null?void 0:B.mapVisualOptions)==null?void 0:A.projectionOffset)==null?void 0:I[0])||0,Number(k.target.value)]}})}})]})}),e.jsx(t.Separator,{className:"my-4"}),e.jsx(je,{})]})}function Na(){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 Te({cardType:s,docContent:a,suffix:n="Chart"}){let r="pie-donut-polar";return s==="funnel"&&(r="funnel"),e.jsx("div",{className:"space-y-6 px-6 py-2",children:e.jsxs(t.Accordion,{defaultValue:["item-2"],type:"multiple",children:[e.jsxs(t.AccordionItem,{value:"item-1",children:[e.jsx(t.AccordionTrigger,{children:`${t.titleCase(s)} ${n}`}),e.jsx(t.AccordionContent,{children:a||e.jsxs("div",{className:"space-y-4 font-mono text-xs",children:[e.jsx("div",{className:"rounded bg-muted px-2 py-1 text-xs",children:"SELECT label, measure FROM table"}),e.jsxs("ul",{className:"ml-6 list-disc text-xs [&>li]:mt-2",children:[e.jsx("li",{children:"label - category"}),e.jsx("li",{children:"measure - number"})]}),e.jsxs("div",{children:["See ",e.jsx("a",{target:"_blank",onClick:o=>o.stopPropagation(),className:"text-blue-700",href:`https://docs.semaphor.cloud/docs/charts/${r}`,children:"example"})," in the docs."]})]})})]}),e.jsxs(t.AccordionItem,{value:"item-2",children:[e.jsx(t.AccordionTrigger,{children:"Settings"}),e.jsxs(t.AccordionContent,{className:"space-y-4 px-2",children:[s!=="text"&&e.jsx(Ve,{}),s==="text"&&e.jsx(Na,{})]})]}),!["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(je,{}),e.jsx(Ce,{})]})]})]})})}function Ca(){const s=t.useEditorStore(r=>{var o,i;return(i=(o=r==null?void 0:r.card)==null?void 0:o.preferences)==null?void 0:i.sortChart}),{setSortChart:a}=t.useEditorActions();function n(){return e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Sort"}),e.jsx(ae,{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(rs,{})]})]}),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(je,{}),e.jsx(Ce,{})]})]})]})})}function Sa({cardType:s="table"}){console.log("cardType",s);const a=t.useEditorStore(o=>{var i;return(i=o.card)==null?void 0:i.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(je,{}),e.jsx(Ce,{})]})]})}),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 wa=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."]})]}),ka=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 Da(){const s=t.useEditorStore(n=>n.card.type);function a(n){switch(n){case"stackedBar":case"stackedLine":return e.jsx(Ca,{});case"tornado":case"pyramid":return e.jsx(Te,{docContent:wa,cardType:n});case"kpi":return e.jsx(ga,{});case"line":case"bar":return e.jsx(ua,{cardType:n});case"range":return e.jsx(Te,{docContent:ka,cardType:n});case"pie":case"doughnut":case"polarArea":case"radar":case"funnel":return e.jsx(Te,{cardType:n});case"bubble":case"scatter":return e.jsx(ma,{cardType:n});case"table":return e.jsx(Sa,{cardType:n});case"text":return e.jsx(Te,{docContent:Ea,cardType:n,suffix:"Visual"});case"map":return e.jsx(va,{});case"custom":return e.jsx(ia,{});default:return e.jsx(pa,{})}}return e.jsxs(t.ScrollArea,{className:"h-full w-full text-sm",children:[a(s),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})}function cs({label:s,column:a,functions:n,onFunctionChange:r}){let o=n[0];"aggregate"in a?o=n.find(l=>l.value===a.aggregate)||n[0]:"granularity"in a&&(o=n.find(l=>l.value===a.granularity)||n[0]);function i(l){r(l)}return e.jsx(ae,{className:"flex h-8 w-8 justify-center overflow-clip rounded-none border-none bg-muted px-0 [&>svg]:hidden",icon:o.logo,options:n,value:o.value,onValueChange:l=>i(l),label:s,showPlaceholderLabel:!1})}const Ta=[{label:"Sum",value:"SUM",logo:e.jsx(Pt,{className:"size-3.5"})},{label:"Count",value:"COUNT",logo:e.jsx(nt,{className:"size-3.5"})},{label:"Unique",value:"DISTINCT",logo:e.jsx(Ws,{className:"size-3.5"})},{label:"Average",value:"AVG",logo:e.jsx(Is,{className:"size-3.5"})},{label:"Min",value:"MIN",logo:e.jsx(t.ArrowDown,{className:"size-3.5"})},{label:"Max",value:"MAX",logo:e.jsx(t.ArrowUp,{className:"size-3.5"})}];function Ia({column:s}){const{updateMetricColumnOld:a}=t.useEditorActions();let n=Ta;t.isTextDataType(s.type)&&(n=n.filter(o=>["COUNT","DISTINCT"].includes(o.value))),t.isNumberDataType(s.type)&&(n=n.filter(o=>!["DISTINCT"].includes(o.value)));function r(o){const i={...s,aggregate:o,label:ke(s.name,o)};a(s.id,i)}return e.jsx(cs,{column:s,functions:n,onFunctionChange:o=>r(o),label:"Aggregation"})}const Aa=[{label:"Day (D)",value:"day",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"D"})},{label:"Week (W)",value:"week",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"W"})},{label:"Month (M)",value:"month",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"M"})},{label:"Year (Y)",value:"year",logo:e.jsx(t.Label,{className:"cursor-pointer text-xs",children:"Y"})}];function Ma({column:s}){const{updateGroupByColumnOld:a}=t.useEditorActions();function n(r){const o={...s,granularity:r,label:Ne(s.name,r)};a(s.id,o)}return e.jsx(cs,{column:s,functions:Aa,onFunctionChange:r=>n(r),label:"Granularity"})}function La({col:s,onChange:a,droppableId:n}){const{columns:r}=t.useDataColumns(),o=L.useMemo(()=>{let c=[];(n===xe||n===pe||n===fe)&&(c=r);const d=c==null?void 0:c.filter(m=>m.column_name!==s.name);return d==null?void 0:d.map(m=>({id:m.column_name,value:m.column_name}))},[r,n,s.name]),i=[{id:s.name,value:s.name}];function l(c){const d=r==null?void 0:r.find(m=>{var x;return m.column_name===((x=c[0])==null?void 0:x.id)});d&&a(d)}return o!=null&&o.length?e.jsx(t.ComboBox2,{multiple:!1,options:o,selectedOptions:i,onChange:l,selectAllChecked:!1,onSelectAllCheckedChange:()=>{},inputClassName:"border-none bg-muted pl-0 pr-8"}):e.jsx("input",{disabled:!0,type:"text",className:"overflow-hidden truncate text-ellipsis whitespace-nowrap bg-muted text-sm",value:s.name})}function ds({column:s}){const a=t.useEditorStore(d=>d.card.type),n=t.useEditorStore(d=>{var m,x;return(x=(m=d.card)==null?void 0:m.config)==null?void 0:x.metricColumns}),r=(n==null?void 0:n.map(d=>d.label))||[],o=r==null?void 0:r.find(d=>d===s.label||d===s.name),i=o?r.indexOf(o):-1;function l(){return e.jsx("div",{className:"pr-1",children:o&&e.jsx(is,{idx:i,col:o,children:e.jsx("div",{className:"w-[130px] text-xs text-muted-foreground",children:"Display Series As"})})})}function c(){return e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Data Labels"}),e.jsx(Ve,{})]})}return e.jsxs("div",{className:"space-y-1",children:[["stackedBar","stackedLine","bar","line"].includes(a)&&l(),["pie","doughnut"].includes(a)&&c()]})}function Oa({column:s,type:a,onRemoveColumn:n,droppableId:r}){const[o,i]=L.useState(!1),{updateGroupByColumnOld:l,updateMetricColumnOld:c,updatePivotByColumnOld:d}=t.useEditorActions(),{attributes:m,listeners:x,setNodeRef:u,transform:y,transition:j,isDragging:S}=t.useSortable({id:s.id,data:{type:a}}),p=y?{opacity:S?.5:void 0,transform:t.CSS.Translate.toString(y),transition:j}:void 0,D=t.isTextDataType(s.type);function f(b){const C=t.isNumberDataType(b.data_type),w=t.isTextDataType(b.data_type),T=t.isDateDataType(b.data_type),k=C?"number":w?"string":T?"date":"string";if(r===xe){if(w){const h={id:s.id,name:b.column_name,type:k,role:"groupby"};l(s.id,h)}if(T){const h={id:s.id,name:b.column_name,type:k,role:"groupby",label:Ne(b.column_name,"month"),granularity:"month"};l(s.id,h)}}if(r===fe){if(w){const h={id:s.id,name:b.column_name,type:k,role:"groupby"};d(s.id,h)}if(T){const h={id:s.id,name:b.column_name,type:k,label:Ne(b.column_name,"month"),granularity:"month",role:"groupby"};d(s.id,h)}}if(r===pe){const h={id:s.id,name:b.column_name,type:k,role:"metric",label:ke(b.column_name,"SUM"),aggregate:C?"SUM":"COUNT"};c(s.id,h)}}function N(){if(r===pe)return e.jsx("div",{"data-setting-container":"",className:"mt-1.5 max-h-32 overflow-y-auto rounded-md border border-border p-3 text-sm",children:e.jsx(ds,{column:s})})}function g(){const b=t.isDateDataType(s.type);if(r===pe)return e.jsx(Ia,{column:s});if((r===xe||r===fe)&&b)return e.jsx(Ma,{column:s})}function O(){return e.jsx("div",{className:t.cn("grow",{"pl-3":(r===xe||r===fe)&&D}),children:e.jsx(La,{col:s,onChange:f,droppableId:r})})}function E(){return e.jsx("div",{"data-setting-actions":"",className:"flex h-full items-center gap-2",children:e.jsx("button",{className:"h-full pl-2",onClick:()=>i(!o),children:o?e.jsx(pn,{className:t.cn("size-3 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground")}):e.jsx(Ft,{className:t.cn("size-3 cursor-pointer items-center justify-center rounded-r-sm text-muted-foreground")})})})}return e.jsx("div",{...x,...m,ref:u,style:p,children:e.jsxs("div",{className:"group flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"grow",children:[e.jsxs("div",{className:"flex h-8 grow items-center justify-between rounded-md bg-muted",children:[E(),g(),O()]}),o&&N()]}),e.jsx("div",{className:t.cn("opacity-0 transition-opacity duration-200 group-hover:opacity-100",{hidden:o}),children:e.jsx("button",{onClick:()=>n(s.id),children:e.jsx(t.X,{className:"size-3 cursor-pointer text-muted-foreground"})})})]})})}function Ue({id:s,label:a,columns:n,previewColumns:r,sortableType:o,onRemoveColumn:i}){var p,D;const{setNodeRef:l,isOver:c,over:d}=t.useDroppable({id:s}),m=t.useDndStore(f=>f.activeId),x=t.useEditorStore(f=>{var N;return(N=f.card)==null?void 0:N.type}),u=c||((D=(p=d==null?void 0:d.data)==null?void 0:p.current)==null?void 0:D.type)===o,y=m?r:n,j=o===Ae?"Rows":o===Me?"Pivot Columns":"Columns";function S(){if(!y||y.length===0)return e.jsx("div",{className:"mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground",children:e.jsx("span",{className:"invisible text-muted-foreground/70 group-hover:visible",children:"Drag here"})})}return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(f=>f.id),children:e.jsxs("div",{className:t.cn("group space-y-2 rounded-md p-4",u&&"border border-muted-foreground/20"),ref:l,children:[e.jsxs("div",{className:"flex items-center justify-between pr-5",children:[e.jsx(t.Label,{className:"text-sm",children:a}),x!=="table"&&e.jsx("span",{className:"text-xs text-muted-foreground/50",children:j})]}),S(),e.jsx("div",{className:"space-y-2",children:y==null?void 0:y.map(f=>f.id===Ht.id?e.jsx(Ba,{},f.id):e.jsx(Oa,{droppableId:s,type:o,column:f,onRemoveColumn:i},f.id))})]})})}function Ba(){return e.jsx("div",{className:"mr-5 flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm",children:e.jsx("span",{className:"text-muted-foreground/70",children:"Drop here"})})}function us({children:s,id:a,type:n}){const{attributes:r,listeners:o,setNodeRef:i,transform:l,transition:c,isDragging:d}=t.useSortable({id:a,data:{type:n}}),m=l?{opacity:d?.5:void 0,transform:t.CSS.Translate.toString(l),transition:c}:void 0;return e.jsx("div",{...o,...r,ref:i,style:m,children:s})}function Fa(){const s=t.useEditorStore(f=>{var N;return(N=f.card.queryConfig)==null?void 0:N.orderBy})||[],a=t.useEditorStore(f=>{var N;return(N=f.card.queryConfig)==null?void 0:N.groupByColumns})||[],n=t.useEditorStore(f=>{var N;return(N=f.card.queryConfig)==null?void 0:N.metricColumns})||[],{addOrderByColumn:r,removeOrderByColumn:o,updateOrderByColumn:i}=t.useEditorActions(),l=[...a,...n];if(l.length===0)return e.jsx(e.Fragment,{});const c=e.jsx(Os,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),d=e.jsx(Ts,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),m=e.jsx(Ls,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),x=e.jsx(Ds,{className:"size-3.5 text-muted-foreground hover:text-foreground"}),u=l==null?void 0:l.filter(f=>!s.some(N=>N.columnId===f.id)).map(f=>({id:f.id,value:f.label||f.name}));function y(f,N){const g=j(f);return g?g.role==="metric"?N==="asc"?m:x:N==="asc"?c:d:null}function j(f){return l.find(N=>N.id===f)}function S(f){const N=s.find(g=>g.columnId===f);if(N){const g={...N,direction:N.direction==="asc"?"desc":"asc"};i(g)}}const p=f=>{r({columnId:f.id,direction:"asc"})};function D(f){const N=s.find(g=>g.columnId===f);N&&o(N)}return e.jsx(t.SortableContext,{items:s.map(f=>Se(f.columnId)),children:e.jsxs("div",{className:"space-y-2 rounded-md p-4 text-sm",children:[e.jsx(t.Label,{className:"text-sm",children:"Sort By"}),u.length>0&&e.jsx("div",{className:"mr-5",children:e.jsx(t.ComboBox2,{multiple:!1,options:u,selectedOptions:[],onChange:f=>p(f[0]),selectAllChecked:!1,onSelectAllCheckedChange:()=>{},inputClassName:"h-8 bg-muted border-none"})}),s.map(f=>{var N,g;return e.jsx(us,{id:Se(f.columnId),type:ct,children:e.jsx("div",{className:"group flex h-8 items-center gap-2 rounded-sm p-0",children:e.jsxs("div",{className:"flex h-full grow items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex h-full grow items-center justify-between gap-2 rounded-sm bg-muted px-2",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(Ft,{className:"size-3 cursor-move text-muted-foreground hover:text-foreground"}),e.jsx(ft,{className:"w-[175px] text-sm",children:((N=j(f.columnId))==null?void 0:N.label)||((g=j(f.columnId))==null?void 0:g.name)})]}),e.jsx("button",{title:f.direction==="asc"?"Ascending":"Descending",onClick:()=>S(f.columnId),className:"rounded-sm p-0",children:y(f.columnId,f.direction)})]}),e.jsx("div",{children:e.jsx("button",{onClick:()=>D(f.columnId),className:"rounded-sm p-0",children:e.jsx(t.X,{className:"size-3 text-muted-foreground opacity-0 transition-opacity duration-200 hover:text-foreground group-hover:opacity-100"})})})]})},f.columnId)},Se(f.columnId))})]})})}function za(){const s=t.useEditorStore(D=>{var f;return((f=D.card.queryConfig)==null?void 0:f.groupByColumns)||[]}),a=t.useEditorStore(D=>D.card.type),n=t.useDndStore(D=>D.previewGroupByColumns),r=t.useEditorStore(D=>{var f;return((f=D.card.queryConfig)==null?void 0:f.metricColumns)||[]}),o=t.useDndStore(D=>D.previewMetricColumns),i=t.useEditorStore(D=>{var f;return((f=D.card.queryConfig)==null?void 0:f.pivotColumns)||[]}),l=t.useDndStore(D=>D.previewPivotColumns),{removeColumnFromGroupBy:c,removeColumnFromMetricColumns:d,removeColumnFromPivotBy:m}=t.useEditorActions();function x(D){c(D)}function u(D){d(D)}function y(D){m(D)}let j="Group By",S="Metrics",p="Stack By";return a==="table"&&(j="Rows",S="Metrics",p="Columns"),e.jsxs("div",{className:"flex h-full w-full flex-col gap-3 py-4",children:[e.jsx(ts,{iconClassName:"size-[19px]"}),e.jsxs(t.CustomScrollArea,{className:"flex min-h-0 grow basis-0 flex-col gap-4 overflow-y-auto",children:[e.jsxs("div",{className:"flex flex-col gap-4 p-4",children:[e.jsx(Ue,{onRemoveColumn:x,sortableType:Ae,id:xe,label:j,columns:s,previewColumns:n}),e.jsx(Ue,{onRemoveColumn:y,sortableType:Me,id:fe,label:p,columns:i,previewColumns:l}),e.jsx(Ue,{onRemoveColumn:u,sortableType:Ke,id:pe,label:S,columns:r,previewColumns:o}),e.jsx(Fa,{})]}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function gt({children:s,column:a,id:n,sortableType:r,className:o}){const[i,l]=L.useState(!1),{removeEditorFilter:c,clearEditorFilter:d}=t.useEditorActions(),m=t.useEditorStore(u=>{var y,j;return(j=(y=u.card.queryConfig)==null?void 0:y.filters)==null?void 0:j.some(S=>S.filterColumnName===a.name)});function x(u){c(u)}return e.jsx(us,{id:n,type:r,children:e.jsxs("div",{className:t.cn("group space-y-1 rounded-md bg-muted px-3 py-2",{"border-border":i}),children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Label,{className:"text-sm",children:a.name}),m&&e.jsx("button",{onClick:()=>d(a),children:e.jsx(t.FilterX,{className:"size-3 cursor-pointer items-center justify-center text-muted-foreground hover:text-foreground"})})]}),e.jsx("div",{"data-setting-actions":"",className:"invisible flex h-full items-center gap-2 group-hover:visible",children:e.jsx("button",{onClick:()=>x(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",!i&&"rounded-b-md",i&&"border border-border"),children:[e.jsx("div",{children:e.jsx(t.GripVertical,{className:"mr-2 size-3.5 cursor-move items-center justify-center p-0 text-muted-foreground/60 hover:text-foreground"})}),e.jsx("div",{className:t.cn("grow cursor-pointer overflow-hidden truncate text-ellipsis whitespace-nowrap",o),children:s})]})]})})}function Pa({column:s,sortableType:a}){const n=t.useDashboardStore(g=>g.themeStyle),r=t.useEditorStore(g=>{var O,E;return(E=(O=g.card)==null?void 0:O.queryConfig)==null?void 0:E.filters}),o=t.useEditorStore(g=>{var O,E;return(E=(O=g.card.queryConfig)==null?void 0:O.filterColumns)==null?void 0:E.find(b=>b.name===s.name)}),{selectedConnectionId:i,selectedDatabaseName:l,selectedTableName:c}=t.useEditorAside(),d=L.useMemo(()=>{var g;return(g=r==null?void 0:r.find(O=>O.filterColumnName===s.name))==null?void 0:g.filterValue},[r,s.name]),m=L.useMemo(()=>Array.isArray(d)?d.map(g=>({id:g,value:g})):[],[d]),{updateEditorFilterValue:x}=t.useEditorActions(),u={column:s.name,sql:s.sql,id:s.name,connectionId:i,dataType:s.type},{data:y,isLoading:j,isFetching:S,isError:p}=t.useFilterQuery(u),D=L.useMemo(()=>{var O;return u.column?(O=y==null?void 0:y.records)==null?void 0:O.map(E=>{let b=u.column.split(".").slice(-1)[0].replace(/"/g,"");return E[b]===void 0&&(b=b.toLowerCase()),{id:E[b],value:E[b]}}):[]},[y,u.column]);function f(g){const O=g.map(E=>E.id);x(s.name,O)}function N(){return j||S?e.jsx(t.Skeleton,{style:{borderRadius:n==null?void 0:n.controlInputRadius},className:"h-8 min-w-60 bg-foreground/10"}):p?e.jsx("div",{className:"flex h-8 min-w-60 items-center bg-muted px-2 text-sm",children:"Error"}):e.jsx(t.ComboBox2,{renderFilterModeButton:()=>e.jsx(Va,{columnName:s.name}),showNegativeIndicator:(o==null?void 0:o.mode)==="exclude",options:D,onChange:f,selectedOptions:m,selectAllChecked:!1,onSelectAllCheckedChange:()=>{}})}return e.jsx(gt,{className:"w-60",id:s.id,sortableType:a,column:s,children:N()})}function Va({columnName:s}){const{setEditorFilterMode:a}=t.useEditorActions(),n=t.useEditorStore(o=>{var i,l;return(l=(i=o.card.queryConfig)==null?void 0:i.filterColumns)==null?void 0:l.find(c=>c.name===s)});function r(){(n==null?void 0:n.mode)==="exclude"?a(s,"include"):a(s,"exclude")}return e.jsx(t.Button,{onClick:r,variant:"secondary",size:"sm",className:t.cn("h-5 text-xs hover:underline",{}),children:t.titleCase((n==null?void 0:n.mode)==="exclude"?"exclude":"include")})}function Ra({column:s,sortableType:a}){const[n,r]=L.useState(!1),{selectedConnectionId:o,selectedDatabaseName:i,selectedTableName:l}=t.useEditorAside(),c={column:s.name,sql:s.sql,id:s.name,connectionId:o,title:"",dataType:s.type},{isLoading:d,isFetching:m,isError:x,data:u}=t.useFilterQuery(c),y=u==null?void 0:u.records,{dateRange:j,setDateRange:S,initialDateRange:p}=t.useDateRangeFromRecords(y),{updateEditorFilterValue:D}=t.useEditorActions();function f(O){var b,C;const E={gte:(b=O==null?void 0:O.from)==null?void 0:b.toISOString(),lte:(C=O==null?void 0:O.to)==null?void 0:C.toISOString()};D(s.name,E)}function N(){D(s.name,null,!0),S(p)}function g(){return d||m?e.jsx("div",{children:e.jsx(t.Skeleton,{className:"h-8 w-72 bg-foreground/10"})}):x?e.jsx("div",{className:"h-8 w-72 bg-muted px-2",children:"Error"}):y?e.jsx(t.DateRangePopover,{title:c.title,open:n,inputClassName:"h-8",setOpen:r,dateRange:j,setDateRange:S,onApply:f,onClear:N}):e.jsx(t.Label,{className:"flex h-8 w-72 items-center bg-muted px-2",children:"No Data"})}return e.jsx(gt,{className:"w-72",id:s.id,sortableType:a,column:s,children:g()})}function qa({id:s,label:a,columns:n,previewColumns:r,sortableType:o}){var S,p;const{setNodeRef:i,isOver:l,over:c}=t.useDroppable({id:s}),d=t.useDndStore(D=>D.activeId),m={},x=l||((p=(S=c==null?void 0:c.data)==null?void 0:S.current)==null?void 0:p.type)===o;function u(){if(!j||j.length===0)return e.jsx("div",{className:"flex h-8 grow items-center space-x-2 rounded-md border border-dashed border-muted-foreground/80 bg-background px-2 py-1 text-sm text-muted-foreground",children:e.jsx("span",{className:"invisible text-muted-foreground/70 group-hover:visible",children:"Drag here"})})}function y(D){const f=t.isDateDataType(D.type);return D.id===Ht.id?e.jsx(gt,{id:D.id,sortableType:o,column:D,children:e.jsx(_a,{})},D.id):f?e.jsx(Ra,{droppableId:s,sortableType:o,column:D},D.id):e.jsx(Pa,{droppableId:s,sortableType:o,column:D},D.id)}const j=d?r:n;return e.jsx(t.SortableContext,{items:n==null?void 0:n.map(D=>D.id),children:e.jsxs("div",{className:t.cn("group space-y-2 rounded-md border-muted-foreground/50 p-4",x&&"border border-muted-foreground/20"),ref:i,style:m,children:[e.jsx(t.Label,{className:"text-sm",children:a}),u(),e.jsx("div",{className:"flex flex-wrap items-center gap-4",children:j==null?void 0:j.map(D=>y(D))})]})})}function _a(){return e.jsx("div",{className:"flex h-8 w-60 items-center space-x-2 rounded-md border border-dashed border-muted-foreground bg-background px-2 py-1 text-sm text-muted-foreground",children:"Drop here"})}function Ga(){const s=t.useEditorStore(o=>{var i;return((i=o.card.queryConfig)==null?void 0:i.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(qa,{onRemoveColumn:r,sortableType:We,id:Qe,label:"Filters",columns:s,previewColumns:a})})}function $a(){const s=t.useEditorStore(i=>i.card),a=t.useEditorStore(i=>i.showAIDialog),{setShowAIDialog:n}=t.useEditorActions(),{data:r,errorMessage:o}=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(t.EditorClearButton,{}),!a&&e.jsxs(t.Button,{onClick:()=>n(!0),variant:"secondary",size:"sm",children:[e.jsx(dn,{className:"mr-2 h-4 w-4"}),"Assistant"]}),e.jsx(Qt,{sql:r==null?void 0:r.sql,error:o})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"rounded-full bg-green-300 px-3 py-1 text-xs font-medium text-black",children:"Preview"}),e.jsx(t.EditorCancelButton,{}),e.jsx(t.EditorAcceptButton,{variant:"default"})]})]})}function Ja(){const s=L.useRef(null),a=L.useRef(null),n=t.useEditorStore(c=>c.isShowingVisual),r=t.useEditorStore(c=>c.showAIDialog),o=t.useEditorStore(c=>c.isDevMode);L.useEffect(()=>{var c,d,m,x;r?((c=s.current)==null||c.resize(0),(d=a.current)==null||d.resize(0)):((m=s.current)==null||m.resize(25),(x=a.current)==null||x.resize(25))},[r]);function i(){return e.jsxs(e.Fragment,{children:[e.jsx(t.ResizablePanel,{role:"query-section",className:"flex",minSize:20,defaultSize:40,children:e.jsx($n,{})}),e.jsx(t.ResizableHandle,{withHandle:!0}),e.jsx(t.ResizablePanel,{className:"pb-1",role:"visual-section",minSize:0,defaultSize:60,children:n&&!r?e.jsxs(t.ResizablePanelGroup,{direction:"horizontal",children:[e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{ref:s,className:"flex",defaultSize:25,maxSize:30,children:e.jsx(Da,{})})}),!r&&e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{minSize:40,defaultSize:75,maxSize:100,children:e.jsx(De,{})})]}):e.jsx(De,{})})]})}function l(){return e.jsx(e.Fragment,{children:e.jsx("div",{className:"grow","data-biz-mode-container":"",children:n?e.jsxs(t.ResizablePanelGroup,{direction:"horizontal",children:[e.jsx(e.Fragment,{children:e.jsx(t.ResizablePanel,{ref:a,defaultSize:25,maxSize:30,children:e.jsx(za,{})})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{defaultSize:75,maxSize:100,children:e.jsxs(t.ResizablePanelGroup,{direction:"vertical",children:[e.jsxs(t.ResizablePanel,{className:"flex min-h-fit flex-col",minSize:10,defaultSize:20,children:[e.jsx($a,{}),e.jsx(Ga,{})]}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{minSize:60,defaultSize:80,children:e.jsx(De,{})})]})})]}):e.jsx(De,{})})})}return e.jsx(t.ResizablePanelGroup,{direction:"vertical",className:"min-h-[250px] min-w-full max-w-lg",children:o?i():l()})}function Ha(s){const a=t.useAIInteractionStore(_=>_.currentAIContext),[n,r]=L.useState(""),[o,i]=L.useState(null),{authToken:l}=t.useSemaphorContext(),c=t.useEditorStore(_=>{var Q;return(Q=_==null?void 0:_.card)==null?void 0:Q.sql}),d=t.useEditorStore(_=>_.isDevMode),m=t.useEditorStore(_=>{var Q;return(Q=_==null?void 0:_.card)==null?void 0:Q.python}),{setCardPython:x,setCardSql:u,setRunSql:y,switchCardType:j,setQueryConfig:S}=t.useEditorActions(),p=t.useEditorStore(_=>_.currentAssitantScope)||[],D=t.useEditorStore(_=>_.userInputForAI),f=t.useEditorStore(_=>_.triggerAIRun),N=t.useEditorStore(_=>_.card),g=t.useEditorStore(_=>_.selectedDatabaseName),O=t.useEditorStore(_=>_.selectedTableName),E=t.useEditorStore(_=>_.selectedConnectionId),b=t.useEditorStore(_=>_.selectedSchemaName),C=t.useDashboardStore(_=>_.dashboard.aiScopeTables),{errorMessage:w,refetch:T,data:k}=t.useDashboardCardQuery(N),{setTriggerAIRun:h,setCurrentAssitantScope:B,setCardConfig:A}=t.useEditorActions(),{selectedDatamodelName:I,connectionType:v,selectedDatamodelId:M}=t.useEditorAside(),{messages:F,setMessages:P,reload:R,error:z,append:K,input:H,setInput:G,status:V,handleInputChange:Y,handleSubmit:q,stop:$}=t.useChat({api:"https://semaphor.cloud/api/v1/assistant",headers:{Authorization:`Bearer ${l==null?void 0:l.accessToken}`},body:{random:Math.random(),assistantId:"editor-assistant",isDevMode:d,aiContext:a},maxSteps:10,onError:_=>{console.log("on error",_)},onToolCall:J,onFinish(_,Q){X(Q.usage),r(""),Q.finishReason==="stop"&&r("")}});L.useEffect(()=>{f&&D&&(K({role:"user",content:D}),h(!1))},[f,D,K,h]);async function J({toolCall:_}){var Q,oe,de,me;if(["createChartFromSql","createForecast"].includes(_.toolName)){const W=_.args.sql,Z=_.args.python,ee=_.args.chartType;return j(ee),u(W),x(Z),y(!0),{status:"success",message:"Let the user know that chart is created"}}else if(_.toolName==="getTableColumns")r("Getting table columns...");else{if(_.toolName==="getUserSql")return c?{status:"success",sql:c,python:m||""}:{status:"error",message:"No SQL found"};if(_.toolName==="getCurrentTableScope")return r("Getting table scope..."),ne(),{status:"success",tables:p};if(_.toolName==="generateQueryConfig"){r("Generating query config...");const W=_.args.chartType,Z=_.args.queryConfig;_.args.cardConfig,j(W),A(Z),u(void 0),x(void 0);const ee=await T();return(Q=ee==null?void 0:ee.data)!=null&&Q.error?{status:"error",queryConfig:Z,message:(oe=ee==null?void 0:ee.data)==null?void 0:oe.error.message}:(de=ee==null?void 0:ee.data)!=null&&de.records?{status:"success",queryConfig:Z,message:"The data has been visualized"}:{status:"success",queryConfig:Z,message:"The data has been visualized",records:(me=ee==null?void 0:ee.data)==null?void 0:me.records}}else r("Analyzing...")}}function X(_){i(Q=>Q?{promptTokens:Q.promptTokens+_.promptTokens,completionTokens:Q.completionTokens+_.completionTokens,totalTokens:Q.totalTokens+_.totalTokens}:_)}function se(_){const Q=t.removeFromScopeArray(p,_);re(Q)}function re(_){const Q=t.sanitizeAIScope(_);B(Q),P(oe=>[...oe,{id:crypto.randomUUID(),role:"system",content:`Current scope of tables. Always use the table reference format when generating SQL | ${JSON.stringify(Q)}`}])}function le(){const _={databaseName:g||"",schemaName:b||"",tableName:O||"",datamodelId:M||"",datamodelName:t.resolveDatamodelName(I),connectionId:E||"",connectionType:v||""},Q=t.dedup([...p,_]);re(Q)}function ne(){const _={databaseName:g||"",schemaName:b||"",tableName:O||"",datamodelName:t.resolveDatamodelName(I),connectionId:E||"",connectionType:v||"",datamodelId:M||""};if(!t.isInAiScopeArray([...C||[],...p],_)||p.length===0){const oe=t.dedup([...C||[],...p,_]).filter(de=>de.connectionId===_.connectionId);re(oe)}}const te=!["ready","error"].includes(V),ce=t.getErrorMessage(z);return{messages:F,setMessages:P,reload:R,append:K,input:H,setInput:G,isLoading:te,handleSetAIScope:ne,handleAddCurrentTableToScope:le,removeFromCurrentSelections:se,currentAssitantScope:p,setCurrentAssitantScope:B,handleInputChange:Y,handleSubmit:q,stop:$,chatStatus:V,toolStatus:n,llmUsage:o,onFinish:s,errorMessage:ce}}const Ua=[{title:"Help me write a query for",subtitle:"orders by month"},{title:"Create a bar chart for",subtitle:"sales by category"}];function It(){const s=L.useRef(null),a=L.useRef(null),[n,r]=L.useState(!1),[o,i]=L.useState(t.isDevEnv),[l,c]=L.useState(!1),[d,m]=L.useState(!1),x=t.useCurrentAIContext(),{setCurrentAIContext:u}=t.useAIActions(),y=t.useDashboardStore($=>$.dashboard.aiContext),j=t.useEditorStore($=>$.card.dataSource),S=t.useEditorStore($=>$.actions.setCardSql),p=t.useEditorStore($=>$.actions.setRunSql),D=t.useEditorStore($=>$.showAIDialog),f=t.useDashboardStore($=>$.handleOpenAssistantProfile),{setShowAIDialog:N,setCardPython:g}=t.useEditorActions(),{setDataSource:O}=t.useEditorActions(),{assistantProfile:E}=t.useAssistantProfile(),{messages:b,setMessages:C,reload:w,append:T,input:k,setInput:h,isLoading:B,handleInputChange:A,handleSubmit:I,stop:v,chatStatus:M,llmUsage:F,errorMessage:P}=Ha();t.useAssistantScroll({scrollContainerRef:s,inputRef:a,messages:b}),L.useEffect(()=>{var $;D&&(($=a.current)==null||$.focus(),u({selectedEntities:(j==null?void 0:j.selectedEntities)||[]}))},[D,j,u]);function R($,J){J==="sql"?(S($),p(!0)):J==="python"&&(g($),p(!0))}function z(){var $;($=y==null?void 0:y.selectedEntities)==null||$[0],m(!0)}function K(){x.selectedEntities.length===0&&u({selectedEntities:(y==null?void 0:y.selectedEntities)||[]})}function H($){K();const J={role:"user",content:$.title+" "+$.subtitle};T(J)}function G($){K(),T({role:"user",content:$})}function V(){return e.jsxs(t.DropdownMenu,{children:[e.jsx(t.DropdownMenuTrigger,{asChild:!0,children:e.jsx(t.Button,{className:"h-7 p-2 text-muted-foreground hover:text-foreground",size:"sm",variant:"ghost",children:e.jsx(t.EllipsisVertical,{className:"size-3.5"})})}),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:i,children:"Tool Invocations"}),e.jsx(t.DropdownMenuCheckboxItem,{checked:l,onCheckedChange:c,children:"System Message"})]})]})}function Y(){return e.jsx("div",{"data-role":"header",children:e.jsx("div",{className:"text-lg font-semibold",children:"Assistant"})})}const q=(k==null?void 0:k.length)===0&&(b==null?void 0:b.filter($=>$.role==="user").length)===0;return e.jsxs("div",{"data-role":"editor-assistant",className:"flex h-full w-full flex-col justify-between px-6 py-4",children:[e.jsxs("div",{"data-role":"header-section",className:"flex items-start justify-between gap-2",children:[Y(),f&&e.jsx(t.Button,{variant:"outline",size:"sm",className:"h-7 p-2",onClick:f,children:(E==null?void 0:E.name)||"Default Profile"}),e.jsxs("div",{"data-role":"header-actions",className:"flex items-center gap-2",children:[V(),e.jsx(t.IconButton,{tooltip:"Add Context",className:"h-7 p-2 text-muted-foreground hover:text-foreground",onClick:z,children:e.jsx(t.Settings,{className:"size-4"})}),e.jsx(t.IconButton,{className:"h-7 p-2 text-muted-foreground hover:text-foreground",tooltip:"New Chat",onClick:()=>{C([]),w()},children:e.jsx(t.SquarePen,{className:"size-4"})}),e.jsx(t.Button,{variant:"ghost",className:"h-8 text-muted-foreground hover:text-foreground",size:"sm",onClick:()=>{N(!1)},children:e.jsx(t.EyeOff,{className:"size-4"})})]})]}),e.jsx(t.CustomScrollArea,{ref:s,className:"mt-2 flex w-full grow basis-0",children:e.jsxs("div",{className:"space-y-4 py-2 pr-3","data-role":"messages",children:[e.jsx(t.PrintMessages,{messages:b,showTools:o,handleRun:R,showSystemMessage:l}),e.jsx(t.ChatStatus,{messages:b,chatStatus:M,errorMessage:P})]})}),e.jsxs("div",{className:"mb-3",children:[q&&!E&&e.jsx(t.Placeholders,{onClick:H,placeholders:Ua}),e.jsx("div",{children:q&&E&&e.jsx(t.SeedQuestions,{seedQuestions:E.seedQuestions||[],handleSeedQuestionClick:G})})]}),e.jsx(t.ChatInputWithContext,{ref:a,setInput:h,stop:v,input:k,handleInputChange:A,handleSubmit:$=>{K(),I($)},isLoading:B,onFocus:()=>{}}),F&&n&&e.jsx("div",{className:"flex h-8 items-center justify-between",children:e.jsxs("div",{className:"text-xs text-muted-foreground",children:["Usage: ",F.promptTokens," prompt tokens,"," ",F.completionTokens," completion tokens,"," ",F.totalTokens," total tokens"]})}),e.jsx(t.DataSourceDialog,{incomingSelectedEntities:(j==null?void 0:j.selectedEntities)||[],open:d,onOpenChange:m,dataSource:j||t.EMPTY_DATA_SOURCE,fallbackDataSource:t.EMPTY_DATA_SOURCE,dialogMode:"aiContext"})]})}function Ya({field:s}){const{attributes:a,listeners:n,setNodeRef:r,transform:o,transition:i,isDragging:l}=t.useSortable({id:s.id}),[c,d]=L.useState(!1),m={transform:t.CSS.Transform.toString(o),transition:i},x=t.getDataType(s.dataType),y=(j=>{const S=(j||"").toLowerCase();switch(t.getDataType(S)){case"number":return nt;case"date":return t.Calendar;case"boolean":return Rt;case"json":return _s;case"geo":return ln;default:return qt}})(s.dataType);return e.jsxs("div",{ref:r,style:m,...a,...n,className:`group/container overflow-hidden rounded-lg transition-all ${l?"scale-95 opacity-50":"border border-transparent hover:border-blue-200 hover:bg-blue-50 dark:hover:border-blue-800 dark:hover:bg-blue-950"}`,children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-1 p-2",children:[e.jsx("div",{className:"flex-shrink-0 hover:cursor-grab active:cursor-grabbing",children:e.jsx(t.GripVertical,{className:"invisible size-3.5 text-gray-400 group-hover/container:visible"})}),e.jsx(y,{className:t.cn("size-3.5 flex-shrink-0 text-gray-500",x==="string"?"text-blue-500":"",x==="number"?"text-green-500":"",x==="date"?"text-purple-500":"",x==="boolean"?"text-orange-500":"")}),e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsx("div",{className:"min-w-0 flex-1 overflow-hidden",children:e.jsx("span",{className:`block text-sm text-foreground/90 hover:text-foreground dark:text-muted-foreground ${c?"whitespace-normal break-words":"truncate"}`,children:s.name})})}),e.jsx(t.TooltipContent,{side:"bottom",align:"start",className:"ml-5 max-w-xs",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"text-sm font-medium",children:s.label||s.name}),s.description&&e.jsxs("div",{className:"border-t border-border pt-2",children:[e.jsx("div",{className:"mb-1 text-xs text-muted-foreground",children:"Description:"}),e.jsx("div",{className:"text-xs leading-relaxed",children:s.description})]}),e.jsxs("div",{className:"space-y-0.5",children:[e.jsxs("div",{className:"flex justify-between text-xs",children:[e.jsx("span",{className:"mr-2 text-muted-foreground",children:"Name:"}),e.jsx("span",{className:"font-mono text-muted-foreground",children:s.name})]}),e.jsxs("div",{className:"flex justify-between text-xs",children:[e.jsx("span",{className:"mr-2 text-muted-foreground",children:"Type:"}),e.jsx("span",{className:"font-mono text-muted-foreground",children:s.dataType})]}),s.qualifiedEntityName&&e.jsxs("div",{className:"flex justify-between text-xs",children:[e.jsxs("span",{className:"mr-2 text-muted-foreground",children:[s.entityType?s.entityType.charAt(0).toUpperCase()+s.entityType.slice(1):"Entity",":"]}),e.jsx("span",{className:"font-mono text-muted-foreground",children:s.qualifiedEntityName})]})]})]})})]})}),e.jsx("button",{onClick:j=>{j.stopPropagation(),d(!c)},className:"invisible flex-shrink-0 text-gray-400 hover:text-gray-600 group-hover/container:visible",children:c?e.jsx(t.ChevronDown,{className:"h-4 w-4"}):e.jsx(t.ChevronRight,{className:"h-4 w-4"})})]}),c&&e.jsx("div",{className:"text-muted-foreground-700 px-2 pb-3 text-sm",children:e.jsx(t.Card,{className:"",children:e.jsxs(t.CardContent,{className:"space-y-2 p-3",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(Vt,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"break-all",children:s.label||s.name})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(jn,{className:"h-4 w-4 text-muted-foreground"}),e.jsx("span",{className:"break-all",children:s.name})]}),e.jsx(t.Badge,{variant:"outline",className:"mt-2 text-xs",children:s.dataType})]})})})]})}function Ka(){const[s,a]=L.useState(""),[n,r]=L.useState("all"),o=t.useEditorStore(g=>g.card.dataSource),{columns:i=[],columnGroups:l=[],isLoading:c,error:d}=t.useColumns(),m=i.filter(g=>g.name.toLowerCase().includes(s.toLowerCase())||g.dataType.toLowerCase().includes(s.toLowerCase())||g.qualifiedEntityName&&g.qualifiedEntityName.toLowerCase().includes(s.toLowerCase())),x=g=>g.dataType==="number"||g.dataType==="integer"||g.dataType==="float"||g.dataType==="decimal"||g.dataType==="currency"?"metrics":"dimensions",y=(n==="all"?m:m.filter(g=>x(g)===n)).reduce((g,O)=>{const E=O.qualifiedEntityName||"Other Fields";return g[E]||(g[E]={label:t.toLabel(O.entityName),fields:[]}),g[E].fields.push(O),g},{}),S=Object.keys(y),p=m.filter(g=>x(g)==="dimensions").length,D=m.filter(g=>x(g)==="metrics").length,f=m.filter(g=>x(g)==="calculated").length,N=m.length>0;return c?e.jsxs("div",{className:"flex h-[calc(100vh-200px)] w-[290px] flex-col items-center justify-center",children:[e.jsx(t.LoaderCircle,{className:"h-8 w-8 animate-spin text-gray-400"}),e.jsx("span",{className:"mt-2 text-sm text-gray-500",children:"Loading fields..."})]}):d?e.jsxs("div",{className:"flex h-[calc(100vh-200px)] w-[290px] flex-col items-center justify-center",children:[e.jsx(t.Database,{className:"mb-4 h-12 w-12 text-red-300"}),e.jsx("p",{className:"mb-2 text-sm text-red-500",children:"Error loading fields"}),e.jsx("p",{className:"px-4 text-center text-xs text-red-400",children:d.message||"Failed to load column data"})]}):!o||!o.selectedEntities||o.selectedEntities.length===0?e.jsx(t.ScrollArea,{className:"h-[calc(100vh-200px)] w-[290px]",children:e.jsxs("div",{className:"flex flex-col items-center justify-center py-8 text-center",children:[e.jsx(t.Database,{className:"mb-4 h-12 w-12 text-gray-300"}),e.jsx("p",{className:"mb-2 text-sm text-gray-500",children:"No data source selected"}),e.jsx("p",{className:"px-4 text-xs text-gray-400",children:"Select a table, view, or dataset from the data source panel to see available fields"})]})}):e.jsxs("div",{className:"mt-2 flex h-[calc(100vh-200px)] w-full grow flex-col gap-2 px-6 pb-6",children:[e.jsxs("div",{className:"mt-1 flex-shrink-0 space-y-2",children:[i.length>0&&e.jsx("div",{className:"mb-4",children:e.jsx(t.Input$1,{type:"text",placeholder:"Search fields...",value:s,onChange:g=>a(g.target.value)})}),N&&e.jsx(t.Tabs,{defaultValue:"all",value:n,onValueChange:g=>r(g),className:"mb-4",children:e.jsxs(t.TabsList,{className:"grid h-9 w-full grid-cols-4",children:[e.jsxs(t.TabsTrigger,{value:"all",className:"text-xs",children:["All",e.jsx("span",{className:"ml-2 text-xs font-semibold",children:m.length})]}),e.jsxs(t.TabsTrigger,{value:"dimensions",className:"text-xs",children:[e.jsx(t.Layers,{className:"size-4 shrink-0"}),e.jsx("span",{className:"ml-2 text-xs font-semibold",children:p})]}),e.jsxs(t.TabsTrigger,{value:"metrics",className:"text-xs",children:[e.jsx(t.ChartColumn,{className:"size-4 shrink-0"}),e.jsx("span",{className:"ml-2 text-xs font-semibold",children:D})]}),e.jsxs(t.TabsTrigger,{value:"calculated",className:"text-xs",children:[e.jsx(Vs,{className:"size-4 shrink-0"}),e.jsx("span",{className:"ml-2 text-xs font-semibold",children:f})]})]})})]}),e.jsxs(t.CustomScrollArea,{className:"py-2",children:[e.jsx(t.Accordion,{type:"multiple",defaultValue:S,className:"space-y-2",children:Object.entries(y).map(([g,O])=>{const E=l.find(b=>b.entityName===g)||{entityName:g,label:O.label};return e.jsxs(t.AccordionItem,{value:g,className:"border-none",children:[e.jsx(t.AccordionTrigger,{className:"group rounded-md px-3 py-2 hover:bg-muted hover:no-underline",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm font-medium",children:E.label||E.entityName}),e.jsx(t.Badge,{variant:"secondary",className:"rounded-full text-xs text-muted-foreground group-hover:bg-background",children:O.fields.length})]})}),e.jsx(t.AccordionContent,{className:"pb-2",children:e.jsx("div",{className:"space-y-1",children:O.fields.map(b=>e.jsx(Ya,{field:b},b.id))})})]},g)})}),Object.keys(y).length===0&&i.length===0&&e.jsxs("div",{className:"py-8 text-center text-sm text-gray-500",children:[e.jsx("p",{children:"No fields found for selected data source"}),e.jsx("p",{className:"mt-1 text-xs text-gray-400",children:"Try selecting different data sources"})]}),Object.keys(y).length===0&&i.length>0&&e.jsx("div",{className:"py-4 text-center text-sm text-gray-500",children:"No fields found for this category"}),e.jsx(t.ScrollBar,{orientation:"horizontal"}),e.jsx(t.ScrollBar,{orientation:"vertical"})]})]})}function Qa(){return e.jsxs("div",{className:" h-full flex flex-col items-center",children:[" ",e.jsx(Ka,{})," "]})}function Wa({initialJoinPlan:s,availableDataSources:a}){const[n,r]=L.useState(s),[o,i]=L.useState(new Set),l=()=>{const b=n.joins.length>0?Math.max(...n.joins.map(w=>w.sequence))+1:1,C={id:`join-${Date.now()}`,source:{type:"table",name:"",database:"",schema:""},target:{type:"table",name:"",database:"",schema:""},joinType:"INNER",sequence:b,joinKeyGroups:[{id:"group-"+Date.now()+"-"+Math.random().toString(36).substr(2,9),operator:"AND",keys:[]}]};r({...n,joins:[...n.joins,C]}),i(new Set([...o,C.id]))},c=b=>{r({...n,joins:n.joins.filter(C=>C.id!==b)}),i(new Set([...o].filter(C=>C!==b)))},d=(b,C)=>{var h,B;const w=n.joins.find(A=>A.id===b);if(!w)return;const T={...w,...C},k=n.joins.map(A=>A.id===b?T:A);if((h=T.source)!=null&&h.name&&((B=T.target)!=null&&B.name)&&T.joinKeyGroups[0].keys.length===0){const A=a.find(F=>{var P;return F.name===((P=T.source)==null?void 0:P.name)}),I=a.find(F=>{var P;return F.name===((P=T.target)==null?void 0:P.name)}),v={id:`key-${Date.now()}`,source:{id:`source-${Date.now()}`,name:"",dataType:"",label:"",entityId:(A==null?void 0:A.name)||"",entityName:(A==null?void 0:A.name)||"",entityType:(A==null?void 0:A.type)||"table"},target:{id:`target-${Date.now()}`,name:"",dataType:"",label:"",entityId:(I==null?void 0:I.name)||"",entityName:(I==null?void 0:I.name)||"",entityType:(I==null?void 0:I.type)||"table"},operator:"="},M=[...T.joinKeyGroups];M[0]={...M[0],keys:[v]},T.joinKeyGroups=M,k[k.findIndex(F=>F.id===b)]=T}r({...n,joins:k})};return{joinPlan:n,expandedJoins:o,setJoinPlan:r,addJoin:l,removeJoin:c,updateJoin:d,moveJoinUp:b=>{const C=n.joins.findIndex(w=>w.id===b);if(C>0){const w=[...n.joins],T={...w[C]},k={...w[C-1]};w[C]=k,w[C-1]=T,w.forEach((B,A)=>{B.sequence=A+1});const h={...n,joins:w};r(h)}},moveJoinDown:b=>{const C=n.joins.findIndex(w=>w.id===b);if(C<n.joins.length-1){const w=[...n.joins],T={...w[C]},k={...w[C+1]};w[C]=k,w[C+1]=T,w.forEach((B,A)=>{B.sequence=A+1});const h={...n,joins:w};r(h)}},toggleJoinExpansion:b=>{const C=new Set(o);C.has(b)?C.delete(b):C.add(b),i(C)},getAvailableSourceEntities:b=>{if(n.joins.length===0)return a;const C=n.joins.findIndex(T=>T.id===b);if(C===0)return a;const w=new Set;return n.baseEntity.name&&w.add(n.baseEntity.name),n.joins.slice(0,C).forEach(T=>{w.add(T.source.name),w.add(T.target.name)}),a.filter(T=>w.has(T.name))},getAvailableTargetEntities:b=>a.filter(C=>C.name!==b),addJoinKeyGroup:b=>{const C=n.joins.find(T=>T.id===b);if(!C)return;const w=[...C.joinKeyGroups,{id:"group-"+Date.now()+"-"+Math.random().toString(36).substr(2,9),operator:"AND",keys:[]}];d(b,{joinKeyGroups:w})},updateGroupOperator:(b,C,w)=>{const T=n.joins.find(h=>h.id===b);if(!T)return;const k=[...T.joinKeyGroups];k[C]={...k[C],operator:w},d(b,{joinKeyGroups:k})},removeJoinKeyGroup:(b,C)=>{const w=n.joins.find(k=>k.id===b);if(!w)return;const T=[...w.joinKeyGroups];T.splice(C,1),d(b,{joinKeyGroups:T})},addJoinKey:(b,C)=>{const w=n.joins.find(A=>A.id===b);if(!w)return;const T=a.find(A=>A.name===w.source.name),k=a.find(A=>A.name===w.target.name),h=[...w.joinKeyGroups],B={id:`key-${Date.now()}`,source:{id:`source-${Date.now()}`,name:"",dataType:"",label:"",entityId:(T==null?void 0:T.name)||"",entityName:(T==null?void 0:T.name)||"",entityType:(T==null?void 0:T.type)||"table"},target:{id:`target-${Date.now()}`,name:"",dataType:"",label:"",entityId:(k==null?void 0:k.name)||"",entityName:(k==null?void 0:k.name)||"",entityType:(k==null?void 0:k.type)||"table"},operator:"="};h[C]={...h[C],keys:[...h[C].keys,B]},d(b,{joinKeyGroups:h})},updateJoinKey:(b,C,w,T,k)=>{const h=n.joins.find(M=>M.id===b);if(!h)return;const B=a.find(M=>M.name===h.source.name),A=a.find(M=>M.name===h.target.name),I=[...h.joinKeyGroups],v=I[C].keys[w];T==="sourceColumnName"&&B?I[C].keys[w]={...v,source:{...v.source,name:k}}:T==="targetColumnName"&&A?I[C].keys[w]={...v,target:{...v.target,name:k}}:T==="operator"&&(I[C].keys[w]={...v,operator:k}),d(b,{joinKeyGroups:I})},removeJoinKey:(b,C,w)=>{const T=n.joins.find(h=>h.id===b);if(!T)return;const k=[...T.joinKeyGroups];k[C].keys.splice(w,1),d(b,{joinKeyGroups:k})},generateSQLPreview:()=>{const b=[...n.joins].sort((T,k)=>T.sequence-k.sequence),C=n.baseEntity;if(!C.name)return"SELECT * FROM table -- Please select a base entity";let w=`SELECT *
|
|
365
|
+
FROM ${C.name}`;return b.forEach(T=>{const k=a.find(A=>A.name===T.target.name);if(!k)return;const h=T.joinKeyGroups.filter(A=>A.keys&&A.keys.length>0).map(A=>{const I=A.keys.filter(v=>{var M,F,P,R;return((M=v.source)==null?void 0:M.name)&&((F=v.target)==null?void 0:F.name)&&((P=v.source)==null?void 0:P.entityName)&&((R=v.target)==null?void 0:R.entityName)}).map(v=>`${v.source.entityName}.${v.source.name} ${v.operator} ${v.target.entityName}.${v.target.name}`);return I.length>1?`(${I.join(` ${A.operator} `)})`:I[0]}).filter(Boolean),B=h.length>1?h.join(" OR "):h[0]||"condition_here";w+=`
|
|
366
|
+
${T.joinType} JOIN ${k.name}
|
|
367
|
+
ON ${B}`}),w},isValidConfiguration:()=>!(!n.baseEntity.name||n.joins.some(T=>!T.source.name||!T.target.name)||n.joins.some(T=>T.joinKeyGroups.some(k=>k.keys.length===0))||n.joins.some(T=>T.joinKeyGroups.some(k=>k.keys.some(h=>!h.source.name||!h.target.name||!h.operator))))}}function Xa({joinPlan:s,availableDataSources:a,onSave:n,onRemove:r,onCancel:o}){const{setCardConfig:i}=t.useEditorActions();t.useEditorStore(h=>h.card.config);const{columnGroups:l}=t.useColumns(),{joinPlan:c,expandedJoins:d,setJoinPlan:m,addJoin:x,removeJoin:u,updateJoin:y,moveJoinUp:j,moveJoinDown:S,toggleJoinExpansion:p,getAvailableSourceEntities:D,getAvailableTargetEntities:f,addJoinKeyGroup:N,updateGroupOperator:g,removeJoinKeyGroup:O,addJoinKey:E,updateJoinKey:b,removeJoinKey:C,generateSQLPreview:w,isValidConfiguration:T}=Wa({initialJoinPlan:s,availableDataSources:a}),k=h=>{const B=l.find(A=>A.entityName===h);return(B==null?void 0:B.columns)||[]};return e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Base Entity (FROM clause)"}),e.jsxs(t.Select,{value:c.baseEntity.name,onValueChange:h=>{const B=a.find(A=>A.name===h);m({...c,baseEntity:{connectionId:(B==null?void 0:B.connectionId)||"",connectionType:(B==null?void 0:B.connectionType)||"none",type:(B==null?void 0:B.type)||"table",name:h,database:B==null?void 0:B.database,schema:B==null?void 0:B.schema}})},children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{placeholder:"Select base entity..."})}),e.jsx(t.SelectContent,{children:a.map(h=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:h.name,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:h.type}),h.name,e.jsx(t.Badge,{variant:"outline",className:"text-xs text-green-600",children:"BASE"})]})},h.name))})]}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"This entity will be used as the base table in the FROM clause of the SQL query."})]}),e.jsxs("div",{className:"rounded-md border p-3",children:[e.jsx("div",{className:"mb-2 text-xs font-medium text-muted-foreground",children:"Join SQL Preview"}),e.jsx("code",{className:"block whitespace-pre-wrap break-all text-xs",children:w()})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs(t.Label,{children:["Joins Configuration (",c.joins.length,")"]}),e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs(t.Button,{variant:"outline",size:"sm",onClick:x,children:[e.jsx(t.Plus,{className:"mr-1 h-4 w-4"}),"Add Join"]})})]}),c.joins.length===0?e.jsx("div",{className:"rounded-lg border border-dashed py-8 text-center text-muted-foreground",children:e.jsx("p",{children:"No joins configured. Add a join to connect multiple data sources."})}):e.jsx("div",{className:"max-h-[300px] space-y-4 overflow-y-auto",children:c.joins.map(h=>{const B=a.find(v=>v.name===h.source.name),A=a.find(v=>v.name===h.target.name),I=d.has(h.id);return e.jsxs(t.Card,{className:"border",children:[e.jsx(t.CardHeader,{className:"pb-3",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Badge,{children:h.sequence}),e.jsxs(t.CardTitle,{className:"text-sm",children:["Join ",h.sequence,B&&A&&e.jsxs("span",{className:"ml-2 font-normal text-gray-600",children:["(",B.name," → ",A.name,")"]})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Button,{variant:"ghost",size:"sm",onClick:()=>j(h.id),disabled:h.sequence===1,children:e.jsx(t.ArrowUp,{className:"h-4 w-4"})}),e.jsx(t.Button,{variant:"ghost",size:"sm",onClick:()=>S(h.id),disabled:h.sequence===c.joins.length,children:e.jsx(t.ArrowDown,{className:"h-4 w-4"})}),e.jsx(t.Button,{variant:"ghost",size:"sm",onClick:()=>p(h.id),children:I?e.jsx(t.ChevronUp,{className:"h-4 w-4"}):e.jsx(t.ChevronDown,{className:"h-4 w-4"})}),e.jsx(t.Button,{variant:"ghost",size:"sm",onClick:()=>u(h.id),children:e.jsx(t.X,{className:"h-4 w-4"})})]})]})}),I&&e.jsxs(t.CardContent,{className:"space-y-4 pb-6",children:[e.jsxs("div",{className:"grid grid-cols-1 gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Source"}),e.jsxs(t.Select,{value:h.source.name,onValueChange:v=>{const M=a.find(F=>F.name===v);y(h.id,{source:{connectionId:(M==null?void 0:M.connectionId)||"",connectionType:(M==null?void 0:M.connectionType)||"none",type:(M==null?void 0:M.type)||"table",name:v,database:M==null?void 0:M.database,schema:M==null?void 0:M.schema}})},children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{placeholder:"Select source..."})}),e.jsx(t.SelectContent,{children:D(h.id).map(v=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:v.name,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:v.type}),v.name]})},v.name))})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Join Type"}),e.jsxs(t.Select,{value:h.joinType,onValueChange:v=>y(h.id,{joinType:v}),children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"INNER",children:"INNER JOIN"}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"LEFT",children:"LEFT JOIN"}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"RIGHT",children:"RIGHT JOIN"}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"FULL",children:"FULL JOIN"})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Label,{children:"Target"}),e.jsxs(t.Select,{value:h.target.name,onValueChange:v=>{const M=a.find(F=>F.name===v);y(h.id,{target:{connectionId:(M==null?void 0:M.connectionId)||"",connectionType:(M==null?void 0:M.connectionType)||"none",type:(M==null?void 0:M.type)||"table",name:v,database:M==null?void 0:M.database,schema:M==null?void 0:M.schema}})},disabled:!h.source.name,children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{placeholder:"Select target..."})}),e.jsx(t.SelectContent,{children:h.source.name?f(h.source.name).map(v=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:v.name,children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:v.type}),v.name,v.name===h.source.name&&e.jsx(t.Badge,{variant:"outline",className:"text-xs text-yellow-600",children:"(Self-join)"})]})},v.name)):[]})]})]})]}),h.source.name&&h.target.name&&B&&A&&e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Label,{children:"Join Conditions"}),e.jsxs(t.Button,{type:"button",variant:"outline",size:"sm",onClick:()=>N(h.id),children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"})," Add Condition Group"]})]}),h.joinKeyGroups.length===0?e.jsx("div",{className:"rounded-md border p-3 text-center text-sm text-gray-500",children:"No join conditions defined. Add condition groups to specify how data sources should be joined."}):e.jsx("div",{className:"space-y-4",children:h.joinKeyGroups.map((v,M)=>e.jsxs("div",{className:"space-y-3 rounded-md border p-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(t.Label,{children:["Group ",M+1]}),M>0&&e.jsxs("div",{className:"flex items-center gap-2 rounded-md bg-gray-100 px-2 py-1",children:[e.jsx(t.Label,{className:"text-xs font-normal",children:"Join with:"}),e.jsx("span",{className:"text-sm font-medium",children:"OR"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs(t.Select,{value:v.operator,onValueChange:F=>g(h.id,M,F),children:[e.jsx(t.SelectTrigger,{className:"w-[100px]",children:e.jsx(t.SelectValue,{})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"AND",children:"AND"}),e.jsx(t.SelectItem,{value:"OR",children:"OR"})]})]}),e.jsx(t.Button,{type:"button",variant:"ghost",size:"sm",onClick:()=>O(h.id,M),children:e.jsx(t.Trash2,{className:"h-4 w-4"})})]})]}),e.jsxs("div",{className:"space-y-2",children:[v.keys.length===0?e.jsx("div",{className:"rounded-md border border-dashed p-3 text-center text-sm text-gray-500",children:"No conditions in this group. Add conditions to specify join criteria."}):e.jsx("div",{className:"space-y-2",children:v.keys.map((F,P)=>e.jsxs("div",{className:"flex flex-col items-start gap-2 rounded-md border p-2 sm:flex-row sm:items-center",children:[P>0&&e.jsx("div",{className:"self-center rounded-md bg-gray-100 px-2 py-1 text-xs font-medium",children:v.operator}),e.jsx("div",{className:"mb-2 w-full sm:mb-0 sm:flex-1",children:e.jsxs(t.Select,{value:F.source.name,onValueChange:R=>b(h.id,M,P,"sourceColumnName",R),children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{placeholder:"Source column"})}),e.jsx(t.SelectContent,{children:k(h.source.name).map(R=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:R.name,children:e.jsxs("div",{className:"flex w-full items-center justify-between",children:[e.jsx("span",{children:R.name}),e.jsx(t.Badge,{variant:"outline",className:"ml-2 text-xs",children:R.dataType})]})},R.name))})]})}),e.jsx("div",{className:"mb-2 w-full sm:mb-0 sm:w-20",children:e.jsxs(t.Select,{value:F.operator,onValueChange:R=>b(h.id,M,P,"operator",R),children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"=",children:"="}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"<",children:"<"}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:">",children:">"}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"<=",children:"<="}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:">=",children:">="})]})]})}),e.jsx("div",{className:"mb-2 w-full sm:mb-0 sm:flex-1",children:e.jsxs(t.Select,{value:F.target.name,onValueChange:R=>b(h.id,M,P,"targetColumnName",R),children:[e.jsx(t.SelectTrigger,{children:e.jsx(t.SelectValue,{placeholder:"Target column"})}),e.jsx(t.SelectContent,{children:k(h.target.name).map(R=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:R.name,children:e.jsxs("div",{className:"flex w-full items-center justify-between hover:bg-muted",children:[e.jsx("span",{children:R.name}),e.jsx(t.Badge,{variant:"outline",className:"ml-2 text-xs",children:R.dataType})]})},R.name))})]})}),e.jsx(t.Button,{type:"button",variant:"ghost",size:"sm",className:"self-center",onClick:()=>C(h.id,M,P),children:e.jsx(t.X,{className:"size-3.5"})})]},F.id||P))}),e.jsxs(t.Button,{type:"button",variant:"outline",size:"sm",className:"mt-2",onClick:()=>E(h.id,M),children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"})," Add Condition"]})]})]},v.id))})]})]})]},h.id)})})]}),e.jsxs("div",{className:"flex justify-end gap-2 border-t pt-4",children:[e.jsx(t.Button,{variant:"outline",onClick:()=>{r(),o()},children:"Remove All"}),e.jsx(t.Button,{variant:"outline",onClick:o,children:"Cancel"}),e.jsx(t.Button,{onClick:()=>n(c),disabled:!T(),children:"Save"})]})]})}function At({children:s,open:a,onOpenChange:n,joinPlan:r,availableDataSources:o,onRemove:i,onSave:l,onCancel:c}){return e.jsxs(t.Dialog,{open:a,onOpenChange:n,children:[e.jsxs(t.DialogContent,{className:"max-w-4xl",children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Join Configuration"}),e.jsx(t.DialogDescription,{children:"Configure the join between the two entities to combine the fields."})]}),e.jsx(Xa,{joinPlan:r,availableDataSources:o,onSave:l,onCancel:c,onRemove:i})]}),s]})}function Za({joins:s,baseEntityId:a,availableDataSources:n,generateSQLPreview:r}){return e.jsxs("div",{className:"divide-y divide-border",children:[s.length>0&&e.jsxs("div",{className:"p-4",children:[e.jsx("h3",{className:"mb-3 text-left font-semibold",children:"Join Chain"}),e.jsx("div",{className:"flex flex-wrap items-center gap-2",children:(()=>{const o=[...s].sort((l,c)=>l.sequence-c.sequence),i=n.find(l=>l.name===a);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"flex items-center gap-1 rounded-md border bg-muted px-2 py-1",children:[e.jsx(t.Badge,{variant:"secondary",className:"text-xs",children:i==null?void 0:i.type}),e.jsx("span",{className:"text-xs font-medium",children:i==null?void 0:i.name}),e.jsx(t.Badge,{variant:"outline",className:"text-xs text-green-600",children:"BASE"})]}),o.map(l=>{const c=n.find(d=>d.name===l.target.name);return e.jsxs("div",{className:"flex items-center",children:[e.jsxs("div",{className:"mx-1 flex items-center gap-1",children:[e.jsx(t.Badge,{variant:"outline",className:"text-xs",children:l.joinType}),e.jsx("span",{className:"text-muted-foreground",children:"→"})]}),e.jsxs("div",{className:"flex items-center gap-1 rounded-md border bg-muted px-2 py-1",children:[e.jsx(t.Badge,{variant:"secondary",className:"text-xs",children:c==null?void 0:c.type}),e.jsx("span",{className:"text-xs font-medium",children:c==null?void 0:c.name})]})]},l.id)})]})})()})]}),e.jsxs("div",{className:"p-4",children:[e.jsxs("h3",{className:"mb-3 text-left text-sm font-medium",children:["Configured Joins (",s.length,")"]}),e.jsx("div",{className:"space-y-2",children:[...s].sort((o,i)=>o.sequence-i.sequence).map((o,i)=>{const l=n.find(d=>d.name===o.source.name),c=n.find(d=>d.name===o.target.name);return e.jsxs("div",{className:"flex items-center gap-2 rounded-md bg-muted p-2 text-left",children:[e.jsx(t.Badge,{variant:"secondary",className:"shrink-0 text-xs",children:i+1}),e.jsx(t.Badge,{variant:"outline",className:"shrink-0 text-xs",children:o.joinType}),e.jsxs("span",{className:"text-xs font-medium",children:[l==null?void 0:l.name," → ",c==null?void 0:c.name]}),e.jsxs(t.Badge,{variant:"outline",className:"ml-auto text-xs",children:[o.joinKeyGroups.reduce((d,m)=>d+m.keys.length,0)," ","condition",o.joinKeyGroups.reduce((d,m)=>d+m.keys.length,0)>1?"s":""]})]},o.id)})})]}),e.jsxs("div",{className:"p-4",children:[e.jsx("h3",{className:"mb-3 text-left text-sm font-medium",children:"SQL Query"}),e.jsx("div",{className:"overflow-x-auto rounded-md border bg-muted p-3",children:e.jsx("pre",{className:"whitespace-pre-wrap break-all text-left font-mono text-xs text-muted-foreground",children:r()})})]})]})}function er(){var x,u;const s=t.useEditorStore(y=>y.card),a=t.useEditorStore(y=>y.actions.updateCardConfig),n=((x=s==null?void 0:s.config)==null?void 0:x.joinPlan)||{baseEntity:{type:"table",name:"",database:"",schema:"",connectionId:"",connectionType:"none",dialect:"none"},joins:[]},[r,o]=L.useState(!1),i=((u=s==null?void 0:s.dataSource)==null?void 0:u.selectedEntities)||[],l=y=>{a(s.id,{...s==null?void 0:s.config,joinPlan:y}),o(!1)},c=()=>{a(s.id,{...s==null?void 0:s.config,joinPlan:void 0})},d=()=>{o(!1)},m=()=>{const y=[...n.joins].sort((p,D)=>p.sequence-D.sequence),j=n.baseEntity;if(!j.name)return"SELECT * FROM table -- Please select a base entity";let S=`SELECT *
|
|
368
|
+
FROM ${j.name}`;return y.forEach(p=>{const D=i.find(g=>g.name===p.target.name);if(!D)return;const f=p.joinKeyGroups.filter(g=>g.keys&&g.keys.length>0).map(g=>{const O=g.keys.filter(E=>{var b,C,w,T;return((b=E.source)==null?void 0:b.name)&&((C=E.target)==null?void 0:C.name)&&((w=E.source)==null?void 0:w.entityName)&&((T=E.target)==null?void 0:T.entityName)}).map(E=>`${E.source.entityName}.${E.source.name} ${E.operator} ${E.target.entityName}.${E.target.name}`);return O.length>1?`(${O.join(` ${g.operator} `)})`:O[0]}).filter(Boolean),N=f.length>1?f.join(" OR "):f[0]||"condition_here";S+=`
|
|
369
|
+
${p.joinType} JOIN ${D.name}
|
|
370
|
+
ON ${N}`}),S};return i.length<2?null:e.jsx(e.Fragment,{children:e.jsx("div",{className:"space-y-4",children:e.jsxs("div",{className:"flex items-center justify-between",children:[n.joins.length>0&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"outline",size:"sm",className:"h-6 text-xs font-semibold",onClick:()=>o(!0),children:[e.jsx(t.Link,{className:t.cn("mr-1 h-3 w-3",{"text-blue-500":n.joins.length>0,"text-gray-500":n.joins.length===0})}),"Join",n.joins.length>1?"s":""," (",n.joins.length,")"]})}),e.jsx(t.TooltipContent,{side:"right",className:"max-w-md overflow-hidden p-0",children:e.jsx(Za,{joins:n.joins,baseEntityId:n.baseEntity.name,availableDataSources:i,generateSQLPreview:m})})]})}),e.jsx(At,{open:r,onOpenChange:o,joinPlan:n,availableDataSources:i,onSave:l,onCancel:d,onRemove:c,children:e.jsx("div",{})})]}),n.joins.length===0&&e.jsx(At,{open:r,onOpenChange:o,joinPlan:n,availableDataSources:i,onSave:l,onCancel:d,onRemove:c,children:e.jsxs(t.Button,{onClick:()=>o(!0),variant:"outline",className:"h-6 text-xs font-semibold",children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"}),"Configure Join"]})})]})})})}function tr({entity:s,title:a,maxDetails:n=10}){const o=t.getEntityDetails(s).slice(0,n),i=o.find(c=>c.label==="Description"),l=o.filter(c=>c.label==="Description"?!1:!["Connection","Database","Schema"].includes(c.label));return e.jsx(t.TooltipContent,{side:"top",className:"ml-5 max-w-xs",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("div",{className:"text-sm font-medium",children:a||t.getDisplayName(s)}),i&&e.jsxs("div",{className:"border-t border-border pt-2",children:[e.jsx("div",{className:"mb-1 text-xs text-muted-foreground",children:"Description:"}),e.jsx("div",{className:"text-xs leading-relaxed",children:i.value})]}),l.length>0&&e.jsx("div",{className:"space-y-0.5",children:l.map((c,d)=>e.jsxs("div",{className:"flex justify-between text-xs",children:[e.jsxs("span",{className:"mr-2 text-muted-foreground",children:[c.label,":"]}),e.jsx("span",{className:"font-mono",children:c.value})]},d))})]})})}function sr({entities:s}){return e.jsx(t.TooltipContent,{side:"top",className:"ml-5 max-w-xs",children:e.jsxs("div",{className:"space-y-2",children:[e.jsxs("div",{className:"text-sm font-medium",children:[s.length," more entities"]}),e.jsx("div",{className:"space-y-1",children:s.map((a,n)=>{const r=t.getEntityDetails(a),o=r.find(l=>l.label==="Description"),i=r.filter(l=>l.label==="Description"?!1:!["Connection","Database","Schema"].includes(l.label)).slice(0,3);return e.jsxs("div",{className:"border-b border-border pb-1 last:border-b-0",children:[e.jsx("div",{className:"text-xs font-medium",children:t.getDisplayName(a)}),o&&e.jsxs("div",{className:"mb-1 mt-1",children:[e.jsx("div",{className:"text-xs text-muted-foreground",children:"Description:"}),e.jsx("div",{className:"text-xs leading-relaxed",children:o.value})]}),i.length>0&&e.jsx("div",{className:"mt-1 space-y-0.5",children:i.map((l,c)=>e.jsxs("div",{className:"flex justify-between text-xs",children:[e.jsxs("span",{className:"mr-2 text-muted-foreground",children:[l.label,":"]}),e.jsx("span",{className:"font-mono",children:l.value})]},c))})]},`remaining-${a.type}-${a.name}-${n}`)})})]})})}function nr({isVisible:s,onToggleVisibility:a}){const[n,r]=L.useState(!1),[o,i]=L.useState(!0),l=t.useEditorStore(x=>x.card.dataSource),{updateDataSource:c}=t.useEditorActions(),d={connectionId:"",connectionType:"",mode:"database",selectedEntities:[]},m={...d,...l,selectedEntities:(l==null?void 0:l.selectedEntities)||[]};return e.jsxs("div",{className:t.cn("flex flex-col overflow-hidden border-r bg-background transition-all duration-300 ease-in-out",{"w-[325px]":s,"w-0":!s}),children:[e.jsxs("div",{children:[e.jsx("div",{className:t.cn("p-4 px-6",{"pb-0":!o}),children:e.jsxs("div",{className:"flex w-full items-center justify-between",children:[e.jsxs("div",{className:"flex cursor-pointer items-center gap-2",onClick:()=>i(!o),children:[o?e.jsx(t.ChevronDown,{className:"h-4 w-4"}):e.jsx(t.ChevronRight,{className:"h-4 w-4"}),e.jsx(t.Database,{className:"h-5 w-5 text-brand"}),e.jsx("h2",{className:"text-brand-100 font-semibold",children:"Data Source"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Button,{size:"sm",variant:"ghost",className:"h-7 w-7 p-0 text-muted-foreground hover:text-foreground",onClick:a,title:"Hide Data Source Panel",children:e.jsx(t.EyeOff,{className:"h-3.5 w-3.5"})}),e.jsxs(t.Button,{size:"sm",variant:"outline",className:"h-7",onClick:()=>r(!0),children:[e.jsx(t.Plus,{className:"mr-1 h-3.5 w-3.5"}),"Add"]})]})]})}),e.jsxs("div",{className:`overflow-hidden px-6 ${o?"max-h-96 space-y-4":"max-h-0 py-0 opacity-0"}`,children:[m.selectedEntities.length>0&&e.jsx(t.TooltipProvider$1,{children:e.jsxs("div",{className:"flex flex-wrap gap-1",children:[m.selectedEntities.slice(0,3).map((x,u)=>e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsxs(t.Badge,{variant:"secondary",className:"group relative cursor-pointer pr-6 text-xs transition-colors hover:border-red-200 hover:bg-red-50 dark:hover:border-red-800 dark:hover:bg-red-950",children:[t.getDisplayName(x),e.jsx("button",{onClick:y=>{y.stopPropagation();const j=m.selectedEntities.filter(S=>!(S.name===x.name&&S.type===x.type));c({...d,...l,selectedEntities:j})},className:"absolute right-1 top-1/2 -translate-y-1/2 rounded-full p-0.5 hover:bg-red-100",children:e.jsx(t.X,{className:"h-2.5 w-2.5 group-hover:text-red-500"})})]})}),e.jsx(tr,{entity:x})]},`${x.type}-${x.name}-${u}`)),m.selectedEntities.length>3&&e.jsxs(t.Tooltip,{children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsxs(t.Badge,{variant:"outline",className:"text-xs",children:["+",m.selectedEntities.length-3," more"]})}),e.jsx(sr,{entities:m.selectedEntities.slice(3)})]})]})}),e.jsx(er,{})]})]}),e.jsx(Qa,{}),e.jsx(t.DataSourceDialog,{incomingSelectedEntities:(l==null?void 0:l.selectedEntities)||[],dialogMode:"dataSource",open:n,onOpenChange:r,dataSource:m,fallbackDataSource:d})]})}const ar="chart-selector-standard-first";function rr(){const[s,a]=t.useLocalStorageState(ar,!0);return{standardFirst:s,updatePreference:a}}const Mt=({customVisual:s,index:a,onSelect:n})=>{const r=Pe(s.icon||""),o=s.name.charAt(0).toUpperCase(),l=(()=>{const c=s.name.toLowerCase();for(const d of ve)if(d.id==="doughnut"){if(c.includes("doughnut")||c.includes("donut")){const m=d.icon;return e.jsx(m,{className:"h-4 w-4"})}}else if(c.includes(d.id.toLowerCase())){const m=d.icon;return e.jsx(m,{className:"h-4 w-4"})}return null})();return e.jsx(t.CommandItem,{value:`${s.name} custom visual plugin component`,onSelect:n,className:"flex items-center gap-2",children:e.jsxs("div",{className:"flex items-center gap-2",children:[r?e.jsx(r,{className:"h-4 w-4"}):l||e.jsx("div",{className:"flex h-4 w-4 items-center justify-center rounded bg-muted text-xs font-medium",children:o}),e.jsx("span",{children:s.name})]})},`${s.url}-${s.name}-${a}`)},ve=[{id:"table",icon:ze,label:"Table"},{id:"bar",icon:Be,label:"Bar Chart"},{id:"line",icon:Fe,label:"Line Chart"},{id:"stackedBar",icon:Xe,label:"Stacked Bar Chart"},{id:"stackedLine",icon:xt,label:"Stacked Line Chart"},{id:"scatter",icon:tt,label:"Scatter Chart"},{id:"bubble",icon:mt,label:"Bubble Chart"},{id:"pie",icon:et,label:"Pie Chart"},{id:"doughnut",icon:st,label:"Doughnut Chart"},{id:"funnel",icon:ht,label:"Funnel Chart"},{id:"radar",icon:rt,label:"Radar Chart"},{id:"polarArea",icon:ut,label:"Polar Area Chart"},{id:"tornado",icon:ot,label:"Tornado Chart"},{id:"range",icon:Ze,label:"Range Chart"},{id:"kpi",icon:pt,label:"KPI"},{id:"text",icon:Ot,label:"Text"},{id:"map",icon:at,label:"Map"}];function or({selectedChart:s,onChartChange:a}){const[n,r]=L.useState([]),[o,i]=L.useState(!1),{data:l}=dt(),{standardFirst:c,updatePreference:d}=rr(),{setCardType:m,setCardPreferences:x,setIsDevMode:u}=t.useEditorStore(g=>g.actions),{setCardCustomCfg:y,setCustomCardPreferences:j,setQueryConfig:S}=t.useEditorActions();L.useEffect(()=>{(async()=>{var O;if(l){const b=(await Promise.all((O=l==null?void 0:l.plugins)==null?void 0:O.map(async C=>(await t.loadManifest(C.value)).visuals.map(k=>({name:k.name,icon:k.icon,url:C.value}))))).flat();r(b)}})()},[l]);function p(g){y(null),x({}),m(g),["custom","text","map"].includes(g)&&(u(!0),S(void 0)),a(g),i(!1)}function D(g){y(null),x({}),m("custom"),j({type:"component",visualType:"single",url:g.url,componentName:g.name,icon:g.icon}),S(void 0),a("custom"),i(!1)}const f=()=>{var O;if(s==="custom"){const E=t.useEditorStore.getState().card;return((O=E==null?void 0:E.customCardPreferences)==null?void 0:O.componentName)||"Custom Visual"}const g=ve.find(E=>E.id===s);return(g==null?void 0:g.label)||"Select chart type"},N=()=>{var O,E;if(s==="custom"){const b=t.useEditorStore.getState().card,C=(O=b==null?void 0:b.customCardPreferences)==null?void 0:O.icon,w=(E=b==null?void 0:b.customCardPreferences)==null?void 0:E.componentName;return C&&w?e.jsx(ir,{icon:C,componentName:w}):e.jsx(we,{className:"h-4 w-4"})}const g=ve.find(b=>b.id===s);if(g){const b=g.icon;return e.jsx(b,{className:"h-4 w-4"})}return e.jsx(we,{className:"h-4 w-4"})};return e.jsx("div",{className:"mb-6",children:e.jsxs(t.Popover,{open:o,onOpenChange:i,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"outline",role:"combobox","aria-expanded":o,className:"w-full justify-between",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[N(),e.jsx("span",{children:f()})]}),e.jsx(t.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"w-[335px] p-0",align:"start",children:e.jsxs(t.Command,{children:[e.jsx(t.CommandInput,{placeholder:"Search chart types..."}),e.jsxs(t.CommandList,{className:"max-h-[300px]",children:[e.jsx(t.CommandEmpty,{children:"No chart type found."}),c?e.jsxs(e.Fragment,{children:[e.jsx(t.CommandGroup,{heading:"Standard Visuals",className:"[&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",children:ve.map(g=>{const O=g.icon;return e.jsx(t.CommandItem,{value:`${g.label} ${g.id} chart graph visualization`,onSelect:()=>p(g.id),className:"flex items-center gap-2",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(O,{className:"h-4 w-4"}),e.jsx("span",{children:g.label})]})},g.id)})}),n.length>0&&e.jsx(t.CommandGroup,{heading:e.jsxs("div",{className:"flex w-full items-center justify-between",children:[e.jsx("span",{children:"Custom Visuals"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs font-medium",children:"Show at the top"}),e.jsx(t.Switch,{checked:!c,onCheckedChange:g=>d(!g),className:"scale-75"})]})]}),className:"[&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",children:n.map((g,O)=>e.jsx(Mt,{customVisual:g,index:O,onSelect:()=>D(g)},`${g.url}-${g.name}-${O}`))})]}):e.jsxs(e.Fragment,{children:[n.length>0&&e.jsx(t.CommandGroup,{heading:e.jsxs("div",{className:"flex w-full items-center justify-between",children:[e.jsx("span",{children:"Custom Visuals"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-xs font-medium",children:"Show at the top"}),e.jsx(t.Switch,{checked:!c,onCheckedChange:g=>d(!g),className:"scale-75"})]})]}),className:"[&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",children:n.map((g,O)=>e.jsx(Mt,{customVisual:g,index:O,onSelect:()=>D(g)},`${g.url}-${g.name}-${O}`))}),e.jsx(t.CommandGroup,{heading:"Standard Visuals",className:"[&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground",children:ve.map(g=>{const O=g.icon;return e.jsx(t.CommandItem,{value:`${g.label} ${g.id} chart graph visualization`,onSelect:()=>p(g.id),className:"flex items-center gap-2",children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(O,{className:"h-4 w-4"}),e.jsx("span",{children:g.label})]})},g.id)})})]})]})]})})]})})}const ir=({icon:s,componentName:a})=>{const n=Pe(),o=(()=>{const i=a.toLowerCase();for(const l of ve)if(l.id==="doughnut"){if(i.includes("doughnut")||i.includes("donut")){const c=l.icon;return e.jsx(c,{className:"h-4 w-4"})}}else if(i.includes(l.id.toLowerCase())){const c=l.icon;return e.jsx(c,{className:"h-4 w-4"})}return null})();return n?e.jsx(n,{className:"h-4 w-4"}):o||e.jsx(we,{className:"h-4 w-4"})},ms=({dataType:s})=>{const a=t.getDataType(s);return a==="string"?e.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm bg-blue-500 text-xs text-white",children:"T"}):a==="number"?e.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm bg-green-500 text-xs text-white",children:"#"}):a==="date"?e.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm bg-purple-500 text-xs text-white",children:"D"}):a==="boolean"?e.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm bg-orange-500 text-xs text-white",children:"B"}):e.jsx("span",{className:"flex h-4 w-4 shrink-0 items-center justify-center rounded-sm bg-gray-500 text-xs text-white",children:"?"})};function lr({aliasTemplate:s,onAliasTemplateChange:a}){var d;const[n,r]=L.useState(s),[o,i]=L.useState(!1),l=(d=t.useEditorStore(m=>{var x;return(x=m.card.config)==null?void 0:x.pivotByColumns}))==null?void 0:d[0],c=l?`e.g. Min Sales in {{${l.name}}}`:"e.g. Min Sales in {{region}}";return e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-gray-600",children:"Pivot Alias Template"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Input$1,{placeholder:c,value:o?n:s,onChange:m=>{r(m.target.value),i(!0)},onFocus:()=>i(!0),onPointerDown:m=>m.stopPropagation(),className:"h-8 text-xs",onKeyDown:m=>{m.key==="Enter"&&o&&n!==s?(a(n),i(!1)):m.key==="Escape"&&(r(s),i(!1))},"aria-label":"Edit alias template"}),o&&n!==s&&e.jsxs(e.Fragment,{children:[e.jsx(t.Button,{variant:"ghost",size:"icon",className:"h-6 w-6 p-0","aria-label":"Confirm alias template",onClick:()=>{a(n),i(!1)},children:e.jsx(t.Check,{className:"h-4 w-4 text-green-600"})}),e.jsx(t.Button,{variant:"ghost",size:"icon",className:"h-6 w-6 p-0","aria-label":"Cancel alias template edit",onClick:()=>{r(s),i(!1)},children:e.jsx(t.X,{className:"h-4 w-4 text-gray-400"})})]})]})]})}function cr({valueAliases:s,onValueAliasesChange:a}){const[n,r]=L.useState(null),[o,i]=L.useState(""),[l,c]=L.useState(""),d=()=>{a({...s,"":""})},m=u=>{const y={...s};delete y[u],a(y)},x=u=>{const y={...s};delete y[u],y[o]=l,a(y),r(null)};return e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Pivot Value Aliases"}),e.jsxs("div",{className:"space-y-2",children:[Object.entries(s).map(([u,y],j)=>e.jsx("div",{className:"flex items-center gap-2",children:n===u?e.jsxs(e.Fragment,{children:[e.jsx(t.Input$1,{placeholder:"Value key",value:o,onChange:S=>i(S.target.value),className:"h-8 w-24 text-xs",onPointerDown:S=>S.stopPropagation(),onKeyDown:S=>{S.key==="Enter"?x(u):S.key==="Escape"&&r(null)},"aria-label":"Edit value alias key"}),e.jsx(t.Input$1,{placeholder:"Alias label",value:l,onChange:S=>c(S.target.value),className:"h-8 w-24 text-xs",onPointerDown:S=>S.stopPropagation(),onKeyDown:S=>{S.key==="Enter"?x(u):S.key==="Escape"&&r(null)},"aria-label":"Edit value alias label"}),e.jsx(t.Button,{variant:"ghost",size:"icon",className:"h-6 w-6 p-0","aria-label":"Confirm value alias edit",onClick:()=>x(u),children:e.jsx(t.Check,{className:"h-4 w-4 text-green-600"})}),e.jsx(t.Button,{variant:"ghost",size:"icon",className:"h-6 w-6 p-0","aria-label":"Cancel value alias edit",onClick:()=>r(null),children:e.jsx(t.X,{className:"h-4 w-4 text-muted-foreground"})})]}):e.jsxs(e.Fragment,{children:[e.jsx(t.Input$1,{placeholder:"Value key",value:u,className:"h-8 w-24 text-xs",readOnly:!0,onClick:()=>{r(u),i(u),c(y)},"aria-label":"Edit value alias key"}),e.jsx(t.Input$1,{placeholder:"Alias label",value:y,className:"h-8 w-24 text-xs",readOnly:!0,onClick:()=>{r(u),i(u),c(y)},"aria-label":"Edit value alias label"}),e.jsx(t.Button,{variant:"ghost",size:"sm",className:"h-8 w-8 p-0",onClick:()=>m(u),"aria-label":"Remove value alias",children:e.jsx(t.X,{className:"h-3 w-3"})})]})},u+j)),e.jsxs(t.Button,{variant:"outline",size:"sm",className:"mt-1 h-8 text-xs",onClick:d,children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"})," Add Value Alias"]})]})]})}function hs(s,a){return`${t.toLabel(a)} of ${t.toLabel(s)}`}const xs=s=>{const{updateCardConfig:a,updateGroupByColumn:n,updateMetricColumn:r,updatePivotByColumn:o,updateSortByColumn:i,removeGroupByColumn:l,removeMetricColumn:c,removePivotByColumn:d,removeSortByColumn:m}=t.useEditorActions(),x=t.useEditorStore(k=>k.card.type),u=s==null?void 0:s.id,y=L.useCallback(k=>{if(!(s!=null&&s.config))return[];switch(k){case"groupBy":return(s.config.groupByColumns||[]).map(h=>({id:h.id,name:h.name,dataType:h.dataType,label:h.label!==void 0?h.label:h.name,qualifiedEntityName:h.qualifiedEntityName,entityId:h.entityId,entityName:h.entityName,entityType:h.entityType,dateFormat:h.dateFormat,customFormat:h.customFormat,granularity:h.granularity}));case"metrics":return s.config.metricColumns||[];case"pivotBy":return(s.config.pivotByColumns||[]).map(h=>({id:h.id,name:h.name,dataType:h.dataType,label:h.label!==void 0?h.label:h.name,qualifiedEntityName:h.qualifiedEntityName,entityId:h.entityId,entityName:h.entityName,entityType:h.entityType}));case"sortBy":return(s.config.sortByColumns||[]).map(h=>({id:h.id,name:h.name,dataType:h.dataType,label:h.label!==void 0?h.label:h.name,qualifiedEntityName:h.qualifiedEntityName,entityId:h.entityId,entityName:h.entityName,entityType:h.entityType,direction:h.direction}));case"source":return[];default:return[]}},[s]),j=L.useCallback((k,h)=>{if(u)switch(k){case"groupBy":{a(u,{groupByColumns:h});break}case"metrics":{a(u,{metricColumns:h});break}case"pivotBy":{a(u,{pivotByColumns:h});break}case"sortBy":{a(u,{sortByColumns:h});break}}},[u,a]),S=L.useCallback((k,h,B)=>{if(!u)return;const I=y(k)[h];if(I)switch(k){case"groupBy":n(u,I.id,{label:B});break;case"metrics":r(u,I.id,{label:B});break;case"pivotBy":o(u,I.id,{label:B});break;case"sortBy":i(u,I.id,{label:B});break}},[u,y,n,r,o,i]),p=L.useCallback((k,h)=>{if(!u)return;const A=y("metrics")[k];A&&r(u,A.id,{aggregate:h,label:hs(A.name,h)})},[u,y,r]),D=L.useCallback((k,h,B)=>{if(!u)return;const I=y("groupBy")[k];if(!I)return;const v={dateFormat:h};h==="custom"&&B?v.customFormat=B:v.customFormat=void 0,n(u,I.id,v)},[u,y,n]),f=L.useCallback((k,h)=>{if(!u)return;const A=y("groupBy")[k];A&&n(u,A.id,{granularity:h})},[u,y,n]),N=L.useCallback((k,h)=>{if(!u)return;const A=y("metrics")[k];A&&r(u,A.id,{aliasTemplate:h})},[u,y,r]),g=L.useCallback((k,h)=>{if(console.log("handleValueAliasesChange",k,h),!u)return;console.log("handleValueAliasesChange",k,h);const A=y("metrics")[k];A&&(console.log("handleValueAliasesChange",h),r(u,A.id,{valueAliases:h}))},[u,y,r]),O=L.useCallback(k=>{u&&a(u,{comparisonType:k})},[u,a]),E=L.useCallback(k=>{u&&a(u,{showTrendline:k})},[u,a]),b=L.useCallback(k=>{u&&a(u,{trendlineWindow:k})},[u,a]),C=L.useCallback(k=>{u&&a(u,{trendlineGranularity:k})},[u,a]),w=L.useCallback(k=>{u&&a(u,{targetValue:k})},[u,a]),T=L.useCallback((k,h)=>{if(!u)return;const A=y(k)[h];if(A){if(k!=="sortBy"){const I=y("sortBy"),v=I.filter(M=>!(M.name===A.name&&M.qualifiedEntityName===A.qualifiedEntityName));v.length!==I.length&&a(u,{sortByColumns:v})}switch(k){case"groupBy":l(u,A.id);break;case"metrics":c(u,A.id);break;case"pivotBy":d(u,A.id);break;case"sortBy":m(u,A.id);break}}},[u,y,l,c,d,m,a]);return{getFieldsForContainer:y,setFieldsForContainer:j,updateLabel:S,handleAggregationChange:p,handleDateFormatChange:D,handleGranularityChange:f,handleAliasTemplateChange:N,handleValueAliasesChange:g,removeField:T,handleKpiComparisonTypeChange:O,handleKpiShowTrendlineChange:E,handleKpiTrendlineWindowChange:b,handleKpiTrendlineGranularityChange:C,handleKpiTargetValueChange:w,cardType:x}};function Lt({value:s,onSave:a,placeholder:n="",type:r="text",className:o=""}){const[i,l]=L.useState(s??""),[c,d]=L.useState(!1);L.useEffect(()=>{l(s??"")},[s]);const m=()=>{a(i),d(!1)},x=()=>{l(s??""),d(!1)};return e.jsxs("div",{className:`flex items-center gap-2 ${o}`,children:[e.jsx(t.Input$1,{placeholder:n,type:r,value:c?i:s??"",onChange:u=>{l(u.target.value),d(!0)},onFocus:()=>d(!0),onClick:u=>u.stopPropagation(),className:"h-8 text-xs",onPointerDown:u=>u.stopPropagation(),onKeyDown:u=>{u.stopPropagation(),u.key==="Enter"&&c&&i!==s?m():u.key==="Escape"&&x()},"aria-label":n||"Edit field"}),c&&i!==s&&e.jsxs(e.Fragment,{children:[e.jsx(t.Button,{variant:"ghost",size:"icon",className:"h-6 w-6 p-0","aria-label":"Confirm edit",onClick:m,children:e.jsx(t.Check,{className:"h-4 w-4 text-green-600"})}),e.jsx(t.Button,{variant:"ghost",size:"icon",className:"h-6 w-6 p-0","aria-label":"Cancel edit",onClick:x,children:e.jsx(t.X,{className:"h-4 w-4 text-muted-foreground"})})]})]})}function dr({field:s,zone:a,index:n,sortDirection:r,onSortDirectionChange:o,hasPivotColumns:i=!1,cardType:l}){var bt;const{attributes:c,listeners:d,setNodeRef:m,transform:x,transition:u,isDragging:y}=t.useSortable({id:s.id}),j=t.useEditorStore(U=>U.card),{updateLabel:S,handleAggregationChange:p,handleDateFormatChange:D,handleGranularityChange:f,handleAliasTemplateChange:N,handleValueAliasesChange:g,removeField:O,handleKpiComparisonTypeChange:E,handleKpiShowTrendlineChange:b,handleKpiTrendlineWindowChange:C,handleKpiTrendlineGranularityChange:w,handleKpiTargetValueChange:T}=xs(j),[k,h]=L.useState(!1),[B,A]=L.useState(s.dateFormat||"YYYY-MM-DD"),[I,v]=L.useState(s.customFormat||""),[M,F]=L.useState(!!s.customFormat),[P,R]=L.useState(s.granularity||"day"),[z,K]=L.useState(s.aliasTemplate||""),[H,G]=L.useState(s.valueAliases||{}),V=U=>{U==="custom"?F(!0):(F(!1),A(U),a==="groupBy"&&D(n,U,""))},Y=U=>{v(U),a==="groupBy"&&D(n,"custom",U)},q=U=>{R(U),a==="groupBy"&&f(n,U)},$=U=>{K(U),a==="metrics"&&N(n,U)},J=U=>{G(U),a==="metrics"&&g(n,U)},X=U=>{S(a,n,U)},se=()=>{O(a,n)},re={transform:t.CSS.Transform.toString(x),transition:u},le=t.getDataType(s.dataType),ne=le==="date",te=l==="kpi",ce=[{value:"MM-DD-YYYY",label:"01-15-2024 (MM-DD-YYYY)"},{value:"YYYY-MM-DD",label:"2024-01-15 (YYYY-MM-DD)"},{value:"MM/DD/YYYY",label:"01/15/2024 (MM/DD/YYYY)"},{value:"DD/MM/YYYY",label:"15/01/2024 (DD/MM/YYYY)"},{value:"MMMM DD, YYYY",label:"January 15, 2024 (MMMM DD, YYYY)"},{value:"MMM DD, YYYY",label:"Jan 15, 2024 (MMM DD, YYYY)"},{value:"DD MMM YYYY",label:"15 Jan 2024 (DD MMM YYYY)"},{value:"YYYY-MM",label:"2024-01 (YYYY-MM)"},{value:"MMMM YYYY",label:"January 2024 (MMMM YYYY)"},{value:"custom",label:"Custom Format..."}],_=!te&&a!=="pivotBy",Q=te&&ne&&a==="groupBy",oe=!te&&ne&&a==="groupBy",de=te&&ne&&a==="groupBy",me=te&&a==="metrics"&&((bt=j.config)==null?void 0:bt.comparisonType)==="target",W=a==="metrics",Z=()=>e.jsx("div",{onPointerDown:U=>{U.stopPropagation()},className:"cursor-default overflow-hidden text-ellipsis whitespace-nowrap px-0.5 text-xs text-gray-500",children:`${s.entityName}.${s.name}`}),ee=()=>_?e.jsx(Lt,{value:s.label??"",onSave:X,placeholder:"Display label...",type:"text"}):null,yt=()=>Q?e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Granularity"}),e.jsxs(t.Select,{value:P,onValueChange:q,children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(t.SelectValue,{placeholder:"Select granularity..."})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"day",children:"Day"}),e.jsx(t.SelectItem,{value:"week",children:"Week"}),e.jsx(t.SelectItem,{value:"month",children:"Month"}),e.jsx(t.SelectItem,{value:"quarter",children:"Quarter"}),e.jsx(t.SelectItem,{value:"year",children:"Year"})]})]})]}):null,js=()=>oe?e.jsxs(e.Fragment,{children:[yt(),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Date Format"}),e.jsxs(t.Select,{value:M?"custom":B,onValueChange:V,children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(t.SelectValue,{placeholder:"Select date format..."})}),e.jsx(t.SelectContent,{children:ce.map(U=>e.jsx(t.SelectItem,{value:U.value,children:U.label},U.value))})]}),M&&e.jsxs("div",{className:"mt-2 space-y-1",children:[e.jsx(t.Input$1,{placeholder:"Enter custom format (e.g., YYYY-MM-DD HH:mm)",value:I,onChange:U=>{U.stopPropagation(),Y(U.target.value)},onClick:U=>U.stopPropagation(),className:"h-8 text-xs"}),e.jsx("div",{className:"text-xs text-muted-foreground",children:"Examples: YYYY-MM-DD, MM/DD/YY, DD-MMM-YYYY HH:mm"})]})]})]}):null,ys=()=>{var U,ue,ye,vt,Nt;return de?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Comparison Type"}),e.jsxs(t.Select,{value:((U=j.config)==null?void 0:U.comparisonType)||"none",onValueChange:E,children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(t.SelectValue,{placeholder:"Select comparison type..."})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"none",children:"No Comparison"}),e.jsx(t.SelectItem,{value:"previous_period",children:"Previous Period"}),e.jsx(t.SelectItem,{value:"same_period_last_year",children:"Same Period Last Year"}),e.jsx(t.SelectItem,{value:"target",children:"Target Value"})]})]})]}),e.jsx("div",{className:"space-y-1",children:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Show Trendline"}),e.jsx(t.SmallSwitch,{checked:((ue=j.config)==null?void 0:ue.showTrendline)||!1,onCheckedChange:b})]})}),((ye=j.config)==null?void 0:ye.showTrendline)&&e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Trendline Window"}),e.jsx(t.Input$1,{type:"number",min:"1",max:"365",value:((vt=j.config)==null?void 0:vt.trendlineWindow)||30,onChange:Ns=>{const Cs=parseInt(Ns.target.value)||30;C(Cs)},className:"h-8 text-xs",placeholder:"30"})]}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Trendline Granularity"}),e.jsxs(t.Select,{value:((Nt=j.config)==null?void 0:Nt.trendlineGranularity)||"day",onValueChange:w,children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(t.SelectValue,{placeholder:"Select granularity..."})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"day",children:"Day"}),e.jsx(t.SelectItem,{value:"week",children:"Week"}),e.jsx(t.SelectItem,{value:"month",children:"Month"})]})]})]})]})]}):null},bs=()=>{var U,ue;return me?e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Target Value"}),e.jsx(Lt,{value:((U=j.config)==null?void 0:U.targetValue)!==void 0&&((ue=j.config)==null?void 0:ue.targetValue)!==null?String(j.config.targetValue):"",onSave:ye=>{!isNaN(Number(ye))&&ye!==null?T(Number(ye)):T(0)},placeholder:"Enter target value...",type:"text"})]}):null},vs=()=>W?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Label,{className:"text-xs font-medium text-muted-foreground",children:"Aggregation"}),e.jsxs(t.Select,{value:s.aggregate,onValueChange:U=>{p(n,U)},children:[e.jsx(t.SelectTrigger,{className:"h-8 w-full text-xs",children:e.jsx(t.SelectValue,{placeholder:"Select function..."})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"COUNT",children:"Count"}),e.jsx(t.SelectItem,{value:"DISTINCT",children:"Count Distinct"}),t.getDataType(s.dataType)==="number"&&e.jsxs(e.Fragment,{children:[e.jsx(t.SelectItem,{value:"SUM",children:"Sum"}),e.jsx(t.SelectItem,{value:"AVG",children:"Average"}),e.jsx(t.SelectItem,{value:"MIN",children:"Min"}),e.jsx(t.SelectItem,{value:"MAX",children:"Max"}),e.jsx(t.SelectItem,{value:"MEDIAN",children:"Median"})]})]})]})]}),e.jsx(ds,{column:s}),i&&e.jsxs(e.Fragment,{children:[e.jsx(lr,{aliasTemplate:z,onAliasTemplateChange:$}),e.jsx(cr,{valueAliases:H,onValueAliasesChange:J})]})]}):null;return e.jsxs("div",{ref:m,style:re,...c,...d,className:`group mx-auto flex w-full max-w-[300px] flex-col gap-2 rounded border border-border bg-background p-2 transition-all hover:shadow-sm dark:border-gray-800 ${y?"z-50 scale-95 opacity-50":"border-slate-200"} ${a==="filters"?"cursor-default":"cursor-move"}`,children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.GripVertical,{className:"h-3 w-3"}),e.jsx(ms,{dataType:le}),e.jsx(ft,{className:"max-w-[180px] flex-1 text-sm",children:s.label||s.name}),a!=="sortBy"&&e.jsx(t.Button,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0 opacity-0 group-hover:opacity-100",onClick:U=>{U.stopPropagation(),h(!k)},children:e.jsx(t.ChevronDown,{className:`h-3 w-3 transition-transform ${k?"rotate-180":""}`})}),a==="sortBy"&&e.jsx(t.Button,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0 group-hover:opacity-100",onClick:U=>{U.stopPropagation(),console.log("DraggableField - Current sortDirection:",r);const ue=r==="asc"?"desc":"asc";console.log("DraggableField - New direction to set:",ue),o(ue)},children:r==="asc"?e.jsx(t.ArrowUp,{className:"h-3 w-3"}):e.jsx(t.ArrowDown,{className:"h-3 w-3"})}),e.jsx(t.Button,{variant:"ghost",size:"sm",className:"h-6 w-6 p-0 opacity-0 group-hover:opacity-100",onClick:U=>{U.stopPropagation(),se()},children:e.jsx(t.X,{className:"h-3 w-3"})})]}),k&&e.jsxs("div",{className:"space-y-3",children:[Z(),ee(),yt(),js(),ys(),bs(),vs()]})]})}function ur({concept:s}){const a=()=>{switch(s){case"groupBy":return e.jsxs("div",{className:"w-64 space-y-2",children:[e.jsx("h4",{className:"text-sm font-medium",children:"Rows = Group By"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Fields that define how your data is grouped into rows."}),e.jsxs("div",{className:"rounded-md border bg-white p-2 dark:border-muted dark:bg-muted",children:[e.jsxs("div",{className:"flex border-b pb-1 dark:border-border",children:[e.jsx("div",{className:"w-1/3 bg-blue-100 text-xs font-medium dark:bg-blue-200/20",children:"Product"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"Sales"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"Profit"})]}),e.jsxs("div",{className:"flex border-b dark:border-border",children:[e.jsx("div",{className:"w-1/3 bg-blue-200/50 text-xs font-medium dark:bg-blue-200/20",children:"Electronics"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"$5,200"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"$1,300"})]}),e.jsxs("div",{className:"flex border-b dark:border-border",children:[e.jsx("div",{className:"w-1/3 bg-blue-200/30 text-xs font-medium dark:bg-blue-300/20",children:"Clothing"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"$3,100"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"$620"})]}),e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"w-1/3 bg-blue-200/20 text-xs font-medium dark:bg-blue-200/20",children:"Food"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"$2,400"}),e.jsx("div",{className:"w-1/3 text-center text-xs",children:"$480"})]})]})]});case"pivotBy":return e.jsxs("div",{className:"w-64 space-y-2",children:[e.jsx("h4",{className:"text-sm font-medium",children:"Columns = Pivot By"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Fields that split your data into multiple columns or series."}),e.jsxs("div",{className:"rounded-md border bg-white p-2 dark:border-muted dark:bg-muted",children:[e.jsxs("div",{className:"flex border-b pb-1 dark:border-border",children:[e.jsx("div",{className:"w-1/4 text-xs font-medium",children:"Region"}),e.jsx("div",{className:"w-1/4 rounded-t bg-purple-50 text-center text-xs dark:bg-purple-300/20",children:"North"}),e.jsx("div",{className:"w-1/4 rounded-t bg-purple-100 text-center text-xs dark:bg-purple-400/20",children:"South"}),e.jsx("div",{className:"w-1/4 rounded-t bg-purple-50 text-center text-xs dark:bg-purple-300/20",children:"East"})]}),e.jsxs("div",{className:"flex border-b py-1 dark:border-border",children:[e.jsx("div",{className:"w-1/4 text-xs font-medium",children:"Sales"}),e.jsx("div",{className:"w-1/4 bg-purple-50 text-center text-xs dark:bg-purple-300/20",children:"$2,300"}),e.jsx("div",{className:"w-1/4 bg-purple-100 text-center text-xs dark:bg-purple-400/20",children:"$1,800"}),e.jsx("div",{className:"w-1/4 bg-purple-50 text-center text-xs dark:bg-purple-300/20",children:"$3,400"})]}),e.jsxs("div",{className:"flex py-1",children:[e.jsx("div",{className:"w-1/4 text-xs font-medium",children:"Profit"}),e.jsx("div",{className:"w-1/4 rounded-b bg-purple-50 text-center text-xs dark:bg-purple-300/20",children:"$460"}),e.jsx("div",{className:"w-1/4 rounded-b bg-purple-100 text-center text-xs dark:bg-purple-400/20",children:"$360"}),e.jsx("div",{className:"w-1/4 rounded-b bg-purple-50 text-center text-xs dark:bg-purple-300/20",children:"$680"})]})]})]});case"metrics":return e.jsxs("div",{className:"w-64 space-y-2",children:[e.jsx("h4",{className:"text-sm font-medium",children:"Metrics = Values (Cells)"}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Fields that represent the values shown in your visualization."}),e.jsxs("div",{className:"rounded-md border bg-white p-2 dark:border-muted dark:bg-muted",children:[e.jsxs("div",{className:"grid grid-cols-4 gap-1",children:[e.jsx("div",{className:"col-span-1"}),e.jsx("div",{className:"col-span-1 text-center text-xs font-medium",children:"Q1"}),e.jsx("div",{className:"col-span-1 text-center text-xs font-medium",children:"Q2"}),e.jsx("div",{className:"col-span-1 text-center text-xs font-medium",children:"Q3"})]}),e.jsxs("div",{className:"mt-1 grid grid-cols-4 gap-1",children:[e.jsx("div",{className:"text-xs font-medium",children:"Sales"}),e.jsx("div",{className:"rounded bg-blue-100 p-1 text-center text-xs dark:bg-blue-300/20",children:"$2,300"}),e.jsx("div",{className:"rounded bg-blue-200 p-1 text-center text-xs dark:bg-blue-400/20",children:"$3,100"}),e.jsx("div",{className:"rounded bg-blue-300 p-1 text-center text-xs dark:bg-blue-500/20",children:"$4,200"})]}),e.jsxs("div",{className:"mt-1 grid grid-cols-4 gap-1",children:[e.jsx("div",{className:"text-xs font-medium",children:"Profit"}),e.jsx("div",{className:"rounded bg-green-100 p-1 text-center text-xs dark:bg-green-300/20",children:"$460"}),e.jsx("div",{className:"rounded bg-green-200 p-1 text-center text-xs dark:bg-green-400/20",children:"$620"}),e.jsx("div",{className:"rounded bg-green-300 p-1 text-center text-xs dark:bg-green-500/20",children:"$840"})]})]})]});default:return null}};return e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{delayDuration:300,children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsx(t.CircleHelp,{className:"size-4 text-muted-foreground hover:text-foreground"})}),e.jsx(t.TooltipContent,{side:"right",align:"start",className:"p-3",children:a()})]})})}function Ie({zone:s,fields:a,label:n,placeholder:r,shouldShow:o,hasPivotColumns:i=!1}){const{isOver:l,setNodeRef:c}=t.useDroppable({id:s}),{updateSortByColumn:d}=t.useEditorActions(),m=t.useEditorStore(S=>S.card),x=t.useEditorStore(S=>S.card.type),u=a.length>0,y=(S,p)=>{var f;!((f=m.config)!=null&&f.sortByColumns)||m.config.sortByColumns.findIndex(N=>N.id===S)===-1||d(m.id,S,{direction:p})};if(s==="sortBy"&&o===!1)return null;const j=s!=="sortBy"&&x!=="kpi";return e.jsxs("div",{className:"mb-4",children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx(t.Label,{className:t.cn("block text-sm font-medium",{}),children:n}),j&&e.jsx(ur,{concept:s})]}),e.jsx("div",{ref:c,className:`min-h-[60px] rounded-lg border-2 border-dashed p-3 transition-all ${l?"border-blue-500 bg-blue-50 dark:bg-blue-950":"border-muted-foreground/20 bg-muted/50"}`,children:a.length===0?e.jsxs("div",{className:"flex min-h-[40px] items-center justify-center text-sm text-gray-400",children:[e.jsx(t.Plus,{className:"mr-2 h-4 w-4"}),r]}):e.jsx(t.SortableContext,{items:a.map(S=>S.id),strategy:t.verticalListSortingStrategy,children:e.jsx("div",{className:"flex flex-wrap gap-2",children:a.map((S,p)=>{const f=S.direction;return e.jsx("div",{className:"flex w-full items-center gap-2",children:e.jsx("div",{className:"flex-1",children:e.jsx(dr,{field:S,zone:s,index:p,sortDirection:f,onSortDirectionChange:N=>y(S.id,N),hasPivotColumns:i,cardType:x})})},S.id)})})})})]})}function mr({groupByFields:s,pivotByFields:a,metricsFields:n,sortByFields:r}){const o=t.useEditorStore(u=>u.card),i=o==null?void 0:o.type,l=s.length>0||n.length>0,c=i!=="kpi",d=i!=="kpi"&&l,m=()=>i==="kpi"?{label:"Trend By",placeholder:"Drop fields to trend data"}:{label:"Rows",placeholder:"Drop fields to group data"},x=()=>i==="kpi"?{label:"Metric",placeholder:"Drop field for KPI"}:{label:"Metrics",placeholder:"Drop fields to measure"};return e.jsxs("div",{className:"space-y-4",children:[e.jsx(Ie,{zone:"groupBy",fields:s,label:m().label,placeholder:m().placeholder}),c&&e.jsx(Ie,{zone:"pivotBy",fields:a,label:"Columns",placeholder:"Drop fields to pivot data"}),e.jsx(Ie,{zone:"metrics",fields:n,label:x().label,placeholder:x().placeholder,hasPivotColumns:a.length>0}),d&&e.jsx(Ie,{zone:"sortBy",fields:r,label:"Sort By",placeholder:"Drop fields from Rows or Metrics"})]})}function hr({selectedChart:s,onChartChange:a,groupByFields:n,pivotByFields:r,metricsFields:o,sortByFields:i}){const l=t.useEditorStore(u=>u.showAIDialog),c=n.length>0||r.length>0||o.length>0,{setShowAIDialog:d}=t.useEditorActions(),m=t.useEditorStore(u=>u.card),{data:x}=t.useDashboardCardQuery(m);return e.jsxs("div",{className:"flex w-96 flex-col border-r bg-background",children:[e.jsxs("div",{className:"space-y-4 border-b px-6 py-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.ChartColumn,{className:"h-5 w-5 text-brand"}),e.jsx("h2",{className:"font-semibold",children:"Chart Configuration"})]}),e.jsx(or,{selectedChart:s,onChartChange:a})]}),e.jsxs("div",{className:t.cn("flex justify-end gap-2 px-6 pt-6"),children:[e.jsx("div",{className:t.cn("invisible",{visible:c||x}),children:e.jsx(t.EditorClearButton,{})}),!l&&e.jsxs(t.Button,{onClick:()=>d(!l),variant:"outline",className:"h-8",size:"sm",children:[e.jsx(fn,{className:"mr-2 size-4"}),"AI"]})]}),e.jsxs(t.ScrollArea,{className:"flex-1 basis-0 px-6",children:[e.jsx(mr,{groupByFields:n,pivotByFields:r,metricsFields:o,sortByFields:i}),e.jsx(t.ScrollBar,{orientation:"horizontal"})]})]})}function xr({initialFilters:s,availableFields:a}={}){const[n,r]=L.useState(s||{id:`group-${Date.now()}`,logicalOperator:"AND",negate:!1,conditions:[],groups:[]});t.useEditorStore(E=>E.card.dataSource);const{columns:o,isLoading:i}=t.useColumns(),c=a||o||[],d={id:"default",name:"default",dataType:"string",label:"Default",entityId:"default",entityName:"Default",entityType:"table"},m=E=>{const b=C=>{if(C.id===E){const w=c[0]||d;return{...C,conditions:[...C.conditions,{id:`condition-${Date.now()}`,field:w,operator:"=",value:""}]}}return{...C,groups:C.groups.map(b)}};r(b(n))},x=E=>{const b=C=>{if(C.id===E){const w=c[0]||d;return{...C,groups:[...C.groups,{id:`group-${Date.now()}`,logicalOperator:"AND",negate:!1,conditions:[{id:`condition-${Date.now()}`,field:w,operator:"=",value:""}],groups:[]}]}}return{...C,groups:C.groups.map(b)}};r(b(n))},u=(E,b)=>{const C=w=>w.id===E?{...w,conditions:w.conditions.filter(T=>T.id!==b)}:{...w,groups:w.groups.map(C)};r(C(n))},y=(E,b)=>{const C=w=>w.id===E?{...w,groups:w.groups.filter(T=>T.id!==b)}:{...w,groups:w.groups.map(C)};r(C(n))},j=(E,b,C,w)=>{if(C==="field")throw new Error("Use a dedicated method to update the field property with a Field object");const T=k=>k.id===E?{...k,conditions:k.conditions.map(h=>h.id===b?{...h,[C]:w}:h)}:{...k,groups:k.groups.map(T)};r(T(n))},S=(E,b,C)=>{const w=T=>T.id===E?{...T,conditions:T.conditions.map(k=>k.id===b?{...k,...C}:k)}:{...T,groups:T.groups.map(w)};r(w(n))},p=(E,b)=>{const C=w=>w.id===E?{...w,logicalOperator:b}:{...w,groups:w.groups.map(C)};r(C(n))},D=(E,b)=>{const C=w=>w.id===E?{...w,negate:b}:{...w,groups:w.groups.map(C)};r(C(n))},f=(E,b,C)=>{const w=T=>T.id===E?{...T,conditions:t.arrayMove(T.conditions,b,C)}:{...T,groups:T.groups.map(w)};r(w(n))},N=(E,b,C)=>{const w=T=>T.id===E?{...T,groups:t.arrayMove(T.groups,b,C)}:{...T,groups:T.groups.map(w)};r(w(n))},g=E=>{if(!E||E.conditions.length===0&&E.groups.length===0)return"-- No filters defined";const b=w=>{let T="";typeof w.field=="object"?T=w.field.entityName?`${w.field.entityName}.${w.field.name}`:w.field.name:T=String(w.field);const k=w.operator;let h=w.value;if(w.field.dataType==="string"&&!["in","not in"].includes(w.operator))typeof h=="string"?h=`'${h}'`:Array.isArray(h)&&(h=`'${h.join(", ")}'`);else if(w.field.dataType==="date")(typeof h=="string"||h instanceof Date)&&(h=`DATE('${h}')`);else if(["in","not in"].includes(w.operator)){let B=[];Array.isArray(h)?B=h.map(A=>typeof A=="string"?`'${A}'`:String(A)):typeof h=="string"?B=h.split(",").map(A=>{const I=A.trim();return w.field.dataType==="string"?`'${I}'`:I}):typeof h=="number"&&(B=[String(h)]),h=`(${B.join(", ")})`}switch(k){case"contains":return typeof h=="string"?`${T} LIKE '%${h.replace(/'/g,"")}'`:`${T} LIKE '%${String(h)}'`;case"startsWith":return typeof h=="string"?`${T} LIKE '${h.replace(/'/g,"")}%'`:`${T} LIKE '${String(h)}%'`;case"endsWith":return typeof h=="string"?`${T} LIKE '%${h.replace(/'/g,"")}'`:`${T} LIKE '%${String(h)}'`;default:return`${T} ${k} ${h}`}},C=w=>{const T=w.conditions.map(b),k=w.groups.map(I=>C(I)),h=[...T,...k].filter(Boolean);if(h.length===0)return"";const B=h.join(` ${w.logicalOperator} `),A=h.length>1?`(${B})`:B;return w.negate?`NOT ${A}`:A};return C(E)},O=n.conditions.length>0||n.groups.length>0;return{currentFilters:n,setCurrentFilters:r,availableFields:c,isLoading:i,addCondition:m,addGroup:x,removeCondition:u,removeGroup:y,updateCondition:j,updateConditionFields:S,updateGroupOperator:p,updateGroupNegate:D,reorderConditions:f,reorderGroups:N,generateSQLPreview:g,hasAnyFilters:O}}function pr({children:s,className:a,delayDuration:n}){return e.jsx(t.TooltipProvider$1,{children:e.jsxs(t.Tooltip,{delayDuration:n,children:[e.jsx(t.TooltipTrigger,{asChild:!0,children:e.jsx("div",{className:t.cn("w-[200px] overflow-hidden text-ellipsis whitespace-nowrap text-sm",a),children:s})}),e.jsx(t.PortalTooltipContent,{children:s})]})})}const fr=s=>{switch(s){case"table":return e.jsx(t.Table,{className:"h-3 w-3"});case"view":return e.jsx(t.Eye,{className:"h-3 w-3"});case"dataset":return e.jsx(t.ChartColumn,{className:"h-3 w-3"});case"file":return e.jsx(Qs,{className:"h-3 w-3"});default:return e.jsx(t.Table,{className:"h-3 w-3"})}},gr=s=>{if(s.qualifiedEntityName){const a=s.qualifiedEntityName.split(".");return a.length>1?a[0]:"default"}return"default"};function jr({value:s,onValueChange:a,availableFields:n,placeholder:r="Select field",className:o="w-64"}){const[i,l]=L.useState(!1),c=L.useMemo(()=>{const d={};return n.forEach(m=>{const x=gr(m);d[x]||(d[x]={}),d[x][m.entityId]||(d[x][m.entityId]=[]),d[x][m.entityId].push(m)}),d},[n]);return e.jsxs(t.Popover,{modal:!0,open:i,onOpenChange:l,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"outline",role:"combobox","aria-expanded":i,className:t.cn("justify-between",!s&&"text-muted-foreground",o),children:[s?e.jsx("div",{className:"flex items-center gap-2",children:e.jsxs(pr,{children:[s.entityName,".",s.name]})}):r,e.jsx(t.ChevronsUpDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"z-50 w-80 p-0",align:"start",children:e.jsxs(t.Command,{children:[e.jsx(t.CommandInput,{placeholder:"Search fields...",className:"h-9"}),e.jsx(t.CommandEmpty,{children:"No fields found."}),e.jsx(t.CommandList,{className:"max-h-80",children:Object.entries(c).map(([d,m])=>e.jsx(t.CommandGroup,{heading:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(t.Database,{className:"h-3 w-3"}),d]}),children:Object.entries(m).map(([x,u])=>e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 bg-gray-50/50 px-2 py-1 text-xs font-medium text-gray-600",children:[fr(u[0].entityType),e.jsx("span",{children:u[0].entityName})]}),u.map((y,j)=>e.jsxs(t.CommandItem,{value:y.id,onSelect:()=>{a(y),l(!1)},className:"overflow-x-auto",children:[e.jsx(t.Check,{className:t.cn("mr-2 h-4 w-4",(s==null?void 0:s.id)===y.id?"opacity-100":"opacity-0")}),e.jsxs("div",{className:"flex min-w-0 flex-1 flex-col",children:[e.jsx("div",{className:"flex items-center gap-2",children:e.jsx("span",{className:"",children:y.name})}),e.jsx("div",{className:"flex items-center gap-2 text-xs text-gray-500",children:y.description&&e.jsx("span",{children:y.description})})]})]},y.id+j))]},`${d}-${x}`))},d))})]})})]})}function jt(s){var S;const a=t.useEditorStore(p=>p.card),{authToken:n}=t.useSemaphorContext(),r=t.useEditorStore(p=>p.card.config),o=r==null?void 0:r.joinPlan,i={...s,alias:s.name,label:"value",role:"groupby"},l={...s,role:"metric",label:"count",alias:"count",aggregate:"COUNT"},c={...i,role:"sortby",direction:"asc"},d={joinPlan:o,groupByColumns:[i],metricColumns:[l],sortByColumns:[c]},m=((S=a.dataSource)==null?void 0:S.connectionId)||a.connectionId,{data:x,isPending:u,error:y}=t.useQuery({queryKey:["filterValues",s.entityId,s.name,s.qualifiedEntityName],queryFn:async()=>{try{return await t.postRequestRegular("https://semaphor.cloud/api/v1/query",(n==null?void 0:n.accessToken)||"",{connection_id:m,cardConfig:d,cardDataSource:a.dataSource})}catch(p){console.log(s),console.error("error",p)}},enabled:!!m,refetchOnMount:!0,refetchOnWindowFocus:!1});return{filterValues:((x==null?void 0:x.records)||[]).map(p=>({label:p[s.name]||"BLANK",value:p[s.name]||"BLANK",count:(p==null?void 0:p.count)||0})),isPending:u,error:y}}function yr({field:s,selected:a,onChange:n,placeholder:r="Select items...",className:o}){const[i,l]=he.useState(!1),{filterValues:c}=jt(s),d=x=>{n(a.filter(u=>u!==x))},m=x=>{a.includes(x)?n(a.filter(u=>u!==x)):n([...a,x])};return e.jsx("div",{className:t.cn("w-full",o),children:e.jsxs(t.Popover,{open:i,onOpenChange:l,modal:!0,children:[e.jsx(t.PopoverTrigger,{asChild:!0,children:e.jsxs(t.Button,{variant:"outline",role:"combobox","aria-expanded":i,className:"h-auto min-h-10 w-full justify-between p-2",children:[e.jsx("div",{className:"flex flex-1 flex-wrap gap-1",children:a.length>0?a.map(x=>{const u=c.find(y=>y.value===x);return e.jsxs(t.Badge,{variant:"secondary",className:"text-xs",children:[u==null?void 0:u.label,e.jsx("div",{className:"ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2",onKeyDown:y=>{y.key==="Enter"&&d(x)},onMouseDown:y=>{y.preventDefault(),y.stopPropagation()},onClick:y=>{y.stopPropagation(),d(x)},children:e.jsx(t.X,{className:"h-3 w-3 text-muted-foreground hover:text-foreground"})})]},x)}):e.jsx("span",{className:"text-muted-foreground",children:r})}),e.jsx(t.ChevronDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),e.jsx(t.PopoverContent,{className:"z-50 w-fit overflow-auto p-0",align:"start",children:e.jsxs(t.Command,{children:[e.jsx(t.CommandInput,{placeholder:"Search..."}),e.jsxs(t.CommandList,{children:[e.jsx(t.CommandEmpty,{children:"No results found."}),e.jsx(t.CommandGroup,{children:c.map((x,u)=>e.jsxs(t.CommandItem,{onSelect:()=>m(x.value),children:[e.jsx(t.Check,{className:t.cn("mr-2 h-4 w-4",a.includes(x.value)?"opacity-100":"opacity-0")}),e.jsxs("div",{className:"flex grow items-center justify-between gap-4",children:[e.jsx("span",{children:x.label}),e.jsx("span",{className:"text-xs text-muted-foreground",children:x.count})]})]},x.value+u))})]})]})})]})})}const ps=s=>{if(!s)return 0;let a=s.conditions.length;return s.groups.forEach(n=>{a+=ps(n)}),a};function br({field:s,value:a,onChange:n,placeholder:r="Select value...",className:o}){const{filterValues:i,isPending:l,error:c}=jt(s);return l?e.jsxs("div",{className:"flex flex-1 items-center justify-center p-2 text-xs text-gray-500",children:[e.jsx(t.LoaderCircle,{className:"mr-2 size-3.5 animate-spin"})," Loading values..."]}):c?e.jsx("div",{className:"flex-1 p-2 text-xs text-red-500",children:"Error loading values"}):e.jsxs(t.Select,{value:a,onValueChange:n,children:[e.jsx(t.SelectTrigger,{className:o||"flex-1",children:e.jsx(t.SelectValue,{placeholder:r,children:a})}),e.jsx(t.SelectContent,{children:i.map((d,m)=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:d.value,children:d.label},d.value+m))})]})}const vr=["=","!=",">",">=","<","<=","contains","startsWith","endsWith","in","not in"],Nr=["=","!=","contains","startsWith","endsWith","in","not in"],Cr=["=","!=",">",">=","<","<=","in","not in"],Sr=["=","!="],wr=["=","!=",">",">=","<","<=","in","not in"];function kr(s){switch(s){case"string":return Nr;case"number":return Cr;case"boolean":return Sr;case"date":return wr;default:return vr}}function fs({condition:s,index:a,groupId:n,groupLogicalOperator:r,onUpdateCondition:o,onRemoveCondition:i,onUpdateGroupOperator:l,availableFields:c,updateConditionFields:d}){const{attributes:m,listeners:x,setNodeRef:u,transform:y,transition:j,isDragging:S}=t.useSortable({id:s.id}),{isPending:p,error:D}=jt(s.field),f={transform:t.CSS.Transform.toString(y),transition:j};return e.jsxs("div",{ref:u,style:f,className:`mb-2 flex items-center gap-2 rounded p-2 hover:bg-muted/50 ${S?"z-50 opacity-50":""}`,children:[e.jsx("div",{...m,...x,className:"cursor-grab active:cursor-grabbing",children:e.jsx(t.GripVertical,{className:"h-4 w-4 flex-shrink-0 text-gray-400"})}),a>0&&e.jsxs(t.Select,{value:r,onValueChange:N=>l(n,N),children:[e.jsx(t.SelectTrigger,{className:"w-24",children:e.jsx(t.SelectValue,{})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"AND",children:"AND"}),e.jsx(t.SelectItem,{value:"OR",children:"OR"})]})]}),a===0&&e.jsx("div",{className:"w-24"}),e.jsx(jr,{value:s.field,onValueChange:N=>{d(n,s.id,{field:N,value:""})},availableFields:c,placeholder:"Select field",className:"w-64"}),e.jsxs(t.Select,{value:s.operator,onValueChange:N=>{N==="in"||N==="not in"?d(n,s.id,{operator:N,value:[]}):d(n,s.id,{operator:N,value:""})},children:[e.jsx(t.SelectTrigger,{className:"w-28",children:e.jsx(t.SelectValue,{})}),e.jsx(t.SelectContent,{children:kr(t.getDataType(s.field.dataType)).map(N=>e.jsx(t.SelectItem,{className:"hover:bg-muted",value:N,children:N},N))})]}),t.getDataType(s.field.dataType)==="string"?s.operator==="in"||s.operator==="not in"?p?e.jsxs("div",{className:"flex flex-1 items-center justify-center p-2 text-xs text-gray-500",children:[e.jsx(t.LoaderCircle,{className:"mr-2 size-3.5 animate-spin"})," Loading values..."]}):D?e.jsx("div",{className:"flex-1 p-2 text-xs text-red-500",children:"Error loading values"}):e.jsx(yr,{field:s.field,selected:Array.isArray(s.value)&&s.value.every(N=>typeof N=="string")?s.value:[],onChange:N=>d(n,s.id,{value:N}),placeholder:`Select values for ${s.operator}...`,className:"flex-1"}):["contains","startsWith","endsWith"].includes(s.operator)?e.jsx(t.Input$1,{value:typeof s.value=="string"?s.value:"",onChange:N=>d(n,s.id,{value:N.target.value}),className:"flex-1",placeholder:s.operator.charAt(0).toUpperCase()+s.operator.slice(1)+"..."}):e.jsx(br,{field:s.field,value:typeof s.value=="string"?s.value:"",onChange:N=>d(n,s.id,{value:N}),placeholder:"Select value...",className:"flex-1"}):t.getDataType(s.field.dataType)==="boolean"?e.jsxs(t.Select,{value:typeof s.value=="boolean"?String(s.value):"",onValueChange:N=>d(n,s.id,{value:N==="true"}),children:[e.jsx(t.SelectTrigger,{className:"flex-1",children:e.jsx(t.SelectValue,{placeholder:"Select value..."})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{value:"true",children:"True"}),e.jsx(t.SelectItem,{value:"false",children:"False"})]})]}):e.jsx(t.Input$1,{value:typeof s.value=="string"||typeof s.value=="number"?s.value:"",onChange:N=>o(n,s.id,"value",N.target.value),className:"flex-1",placeholder:s.operator==="in"||s.operator==="not in"?"value1, value2, value3":"Value"}),e.jsx(t.Button,{variant:"ghost",size:"sm",className:"h-7 w-7 flex-shrink-0 p-0",onClick:()=>i(n,s.id),children:e.jsx(t.X,{className:"h-3 w-3"})})]})}function Er({group:s,depth:a,parentGroupId:n,onUpdateGroupOperator:r,onUpdateGroupNegate:o,onRemoveGroup:i,onUpdateCondition:l,onUpdateField:c,onRemoveCondition:d,onReorderConditions:m,onReorderGroups:x,onAddCondition:u,onAddGroup:y,availableFields:j,renderFilterGroup:S,updateConditionFields:p}){const{attributes:D,listeners:f,setNodeRef:N,transform:g,transition:O,isDragging:E}=t.useSortable({id:s.id}),b={transform:t.CSS.Transform.toString(g),transition:O},C=T=>{const{active:k,over:h}=T;if(h&&k.id!==h.id){const B=s.conditions.findIndex(I=>I.id===k.id),A=s.conditions.findIndex(I=>I.id===h.id);B!==-1&&A!==-1&&m(s.id,B,A)}},w=T=>{const{active:k,over:h}=T;if(h&&k.id!==h.id&&n){const B=s.groups.findIndex(I=>I.id===k.id),A=s.groups.findIndex(I=>I.id===h.id);B!==-1&&A!==-1&&x(n,B,A)}};return e.jsxs("div",{ref:N,style:b,className:`rounded-lg ${a>0?"mt-2 border border-border":""} ${E?"z-50 opacity-50":""}`,children:[a>0&&e.jsxs("div",{className:"flex items-center justify-between rounded-t-lg bg-muted p-2",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{...D,...f,className:"cursor-grab active:cursor-grabbing",children:e.jsx(t.GripVertical,{className:"h-4 w-4 text-muted-foreground"})}),e.jsx(t.Button,{variant:s.negate?"default":"outline",size:"sm",className:"h-7 px-2 text-xs",onClick:()=>o(s.id,!s.negate),children:"NOT"}),e.jsxs(t.Select,{value:s.logicalOperator,onValueChange:T=>r(s.id,T),children:[e.jsx(t.SelectTrigger,{className:"h-7 w-20",children:e.jsx(t.SelectValue,{})}),e.jsxs(t.SelectContent,{children:[e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"AND",children:"AND"}),e.jsx(t.SelectItem,{className:"hover:bg-muted",value:"OR",children:"OR"})]})]}),e.jsx("span",{className:"text-sm font-medium",children:"Group"})]}),e.jsx(t.Button,{variant:"ghost",size:"sm",className:"h-7 w-7 p-0",onClick:()=>n&&i(n,s.id),children:e.jsx(t.Trash2,{className:"h-3 w-3"})})]}),e.jsxs("div",{className:`p-3 ${a>0?"":"px-0"}`,children:[e.jsx(t.DndContext,{sensors:t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates})),collisionDetection:t.closestCenter,onDragEnd:C,children:e.jsx(t.SortableContext,{items:s.conditions.map(T=>T.id),strategy:t.verticalListSortingStrategy,children:s.conditions.map((T,k)=>e.jsx(fs,{condition:T,index:k,groupId:s.id,groupLogicalOperator:s.logicalOperator,onUpdateCondition:l,onUpdateField:c,onRemoveCondition:d,onUpdateGroupOperator:r,availableFields:j,updateConditionFields:p},T.id))})}),e.jsx(t.DndContext,{sensors:t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates})),collisionDetection:t.closestCenter,onDragEnd:w,children:e.jsx(t.SortableContext,{items:s.groups.map(T=>T.id),strategy:t.verticalListSortingStrategy,children:s.groups.map(T=>S(T,a+1,s.id))})}),e.jsxs("div",{className:"mt-3 flex items-center gap-2",children:[e.jsxs(t.Button,{size:"sm",variant:"outline",className:"h-7 text-xs",onClick:()=>u(s.id),children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"}),"Add Condition"]}),e.jsxs(t.Button,{variant:"outline",size:"sm",className:"h-7 text-xs",onClick:()=>y(s.id),children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"}),"Add Group"]})]})]})]})}function Dr({filters:s,availableFields:a,onSave:n,onClearAll:r,onCancel:o}){const{currentFilters:i,availableFields:l,isLoading:c,addCondition:d,addGroup:m,removeCondition:x,removeGroup:u,updateCondition:y,updateConditionFields:j,updateGroupOperator:S,updateGroupNegate:p,reorderConditions:D,reorderGroups:f,generateSQLPreview:N,hasAnyFilters:g,setCurrentFilters:O}=xr({initialFilters:s,availableFields:a}),E=t.useSensors(t.useSensor(t.PointerSensor),t.useSensor(t.KeyboardSensor,{coordinateGetter:t.sortableKeyboardCoordinates})),[b,C]=L.useState(!1),w=(h,B,A)=>{const I=v=>v.id===h?{...v,conditions:v.conditions.map(M=>M.id===B?{...M,field:A,dataType:A.dataType}:M)}:{...v,groups:v.groups.map(I)};O(I(i))},T=(h,B=0,A)=>B===0?e.jsx("div",{className:"rounded-lg",children:e.jsxs("div",{className:"p-3 px-0",children:[e.jsx(t.DndContext,{sensors:E,collisionDetection:t.closestCenter,onDragEnd:I=>{const{active:v,over:M}=I;if(M&&v.id!==M.id){const F=h.conditions.findIndex(R=>R.id===v.id),P=h.conditions.findIndex(R=>R.id===M.id);F!==-1&&P!==-1&&D(h.id,F,P)}},children:e.jsx(t.SortableContext,{items:h.conditions.map(I=>I.id),strategy:t.verticalListSortingStrategy,children:h.conditions.map((I,v)=>e.jsx(fs,{condition:I,index:v,groupId:h.id,groupLogicalOperator:h.logicalOperator,onUpdateCondition:y,onUpdateField:w,onRemoveCondition:x,onUpdateGroupOperator:S,availableFields:l,updateConditionFields:j},I.id))})}),e.jsx(t.DndContext,{sensors:E,collisionDetection:t.closestCenter,onDragEnd:I=>{const{active:v,over:M}=I;if(M&&v.id!==M.id){const F=h.groups.findIndex(R=>R.id===v.id),P=h.groups.findIndex(R=>R.id===M.id);F!==-1&&P!==-1&&f(h.id,F,P)}},children:e.jsx(t.SortableContext,{items:h.groups.map(I=>I.id),strategy:t.verticalListSortingStrategy,children:h.groups.map(I=>T(I,B+1,h.id))})}),e.jsxs("div",{className:"mt-3 flex items-center gap-2",children:[e.jsxs(t.Button,{size:"sm",className:"h-7 text-xs",variant:"outline",onClick:()=>d(h.id),children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"}),"Add Condition"]}),b&&e.jsxs(t.Button,{variant:"outline",size:"sm",className:"h-7 text-xs",onClick:()=>m(h.id),children:[e.jsx(t.Plus,{className:"mr-1 h-3 w-3"}),"Add Group"]})]})]})},h.id):e.jsx(Er,{group:h,depth:B,parentGroupId:A,onUpdateGroupOperator:S,onUpdateGroupNegate:p,onRemoveGroup:u,onUpdateCondition:y,onUpdateField:w,onRemoveCondition:x,onReorderConditions:D,onReorderGroups:f,onAddCondition:d,onAddGroup:m,availableFields:l,renderFilterGroup:T,updateConditionFields:j},h.id),k=ps(s);return e.jsxs("div",{className:"space-y-4",children:[e.jsx(t.Card,{children:e.jsx(t.CardContent,{className:"p-4",children:e.jsxs("div",{className:"space-y-4",children:[c?e.jsxs("div",{className:"flex items-center justify-center p-4",children:[e.jsx("div",{className:"h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600"}),e.jsx("span",{className:"ml-2 text-sm text-gray-600",children:"Loading columns..."})]}):T(i),e.jsx("div",{className:"mt-4 border-t border-border pt-4",children:e.jsxs("div",{className:"flex items-center space-x-2",children:[e.jsx(t.Checkbox,{id:"advanced-mode",checked:b,onCheckedChange:h=>C(!!h)}),e.jsx("label",{htmlFor:"advanced-mode",className:"text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",children:"Advanced mode (enable grouping)"})]})}),g&&e.jsxs("div",{className:"mt-4 border-t border-border pt-4",children:[e.jsx("div",{className:"mb-2 text-xs font-medium text-muted-foreground",children:"SQL WHERE Clause Preview"}),e.jsx("div",{className:"overflow-x-auto rounded-md border bg-muted p-3",children:e.jsx("pre",{className:"whitespace-pre-wrap font-mono text-xs text-muted-foreground",children:N(i)})})]})]})})}),e.jsxs("div",{className:"flex justify-end gap-2",children:[e.jsx(t.Button,{size:"sm",variant:"outline",onClick:o,children:"Cancel"}),k>0&&e.jsx(t.Button,{variant:"outline",size:"sm",onClick:r,children:"Clear All"}),e.jsx(t.Button,{size:"sm",onClick:()=>n(g?i:null),children:"Apply Filters"})]})]})}function Tr({cardId:s,filters:a,onFiltersChange:n,onClearFilters:r,availableFields:o,isOpen:i,onOpenChange:l}){const c=m=>{n(s,m),l(!1)},d=()=>{r(s),l(!1)};return e.jsxs(t.Dialog,{modal:!1,open:i,onOpenChange:l,children:[i&&e.jsx("div",{className:"pointer-events-none fixed inset-0 z-40 bg-background/80 backdrop-blur-sm"}),e.jsxs(t.DialogContent,{className:"max-h-[80vh] max-w-4xl overflow-y-auto",onInteractOutside:m=>{m.preventDefault()},children:[e.jsxs(t.DialogHeader,{children:[e.jsx(t.DialogTitle,{children:"Card Filters"}),e.jsx(t.DialogDescription,{children:"Add filters to the card to limit the data that is displayed."})]}),e.jsx(Dr,{filters:a,availableFields:o,onSave:c,onCancel:()=>l(!1),onClearAll:d})]})]})}function gs(s,a){return`${s}-${a.qualifiedEntityName}-${a.name}-${Date.now()}`}function Ir({activeCardId:s,sourceFields:a,getFieldsForContainer:n,setFieldsForContainer:r}){var D;const[o,i]=L.useState(null),l=t.useEditorStore(f=>f.card),c=(D=l==null?void 0:l.config)==null?void 0:D.joinPlan,d=[...a,...n("groupBy"),...n("pivotBy"),...n("metrics"),...n("sortBy")],m=L.useCallback(f=>f.startsWith("card-")?null:f.startsWith("source-")||a.find(N=>N.id===f)?"source":n("groupBy").find(N=>N.id===f)?"groupBy":n("metrics").find(N=>N.id===f)?"metrics":n("pivotBy").find(N=>N.id===f)?"pivotBy":n("sortBy").find(N=>N.id===f)?"sortBy":null,[a,n]),x=L.useCallback((f,N)=>{var g;return!c||!((g=c.baseEntity)!=null&&g.name)||!c.joins?!1:f===N||f===c.baseEntity.name||N===c.baseEntity.name?!0:c.joins.some(O=>{const E=t.getQualifiedEntityName(O.source),b=t.getQualifiedEntityName(O.target);return console.log(E,b),console.log(E===f&&b===N||E===N&&b===f),E===f&&b===N||E===N&&b===f})},[c]),u=L.useCallback(()=>{t.ue.error("Join Configuration Required",{richColors:!0,description:"To combine fields from two different tables, you need to define a join between them first.",position:"top-center",duration:4e3})},[]),y=(f,N)=>{const g=gs(N,f),O=t.getDataType(f.dataType),E=O==="date",b={id:g,name:f.name,dataType:f.dataType,label:t.toLabel(f.name),qualifiedEntityName:f.qualifiedEntityName,entityId:f.entityId,entityName:f.entityName,entityType:f.entityType};if(N==="metrics"){const C=O==="number"?"SUM":"COUNT",w=hs(f.label,C);return{...b,role:"metric",label:w,aggregate:C}}return N==="groupBy"?{...b,role:"groupby",...E&&{granularity:"month"}}:N==="pivotBy"?{...b,role:"pivotby"}:N==="sortBy"?{...b,role:"sortby",label:f.label,direction:"asc"}:null},j=L.useCallback(f=>{i(f.active.id)},[]),S=L.useCallback(f=>{const{active:N,over:g}=f;if(!g||!s){i(null);return}const O=N.id,E=g.id,b=m(O),C=m(E)||E;if(b==="source"&&C==="sortBy"){i(null);return}if(b==="source"&&C!=="source"&&C!=="sortBy"){const w=[...a].find(A=>A.id===O);if(!w){i(null);return}const T=[...n("groupBy"),...n("pivotBy"),...n("metrics"),...n("sortBy")];if(T.length>0){const A=T[0].qualifiedEntityName;if(!A){i(null);return}if(A!==w.qualifiedEntityName&&w.qualifiedEntityName)if(c){if(!x(A,w.qualifiedEntityName)){u(),i(null);return}}else{u(),i(null);return}}const k=n(C);if(k.some(A=>A.name===w.name&&A.qualifiedEntityName===w.qualifiedEntityName)){i(null);return}const B=y(w,C);i(null),r(C,[...k,B]);return}if(b&&C&&b!=="source"&&C!=="source"&&b!==C){const w=n(b),T=n(C),k=w.find(A=>A.id===O);if(!k){i(null);return}const h=y(k,C);if(i(null),C==="sortBy"){if(b==="pivotBy"){i(null);return}T.some(I=>I.name===k.name&&I.qualifiedEntityName===k.qualifiedEntityName)||r(C,[...T,h]);return}const B=w.filter(A=>A.id!==O);r(b,B),r(C,[...T,h]);return}if(b&&C&&b===C&&b!=="source"){const w=n(b),T=w.findIndex(h=>h.id===O),k=w.findIndex(h=>h.id===E);if(T!==k){const h=t.arrayMove(w,T,k);r(b,h)}}i(null)},[s,a,n,r,m,c,u,x]),p=o?d.find(f=>f.id===o):null;return{activeId:o,activeField:p,handleDragStart:j,handleDragEnd:S}}function Ar({activeView:s,onViewChange:a}){const n=t.useEditorStore(o=>o.card),{errorMessage:r}=t.useDashboardCardQuery(n);return e.jsx(t.Tabs,{value:s,onValueChange:o=>a(o),children:e.jsxs(t.TabsList,{className:"h-9 w-fit gap-2 bg-background p-0",children:[e.jsx(t.TabsTrigger,{value:"chart",className:"rounded-md transition data-[state=active]:bg-muted",children:"Chart"}),e.jsx(t.TabsTrigger,{value:"table",className:"rounded-md transition data-[state=active]:bg-muted",children:"Results"}),n.type!=="kpi"&&e.jsx(t.TabsTrigger,{value:"sql",className:t.cn("rounded-md transition data-[state=active]:bg-muted",r&&"text-destructive data-[state=active]:bg-destructive/10 data-[state=active]:text-destructive"),children:r?"Error":"Query"})]})})}const Mr=[{value:"10",label:"Top 10"},{value:"20",label:"Top 20"},{value:"50",label:"Top 50"},{value:"100",label:"Top 100"},{value:"200",label:"Top 200"},{value:"500",label:"Top 500"},{value:"1000",label:"Top 1000"}];function Lr(){var d,m;const s=t.useEditorStore(x=>x.card),{updateRowLimit:a}=t.useEditorActions(),[n,r]=L.useState(!1),[o,i]=L.useState(""),l=x=>{if(x==="custom"){r(!0);return}r(!1),a(s.id,parseInt(x))},c=x=>{const u=x.target.value;i(u),u&&!isNaN(parseInt(u))&&a(s.id,parseInt(u))};return e.jsx("div",{className:"flex items-center gap-2",children:n?e.jsx(t.Input,{type:"number",value:o,onChange:c,className:"h-7 w-24",placeholder:"Enter limit",min:1}):e.jsxs(t.Select,{value:((m=(d=s.config)==null?void 0:d.rowLimit)==null?void 0:m.toString())||"100",onValueChange:l,children:[e.jsx(t.SelectTrigger,{className:"h-8 w-24 border-none px-1 [&>svg]:hidden",children:e.jsx(t.SelectValue,{placeholder:"Select limit"})}),e.jsx(t.SelectContent,{children:Mr.map(x=>e.jsx(t.SelectItem,{value:x.value,children:x.label},x.value))})]})})}function Or({activeView:s,onViewChange:a,showDebug:n,onDebugToggle:r,onAccept:o,onClear:i,onAdvancedToggle:l,onFiltersClick:c,filterCount:d,activeCard:m,columns:x,columnsLoading:u,columnsError:y}){var T;const j=t.useEditorStore(k=>k.card),S=t.useDashboardStore(k=>k.filterValues),{updateCardConfig:p}=t.useEditorActions(),D=t.useEditorStore(k=>k.showAIDialog),{data:f,errorMessage:N,isPending:g,isLoading:O,isFetching:E}=t.useDashboardCardQuery(m);function b(){return e.jsx("div",{className:"border-b border-border bg-background p-4",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"mb-2 text-sm font-medium",children:"Active Card Config"}),e.jsx("pre",{className:"max-h-40 overflow-auto rounded border bg-background p-3 text-xs",children:JSON.stringify(j.config||{},null,2)})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"mb-2 text-sm font-medium",children:"Dashboard Filters"}),e.jsx("pre",{className:"max-h-40 overflow-auto rounded border bg-background p-3 text-xs",children:JSON.stringify(S||{},null,2)})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"mb-2 text-sm font-medium",children:"Card Data Source State"}),e.jsx("pre",{className:"max-h-40 overflow-auto rounded border bg-background p-3 text-xs",children:JSON.stringify(m.dataSource||{},null,2)})]}),e.jsxs("div",{children:[e.jsxs("h3",{className:"mb-2 text-sm font-medium",children:["Columns (",x.length,")"]}),e.jsx("pre",{className:"max-h-40 overflow-auto rounded border bg-background p-3 text-xs",children:u?"Loading...":y?"Error loading columns":JSON.stringify(x.slice(0,5),null,2)})]})]})})}const C=k=>{if(!j.config)return;if(!k.length){p(j.id,{...j.config,sortByColumns:[]});return}const h=j.config,B=k.map(({id:A,desc:I})=>{var P,R;const v=(P=h.metricColumns)==null?void 0:P.find(z=>z.label===A),M=(R=h.groupByColumns)==null?void 0:R.find(z=>z.label===A),F=v||M;return F?{id:gs("sortBy",F),name:F.name,dataType:F.dataType,label:F.label,qualifiedEntityName:F.qualifiedEntityName,entityId:F.entityId,entityName:F.entityName,entityType:F.entityType,role:"sortby",direction:I?"desc":"asc"}:null}).filter(A=>A!==null);p(j.id,{...h,sortByColumns:B})},w=L.useMemo(()=>{var k,h;return(h=(k=j.config)==null?void 0:k.sortByColumns)==null?void 0:h.map(B=>({id:B.label,desc:B.direction==="desc"}))},[(T=j.config)==null?void 0:T.sortByColumns]);return e.jsxs("div",{className:"flex w-0 grow flex-col",children:[e.jsx(t.ExplorerHeader,{showDebug:n,onDebugToggle:r,onAccept:o,onClear:i,onAdvancedToggle:l,onFiltersClick:c,filterCount:d}),n&&b(),e.jsx(t.Separator,{}),e.jsxs("div",{className:"group/visualization flex max-w-full grow flex-col pt-4",children:[e.jsxs("div",{className:"z-50 flex items-center gap-2 px-6",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[s==="chart"&&D&&e.jsx(ss,{variant:"outline"}),e.jsx(Ar,{activeView:s,onViewChange:a}),c&&e.jsxs(t.IconButton,{tooltip:"Card Filters",className:"h-8 gap-1",onClick:c,children:[e.jsx(t.Filter,{className:"h-3.5 w-3.5"}),d>0&&e.jsx("span",{className:"ml-1 rounded-full bg-blue-100 px-1.5 py-0.5 text-xs text-blue-800",children:d})]}),e.jsx("div",{className:"ml-2",children:e.jsx(Lr,{})})]}),e.jsx("div",{className:t.cn("flex grow items-center justify-end"),children:s==="chart"&&e.jsx(ns,{})})]}),e.jsxs("div",{className:"flex grow flex-col",children:[s==="chart"&&e.jsx("div",{className:"flex grow flex-col pb-6",children:O||E?e.jsx("div",{className:"m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted",children:e.jsx(t.LoaderCircle,{className:"h-8 w-8 animate-spin text-muted-foreground"})}):e.jsx(as,{})}),s==="table"&&(f==null?void 0:f.records)&&e.jsxs("div",{className:"relative flex h-full min-h-0 max-w-full flex-1 grow basis-0 p-6",children:[(O||E)&&e.jsx("div",{className:"absolute flex h-full w-full items-center justify-between",children:e.jsx("div",{className:"z-10 m-auto flex h-10 w-10 items-center justify-center rounded-md bg-muted",children:e.jsx(t.LoaderCircle,{className:"h-8 w-8 animate-spin text-muted-foreground"})})}),e.jsx(t.TableVisual,{card:m,data:f==null?void 0:f.records,onSortChange:C,sortState:w})]}),s==="sql"&&e.jsx("div",{className:"p-6",children:e.jsxs("div",{className:"rounded-md border bg-background p-4",children:[(f==null?void 0:f.sql)&&e.jsx("h3",{className:"mb-3 text-sm font-medium",children:"Generated SQL Query"}),e.jsx(Kt,{sql:f==null?void 0:f.sql,error:N})]})})]})]})]})}function Br({activeField:s}){const[a,n]=L.useState(!0);return L.useEffect(()=>{s&&n(!0)},[s]),s?e.jsxs("div",{className:`flex max-w-[300px] items-center gap-2 rounded-lg border border-blue-500 bg-background p-2 shadow-lg transition-all duration-200 ${a?"scale-100 opacity-100":"scale-95 opacity-0"}`,children:[e.jsx(t.GripVertical,{className:"h-3 w-3 shrink-0 text-muted-foreground"}),e.jsx(ms,{dataType:s.dataType}),e.jsx("span",{className:"overflow-hidden text-ellipsis whitespace-nowrap text-sm dark:text-muted-foreground",children:s.label||s.name})]}):null}const Fr=()=>{const s=console.error;console.error=(...r)=>{r.length>0&&typeof r[0]=="string"&&r[0].includes("ResizeObserver loop completed with undelivered notifications")||s.apply(console,r)};const a=r=>{if(r.message&&(r.message.includes("ResizeObserver loop completed with undelivered notifications")||r.message.includes("ResizeObserver loop limit exceeded")))return r.preventDefault(),r.stopPropagation(),!1},n=r=>{var o;if((o=r.reason)!=null&&o.message&&(r.reason.message.includes("ResizeObserver loop completed with undelivered notifications")||r.reason.message.includes("ResizeObserver loop limit exceeded")))return r.preventDefault(),!1};return window.addEventListener("error",a,!0),window.addEventListener("unhandledrejection",n,!0),()=>{console.error=s,window.removeEventListener("error",a,!0),window.removeEventListener("unhandledrejection",n,!0)}};function zr(){var H,G;const[s,a]=L.useState("chart"),[n,r]=L.useState(!1),[o,i]=L.useState(!1),[l,c]=L.useState(!0),d=t.useEditorStore(V=>V.showAIDialog),{setCardType:m}=t.useEditorActions(),x=t.useEditorStore(V=>V.card.type);L.useEffect(()=>Fr(),[]);const u=()=>{console.log("Accept clicked - would save/apply current configuration")},y=()=>{console.log("Clear clicked - would reset all configurations")},j=()=>{console.log("Advanced mode toggled")},S=()=>{i(!0)},p=V=>{m(V)},D=t.useEditorStore(V=>V.frame),f=t.useEditorStore(V=>V.card);t.useEditorStore(V=>V.activeTabCardId),t.useEditorStore(V=>V.actions.getAvailableFields);const{addCard:N,removeCard:g,updateCard:O,setActiveCard:E,updateFilters:b}=t.useEditorActions(),{columns:C=[],isLoading:w,error:T}=t.useColumns(),k=t.useSensors(t.useSensor(t.PointerSensor,{activationConstraint:{distance:8}})),h=f,{getFieldsForContainer:B,setFieldsForContainer:A}=xs(h),{activeField:I,handleDragStart:v,handleDragEnd:M}=Ir({activeCardId:D.activeCardId,sourceFields:C,getFieldsForContainer:B,setFieldsForContainer:A}),F=(V,Y)=>{Y&&b(V,Y)},P=V=>{var Y;O(V,{config:{...(Y=D.cards.find(q=>q.id===V))==null?void 0:Y.config,filters:void 0}})},R=C,z=V=>{if(!V)return 0;let Y=V.conditions.length;return V.groups.forEach(q=>{Y+=z(q)}),Y},K=z(((H=h==null?void 0:h.config)==null?void 0:H.filters)||null);return e.jsxs(t.DndContext,{sensors:k,collisionDetection:t.closestCenter,onDragStart:v,onDragEnd:M,children:[e.jsxs("div",{className:"flex h-full grow",children:[e.jsx(nr,{isVisible:l,onToggleVisibility:()=>c(!l)}),e.jsxs("div",{className:"flex flex-1 transition-all duration-300 ease-in-out",children:[!d&&e.jsx(hr,{selectedChart:x,onChartChange:p,groupByFields:B("groupBy"),pivotByFields:B("pivotBy"),metricsFields:B("metrics"),sortByFields:B("sortBy")}),e.jsx(Or,{selectedChart:x,activeView:s,onViewChange:a,showDebug:n,onDebugToggle:()=>r(!n),onAccept:u,onClear:y,onAdvancedToggle:j,onFiltersClick:S,filterCount:K,activeCard:h,dataSourceState:f.dataSource||t.EMPTY_DATA_SOURCE,columns:C,columnsLoading:w,columnsError:T,getFieldsForContainer:B,cards:D.cards,activeCardId:D.activeCardId,addCard:N,setActiveCard:E})]}),!l&&e.jsx("div",{className:"fixed bottom-4 left-4 z-50",children:e.jsx(t.Button,{size:"sm",variant:"outline",className:"h-10 w-10 rounded-full border-border bg-background p-0 shadow-lg hover:bg-muted",onClick:()=>c(!0),title:"Show Data Source Panel",children:e.jsx(t.Database,{className:"h-4 w-4"})})})]}),h&&e.jsx(Tr,{cardId:h.id,filters:((G=h.config)==null?void 0:G.filters)||null,onFiltersChange:F,onClearFilters:P,availableFields:R,isOpen:o,onOpenChange:i}),e.jsx(t.DragOverlay,{dropAnimation:null,children:e.jsx(Br,{activeField:I||null})})]})}function Pr({authToken:s,onSave:a,onClose:n}){const r=L.useRef(null),o=t.useEditorStore(N=>N.showAIDialog),i=t.useEditorStore(N=>N.isDevMode),{setAuthToken:l}=t.useDashboardActions(),{setShowAIDialog:c,setOnSave:d,setOnClose:m}=t.useEditorActions(),{handleDragOver:x,handleDragEnd:u,handleDragStart:y,handleDragCancel:j,sensors:S}=An();L.useEffect(()=>{a&&d(a),n&&m(n)},[a,d,n,m]),L.useEffect(()=>{s&&s.accessToken&&l(s)},[s,l]),L.useEffect(()=>{var N,g;o?((N=r.current)==null||N.resize(40),c(!0)):(c(!1),(g=r.current)==null||g.resize(0))},[o,c]);function p(N){N<1?c(!1):o||c(!0)}function D(){return e.jsxs(e.Fragment,{children:[e.jsx(Ut,{type:"main"}),e.jsxs(t.ResizablePanelGroup,{"data-content":"editor-main",className:"grow",direction:"horizontal",children:[e.jsx(t.ResizablePanel,{className:"min-w-[510px] rounded-none",children:e.jsx(Ja,{})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{"data-role":"editor-assistant-panel",ref:r,onResize:p,defaultSize:0,children:e.jsx(It,{})})]})]})}function f(){return e.jsxs(t.ResizablePanelGroup,{"data-content":"explorer",className:"flex grow",direction:"horizontal",children:[e.jsx(t.ResizablePanel,{className:"min-w-[510px] grow rounded-none",children:e.jsx(zr,{})}),e.jsx(t.ResizableHandle,{}),e.jsx(t.ResizablePanel,{"data-role":"editor-assistant-panel",ref:r,onResize:p,defaultSize:0,children:e.jsx(It,{})})]})}return e.jsx(t.ErrorBoundary,{FallbackComponent:t.Fallback,children:i?e.jsx(t.DndContext,{sensors:S,onDragStart:y,onDragEnd:u,onDragOver:x,onDragCancel:j,children:e.jsx("section",{className:"isolate flex h-full grow","data-content":"editor-panel",children:D()})}):f()})}function Vr(){t.useDashboardStore(l=>l.selectedCardId);const s=t.useDashboardStore(l=>l.selectedSheetId),{setIsVisualEditing:a}=t.useDashboardStore(l=>l.actions),n=t.useDashboardStore(l=>l.isVisualEditing),r=t.useDashboardStore(l=>l.actions.updateFrame);function o(l){s&&(r(s,l),a(!1))}function i(){a(!1)}return e.jsx("div",{role:"editor-container",className:t.cn("flex grow",{"max-h-0 overflow-hidden":!n}),children:e.jsx(Pr,{onSave:o,onClose:i})})}function Rr(){const s=t.useEditorStore(i=>i.selectedDatabaseName),a=t.useEditorStore(i=>i.selectedTableName),n=t.useDashboardStore(i=>i.dashboard.filters)||[],{columns:r}=t.useEditorAside(),{assignFilter:o}=ls();return e.jsx(t.ScrollArea,{className:"flex-1 basis-0 flex-col px-3",children:r==null?void 0:r.map(i=>{const l=n==null?void 0:n.find(c=>c.column===t.fmt(i.column_name)&&c.table===a&&c.database===s);return e.jsx("div",{onClick:()=>o(i),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":l}),children:e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(lt,{column:i}),e.jsx("span",{children:i.column_name})]})},i.column_name)})})}function qr(){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(Ut,{type:"filter",ColumnsComponent:()=>e.jsx(Rr,{})})})]})}function _r(){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 Gr(){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(_r,{}),e.jsx(t.DashboardTabs,{})]}),s&&e.jsx("div",{role:"filter-aside-container",className:"flex",children:e.jsx(qr,{})})]})}function $r(){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 Jr({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($r,{}),e.jsxs(t.DashboardPanel,{...n,children:[s&&e.jsx(kn,{}),e.jsx(Vr,{}),e.jsx(Gr,{})]})]})]})})}exports.DashboardPlus=Jr;exports.ScheduleDashboard=Jt;exports.SelectComponent=be;exports.cleanCard=_t;exports.downloadPdf=$t;exports.getDashbaordStateWithoutData=it;
|