@burdenoff/microfe-bigconsole 2026.716.2 → 2026.716.4
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/bigconsole/BigConsoleRoot.js +100 -90
- package/dist/bigconsole/BigConsoleRoot.js.map +1 -1
- package/dist/bigconsole/assistant/assistantRunStore.js +3 -1
- package/dist/bigconsole/assistant/assistantRunStore.js.map +1 -1
- package/dist/bigconsole/assistant/index.js +2 -1
- package/dist/bigconsole/components/dashboard/ImportDashboardDialog.js +70 -60
- package/dist/bigconsole/components/dashboard/ImportDashboardDialog.js.map +1 -1
- package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.js +187 -175
- package/dist/bigconsole/components/dashboard/SavedViewsDropdown/SavedViewsDropdown.js.map +1 -1
- package/dist/bigconsole/components/preview/AiPreviewMiniPanel.js +133 -0
- package/dist/bigconsole/components/preview/AiPreviewMiniPanel.js.map +1 -0
- package/dist/bigconsole/components/preview/AiPreviewPanel.js +88 -136
- package/dist/bigconsole/components/preview/AiPreviewPanel.js.map +1 -1
- package/dist/bigconsole/components/preview/previewShared.js +61 -0
- package/dist/bigconsole/components/preview/previewShared.js.map +1 -0
- package/dist/bigconsole/hooks/useDashboardOperations.js +72 -67
- package/dist/bigconsole/hooks/useDashboardOperations.js.map +1 -1
- package/dist/bigconsole/hooks/useDashboardTemplates.js +108 -105
- package/dist/bigconsole/hooks/useDashboardTemplates.js.map +1 -1
- package/dist/bigconsole/hooks/useDashboardViews.js +77 -74
- package/dist/bigconsole/hooks/useDashboardViews.js.map +1 -1
- package/dist/bigconsole/hooks/useImportDashboard.js +68 -64
- package/dist/bigconsole/hooks/useImportDashboard.js.map +1 -1
- package/dist/bigconsole/pages/DashboardsPage.js +240 -234
- package/dist/bigconsole/pages/DashboardsPage.js.map +1 -1
- package/dist/bigconsole/pages/InsightsPage.js +161 -143
- package/dist/bigconsole/pages/InsightsPage.js.map +1 -1
- package/dist/bigconsole/providers/BigConsoleQuotaProvider.js +70 -0
- package/dist/bigconsole/providers/BigConsoleQuotaProvider.js.map +1 -0
- package/dist/bigconsole/utils/quota.js +86 -0
- package/dist/bigconsole/utils/quota.js.map +1 -0
- package/package.json +2 -2
|
@@ -1,49 +1,50 @@
|
|
|
1
1
|
import { useBigConsoleNavigate as e } from "../context/BigConsoleContext.js";
|
|
2
2
|
import "../context/index.js";
|
|
3
|
-
import t from "../
|
|
3
|
+
import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
|
|
4
|
+
import n from "../hooks/useDashboardOperations.js";
|
|
4
5
|
import "../hooks/index.js";
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import { isNative as
|
|
8
|
-
import { memo as
|
|
9
|
-
import { Calendar as
|
|
6
|
+
import r from "../components/dashboard/CreateDashboardDialog.js";
|
|
7
|
+
import i from "../components/dashboard/ImportDashboardDialog.js";
|
|
8
|
+
import { isNative as a, nativeConfirm as o, nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
|
|
9
|
+
import { memo as l, useCallback as u, useEffect as d, useState as f } from "react";
|
|
10
|
+
import { Calendar as p, ChevronLeft as ee, ChevronRight as te, Copy as m, FileText as h, Layers as g, LayoutDashboard as _, LayoutGrid as ne, List as re, Pencil as v, Plus as y, Search as ie, Trash2 as b, Upload as x } from "lucide-react";
|
|
10
11
|
import { useI18n as ae } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
|
|
11
|
-
import { AuroraBackground as oe, Badge as
|
|
12
|
-
import { jsx as
|
|
12
|
+
import { AuroraBackground as oe, Badge as S, Button as C, CTAOverflowMenu as se, Card as w, CardContent as T, GlassCard as ce, GradientText as le, IllustratedEmptyState as ue, Input as de, PagePurpose as fe, Spinner as pe } from "@burdenoff/fe-libs/ui";
|
|
13
|
+
import { jsx as E, jsxs as D } from "react/jsx-runtime";
|
|
13
14
|
//#region src/bigconsole/pages/DashboardsPage.tsx
|
|
14
|
-
var
|
|
15
|
-
let
|
|
16
|
-
let n =
|
|
15
|
+
var O = "bf-bigconsole-dashboards-view", k = 12, A = l(function() {
|
|
16
|
+
let l = e(), { t: A } = ae(), j = u((e, t) => {
|
|
17
|
+
let n = A(e);
|
|
17
18
|
return n === e ? t : n;
|
|
18
|
-
}, [
|
|
19
|
+
}, [A]), [M, me] = f(""), [N, P] = f(1), [he, F] = f(!1), [I, L] = f(!1), [ge, _e] = f(!1), [R, ve] = f(() => {
|
|
19
20
|
try {
|
|
20
|
-
return window.localStorage.getItem(
|
|
21
|
+
return window.localStorage.getItem(O) === "list" ? "list" : "grid";
|
|
21
22
|
} catch {
|
|
22
23
|
return "grid";
|
|
23
24
|
}
|
|
24
|
-
}), z =
|
|
25
|
-
|
|
25
|
+
}), z = u((e) => {
|
|
26
|
+
ve(e);
|
|
26
27
|
try {
|
|
27
|
-
window.localStorage.setItem(
|
|
28
|
+
window.localStorage.setItem(O, e);
|
|
28
29
|
} catch {}
|
|
29
|
-
}, []), { loading: B, error: V, dashboards: H, createDashboard: U, deleteDashboard: W, cloneDashboard: G, refetch: K } =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}, [
|
|
33
|
-
|
|
34
|
-
}, [
|
|
35
|
-
let
|
|
36
|
-
|
|
37
|
-
}, []),
|
|
38
|
-
|
|
39
|
-
}, [J]),
|
|
40
|
-
|
|
41
|
-
}, []), Z =
|
|
42
|
-
|
|
43
|
-
}, []),
|
|
44
|
-
|
|
45
|
-
}, [
|
|
46
|
-
|
|
30
|
+
}, []), { loading: B, error: V, dashboards: H, createDashboard: U, deleteDashboard: W, cloneDashboard: G, refetch: K } = n(), q = H.filter((e) => e.name.toLowerCase().includes(M.toLowerCase()) || e.description?.toLowerCase().includes(M.toLowerCase())), J = Math.max(1, Math.ceil(q.length / k)), Y = (N - 1) * k, X = q.slice(Y, Y + k);
|
|
31
|
+
d(() => {
|
|
32
|
+
P(1);
|
|
33
|
+
}, [M, R]), d(() => {
|
|
34
|
+
N > J && P(J);
|
|
35
|
+
}, [N, J]);
|
|
36
|
+
let ye = u(() => {
|
|
37
|
+
P((e) => Math.max(1, e - 1));
|
|
38
|
+
}, []), be = u(() => {
|
|
39
|
+
P((e) => Math.min(J, e + 1));
|
|
40
|
+
}, [J]), xe = u((e) => {
|
|
41
|
+
P(e);
|
|
42
|
+
}, []), Z = u(() => {
|
|
43
|
+
F(!0);
|
|
44
|
+
}, []), Se = u(() => {
|
|
45
|
+
I || F(!1);
|
|
46
|
+
}, [I]), Ce = u(async (e) => {
|
|
47
|
+
L(!0);
|
|
47
48
|
try {
|
|
48
49
|
let t = await U({
|
|
49
50
|
name: e.name,
|
|
@@ -51,81 +52,86 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
51
52
|
category: e.category,
|
|
52
53
|
tags: e.tags
|
|
53
54
|
});
|
|
54
|
-
t && (
|
|
55
|
+
t && (F(!1), l(`/dashboards/${t.id}/builder`));
|
|
55
56
|
} catch (e) {
|
|
56
|
-
|
|
57
|
+
if (t(e, "project")) {
|
|
58
|
+
F(!1);
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
throw console.error("Failed to create dashboard:", e), a() && c("error"), e;
|
|
57
62
|
} finally {
|
|
58
|
-
|
|
63
|
+
L(!1);
|
|
59
64
|
}
|
|
60
|
-
}, [U,
|
|
61
|
-
|
|
62
|
-
}, [
|
|
63
|
-
t.stopPropagation(),
|
|
64
|
-
}, [
|
|
65
|
+
}, [U, l]), Q = u((e) => {
|
|
66
|
+
l(`/dashboards/${e}`);
|
|
67
|
+
}, [l]), $ = u((e, t) => {
|
|
68
|
+
t.stopPropagation(), l(`/dashboards/${e}/builder`);
|
|
69
|
+
}, [l]), we = u(async (e, t) => {
|
|
65
70
|
t.stopPropagation();
|
|
66
|
-
let n =
|
|
71
|
+
let n = j("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await o({
|
|
67
72
|
title: "Delete dashboard?",
|
|
68
73
|
message: n,
|
|
69
74
|
okButtonTitle: "Delete",
|
|
70
75
|
cancelButtonTitle: "Cancel"
|
|
71
76
|
});
|
|
72
77
|
if (r === null ? window.confirm(n) : r) {
|
|
73
|
-
|
|
78
|
+
s("medium");
|
|
74
79
|
try {
|
|
75
|
-
await W(e),
|
|
80
|
+
await W(e), a() && c("success");
|
|
76
81
|
} catch (e) {
|
|
77
|
-
throw
|
|
82
|
+
throw a() && c("error"), e;
|
|
78
83
|
}
|
|
79
84
|
}
|
|
80
|
-
}, [W,
|
|
81
|
-
|
|
82
|
-
let
|
|
83
|
-
if (!(!
|
|
84
|
-
|
|
85
|
+
}, [W, j]), Te = u(async (e, n, r) => {
|
|
86
|
+
r.stopPropagation();
|
|
87
|
+
let i = j("bigconsole.dashboards.clone.defaultSuffix", `${n} (Copy)`), o = window.prompt(j("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
|
|
88
|
+
if (!(!o || !o.trim())) {
|
|
89
|
+
s("medium");
|
|
85
90
|
try {
|
|
86
|
-
let t = await G(e,
|
|
87
|
-
t && (
|
|
91
|
+
let t = await G(e, o.trim());
|
|
92
|
+
t && (a() && c("success"), l(`/dashboards/${t.id}`));
|
|
88
93
|
} catch (e) {
|
|
89
|
-
|
|
94
|
+
if (t(e, "project")) return;
|
|
95
|
+
throw a() && c("error"), e;
|
|
90
96
|
}
|
|
91
97
|
}
|
|
92
98
|
}, [
|
|
93
99
|
G,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
]),
|
|
97
|
-
|
|
98
|
-
}, []),
|
|
99
|
-
|
|
100
|
-
}, []),
|
|
100
|
+
l,
|
|
101
|
+
j
|
|
102
|
+
]), Ee = u(() => {
|
|
103
|
+
_e(!0);
|
|
104
|
+
}, []), De = u(() => {
|
|
105
|
+
_e(!1);
|
|
106
|
+
}, []), Oe = u((e, t) => {
|
|
101
107
|
K();
|
|
102
|
-
}, [K]),
|
|
108
|
+
}, [K]), ke = (e) => {
|
|
103
109
|
let t = new Date(e), n = /* @__PURE__ */ new Date(), r = n.getTime() - t.getTime(), i = Math.floor(r / 6e4), a = Math.floor(r / 36e5), o = Math.floor(r / 864e5);
|
|
104
|
-
return i < 1 ?
|
|
110
|
+
return i < 1 ? j("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${j("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${j("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${j("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
|
|
105
111
|
month: "short",
|
|
106
112
|
day: "numeric",
|
|
107
113
|
year: t.getFullYear() === n.getFullYear() ? void 0 : "numeric"
|
|
108
114
|
}).format(t);
|
|
109
|
-
},
|
|
110
|
-
return V ? /* @__PURE__ */
|
|
115
|
+
}, Ae = (e) => e.widgetCount ?? 0, je = (e) => e.pageCount || 0;
|
|
116
|
+
return V ? /* @__PURE__ */ E("div", {
|
|
111
117
|
style: { padding: "var(--space-pagePadding)" },
|
|
112
|
-
children: /* @__PURE__ */
|
|
118
|
+
children: /* @__PURE__ */ E(w, {
|
|
113
119
|
style: {
|
|
114
120
|
borderColor: "var(--color-status-error-border)",
|
|
115
121
|
backgroundColor: "var(--color-status-error-bgSubtle)"
|
|
116
122
|
},
|
|
117
|
-
children: /* @__PURE__ */
|
|
123
|
+
children: /* @__PURE__ */ D(T, {
|
|
118
124
|
style: { padding: "var(--space-pagePadding)" },
|
|
119
125
|
children: [
|
|
120
|
-
/* @__PURE__ */
|
|
126
|
+
/* @__PURE__ */ E("h3", {
|
|
121
127
|
style: {
|
|
122
128
|
fontSize: "var(--font-size-body-sm)",
|
|
123
129
|
fontWeight: "var(--font-weight-medium)",
|
|
124
130
|
color: "var(--color-status-error-text)"
|
|
125
131
|
},
|
|
126
|
-
children:
|
|
132
|
+
children: j("bigconsole.dashboards.error.title", "Error loading dashboards")
|
|
127
133
|
}),
|
|
128
|
-
/* @__PURE__ */
|
|
134
|
+
/* @__PURE__ */ E("p", {
|
|
129
135
|
style: {
|
|
130
136
|
fontSize: "var(--font-size-body-sm)",
|
|
131
137
|
color: "var(--color-text-secondary)",
|
|
@@ -133,26 +139,26 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
133
139
|
},
|
|
134
140
|
children: V.message
|
|
135
141
|
}),
|
|
136
|
-
/* @__PURE__ */
|
|
142
|
+
/* @__PURE__ */ E(C, {
|
|
137
143
|
size: "sm",
|
|
138
144
|
onClick: () => K(),
|
|
139
145
|
style: { marginTop: "var(--space-formGap)" },
|
|
140
|
-
children:
|
|
146
|
+
children: j("bigconsole.dashboards.error.retry", "Retry")
|
|
141
147
|
})
|
|
142
148
|
]
|
|
143
149
|
})
|
|
144
150
|
})
|
|
145
|
-
}) : /* @__PURE__ */
|
|
151
|
+
}) : /* @__PURE__ */ D("div", {
|
|
146
152
|
style: {
|
|
147
153
|
minHeight: "100vh",
|
|
148
154
|
backgroundColor: "var(--color-bg-canvas)"
|
|
149
155
|
},
|
|
150
156
|
children: [
|
|
151
|
-
/* @__PURE__ */
|
|
157
|
+
/* @__PURE__ */ D("div", {
|
|
152
158
|
className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
|
|
153
|
-
children: [/* @__PURE__ */
|
|
159
|
+
children: [/* @__PURE__ */ E(oe, { intensity: "subtle" }), /* @__PURE__ */ E("div", {
|
|
154
160
|
style: { padding: "var(--space-pagePadding)" },
|
|
155
|
-
children: /* @__PURE__ */
|
|
161
|
+
children: /* @__PURE__ */ D("div", {
|
|
156
162
|
style: {
|
|
157
163
|
display: "flex",
|
|
158
164
|
alignItems: "center",
|
|
@@ -160,14 +166,14 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
160
166
|
flexWrap: "wrap",
|
|
161
167
|
gap: "var(--space-formGap)"
|
|
162
168
|
},
|
|
163
|
-
children: [/* @__PURE__ */
|
|
169
|
+
children: [/* @__PURE__ */ D("div", {
|
|
164
170
|
style: {
|
|
165
171
|
display: "flex",
|
|
166
172
|
alignItems: "center",
|
|
167
173
|
gap: "var(--space-formGap)",
|
|
168
174
|
minWidth: 0
|
|
169
175
|
},
|
|
170
|
-
children: [/* @__PURE__ */
|
|
176
|
+
children: [/* @__PURE__ */ E("div", {
|
|
171
177
|
style: {
|
|
172
178
|
display: "flex",
|
|
173
179
|
height: "var(--size-controlHeight-lg)",
|
|
@@ -177,41 +183,41 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
177
183
|
borderRadius: "var(--radius-card)",
|
|
178
184
|
backgroundColor: "var(--color-action-primary-bg)"
|
|
179
185
|
},
|
|
180
|
-
children: /* @__PURE__ */
|
|
186
|
+
children: /* @__PURE__ */ E(_, { style: {
|
|
181
187
|
height: "var(--size-icon-lg)",
|
|
182
188
|
width: "var(--size-icon-lg)",
|
|
183
189
|
color: "var(--color-action-primary-text)"
|
|
184
190
|
} })
|
|
185
|
-
}), /* @__PURE__ */
|
|
191
|
+
}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("h1", {
|
|
186
192
|
style: {
|
|
187
193
|
fontSize: "var(--font-size-heading-h4)",
|
|
188
194
|
fontWeight: "var(--font-weight-bold)",
|
|
189
195
|
margin: 0,
|
|
190
196
|
color: "var(--color-text-primary)"
|
|
191
197
|
},
|
|
192
|
-
children: /* @__PURE__ */
|
|
193
|
-
}), /* @__PURE__ */
|
|
198
|
+
children: /* @__PURE__ */ E(le, { children: j("bigconsole.dashboards.title", "Dashboards") })
|
|
199
|
+
}), /* @__PURE__ */ E("p", {
|
|
194
200
|
style: {
|
|
195
201
|
fontSize: "var(--font-size-body-sm)",
|
|
196
202
|
color: "var(--color-text-secondary)",
|
|
197
203
|
margin: 0
|
|
198
204
|
},
|
|
199
|
-
children:
|
|
205
|
+
children: j("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
|
|
200
206
|
})] })]
|
|
201
|
-
}), /* @__PURE__ */
|
|
207
|
+
}), /* @__PURE__ */ E(se, {
|
|
202
208
|
primary: {
|
|
203
|
-
label:
|
|
209
|
+
label: j("bigconsole.dashboards.actions.create", "Create Dashboard"),
|
|
204
210
|
onSelect: Z,
|
|
205
|
-
icon: /* @__PURE__ */
|
|
211
|
+
icon: /* @__PURE__ */ E(y, { style: {
|
|
206
212
|
marginRight: "var(--space-iconGap)",
|
|
207
213
|
height: "var(--size-icon-sm)",
|
|
208
214
|
width: "var(--size-icon-sm)"
|
|
209
215
|
} })
|
|
210
216
|
},
|
|
211
217
|
actions: [{
|
|
212
|
-
label:
|
|
213
|
-
onSelect:
|
|
214
|
-
icon: /* @__PURE__ */
|
|
218
|
+
label: j("bigconsole.dashboards.actions.import", "Import"),
|
|
219
|
+
onSelect: Ee,
|
|
220
|
+
icon: /* @__PURE__ */ E(x, { style: {
|
|
215
221
|
height: "var(--size-icon-sm)",
|
|
216
222
|
width: "var(--size-icon-sm)"
|
|
217
223
|
} })
|
|
@@ -220,14 +226,14 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
220
226
|
})
|
|
221
227
|
})]
|
|
222
228
|
}),
|
|
223
|
-
/* @__PURE__ */
|
|
229
|
+
/* @__PURE__ */ D("div", {
|
|
224
230
|
style: { padding: "var(--space-pagePadding)" },
|
|
225
231
|
children: [
|
|
226
|
-
/* @__PURE__ */
|
|
232
|
+
/* @__PURE__ */ E(fe, {
|
|
227
233
|
className: "mb-[var(--space-sectionGap)]",
|
|
228
234
|
children: "Dashboards are live, shareable views built from widgets that query your data sinks — charts, tables, metrics, and drill-downs in one place. Compose a board to monitor a system, share KPIs with your team, or explore data interactively."
|
|
229
235
|
}),
|
|
230
|
-
/* @__PURE__ */
|
|
236
|
+
/* @__PURE__ */ D("div", {
|
|
231
237
|
style: {
|
|
232
238
|
marginBottom: "var(--space-sectionGap)",
|
|
233
239
|
display: "flex",
|
|
@@ -236,14 +242,14 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
236
242
|
flexWrap: "wrap",
|
|
237
243
|
gap: "var(--space-formGap)"
|
|
238
244
|
},
|
|
239
|
-
children: [/* @__PURE__ */
|
|
245
|
+
children: [/* @__PURE__ */ D("div", {
|
|
240
246
|
style: {
|
|
241
247
|
position: "relative",
|
|
242
248
|
flex: 1,
|
|
243
249
|
minWidth: 0,
|
|
244
250
|
maxWidth: "400px"
|
|
245
251
|
},
|
|
246
|
-
children: [/* @__PURE__ */
|
|
252
|
+
children: [/* @__PURE__ */ E(ie, { style: {
|
|
247
253
|
position: "absolute",
|
|
248
254
|
left: "var(--space-controlGap)",
|
|
249
255
|
top: "50%",
|
|
@@ -251,17 +257,17 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
251
257
|
height: "var(--size-icon-sm)",
|
|
252
258
|
width: "var(--size-icon-sm)",
|
|
253
259
|
color: "var(--color-text-muted)"
|
|
254
|
-
} }), /* @__PURE__ */
|
|
260
|
+
} }), /* @__PURE__ */ E(de, {
|
|
255
261
|
type: "text",
|
|
256
|
-
placeholder:
|
|
257
|
-
value:
|
|
262
|
+
placeholder: j("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
|
|
263
|
+
value: M,
|
|
258
264
|
onChange: (e) => me(e.target.value),
|
|
259
265
|
style: {
|
|
260
266
|
paddingLeft: "var(--size-controlHeight-md)",
|
|
261
267
|
height: "var(--size-controlHeight-md)"
|
|
262
268
|
}
|
|
263
269
|
})]
|
|
264
|
-
}), /* @__PURE__ */
|
|
270
|
+
}), /* @__PURE__ */ D("div", {
|
|
265
271
|
style: {
|
|
266
272
|
display: "flex",
|
|
267
273
|
alignItems: "center",
|
|
@@ -270,89 +276,89 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
270
276
|
borderRadius: "var(--radius-button)",
|
|
271
277
|
backgroundColor: "var(--color-bg-sunken)"
|
|
272
278
|
},
|
|
273
|
-
children: [/* @__PURE__ */
|
|
279
|
+
children: [/* @__PURE__ */ E(C, {
|
|
274
280
|
variant: R === "grid" ? "default" : "ghost",
|
|
275
281
|
size: "sm",
|
|
276
282
|
onClick: () => z("grid"),
|
|
277
|
-
"aria-label":
|
|
283
|
+
"aria-label": j("bigconsole.dashboards.view.grid", "Grid view"),
|
|
278
284
|
"aria-pressed": R === "grid",
|
|
279
|
-
title:
|
|
285
|
+
title: j("bigconsole.dashboards.view.grid", "Grid view"),
|
|
280
286
|
style: {
|
|
281
287
|
height: "var(--size-controlHeight-sm)",
|
|
282
288
|
width: "var(--size-controlHeight-sm)",
|
|
283
289
|
padding: 0,
|
|
284
290
|
borderRadius: "var(--radius-button)"
|
|
285
291
|
},
|
|
286
|
-
children: /* @__PURE__ */
|
|
292
|
+
children: /* @__PURE__ */ E(ne, { style: {
|
|
287
293
|
height: "var(--size-icon-sm)",
|
|
288
294
|
width: "var(--size-icon-sm)"
|
|
289
295
|
} })
|
|
290
|
-
}), /* @__PURE__ */
|
|
296
|
+
}), /* @__PURE__ */ E(C, {
|
|
291
297
|
variant: R === "list" ? "default" : "ghost",
|
|
292
298
|
size: "sm",
|
|
293
299
|
onClick: () => z("list"),
|
|
294
|
-
"aria-label":
|
|
300
|
+
"aria-label": j("bigconsole.dashboards.view.list", "List view"),
|
|
295
301
|
"aria-pressed": R === "list",
|
|
296
|
-
title:
|
|
302
|
+
title: j("bigconsole.dashboards.view.list", "List view"),
|
|
297
303
|
style: {
|
|
298
304
|
height: "var(--size-controlHeight-sm)",
|
|
299
305
|
width: "var(--size-controlHeight-sm)",
|
|
300
306
|
padding: 0,
|
|
301
307
|
borderRadius: "var(--radius-button)"
|
|
302
308
|
},
|
|
303
|
-
children: /* @__PURE__ */
|
|
309
|
+
children: /* @__PURE__ */ E(re, { style: {
|
|
304
310
|
height: "var(--size-icon-sm)",
|
|
305
311
|
width: "var(--size-icon-sm)"
|
|
306
312
|
} })
|
|
307
313
|
})]
|
|
308
314
|
})]
|
|
309
315
|
}),
|
|
310
|
-
B && H.length === 0 && /* @__PURE__ */
|
|
316
|
+
B && H.length === 0 && /* @__PURE__ */ E("div", {
|
|
311
317
|
style: {
|
|
312
318
|
display: "flex",
|
|
313
319
|
alignItems: "center",
|
|
314
320
|
justifyContent: "center",
|
|
315
321
|
padding: "80px 0"
|
|
316
322
|
},
|
|
317
|
-
children: /* @__PURE__ */
|
|
323
|
+
children: /* @__PURE__ */ D("div", {
|
|
318
324
|
style: { textAlign: "center" },
|
|
319
|
-
children: [/* @__PURE__ */
|
|
325
|
+
children: [/* @__PURE__ */ E(pe, { style: {
|
|
320
326
|
height: "var(--size-icon-xl)",
|
|
321
327
|
width: "var(--size-icon-xl)",
|
|
322
328
|
margin: "0 auto var(--space-formGap)"
|
|
323
|
-
} }), /* @__PURE__ */
|
|
329
|
+
} }), /* @__PURE__ */ E("p", {
|
|
324
330
|
style: {
|
|
325
331
|
fontSize: "var(--font-size-body-sm)",
|
|
326
332
|
color: "var(--color-text-muted)"
|
|
327
333
|
},
|
|
328
|
-
children:
|
|
334
|
+
children: j("bigconsole.dashboards.loading", "Loading dashboards...")
|
|
329
335
|
})]
|
|
330
336
|
})
|
|
331
337
|
}),
|
|
332
|
-
!B && R === "grid" && q.length > 0 && /* @__PURE__ */
|
|
338
|
+
!B && R === "grid" && q.length > 0 && /* @__PURE__ */ E("div", {
|
|
333
339
|
style: {
|
|
334
340
|
display: "grid",
|
|
335
341
|
gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
|
|
336
342
|
gap: "var(--space-formGap)"
|
|
337
343
|
},
|
|
338
|
-
children: X.map((e) => /* @__PURE__ */
|
|
344
|
+
children: X.map((e) => /* @__PURE__ */ E(w, {
|
|
339
345
|
onClick: () => Q(e.id),
|
|
340
346
|
style: {
|
|
341
347
|
cursor: "pointer",
|
|
342
348
|
transition: "all 0.2s ease"
|
|
343
349
|
},
|
|
344
350
|
className: "hover:shadow-md hover:border-primary/50",
|
|
345
|
-
children: /* @__PURE__ */
|
|
351
|
+
children: /* @__PURE__ */ D(T, {
|
|
346
352
|
style: { padding: "var(--space-cardPadding)" },
|
|
347
353
|
children: [
|
|
348
|
-
/* @__PURE__ */
|
|
354
|
+
/* @__PURE__ */ D("div", {
|
|
349
355
|
style: {
|
|
350
356
|
display: "flex",
|
|
351
357
|
alignItems: "center",
|
|
352
358
|
gap: "var(--space-controlGap)",
|
|
353
359
|
marginBottom: "var(--space-formGap)"
|
|
354
360
|
},
|
|
355
|
-
children: [/* @__PURE__ */
|
|
361
|
+
children: [/* @__PURE__ */ E("div", {
|
|
356
362
|
style: {
|
|
357
363
|
display: "flex",
|
|
358
364
|
height: "var(--size-controlHeight-lg)",
|
|
@@ -363,17 +369,17 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
363
369
|
borderRadius: "var(--radius-button)",
|
|
364
370
|
backgroundColor: "var(--color-action-primary-bg)"
|
|
365
371
|
},
|
|
366
|
-
children: /* @__PURE__ */
|
|
372
|
+
children: /* @__PURE__ */ E(_, { style: {
|
|
367
373
|
height: "var(--size-icon-md)",
|
|
368
374
|
width: "var(--size-icon-md)",
|
|
369
375
|
color: "var(--color-action-primary-text)"
|
|
370
376
|
} })
|
|
371
|
-
}), /* @__PURE__ */
|
|
377
|
+
}), /* @__PURE__ */ D("div", {
|
|
372
378
|
style: {
|
|
373
379
|
flex: 1,
|
|
374
380
|
minWidth: 0
|
|
375
381
|
},
|
|
376
|
-
children: [/* @__PURE__ */
|
|
382
|
+
children: [/* @__PURE__ */ E("h3", {
|
|
377
383
|
style: {
|
|
378
384
|
fontWeight: "var(--font-weight-bold)",
|
|
379
385
|
fontSize: "var(--font-size-body-md)",
|
|
@@ -384,7 +390,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
384
390
|
whiteSpace: "nowrap"
|
|
385
391
|
},
|
|
386
392
|
children: e.name
|
|
387
|
-
}), e.category && /* @__PURE__ */
|
|
393
|
+
}), e.category && /* @__PURE__ */ E(S, {
|
|
388
394
|
variant: "secondary",
|
|
389
395
|
style: {
|
|
390
396
|
marginTop: "var(--space-controlGap)",
|
|
@@ -396,7 +402,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
396
402
|
})]
|
|
397
403
|
})]
|
|
398
404
|
}),
|
|
399
|
-
/* @__PURE__ */
|
|
405
|
+
/* @__PURE__ */ E("p", {
|
|
400
406
|
style: {
|
|
401
407
|
fontSize: "var(--font-size-body-sm)",
|
|
402
408
|
lineHeight: "var(--font-lineHeight-normal)",
|
|
@@ -408,9 +414,9 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
408
414
|
WebkitBoxOrient: "vertical",
|
|
409
415
|
overflow: "hidden"
|
|
410
416
|
},
|
|
411
|
-
children: e.description ||
|
|
417
|
+
children: e.description || j("bigconsole.dashboards.card.noDescription", "No description provided")
|
|
412
418
|
}),
|
|
413
|
-
/* @__PURE__ */
|
|
419
|
+
/* @__PURE__ */ D("div", {
|
|
414
420
|
style: {
|
|
415
421
|
display: "flex",
|
|
416
422
|
alignItems: "center",
|
|
@@ -421,72 +427,72 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
421
427
|
borderRadius: "var(--radius-button)"
|
|
422
428
|
},
|
|
423
429
|
children: [
|
|
424
|
-
/* @__PURE__ */
|
|
430
|
+
/* @__PURE__ */ D("div", {
|
|
425
431
|
style: {
|
|
426
432
|
display: "flex",
|
|
427
433
|
alignItems: "center",
|
|
428
434
|
gap: "var(--space-iconGap)"
|
|
429
435
|
},
|
|
430
436
|
children: [
|
|
431
|
-
/* @__PURE__ */
|
|
437
|
+
/* @__PURE__ */ E(g, { style: {
|
|
432
438
|
height: "var(--size-icon-sm)",
|
|
433
439
|
width: "var(--size-icon-sm)",
|
|
434
440
|
color: "var(--color-action-primary-bg)"
|
|
435
441
|
} }),
|
|
436
|
-
/* @__PURE__ */
|
|
442
|
+
/* @__PURE__ */ E("span", {
|
|
437
443
|
style: {
|
|
438
444
|
fontSize: "var(--font-size-body-sm)",
|
|
439
445
|
fontWeight: "var(--font-weight-semibold)",
|
|
440
446
|
color: "var(--color-text-primary)"
|
|
441
447
|
},
|
|
442
|
-
children:
|
|
448
|
+
children: je(e)
|
|
443
449
|
}),
|
|
444
|
-
/* @__PURE__ */
|
|
450
|
+
/* @__PURE__ */ E("span", {
|
|
445
451
|
style: {
|
|
446
452
|
fontSize: "var(--font-size-body-sm)",
|
|
447
453
|
color: "var(--color-text-muted)"
|
|
448
454
|
},
|
|
449
|
-
children:
|
|
455
|
+
children: j("bigconsole.dashboards.card.pages", "pages")
|
|
450
456
|
})
|
|
451
457
|
]
|
|
452
458
|
}),
|
|
453
|
-
/* @__PURE__ */
|
|
459
|
+
/* @__PURE__ */ E("div", { style: {
|
|
454
460
|
width: "1px",
|
|
455
461
|
height: "var(--size-icon-sm)",
|
|
456
462
|
backgroundColor: "var(--color-border)"
|
|
457
463
|
} }),
|
|
458
|
-
/* @__PURE__ */
|
|
464
|
+
/* @__PURE__ */ D("div", {
|
|
459
465
|
style: {
|
|
460
466
|
display: "flex",
|
|
461
467
|
alignItems: "center",
|
|
462
468
|
gap: "var(--space-iconGap)"
|
|
463
469
|
},
|
|
464
470
|
children: [
|
|
465
|
-
/* @__PURE__ */
|
|
471
|
+
/* @__PURE__ */ E(h, { style: {
|
|
466
472
|
height: "var(--size-icon-sm)",
|
|
467
473
|
width: "var(--size-icon-sm)",
|
|
468
474
|
color: "var(--color-action-primary-bg)"
|
|
469
475
|
} }),
|
|
470
|
-
/* @__PURE__ */
|
|
476
|
+
/* @__PURE__ */ E("span", {
|
|
471
477
|
style: {
|
|
472
478
|
fontSize: "var(--font-size-body-sm)",
|
|
473
479
|
fontWeight: "var(--font-weight-semibold)",
|
|
474
480
|
color: "var(--color-text-primary)"
|
|
475
481
|
},
|
|
476
|
-
children:
|
|
482
|
+
children: Ae(e)
|
|
477
483
|
}),
|
|
478
|
-
/* @__PURE__ */
|
|
484
|
+
/* @__PURE__ */ E("span", {
|
|
479
485
|
style: {
|
|
480
486
|
fontSize: "var(--font-size-body-sm)",
|
|
481
487
|
color: "var(--color-text-muted)"
|
|
482
488
|
},
|
|
483
|
-
children:
|
|
489
|
+
children: j("bigconsole.dashboards.card.widgets", "widgets")
|
|
484
490
|
})
|
|
485
491
|
]
|
|
486
492
|
})
|
|
487
493
|
]
|
|
488
494
|
}),
|
|
489
|
-
/* @__PURE__ */
|
|
495
|
+
/* @__PURE__ */ D("div", {
|
|
490
496
|
style: {
|
|
491
497
|
display: "flex",
|
|
492
498
|
alignItems: "center",
|
|
@@ -494,32 +500,32 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
494
500
|
paddingTop: "var(--space-controlGap)",
|
|
495
501
|
borderTop: "1px solid var(--color-border)"
|
|
496
502
|
},
|
|
497
|
-
children: [/* @__PURE__ */
|
|
503
|
+
children: [/* @__PURE__ */ D("div", {
|
|
498
504
|
style: {
|
|
499
505
|
display: "flex",
|
|
500
506
|
alignItems: "center",
|
|
501
507
|
gap: "var(--space-iconGap)"
|
|
502
508
|
},
|
|
503
|
-
children: [/* @__PURE__ */
|
|
509
|
+
children: [/* @__PURE__ */ E(p, { style: {
|
|
504
510
|
height: "var(--size-icon-sm)",
|
|
505
511
|
width: "var(--size-icon-sm)",
|
|
506
512
|
color: "var(--color-text-muted)"
|
|
507
|
-
} }), /* @__PURE__ */
|
|
513
|
+
} }), /* @__PURE__ */ E("span", {
|
|
508
514
|
style: {
|
|
509
515
|
fontSize: "var(--font-size-body-sm)",
|
|
510
516
|
fontWeight: "var(--font-weight-medium)",
|
|
511
517
|
color: "var(--color-text-muted)"
|
|
512
518
|
},
|
|
513
|
-
children:
|
|
519
|
+
children: ke(e.updatedAt)
|
|
514
520
|
})]
|
|
515
|
-
}), /* @__PURE__ */
|
|
521
|
+
}), /* @__PURE__ */ D("div", {
|
|
516
522
|
style: {
|
|
517
523
|
display: "flex",
|
|
518
524
|
alignItems: "center",
|
|
519
525
|
gap: "var(--space-controlGap)"
|
|
520
526
|
},
|
|
521
527
|
children: [
|
|
522
|
-
/* @__PURE__ */
|
|
528
|
+
/* @__PURE__ */ E(C, {
|
|
523
529
|
variant: "ghost",
|
|
524
530
|
size: "sm",
|
|
525
531
|
onClick: (t) => $(e.id, t),
|
|
@@ -529,32 +535,32 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
529
535
|
padding: 0,
|
|
530
536
|
borderRadius: "var(--radius-button)"
|
|
531
537
|
},
|
|
532
|
-
title:
|
|
533
|
-
children: /* @__PURE__ */
|
|
538
|
+
title: j("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
|
|
539
|
+
children: /* @__PURE__ */ E(v, { style: {
|
|
534
540
|
height: "var(--size-icon-sm)",
|
|
535
541
|
width: "var(--size-icon-sm)"
|
|
536
542
|
} })
|
|
537
543
|
}),
|
|
538
|
-
/* @__PURE__ */
|
|
544
|
+
/* @__PURE__ */ E(C, {
|
|
539
545
|
variant: "ghost",
|
|
540
546
|
size: "sm",
|
|
541
|
-
onClick: (t) =>
|
|
547
|
+
onClick: (t) => Te(e.id, e.name, t),
|
|
542
548
|
style: {
|
|
543
549
|
height: "var(--size-controlHeight-sm)",
|
|
544
550
|
width: "var(--size-controlHeight-sm)",
|
|
545
551
|
padding: 0,
|
|
546
552
|
borderRadius: "var(--radius-button)"
|
|
547
553
|
},
|
|
548
|
-
title:
|
|
549
|
-
children: /* @__PURE__ */
|
|
554
|
+
title: j("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
|
|
555
|
+
children: /* @__PURE__ */ E(m, { style: {
|
|
550
556
|
height: "var(--size-icon-sm)",
|
|
551
557
|
width: "var(--size-icon-sm)"
|
|
552
558
|
} })
|
|
553
559
|
}),
|
|
554
|
-
/* @__PURE__ */
|
|
560
|
+
/* @__PURE__ */ E(C, {
|
|
555
561
|
variant: "ghost",
|
|
556
562
|
size: "sm",
|
|
557
|
-
onClick: (t) =>
|
|
563
|
+
onClick: (t) => we(e.id, t),
|
|
558
564
|
style: {
|
|
559
565
|
height: "var(--size-controlHeight-sm)",
|
|
560
566
|
width: "var(--size-controlHeight-sm)",
|
|
@@ -562,8 +568,8 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
562
568
|
borderRadius: "var(--radius-button)"
|
|
563
569
|
},
|
|
564
570
|
className: "hover:text-status-error-text hover:bg-status-error-bg/10",
|
|
565
|
-
title:
|
|
566
|
-
children: /* @__PURE__ */
|
|
571
|
+
title: j("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
|
|
572
|
+
children: /* @__PURE__ */ E(b, { style: {
|
|
567
573
|
height: "var(--size-icon-sm)",
|
|
568
574
|
width: "var(--size-icon-sm)"
|
|
569
575
|
} })
|
|
@@ -575,22 +581,22 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
575
581
|
})
|
|
576
582
|
}, e.id))
|
|
577
583
|
}),
|
|
578
|
-
!B && R === "list" && q.length > 0 && /* @__PURE__ */
|
|
584
|
+
!B && R === "list" && q.length > 0 && /* @__PURE__ */ E("div", {
|
|
579
585
|
style: {
|
|
580
586
|
display: "flex",
|
|
581
587
|
flexDirection: "column",
|
|
582
588
|
gap: "var(--space-controlGap)"
|
|
583
589
|
},
|
|
584
|
-
children: X.map((e) => /* @__PURE__ */
|
|
590
|
+
children: X.map((e) => /* @__PURE__ */ E(w, {
|
|
585
591
|
onClick: () => Q(e.id),
|
|
586
592
|
style: {
|
|
587
593
|
cursor: "pointer",
|
|
588
594
|
transition: "all 0.2s ease"
|
|
589
595
|
},
|
|
590
596
|
className: "hover:shadow-md hover:border-primary/50",
|
|
591
|
-
children: /* @__PURE__ */ T
|
|
597
|
+
children: /* @__PURE__ */ E(T, {
|
|
592
598
|
style: { padding: "var(--space-cardPadding)" },
|
|
593
|
-
children: /* @__PURE__ */
|
|
599
|
+
children: /* @__PURE__ */ D("div", {
|
|
594
600
|
style: {
|
|
595
601
|
display: "flex",
|
|
596
602
|
alignItems: "center",
|
|
@@ -598,7 +604,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
598
604
|
flexWrap: "wrap"
|
|
599
605
|
},
|
|
600
606
|
children: [
|
|
601
|
-
/* @__PURE__ */
|
|
607
|
+
/* @__PURE__ */ E("div", {
|
|
602
608
|
style: {
|
|
603
609
|
display: "flex",
|
|
604
610
|
height: "var(--size-controlHeight-lg)",
|
|
@@ -609,25 +615,25 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
609
615
|
borderRadius: "var(--radius-button)",
|
|
610
616
|
backgroundColor: "var(--color-action-primary-bg)"
|
|
611
617
|
},
|
|
612
|
-
children: /* @__PURE__ */
|
|
618
|
+
children: /* @__PURE__ */ E(_, { style: {
|
|
613
619
|
height: "var(--size-icon-md)",
|
|
614
620
|
width: "var(--size-icon-md)",
|
|
615
621
|
color: "var(--color-action-primary-text)"
|
|
616
622
|
} })
|
|
617
623
|
}),
|
|
618
|
-
/* @__PURE__ */
|
|
624
|
+
/* @__PURE__ */ D("div", {
|
|
619
625
|
style: {
|
|
620
626
|
flex: 1,
|
|
621
627
|
minWidth: "180px"
|
|
622
628
|
},
|
|
623
|
-
children: [/* @__PURE__ */
|
|
629
|
+
children: [/* @__PURE__ */ D("div", {
|
|
624
630
|
style: {
|
|
625
631
|
display: "flex",
|
|
626
632
|
alignItems: "center",
|
|
627
633
|
gap: "var(--space-controlGap)",
|
|
628
634
|
flexWrap: "wrap"
|
|
629
635
|
},
|
|
630
|
-
children: [/* @__PURE__ */
|
|
636
|
+
children: [/* @__PURE__ */ E("h3", {
|
|
631
637
|
style: {
|
|
632
638
|
fontWeight: "var(--font-weight-bold)",
|
|
633
639
|
fontSize: "var(--font-size-body-md)",
|
|
@@ -639,7 +645,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
639
645
|
maxWidth: "100%"
|
|
640
646
|
},
|
|
641
647
|
children: e.name
|
|
642
|
-
}), e.category && /* @__PURE__ */
|
|
648
|
+
}), e.category && /* @__PURE__ */ E(S, {
|
|
643
649
|
variant: "secondary",
|
|
644
650
|
style: {
|
|
645
651
|
fontSize: "10px",
|
|
@@ -648,7 +654,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
648
654
|
},
|
|
649
655
|
children: e.category
|
|
650
656
|
})]
|
|
651
|
-
}), /* @__PURE__ */
|
|
657
|
+
}), /* @__PURE__ */ E("p", {
|
|
652
658
|
style: {
|
|
653
659
|
fontSize: "var(--font-size-body-sm)",
|
|
654
660
|
lineHeight: "var(--font-lineHeight-normal)",
|
|
@@ -658,10 +664,10 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
658
664
|
textOverflow: "ellipsis",
|
|
659
665
|
whiteSpace: "nowrap"
|
|
660
666
|
},
|
|
661
|
-
children: e.description ||
|
|
667
|
+
children: e.description || j("bigconsole.dashboards.card.noDescription", "No description provided")
|
|
662
668
|
})]
|
|
663
669
|
}),
|
|
664
|
-
/* @__PURE__ */
|
|
670
|
+
/* @__PURE__ */ D("div", {
|
|
665
671
|
style: {
|
|
666
672
|
display: "flex",
|
|
667
673
|
alignItems: "center",
|
|
@@ -669,93 +675,93 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
669
675
|
flexWrap: "wrap"
|
|
670
676
|
},
|
|
671
677
|
children: [
|
|
672
|
-
/* @__PURE__ */
|
|
678
|
+
/* @__PURE__ */ D("div", {
|
|
673
679
|
style: {
|
|
674
680
|
display: "flex",
|
|
675
681
|
alignItems: "center",
|
|
676
682
|
gap: "var(--space-iconGap)"
|
|
677
683
|
},
|
|
678
684
|
children: [
|
|
679
|
-
/* @__PURE__ */
|
|
685
|
+
/* @__PURE__ */ E(g, { style: {
|
|
680
686
|
height: "var(--size-icon-sm)",
|
|
681
687
|
width: "var(--size-icon-sm)",
|
|
682
688
|
color: "var(--color-action-primary-bg)"
|
|
683
689
|
} }),
|
|
684
|
-
/* @__PURE__ */
|
|
690
|
+
/* @__PURE__ */ E("span", {
|
|
685
691
|
style: {
|
|
686
692
|
fontSize: "var(--font-size-body-sm)",
|
|
687
693
|
fontWeight: "var(--font-weight-semibold)",
|
|
688
694
|
color: "var(--color-text-primary)"
|
|
689
695
|
},
|
|
690
|
-
children:
|
|
696
|
+
children: je(e)
|
|
691
697
|
}),
|
|
692
|
-
/* @__PURE__ */
|
|
698
|
+
/* @__PURE__ */ E("span", {
|
|
693
699
|
style: {
|
|
694
700
|
fontSize: "var(--font-size-body-sm)",
|
|
695
701
|
color: "var(--color-text-muted)"
|
|
696
702
|
},
|
|
697
|
-
children:
|
|
703
|
+
children: j("bigconsole.dashboards.card.pages", "pages")
|
|
698
704
|
})
|
|
699
705
|
]
|
|
700
706
|
}),
|
|
701
|
-
/* @__PURE__ */
|
|
707
|
+
/* @__PURE__ */ D("div", {
|
|
702
708
|
style: {
|
|
703
709
|
display: "flex",
|
|
704
710
|
alignItems: "center",
|
|
705
711
|
gap: "var(--space-iconGap)"
|
|
706
712
|
},
|
|
707
713
|
children: [
|
|
708
|
-
/* @__PURE__ */
|
|
714
|
+
/* @__PURE__ */ E(h, { style: {
|
|
709
715
|
height: "var(--size-icon-sm)",
|
|
710
716
|
width: "var(--size-icon-sm)",
|
|
711
717
|
color: "var(--color-action-primary-bg)"
|
|
712
718
|
} }),
|
|
713
|
-
/* @__PURE__ */
|
|
719
|
+
/* @__PURE__ */ E("span", {
|
|
714
720
|
style: {
|
|
715
721
|
fontSize: "var(--font-size-body-sm)",
|
|
716
722
|
fontWeight: "var(--font-weight-semibold)",
|
|
717
723
|
color: "var(--color-text-primary)"
|
|
718
724
|
},
|
|
719
|
-
children:
|
|
725
|
+
children: Ae(e)
|
|
720
726
|
}),
|
|
721
|
-
/* @__PURE__ */
|
|
727
|
+
/* @__PURE__ */ E("span", {
|
|
722
728
|
style: {
|
|
723
729
|
fontSize: "var(--font-size-body-sm)",
|
|
724
730
|
color: "var(--color-text-muted)"
|
|
725
731
|
},
|
|
726
|
-
children:
|
|
732
|
+
children: j("bigconsole.dashboards.card.widgets", "widgets")
|
|
727
733
|
})
|
|
728
734
|
]
|
|
729
735
|
}),
|
|
730
|
-
/* @__PURE__ */
|
|
736
|
+
/* @__PURE__ */ D("div", {
|
|
731
737
|
style: {
|
|
732
738
|
display: "flex",
|
|
733
739
|
alignItems: "center",
|
|
734
740
|
gap: "var(--space-iconGap)"
|
|
735
741
|
},
|
|
736
|
-
children: [/* @__PURE__ */
|
|
742
|
+
children: [/* @__PURE__ */ E(p, { style: {
|
|
737
743
|
height: "var(--size-icon-sm)",
|
|
738
744
|
width: "var(--size-icon-sm)",
|
|
739
745
|
color: "var(--color-text-muted)"
|
|
740
|
-
} }), /* @__PURE__ */
|
|
746
|
+
} }), /* @__PURE__ */ E("span", {
|
|
741
747
|
style: {
|
|
742
748
|
fontSize: "var(--font-size-body-sm)",
|
|
743
749
|
fontWeight: "var(--font-weight-medium)",
|
|
744
750
|
color: "var(--color-text-muted)"
|
|
745
751
|
},
|
|
746
|
-
children:
|
|
752
|
+
children: ke(e.updatedAt)
|
|
747
753
|
})]
|
|
748
754
|
})
|
|
749
755
|
]
|
|
750
756
|
}),
|
|
751
|
-
/* @__PURE__ */
|
|
757
|
+
/* @__PURE__ */ D("div", {
|
|
752
758
|
style: {
|
|
753
759
|
display: "flex",
|
|
754
760
|
alignItems: "center",
|
|
755
761
|
gap: "var(--space-controlGap)"
|
|
756
762
|
},
|
|
757
763
|
children: [
|
|
758
|
-
/* @__PURE__ */
|
|
764
|
+
/* @__PURE__ */ E(C, {
|
|
759
765
|
variant: "ghost",
|
|
760
766
|
size: "sm",
|
|
761
767
|
onClick: (t) => $(e.id, t),
|
|
@@ -765,32 +771,32 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
765
771
|
padding: 0,
|
|
766
772
|
borderRadius: "var(--radius-button)"
|
|
767
773
|
},
|
|
768
|
-
title:
|
|
769
|
-
children: /* @__PURE__ */
|
|
774
|
+
title: j("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
|
|
775
|
+
children: /* @__PURE__ */ E(v, { style: {
|
|
770
776
|
height: "var(--size-icon-sm)",
|
|
771
777
|
width: "var(--size-icon-sm)"
|
|
772
778
|
} })
|
|
773
779
|
}),
|
|
774
|
-
/* @__PURE__ */
|
|
780
|
+
/* @__PURE__ */ E(C, {
|
|
775
781
|
variant: "ghost",
|
|
776
782
|
size: "sm",
|
|
777
|
-
onClick: (t) =>
|
|
783
|
+
onClick: (t) => Te(e.id, e.name, t),
|
|
778
784
|
style: {
|
|
779
785
|
height: "var(--size-controlHeight-sm)",
|
|
780
786
|
width: "var(--size-controlHeight-sm)",
|
|
781
787
|
padding: 0,
|
|
782
788
|
borderRadius: "var(--radius-button)"
|
|
783
789
|
},
|
|
784
|
-
title:
|
|
785
|
-
children: /* @__PURE__ */
|
|
790
|
+
title: j("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
|
|
791
|
+
children: /* @__PURE__ */ E(m, { style: {
|
|
786
792
|
height: "var(--size-icon-sm)",
|
|
787
793
|
width: "var(--size-icon-sm)"
|
|
788
794
|
} })
|
|
789
795
|
}),
|
|
790
|
-
/* @__PURE__ */
|
|
796
|
+
/* @__PURE__ */ E(C, {
|
|
791
797
|
variant: "ghost",
|
|
792
798
|
size: "sm",
|
|
793
|
-
onClick: (t) =>
|
|
799
|
+
onClick: (t) => we(e.id, t),
|
|
794
800
|
style: {
|
|
795
801
|
height: "var(--size-controlHeight-sm)",
|
|
796
802
|
width: "var(--size-controlHeight-sm)",
|
|
@@ -798,8 +804,8 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
798
804
|
borderRadius: "var(--radius-button)"
|
|
799
805
|
},
|
|
800
806
|
className: "hover:text-status-error-text hover:bg-status-error-bg/10",
|
|
801
|
-
title:
|
|
802
|
-
children: /* @__PURE__ */
|
|
807
|
+
title: j("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
|
|
808
|
+
children: /* @__PURE__ */ E(b, { style: {
|
|
803
809
|
height: "var(--size-icon-sm)",
|
|
804
810
|
width: "var(--size-icon-sm)"
|
|
805
811
|
} })
|
|
@@ -811,7 +817,7 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
811
817
|
})
|
|
812
818
|
}, e.id))
|
|
813
819
|
}),
|
|
814
|
-
!B && q.length >
|
|
820
|
+
!B && q.length > k && /* @__PURE__ */ D("div", {
|
|
815
821
|
style: {
|
|
816
822
|
display: "flex",
|
|
817
823
|
alignItems: "center",
|
|
@@ -821,30 +827,30 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
821
827
|
marginTop: "var(--space-sectionGap)"
|
|
822
828
|
},
|
|
823
829
|
children: [
|
|
824
|
-
/* @__PURE__ */
|
|
830
|
+
/* @__PURE__ */ D(C, {
|
|
825
831
|
variant: "outline",
|
|
826
832
|
size: "sm",
|
|
827
|
-
onClick:
|
|
828
|
-
disabled:
|
|
829
|
-
"aria-label":
|
|
830
|
-
children: [/* @__PURE__ */
|
|
833
|
+
onClick: ye,
|
|
834
|
+
disabled: N <= 1,
|
|
835
|
+
"aria-label": j("bigconsole.dashboards.pagination.previous", "Previous"),
|
|
836
|
+
children: [/* @__PURE__ */ E(ee, { style: {
|
|
831
837
|
marginRight: "var(--space-iconGap)",
|
|
832
838
|
height: "var(--size-icon-sm)",
|
|
833
839
|
width: "var(--size-icon-sm)"
|
|
834
|
-
} }),
|
|
840
|
+
} }), j("bigconsole.dashboards.pagination.previous", "Previous")]
|
|
835
841
|
}),
|
|
836
|
-
/* @__PURE__ */
|
|
842
|
+
/* @__PURE__ */ E("div", {
|
|
837
843
|
style: {
|
|
838
844
|
display: "flex",
|
|
839
845
|
alignItems: "center",
|
|
840
846
|
gap: "var(--space-iconGap)",
|
|
841
847
|
flexWrap: "wrap"
|
|
842
848
|
},
|
|
843
|
-
children: Array.from({ length: J }, (e, t) => t + 1).map((e) => /* @__PURE__ */
|
|
844
|
-
variant: e ===
|
|
849
|
+
children: Array.from({ length: J }, (e, t) => t + 1).map((e) => /* @__PURE__ */ E(C, {
|
|
850
|
+
variant: e === N ? "default" : "ghost",
|
|
845
851
|
size: "sm",
|
|
846
|
-
onClick: () =>
|
|
847
|
-
"aria-current": e ===
|
|
852
|
+
onClick: () => xe(e),
|
|
853
|
+
"aria-current": e === N ? "page" : void 0,
|
|
848
854
|
style: {
|
|
849
855
|
minWidth: "var(--size-controlHeight-sm)",
|
|
850
856
|
height: "var(--size-controlHeight-sm)",
|
|
@@ -854,78 +860,78 @@ var D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
|
|
|
854
860
|
children: e
|
|
855
861
|
}, e))
|
|
856
862
|
}),
|
|
857
|
-
/* @__PURE__ */
|
|
863
|
+
/* @__PURE__ */ D(C, {
|
|
858
864
|
variant: "outline",
|
|
859
865
|
size: "sm",
|
|
860
|
-
onClick:
|
|
861
|
-
disabled:
|
|
862
|
-
"aria-label":
|
|
863
|
-
children: [
|
|
866
|
+
onClick: be,
|
|
867
|
+
disabled: N >= J,
|
|
868
|
+
"aria-label": j("bigconsole.dashboards.pagination.next", "Next"),
|
|
869
|
+
children: [j("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ E(te, { style: {
|
|
864
870
|
marginLeft: "var(--space-iconGap)",
|
|
865
871
|
height: "var(--size-icon-sm)",
|
|
866
872
|
width: "var(--size-icon-sm)"
|
|
867
873
|
} })]
|
|
868
874
|
}),
|
|
869
|
-
/* @__PURE__ */
|
|
875
|
+
/* @__PURE__ */ E("span", {
|
|
870
876
|
style: {
|
|
871
877
|
fontSize: "var(--font-size-body-sm)",
|
|
872
878
|
color: "var(--color-text-muted)",
|
|
873
879
|
marginLeft: "var(--space-controlGap)"
|
|
874
880
|
},
|
|
875
|
-
children:
|
|
881
|
+
children: j("bigconsole.dashboards.pagination.pageOf", `Page ${N} of ${J}`)
|
|
876
882
|
})
|
|
877
883
|
]
|
|
878
884
|
}),
|
|
879
|
-
!B && q.length === 0 && /* @__PURE__ */
|
|
885
|
+
!B && q.length === 0 && /* @__PURE__ */ E(ce, {
|
|
880
886
|
treatment: "insight",
|
|
881
887
|
className: "border-border-seam",
|
|
882
|
-
children: /* @__PURE__ */
|
|
883
|
-
illustration:
|
|
884
|
-
title:
|
|
885
|
-
description:
|
|
886
|
-
action:
|
|
888
|
+
children: /* @__PURE__ */ E(ue, {
|
|
889
|
+
illustration: M ? "empty-search" : "empty-data",
|
|
890
|
+
title: M ? j("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : j("bigconsole.dashboards.empty.title", "No dashboards yet"),
|
|
891
|
+
description: M ? j("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : j("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
|
|
892
|
+
action: M ? void 0 : /* @__PURE__ */ D("div", {
|
|
887
893
|
style: {
|
|
888
894
|
display: "flex",
|
|
889
895
|
gap: "var(--space-controlGap)",
|
|
890
896
|
flexWrap: "wrap",
|
|
891
897
|
justifyContent: "center"
|
|
892
898
|
},
|
|
893
|
-
children: [/* @__PURE__ */
|
|
899
|
+
children: [/* @__PURE__ */ D(C, {
|
|
894
900
|
onClick: Z,
|
|
895
|
-
children: [/* @__PURE__ */
|
|
901
|
+
children: [/* @__PURE__ */ E(y, { style: {
|
|
896
902
|
marginRight: "var(--space-iconGap)",
|
|
897
903
|
height: "var(--size-icon-sm)",
|
|
898
904
|
width: "var(--size-icon-sm)"
|
|
899
|
-
} }),
|
|
900
|
-
}), /* @__PURE__ */
|
|
905
|
+
} }), j("bigconsole.dashboards.actions.create", "Create Dashboard")]
|
|
906
|
+
}), /* @__PURE__ */ D(C, {
|
|
901
907
|
variant: "outline",
|
|
902
|
-
onClick:
|
|
903
|
-
children: [/* @__PURE__ */
|
|
908
|
+
onClick: Ee,
|
|
909
|
+
children: [/* @__PURE__ */ E(x, { style: {
|
|
904
910
|
marginRight: "var(--space-iconGap)",
|
|
905
911
|
height: "var(--size-icon-sm)",
|
|
906
912
|
width: "var(--size-icon-sm)"
|
|
907
|
-
} }),
|
|
913
|
+
} }), j("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
|
|
908
914
|
})]
|
|
909
915
|
})
|
|
910
916
|
})
|
|
911
917
|
})
|
|
912
918
|
]
|
|
913
919
|
}),
|
|
914
|
-
/* @__PURE__ */
|
|
920
|
+
/* @__PURE__ */ E(r, {
|
|
915
921
|
isOpen: he,
|
|
916
|
-
isCreating:
|
|
917
|
-
onClose:
|
|
918
|
-
onCreate:
|
|
922
|
+
isCreating: I,
|
|
923
|
+
onClose: Se,
|
|
924
|
+
onCreate: Ce
|
|
919
925
|
}),
|
|
920
|
-
/* @__PURE__ */
|
|
926
|
+
/* @__PURE__ */ E(i, {
|
|
921
927
|
isOpen: ge,
|
|
922
|
-
onClose:
|
|
923
|
-
onSuccess:
|
|
928
|
+
onClose: De,
|
|
929
|
+
onSuccess: Oe
|
|
924
930
|
})
|
|
925
931
|
]
|
|
926
932
|
});
|
|
927
933
|
});
|
|
928
934
|
//#endregion
|
|
929
|
-
export {
|
|
935
|
+
export { A as DashboardsPage, A as default };
|
|
930
936
|
|
|
931
937
|
//# sourceMappingURL=DashboardsPage.js.map
|