@burdenoff/microfe-bigconsole 2026.730.6 → 2026.730.7

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