@burdenoff/microfe-bigconsole 2026.828.1 → 2026.829.2

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 (7) hide show
  1. package/dist/bigconsole/pages/DashboardsPage.js +282 -286
  2. package/dist/bigconsole/pages/DashboardsPage.js.map +1 -1
  3. package/dist/bigconsole/pages/DataParsersPage.js +60 -60
  4. package/dist/bigconsole/pages/DataParsersPage.js.map +1 -1
  5. package/dist/shared/hooks/useTr.js +14 -0
  6. package/dist/shared/hooks/useTr.js.map +1 -0
  7. package/package.json +1 -1
package/dist/bigconsole/pages/DashboardsPage.js CHANGED
@@ -9,17 +9,17 @@ import { BIGCONSOLE_PERMISSIONS as a } from "../../constants/permissions.js";
9
9
  import o from "../components/dashboard/CreateDashboardDialog.js";
10
10
  import { isNative as s, nativeConfirm as ee, nativeImpact as c, nativeNotify as l } from "../../utils/nativeBridge.js";
11
11
  import te from "../components/dashboard/ImportDashboardDialog.js";
12
- import { memo as u, useCallback as d, useEffect as ne, useState as f } from "react";
13
- import { AccessDenied as re, PermissionButton as p } from "@burdenoff/fe-libs/shared/components";
12
+ import { useTr as ne } from "../../shared/hooks/useTr.js";
13
+ import { memo as u, useCallback as d, useEffect as f, useState as p } from "react";
14
+ import { AccessDenied as re, PermissionButton as m } from "@burdenoff/fe-libs/shared/components";
14
15
  import { usePermissions as ie } from "@burdenoff/fe-libs/shared/providers/shell";
15
- import { Calendar as m, ChevronLeft as ae, ChevronRight as oe, Copy as h, FileText as g, Layers as _, LayoutDashboard as v, LayoutGrid as se, List as ce, Pencil as le, Plus as ue, Search as de, Trash2 as fe, Upload as pe } from "lucide-react";
16
- import { useI18n as me } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
17
- import { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as C, CardContent as w, GlassCard as he, GradientText as T, IllustratedEmptyState as ge, Input as _e, PagePurpose as ve, Spinner as E } from "@burdenoff/fe-libs/ui";
18
- import { jsx as D, jsxs as O } from "react/jsx-runtime";
16
+ import { Calendar as h, ChevronLeft as ae, ChevronRight as oe, Copy as g, FileText as _, Layers as v, LayoutDashboard as y, LayoutGrid as se, List as ce, Pencil as le, Plus as ue, Search as de, Trash2 as fe, Upload as pe } from "lucide-react";
17
+ import { AuroraBackground as b, Badge as x, Button as S, CTAOverflowMenu as C, Card as w, CardContent as T, GlassCard as me, GradientText as E, IllustratedEmptyState as he, Input as ge, PagePurpose as _e, Spinner as D } from "@burdenoff/fe-libs/ui";
18
+ import { jsx as O, jsxs as k } from "react/jsx-runtime";
19
19
  //#region src/bigconsole/pages/DashboardsPage.tsx
20
- var k = "bf-bigconsole-dashboards-view", A = 12, j = 7;
21
- function ye(e, t) {
22
- if (t <= j) return Array.from({ length: t }, (e, t) => t + 1);
20
+ var A = "bf-bigconsole-dashboards-view", j = 12, M = 7;
21
+ function ve(e, t) {
22
+ if (t <= M) return Array.from({ length: t }, (e, t) => t + 1);
23
23
  let n = new Set([
24
24
  1,
25
25
  t,
@@ -31,12 +31,12 @@ function ye(e, t) {
31
31
  t > 0 && e - r[t - 1] > 1 && i.push(null), i.push(e);
32
32
  }), i;
33
33
  }
34
- var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: s }) {
35
- return /* @__PURE__ */ O("div", {
34
+ var ye = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onCreate: i, onImport: a, canCreate: o, canImport: s }) {
35
+ return /* @__PURE__ */ k("div", {
36
36
  className: "relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]",
37
- children: [/* @__PURE__ */ D(y, { intensity: "subtle" }), /* @__PURE__ */ D("div", {
37
+ children: [/* @__PURE__ */ O(b, { intensity: "subtle" }), /* @__PURE__ */ O("div", {
38
38
  style: { padding: "var(--space-pagePadding)" },
39
- children: /* @__PURE__ */ O("div", {
39
+ children: /* @__PURE__ */ k("div", {
40
40
  style: {
41
41
  display: "flex",
42
42
  alignItems: "center",
@@ -44,14 +44,14 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
44
44
  flexWrap: "wrap",
45
45
  gap: "var(--space-formGap)"
46
46
  },
47
- children: [/* @__PURE__ */ O("div", {
47
+ children: [/* @__PURE__ */ k("div", {
48
48
  style: {
49
49
  display: "flex",
50
50
  alignItems: "center",
51
51
  gap: "var(--space-formGap)",
52
52
  minWidth: 0
53
53
  },
54
- children: [/* @__PURE__ */ D("div", {
54
+ children: [/* @__PURE__ */ O("div", {
55
55
  style: {
56
56
  display: "flex",
57
57
  height: "var(--size-controlHeight-lg)",
@@ -62,22 +62,22 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
62
62
  borderRadius: "var(--radius-card)",
63
63
  backgroundColor: "var(--color-action-primary-bg)"
64
64
  },
65
- children: /* @__PURE__ */ D(v, { style: {
65
+ children: /* @__PURE__ */ O(y, { style: {
66
66
  height: "var(--size-icon-lg)",
67
67
  width: "var(--size-icon-lg)",
68
68
  color: "var(--color-action-primary-text)"
69
69
  } })
70
- }), /* @__PURE__ */ O("div", {
70
+ }), /* @__PURE__ */ k("div", {
71
71
  style: { minWidth: 0 },
72
- children: [/* @__PURE__ */ D("h1", {
72
+ children: [/* @__PURE__ */ O("h1", {
73
73
  style: {
74
74
  fontSize: "var(--font-size-heading-h4)",
75
75
  fontWeight: "var(--font-weight-bold)",
76
76
  margin: 0,
77
77
  color: "var(--color-text-primary)"
78
78
  },
79
- children: /* @__PURE__ */ D(T, { children: e })
80
- }), /* @__PURE__ */ D("p", {
79
+ children: /* @__PURE__ */ O(E, { children: e })
80
+ }), /* @__PURE__ */ O("p", {
81
81
  style: {
82
82
  fontSize: "var(--font-size-body-sm)",
83
83
  color: "var(--color-text-secondary)",
@@ -86,12 +86,12 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
86
86
  children: t
87
87
  })]
88
88
  })]
89
- }), /* @__PURE__ */ D(S, {
89
+ }), /* @__PURE__ */ O(C, {
90
90
  primary: {
91
91
  label: n,
92
92
  onSelect: i,
93
93
  disabled: !o,
94
- icon: /* @__PURE__ */ D(ue, { style: {
94
+ icon: /* @__PURE__ */ O(ue, { style: {
95
95
  marginRight: "var(--space-iconGap)",
96
96
  height: "var(--size-icon-sm)",
97
97
  width: "var(--size-icon-sm)"
@@ -101,7 +101,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
101
101
  label: r,
102
102
  onSelect: a,
103
103
  disabled: !s,
104
- icon: /* @__PURE__ */ D(pe, { style: {
104
+ icon: /* @__PURE__ */ O(pe, { style: {
105
105
  height: "var(--size-icon-sm)",
106
106
  width: "var(--size-icon-sm)"
107
107
  } })
@@ -110,12 +110,12 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
110
110
  })
111
111
  })]
112
112
  });
113
- }), M = {
113
+ }), N = {
114
114
  PUBLISHED: "var(--color-status-success-bg)",
115
115
  DRAFT: "var(--color-text-muted)",
116
116
  ARCHIVED: "var(--color-status-warning-bg)"
117
- }, N = u(function({ status: e, label: t }) {
118
- return /* @__PURE__ */ O("span", {
117
+ }, P = u(function({ status: e, label: t }) {
118
+ return /* @__PURE__ */ k("span", {
119
119
  "data-testid": "dashboard-status",
120
120
  style: {
121
121
  display: "inline-flex",
@@ -132,76 +132,73 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
132
132
  color: "var(--color-text-secondary)",
133
133
  whiteSpace: "nowrap"
134
134
  },
135
- children: [/* @__PURE__ */ D("span", {
135
+ children: [/* @__PURE__ */ O("span", {
136
136
  "aria-hidden": "true",
137
137
  style: {
138
138
  width: 6,
139
139
  height: 6,
140
140
  borderRadius: "50%",
141
- backgroundColor: M[e],
141
+ backgroundColor: N[e],
142
142
  flexShrink: 0
143
143
  }
144
144
  }), t]
145
145
  });
146
- }), P = u(function() {
147
- let u = n(), { t: y } = me(), S = d((e, t) => {
148
- let n = y(e);
149
- return n === e ? t : n;
150
- }, [y]), [T, j] = f(""), [M, P] = f(1), [xe, F] = f(!1), [I, L] = f(!1), [Se, R] = f(!1), [z, Ce] = f(() => {
146
+ }), F = u(function() {
147
+ let u = n(), b = ne(), [C, E] = p(""), [M, N] = p(1), [F, I] = p(!1), [L, R] = p(!1), [be, z] = p(!1), [B, xe] = p(() => {
151
148
  try {
152
- return window.localStorage.getItem(k) === "list" ? "list" : "grid";
149
+ return window.localStorage.getItem(A) === "list" ? "list" : "grid";
153
150
  } catch {
154
151
  return "grid";
155
152
  }
156
- }), B = d((e) => {
157
- Ce(e);
153
+ }), V = d((e) => {
154
+ xe(e);
158
155
  try {
159
- window.localStorage.setItem(k, e);
156
+ window.localStorage.setItem(A, e);
160
157
  } catch {}
161
- }, []), { loading: V, error: H, dashboards: we, createDashboard: U, deleteDashboard: W, cloneDashboard: G, refetch: K } = i(), { hasPermission: q, isLoading: Te } = ie(), Ee = q(a.DASHBOARD_READ), De = q(a.DASHBOARD_CREATE), Oe = q(a.DASHBOARD_IMPORT), J = we.filter((e) => e.name.toLowerCase().includes(T.toLowerCase()) || e.description?.toLowerCase().includes(T.toLowerCase())), Y = Math.max(1, Math.ceil(J.length / A)), X = (M - 1) * A, Z = J.slice(X, X + A);
162
- ne(() => {
163
- P(1);
164
- }, [T, z]), ne(() => {
165
- M > Y && P(Y);
158
+ }, []), { loading: H, error: U, dashboards: W, createDashboard: Se, deleteDashboard: G, cloneDashboard: Ce, refetch: K } = i(), { hasPermission: q, isLoading: we } = ie(), Te = q(a.DASHBOARD_READ), Ee = q(a.DASHBOARD_CREATE), De = q(a.DASHBOARD_IMPORT), J = W.filter((e) => e.name.toLowerCase().includes(C.toLowerCase()) || e.description?.toLowerCase().includes(C.toLowerCase())), Y = Math.max(1, Math.ceil(J.length / j)), X = (M - 1) * j, Z = J.slice(X, X + j);
159
+ f(() => {
160
+ N(1);
161
+ }, [C, B]), f(() => {
162
+ M > Y && N(Y);
166
163
  }, [M, Y]);
167
- let ke = d(() => {
168
- P((e) => Math.max(1, e - 1));
169
- }, []), Ae = d(() => {
170
- P((e) => Math.min(Y, e + 1));
171
- }, [Y]), je = d((e) => {
172
- P(e);
173
- }, []), Me = d(() => {
174
- F(!0);
175
- }, []), Ne = d(({ dashboardId: e }) => {
164
+ let Oe = d(() => {
165
+ N((e) => Math.max(1, e - 1));
166
+ }, []), ke = d(() => {
167
+ N((e) => Math.min(Y, e + 1));
168
+ }, [Y]), Ae = d((e) => {
169
+ N(e);
170
+ }, []), je = d(() => {
171
+ I(!0);
172
+ }, []), Me = d(({ dashboardId: e }) => {
176
173
  K(), u(`/dashboards/${e}`);
177
- }, [K, u]), Pe = d(() => {
178
- I || F(!1);
179
- }, [I]), Fe = d(async (e) => {
180
- L(!0);
174
+ }, [K, u]), Ne = d(() => {
175
+ L || I(!1);
176
+ }, [L]), Pe = d(async (e) => {
177
+ R(!0);
181
178
  try {
182
- let t = await U({
179
+ let t = await Se({
183
180
  name: e.name,
184
181
  description: e.description,
185
182
  category: e.category,
186
183
  tags: e.tags
187
184
  });
188
- t && (F(!1), u(`/dashboards/${t.id}/builder`));
185
+ t && (I(!1), u(`/dashboards/${t.id}/builder`));
189
186
  } catch (e) {
190
187
  if (r(e, "project")) {
191
- F(!1);
188
+ I(!1);
192
189
  return;
193
190
  }
194
191
  throw console.error("Failed to create dashboard:", e), s() && l("error"), e;
195
192
  } finally {
196
- L(!1);
193
+ R(!1);
197
194
  }
198
- }, [U, u]), Q = d((e) => {
195
+ }, [Se, u]), Fe = d((e) => {
199
196
  u(`/dashboards/${e}`);
200
- }, [u]), Ie = d((e, t) => {
197
+ }, [u]), Q = d((e, t) => {
201
198
  t.stopPropagation(), u(`/dashboards/${e}/builder`);
202
- }, [u]), Le = d(async (e, t) => {
199
+ }, [u]), Ie = d(async (e, t) => {
203
200
  t.stopPropagation();
204
- let n = S("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ee({
201
+ let n = b("bigconsole.dashboards.confirmDelete", "Are you sure you want to delete this dashboard?"), r = await ee({
205
202
  title: "Delete dashboard?",
206
203
  message: n,
207
204
  okButtonTitle: "Delete",
@@ -210,18 +207,18 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
210
207
  if (r === null ? window.confirm(n) : r) {
211
208
  c("medium");
212
209
  try {
213
- await W(e), s() && l("success");
210
+ await G(e), s() && l("success");
214
211
  } catch (e) {
215
212
  throw s() && l("error"), e;
216
213
  }
217
214
  }
218
- }, [W, S]), Re = d(async (e, t, n) => {
215
+ }, [G, b]), Le = d(async (e, t, n) => {
219
216
  n.stopPropagation();
220
- let i = y("bigconsole.dashboards.clone.defaultSuffix", "{{sourceName}} (Copy)", { sourceName: t }), a = window.prompt(S("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
217
+ let i = b("bigconsole.dashboards.clone.defaultSuffix", "{{sourceName}} (Copy)", { sourceName: t }), a = window.prompt(b("bigconsole.dashboards.clone.namePrompt", "Name for the cloned dashboard:"), i);
221
218
  if (!(!a || !a.trim())) {
222
219
  c("medium");
223
220
  try {
224
- let t = await G(e, a.trim());
221
+ let t = await Ce(e, a.trim());
225
222
  t && (s() && l("success"), u(`/dashboards/${t.id}`));
226
223
  } catch (e) {
227
224
  if (r(e, "project")) return;
@@ -229,108 +226,107 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
229
226
  }
230
227
  }
231
228
  }, [
232
- G,
229
+ Ce,
233
230
  u,
234
- S,
235
- y
236
- ]), ze = d(() => {
237
- R(!0);
238
- }, []), Be = d(() => {
239
- R(!1);
240
- }, []), Ve = d((e, t) => {
231
+ b
232
+ ]), Re = d(() => {
233
+ z(!0);
234
+ }, []), ze = d(() => {
235
+ z(!1);
236
+ }, []), Be = d((e, t) => {
241
237
  K();
242
- }, [K]), He = (e) => {
238
+ }, [K]), Ve = (e) => {
243
239
  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);
244
- return i < 1 ? S("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${S("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${S("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${S("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
240
+ return i < 1 ? b("bigconsole.dashboards.time.justNow", "Just now") : i < 60 ? `${i}${b("bigconsole.dashboards.time.minutesAgoSuffix", "m ago")}` : a < 24 ? `${a}${b("bigconsole.dashboards.time.hoursAgoSuffix", "h ago")}` : o < 7 ? `${o}${b("bigconsole.dashboards.time.daysAgoSuffix", "d ago")}` : new Intl.DateTimeFormat("en-US", {
245
241
  month: "short",
246
242
  day: "numeric",
247
243
  year: t.getFullYear() === n.getFullYear() ? void 0 : "numeric"
248
244
  }).format(t);
249
- }, Ue = d((e) => {
245
+ }, He = d((e) => {
250
246
  switch (e) {
251
- case "PUBLISHED": return S("bigconsole.dashboards.status.published", "Published");
252
- case "ARCHIVED": return S("bigconsole.dashboards.status.archived", "Archived");
253
- default: return S("bigconsole.dashboards.status.draft", "Draft");
247
+ case "PUBLISHED": return b("bigconsole.dashboards.status.published", "Published");
248
+ case "ARCHIVED": return b("bigconsole.dashboards.status.archived", "Archived");
249
+ default: return b("bigconsole.dashboards.status.draft", "Draft");
254
250
  }
255
- }, [S]), We = (e) => e.widgetCount ?? 0, Ge = (e) => e.pageCount || 0, Ke = /* @__PURE__ */ D(be, {
256
- title: S("bigconsole.dashboards.title", "Dashboards"),
257
- subtitle: S("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards"),
258
- createLabel: S("bigconsole.dashboards.actions.create", "Create Dashboard"),
259
- importLabel: S("bigconsole.dashboards.actions.import", "Import"),
260
- onCreate: Me,
261
- onImport: ze,
262
- canCreate: De,
263
- canImport: Oe
251
+ }, [b]), Ue = (e) => e.widgetCount ?? 0, We = (e) => e.pageCount || 0, Ge = /* @__PURE__ */ O(ye, {
252
+ title: b("bigconsole.dashboards.title", "Dashboards"),
253
+ subtitle: b("bigconsole.dashboards.subtitle", "Create and manage your analytics dashboards"),
254
+ createLabel: b("bigconsole.dashboards.actions.create", "Create Dashboard"),
255
+ importLabel: b("bigconsole.dashboards.actions.import", "Import"),
256
+ onCreate: je,
257
+ onImport: Re,
258
+ canCreate: Ee,
259
+ canImport: De
264
260
  });
265
- if (Te) return /* @__PURE__ */ D("div", {
261
+ if (we) return /* @__PURE__ */ O("div", {
266
262
  style: {
267
263
  display: "flex",
268
264
  alignItems: "center",
269
265
  justifyContent: "center",
270
266
  padding: "80px 0"
271
267
  },
272
- children: /* @__PURE__ */ D(E, { style: {
268
+ children: /* @__PURE__ */ O(D, { style: {
273
269
  height: "var(--size-icon-xl)",
274
270
  width: "var(--size-icon-xl)"
275
271
  } })
276
272
  });
277
- if (!Ee) return /* @__PURE__ */ D(re, {
278
- title: "Access Denied",
279
- description: "You don't have permission to view dashboards."
273
+ if (!Te) return /* @__PURE__ */ O(re, {
274
+ title: b("bigconsole.dashboards.accessDenied.title", "Access Denied"),
275
+ description: b("bigconsole.dashboards.accessDenied.description", "You don't have permission to view dashboards.")
280
276
  });
281
- if (H) return /* @__PURE__ */ O("div", {
277
+ if (U) return /* @__PURE__ */ k("div", {
282
278
  style: {
283
279
  minHeight: "100vh",
284
280
  backgroundColor: "var(--color-bg-canvas)"
285
281
  },
286
- children: [Ke, /* @__PURE__ */ D("div", {
282
+ children: [Ge, /* @__PURE__ */ O("div", {
287
283
  style: { padding: "var(--space-pagePadding)" },
288
- children: /* @__PURE__ */ D(e, {
284
+ children: /* @__PURE__ */ O(e, {
289
285
  headingLevel: 2,
290
286
  tone: "danger",
291
- title: S("bigconsole.dashboards.error.title", "Error loading dashboards"),
292
- description: H.message,
287
+ title: b("bigconsole.dashboards.error.title", "Error loading dashboards"),
288
+ description: U.message,
293
289
  "data-testid": "dashboards-error",
294
- actions: /* @__PURE__ */ D(x, {
290
+ actions: /* @__PURE__ */ O(S, {
295
291
  size: "sm",
296
292
  onClick: () => K(),
297
- children: S("bigconsole.dashboards.error.retry", "Retry")
293
+ children: b("bigconsole.dashboards.error.retry", "Retry")
298
294
  })
299
295
  })
300
296
  })]
301
297
  });
302
298
  let $ = J.length;
303
- return /* @__PURE__ */ O("div", {
299
+ return /* @__PURE__ */ k("div", {
304
300
  style: {
305
301
  minHeight: "100vh",
306
302
  backgroundColor: "var(--color-bg-canvas)"
307
303
  },
308
304
  children: [
309
- Ke,
310
- /* @__PURE__ */ D("div", {
305
+ Ge,
306
+ /* @__PURE__ */ O("div", {
311
307
  style: { padding: "var(--space-pagePadding)" },
312
- children: /* @__PURE__ */ O(t, { children: [/* @__PURE__ */ D(e, {
308
+ children: /* @__PURE__ */ k(t, { children: [/* @__PURE__ */ O(e, {
313
309
  emphasis: "muted",
314
310
  padding: "compact",
315
- "aria-label": S("bigconsole.dashboards.about", "About dashboards"),
316
- children: /* @__PURE__ */ D(ve, {
311
+ "aria-label": b("bigconsole.dashboards.about", "About dashboards"),
312
+ children: /* @__PURE__ */ O(_e, {
317
313
  className: "max-w-[80ch]",
318
314
  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."
319
315
  })
320
- }), /* @__PURE__ */ O(e, {
316
+ }), /* @__PURE__ */ k(e, {
321
317
  headingLevel: 2,
322
318
  emphasis: "primary",
323
319
  "data-testid": "dashboards-results",
324
- title: S("bigconsole.dashboards.results.title", "Your dashboards"),
325
- description: S("bigconsole.dashboards.results.description", "Open a board to view it, or use the card actions to edit, duplicate or delete."),
326
- meta: /* @__PURE__ */ D(b, {
320
+ title: b("bigconsole.dashboards.results.title", "Your dashboards"),
321
+ description: b("bigconsole.dashboards.results.description", "Open a board to view it, or use the card actions to edit, duplicate or delete."),
322
+ meta: /* @__PURE__ */ O(x, {
327
323
  variant: "secondary",
328
- "aria-label": S("bigconsole.dashboards.results.count", `${$} dashboards`),
324
+ "aria-label": b("bigconsole.dashboards.results.count", `${$} dashboards`),
329
325
  children: $
330
326
  }),
331
- actions: /* @__PURE__ */ O("div", {
327
+ actions: /* @__PURE__ */ k("div", {
332
328
  role: "group",
333
- "aria-label": S("bigconsole.dashboards.view.label", "Result layout"),
329
+ "aria-label": b("bigconsole.dashboards.view.label", "Result layout"),
334
330
  style: {
335
331
  display: "flex",
336
332
  alignItems: "center",
@@ -339,37 +335,37 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
339
335
  borderRadius: "var(--radius-button)",
340
336
  backgroundColor: "var(--color-bg-sunken)"
341
337
  },
342
- children: [/* @__PURE__ */ D(x, {
343
- variant: z === "grid" ? "default" : "ghost",
338
+ children: [/* @__PURE__ */ O(S, {
339
+ variant: B === "grid" ? "default" : "ghost",
344
340
  size: "sm",
345
- onClick: () => B("grid"),
346
- "aria-label": S("bigconsole.dashboards.view.grid", "Grid view"),
347
- "aria-pressed": z === "grid",
348
- title: S("bigconsole.dashboards.view.grid", "Grid view"),
341
+ onClick: () => V("grid"),
342
+ "aria-label": b("bigconsole.dashboards.view.grid", "Grid view"),
343
+ "aria-pressed": B === "grid",
344
+ title: b("bigconsole.dashboards.view.grid", "Grid view"),
349
345
  style: {
350
346
  height: "var(--size-controlHeight-md)",
351
347
  width: "var(--size-controlHeight-md)",
352
348
  padding: 0,
353
349
  borderRadius: "var(--radius-button)"
354
350
  },
355
- children: /* @__PURE__ */ D(se, { style: {
351
+ children: /* @__PURE__ */ O(se, { style: {
356
352
  height: "var(--size-icon-sm)",
357
353
  width: "var(--size-icon-sm)"
358
354
  } })
359
- }), /* @__PURE__ */ D(x, {
360
- variant: z === "list" ? "default" : "ghost",
355
+ }), /* @__PURE__ */ O(S, {
356
+ variant: B === "list" ? "default" : "ghost",
361
357
  size: "sm",
362
- onClick: () => B("list"),
363
- "aria-label": S("bigconsole.dashboards.view.list", "List view"),
364
- "aria-pressed": z === "list",
365
- title: S("bigconsole.dashboards.view.list", "List view"),
358
+ onClick: () => V("list"),
359
+ "aria-label": b("bigconsole.dashboards.view.list", "List view"),
360
+ "aria-pressed": B === "list",
361
+ title: b("bigconsole.dashboards.view.list", "List view"),
366
362
  style: {
367
363
  height: "var(--size-controlHeight-md)",
368
364
  width: "var(--size-controlHeight-md)",
369
365
  padding: 0,
370
366
  borderRadius: "var(--radius-button)"
371
367
  },
372
- children: /* @__PURE__ */ D(ce, { style: {
368
+ children: /* @__PURE__ */ O(ce, { style: {
373
369
  height: "var(--size-icon-sm)",
374
370
  width: "var(--size-icon-sm)"
375
371
  } })
@@ -377,13 +373,13 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
377
373
  }),
378
374
  bodyClassName: "flex flex-col gap-form-gap",
379
375
  children: [
380
- /* @__PURE__ */ O("div", {
376
+ /* @__PURE__ */ k("div", {
381
377
  style: {
382
378
  position: "relative",
383
379
  width: "100%",
384
380
  maxWidth: "420px"
385
381
  },
386
- children: [/* @__PURE__ */ D(de, {
382
+ children: [/* @__PURE__ */ O(de, {
387
383
  "aria-hidden": "true",
388
384
  style: {
389
385
  position: "absolute",
@@ -394,61 +390,61 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
394
390
  width: "var(--size-icon-sm)",
395
391
  color: "var(--color-text-muted)"
396
392
  }
397
- }), /* @__PURE__ */ D(_e, {
393
+ }), /* @__PURE__ */ O(ge, {
398
394
  type: "search",
399
- "aria-label": S("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
400
- placeholder: S("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
401
- value: T,
402
- onChange: (e) => j(e.target.value),
395
+ "aria-label": b("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
396
+ placeholder: b("bigconsole.dashboards.search.placeholder", "Search dashboards..."),
397
+ value: C,
398
+ onChange: (e) => E(e.target.value),
403
399
  style: {
404
400
  paddingLeft: "var(--size-controlHeight-md)",
405
401
  height: "var(--size-controlHeight-md)"
406
402
  }
407
403
  })]
408
404
  }),
409
- V && we.length === 0 && /* @__PURE__ */ D("div", {
405
+ H && W.length === 0 && /* @__PURE__ */ O("div", {
410
406
  style: {
411
407
  display: "flex",
412
408
  alignItems: "center",
413
409
  justifyContent: "center",
414
410
  padding: "80px 0"
415
411
  },
416
- children: /* @__PURE__ */ O("div", {
412
+ children: /* @__PURE__ */ k("div", {
417
413
  style: { textAlign: "center" },
418
- children: [/* @__PURE__ */ D(E, { style: {
414
+ children: [/* @__PURE__ */ O(D, { style: {
419
415
  height: "var(--size-icon-xl)",
420
416
  width: "var(--size-icon-xl)",
421
417
  margin: "0 auto var(--space-formGap)"
422
- } }), /* @__PURE__ */ D("p", {
418
+ } }), /* @__PURE__ */ O("p", {
423
419
  style: {
424
420
  fontSize: "var(--font-size-body-sm)",
425
421
  color: "var(--color-text-muted)"
426
422
  },
427
- children: S("bigconsole.dashboards.loading", "Loading dashboards...")
423
+ children: b("bigconsole.dashboards.loading", "Loading dashboards...")
428
424
  })]
429
425
  })
430
426
  }),
431
- !V && z === "grid" && J.length > 0 && /* @__PURE__ */ D("div", {
427
+ !H && B === "grid" && J.length > 0 && /* @__PURE__ */ O("div", {
432
428
  style: {
433
429
  display: "grid",
434
430
  gridTemplateColumns: "repeat(auto-fill, minmax(min(320px, 100%), 1fr))",
435
431
  gap: "var(--space-formGap)"
436
432
  },
437
- children: Z.map((e) => /* @__PURE__ */ D(C, {
438
- onClick: () => Q(e.id),
433
+ children: Z.map((e) => /* @__PURE__ */ O(w, {
434
+ onClick: () => Fe(e.id),
439
435
  style: { cursor: "pointer" },
440
436
  className: "motion-safe:transition-[box-shadow,border-color] hover:border-[var(--color-border-hover)] hover:shadow-[var(--shadow-elevation-2)]",
441
- children: /* @__PURE__ */ O(w, {
437
+ children: /* @__PURE__ */ k(T, {
442
438
  style: { padding: "var(--space-cardPadding)" },
443
439
  children: [
444
- /* @__PURE__ */ O("div", {
440
+ /* @__PURE__ */ k("div", {
445
441
  style: {
446
442
  display: "flex",
447
443
  alignItems: "center",
448
444
  gap: "var(--space-controlGap)",
449
445
  marginBottom: "var(--space-formGap)"
450
446
  },
451
- children: [/* @__PURE__ */ D("div", {
447
+ children: [/* @__PURE__ */ O("div", {
452
448
  style: {
453
449
  display: "flex",
454
450
  height: "var(--size-controlHeight-lg)",
@@ -459,7 +455,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
459
455
  borderRadius: "var(--radius-button)",
460
456
  backgroundColor: "var(--color-bg-accentSubtle)"
461
457
  },
462
- children: /* @__PURE__ */ D(v, {
458
+ children: /* @__PURE__ */ O(y, {
463
459
  "aria-hidden": "true",
464
460
  style: {
465
461
  height: "var(--size-icon-md)",
@@ -467,12 +463,12 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
467
463
  color: "var(--color-action-primary-bg)"
468
464
  }
469
465
  })
470
- }), /* @__PURE__ */ O("div", {
466
+ }), /* @__PURE__ */ k("div", {
471
467
  style: {
472
468
  flex: 1,
473
469
  minWidth: 0
474
470
  },
475
- children: [/* @__PURE__ */ D("h3", {
471
+ children: [/* @__PURE__ */ O("h3", {
476
472
  style: {
477
473
  fontWeight: "var(--font-weight-bold)",
478
474
  fontSize: "var(--font-size-body-md)",
@@ -483,7 +479,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
483
479
  whiteSpace: "nowrap"
484
480
  },
485
481
  children: e.name
486
- }), /* @__PURE__ */ O("div", {
482
+ }), /* @__PURE__ */ k("div", {
487
483
  style: {
488
484
  display: "flex",
489
485
  alignItems: "center",
@@ -491,7 +487,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
491
487
  flexWrap: "wrap",
492
488
  marginTop: "var(--space-controlGap)"
493
489
  },
494
- children: [e.category && /* @__PURE__ */ D(b, {
490
+ children: [e.category && /* @__PURE__ */ O(x, {
495
491
  variant: "secondary",
496
492
  style: {
497
493
  fontSize: "10px",
@@ -499,14 +495,14 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
499
495
  textTransform: "uppercase"
500
496
  },
501
497
  children: e.category
502
- }), e.status && /* @__PURE__ */ D(N, {
498
+ }), e.status && /* @__PURE__ */ O(P, {
503
499
  status: e.status,
504
- label: Ue(e.status)
500
+ label: He(e.status)
505
501
  })]
506
502
  })]
507
503
  })]
508
504
  }),
509
- /* @__PURE__ */ D("p", {
505
+ /* @__PURE__ */ O("p", {
510
506
  style: {
511
507
  fontSize: "var(--font-size-body-sm)",
512
508
  lineHeight: "var(--font-lineHeight-normal)",
@@ -518,9 +514,9 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
518
514
  WebkitBoxOrient: "vertical",
519
515
  overflow: "hidden"
520
516
  },
521
- children: e.description || S("bigconsole.dashboards.card.noDescription", "No description provided")
517
+ children: e.description || b("bigconsole.dashboards.card.noDescription", "No description provided")
522
518
  }),
523
- /* @__PURE__ */ O("div", {
519
+ /* @__PURE__ */ k("div", {
524
520
  style: {
525
521
  display: "flex",
526
522
  alignItems: "center",
@@ -531,72 +527,72 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
531
527
  borderRadius: "var(--radius-button)"
532
528
  },
533
529
  children: [
534
- /* @__PURE__ */ O("div", {
530
+ /* @__PURE__ */ k("div", {
535
531
  style: {
536
532
  display: "flex",
537
533
  alignItems: "center",
538
534
  gap: "var(--space-iconGap)"
539
535
  },
540
536
  children: [
541
- /* @__PURE__ */ D(_, { style: {
537
+ /* @__PURE__ */ O(v, { style: {
542
538
  height: "var(--size-icon-sm)",
543
539
  width: "var(--size-icon-sm)",
544
540
  color: "var(--color-action-primary-bg)"
545
541
  } }),
546
- /* @__PURE__ */ D("span", {
542
+ /* @__PURE__ */ O("span", {
547
543
  style: {
548
544
  fontSize: "var(--font-size-body-sm)",
549
545
  fontWeight: "var(--font-weight-semibold)",
550
546
  color: "var(--color-text-primary)"
551
547
  },
552
- children: Ge(e)
548
+ children: We(e)
553
549
  }),
554
- /* @__PURE__ */ D("span", {
550
+ /* @__PURE__ */ O("span", {
555
551
  style: {
556
552
  fontSize: "var(--font-size-body-sm)",
557
553
  color: "var(--color-text-muted)"
558
554
  },
559
- children: S("bigconsole.dashboards.card.pages", "pages")
555
+ children: b("bigconsole.dashboards.card.pages", "pages")
560
556
  })
561
557
  ]
562
558
  }),
563
- /* @__PURE__ */ D("div", { style: {
559
+ /* @__PURE__ */ O("div", { style: {
564
560
  width: "1px",
565
561
  height: "var(--size-icon-sm)",
566
562
  backgroundColor: "var(--color-border-subtle)"
567
563
  } }),
568
- /* @__PURE__ */ O("div", {
564
+ /* @__PURE__ */ k("div", {
569
565
  style: {
570
566
  display: "flex",
571
567
  alignItems: "center",
572
568
  gap: "var(--space-iconGap)"
573
569
  },
574
570
  children: [
575
- /* @__PURE__ */ D(g, { style: {
571
+ /* @__PURE__ */ O(_, { style: {
576
572
  height: "var(--size-icon-sm)",
577
573
  width: "var(--size-icon-sm)",
578
574
  color: "var(--color-action-primary-bg)"
579
575
  } }),
580
- /* @__PURE__ */ D("span", {
576
+ /* @__PURE__ */ O("span", {
581
577
  style: {
582
578
  fontSize: "var(--font-size-body-sm)",
583
579
  fontWeight: "var(--font-weight-semibold)",
584
580
  color: "var(--color-text-primary)"
585
581
  },
586
- children: We(e)
582
+ children: Ue(e)
587
583
  }),
588
- /* @__PURE__ */ D("span", {
584
+ /* @__PURE__ */ O("span", {
589
585
  style: {
590
586
  fontSize: "var(--font-size-body-sm)",
591
587
  color: "var(--color-text-muted)"
592
588
  },
593
- children: S("bigconsole.dashboards.card.widgets", "widgets")
589
+ children: b("bigconsole.dashboards.card.widgets", "widgets")
594
590
  })
595
591
  ]
596
592
  })
597
593
  ]
598
594
  }),
599
- /* @__PURE__ */ O("div", {
595
+ /* @__PURE__ */ k("div", {
600
596
  style: {
601
597
  display: "flex",
602
598
  alignItems: "center",
@@ -606,78 +602,78 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
606
602
  paddingTop: "var(--space-controlGap)",
607
603
  borderTop: "1px solid var(--color-border-subtle)"
608
604
  },
609
- children: [/* @__PURE__ */ O("div", {
605
+ children: [/* @__PURE__ */ k("div", {
610
606
  style: {
611
607
  display: "flex",
612
608
  alignItems: "center",
613
609
  gap: "var(--space-iconGap)"
614
610
  },
615
- children: [/* @__PURE__ */ D(m, { style: {
611
+ children: [/* @__PURE__ */ O(h, { style: {
616
612
  height: "var(--size-icon-sm)",
617
613
  width: "var(--size-icon-sm)",
618
614
  color: "var(--color-text-muted)"
619
- } }), /* @__PURE__ */ D("span", {
615
+ } }), /* @__PURE__ */ O("span", {
620
616
  style: {
621
617
  fontSize: "var(--font-size-body-sm)",
622
618
  fontWeight: "var(--font-weight-medium)",
623
619
  color: "var(--color-text-muted)"
624
620
  },
625
- children: He(e.updatedAt)
621
+ children: Ve(e.updatedAt)
626
622
  })]
627
- }), /* @__PURE__ */ O("div", {
623
+ }), /* @__PURE__ */ k("div", {
628
624
  style: {
629
625
  display: "flex",
630
626
  alignItems: "center",
631
627
  gap: "var(--space-controlGap)"
632
628
  },
633
629
  children: [
634
- /* @__PURE__ */ D(p, {
630
+ /* @__PURE__ */ O(m, {
635
631
  permission: a.DASHBOARD_UPDATE,
636
632
  deniedBehavior: "hide",
637
- children: /* @__PURE__ */ D(x, {
633
+ children: /* @__PURE__ */ O(S, {
638
634
  variant: "ghost",
639
635
  size: "sm",
640
- onClick: (t) => Ie(e.id, t),
636
+ onClick: (t) => Q(e.id, t),
641
637
  style: {
642
638
  height: "var(--size-controlHeight-md)",
643
639
  width: "var(--size-controlHeight-md)",
644
640
  padding: 0,
645
641
  borderRadius: "var(--radius-button)"
646
642
  },
647
- title: S("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
648
- children: /* @__PURE__ */ D(le, { style: {
643
+ title: b("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
644
+ children: /* @__PURE__ */ O(le, { style: {
649
645
  height: "var(--size-icon-sm)",
650
646
  width: "var(--size-icon-sm)"
651
647
  } })
652
648
  })
653
649
  }),
654
- /* @__PURE__ */ D(p, {
650
+ /* @__PURE__ */ O(m, {
655
651
  permission: a.DASHBOARD_CREATE,
656
652
  deniedBehavior: "hide",
657
- children: /* @__PURE__ */ D(x, {
653
+ children: /* @__PURE__ */ O(S, {
658
654
  variant: "ghost",
659
655
  size: "sm",
660
- onClick: (t) => Re(e.id, e.name, t),
656
+ onClick: (t) => Le(e.id, e.name, t),
661
657
  style: {
662
658
  height: "var(--size-controlHeight-md)",
663
659
  width: "var(--size-controlHeight-md)",
664
660
  padding: 0,
665
661
  borderRadius: "var(--radius-button)"
666
662
  },
667
- title: S("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
668
- children: /* @__PURE__ */ D(h, { style: {
663
+ title: b("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
664
+ children: /* @__PURE__ */ O(g, { style: {
669
665
  height: "var(--size-icon-sm)",
670
666
  width: "var(--size-icon-sm)"
671
667
  } })
672
668
  })
673
669
  }),
674
- /* @__PURE__ */ D(p, {
670
+ /* @__PURE__ */ O(m, {
675
671
  permission: a.DASHBOARD_DELETE,
676
672
  deniedBehavior: "hide",
677
- children: /* @__PURE__ */ D(x, {
673
+ children: /* @__PURE__ */ O(S, {
678
674
  variant: "ghost",
679
675
  size: "sm",
680
- onClick: (t) => Le(e.id, t),
676
+ onClick: (t) => Ie(e.id, t),
681
677
  style: {
682
678
  height: "var(--size-controlHeight-md)",
683
679
  width: "var(--size-controlHeight-md)",
@@ -685,8 +681,8 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
685
681
  borderRadius: "var(--radius-button)"
686
682
  },
687
683
  className: "hover:text-status-error-text hover:bg-status-error-bg/10",
688
- title: S("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
689
- children: /* @__PURE__ */ D(fe, { style: {
684
+ title: b("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
685
+ children: /* @__PURE__ */ O(fe, { style: {
690
686
  height: "var(--size-icon-sm)",
691
687
  width: "var(--size-icon-sm)"
692
688
  } })
@@ -699,19 +695,19 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
699
695
  })
700
696
  }, e.id))
701
697
  }),
702
- !V && z === "list" && J.length > 0 && /* @__PURE__ */ D("div", {
698
+ !H && B === "list" && J.length > 0 && /* @__PURE__ */ O("div", {
703
699
  style: {
704
700
  display: "flex",
705
701
  flexDirection: "column",
706
702
  gap: "var(--space-controlGap)"
707
703
  },
708
- children: Z.map((e) => /* @__PURE__ */ D(C, {
709
- onClick: () => Q(e.id),
704
+ children: Z.map((e) => /* @__PURE__ */ O(w, {
705
+ onClick: () => Fe(e.id),
710
706
  style: { cursor: "pointer" },
711
707
  className: "motion-safe:transition-[box-shadow,border-color] hover:border-[var(--color-border-hover)] hover:shadow-[var(--shadow-elevation-2)]",
712
- children: /* @__PURE__ */ D(w, {
708
+ children: /* @__PURE__ */ O(T, {
713
709
  style: { padding: "var(--space-cardPadding)" },
714
- children: /* @__PURE__ */ O("div", {
710
+ children: /* @__PURE__ */ k("div", {
715
711
  style: {
716
712
  display: "flex",
717
713
  alignItems: "center",
@@ -719,7 +715,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
719
715
  flexWrap: "wrap"
720
716
  },
721
717
  children: [
722
- /* @__PURE__ */ D("div", {
718
+ /* @__PURE__ */ O("div", {
723
719
  style: {
724
720
  display: "flex",
725
721
  height: "var(--size-controlHeight-lg)",
@@ -730,7 +726,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
730
726
  borderRadius: "var(--radius-button)",
731
727
  backgroundColor: "var(--color-bg-accentSubtle)"
732
728
  },
733
- children: /* @__PURE__ */ D(v, {
729
+ children: /* @__PURE__ */ O(y, {
734
730
  "aria-hidden": "true",
735
731
  style: {
736
732
  height: "var(--size-icon-md)",
@@ -739,12 +735,12 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
739
735
  }
740
736
  })
741
737
  }),
742
- /* @__PURE__ */ O("div", {
738
+ /* @__PURE__ */ k("div", {
743
739
  style: {
744
740
  flex: "1 1 12rem",
745
741
  minWidth: 0
746
742
  },
747
- children: [/* @__PURE__ */ O("div", {
743
+ children: [/* @__PURE__ */ k("div", {
748
744
  style: {
749
745
  display: "flex",
750
746
  alignItems: "center",
@@ -752,7 +748,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
752
748
  flexWrap: "wrap"
753
749
  },
754
750
  children: [
755
- /* @__PURE__ */ D("h3", {
751
+ /* @__PURE__ */ O("h3", {
756
752
  style: {
757
753
  fontWeight: "var(--font-weight-bold)",
758
754
  fontSize: "var(--font-size-body-md)",
@@ -765,7 +761,7 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
765
761
  },
766
762
  children: e.name
767
763
  }),
768
- e.category && /* @__PURE__ */ D(b, {
764
+ e.category && /* @__PURE__ */ O(x, {
769
765
  variant: "secondary",
770
766
  style: {
771
767
  fontSize: "10px",
@@ -774,12 +770,12 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
774
770
  },
775
771
  children: e.category
776
772
  }),
777
- e.status && /* @__PURE__ */ D(N, {
773
+ e.status && /* @__PURE__ */ O(P, {
778
774
  status: e.status,
779
- label: Ue(e.status)
775
+ label: He(e.status)
780
776
  })
781
777
  ]
782
- }), /* @__PURE__ */ D("p", {
778
+ }), /* @__PURE__ */ O("p", {
783
779
  style: {
784
780
  fontSize: "var(--font-size-body-sm)",
785
781
  lineHeight: "var(--font-lineHeight-normal)",
@@ -789,10 +785,10 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
789
785
  textOverflow: "ellipsis",
790
786
  whiteSpace: "nowrap"
791
787
  },
792
- children: e.description || S("bigconsole.dashboards.card.noDescription", "No description provided")
788
+ children: e.description || b("bigconsole.dashboards.card.noDescription", "No description provided")
793
789
  })]
794
790
  }),
795
- /* @__PURE__ */ O("div", {
791
+ /* @__PURE__ */ k("div", {
796
792
  style: {
797
793
  display: "flex",
798
794
  alignItems: "center",
@@ -800,139 +796,139 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
800
796
  flexWrap: "wrap"
801
797
  },
802
798
  children: [
803
- /* @__PURE__ */ O("div", {
799
+ /* @__PURE__ */ k("div", {
804
800
  style: {
805
801
  display: "flex",
806
802
  alignItems: "center",
807
803
  gap: "var(--space-iconGap)"
808
804
  },
809
805
  children: [
810
- /* @__PURE__ */ D(_, { style: {
806
+ /* @__PURE__ */ O(v, { style: {
811
807
  height: "var(--size-icon-sm)",
812
808
  width: "var(--size-icon-sm)",
813
809
  color: "var(--color-action-primary-bg)"
814
810
  } }),
815
- /* @__PURE__ */ D("span", {
811
+ /* @__PURE__ */ O("span", {
816
812
  style: {
817
813
  fontSize: "var(--font-size-body-sm)",
818
814
  fontWeight: "var(--font-weight-semibold)",
819
815
  color: "var(--color-text-primary)"
820
816
  },
821
- children: Ge(e)
817
+ children: We(e)
822
818
  }),
823
- /* @__PURE__ */ D("span", {
819
+ /* @__PURE__ */ O("span", {
824
820
  style: {
825
821
  fontSize: "var(--font-size-body-sm)",
826
822
  color: "var(--color-text-muted)"
827
823
  },
828
- children: S("bigconsole.dashboards.card.pages", "pages")
824
+ children: b("bigconsole.dashboards.card.pages", "pages")
829
825
  })
830
826
  ]
831
827
  }),
832
- /* @__PURE__ */ O("div", {
828
+ /* @__PURE__ */ k("div", {
833
829
  style: {
834
830
  display: "flex",
835
831
  alignItems: "center",
836
832
  gap: "var(--space-iconGap)"
837
833
  },
838
834
  children: [
839
- /* @__PURE__ */ D(g, { style: {
835
+ /* @__PURE__ */ O(_, { style: {
840
836
  height: "var(--size-icon-sm)",
841
837
  width: "var(--size-icon-sm)",
842
838
  color: "var(--color-action-primary-bg)"
843
839
  } }),
844
- /* @__PURE__ */ D("span", {
840
+ /* @__PURE__ */ O("span", {
845
841
  style: {
846
842
  fontSize: "var(--font-size-body-sm)",
847
843
  fontWeight: "var(--font-weight-semibold)",
848
844
  color: "var(--color-text-primary)"
849
845
  },
850
- children: We(e)
846
+ children: Ue(e)
851
847
  }),
852
- /* @__PURE__ */ D("span", {
848
+ /* @__PURE__ */ O("span", {
853
849
  style: {
854
850
  fontSize: "var(--font-size-body-sm)",
855
851
  color: "var(--color-text-muted)"
856
852
  },
857
- children: S("bigconsole.dashboards.card.widgets", "widgets")
853
+ children: b("bigconsole.dashboards.card.widgets", "widgets")
858
854
  })
859
855
  ]
860
856
  }),
861
- /* @__PURE__ */ O("div", {
857
+ /* @__PURE__ */ k("div", {
862
858
  style: {
863
859
  display: "flex",
864
860
  alignItems: "center",
865
861
  gap: "var(--space-iconGap)"
866
862
  },
867
- children: [/* @__PURE__ */ D(m, { style: {
863
+ children: [/* @__PURE__ */ O(h, { style: {
868
864
  height: "var(--size-icon-sm)",
869
865
  width: "var(--size-icon-sm)",
870
866
  color: "var(--color-text-muted)"
871
- } }), /* @__PURE__ */ D("span", {
867
+ } }), /* @__PURE__ */ O("span", {
872
868
  style: {
873
869
  fontSize: "var(--font-size-body-sm)",
874
870
  fontWeight: "var(--font-weight-medium)",
875
871
  color: "var(--color-text-muted)"
876
872
  },
877
- children: He(e.updatedAt)
873
+ children: Ve(e.updatedAt)
878
874
  })]
879
875
  })
880
876
  ]
881
877
  }),
882
- /* @__PURE__ */ O("div", {
878
+ /* @__PURE__ */ k("div", {
883
879
  style: {
884
880
  display: "flex",
885
881
  alignItems: "center",
886
882
  gap: "var(--space-controlGap)"
887
883
  },
888
884
  children: [
889
- /* @__PURE__ */ D(p, {
885
+ /* @__PURE__ */ O(m, {
890
886
  permission: a.DASHBOARD_UPDATE,
891
887
  deniedBehavior: "hide",
892
- children: /* @__PURE__ */ D(x, {
888
+ children: /* @__PURE__ */ O(S, {
893
889
  variant: "ghost",
894
890
  size: "sm",
895
- onClick: (t) => Ie(e.id, t),
891
+ onClick: (t) => Q(e.id, t),
896
892
  style: {
897
893
  height: "var(--size-controlHeight-md)",
898
894
  width: "var(--size-controlHeight-md)",
899
895
  padding: 0,
900
896
  borderRadius: "var(--radius-button)"
901
897
  },
902
- title: S("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
903
- children: /* @__PURE__ */ D(le, { style: {
898
+ title: b("bigconsole.dashboards.actions.editTitle", "Edit Dashboard"),
899
+ children: /* @__PURE__ */ O(le, { style: {
904
900
  height: "var(--size-icon-sm)",
905
901
  width: "var(--size-icon-sm)"
906
902
  } })
907
903
  })
908
904
  }),
909
- /* @__PURE__ */ D(p, {
905
+ /* @__PURE__ */ O(m, {
910
906
  permission: a.DASHBOARD_CREATE,
911
907
  deniedBehavior: "hide",
912
- children: /* @__PURE__ */ D(x, {
908
+ children: /* @__PURE__ */ O(S, {
913
909
  variant: "ghost",
914
910
  size: "sm",
915
- onClick: (t) => Re(e.id, e.name, t),
911
+ onClick: (t) => Le(e.id, e.name, t),
916
912
  style: {
917
913
  height: "var(--size-controlHeight-md)",
918
914
  width: "var(--size-controlHeight-md)",
919
915
  padding: 0,
920
916
  borderRadius: "var(--radius-button)"
921
917
  },
922
- title: S("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
923
- children: /* @__PURE__ */ D(h, { style: {
918
+ title: b("bigconsole.dashboards.actions.cloneTitle", "Clone Dashboard"),
919
+ children: /* @__PURE__ */ O(g, { style: {
924
920
  height: "var(--size-icon-sm)",
925
921
  width: "var(--size-icon-sm)"
926
922
  } })
927
923
  })
928
924
  }),
929
- /* @__PURE__ */ D(p, {
925
+ /* @__PURE__ */ O(m, {
930
926
  permission: a.DASHBOARD_DELETE,
931
927
  deniedBehavior: "hide",
932
- children: /* @__PURE__ */ D(x, {
928
+ children: /* @__PURE__ */ O(S, {
933
929
  variant: "ghost",
934
930
  size: "sm",
935
- onClick: (t) => Le(e.id, t),
931
+ onClick: (t) => Ie(e.id, t),
936
932
  style: {
937
933
  height: "var(--size-controlHeight-md)",
938
934
  width: "var(--size-controlHeight-md)",
@@ -940,8 +936,8 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
940
936
  borderRadius: "var(--radius-button)"
941
937
  },
942
938
  className: "hover:text-status-error-text hover:bg-status-error-bg/10",
943
- title: S("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
944
- children: /* @__PURE__ */ D(fe, { style: {
939
+ title: b("bigconsole.dashboards.actions.deleteTitle", "Delete Dashboard"),
940
+ children: /* @__PURE__ */ O(fe, { style: {
945
941
  height: "var(--size-icon-sm)",
946
942
  width: "var(--size-icon-sm)"
947
943
  } })
@@ -954,56 +950,56 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
954
950
  })
955
951
  }, e.id))
956
952
  }),
957
- !V && J.length > 0 && /* @__PURE__ */ D("p", {
953
+ !H && J.length > 0 && /* @__PURE__ */ O("p", {
958
954
  "data-testid": "dashboards-range",
959
955
  style: {
960
956
  margin: 0,
961
957
  fontSize: "var(--font-size-body-sm)",
962
958
  color: "var(--color-text-muted)"
963
959
  },
964
- children: y("bigconsole.dashboards.pagination.range", "Showing {{from}}–{{to}} of {{total}} dashboards", {
960
+ children: b("bigconsole.dashboards.pagination.range", "Showing {{from}}–{{to}} of {{total}} dashboards", {
965
961
  from: X + 1,
966
962
  to: X + Z.length,
967
963
  total: J.length
968
964
  })
969
965
  }),
970
- !V && J.length > A && /* @__PURE__ */ O("nav", {
971
- "aria-label": S("bigconsole.dashboards.pagination.label", "Dashboard pages"),
966
+ !H && J.length > j && /* @__PURE__ */ k("nav", {
967
+ "aria-label": b("bigconsole.dashboards.pagination.label", "Dashboard pages"),
972
968
  className: "flex flex-wrap items-center justify-center gap-control-gap border-t border-[var(--color-border-subtle)] pt-control-gap",
973
969
  children: [
974
- /* @__PURE__ */ O(x, {
970
+ /* @__PURE__ */ k(S, {
975
971
  variant: "outline",
976
972
  size: "sm",
977
- onClick: ke,
973
+ onClick: Oe,
978
974
  disabled: M <= 1,
979
- "aria-label": S("bigconsole.dashboards.pagination.previous", "Previous"),
975
+ "aria-label": b("bigconsole.dashboards.pagination.previous", "Previous"),
980
976
  style: { minHeight: "var(--size-controlHeight-md)" },
981
- children: [/* @__PURE__ */ D(ae, { style: {
977
+ children: [/* @__PURE__ */ O(ae, { style: {
982
978
  marginRight: "var(--space-iconGap)",
983
979
  height: "var(--size-icon-sm)",
984
980
  width: "var(--size-icon-sm)"
985
- } }), S("bigconsole.dashboards.pagination.previous", "Previous")]
981
+ } }), b("bigconsole.dashboards.pagination.previous", "Previous")]
986
982
  }),
987
- /* @__PURE__ */ D("div", {
983
+ /* @__PURE__ */ O("div", {
988
984
  style: {
989
985
  display: "flex",
990
986
  alignItems: "center",
991
987
  gap: "var(--space-iconGap)",
992
988
  flexWrap: "wrap"
993
989
  },
994
- children: ye(M, Y).map((e, t) => e === null ? /* @__PURE__ */ D("span", {
990
+ children: ve(M, Y).map((e, t) => e === null ? /* @__PURE__ */ O("span", {
995
991
  "aria-hidden": "true",
996
992
  style: {
997
993
  color: "var(--color-text-muted)",
998
994
  padding: "0 var(--space-iconGap)"
999
995
  },
1000
996
  children: "…"
1001
- }, `gap-${t}`) : /* @__PURE__ */ D(x, {
997
+ }, `gap-${t}`) : /* @__PURE__ */ O(S, {
1002
998
  variant: e === M ? "default" : "ghost",
1003
999
  size: "sm",
1004
- onClick: () => je(e),
1000
+ onClick: () => Ae(e),
1005
1001
  "aria-current": e === M ? "page" : void 0,
1006
- "aria-label": S("bigconsole.dashboards.pagination.page", `Page ${e}`),
1002
+ "aria-label": b("bigconsole.dashboards.pagination.page", `Page ${e}`),
1007
1003
  style: {
1008
1004
  minWidth: "var(--size-controlHeight-md)",
1009
1005
  height: "var(--size-controlHeight-md)",
@@ -1013,67 +1009,67 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
1013
1009
  children: e
1014
1010
  }, e))
1015
1011
  }),
1016
- /* @__PURE__ */ O(x, {
1012
+ /* @__PURE__ */ k(S, {
1017
1013
  variant: "outline",
1018
1014
  size: "sm",
1019
- onClick: Ae,
1015
+ onClick: ke,
1020
1016
  disabled: M >= Y,
1021
- "aria-label": S("bigconsole.dashboards.pagination.next", "Next"),
1017
+ "aria-label": b("bigconsole.dashboards.pagination.next", "Next"),
1022
1018
  style: { minHeight: "var(--size-controlHeight-md)" },
1023
- children: [S("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ D(oe, { style: {
1019
+ children: [b("bigconsole.dashboards.pagination.next", "Next"), /* @__PURE__ */ O(oe, { style: {
1024
1020
  marginLeft: "var(--space-iconGap)",
1025
1021
  height: "var(--size-icon-sm)",
1026
1022
  width: "var(--size-icon-sm)"
1027
1023
  } })]
1028
1024
  }),
1029
- /* @__PURE__ */ D("span", {
1025
+ /* @__PURE__ */ O("span", {
1030
1026
  style: {
1031
1027
  fontSize: "var(--font-size-body-sm)",
1032
1028
  color: "var(--color-text-muted)"
1033
1029
  },
1034
- children: y("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
1030
+ children: b("bigconsole.dashboards.pagination.pageOf", "Page {{currentPage}} of {{totalPages}}", {
1035
1031
  currentPage: M,
1036
1032
  totalPages: Y
1037
1033
  })
1038
1034
  })
1039
1035
  ]
1040
1036
  }),
1041
- !V && J.length === 0 && /* @__PURE__ */ D(he, {
1037
+ !H && J.length === 0 && /* @__PURE__ */ O(me, {
1042
1038
  treatment: "insight",
1043
1039
  className: "border-[var(--color-border-seam)]",
1044
- children: /* @__PURE__ */ D(ge, {
1045
- illustration: T ? "empty-search" : "empty-data",
1046
- title: T ? S("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : S("bigconsole.dashboards.empty.title", "No dashboards yet"),
1047
- description: T ? S("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : S("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
1048
- action: T ? void 0 : /* @__PURE__ */ O("div", {
1040
+ children: /* @__PURE__ */ O(he, {
1041
+ illustration: C ? "empty-search" : "empty-data",
1042
+ title: C ? b("bigconsole.dashboards.empty.filteredTitle", "No dashboards found") : b("bigconsole.dashboards.empty.title", "No dashboards yet"),
1043
+ description: C ? b("bigconsole.dashboards.empty.filteredDescription", "Try adjusting your search terms") : b("bigconsole.dashboards.empty.description", "Get started by creating your first dashboard to visualize your data"),
1044
+ action: C ? void 0 : /* @__PURE__ */ k("div", {
1049
1045
  style: {
1050
1046
  display: "flex",
1051
1047
  gap: "var(--space-controlGap)",
1052
1048
  flexWrap: "wrap",
1053
1049
  justifyContent: "center"
1054
1050
  },
1055
- children: [/* @__PURE__ */ D(p, {
1051
+ children: [/* @__PURE__ */ O(m, {
1056
1052
  permission: a.DASHBOARD_CREATE,
1057
1053
  deniedBehavior: "hide",
1058
- children: /* @__PURE__ */ O(x, {
1059
- onClick: Me,
1060
- children: [/* @__PURE__ */ D(ue, { style: {
1054
+ children: /* @__PURE__ */ k(S, {
1055
+ onClick: je,
1056
+ children: [/* @__PURE__ */ O(ue, { style: {
1061
1057
  marginRight: "var(--space-iconGap)",
1062
1058
  height: "var(--size-icon-sm)",
1063
1059
  width: "var(--size-icon-sm)"
1064
- } }), S("bigconsole.dashboards.actions.create", "Create Dashboard")]
1060
+ } }), b("bigconsole.dashboards.actions.create", "Create Dashboard")]
1065
1061
  })
1066
- }), /* @__PURE__ */ D(p, {
1062
+ }), /* @__PURE__ */ O(m, {
1067
1063
  permission: a.DASHBOARD_IMPORT,
1068
1064
  deniedBehavior: "hide",
1069
- children: /* @__PURE__ */ O(x, {
1065
+ children: /* @__PURE__ */ k(S, {
1070
1066
  variant: "outline",
1071
- onClick: ze,
1072
- children: [/* @__PURE__ */ D(pe, { style: {
1067
+ onClick: Re,
1068
+ children: [/* @__PURE__ */ O(pe, { style: {
1073
1069
  marginRight: "var(--space-iconGap)",
1074
1070
  height: "var(--size-icon-sm)",
1075
1071
  width: "var(--size-icon-sm)"
1076
- } }), S("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
1072
+ } }), b("bigconsole.dashboards.actions.importDashboard", "Import Dashboard")]
1077
1073
  })
1078
1074
  })]
1079
1075
  })
@@ -1082,22 +1078,22 @@ var be = u(function({ title: e, subtitle: t, createLabel: n, importLabel: r, onC
1082
1078
  ]
1083
1079
  })] })
1084
1080
  }),
1085
- /* @__PURE__ */ D(o, {
1086
- isOpen: xe,
1087
- isCreating: I,
1088
- onClose: Pe,
1089
- onCreate: Fe,
1090
- onTemplateInstalled: Ne
1081
+ /* @__PURE__ */ O(o, {
1082
+ isOpen: F,
1083
+ isCreating: L,
1084
+ onClose: Ne,
1085
+ onCreate: Pe,
1086
+ onTemplateInstalled: Me
1091
1087
  }),
1092
- /* @__PURE__ */ D(te, {
1093
- isOpen: Se,
1094
- onClose: Be,
1095
- onSuccess: Ve
1088
+ /* @__PURE__ */ O(te, {
1089
+ isOpen: be,
1090
+ onClose: ze,
1091
+ onSuccess: Be
1096
1092
  })
1097
1093
  ]
1098
1094
  });
1099
1095
  });
1100
1096
  //#endregion
1101
- export { P as DashboardsPage, P as default };
1097
+ export { F as DashboardsPage, F as default };
1102
1098
 
1103
1099
  //# sourceMappingURL=DashboardsPage.js.map