@burdenoff/microfe-bigconsole 2026.716.2 → 2026.716.3

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.
@@ -1,49 +1,50 @@
1
1
  import { useBigConsoleNavigate as e } from "../context/BigConsoleContext.js";
2
2
  import "../context/index.js";
3
- import t from "../hooks/useDashboardOperations.js";
3
+ import { reportBigConsoleQuotaError as t } from "../utils/quota.js";
4
+ import n from "../hooks/useDashboardOperations.js";
4
5
  import "../hooks/index.js";
5
- import n from "../components/dashboard/CreateDashboardDialog.js";
6
- import r from "../components/dashboard/ImportDashboardDialog.js";
7
- import { isNative as i, nativeConfirm as a, nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
8
- import { memo as c, useCallback as l, useEffect as u, useState as d } from "react";
9
- import { Calendar as f, ChevronLeft as ee, ChevronRight as te, Copy as p, FileText as m, Layers as h, LayoutDashboard as g, LayoutGrid as ne, List as re, Pencil as _, Plus as v, Search as ie, Trash2 as y, Upload as b } from "lucide-react";
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 x, Button as S, CTAOverflowMenu as se, Card as C, CardContent as w, GlassCard as ce, GradientText as le, IllustratedEmptyState as ue, Input as de, PagePurpose as fe, Spinner as pe } from "@burdenoff/fe-libs/ui";
12
- import { jsx as T, jsxs as E } from "react/jsx-runtime";
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 D = "bf-bigconsole-dashboards-view", O = 12, k = c(function() {
15
- let c = e(), { t: k } = ae(), A = l((e, t) => {
16
- let n = k(e);
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
- }, [k]), [j, me] = d(""), [M, N] = d(1), [he, P] = d(!1), [F, I] = d(!1), [ge, L] = d(!1), [R, _e] = d(() => {
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(D) === "list" ? "list" : "grid";
21
+ return window.localStorage.getItem(O) === "list" ? "list" : "grid";
21
22
  } catch {
22
23
  return "grid";
23
24
  }
24
- }), z = l((e) => {
25
- _e(e);
25
+ }), z = u((e) => {
26
+ ve(e);
26
27
  try {
27
- window.localStorage.setItem(D, e);
28
+ window.localStorage.setItem(O, e);
28
29
  } catch {}
29
- }, []), { loading: B, error: V, dashboards: H, createDashboard: U, deleteDashboard: W, cloneDashboard: G, refetch: K } = t(), q = H.filter((e) => e.name.toLowerCase().includes(j.toLowerCase()) || e.description?.toLowerCase().includes(j.toLowerCase())), J = Math.max(1, Math.ceil(q.length / O)), Y = (M - 1) * O, X = q.slice(Y, Y + O);
30
- u(() => {
31
- N(1);
32
- }, [j, R]), u(() => {
33
- M > J && N(J);
34
- }, [M, J]);
35
- let ve = l(() => {
36
- N((e) => Math.max(1, e - 1));
37
- }, []), ye = l(() => {
38
- N((e) => Math.min(J, e + 1));
39
- }, [J]), be = l((e) => {
40
- N(e);
41
- }, []), Z = l(() => {
42
- P(!0);
43
- }, []), xe = l(() => {
44
- F || P(!1);
45
- }, [F]), Se = l(async (e) => {
46
- I(!0);
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 && (P(!1), c(`/dashboards/${t.id}/builder`));
55
+ t && (F(!1), l(`/dashboards/${t.id}/builder`));
55
56
  } catch (e) {
56
- throw console.error("Failed to create dashboard:", e), i() && s("error"), e;
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
- I(!1);
63
+ L(!1);
59
64
  }
60
- }, [U, c]), Q = l((e) => {
61
- c(`/dashboards/${e}`);
62
- }, [c]), $ = l((e, t) => {
63
- t.stopPropagation(), c(`/dashboards/${e}/builder`);
64
- }, [c]), Ce = l(async (e, t) => {
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 = A("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await a({
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
- o("medium");
78
+ s("medium");
74
79
  try {
75
- await W(e), i() && s("success");
80
+ await W(e), a() && c("success");
76
81
  } catch (e) {
77
- throw i() && s("error"), e;
82
+ throw a() && c("error"), e;
78
83
  }
79
84
  }
80
- }, [W, A]), we = l(async (e, t, n) => {
81
- n.stopPropagation();
82
- let r = A("bigconsole.dashboards.clone.defaultSuffix", `${t} (Copy)`), a = window.prompt(A("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), r);
83
- if (!(!a || !a.trim())) {
84
- o("medium");
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, a.trim());
87
- t && (i() && s("success"), c(`/dashboards/${t.id}`));
91
+ let t = await G(e, o.trim());
92
+ t && (a() && c("success"), l(`/dashboards/${t.id}`));
88
93
  } catch (e) {
89
- throw i() && s("error"), e;
94
+ if (t(e, "project")) return;
95
+ throw a() && c("error"), e;
90
96
  }
91
97
  }
92
98
  }, [
93
99
  G,
94
- c,
95
- A
96
- ]), Te = l(() => {
97
- L(!0);
98
- }, []), Ee = l(() => {
99
- L(!1);
100
- }, []), De = l((e, t) => {
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]), Oe = (e) => {
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 ? A("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${A("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${A("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${A("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
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
- }, ke = (e) => e.widgetCount ?? 0, Ae = (e) => e.pageCount || 0;
110
- return V ? /* @__PURE__ */ T("div", {
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__ */ T(C, {
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__ */ E(w, {
123
+ children: /* @__PURE__ */ D(T, {
118
124
  style: { padding: "var(--space-pagePadding)" },
119
125
  children: [
120
- /* @__PURE__ */ T("h3", {
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: A("bigconsole.dashboards.error.title", "Error loading dashboards")
132
+ children: j("bigconsole.dashboards.error.title", "Error loading dashboards")
127
133
  }),
128
- /* @__PURE__ */ T("p", {
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__ */ T(S, {
142
+ /* @__PURE__ */ E(C, {
137
143
  size: "sm",
138
144
  onClick: () => K(),
139
145
  style: { marginTop: "var(--space-formGap)" },
140
- children: A("bigconsole.dashboards.error.retry", "Retry")
146
+ children: j("bigconsole.dashboards.error.retry", "Retry")
141
147
  })
142
148
  ]
143
149
  })
144
150
  })
145
- }) : /* @__PURE__ */ E("div", {
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__ */ E("div", {
157
+ /* @__PURE__ */ D("div", {
152
158
  className: "relative overflow-hidden border-b border-border-seam bg-gloss-card",
153
- children: [/* @__PURE__ */ T(oe, { intensity: "subtle" }), /* @__PURE__ */ T("div", {
159
+ children: [/* @__PURE__ */ E(oe, { intensity: "subtle" }), /* @__PURE__ */ E("div", {
154
160
  style: { padding: "var(--space-pagePadding)" },
155
- children: /* @__PURE__ */ E("div", {
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__ */ E("div", {
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__ */ T("div", {
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__ */ T(g, { style: {
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__ */ E("div", { children: [/* @__PURE__ */ T("h1", {
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__ */ T(le, { children: A("bigconsole.dashboards.title", "Dashboards") })
193
- }), /* @__PURE__ */ T("p", {
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: A("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
205
+ children: j("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards")
200
206
  })] })]
201
- }), /* @__PURE__ */ T(se, {
207
+ }), /* @__PURE__ */ E(se, {
202
208
  primary: {
203
- label: A("bigconsole.dashboards.actions.create", "Create Dashboard"),
209
+ label: j("bigconsole.dashboards.actions.create", "Create Dashboard"),
204
210
  onSelect: Z,
205
- icon: /* @__PURE__ */ T(v, { style: {
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: A("bigconsole.dashboards.actions.import", "Import"),
213
- onSelect: Te,
214
- icon: /* @__PURE__ */ T(b, { style: {
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__ */ E("div", {
229
+ /* @__PURE__ */ D("div", {
224
230
  style: { padding: "var(--space-pagePadding)" },
225
231
  children: [
226
- /* @__PURE__ */ T(fe, {
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__ */ E("div", {
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__ */ E("div", {
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__ */ T(ie, { style: {
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__ */ T(de, {
260
+ } }), /* @__PURE__ */ E(de, {
255
261
  type: "text",
256
- placeholder: A("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
257
- value: j,
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__ */ E("div", {
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__ */ T(S, {
279
+ children: [/* @__PURE__ */ E(C, {
274
280
  variant: R === "grid" ? "default" : "ghost",
275
281
  size: "sm",
276
282
  onClick: () => z("grid"),
277
- "aria-label": A("bigconsole.dashboards.view.grid", "Grid view"),
283
+ "aria-label": j("bigconsole.dashboards.view.grid", "Grid view"),
278
284
  "aria-pressed": R === "grid",
279
- title: A("bigconsole.dashboards.view.grid", "Grid view"),
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__ */ T(ne, { style: {
292
+ children: /* @__PURE__ */ E(ne, { style: {
287
293
  height: "var(--size-icon-sm)",
288
294
  width: "var(--size-icon-sm)"
289
295
  } })
290
- }), /* @__PURE__ */ T(S, {
296
+ }), /* @__PURE__ */ E(C, {
291
297
  variant: R === "list" ? "default" : "ghost",
292
298
  size: "sm",
293
299
  onClick: () => z("list"),
294
- "aria-label": A("bigconsole.dashboards.view.list", "List view"),
300
+ "aria-label": j("bigconsole.dashboards.view.list", "List view"),
295
301
  "aria-pressed": R === "list",
296
- title: A("bigconsole.dashboards.view.list", "List view"),
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__ */ T(re, { style: {
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__ */ T("div", {
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__ */ E("div", {
323
+ children: /* @__PURE__ */ D("div", {
318
324
  style: { textAlign: "center" },
319
- children: [/* @__PURE__ */ T(pe, { style: {
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__ */ T("p", {
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: A("bigconsole.dashboards.loading", "Loading dashboards...")
334
+ children: j("bigconsole.dashboards.loading", "Loading dashboards...")
329
335
  })]
330
336
  })
331
337
  }),
332
- !B && R === "grid" && q.length > 0 && /* @__PURE__ */ T("div", {
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__ */ T(C, {
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__ */ E(w, {
351
+ children: /* @__PURE__ */ D(T, {
346
352
  style: { padding: "var(--space-cardPadding)" },
347
353
  children: [
348
- /* @__PURE__ */ E("div", {
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__ */ T("div", {
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__ */ T(g, { style: {
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__ */ E("div", {
377
+ }), /* @__PURE__ */ D("div", {
372
378
  style: {
373
379
  flex: 1,
374
380
  minWidth: 0
375
381
  },
376
- children: [/* @__PURE__ */ T("h3", {
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__ */ T(x, {
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__ */ T("p", {
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 || A("bigconsole.dashboards.card.noDescription", "No description provided")
417
+ children: e.description || j("bigconsole.dashboards.card.noDescription", "No description provided")
412
418
  }),
413
- /* @__PURE__ */ E("div", {
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__ */ E("div", {
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__ */ T(h, { style: {
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__ */ T("span", {
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: Ae(e)
448
+ children: je(e)
443
449
  }),
444
- /* @__PURE__ */ T("span", {
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: A("bigconsole.dashboards.card.pages", "pages")
455
+ children: j("bigconsole.dashboards.card.pages", "pages")
450
456
  })
451
457
  ]
452
458
  }),
453
- /* @__PURE__ */ T("div", { style: {
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__ */ E("div", {
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__ */ T(m, { style: {
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__ */ T("span", {
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: ke(e)
482
+ children: Ae(e)
477
483
  }),
478
- /* @__PURE__ */ T("span", {
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: A("bigconsole.dashboards.card.widgets", "widgets")
489
+ children: j("bigconsole.dashboards.card.widgets", "widgets")
484
490
  })
485
491
  ]
486
492
  })
487
493
  ]
488
494
  }),
489
- /* @__PURE__ */ E("div", {
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__ */ E("div", {
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__ */ T(f, { style: {
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__ */ T("span", {
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: Oe(e.updatedAt)
519
+ children: ke(e.updatedAt)
514
520
  })]
515
- }), /* @__PURE__ */ E("div", {
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__ */ T(S, {
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: A("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
533
- children: /* @__PURE__ */ T(_, { style: {
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__ */ T(S, {
544
+ /* @__PURE__ */ E(C, {
539
545
  variant: "ghost",
540
546
  size: "sm",
541
- onClick: (t) => we(e.id, e.name, 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: A("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
549
- children: /* @__PURE__ */ T(p, { style: {
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__ */ T(S, {
560
+ /* @__PURE__ */ E(C, {
555
561
  variant: "ghost",
556
562
  size: "sm",
557
- onClick: (t) => Ce(e.id, 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: A("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
566
- children: /* @__PURE__ */ T(y, { style: {
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__ */ T("div", {
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__ */ T(C, {
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(w, {
597
+ children: /* @__PURE__ */ E(T, {
592
598
  style: { padding: "var(--space-cardPadding)" },
593
- children: /* @__PURE__ */ E("div", {
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__ */ T("div", {
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__ */ T(g, { style: {
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__ */ E("div", {
624
+ /* @__PURE__ */ D("div", {
619
625
  style: {
620
626
  flex: 1,
621
627
  minWidth: "180px"
622
628
  },
623
- children: [/* @__PURE__ */ E("div", {
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__ */ T("h3", {
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__ */ T(x, {
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__ */ T("p", {
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 || A("bigconsole.dashboards.card.noDescription", "No description provided")
667
+ children: e.description || j("bigconsole.dashboards.card.noDescription", "No description provided")
662
668
  })]
663
669
  }),
664
- /* @__PURE__ */ E("div", {
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__ */ E("div", {
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__ */ T(h, { style: {
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__ */ T("span", {
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: Ae(e)
696
+ children: je(e)
691
697
  }),
692
- /* @__PURE__ */ T("span", {
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: A("bigconsole.dashboards.card.pages", "pages")
703
+ children: j("bigconsole.dashboards.card.pages", "pages")
698
704
  })
699
705
  ]
700
706
  }),
701
- /* @__PURE__ */ E("div", {
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__ */ T(m, { style: {
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__ */ T("span", {
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: ke(e)
725
+ children: Ae(e)
720
726
  }),
721
- /* @__PURE__ */ T("span", {
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: A("bigconsole.dashboards.card.widgets", "widgets")
732
+ children: j("bigconsole.dashboards.card.widgets", "widgets")
727
733
  })
728
734
  ]
729
735
  }),
730
- /* @__PURE__ */ E("div", {
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__ */ T(f, { style: {
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__ */ T("span", {
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: Oe(e.updatedAt)
752
+ children: ke(e.updatedAt)
747
753
  })]
748
754
  })
749
755
  ]
750
756
  }),
751
- /* @__PURE__ */ E("div", {
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__ */ T(S, {
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: A("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
769
- children: /* @__PURE__ */ T(_, { style: {
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__ */ T(S, {
780
+ /* @__PURE__ */ E(C, {
775
781
  variant: "ghost",
776
782
  size: "sm",
777
- onClick: (t) => we(e.id, e.name, 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: A("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
785
- children: /* @__PURE__ */ T(p, { style: {
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__ */ T(S, {
796
+ /* @__PURE__ */ E(C, {
791
797
  variant: "ghost",
792
798
  size: "sm",
793
- onClick: (t) => Ce(e.id, 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: A("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
802
- children: /* @__PURE__ */ T(y, { style: {
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 > O && /* @__PURE__ */ E("div", {
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__ */ E(S, {
830
+ /* @__PURE__ */ D(C, {
825
831
  variant: "outline",
826
832
  size: "sm",
827
- onClick: ve,
828
- disabled: M <= 1,
829
- "aria-label": A("bigconsole.dashboards.pagination.previous", "Previous"),
830
- children: [/* @__PURE__ */ T(ee, { style: {
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
- } }), A("bigconsole.dashboards.pagination.previous", "Previous")]
840
+ } }), j("bigconsole.dashboards.pagination.previous", "Previous")]
835
841
  }),
836
- /* @__PURE__ */ T("div", {
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__ */ T(S, {
844
- variant: e === M ? "default" : "ghost",
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: () => be(e),
847
- "aria-current": e === M ? "page" : void 0,
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__ */ E(S, {
863
+ /* @__PURE__ */ D(C, {
858
864
  variant: "outline",
859
865
  size: "sm",
860
- onClick: ye,
861
- disabled: M >= J,
862
- "aria-label": A("bigconsole.dashboards.pagination.next", "Next"),
863
- children: [A("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ T(te, { style: {
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__ */ T("span", {
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: A("bigconsole.dashboards.pagination.pageOf", `Page ${M} of ${J}`)
881
+ children: j("bigconsole.dashboards.pagination.pageOf", `Page ${N} of ${J}`)
876
882
  })
877
883
  ]
878
884
  }),
879
- !B && q.length === 0 && /* @__PURE__ */ T(ce, {
885
+ !B && q.length === 0 && /* @__PURE__ */ E(ce, {
880
886
  treatment: "insight",
881
887
  className: "border-border-seam",
882
- children: /* @__PURE__ */ T(ue, {
883
- illustration: j ? "empty-search" : "empty-data",
884
- title: j ? A("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : A("bigconsole.dashboards.empty.title", "No dashboards yet"),
885
- description: j ? A("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : A("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
886
- action: j ? void 0 : /* @__PURE__ */ E("div", {
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__ */ E(S, {
899
+ children: [/* @__PURE__ */ D(C, {
894
900
  onClick: Z,
895
- children: [/* @__PURE__ */ T(v, { style: {
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
- } }), A("bigconsole.dashboards.actions.create", "Create Dashboard")]
900
- }), /* @__PURE__ */ E(S, {
905
+ } }), j("bigconsole.dashboards.actions.create", "Create Dashboard")]
906
+ }), /* @__PURE__ */ D(C, {
901
907
  variant: "outline",
902
- onClick: Te,
903
- children: [/* @__PURE__ */ T(b, { style: {
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
- } }), A("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
913
+ } }), j("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
908
914
  })]
909
915
  })
910
916
  })
911
917
  })
912
918
  ]
913
919
  }),
914
- /* @__PURE__ */ T(n, {
920
+ /* @__PURE__ */ E(r, {
915
921
  isOpen: he,
916
- isCreating: F,
917
- onClose: xe,
918
- onCreate: Se
922
+ isCreating: I,
923
+ onClose: Se,
924
+ onCreate: Ce
919
925
  }),
920
- /* @__PURE__ */ T(r, {
926
+ /* @__PURE__ */ E(i, {
921
927
  isOpen: ge,
922
- onClose: Ee,
923
- onSuccess: De
928
+ onClose: De,
929
+ onSuccess: Oe
924
930
  })
925
931
  ]
926
932
  });
927
933
  });
928
934
  //#endregion
929
- export { k as DashboardsPage, k as default };
935
+ export { A as DashboardsPage, A as default };
930
936
 
931
937
  //# sourceMappingURL=DashboardsPage.js.map