@burdenoff/microfe-bigconsole 2026.615.2 → 2026.616.1

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 (18) hide show
  1. package/dist/bigconsole/components/widgets/WidgetHeader.js +78 -59
  2. package/dist/bigconsole/components/widgets/WidgetHeader.js.map +1 -1
  3. package/dist/bigconsole/components/widgets/WidgetWrapper.js +243 -227
  4. package/dist/bigconsole/components/widgets/WidgetWrapper.js.map +1 -1
  5. package/dist/bigconsole/components/widgets/comments/WidgetComments.js +200 -0
  6. package/dist/bigconsole/components/widgets/comments/WidgetComments.js.map +1 -0
  7. package/dist/bigconsole/hooks/index.js +1 -0
  8. package/dist/bigconsole/hooks/useWidgetComments.js +81 -0
  9. package/dist/bigconsole/hooks/useWidgetComments.js.map +1 -0
  10. package/dist/bigconsole/pages/DashboardViewPage.js +186 -168
  11. package/dist/bigconsole/pages/DashboardViewPage.js.map +1 -1
  12. package/dist/bigconsole/pages/DashboardsPage.js +193 -116
  13. package/dist/bigconsole/pages/DashboardsPage.js.map +1 -1
  14. package/dist/bigconsole/pages/InsightsPage.js +227 -192
  15. package/dist/bigconsole/pages/InsightsPage.js.map +1 -1
  16. package/dist/generated/wspace-operations.js +282 -201
  17. package/dist/generated/wspace-operations.js.map +1 -1
  18. package/package.json +1 -1
package/dist/bigconsole/pages/DashboardsPage.js CHANGED
@@ -5,51 +5,63 @@ import "../hooks/index.js";
5
5
  import n from "../components/dashboard/CreateDashboardDialog.js";
6
6
  import r from "../components/dashboard/ImportDashboardDialog.js";
7
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, useState as u } from "react";
9
- import { Calendar as d, Copy as f, FileText as p, FolderOpen as ee, Layers as m, LayoutDashboard as h, LayoutGrid as te, List as ne, Pencil as g, Plus as _, Search as v, Trash2 as y, Upload as b } from "lucide-react";
10
- import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
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, FolderOpen as ne, Layers as h, LayoutDashboard as g, LayoutGrid as re, List as ie, Pencil as _, Plus as v, Search as ae, Trash2 as y, Upload as b } from "lucide-react";
10
+ import { useI18n as oe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
11
11
  import { jsx as x, jsxs as S } from "react/jsx-runtime";
12
- import { Badge as C, Button as w, Card as T, CardContent as E, Input as ie, Spinner as ae } from "@burdenoff/fe-libs/ui";
12
+ import { Badge as se, Button as C, Card as w, CardContent as T, Input as ce, Spinner as le } from "@burdenoff/fe-libs/ui";
13
13
  //#region src/bigconsole/pages/DashboardsPage.tsx
14
- var D = "bf-bigconsole-dashboards-view", O = c(function() {
15
- let c = e(), { t: O } = re(), k = l((e, t) => {
14
+ var E = "bf-bigconsole-dashboards-view", D = 12, O = c(function() {
15
+ let c = e(), { t: O } = oe(), k = l((e, t) => {
16
16
  let n = O(e);
17
17
  return n === e ? t : n;
18
- }, [O]), [A, oe] = u(""), [se, j] = u(!1), [M, N] = u(!1), [ce, P] = u(!1), [F, le] = u(() => {
18
+ }, [O]), [A, ue] = d(""), [j, M] = d(1), [de, N] = d(!1), [P, F] = d(!1), [fe, I] = d(!1), [L, pe] = d(() => {
19
19
  try {
20
- return window.localStorage.getItem(D) === "list" ? "list" : "grid";
20
+ return window.localStorage.getItem(E) === "list" ? "list" : "grid";
21
21
  } catch {
22
22
  return "grid";
23
23
  }
24
- }), I = l((e) => {
25
- le(e);
24
+ }), R = l((e) => {
25
+ pe(e);
26
26
  try {
27
- window.localStorage.setItem(D, e);
27
+ window.localStorage.setItem(E, e);
28
28
  } catch {}
29
- }, []), { loading: L, error: R, dashboards: z, createDashboard: B, deleteDashboard: V, cloneDashboard: H, refetch: U } = t(), W = z.filter((e) => e.name.toLowerCase().includes(A.toLowerCase()) || e.description?.toLowerCase().includes(A.toLowerCase())), G = l(() => {
30
- j(!0);
31
- }, []), ue = l(() => {
32
- M || j(!1);
33
- }, [M]), de = l(async (e) => {
29
+ }, []), { loading: z, error: B, dashboards: me, createDashboard: V, deleteDashboard: H, cloneDashboard: U, refetch: W } = t(), G = me.filter((e) => e.name.toLowerCase().includes(A.toLowerCase()) || e.description?.toLowerCase().includes(A.toLowerCase())), K = Math.max(1, Math.ceil(G.length / D)), q = (j - 1) * D, J = G.slice(q, q + D);
30
+ u(() => {
31
+ M(1);
32
+ }, [A, L]), u(() => {
33
+ j > K && M(K);
34
+ }, [j, K]);
35
+ let he = l(() => {
36
+ M((e) => Math.max(1, e - 1));
37
+ }, []), ge = l(() => {
38
+ M((e) => Math.min(K, e + 1));
39
+ }, [K]), _e = l((e) => {
40
+ M(e);
41
+ }, []), Y = l(() => {
34
42
  N(!0);
43
+ }, []), ve = l(() => {
44
+ P || N(!1);
45
+ }, [P]), ye = l(async (e) => {
46
+ F(!0);
35
47
  try {
36
- let t = await B({
48
+ let t = await V({
37
49
  name: e.name,
38
50
  description: e.description,
39
51
  category: e.category,
40
52
  tags: e.tags
41
53
  });
42
- t && (j(!1), c(`/dashboards/${t.id}/builder`));
54
+ t && (N(!1), c(`/dashboards/${t.id}/builder`));
43
55
  } catch (e) {
44
56
  throw console.error("Failed to create dashboard:", e), i() && s("error"), e;
45
57
  } finally {
46
- N(!1);
58
+ F(!1);
47
59
  }
48
- }, [B, c]), K = l((e) => {
60
+ }, [V, c]), X = l((e) => {
49
61
  c(`/dashboards/${e}`);
50
- }, [c]), q = l((e, t) => {
62
+ }, [c]), Z = l((e, t) => {
51
63
  t.stopPropagation(), c(`/dashboards/${e}/builder`);
52
- }, [c]), J = l(async (e, t) => {
64
+ }, [c]), Q = l(async (e, t) => {
53
65
  t.stopPropagation();
54
66
  let n = k("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await a({
55
67
  title: "Delete dashboard?",
@@ -60,49 +72,49 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
60
72
  if (r === null ? window.confirm(n) : r) {
61
73
  o("medium");
62
74
  try {
63
- await V(e), i() && s("success");
75
+ await H(e), i() && s("success");
64
76
  } catch (e) {
65
77
  throw i() && s("error"), e;
66
78
  }
67
79
  }
68
- }, [V, k]), Y = l(async (e, t, n) => {
80
+ }, [H, k]), be = l(async (e, t, n) => {
69
81
  n.stopPropagation();
70
82
  let r = k("bigconsole.dashboards.clone.defaultSuffix", `${t} (Copy)`), a = window.prompt(k("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), r);
71
83
  if (!(!a || !a.trim())) {
72
84
  o("medium");
73
85
  try {
74
- let t = await H(e, a.trim());
86
+ let t = await U(e, a.trim());
75
87
  t && (i() && s("success"), c(`/dashboards/${t.id}`));
76
88
  } catch (e) {
77
89
  throw i() && s("error"), e;
78
90
  }
79
91
  }
80
92
  }, [
81
- H,
93
+ U,
82
94
  c,
83
95
  k
84
- ]), X = l(() => {
85
- P(!0);
86
- }, []), fe = l(() => {
87
- P(!1);
88
- }, []), pe = l((e, t) => {
89
- U();
90
- }, [U]), Z = (e) => {
96
+ ]), $ = l(() => {
97
+ I(!0);
98
+ }, []), xe = l(() => {
99
+ I(!1);
100
+ }, []), Se = l((e, t) => {
101
+ W();
102
+ }, [W]), Ce = (e) => {
91
103
  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);
92
104
  return i < 1 ? k("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${k("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${k("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${k("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
93
105
  month: "short",
94
106
  day: "numeric",
95
107
  year: t.getFullYear() === n.getFullYear() ? void 0 : "numeric"
96
108
  }).format(t);
97
- }, Q = (e) => e.widgetCount ?? 0, $ = (e) => e.pageCount || 0;
98
- return R ? /* @__PURE__ */ x("div", {
109
+ }, we = (e) => e.widgetCount ?? 0, Te = (e) => e.pageCount || 0;
110
+ return B ? /* @__PURE__ */ x("div", {
99
111
  style: { padding: "var(--space-pagePadding)" },
100
- children: /* @__PURE__ */ x(T, {
112
+ children: /* @__PURE__ */ x(w, {
101
113
  style: {
102
114
  borderColor: "var(--color-status-error-border)",
103
115
  backgroundColor: "var(--color-status-error-bgSubtle)"
104
116
  },
105
- children: /* @__PURE__ */ S(E, {
117
+ children: /* @__PURE__ */ S(T, {
106
118
  style: { padding: "var(--space-pagePadding)" },
107
119
  children: [
108
120
  /* @__PURE__ */ x("h3", {
@@ -119,11 +131,11 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
119
131
  color: "var(--color-text-secondary)",
120
132
  marginTop: "var(--space-controlGap)"
121
133
  },
122
- children: R.message
134
+ children: B.message
123
135
  }),
124
- /* @__PURE__ */ x(w, {
136
+ /* @__PURE__ */ x(C, {
125
137
  size: "sm",
126
- onClick: () => U(),
138
+ onClick: () => W(),
127
139
  style: { marginTop: "var(--space-formGap)" },
128
140
  children: k("bigconsole.dashboards.error.retry", "Retry")
129
141
  })
@@ -168,7 +180,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
168
180
  borderRadius: "var(--radius-card)",
169
181
  backgroundColor: "var(--color-action-primary-bg)"
170
182
  },
171
- children: /* @__PURE__ */ x(h, { style: {
183
+ children: /* @__PURE__ */ x(g, { style: {
172
184
  height: "var(--size-icon-lg)",
173
185
  width: "var(--size-icon-lg)",
174
186
  color: "var(--color-action-primary-text)"
@@ -196,17 +208,17 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
196
208
  gap: "var(--space-controlGap)",
197
209
  flexWrap: "wrap"
198
210
  },
199
- children: [/* @__PURE__ */ S(w, {
211
+ children: [/* @__PURE__ */ S(C, {
200
212
  variant: "outline",
201
- onClick: X,
213
+ onClick: $,
202
214
  children: [/* @__PURE__ */ x(b, { style: {
203
215
  marginRight: "var(--space-iconGap)",
204
216
  height: "var(--size-icon-sm)",
205
217
  width: "var(--size-icon-sm)"
206
218
  } }), k("bigconsole.dashboards.actions.import", "Import")]
207
- }), /* @__PURE__ */ S(w, {
208
- onClick: G,
209
- children: [/* @__PURE__ */ x(_, { style: {
219
+ }), /* @__PURE__ */ S(C, {
220
+ onClick: Y,
221
+ children: [/* @__PURE__ */ x(v, { style: {
210
222
  marginRight: "var(--space-iconGap)",
211
223
  height: "var(--size-icon-sm)",
212
224
  width: "var(--size-icon-sm)"
@@ -235,7 +247,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
235
247
  minWidth: 0,
236
248
  maxWidth: "400px"
237
249
  },
238
- children: [/* @__PURE__ */ x(v, { style: {
250
+ children: [/* @__PURE__ */ x(ae, { style: {
239
251
  position: "absolute",
240
252
  left: "var(--space-controlGap)",
241
253
  top: "50%",
@@ -243,11 +255,11 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
243
255
  height: "var(--size-icon-sm)",
244
256
  width: "var(--size-icon-sm)",
245
257
  color: "var(--color-text-muted)"
246
- } }), /* @__PURE__ */ x(ie, {
258
+ } }), /* @__PURE__ */ x(ce, {
247
259
  type: "text",
248
260
  placeholder: k("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
249
261
  value: A,
250
- onChange: (e) => oe(e.target.value),
262
+ onChange: (e) => ue(e.target.value),
251
263
  style: {
252
264
  paddingLeft: "var(--size-controlHeight-md)",
253
265
  height: "var(--size-controlHeight-md)"
@@ -262,12 +274,12 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
262
274
  borderRadius: "var(--radius-button)",
263
275
  backgroundColor: "var(--color-bg-sunken)"
264
276
  },
265
- children: [/* @__PURE__ */ x(w, {
266
- variant: F === "grid" ? "default" : "ghost",
277
+ children: [/* @__PURE__ */ x(C, {
278
+ variant: L === "grid" ? "default" : "ghost",
267
279
  size: "sm",
268
- onClick: () => I("grid"),
280
+ onClick: () => R("grid"),
269
281
  "aria-label": k("bigconsole.dashboards.view.grid", "Grid view"),
270
- "aria-pressed": F === "grid",
282
+ "aria-pressed": L === "grid",
271
283
  title: k("bigconsole.dashboards.view.grid", "Grid view"),
272
284
  style: {
273
285
  height: "var(--size-controlHeight-sm)",
@@ -275,16 +287,16 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
275
287
  padding: 0,
276
288
  borderRadius: "var(--radius-button)"
277
289
  },
278
- children: /* @__PURE__ */ x(te, { style: {
290
+ children: /* @__PURE__ */ x(re, { style: {
279
291
  height: "var(--size-icon-sm)",
280
292
  width: "var(--size-icon-sm)"
281
293
  } })
282
- }), /* @__PURE__ */ x(w, {
283
- variant: F === "list" ? "default" : "ghost",
294
+ }), /* @__PURE__ */ x(C, {
295
+ variant: L === "list" ? "default" : "ghost",
284
296
  size: "sm",
285
- onClick: () => I("list"),
297
+ onClick: () => R("list"),
286
298
  "aria-label": k("bigconsole.dashboards.view.list", "List view"),
287
- "aria-pressed": F === "list",
299
+ "aria-pressed": L === "list",
288
300
  title: k("bigconsole.dashboards.view.list", "List view"),
289
301
  style: {
290
302
  height: "var(--size-controlHeight-sm)",
@@ -292,14 +304,14 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
292
304
  padding: 0,
293
305
  borderRadius: "var(--radius-button)"
294
306
  },
295
- children: /* @__PURE__ */ x(ne, { style: {
307
+ children: /* @__PURE__ */ x(ie, { style: {
296
308
  height: "var(--size-icon-sm)",
297
309
  width: "var(--size-icon-sm)"
298
310
  } })
299
311
  })]
300
312
  })]
301
313
  }),
302
- L && z.length === 0 && /* @__PURE__ */ x("div", {
314
+ z && me.length === 0 && /* @__PURE__ */ x("div", {
303
315
  style: {
304
316
  display: "flex",
305
317
  alignItems: "center",
@@ -308,7 +320,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
308
320
  },
309
321
  children: /* @__PURE__ */ S("div", {
310
322
  style: { textAlign: "center" },
311
- children: [/* @__PURE__ */ x(ae, { style: {
323
+ children: [/* @__PURE__ */ x(le, { style: {
312
324
  height: "var(--size-icon-xl)",
313
325
  width: "var(--size-icon-xl)",
314
326
  margin: "0 auto var(--space-formGap)"
@@ -321,20 +333,20 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
321
333
  })]
322
334
  })
323
335
  }),
324
- !L && F === "grid" && W.length > 0 && /* @__PURE__ */ x("div", {
336
+ !z && L === "grid" && G.length > 0 && /* @__PURE__ */ x("div", {
325
337
  style: {
326
338
  display: "grid",
327
339
  gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
328
340
  gap: "var(--space-formGap)"
329
341
  },
330
- children: W.map((e) => /* @__PURE__ */ x(T, {
331
- onClick: () => K(e.id),
342
+ children: J.map((e) => /* @__PURE__ */ x(w, {
343
+ onClick: () => X(e.id),
332
344
  style: {
333
345
  cursor: "pointer",
334
346
  transition: "all 0.2s ease"
335
347
  },
336
348
  className: "hover:shadow-md hover:border-primary/50",
337
- children: /* @__PURE__ */ S(E, {
349
+ children: /* @__PURE__ */ S(T, {
338
350
  style: { padding: "var(--space-cardPadding)" },
339
351
  children: [
340
352
  /* @__PURE__ */ S("div", {
@@ -355,7 +367,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
355
367
  borderRadius: "var(--radius-button)",
356
368
  backgroundColor: "var(--color-action-primary-bg)"
357
369
  },
358
- children: /* @__PURE__ */ x(h, { style: {
370
+ children: /* @__PURE__ */ x(g, { style: {
359
371
  height: "var(--size-icon-md)",
360
372
  width: "var(--size-icon-md)",
361
373
  color: "var(--color-action-primary-text)"
@@ -376,7 +388,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
376
388
  whiteSpace: "nowrap"
377
389
  },
378
390
  children: e.name
379
- }), e.category && /* @__PURE__ */ x(C, {
391
+ }), e.category && /* @__PURE__ */ x(se, {
380
392
  variant: "secondary",
381
393
  style: {
382
394
  marginTop: "var(--space-controlGap)",
@@ -420,7 +432,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
420
432
  gap: "var(--space-iconGap)"
421
433
  },
422
434
  children: [
423
- /* @__PURE__ */ x(m, { style: {
435
+ /* @__PURE__ */ x(h, { style: {
424
436
  height: "var(--size-icon-sm)",
425
437
  width: "var(--size-icon-sm)",
426
438
  color: "var(--color-action-primary-bg)"
@@ -431,7 +443,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
431
443
  fontWeight: "var(--font-weight-semibold)",
432
444
  color: "var(--color-text-primary)"
433
445
  },
434
- children: $(e)
446
+ children: Te(e)
435
447
  }),
436
448
  /* @__PURE__ */ x("span", {
437
449
  style: {
@@ -454,7 +466,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
454
466
  gap: "var(--space-iconGap)"
455
467
  },
456
468
  children: [
457
- /* @__PURE__ */ x(p, { style: {
469
+ /* @__PURE__ */ x(m, { style: {
458
470
  height: "var(--size-icon-sm)",
459
471
  width: "var(--size-icon-sm)",
460
472
  color: "var(--color-action-primary-bg)"
@@ -465,7 +477,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
465
477
  fontWeight: "var(--font-weight-semibold)",
466
478
  color: "var(--color-text-primary)"
467
479
  },
468
- children: Q(e)
480
+ children: we(e)
469
481
  }),
470
482
  /* @__PURE__ */ x("span", {
471
483
  style: {
@@ -492,7 +504,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
492
504
  alignItems: "center",
493
505
  gap: "var(--space-iconGap)"
494
506
  },
495
- children: [/* @__PURE__ */ x(d, { style: {
507
+ children: [/* @__PURE__ */ x(f, { style: {
496
508
  height: "var(--size-icon-sm)",
497
509
  width: "var(--size-icon-sm)",
498
510
  color: "var(--color-text-muted)"
@@ -502,7 +514,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
502
514
  fontWeight: "var(--font-weight-medium)",
503
515
  color: "var(--color-text-muted)"
504
516
  },
505
- children: Z(e.updatedAt)
517
+ children: Ce(e.updatedAt)
506
518
  })]
507
519
  }), /* @__PURE__ */ S("div", {
508
520
  style: {
@@ -511,10 +523,10 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
511
523
  gap: "var(--space-controlGap)"
512
524
  },
513
525
  children: [
514
- /* @__PURE__ */ x(w, {
526
+ /* @__PURE__ */ x(C, {
515
527
  variant: "ghost",
516
528
  size: "sm",
517
- onClick: (t) => q(e.id, t),
529
+ onClick: (t) => Z(e.id, t),
518
530
  style: {
519
531
  height: "var(--size-controlHeight-sm)",
520
532
  width: "var(--size-controlHeight-sm)",
@@ -522,15 +534,15 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
522
534
  borderRadius: "var(--radius-button)"
523
535
  },
524
536
  title: k("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
525
- children: /* @__PURE__ */ x(g, { style: {
537
+ children: /* @__PURE__ */ x(_, { style: {
526
538
  height: "var(--size-icon-sm)",
527
539
  width: "var(--size-icon-sm)"
528
540
  } })
529
541
  }),
530
- /* @__PURE__ */ x(w, {
542
+ /* @__PURE__ */ x(C, {
531
543
  variant: "ghost",
532
544
  size: "sm",
533
- onClick: (t) => Y(e.id, e.name, t),
545
+ onClick: (t) => be(e.id, e.name, t),
534
546
  style: {
535
547
  height: "var(--size-controlHeight-sm)",
536
548
  width: "var(--size-controlHeight-sm)",
@@ -538,15 +550,15 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
538
550
  borderRadius: "var(--radius-button)"
539
551
  },
540
552
  title: k("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
541
- children: /* @__PURE__ */ x(f, { style: {
553
+ children: /* @__PURE__ */ x(p, { style: {
542
554
  height: "var(--size-icon-sm)",
543
555
  width: "var(--size-icon-sm)"
544
556
  } })
545
557
  }),
546
- /* @__PURE__ */ x(w, {
558
+ /* @__PURE__ */ x(C, {
547
559
  variant: "ghost",
548
560
  size: "sm",
549
- onClick: (t) => J(e.id, t),
561
+ onClick: (t) => Q(e.id, t),
550
562
  style: {
551
563
  height: "var(--size-controlHeight-sm)",
552
564
  width: "var(--size-controlHeight-sm)",
@@ -567,20 +579,20 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
567
579
  })
568
580
  }, e.id))
569
581
  }),
570
- !L && F === "list" && W.length > 0 && /* @__PURE__ */ x("div", {
582
+ !z && L === "list" && G.length > 0 && /* @__PURE__ */ x("div", {
571
583
  style: {
572
584
  display: "flex",
573
585
  flexDirection: "column",
574
586
  gap: "var(--space-controlGap)"
575
587
  },
576
- children: W.map((e) => /* @__PURE__ */ x(T, {
577
- onClick: () => K(e.id),
588
+ children: J.map((e) => /* @__PURE__ */ x(w, {
589
+ onClick: () => X(e.id),
578
590
  style: {
579
591
  cursor: "pointer",
580
592
  transition: "all 0.2s ease"
581
593
  },
582
594
  className: "hover:shadow-md hover:border-primary/50",
583
- children: /* @__PURE__ */ x(E, {
595
+ children: /* @__PURE__ */ x(T, {
584
596
  style: { padding: "var(--space-cardPadding)" },
585
597
  children: /* @__PURE__ */ S("div", {
586
598
  style: {
@@ -601,7 +613,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
601
613
  borderRadius: "var(--radius-button)",
602
614
  backgroundColor: "var(--color-action-primary-bg)"
603
615
  },
604
- children: /* @__PURE__ */ x(h, { style: {
616
+ children: /* @__PURE__ */ x(g, { style: {
605
617
  height: "var(--size-icon-md)",
606
618
  width: "var(--size-icon-md)",
607
619
  color: "var(--color-action-primary-text)"
@@ -631,7 +643,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
631
643
  maxWidth: "100%"
632
644
  },
633
645
  children: e.name
634
- }), e.category && /* @__PURE__ */ x(C, {
646
+ }), e.category && /* @__PURE__ */ x(se, {
635
647
  variant: "secondary",
636
648
  style: {
637
649
  fontSize: "10px",
@@ -668,7 +680,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
668
680
  gap: "var(--space-iconGap)"
669
681
  },
670
682
  children: [
671
- /* @__PURE__ */ x(m, { style: {
683
+ /* @__PURE__ */ x(h, { style: {
672
684
  height: "var(--size-icon-sm)",
673
685
  width: "var(--size-icon-sm)",
674
686
  color: "var(--color-action-primary-bg)"
@@ -679,7 +691,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
679
691
  fontWeight: "var(--font-weight-semibold)",
680
692
  color: "var(--color-text-primary)"
681
693
  },
682
- children: $(e)
694
+ children: Te(e)
683
695
  }),
684
696
  /* @__PURE__ */ x("span", {
685
697
  style: {
@@ -697,7 +709,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
697
709
  gap: "var(--space-iconGap)"
698
710
  },
699
711
  children: [
700
- /* @__PURE__ */ x(p, { style: {
712
+ /* @__PURE__ */ x(m, { style: {
701
713
  height: "var(--size-icon-sm)",
702
714
  width: "var(--size-icon-sm)",
703
715
  color: "var(--color-action-primary-bg)"
@@ -708,7 +720,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
708
720
  fontWeight: "var(--font-weight-semibold)",
709
721
  color: "var(--color-text-primary)"
710
722
  },
711
- children: Q(e)
723
+ children: we(e)
712
724
  }),
713
725
  /* @__PURE__ */ x("span", {
714
726
  style: {
@@ -725,7 +737,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
725
737
  alignItems: "center",
726
738
  gap: "var(--space-iconGap)"
727
739
  },
728
- children: [/* @__PURE__ */ x(d, { style: {
740
+ children: [/* @__PURE__ */ x(f, { style: {
729
741
  height: "var(--size-icon-sm)",
730
742
  width: "var(--size-icon-sm)",
731
743
  color: "var(--color-text-muted)"
@@ -735,7 +747,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
735
747
  fontWeight: "var(--font-weight-medium)",
736
748
  color: "var(--color-text-muted)"
737
749
  },
738
- children: Z(e.updatedAt)
750
+ children: Ce(e.updatedAt)
739
751
  })]
740
752
  })
741
753
  ]
@@ -747,10 +759,10 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
747
759
  gap: "var(--space-controlGap)"
748
760
  },
749
761
  children: [
750
- /* @__PURE__ */ x(w, {
762
+ /* @__PURE__ */ x(C, {
751
763
  variant: "ghost",
752
764
  size: "sm",
753
- onClick: (t) => q(e.id, t),
765
+ onClick: (t) => Z(e.id, t),
754
766
  style: {
755
767
  height: "var(--size-controlHeight-sm)",
756
768
  width: "var(--size-controlHeight-sm)",
@@ -758,15 +770,15 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
758
770
  borderRadius: "var(--radius-button)"
759
771
  },
760
772
  title: k("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
761
- children: /* @__PURE__ */ x(g, { style: {
773
+ children: /* @__PURE__ */ x(_, { style: {
762
774
  height: "var(--size-icon-sm)",
763
775
  width: "var(--size-icon-sm)"
764
776
  } })
765
777
  }),
766
- /* @__PURE__ */ x(w, {
778
+ /* @__PURE__ */ x(C, {
767
779
  variant: "ghost",
768
780
  size: "sm",
769
- onClick: (t) => Y(e.id, e.name, t),
781
+ onClick: (t) => be(e.id, e.name, t),
770
782
  style: {
771
783
  height: "var(--size-controlHeight-sm)",
772
784
  width: "var(--size-controlHeight-sm)",
@@ -774,15 +786,15 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
774
786
  borderRadius: "var(--radius-button)"
775
787
  },
776
788
  title: k("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
777
- children: /* @__PURE__ */ x(f, { style: {
789
+ children: /* @__PURE__ */ x(p, { style: {
778
790
  height: "var(--size-icon-sm)",
779
791
  width: "var(--size-icon-sm)"
780
792
  } })
781
793
  }),
782
- /* @__PURE__ */ x(w, {
794
+ /* @__PURE__ */ x(C, {
783
795
  variant: "ghost",
784
796
  size: "sm",
785
- onClick: (t) => J(e.id, t),
797
+ onClick: (t) => Q(e.id, t),
786
798
  style: {
787
799
  height: "var(--size-controlHeight-sm)",
788
800
  width: "var(--size-controlHeight-sm)",
@@ -803,9 +815,74 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
803
815
  })
804
816
  }, e.id))
805
817
  }),
806
- !L && W.length === 0 && /* @__PURE__ */ x(T, {
818
+ !z && G.length > D && /* @__PURE__ */ S("div", {
819
+ style: {
820
+ display: "flex",
821
+ alignItems: "center",
822
+ justifyContent: "center",
823
+ gap: "var(--space-controlGap)",
824
+ flexWrap: "wrap",
825
+ marginTop: "var(--space-sectionGap)"
826
+ },
827
+ children: [
828
+ /* @__PURE__ */ S(C, {
829
+ variant: "outline",
830
+ size: "sm",
831
+ onClick: he,
832
+ disabled: j <= 1,
833
+ "aria-label": k("bigconsole.dashboards.pagination.previous", "Previous"),
834
+ children: [/* @__PURE__ */ x(ee, { style: {
835
+ marginRight: "var(--space-iconGap)",
836
+ height: "var(--size-icon-sm)",
837
+ width: "var(--size-icon-sm)"
838
+ } }), k("bigconsole.dashboards.pagination.previous", "Previous")]
839
+ }),
840
+ /* @__PURE__ */ x("div", {
841
+ style: {
842
+ display: "flex",
843
+ alignItems: "center",
844
+ gap: "var(--space-iconGap)",
845
+ flexWrap: "wrap"
846
+ },
847
+ children: Array.from({ length: K }, (e, t) => t + 1).map((e) => /* @__PURE__ */ x(C, {
848
+ variant: e === j ? "default" : "ghost",
849
+ size: "sm",
850
+ onClick: () => _e(e),
851
+ "aria-current": e === j ? "page" : void 0,
852
+ style: {
853
+ minWidth: "var(--size-controlHeight-sm)",
854
+ height: "var(--size-controlHeight-sm)",
855
+ padding: "0 var(--space-controlGap)",
856
+ borderRadius: "var(--radius-button)"
857
+ },
858
+ children: e
859
+ }, e))
860
+ }),
861
+ /* @__PURE__ */ S(C, {
862
+ variant: "outline",
863
+ size: "sm",
864
+ onClick: ge,
865
+ disabled: j >= K,
866
+ "aria-label": k("bigconsole.dashboards.pagination.next", "Next"),
867
+ children: [k("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ x(te, { style: {
868
+ marginLeft: "var(--space-iconGap)",
869
+ height: "var(--size-icon-sm)",
870
+ width: "var(--size-icon-sm)"
871
+ } })]
872
+ }),
873
+ /* @__PURE__ */ x("span", {
874
+ style: {
875
+ fontSize: "var(--font-size-body-sm)",
876
+ color: "var(--color-text-muted)",
877
+ marginLeft: "var(--space-controlGap)"
878
+ },
879
+ children: k("bigconsole.dashboards.pagination.pageOf", `Page ${j} of ${K}`)
880
+ })
881
+ ]
882
+ }),
883
+ !z && G.length === 0 && /* @__PURE__ */ x(w, {
807
884
  className: "border-dashed",
808
- children: /* @__PURE__ */ S(E, {
885
+ children: /* @__PURE__ */ S(T, {
809
886
  style: {
810
887
  display: "flex",
811
888
  flexDirection: "column",
@@ -825,7 +902,7 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
825
902
  backgroundColor: "var(--color-bg-sunken)",
826
903
  marginBottom: "var(--space-sectionGap)"
827
904
  },
828
- children: /* @__PURE__ */ x(ee, { style: {
905
+ children: /* @__PURE__ */ x(ne, { style: {
829
906
  height: "var(--size-icon-xl)",
830
907
  width: "var(--size-icon-xl)",
831
908
  color: "var(--color-text-muted)"
@@ -856,17 +933,17 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
856
933
  flexWrap: "wrap",
857
934
  justifyContent: "center"
858
935
  },
859
- children: [/* @__PURE__ */ S(w, {
936
+ children: [/* @__PURE__ */ S(C, {
860
937
  variant: "outline",
861
- onClick: X,
938
+ onClick: $,
862
939
  children: [/* @__PURE__ */ x(b, { style: {
863
940
  marginRight: "var(--space-iconGap)",
864
941
  height: "var(--size-icon-sm)",
865
942
  width: "var(--size-icon-sm)"
866
943
  } }), k("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
867
- }), /* @__PURE__ */ S(w, {
868
- onClick: G,
869
- children: [/* @__PURE__ */ x(_, { style: {
944
+ }), /* @__PURE__ */ S(C, {
945
+ onClick: Y,
946
+ children: [/* @__PURE__ */ x(v, { style: {
870
947
  marginRight: "var(--space-iconGap)",
871
948
  height: "var(--size-icon-sm)",
872
949
  width: "var(--size-icon-sm)"
@@ -879,15 +956,15 @@ var D = "bf-bigconsole-dashboards-view", O = c(function() {
879
956
  ]
880
957
  }),
881
958
  /* @__PURE__ */ x(n, {
882
- isOpen: se,
883
- isCreating: M,
884
- onClose: ue,
885
- onCreate: de
959
+ isOpen: de,
960
+ isCreating: P,
961
+ onClose: ve,
962
+ onCreate: ye
886
963
  }),
887
964
  /* @__PURE__ */ x(r, {
888
- isOpen: ce,
889
- onClose: fe,
890
- onSuccess: pe
965
+ isOpen: fe,
966
+ onClose: xe,
967
+ onSuccess: Se
891
968
  })
892
969
  ]
893
970
  });