@burdenoff/microfe-bigconsole 2026.1001.3 → 2026.1001.5

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 (48) hide show
  1. package/dist/bigconsole/components/dashboard/CreateDashboardDialog.d.ts.map +1 -1
  2. package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js +220 -161
  3. package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js.map +1 -1
  4. package/dist/bigconsole/components/dashboard/TemplateInstallOptions.d.ts +11 -0
  5. package/dist/bigconsole/components/dashboard/TemplateInstallOptions.d.ts.map +1 -0
  6. package/dist/bigconsole/components/dashboard/TemplateInstallOptions.js +208 -0
  7. package/dist/bigconsole/components/dashboard/TemplateInstallOptions.js.map +1 -0
  8. package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.d.ts +7 -0
  9. package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.d.ts.map +1 -0
  10. package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.js +51 -0
  11. package/dist/bigconsole/components/dashboard/TemplateLayoutPreview.js.map +1 -0
  12. package/dist/bigconsole/components/overview/OverviewQuickActions.js +2 -2
  13. package/dist/bigconsole/components/overview/OverviewQuickActions.js.map +1 -1
  14. package/dist/bigconsole/components/overview/OverviewStatCard.d.ts +2 -0
  15. package/dist/bigconsole/components/overview/OverviewStatCard.d.ts.map +1 -1
  16. package/dist/bigconsole/components/overview/OverviewStatCard.js +13 -13
  17. package/dist/bigconsole/components/overview/OverviewStatCard.js.map +1 -1
  18. package/dist/bigconsole/components/overview/RecentDashboardsPanel.js +6 -7
  19. package/dist/bigconsole/components/overview/RecentDashboardsPanel.js.map +1 -1
  20. package/dist/bigconsole/components/overview/useOverviewData.d.ts +3 -1
  21. package/dist/bigconsole/components/overview/useOverviewData.d.ts.map +1 -1
  22. package/dist/bigconsole/components/overview/useOverviewData.js +61 -30
  23. package/dist/bigconsole/components/overview/useOverviewData.js.map +1 -1
  24. package/dist/bigconsole/hooks/useStoreDashboardTemplates.d.ts +2 -0
  25. package/dist/bigconsole/hooks/useStoreDashboardTemplates.d.ts.map +1 -1
  26. package/dist/bigconsole/hooks/useStoreDashboardTemplates.js +91 -90
  27. package/dist/bigconsole/hooks/useStoreDashboardTemplates.js.map +1 -1
  28. package/dist/bigconsole/pages/OverviewPage.d.ts.map +1 -1
  29. package/dist/bigconsole/pages/OverviewPage.js +183 -163
  30. package/dist/bigconsole/pages/OverviewPage.js.map +1 -1
  31. package/dist/bigconsole/utils/dashboardTemplateContent.d.ts +10 -0
  32. package/dist/bigconsole/utils/dashboardTemplateContent.d.ts.map +1 -0
  33. package/dist/bigconsole/utils/dashboardTemplateContent.js +36 -0
  34. package/dist/bigconsole/utils/dashboardTemplateContent.js.map +1 -0
  35. package/dist/bigconsole/utils/templateInstallInputs.d.ts +5 -0
  36. package/dist/bigconsole/utils/templateInstallInputs.d.ts.map +1 -0
  37. package/dist/bigconsole/utils/templateInstallInputs.js +22 -0
  38. package/dist/bigconsole/utils/templateInstallInputs.js.map +1 -0
  39. package/dist/generated/global-operations.d.ts +1 -0
  40. package/dist/generated/global-operations.d.ts.map +1 -1
  41. package/dist/generated/global-operations.js +1 -0
  42. package/dist/generated/global-operations.js.map +1 -1
  43. package/dist/generated/wspace-operations.d.ts +68 -0
  44. package/dist/generated/wspace-operations.d.ts.map +1 -1
  45. package/dist/generated/wspace-operations.js +87 -59
  46. package/dist/generated/wspace-operations.js.map +1 -1
  47. package/dist/translations/en.d.ts.map +1 -1
  48. package/package.json +1 -1
package/dist/bigconsole/pages/OverviewPage.js CHANGED
@@ -1,54 +1,54 @@
1
1
  import { useAppNavigate as e } from "../contexts/NavigationContext.js";
2
2
  import "../contexts/index.js";
3
3
  import { BIGCONSOLE_PERMISSIONS as t } from "../../constants/permissions.js";
4
- import { useTr as n } from "../../shared/hooks/useTr.js";
5
- import { CREATE_DASHBOARD_PATH as r, buildAiAlternative as ee, buildDashboardGuideSteps as te } from "../components/overview/dashboardGuideSteps.js";
6
- import ne from "../components/overview/DashboardGuide.js";
7
- import i from "../components/overview/DataHealthCard.js";
8
- import a from "../components/overview/OverviewQuickActions.js";
9
- import o from "../components/overview/OverviewStatCard.js";
10
- import s from "../components/overview/RecentDashboardsPanel.js";
11
- import { formatRelativeTime as c, resolveGuideDefaultExpanded as l, summarizeDashboards as u, summarizeDataSinks as d } from "../components/overview/overviewModel.js";
12
- import { useOverviewData as f } from "../components/overview/useOverviewData.js";
4
+ import { useTr as ee } from "../../shared/hooks/useTr.js";
5
+ import { CREATE_DASHBOARD_PATH as n, buildAiAlternative as r, buildDashboardGuideSteps as i } from "../components/overview/dashboardGuideSteps.js";
6
+ import a from "../components/overview/DashboardGuide.js";
7
+ import o from "../components/overview/DataHealthCard.js";
8
+ import s from "../components/overview/OverviewQuickActions.js";
9
+ import c from "../components/overview/OverviewStatCard.js";
10
+ import te from "../components/overview/RecentDashboardsPanel.js";
11
+ import { formatRelativeTime as ne, resolveGuideDefaultExpanded as re, summarizeDashboards as ie, summarizeDataSinks as l } from "../components/overview/overviewModel.js";
12
+ import { useOverviewData as u } from "../components/overview/useOverviewData.js";
13
13
  import "../components/overview/index.js";
14
- import { memo as p, useCallback as m, useEffect as re, useMemo as h, useRef as ie, useState as ae } from "react";
15
- import { usePermissions as oe } from "@burdenoff/fe-libs/shared/providers/shell";
16
- import { AlertTriangle as se, Database as g, FileCode2 as _, LayoutDashboard as v, Plus as ce, RefreshCw as y, Sparkles as b } from "lucide-react";
17
- import { AuroraBackground as le, Button as x, GradientText as ue, PagePurpose as de } from "@burdenoff/fe-libs/ui";
18
- import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
19
- import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
20
- import { PageHeader as E } from "@burdenoff/fe-libs/chrome";
21
- import { MotionItem as D, MotionList as O, MotionPage as k } from "@burdenoff/fe-libs/shared/motion";
14
+ import { memo as d, useCallback as f, useEffect as p, useMemo as m, useRef as h, useState as g } from "react";
15
+ import { usePermissions as _ } from "@burdenoff/fe-libs/shared/providers/shell";
16
+ import { Database as v, FileCode2 as y, LayoutDashboard as b, Plus as x, RefreshCw as ae, Sparkles as oe, Workflow as S } from "lucide-react";
17
+ import { AuroraBackground as se, Button as ce, GradientText as le, PagePurpose as ue } from "@burdenoff/fe-libs/ui";
18
+ import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
19
+ import { useI18n as E } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
20
+ import { PageHeader as D } from "@burdenoff/fe-libs/chrome";
21
+ import { MotionItem as O, MotionList as k, MotionPage as A } from "@burdenoff/fe-libs/shared/motion";
22
22
  //#region src/bigconsole/pages/OverviewPage.tsx
23
- var A = p(function() {
24
- let p = e(), A = n(), { locale: j } = T(), { hasPermission: M } = oe(), { permissionsLoading: N, dashboards: P, dataSinks: F, refetchAll: I } = f(), L = m((e) => p(e), [p]), R = h(() => u(P.data), [P.data]), z = h(() => d(F.data), [F.data]), B = m((e) => c(e, /* @__PURE__ */ new Date(), A, j), [A, j]), V = m((e) => !N && M(e), [N, M]), H = h(() => te({
25
- tr: A,
26
- latestDashboard: R.latest,
23
+ var j = d(function() {
24
+ let d = e(), j = ee(), { locale: M } = E(), { hasPermission: N } = _(), { permissionsLoading: P, dashboards: F, dataSinks: I, parsers: L, pipelines: R, refetchAll: z } = u(), B = f((e) => d(e), [d]), V = m(() => ie(F.data), [F.data]), H = m(() => l(I.data), [I.data]), U = f((e) => ne(e, /* @__PURE__ */ new Date(), j, M), [j, M]), W = f((e) => !P && N(e), [P, N]), de = m(() => i({
25
+ tr: j,
26
+ latestDashboard: V.latest,
27
27
  permissions: {
28
- canCreateDataSink: V(t.DATASINK_CREATE),
29
- canReadDataSinks: V(t.DATASINK_READ),
30
- canCreateWorkflow: V(t.WORKFLOW_CREATE),
31
- canCreateParser: V(t.PARSER_CREATE),
32
- canCreateDashboard: V(t.DASHBOARD_CREATE),
33
- canReadDashboards: V(t.DASHBOARD_READ),
34
- canBuildDashboards: V(t.DASHBOARD_UPDATE) && V(t.WIDGET_CREATE),
35
- canGenerateWithAi: V(t.PROMPT_CREATE)
28
+ canCreateDataSink: W(t.DATASINK_CREATE),
29
+ canReadDataSinks: W(t.DATASINK_READ),
30
+ canCreateWorkflow: W(t.WORKFLOW_CREATE),
31
+ canCreateParser: W(t.PARSER_CREATE),
32
+ canCreateDashboard: W(t.DASHBOARD_CREATE),
33
+ canReadDashboards: W(t.DASHBOARD_READ),
34
+ canBuildDashboards: W(t.DASHBOARD_UPDATE) && W(t.WIDGET_CREATE),
35
+ canGenerateWithAi: W(t.PROMPT_CREATE)
36
36
  }
37
37
  }), [
38
- A,
39
- V,
40
- R.latest
41
- ]), fe = h(() => ee(A, V(t.PROMPT_CREATE)), [A, V]), U = h(() => [
38
+ j,
39
+ W,
40
+ V.latest
41
+ ]), fe = m(() => r(j, W(t.PROMPT_CREATE)), [j, W]), G = m(() => [
42
42
  {
43
43
  permission: t.DASHBOARD_CREATE,
44
44
  action: {
45
45
  id: "create-dashboard",
46
- label: A("bigconsole.overview.actions.createDashboard", "Create Dashboard"),
47
- icon: /* @__PURE__ */ C(ce, {
46
+ label: j("bigconsole.overview.actions.createDashboard", "Create Dashboard"),
47
+ icon: /* @__PURE__ */ w(x, {
48
48
  className: "size-4",
49
49
  "aria-hidden": "true"
50
50
  }),
51
- path: r,
51
+ path: n,
52
52
  primary: !0
53
53
  }
54
54
  },
@@ -56,8 +56,8 @@ var A = p(function() {
56
56
  permission: t.DATASINK_CREATE,
57
57
  action: {
58
58
  id: "new-data-sink",
59
- label: A("bigconsole.overview.actions.newDataSink", "New Data Sink"),
60
- icon: /* @__PURE__ */ C(g, {
59
+ label: j("bigconsole.overview.actions.newDataSink", "New Data Sink"),
60
+ icon: /* @__PURE__ */ w(v, {
61
61
  className: "size-4",
62
62
  "aria-hidden": "true"
63
63
  }),
@@ -68,177 +68,197 @@ var A = p(function() {
68
68
  permission: t.PARSER_CREATE,
69
69
  action: {
70
70
  id: "new-parser",
71
- label: A("bigconsole.overview.actions.newParser", "New Parser"),
72
- icon: /* @__PURE__ */ C(_, {
71
+ label: j("bigconsole.overview.actions.newParser", "New Parser"),
72
+ icon: /* @__PURE__ */ w(y, {
73
73
  className: "size-4",
74
74
  "aria-hidden": "true"
75
75
  }),
76
76
  path: "/parsers/new"
77
77
  }
78
78
  },
79
+ {
80
+ permission: t.PIPELINE_CREATE,
81
+ action: {
82
+ id: "new-pipeline",
83
+ label: j("bigconsole.overview.actions.newPipeline", "New Pipeline"),
84
+ icon: /* @__PURE__ */ w(S, {
85
+ className: "size-4",
86
+ "aria-hidden": "true"
87
+ }),
88
+ path: "/pipelines/new"
89
+ }
90
+ },
79
91
  {
80
92
  permission: t.PROMPT_CREATE,
81
93
  action: {
82
94
  id: "generate-with-ai",
83
- label: A("bigconsole.overview.actions.generateWithAi", "Generate with AI Insights"),
84
- icon: /* @__PURE__ */ C(b, {
95
+ label: j("bigconsole.overview.actions.generateWithAi", "Generate with AI Insights"),
96
+ icon: /* @__PURE__ */ w(oe, {
85
97
  className: "size-4",
86
98
  "aria-hidden": "true"
87
99
  }),
88
100
  path: "/insights"
89
101
  }
90
102
  }
91
- ].filter(({ permission: e }) => V(e)).map(({ action: e }) => e), [A, V]), [pe, W] = ae(!1), G = ie(!1), K = l({
92
- permissionsLoading: N,
93
- dashboardsAllowed: P.allowed,
94
- dashboardsLoading: P.loading,
95
- dashboardsTotal: R.total,
96
- dashboardsFailed: !!P.error
103
+ ].filter(({ permission: e }) => W(e)).map(({ action: e }) => e), [j, W]), [pe, K] = g(!1), q = h(!1), J = re({
104
+ permissionsLoading: P,
105
+ dashboardsAllowed: F.allowed,
106
+ dashboardsLoading: F.loading,
107
+ dashboardsTotal: V.total,
108
+ dashboardsFailed: !!F.error
97
109
  });
98
- re(() => {
99
- G.current || K === null || (G.current = !0, W(K));
100
- }, [K]);
101
- let me = m(() => {
102
- G.current = !0, W((e) => !e);
103
- }, []), he = h(() => ({
104
- title: A("bigconsole.overview.guide.title", "How to create a complete dashboard, end to end"),
105
- subtitle: A("bigconsole.overview.guide.subtitle", "Follow these steps in order — each button takes you to the right place."),
106
- show: A("bigconsole.overview.guide.show", "Show guide"),
107
- hide: A("bigconsole.overview.guide.hide", "Hide guide"),
108
- optional: A("bigconsole.overview.guide.optional", "Optional"),
110
+ p(() => {
111
+ q.current || J === null || (q.current = !0, K(J));
112
+ }, [J]);
113
+ let me = f(() => {
114
+ q.current = !0, K((e) => !e);
115
+ }, []), he = m(() => ({
116
+ title: j("bigconsole.overview.guide.title", "How to create a complete dashboard, end to end"),
117
+ subtitle: j("bigconsole.overview.guide.subtitle", "Follow these steps in order — each button takes you to the right place."),
118
+ show: j("bigconsole.overview.guide.show", "Show guide"),
119
+ hide: j("bigconsole.overview.guide.hide", "Hide guide"),
120
+ optional: j("bigconsole.overview.guide.optional", "Optional"),
109
121
  flow: [
110
- A("bigconsole.overview.guide.flow.dataSink", "Data Sink"),
111
- A("bigconsole.overview.guide.flow.parser", "Parser (optional)"),
112
- A("bigconsole.overview.guide.flow.dashboard", "Dashboard"),
113
- A("bigconsole.overview.guide.flow.widgets", "Widgets"),
114
- A("bigconsole.overview.guide.flow.share", "Share")
122
+ j("bigconsole.overview.guide.flow.dataSink", "Data Sink"),
123
+ j("bigconsole.overview.guide.flow.parser", "Parser (optional)"),
124
+ j("bigconsole.overview.guide.flow.dashboard", "Dashboard"),
125
+ j("bigconsole.overview.guide.flow.widgets", "Widgets"),
126
+ j("bigconsole.overview.guide.flow.share", "Share")
115
127
  ],
116
- stepPrefix: (e) => A("bigconsole.overview.guide.stepPrefix", "Step {{number}}:", { number: e })
117
- }), [A]), q = P.loading && P.data !== void 0 || F.loading && F.data !== void 0, ge = N || P.allowed || F.allowed, J = z.attentionCount, Y = !P.loading && !!P.error && R.total === void 0, X = !F.loading && !!F.error && z.total === void 0, Z = A("bigconsole.overview.kpis.unavailable", "Currently unavailable"), Q = U.length > 0 ? /* @__PURE__ */ C(a, {
118
- actions: U,
119
- onNavigate: L
120
- }) : null, $ = F.allowed ? /* @__PURE__ */ C(i, {
121
- summary: z,
122
- loading: F.loading,
123
- error: F.error,
124
- canCreate: V(t.DATASINK_CREATE),
125
- onRetry: F.refetch,
126
- onNavigate: L,
127
- formatUpdated: B
128
+ stepPrefix: (e) => j("bigconsole.overview.guide.stepPrefix", "Step {{number}}:", { number: e })
129
+ }), [j]), Y = F.loading && F.data !== void 0 || I.loading && I.data !== void 0 || L.loading && L.data !== void 0 || R.loading && R.data !== void 0, ge = P || F.allowed || I.allowed || L.allowed || R.allowed, X = !F.loading && !!F.error && V.total === void 0, Z = !I.loading && !!I.error && H.total === void 0, Q = j("bigconsole.overview.kpis.unavailable", "Currently unavailable"), $ = G.length > 0 ? /* @__PURE__ */ w(s, {
130
+ actions: G,
131
+ onNavigate: B
132
+ }) : null, _e = I.allowed ? /* @__PURE__ */ w(o, {
133
+ summary: H,
134
+ loading: I.loading,
135
+ error: I.error,
136
+ canCreate: W(t.DATASINK_CREATE),
137
+ onRetry: I.refetch,
138
+ onNavigate: B,
139
+ formatUpdated: U
128
140
  }) : null;
129
- return /* @__PURE__ */ C(k, {
141
+ return /* @__PURE__ */ w(A, {
130
142
  className: "min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]",
131
- children: /* @__PURE__ */ w("div", {
143
+ children: /* @__PURE__ */ T("div", {
132
144
  "data-testid": "overview-page",
133
145
  className: "space-y-6",
134
146
  children: [
135
- /* @__PURE__ */ w("div", {
136
- className: "relative overflow-hidden rounded-card px-2 pt-1",
137
- children: [/* @__PURE__ */ C(le, { intensity: "subtle" }), /* @__PURE__ */ C(E, {
138
- title: /* @__PURE__ */ w(S, { children: [
139
- /* @__PURE__ */ C(ue, { children: A("bigconsole.overview.titleNoun", "BigConsole") }),
147
+ /* @__PURE__ */ T("div", {
148
+ className: "relative overflow-hidden rounded-card border border-border-subtle bg-bg-surface px-6 py-5",
149
+ children: [/* @__PURE__ */ w(se, { intensity: "subtle" }), /* @__PURE__ */ w(D, {
150
+ title: /* @__PURE__ */ T(C, { children: [
151
+ /* @__PURE__ */ w(le, { children: j("bigconsole.overview.titleNoun", "BigConsole") }),
140
152
  " ",
141
- A("bigconsole.overview.titleSuffix", "Overview")
153
+ j("bigconsole.overview.titleSuffix", "Overview")
142
154
  ] }),
143
- description: A("bigconsole.overview.description", "Your dashboards and data at a glance"),
144
- actions: /* @__PURE__ */ w(x, {
155
+ description: j("bigconsole.overview.description", "Your dashboards and data at a glance"),
156
+ actions: /* @__PURE__ */ T(ce, {
145
157
  type: "button",
146
158
  variant: "outline",
147
159
  size: "sm",
148
- onClick: I,
149
- disabled: q || N,
160
+ onClick: z,
161
+ disabled: Y || P,
150
162
  className: "min-h-11 sm:min-h-9",
151
163
  "data-testid": "overview-refresh",
152
- children: [/* @__PURE__ */ C(y, {
153
- className: `size-4 ${q ? "motion-safe:animate-spin" : ""}`,
164
+ children: [/* @__PURE__ */ w(ae, {
165
+ className: `size-4 ${Y ? "motion-safe:animate-spin" : ""}`,
154
166
  "aria-hidden": "true"
155
- }), A("bigconsole.overview.refresh", "Refresh")]
167
+ }), j("bigconsole.overview.refresh", "Refresh")]
156
168
  })
157
169
  })]
158
170
  }),
159
- /* @__PURE__ */ C(de, {
160
- icon: /* @__PURE__ */ C(v, { className: "size-4" }),
171
+ ge ? /* @__PURE__ */ T(k, {
172
+ "data-tour": "bigconsole-overview-stats",
173
+ "data-testid": "overview-kpis",
174
+ className: "grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4",
175
+ stagger: .06,
176
+ children: [
177
+ P || F.allowed ? /* @__PURE__ */ w(O, {
178
+ variant: "fadeScale",
179
+ children: /* @__PURE__ */ w(c, {
180
+ title: j("bigconsole.overview.kpis.dashboards", "Dashboards"),
181
+ value: V.total,
182
+ loading: P || F.loading,
183
+ subtitle: X ? Q : j("bigconsole.overview.kpis.dashboardsSubtitle", "Across this workspace"),
184
+ icon: /* @__PURE__ */ w(b, {}),
185
+ variant: X ? "warning" : "default",
186
+ onClick: () => B("/dashboards"),
187
+ "data-testid": "overview-kpi-dashboards"
188
+ })
189
+ }) : null,
190
+ P || I.allowed ? /* @__PURE__ */ w(C, { children: /* @__PURE__ */ w(O, {
191
+ variant: "fadeScale",
192
+ children: /* @__PURE__ */ w(c, {
193
+ title: j("bigconsole.overview.kpis.dataSinks", "Data Sinks"),
194
+ value: H.total,
195
+ loading: P || I.loading,
196
+ subtitle: Z ? Q : H.ready === void 0 ? void 0 : j("bigconsole.overview.kpis.dataSinksReady", "{{count}} ready", { count: H.ready }),
197
+ icon: /* @__PURE__ */ w(v, {}),
198
+ variant: Z ? "warning" : "default",
199
+ onClick: () => B("/datasinks"),
200
+ "data-testid": "overview-kpi-data-sinks"
201
+ })
202
+ }) }) : null,
203
+ P || L.allowed ? /* @__PURE__ */ w(O, {
204
+ variant: "fadeScale",
205
+ children: /* @__PURE__ */ w(c, {
206
+ title: j("bigconsole.overview.kpis.parsers", "Parsers"),
207
+ value: L.data?.listParsers.totalCount,
208
+ loading: P || L.loading,
209
+ subtitle: L.error ? Q : j("bigconsole.overview.kpis.defaultConsole", "In the default console"),
210
+ icon: /* @__PURE__ */ w(y, {}),
211
+ variant: L.error ? "warning" : "default",
212
+ onClick: () => B("/parsers"),
213
+ "data-testid": "overview-kpi-parsers"
214
+ })
215
+ }) : null,
216
+ P || R.allowed ? /* @__PURE__ */ w(O, {
217
+ variant: "fadeScale",
218
+ children: /* @__PURE__ */ w(c, {
219
+ title: j("bigconsole.overview.kpis.pipelines", "Pipelines"),
220
+ value: R.data?.listPipelines.totalCount,
221
+ loading: P || R.loading,
222
+ valueSuffix: (R.data?.listPipelines.totalCount ?? 0) >= 25 ? "+" : void 0,
223
+ subtitle: R.error ? Q : j("bigconsole.overview.kpis.defaultConsole", "In the default console"),
224
+ icon: /* @__PURE__ */ w(S, {}),
225
+ variant: R.error ? "warning" : "default",
226
+ onClick: () => B("/pipelines"),
227
+ "data-testid": "overview-kpi-pipelines"
228
+ })
229
+ }) : null
230
+ ]
231
+ }) : null,
232
+ $,
233
+ F.allowed ? /* @__PURE__ */ w(te, {
234
+ dashboards: V.recent,
235
+ loading: F.loading,
236
+ error: F.error,
237
+ canCreate: W(t.DASHBOARD_CREATE),
238
+ onRetry: F.refetch,
239
+ onNavigate: B,
240
+ formatUpdated: U,
241
+ createDashboardPath: n
242
+ }) : null,
243
+ /* @__PURE__ */ w(ue, {
244
+ icon: /* @__PURE__ */ w(b, { className: "size-4" }),
161
245
  className: "max-w-[80ch]",
162
- children: A("bigconsole.overview.purpose", "Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.")
246
+ children: j("bigconsole.overview.purpose", "Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.")
163
247
  }),
164
- /* @__PURE__ */ C(ne, {
165
- steps: H,
248
+ /* @__PURE__ */ w(a, {
249
+ steps: de,
166
250
  alternative: fe,
167
251
  labels: he,
168
252
  expanded: pe,
169
253
  onToggle: me,
170
- onNavigate: L
254
+ onNavigate: B
171
255
  }),
172
- ge ? /* @__PURE__ */ w(O, {
173
- "data-tour": "bigconsole-overview-stats",
174
- "data-testid": "overview-kpis",
175
- className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
176
- stagger: .06,
177
- children: [N || P.allowed ? /* @__PURE__ */ C(D, {
178
- variant: "fadeScale",
179
- children: /* @__PURE__ */ C(o, {
180
- title: A("bigconsole.overview.kpis.dashboards", "Dashboards"),
181
- value: R.total,
182
- loading: N || P.loading,
183
- subtitle: Y ? Z : A("bigconsole.overview.kpis.dashboardsSubtitle", "Across this workspace"),
184
- icon: /* @__PURE__ */ C(v, {}),
185
- variant: Y ? "warning" : "default",
186
- onClick: () => L("/dashboards"),
187
- "data-testid": "overview-kpi-dashboards"
188
- })
189
- }) : null, N || F.allowed ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(D, {
190
- variant: "fadeScale",
191
- children: /* @__PURE__ */ C(o, {
192
- title: A("bigconsole.overview.kpis.dataSinks", "Data Sinks"),
193
- value: z.total,
194
- loading: N || F.loading,
195
- subtitle: X ? Z : z.ready === void 0 ? void 0 : A("bigconsole.overview.kpis.dataSinksReady", "{{count}} ready", { count: z.ready }),
196
- icon: /* @__PURE__ */ C(g, {}),
197
- variant: X ? "warning" : "default",
198
- onClick: () => L("/datasinks"),
199
- "data-testid": "overview-kpi-data-sinks"
200
- })
201
- }), /* @__PURE__ */ C(D, {
202
- variant: "fadeScale",
203
- children: /* @__PURE__ */ C(o, {
204
- title: A("bigconsole.overview.kpis.needsAttention", "Needs attention"),
205
- value: J,
206
- loading: N || F.loading,
207
- subtitle: X ? Z : A("bigconsole.overview.kpis.needsAttentionSubtitle", "Data sinks with errors or stale data"),
208
- icon: /* @__PURE__ */ C(se, {}),
209
- variant: X || (J ?? 0) > 0 ? "warning" : J === void 0 ? "default" : "success",
210
- onClick: () => L("/datasinks"),
211
- "data-testid": "overview-kpi-needs-attention"
212
- })
213
- })] }) : null]
214
- }) : null,
215
- P.allowed ? /* @__PURE__ */ w("div", {
216
- className: "grid grid-cols-1 gap-6 xl:grid-cols-3",
217
- children: [/* @__PURE__ */ C("div", {
218
- className: "min-w-0 xl:col-span-2",
219
- children: /* @__PURE__ */ C(s, {
220
- dashboards: R.recent,
221
- loading: P.loading,
222
- error: P.error,
223
- canCreate: V(t.DASHBOARD_CREATE),
224
- onRetry: P.refetch,
225
- onNavigate: L,
226
- formatUpdated: B,
227
- createDashboardPath: r
228
- })
229
- }), Q || $ ? /* @__PURE__ */ w("div", {
230
- className: "flex min-w-0 flex-col gap-6",
231
- children: [Q, $]
232
- }) : null]
233
- }) : Q || $ ? /* @__PURE__ */ w("div", {
234
- className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
235
- children: [Q, $]
236
- }) : null
256
+ _e
237
257
  ]
238
258
  })
239
259
  });
240
260
  });
241
261
  //#endregion
242
- export { A as OverviewPage, A as default };
262
+ export { j as OverviewPage, j as default };
243
263
 
244
264
  //# sourceMappingURL=OverviewPage.js.map
package/dist/bigconsole/pages/OverviewPage.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OverviewPage.js","names":[],"sources":["../../../src/bigconsole/pages/OverviewPage.tsx"],"sourcesContent":["/**\n * OverviewPage\n *\n * BigConsole home (`/bigconsole`): the dashboards and data at a glance, plus a\n * step-by-step guide to building a complete dashboard. Mirrors the VibeControls\n * product Overview — aurora hero, purpose line, guidance, KPI tiles and a single\n * emphasis panel — while showing only data the backend reports accurately.\n *\n * Every section is gated on its own read permission and loaded by its own\n * operation (see `useOverviewData`), so a caller missing one permission still\n * gets the rest of the page.\n */\n\nimport { type FC, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PageHeader } from '@burdenoff/fe-libs/chrome';\nimport { MotionItem, MotionList, MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AuroraBackground, Button, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, Database, FileCode2, LayoutDashboard, Plus, RefreshCw, Sparkles } from 'lucide-react';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useAppNavigate } from '../contexts';\nimport {\n CREATE_DASHBOARD_PATH,\n DashboardGuide,\n DataHealthCard,\n OverviewQuickActions,\n OverviewStatCard,\n RecentDashboardsPanel,\n buildAiAlternative,\n buildDashboardGuideSteps,\n formatRelativeTime,\n resolveGuideDefaultExpanded,\n summarizeDashboards,\n summarizeDataSinks,\n useOverviewData,\n type OverviewQuickAction,\n} from '../components/overview';\n\nexport const OverviewPage: FC = memo(function OverviewPage() {\n const navigate = useAppNavigate();\n const tr = useTr();\n const { locale } = useI18n();\n const { hasPermission } = usePermissions();\n const { permissionsLoading, dashboards, dataSinks, refetchAll } = useOverviewData();\n\n const handleNavigate = useCallback((path: string) => navigate(path), [navigate]);\n\n // ---------------------------------------------------------------------------\n // Derived data\n // ---------------------------------------------------------------------------\n\n const dashboardSummary = useMemo(() => summarizeDashboards(dashboards.data), [dashboards.data]);\n const dataSinkSummary = useMemo(() => summarizeDataSinks(dataSinks.data), [dataSinks.data]);\n\n const formatUpdated = useCallback((iso: string) => formatRelativeTime(iso, new Date(), tr, locale), [tr, locale]);\n\n const can = useCallback(\n (permission: string) => !permissionsLoading && hasPermission(permission),\n [permissionsLoading, hasPermission]\n );\n\n const guideSteps = useMemo(\n () =>\n buildDashboardGuideSteps({\n tr,\n latestDashboard: dashboardSummary.latest,\n permissions: {\n canCreateDataSink: can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE),\n canReadDataSinks: can(BIGCONSOLE_PERMISSIONS.DATASINK_READ),\n canCreateWorkflow: can(BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE),\n canCreateParser: can(BIGCONSOLE_PERMISSIONS.PARSER_CREATE),\n canCreateDashboard: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE),\n canReadDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_READ),\n canBuildDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_UPDATE) && can(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE),\n canGenerateWithAi: can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE),\n },\n }),\n [tr, can, dashboardSummary.latest]\n );\n\n const aiAlternative = useMemo(() => buildAiAlternative(tr, can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE)), [tr, can]);\n\n const quickActions = useMemo<OverviewQuickAction[]>(() => {\n const candidates: Array<{ permission: string; action: OverviewQuickAction }> = [\n {\n permission: BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE,\n action: {\n id: 'create-dashboard',\n label: tr('bigconsole.overview.actions.createDashboard', 'Create Dashboard'),\n icon: <Plus className=\"size-4\" aria-hidden=\"true\" />,\n path: CREATE_DASHBOARD_PATH,\n primary: true,\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.DATASINK_CREATE,\n action: {\n id: 'new-data-sink',\n label: tr('bigconsole.overview.actions.newDataSink', 'New Data Sink'),\n icon: <Database className=\"size-4\" aria-hidden=\"true\" />,\n path: '/datasinks/new',\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.PARSER_CREATE,\n action: {\n id: 'new-parser',\n label: tr('bigconsole.overview.actions.newParser', 'New Parser'),\n icon: <FileCode2 className=\"size-4\" aria-hidden=\"true\" />,\n path: '/parsers/new',\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.PROMPT_CREATE,\n action: {\n id: 'generate-with-ai',\n label: tr('bigconsole.overview.actions.generateWithAi', 'Generate with AI Insights'),\n icon: <Sparkles className=\"size-4\" aria-hidden=\"true\" />,\n path: '/insights',\n },\n },\n ];\n return candidates.filter(({ permission }) => can(permission)).map(({ action }) => action);\n }, [tr, can]);\n\n // ---------------------------------------------------------------------------\n // Guide: expanded by default only until the workspace has dashboards. The\n // default is applied once, after the first answer, so it never fights a user\n // who has toggled it.\n // ---------------------------------------------------------------------------\n\n const [guideExpanded, setGuideExpanded] = useState(false);\n const guideDefaultApplied = useRef(false);\n const guideDefault = resolveGuideDefaultExpanded({\n permissionsLoading,\n dashboardsAllowed: dashboards.allowed,\n dashboardsLoading: dashboards.loading,\n dashboardsTotal: dashboardSummary.total,\n dashboardsFailed: Boolean(dashboards.error),\n });\n\n useEffect(() => {\n if (guideDefaultApplied.current || guideDefault === null) return;\n guideDefaultApplied.current = true;\n setGuideExpanded(guideDefault);\n }, [guideDefault]);\n\n const handleToggleGuide = useCallback(() => {\n guideDefaultApplied.current = true;\n setGuideExpanded((expanded) => !expanded);\n }, []);\n\n const guideLabels = useMemo(\n () => ({\n title: tr('bigconsole.overview.guide.title', 'How to create a complete dashboard, end to end'),\n subtitle: tr(\n 'bigconsole.overview.guide.subtitle',\n 'Follow these steps in order — each button takes you to the right place.'\n ),\n show: tr('bigconsole.overview.guide.show', 'Show guide'),\n hide: tr('bigconsole.overview.guide.hide', 'Hide guide'),\n optional: tr('bigconsole.overview.guide.optional', 'Optional'),\n flow: [\n tr('bigconsole.overview.guide.flow.dataSink', 'Data Sink'),\n tr('bigconsole.overview.guide.flow.parser', 'Parser (optional)'),\n tr('bigconsole.overview.guide.flow.dashboard', 'Dashboard'),\n tr('bigconsole.overview.guide.flow.widgets', 'Widgets'),\n tr('bigconsole.overview.guide.flow.share', 'Share'),\n ],\n stepPrefix: (stepNumber: number) =>\n tr('bigconsole.overview.guide.stepPrefix', 'Step {{number}}:', { number: stepNumber }),\n }),\n [tr]\n );\n\n // ---------------------------------------------------------------------------\n // Render\n // ---------------------------------------------------------------------------\n\n const refreshing =\n (dashboards.loading && dashboards.data !== undefined) || (dataSinks.loading && dataSinks.data !== undefined);\n const showKpis = permissionsLoading || dashboards.allowed || dataSinks.allowed;\n const attentionCount = dataSinkSummary.attentionCount;\n // A section whose first load failed has no numbers to show; its tiles say so\n // instead of shimmering forever (a Retry that is in flight shows the skeleton).\n // (Apollo reports a rejected operation as `data: null`, so check the summaries.)\n const dashboardsUnavailable =\n !dashboards.loading && Boolean(dashboards.error) && dashboardSummary.total === undefined;\n const dataSinksUnavailable = !dataSinks.loading && Boolean(dataSinks.error) && dataSinkSummary.total === undefined;\n const unavailableLabel = tr('bigconsole.overview.kpis.unavailable', 'Currently unavailable');\n\n const quickActionsCard =\n quickActions.length > 0 ? <OverviewQuickActions actions={quickActions} onNavigate={handleNavigate} /> : null;\n const dataHealthCard = dataSinks.allowed ? (\n <DataHealthCard\n summary={dataSinkSummary}\n loading={dataSinks.loading}\n error={dataSinks.error}\n canCreate={can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE)}\n onRetry={dataSinks.refetch}\n onNavigate={handleNavigate}\n formatUpdated={formatUpdated}\n />\n ) : null;\n\n return (\n <MotionPage className=\"min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]\">\n <div data-testid=\"overview-page\" className=\"space-y-6\">\n {/* Hero header — the one aurora backdrop on this page. */}\n <div className=\"relative overflow-hidden rounded-card px-2 pt-1\">\n <AuroraBackground intensity=\"subtle\" />\n <PageHeader\n title={\n <>\n <GradientText>{tr('bigconsole.overview.titleNoun', 'BigConsole')}</GradientText>{' '}\n {tr('bigconsole.overview.titleSuffix', 'Overview')}\n </>\n }\n description={tr('bigconsole.overview.description', 'Your dashboards and data at a glance')}\n actions={\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n onClick={refetchAll}\n disabled={refreshing || permissionsLoading}\n className=\"min-h-11 sm:min-h-9\"\n data-testid=\"overview-refresh\"\n >\n <RefreshCw className={`size-4 ${refreshing ? 'motion-safe:animate-spin' : ''}`} aria-hidden=\"true\" />\n {tr('bigconsole.overview.refresh', 'Refresh')}\n </Button>\n }\n />\n </div>\n\n <PagePurpose icon={<LayoutDashboard className=\"size-4\" />} className=\"max-w-[80ch]\">\n {tr(\n 'bigconsole.overview.purpose',\n 'Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.'\n )}\n </PagePurpose>\n\n <DashboardGuide\n steps={guideSteps}\n alternative={aiAlternative}\n labels={guideLabels}\n expanded={guideExpanded}\n onToggle={handleToggleGuide}\n onNavigate={handleNavigate}\n />\n\n {showKpis ? (\n <MotionList\n data-tour=\"bigconsole-overview-stats\"\n data-testid=\"overview-kpis\"\n className=\"grid grid-cols-1 gap-4 sm:grid-cols-3\"\n stagger={0.06}\n >\n {permissionsLoading || dashboards.allowed ? (\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.dashboards', 'Dashboards')}\n value={dashboardSummary.total}\n loading={permissionsLoading || dashboards.loading}\n subtitle={\n dashboardsUnavailable\n ? unavailableLabel\n : tr('bigconsole.overview.kpis.dashboardsSubtitle', 'Across this workspace')\n }\n icon={<LayoutDashboard />}\n variant={dashboardsUnavailable ? 'warning' : 'default'}\n onClick={() => handleNavigate('/dashboards')}\n data-testid=\"overview-kpi-dashboards\"\n />\n </MotionItem>\n ) : null}\n {permissionsLoading || dataSinks.allowed ? (\n <>\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.dataSinks', 'Data Sinks')}\n value={dataSinkSummary.total}\n loading={permissionsLoading || dataSinks.loading}\n subtitle={\n dataSinksUnavailable\n ? unavailableLabel\n : dataSinkSummary.ready === undefined\n ? undefined\n : tr('bigconsole.overview.kpis.dataSinksReady', '{{count}} ready', {\n count: dataSinkSummary.ready,\n })\n }\n icon={<Database />}\n variant={dataSinksUnavailable ? 'warning' : 'default'}\n onClick={() => handleNavigate('/datasinks')}\n data-testid=\"overview-kpi-data-sinks\"\n />\n </MotionItem>\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.needsAttention', 'Needs attention')}\n value={attentionCount}\n loading={permissionsLoading || dataSinks.loading}\n subtitle={\n dataSinksUnavailable\n ? unavailableLabel\n : tr('bigconsole.overview.kpis.needsAttentionSubtitle', 'Data sinks with errors or stale data')\n }\n icon={<AlertTriangle />}\n variant={\n dataSinksUnavailable || (attentionCount ?? 0) > 0\n ? 'warning'\n : attentionCount === undefined\n ? 'default'\n : 'success'\n }\n onClick={() => handleNavigate('/datasinks')}\n data-testid=\"overview-kpi-needs-attention\"\n />\n </MotionItem>\n </>\n ) : null}\n </MotionList>\n ) : null}\n\n {dashboards.allowed ? (\n <div className=\"grid grid-cols-1 gap-6 xl:grid-cols-3\">\n <div className=\"min-w-0 xl:col-span-2\">\n <RecentDashboardsPanel\n dashboards={dashboardSummary.recent}\n loading={dashboards.loading}\n error={dashboards.error}\n canCreate={can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE)}\n onRetry={dashboards.refetch}\n onNavigate={handleNavigate}\n formatUpdated={formatUpdated}\n createDashboardPath={CREATE_DASHBOARD_PATH}\n />\n </div>\n {quickActionsCard || dataHealthCard ? (\n <div className=\"flex min-w-0 flex-col gap-6\">\n {quickActionsCard}\n {dataHealthCard}\n </div>\n ) : null}\n </div>\n ) : quickActionsCard || dataHealthCard ? (\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n {quickActionsCard}\n {dataHealthCard}\n </div>\n ) : null}\n </div>\n </MotionPage>\n );\n});\n\nexport default OverviewPage;\n"],"mappings":"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"}
1
+ {"version":3,"file":"OverviewPage.js","names":[],"sources":["../../../src/bigconsole/pages/OverviewPage.tsx"],"sourcesContent":["/**\n * OverviewPage\n *\n * BigConsole home (`/bigconsole`): the dashboards and data at a glance, plus a\n * step-by-step guide to building a complete dashboard. Mirrors the VibeControls\n * product Overview — aurora hero, purpose line, guidance, KPI tiles and a single\n * emphasis panel — while showing only data the backend reports accurately.\n *\n * Every section is gated on its own read permission and loaded by its own\n * operation (see `useOverviewData`), so a caller missing one permission still\n * gets the rest of the page.\n */\n\nimport { type FC, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PageHeader } from '@burdenoff/fe-libs/chrome';\nimport { MotionItem, MotionList, MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AuroraBackground, Button, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { Workflow, Database, FileCode2, LayoutDashboard, Plus, RefreshCw, Sparkles } from 'lucide-react';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useAppNavigate } from '../contexts';\nimport {\n CREATE_DASHBOARD_PATH,\n DashboardGuide,\n DataHealthCard,\n OverviewQuickActions,\n OverviewStatCard,\n RecentDashboardsPanel,\n buildAiAlternative,\n buildDashboardGuideSteps,\n formatRelativeTime,\n resolveGuideDefaultExpanded,\n summarizeDashboards,\n summarizeDataSinks,\n useOverviewData,\n type OverviewQuickAction,\n} from '../components/overview';\n\nexport const OverviewPage: FC = memo(function OverviewPage() {\n const navigate = useAppNavigate();\n const tr = useTr();\n const { locale } = useI18n();\n const { hasPermission } = usePermissions();\n const { permissionsLoading, dashboards, dataSinks, parsers, pipelines, refetchAll } = useOverviewData();\n\n const handleNavigate = useCallback((path: string) => navigate(path), [navigate]);\n\n // ---------------------------------------------------------------------------\n // Derived data\n // ---------------------------------------------------------------------------\n\n const dashboardSummary = useMemo(() => summarizeDashboards(dashboards.data), [dashboards.data]);\n const dataSinkSummary = useMemo(() => summarizeDataSinks(dataSinks.data), [dataSinks.data]);\n\n const formatUpdated = useCallback((iso: string) => formatRelativeTime(iso, new Date(), tr, locale), [tr, locale]);\n\n const can = useCallback(\n (permission: string) => !permissionsLoading && hasPermission(permission),\n [permissionsLoading, hasPermission]\n );\n\n const guideSteps = useMemo(\n () =>\n buildDashboardGuideSteps({\n tr,\n latestDashboard: dashboardSummary.latest,\n permissions: {\n canCreateDataSink: can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE),\n canReadDataSinks: can(BIGCONSOLE_PERMISSIONS.DATASINK_READ),\n canCreateWorkflow: can(BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE),\n canCreateParser: can(BIGCONSOLE_PERMISSIONS.PARSER_CREATE),\n canCreateDashboard: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE),\n canReadDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_READ),\n canBuildDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_UPDATE) && can(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE),\n canGenerateWithAi: can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE),\n },\n }),\n [tr, can, dashboardSummary.latest]\n );\n\n const aiAlternative = useMemo(() => buildAiAlternative(tr, can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE)), [tr, can]);\n\n const quickActions = useMemo<OverviewQuickAction[]>(() => {\n const candidates: Array<{ permission: string; action: OverviewQuickAction }> = [\n {\n permission: BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE,\n action: {\n id: 'create-dashboard',\n label: tr('bigconsole.overview.actions.createDashboard', 'Create Dashboard'),\n icon: <Plus className=\"size-4\" aria-hidden=\"true\" />,\n path: CREATE_DASHBOARD_PATH,\n primary: true,\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.DATASINK_CREATE,\n action: {\n id: 'new-data-sink',\n label: tr('bigconsole.overview.actions.newDataSink', 'New Data Sink'),\n icon: <Database className=\"size-4\" aria-hidden=\"true\" />,\n path: '/datasinks/new',\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.PARSER_CREATE,\n action: {\n id: 'new-parser',\n label: tr('bigconsole.overview.actions.newParser', 'New Parser'),\n icon: <FileCode2 className=\"size-4\" aria-hidden=\"true\" />,\n path: '/parsers/new',\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.PIPELINE_CREATE,\n action: {\n id: 'new-pipeline',\n label: tr('bigconsole.overview.actions.newPipeline', 'New Pipeline'),\n icon: <Workflow className=\"size-4\" aria-hidden=\"true\" />,\n path: '/pipelines/new',\n },\n },\n {\n permission: BIGCONSOLE_PERMISSIONS.PROMPT_CREATE,\n action: {\n id: 'generate-with-ai',\n label: tr('bigconsole.overview.actions.generateWithAi', 'Generate with AI Insights'),\n icon: <Sparkles className=\"size-4\" aria-hidden=\"true\" />,\n path: '/insights',\n },\n },\n ];\n return candidates.filter(({ permission }) => can(permission)).map(({ action }) => action);\n }, [tr, can]);\n\n // ---------------------------------------------------------------------------\n // Guide: expanded by default only until the workspace has dashboards. The\n // default is applied once, after the first answer, so it never fights a user\n // who has toggled it.\n // ---------------------------------------------------------------------------\n\n const [guideExpanded, setGuideExpanded] = useState(false);\n const guideDefaultApplied = useRef(false);\n const guideDefault = resolveGuideDefaultExpanded({\n permissionsLoading,\n dashboardsAllowed: dashboards.allowed,\n dashboardsLoading: dashboards.loading,\n dashboardsTotal: dashboardSummary.total,\n dashboardsFailed: Boolean(dashboards.error),\n });\n\n useEffect(() => {\n if (guideDefaultApplied.current || guideDefault === null) return;\n guideDefaultApplied.current = true;\n setGuideExpanded(guideDefault);\n }, [guideDefault]);\n\n const handleToggleGuide = useCallback(() => {\n guideDefaultApplied.current = true;\n setGuideExpanded((expanded) => !expanded);\n }, []);\n\n const guideLabels = useMemo(\n () => ({\n title: tr('bigconsole.overview.guide.title', 'How to create a complete dashboard, end to end'),\n subtitle: tr(\n 'bigconsole.overview.guide.subtitle',\n 'Follow these steps in order — each button takes you to the right place.'\n ),\n show: tr('bigconsole.overview.guide.show', 'Show guide'),\n hide: tr('bigconsole.overview.guide.hide', 'Hide guide'),\n optional: tr('bigconsole.overview.guide.optional', 'Optional'),\n flow: [\n tr('bigconsole.overview.guide.flow.dataSink', 'Data Sink'),\n tr('bigconsole.overview.guide.flow.parser', 'Parser (optional)'),\n tr('bigconsole.overview.guide.flow.dashboard', 'Dashboard'),\n tr('bigconsole.overview.guide.flow.widgets', 'Widgets'),\n tr('bigconsole.overview.guide.flow.share', 'Share'),\n ],\n stepPrefix: (stepNumber: number) =>\n tr('bigconsole.overview.guide.stepPrefix', 'Step {{number}}:', { number: stepNumber }),\n }),\n [tr]\n );\n\n // ---------------------------------------------------------------------------\n // Render\n // ---------------------------------------------------------------------------\n\n const refreshing =\n (dashboards.loading && dashboards.data !== undefined) ||\n (dataSinks.loading && dataSinks.data !== undefined) ||\n (parsers.loading && parsers.data !== undefined) ||\n (pipelines.loading && pipelines.data !== undefined);\n const showKpis =\n permissionsLoading || dashboards.allowed || dataSinks.allowed || parsers.allowed || pipelines.allowed;\n // A section whose first load failed has no numbers to show; its tiles say so\n // instead of shimmering forever (a Retry that is in flight shows the skeleton).\n // (Apollo reports a rejected operation as `data: null`, so check the summaries.)\n const dashboardsUnavailable =\n !dashboards.loading && Boolean(dashboards.error) && dashboardSummary.total === undefined;\n const dataSinksUnavailable = !dataSinks.loading && Boolean(dataSinks.error) && dataSinkSummary.total === undefined;\n const unavailableLabel = tr('bigconsole.overview.kpis.unavailable', 'Currently unavailable');\n\n const quickActionsCard =\n quickActions.length > 0 ? <OverviewQuickActions actions={quickActions} onNavigate={handleNavigate} /> : null;\n const dataHealthCard = dataSinks.allowed ? (\n <DataHealthCard\n summary={dataSinkSummary}\n loading={dataSinks.loading}\n error={dataSinks.error}\n canCreate={can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE)}\n onRetry={dataSinks.refetch}\n onNavigate={handleNavigate}\n formatUpdated={formatUpdated}\n />\n ) : null;\n\n return (\n <MotionPage className=\"min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]\">\n <div data-testid=\"overview-page\" className=\"space-y-6\">\n {/* Hero header — the one aurora backdrop on this page. */}\n <div className=\"relative overflow-hidden rounded-card border border-border-subtle bg-bg-surface px-6 py-5\">\n <AuroraBackground intensity=\"subtle\" />\n <PageHeader\n title={\n <>\n <GradientText>{tr('bigconsole.overview.titleNoun', 'BigConsole')}</GradientText>{' '}\n {tr('bigconsole.overview.titleSuffix', 'Overview')}\n </>\n }\n description={tr('bigconsole.overview.description', 'Your dashboards and data at a glance')}\n actions={\n <Button\n type=\"button\"\n variant=\"outline\"\n size=\"sm\"\n onClick={refetchAll}\n disabled={refreshing || permissionsLoading}\n className=\"min-h-11 sm:min-h-9\"\n data-testid=\"overview-refresh\"\n >\n <RefreshCw className={`size-4 ${refreshing ? 'motion-safe:animate-spin' : ''}`} aria-hidden=\"true\" />\n {tr('bigconsole.overview.refresh', 'Refresh')}\n </Button>\n }\n />\n </div>\n\n {showKpis ? (\n <MotionList\n data-tour=\"bigconsole-overview-stats\"\n data-testid=\"overview-kpis\"\n className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\"\n stagger={0.06}\n >\n {permissionsLoading || dashboards.allowed ? (\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.dashboards', 'Dashboards')}\n value={dashboardSummary.total}\n loading={permissionsLoading || dashboards.loading}\n subtitle={\n dashboardsUnavailable\n ? unavailableLabel\n : tr('bigconsole.overview.kpis.dashboardsSubtitle', 'Across this workspace')\n }\n icon={<LayoutDashboard />}\n variant={dashboardsUnavailable ? 'warning' : 'default'}\n onClick={() => handleNavigate('/dashboards')}\n data-testid=\"overview-kpi-dashboards\"\n />\n </MotionItem>\n ) : null}\n {permissionsLoading || dataSinks.allowed ? (\n <>\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.dataSinks', 'Data Sinks')}\n value={dataSinkSummary.total}\n loading={permissionsLoading || dataSinks.loading}\n subtitle={\n dataSinksUnavailable\n ? unavailableLabel\n : dataSinkSummary.ready === undefined\n ? undefined\n : tr('bigconsole.overview.kpis.dataSinksReady', '{{count}} ready', {\n count: dataSinkSummary.ready,\n })\n }\n icon={<Database />}\n variant={dataSinksUnavailable ? 'warning' : 'default'}\n onClick={() => handleNavigate('/datasinks')}\n data-testid=\"overview-kpi-data-sinks\"\n />\n </MotionItem>\n </>\n ) : null}\n {permissionsLoading || parsers.allowed ? (\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.parsers', 'Parsers')}\n value={parsers.data?.listParsers.totalCount}\n loading={permissionsLoading || parsers.loading}\n subtitle={\n parsers.error\n ? unavailableLabel\n : tr('bigconsole.overview.kpis.defaultConsole', 'In the default console')\n }\n icon={<FileCode2 />}\n variant={parsers.error ? 'warning' : 'default'}\n onClick={() => handleNavigate('/parsers')}\n data-testid=\"overview-kpi-parsers\"\n />\n </MotionItem>\n ) : null}\n {permissionsLoading || pipelines.allowed ? (\n <MotionItem variant=\"fadeScale\">\n <OverviewStatCard\n title={tr('bigconsole.overview.kpis.pipelines', 'Pipelines')}\n value={pipelines.data?.listPipelines.totalCount}\n loading={permissionsLoading || pipelines.loading}\n valueSuffix={(pipelines.data?.listPipelines.totalCount ?? 0) >= 25 ? '+' : undefined}\n subtitle={\n pipelines.error\n ? unavailableLabel\n : tr('bigconsole.overview.kpis.defaultConsole', 'In the default console')\n }\n icon={<Workflow />}\n variant={pipelines.error ? 'warning' : 'default'}\n onClick={() => handleNavigate('/pipelines')}\n data-testid=\"overview-kpi-pipelines\"\n />\n </MotionItem>\n ) : null}\n </MotionList>\n ) : null}\n\n {quickActionsCard}\n {dashboards.allowed ? (\n <RecentDashboardsPanel\n dashboards={dashboardSummary.recent}\n loading={dashboards.loading}\n error={dashboards.error}\n canCreate={can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE)}\n onRetry={dashboards.refetch}\n onNavigate={handleNavigate}\n formatUpdated={formatUpdated}\n createDashboardPath={CREATE_DASHBOARD_PATH}\n />\n ) : null}\n <PagePurpose icon={<LayoutDashboard className=\"size-4\" />} className=\"max-w-[80ch]\">\n {tr(\n 'bigconsole.overview.purpose',\n 'Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.'\n )}\n </PagePurpose>\n\n <DashboardGuide\n steps={guideSteps}\n alternative={aiAlternative}\n labels={guideLabels}\n expanded={guideExpanded}\n onToggle={handleToggleGuide}\n onNavigate={handleNavigate}\n />\n\n {dataHealthCard}\n </div>\n </MotionPage>\n );\n});\n\nexport default OverviewPage;\n"],"mappings":"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"}
package/dist/bigconsole/utils/dashboardTemplateContent.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ import { DashboardTemplateContent } from '../hooks/useStoreDashboardTemplates';
2
+
3
+ /** Exclude envelopes the backend parser or dashboard importer cannot accept. */
4
+ export declare function isInstallableDashboardTemplate(content: unknown): boolean;
5
+ /** Keep creation metadata in the same import transaction as pages and widgets. */
6
+ export declare function withDashboardTemplateMetadata(content: DashboardTemplateContent, metadata: {
7
+ description?: string;
8
+ tags?: string[];
9
+ }): DashboardTemplateContent;
10
+ //# sourceMappingURL=dashboardTemplateContent.d.ts.map
package/dist/bigconsole/utils/dashboardTemplateContent.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dashboardTemplateContent.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/utils/dashboardTemplateContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,qCAAqC,CAAC;AAMpF,gFAAgF;AAChF,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CA6CxE;AAED,kFAAkF;AAClF,wBAAgB,6BAA6B,CAC3C,OAAO,EAAE,wBAAwB,EACjC,QAAQ,EAAE;IAAE,WAAW,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;CAAE,GAClD,wBAAwB,CAwB1B"}
package/dist/bigconsole/utils/dashboardTemplateContent.js ADDED
@@ -0,0 +1,36 @@
1
+ //#region src/bigconsole/utils/dashboardTemplateContent.ts
2
+ function e(e) {
3
+ return typeof e == "object" && !!e && !Array.isArray(e);
4
+ }
5
+ function t(t) {
6
+ return e(t) && e(t.definition) && e(t.definition.dashboard) && typeof t.definition.schemaVersion == "string" && t.definition.schemaVersion.length > 0 && typeof t.definition.dashboard.name == "string" && t.definition.dashboard.name.length > 0 && Array.isArray(t.definition.pages) && t.definition.pages.length > 0 && (t.requiredInputs === void 0 || Array.isArray(t.requiredInputs) && t.requiredInputs.every((t) => e(t) && typeof t.name == "string" && typeof t.label == "string" && (t.placeholder === void 0 || t.placeholder === null || typeof t.placeholder == "string") && typeof t.required == "boolean" && [
7
+ "string",
8
+ "number",
9
+ "boolean",
10
+ "select",
11
+ "secret"
12
+ ].includes(String(t.type)) && (t.type !== "select" || Array.isArray(t.options) && t.options.every((t) => e(t) && typeof t.label == "string" && typeof t.value == "string")))) && (t.requiredDataSinks === void 0 || Array.isArray(t.requiredDataSinks) && t.requiredDataSinks.every((t) => e(t) && typeof t.slot == "string" && typeof t.label == "string" && (t.description === void 0 || t.description === null || typeof t.description == "string") && Array.isArray(t.expectedFields) && t.expectedFields.every((t) => e(t) && typeof t.name == "string") && Array.isArray(t.widgetTitles) && t.widgetTitles.every((e) => typeof e == "string"))) && t.definition.pages.every((t) => e(t) && (t.widgets === void 0 || Array.isArray(t.widgets) && t.widgets.every(e)));
13
+ }
14
+ function n(t, n) {
15
+ let r = t.definition;
16
+ if (!e(r) || !e(r.dashboard)) throw Error("This template has no valid dashboard definition and cannot be installed.");
17
+ let i = r.dashboard;
18
+ return {
19
+ ...t,
20
+ definition: {
21
+ ...r,
22
+ dashboard: {
23
+ ...i,
24
+ ...n.description === void 0 ? {} : { description: n.description },
25
+ ...n.tags === void 0 ? {} : { metadata: {
26
+ ...e(i.metadata) ? i.metadata : {},
27
+ tags: [...n.tags]
28
+ } }
29
+ }
30
+ }
31
+ };
32
+ }
33
+ //#endregion
34
+ export { t as isInstallableDashboardTemplate, n as withDashboardTemplateMetadata };
35
+
36
+ //# sourceMappingURL=dashboardTemplateContent.js.map
package/dist/bigconsole/utils/dashboardTemplateContent.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dashboardTemplateContent.js","names":[],"sources":["../../../src/bigconsole/utils/dashboardTemplateContent.ts"],"sourcesContent":["import type { DashboardTemplateContent } from '../hooks/useStoreDashboardTemplates';\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n return value !== null && typeof value === 'object' && !Array.isArray(value);\n}\n\n/** Exclude envelopes the backend parser or dashboard importer cannot accept. */\nexport function isInstallableDashboardTemplate(content: unknown): boolean {\n return (\n isRecord(content) &&\n isRecord(content.definition) &&\n isRecord(content.definition.dashboard) &&\n typeof content.definition.schemaVersion === 'string' &&\n content.definition.schemaVersion.length > 0 &&\n typeof content.definition.dashboard.name === 'string' &&\n content.definition.dashboard.name.length > 0 &&\n Array.isArray(content.definition.pages) &&\n content.definition.pages.length > 0 &&\n (content.requiredInputs === undefined ||\n (Array.isArray(content.requiredInputs) &&\n content.requiredInputs.every(\n (input) =>\n isRecord(input) &&\n typeof input.name === 'string' &&\n typeof input.label === 'string' &&\n (input.placeholder === undefined || input.placeholder === null || typeof input.placeholder === 'string') &&\n typeof input.required === 'boolean' &&\n ['string', 'number', 'boolean', 'select', 'secret'].includes(String(input.type)) &&\n (input.type !== 'select' ||\n (Array.isArray(input.options) &&\n input.options.every(\n (option) => isRecord(option) && typeof option.label === 'string' && typeof option.value === 'string'\n )))\n ))) &&\n (content.requiredDataSinks === undefined ||\n (Array.isArray(content.requiredDataSinks) &&\n content.requiredDataSinks.every(\n (slot) =>\n isRecord(slot) &&\n typeof slot.slot === 'string' &&\n typeof slot.label === 'string' &&\n (slot.description === undefined || slot.description === null || typeof slot.description === 'string') &&\n Array.isArray(slot.expectedFields) &&\n slot.expectedFields.every((field) => isRecord(field) && typeof field.name === 'string') &&\n Array.isArray(slot.widgetTitles) &&\n slot.widgetTitles.every((title) => typeof title === 'string')\n ))) &&\n content.definition.pages.every(\n (page) =>\n isRecord(page) && (page.widgets === undefined || (Array.isArray(page.widgets) && page.widgets.every(isRecord)))\n )\n );\n}\n\n/** Keep creation metadata in the same import transaction as pages and widgets. */\nexport function withDashboardTemplateMetadata(\n content: DashboardTemplateContent,\n metadata: { description?: string; tags?: string[] }\n): DashboardTemplateContent {\n const definition = content.definition;\n if (!isRecord(definition) || !isRecord(definition.dashboard)) {\n throw new Error('This template has no valid dashboard definition and cannot be installed.');\n }\n const dashboard = definition.dashboard;\n return {\n ...content,\n definition: {\n ...definition,\n dashboard: {\n ...dashboard,\n ...(metadata.description !== undefined ? { description: metadata.description } : {}),\n ...(metadata.tags !== undefined\n ? {\n metadata: {\n ...(isRecord(dashboard.metadata) ? dashboard.metadata : {}),\n tags: [...metadata.tags],\n },\n }\n : {}),\n },\n },\n };\n}\n"],"mappings":";AAEA,SAAS,EAAS,GAAkD;AAClE,QAAyB,OAAO,KAAU,cAAnC,KAA+C,CAAC,MAAM,QAAQ,EAAM;;AAI7E,SAAgB,EAA+B,GAA2B;AACxE,QACE,EAAS,EAAQ,IACjB,EAAS,EAAQ,WAAW,IAC5B,EAAS,EAAQ,WAAW,UAAU,IACtC,OAAO,EAAQ,WAAW,iBAAkB,YAC5C,EAAQ,WAAW,cAAc,SAAS,KAC1C,OAAO,EAAQ,WAAW,UAAU,QAAS,YAC7C,EAAQ,WAAW,UAAU,KAAK,SAAS,KAC3C,MAAM,QAAQ,EAAQ,WAAW,MAAM,IACvC,EAAQ,WAAW,MAAM,SAAS,MACjC,EAAQ,mBAAmB,KAAA,KACzB,MAAM,QAAQ,EAAQ,eAAe,IACpC,EAAQ,eAAe,OACpB,MACC,EAAS,EAAM,IACf,OAAO,EAAM,QAAS,YACtB,OAAO,EAAM,SAAU,aACtB,EAAM,gBAAgB,KAAA,KAAa,EAAM,gBAAgB,QAAQ,OAAO,EAAM,eAAgB,aAC/F,OAAO,EAAM,YAAa,aAC1B;EAAC;EAAU;EAAU;EAAW;EAAU;EAAS,CAAC,SAAS,OAAO,EAAM,KAAK,CAAC,KAC/E,EAAM,SAAS,YACb,MAAM,QAAQ,EAAM,QAAQ,IAC3B,EAAM,QAAQ,OACX,MAAW,EAAS,EAAO,IAAI,OAAO,EAAO,SAAU,YAAY,OAAO,EAAO,SAAU,SAC7F,EACR,MACJ,EAAQ,sBAAsB,KAAA,KAC5B,MAAM,QAAQ,EAAQ,kBAAkB,IACvC,EAAQ,kBAAkB,OACvB,MACC,EAAS,EAAK,IACd,OAAO,EAAK,QAAS,YACrB,OAAO,EAAK,SAAU,aACrB,EAAK,gBAAgB,KAAA,KAAa,EAAK,gBAAgB,QAAQ,OAAO,EAAK,eAAgB,aAC5F,MAAM,QAAQ,EAAK,eAAe,IAClC,EAAK,eAAe,OAAO,MAAU,EAAS,EAAM,IAAI,OAAO,EAAM,QAAS,SAAS,IACvF,MAAM,QAAQ,EAAK,aAAa,IAChC,EAAK,aAAa,OAAO,MAAU,OAAO,KAAU,SAAS,CAChE,KACL,EAAQ,WAAW,MAAM,OACtB,MACC,EAAS,EAAK,KAAK,EAAK,YAAY,KAAA,KAAc,MAAM,QAAQ,EAAK,QAAQ,IAAI,EAAK,QAAQ,MAAM,EAAS,EAChH;;AAKL,SAAgB,EACd,GACA,GAC0B;CAC1B,IAAM,IAAa,EAAQ;AAC3B,KAAI,CAAC,EAAS,EAAW,IAAI,CAAC,EAAS,EAAW,UAAU,CAC1D,OAAU,MAAM,2EAA2E;CAE7F,IAAM,IAAY,EAAW;AAC7B,QAAO;EACL,GAAG;EACH,YAAY;GACV,GAAG;GACH,WAAW;IACT,GAAG;IACH,GAAI,EAAS,gBAAgB,KAAA,IAAoD,EAAE,GAA1C,EAAE,aAAa,EAAS,aAAa;IAC9E,GAAI,EAAS,SAAS,KAAA,IAOlB,EAAE,GANF,EACE,UAAU;KACR,GAAI,EAAS,EAAU,SAAS,GAAG,EAAU,WAAW,EAAE;KAC1D,MAAM,CAAC,GAAG,EAAS,KAAK;KACzB,EACF;IAEN;GACF;EACF"}
package/dist/bigconsole/utils/templateInstallInputs.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ import { TemplateRequiredInput } from '../hooks/useStoreDashboardTemplates';
2
+
3
+ export declare function templateInputDefaults(inputs: TemplateRequiredInput[]): Record<string, unknown>;
4
+ export declare function templateInputError(inputs: TemplateRequiredInput[], values: Record<string, unknown>, translate?: (key: string, fallback: string, params: Record<string, string>) => string): string | null;
5
+ //# sourceMappingURL=templateInstallInputs.d.ts.map
package/dist/bigconsole/utils/templateInstallInputs.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"templateInstallInputs.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/utils/templateInstallInputs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAC;AAEjF,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAM9F;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,qBAAqB,EAAE,EAC/B,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,SAAS,GAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,MAC1B,GACnD,MAAM,GAAG,IAAI,CA6Bf"}