@burdenoff/microfe-bigconsole 2026.1001.3 → 2026.1001.4
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.
- package/dist/bigconsole/components/overview/OverviewQuickActions.js +2 -2
- package/dist/bigconsole/components/overview/OverviewQuickActions.js.map +1 -1
- package/dist/bigconsole/components/overview/OverviewStatCard.d.ts +2 -0
- package/dist/bigconsole/components/overview/OverviewStatCard.d.ts.map +1 -1
- package/dist/bigconsole/components/overview/OverviewStatCard.js +13 -13
- package/dist/bigconsole/components/overview/OverviewStatCard.js.map +1 -1
- package/dist/bigconsole/components/overview/RecentDashboardsPanel.js +6 -7
- package/dist/bigconsole/components/overview/RecentDashboardsPanel.js.map +1 -1
- package/dist/bigconsole/components/overview/useOverviewData.d.ts +3 -1
- package/dist/bigconsole/components/overview/useOverviewData.d.ts.map +1 -1
- package/dist/bigconsole/components/overview/useOverviewData.js +61 -30
- package/dist/bigconsole/components/overview/useOverviewData.js.map +1 -1
- package/dist/bigconsole/pages/OverviewPage.d.ts.map +1 -1
- package/dist/bigconsole/pages/OverviewPage.js +183 -163
- package/dist/bigconsole/pages/OverviewPage.js.map +1 -1
- package/dist/generated/wspace-operations.d.ts +68 -0
- package/dist/generated/wspace-operations.d.ts.map +1 -1
- package/dist/generated/wspace-operations.js +87 -59
- package/dist/generated/wspace-operations.js.map +1 -1
- package/dist/translations/en.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -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
|
|
5
|
-
import { CREATE_DASHBOARD_PATH as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { formatRelativeTime as
|
|
12
|
-
import { useOverviewData as
|
|
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
|
|
15
|
-
import { usePermissions as
|
|
16
|
-
import {
|
|
17
|
-
import { AuroraBackground as
|
|
18
|
-
import { Fragment as
|
|
19
|
-
import { useI18n as
|
|
20
|
-
import { PageHeader as
|
|
21
|
-
import { MotionItem as
|
|
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
|
|
24
|
-
let
|
|
25
|
-
tr:
|
|
26
|
-
latestDashboard:
|
|
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:
|
|
29
|
-
canReadDataSinks:
|
|
30
|
-
canCreateWorkflow:
|
|
31
|
-
canCreateParser:
|
|
32
|
-
canCreateDashboard:
|
|
33
|
-
canReadDashboards:
|
|
34
|
-
canBuildDashboards:
|
|
35
|
-
canGenerateWithAi:
|
|
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
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
]), fe =
|
|
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:
|
|
47
|
-
icon: /* @__PURE__ */
|
|
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:
|
|
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:
|
|
60
|
-
icon: /* @__PURE__ */
|
|
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:
|
|
72
|
-
icon: /* @__PURE__ */
|
|
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:
|
|
84
|
-
icon: /* @__PURE__ */
|
|
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 }) =>
|
|
92
|
-
permissionsLoading:
|
|
93
|
-
dashboardsAllowed:
|
|
94
|
-
dashboardsLoading:
|
|
95
|
-
dashboardsTotal:
|
|
96
|
-
dashboardsFailed: !!
|
|
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
|
-
|
|
99
|
-
|
|
100
|
-
}, [
|
|
101
|
-
let me =
|
|
102
|
-
|
|
103
|
-
}, []), he =
|
|
104
|
-
title:
|
|
105
|
-
subtitle:
|
|
106
|
-
show:
|
|
107
|
-
hide:
|
|
108
|
-
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
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
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) =>
|
|
117
|
-
}), [
|
|
118
|
-
actions:
|
|
119
|
-
onNavigate:
|
|
120
|
-
}) : null,
|
|
121
|
-
summary:
|
|
122
|
-
loading:
|
|
123
|
-
error:
|
|
124
|
-
canCreate:
|
|
125
|
-
onRetry:
|
|
126
|
-
onNavigate:
|
|
127
|
-
formatUpdated:
|
|
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__ */
|
|
141
|
+
return /* @__PURE__ */ w(A, {
|
|
130
142
|
className: "min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]",
|
|
131
|
-
children: /* @__PURE__ */
|
|
143
|
+
children: /* @__PURE__ */ T("div", {
|
|
132
144
|
"data-testid": "overview-page",
|
|
133
145
|
className: "space-y-6",
|
|
134
146
|
children: [
|
|
135
|
-
/* @__PURE__ */
|
|
136
|
-
className: "relative overflow-hidden rounded-card px-
|
|
137
|
-
children: [/* @__PURE__ */
|
|
138
|
-
title: /* @__PURE__ */
|
|
139
|
-
/* @__PURE__ */
|
|
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
|
-
|
|
153
|
+
j("bigconsole.overview.titleSuffix", "Overview")
|
|
142
154
|
] }),
|
|
143
|
-
description:
|
|
144
|
-
actions: /* @__PURE__ */
|
|
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:
|
|
149
|
-
disabled:
|
|
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__ */
|
|
153
|
-
className: `size-4 ${
|
|
164
|
+
children: [/* @__PURE__ */ w(ae, {
|
|
165
|
+
className: `size-4 ${Y ? "motion-safe:animate-spin" : ""}`,
|
|
154
166
|
"aria-hidden": "true"
|
|
155
|
-
}),
|
|
167
|
+
}), j("bigconsole.overview.refresh", "Refresh")]
|
|
156
168
|
})
|
|
157
169
|
})]
|
|
158
170
|
}),
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
|
|
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:
|
|
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__ */
|
|
165
|
-
steps:
|
|
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:
|
|
254
|
+
onNavigate: B
|
|
171
255
|
}),
|
|
172
|
-
|
|
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 {
|
|
262
|
+
export { j as OverviewPage, j as default };
|
|
243
263
|
|
|
244
264
|
//# sourceMappingURL=OverviewPage.js.map
|
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;AAwCA,IAAa,IAAmB,EAAK,WAAwB;CAC3D,IAAM,IAAW,GAAgB,EAC3B,IAAK,GAAO,EACZ,EAAE,cAAW,GAAS,EACtB,EAAE,qBAAkB,IAAgB,EACpC,EAAE,uBAAoB,eAAY,cAAW,kBAAe,GAAiB,EAE7E,IAAiB,GAAa,MAAiB,EAAS,EAAK,EAAE,CAAC,EAAS,CAAC,EAM1E,IAAmB,QAAc,EAAoB,EAAW,KAAK,EAAE,CAAC,EAAW,KAAK,CAAC,EACzF,IAAkB,QAAc,EAAmB,EAAU,KAAK,EAAE,CAAC,EAAU,KAAK,CAAC,EAErF,IAAgB,GAAa,MAAgB,EAAmB,mBAAK,IAAI,MAAM,EAAE,GAAI,EAAO,EAAE,CAAC,GAAI,EAAO,CAAC,EAE3G,IAAM,GACT,MAAuB,CAAC,KAAsB,EAAc,EAAW,EACxE,CAAC,GAAoB,EAAc,CACpC,EAEK,IAAa,QAEf,GAAyB;EACvB;EACA,iBAAiB,EAAiB;EAClC,aAAa;GACX,mBAAmB,EAAI,EAAuB,gBAAgB;GAC9D,kBAAkB,EAAI,EAAuB,cAAc;GAC3D,mBAAmB,EAAI,EAAuB,gBAAgB;GAC9D,iBAAiB,EAAI,EAAuB,cAAc;GAC1D,oBAAoB,EAAI,EAAuB,iBAAiB;GAChE,mBAAmB,EAAI,EAAuB,eAAe;GAC7D,oBAAoB,EAAI,EAAuB,iBAAiB,IAAI,EAAI,EAAuB,cAAc;GAC7G,mBAAmB,EAAI,EAAuB,cAAc;GAC7D;EACF,CAAC,EACJ;EAAC;EAAI;EAAK,EAAiB;EAAO,CACnC,EAEK,KAAgB,QAAc,GAAmB,GAAI,EAAI,EAAuB,cAAc,CAAC,EAAE,CAAC,GAAI,EAAI,CAAC,EAE3G,IAAe,QAC4D;EAC7E;GACE,YAAY,EAAuB;GACnC,QAAQ;IACN,IAAI;IACJ,OAAO,EAAG,+CAA+C,mBAAmB;IAC5E,MAAM,kBAAC,IAAD;KAAM,WAAU;KAAS,eAAY;KAAS,CAAA;IACpD,MAAM;IACN,SAAS;IACV;GACF;EACD;GACE,YAAY,EAAuB;GACnC,QAAQ;IACN,IAAI;IACJ,OAAO,EAAG,2CAA2C,gBAAgB;IACrE,MAAM,kBAAC,GAAD;KAAU,WAAU;KAAS,eAAY;KAAS,CAAA;IACxD,MAAM;IACP;GACF;EACD;GACE,YAAY,EAAuB;GACnC,QAAQ;IACN,IAAI;IACJ,OAAO,EAAG,yCAAyC,aAAa;IAChE,MAAM,kBAAC,GAAD;KAAW,WAAU;KAAS,eAAY;KAAS,CAAA;IACzD,MAAM;IACP;GACF;EACD;GACE,YAAY,EAAuB;GACnC,QAAQ;IACN,IAAI;IACJ,OAAO,EAAG,8CAA8C,4BAA4B;IACpF,MAAM,kBAAC,GAAD;KAAU,WAAU;KAAS,eAAY;KAAS,CAAA;IACxD,MAAM;IACP;GACF;EACF,CACiB,QAAQ,EAAE,oBAAiB,EAAI,EAAW,CAAC,CAAC,KAAK,EAAE,gBAAa,EAAO,EACxF,CAAC,GAAI,EAAI,CAAC,EAQP,CAAC,IAAe,KAAoB,GAAS,GAAM,EACnD,IAAsB,GAAO,GAAM,EACnC,IAAe,EAA4B;EAC/C;EACA,mBAAmB,EAAW;EAC9B,mBAAmB,EAAW;EAC9B,iBAAiB,EAAiB;EAClC,kBAAkB,EAAQ,EAAW;EACtC,CAAC;AAEF,UAAgB;AACV,IAAoB,WAAW,MAAiB,SACpD,EAAoB,UAAU,IAC9B,EAAiB,EAAa;IAC7B,CAAC,EAAa,CAAC;CAElB,IAAM,KAAoB,QAAkB;AAE1C,EADA,EAAoB,UAAU,IAC9B,GAAkB,MAAa,CAAC,EAAS;IACxC,EAAE,CAAC,EAEA,KAAc,SACX;EACL,OAAO,EAAG,mCAAmC,iDAAiD;EAC9F,UAAU,EACR,sCACA,0EACD;EACD,MAAM,EAAG,kCAAkC,aAAa;EACxD,MAAM,EAAG,kCAAkC,aAAa;EACxD,UAAU,EAAG,sCAAsC,WAAW;EAC9D,MAAM;GACJ,EAAG,2CAA2C,YAAY;GAC1D,EAAG,yCAAyC,oBAAoB;GAChE,EAAG,4CAA4C,YAAY;GAC3D,EAAG,0CAA0C,UAAU;GACvD,EAAG,wCAAwC,QAAQ;GACpD;EACD,aAAa,MACX,EAAG,wCAAwC,oBAAoB,EAAE,QAAQ,GAAY,CAAC;EACzF,GACD,CAAC,EAAG,CACL,EAMK,IACH,EAAW,WAAW,EAAW,SAAS,KAAA,KAAe,EAAU,WAAW,EAAU,SAAS,KAAA,GAC9F,KAAW,KAAsB,EAAW,WAAW,EAAU,SACjE,IAAiB,EAAgB,gBAIjC,IACJ,CAAC,EAAW,WAAW,EAAQ,EAAW,SAAU,EAAiB,UAAU,KAAA,GAC3E,IAAuB,CAAC,EAAU,WAAW,EAAQ,EAAU,SAAU,EAAgB,UAAU,KAAA,GACnG,IAAmB,EAAG,wCAAwC,wBAAwB,EAEtF,IACJ,EAAa,SAAS,IAAI,kBAAC,GAAD;EAAsB,SAAS;EAAc,YAAY;EAAkB,CAAA,GAAG,MACpG,IAAiB,EAAU,UAC/B,kBAAC,GAAD;EACE,SAAS;EACT,SAAS,EAAU;EACnB,OAAO,EAAU;EACjB,WAAW,EAAI,EAAuB,gBAAgB;EACtD,SAAS,EAAU;EACnB,YAAY;EACG;EACf,CAAA,GACA;AAEJ,QACE,kBAAC,GAAD;EAAY,WAAU;YACpB,kBAAC,OAAD;GAAK,eAAY;GAAgB,WAAU;aAA3C;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,IAAD,EAAkB,WAAU,UAAW,CAAA,EACvC,kBAAC,GAAD;MACE,OACE,kBAAA,GAAA,EAAA,UAAA;OACE,kBAAC,IAAD,EAAA,UAAe,EAAG,iCAAiC,aAAa,EAAgB,CAAA;OAAC;OAChF,EAAG,mCAAmC,WAAW;OACjD,EAAA,CAAA;MAEL,aAAa,EAAG,mCAAmC,uCAAuC;MAC1F,SACE,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,MAAK;OACL,SAAS;OACT,UAAU,KAAc;OACxB,WAAU;OACV,eAAY;iBAPd,CASE,kBAAC,GAAD;QAAW,WAAW,UAAU,IAAa,6BAA6B;QAAM,eAAY;QAAS,CAAA,EACpG,EAAG,+BAA+B,UAAU,CACtC;;MAEX,CAAA,CACE;;IAEN,kBAAC,IAAD;KAAa,MAAM,kBAAC,GAAD,EAAiB,WAAU,UAAW,CAAA;KAAE,WAAU;eAClE,EACC,+BACA,0HACD;KACW,CAAA;IAEd,kBAAC,IAAD;KACE,OAAO;KACP,aAAa;KACb,QAAQ;KACR,UAAU;KACV,UAAU;KACV,YAAY;KACZ,CAAA;IAED,KACC,kBAAC,GAAD;KACE,aAAU;KACV,eAAY;KACZ,WAAU;KACV,SAAS;eAJX,CAMG,KAAsB,EAAW,UAChC,kBAAC,GAAD;MAAY,SAAQ;gBAClB,kBAAC,GAAD;OACE,OAAO,EAAG,uCAAuC,aAAa;OAC9D,OAAO,EAAiB;OACxB,SAAS,KAAsB,EAAW;OAC1C,UACE,IACI,IACA,EAAG,+CAA+C,wBAAwB;OAEhF,MAAM,kBAAC,GAAD,EAAmB,CAAA;OACzB,SAAS,IAAwB,YAAY;OAC7C,eAAe,EAAe,cAAc;OAC5C,eAAY;OACZ,CAAA;MACS,CAAA,GACX,MACH,KAAsB,EAAU,UAC/B,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,SAAQ;gBAClB,kBAAC,GAAD;OACE,OAAO,EAAG,sCAAsC,aAAa;OAC7D,OAAO,EAAgB;OACvB,SAAS,KAAsB,EAAU;OACzC,UACE,IACI,IACA,EAAgB,UAAU,KAAA,IACxB,KAAA,IACA,EAAG,2CAA2C,mBAAmB,EAC/D,OAAO,EAAgB,OACxB,CAAC;OAEV,MAAM,kBAAC,GAAD,EAAY,CAAA;OAClB,SAAS,IAAuB,YAAY;OAC5C,eAAe,EAAe,aAAa;OAC3C,eAAY;OACZ,CAAA;MACS,CAAA,EACb,kBAAC,GAAD;MAAY,SAAQ;gBAClB,kBAAC,GAAD;OACE,OAAO,EAAG,2CAA2C,kBAAkB;OACvE,OAAO;OACP,SAAS,KAAsB,EAAU;OACzC,UACE,IACI,IACA,EAAG,mDAAmD,uCAAuC;OAEnG,MAAM,kBAAC,IAAD,EAAiB,CAAA;OACvB,SACE,MAAyB,KAAkB,KAAK,IAC5C,YACA,MAAmB,KAAA,IACjB,YACA;OAER,eAAe,EAAe,aAAa;OAC3C,eAAY;OACZ,CAAA;MACS,CAAA,CACZ,EAAA,CAAA,GACD,KACO;SACX;IAEH,EAAW,UACV,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,YAAY,EAAiB;OAC7B,SAAS,EAAW;OACpB,OAAO,EAAW;OAClB,WAAW,EAAI,EAAuB,iBAAiB;OACvD,SAAS,EAAW;OACpB,YAAY;OACG;OACf,qBAAqB;OACrB,CAAA;MACE,CAAA,EACL,KAAoB,IACnB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,GACA,EACG;UACJ,KACA;SACJ,KAAoB,IACtB,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,GACA,EACG;SACJ;IACA;;EACK,CAAA;EAEf"}
|
|
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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"}
|
|
@@ -3355,6 +3355,26 @@ export type BigConsoleOverviewDataSinksQuery = {
|
|
|
3355
3355
|
}>;
|
|
3356
3356
|
};
|
|
3357
3357
|
};
|
|
3358
|
+
export type BigConsoleOverviewParsersQueryVariables = Types.Exact<{
|
|
3359
|
+
[key: string]: never;
|
|
3360
|
+
}>;
|
|
3361
|
+
export type BigConsoleOverviewParsersQuery = {
|
|
3362
|
+
__typename?: 'Query';
|
|
3363
|
+
listParsers: {
|
|
3364
|
+
__typename?: 'ParserConnection';
|
|
3365
|
+
totalCount: number;
|
|
3366
|
+
};
|
|
3367
|
+
};
|
|
3368
|
+
export type BigConsoleOverviewPipelinesQueryVariables = Types.Exact<{
|
|
3369
|
+
[key: string]: never;
|
|
3370
|
+
}>;
|
|
3371
|
+
export type BigConsoleOverviewPipelinesQuery = {
|
|
3372
|
+
__typename?: 'Query';
|
|
3373
|
+
listPipelines: {
|
|
3374
|
+
__typename?: 'PipelineConnection';
|
|
3375
|
+
totalCount: number;
|
|
3376
|
+
};
|
|
3377
|
+
};
|
|
3358
3378
|
export type ParserPageInfoFieldsFragment = {
|
|
3359
3379
|
__typename?: 'PageInfo';
|
|
3360
3380
|
hasNextPage: boolean;
|
|
@@ -8613,6 +8633,54 @@ export type BigConsoleOverviewDataSinksQueryHookResult = ReturnType<typeof useBi
|
|
|
8613
8633
|
export type BigConsoleOverviewDataSinksLazyQueryHookResult = ReturnType<typeof useBigConsoleOverviewDataSinksLazyQuery>;
|
|
8614
8634
|
export type BigConsoleOverviewDataSinksSuspenseQueryHookResult = ReturnType<typeof useBigConsoleOverviewDataSinksSuspenseQuery>;
|
|
8615
8635
|
export type BigConsoleOverviewDataSinksQueryResult = Apollo.QueryResult<Types.BigConsoleOverviewDataSinksQuery, Types.BigConsoleOverviewDataSinksQueryVariables>;
|
|
8636
|
+
export declare const BigConsoleOverviewParsersDocument: Apollo.DocumentNode;
|
|
8637
|
+
/**
|
|
8638
|
+
* __useBigConsoleOverviewParsersQuery__
|
|
8639
|
+
*
|
|
8640
|
+
* To run a query within a React component, call `useBigConsoleOverviewParsersQuery` and pass it any options that fit your needs.
|
|
8641
|
+
* When your component renders, `useBigConsoleOverviewParsersQuery` returns an object from Apollo Client that contains loading, error, and data properties
|
|
8642
|
+
* you can use to render your UI.
|
|
8643
|
+
*
|
|
8644
|
+
* @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
|
|
8645
|
+
*
|
|
8646
|
+
* @example
|
|
8647
|
+
* const { data, loading, error } = useBigConsoleOverviewParsersQuery({
|
|
8648
|
+
* variables: {
|
|
8649
|
+
* },
|
|
8650
|
+
* });
|
|
8651
|
+
*/
|
|
8652
|
+
export declare function useBigConsoleOverviewParsersQuery(baseOptions?: ApolloReactHooks.QueryHookOptions<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables>): ApolloReactHooks.useQuery.Result<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables, "empty" | "complete" | "streaming", Types.BigConsoleOverviewParsersQueryVariables>;
|
|
8653
|
+
export declare function useBigConsoleOverviewParsersLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables>): ApolloReactHooks.useLazyQuery.ResultTuple<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables, "empty" | "complete" | "streaming">;
|
|
8654
|
+
export declare function useBigConsoleOverviewParsersSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables>;
|
|
8655
|
+
export declare function useBigConsoleOverviewParsersSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.BigConsoleOverviewParsersQuery | undefined, Types.BigConsoleOverviewParsersQueryVariables>;
|
|
8656
|
+
export type BigConsoleOverviewParsersQueryHookResult = ReturnType<typeof useBigConsoleOverviewParsersQuery>;
|
|
8657
|
+
export type BigConsoleOverviewParsersLazyQueryHookResult = ReturnType<typeof useBigConsoleOverviewParsersLazyQuery>;
|
|
8658
|
+
export type BigConsoleOverviewParsersSuspenseQueryHookResult = ReturnType<typeof useBigConsoleOverviewParsersSuspenseQuery>;
|
|
8659
|
+
export type BigConsoleOverviewParsersQueryResult = Apollo.QueryResult<Types.BigConsoleOverviewParsersQuery, Types.BigConsoleOverviewParsersQueryVariables>;
|
|
8660
|
+
export declare const BigConsoleOverviewPipelinesDocument: Apollo.DocumentNode;
|
|
8661
|
+
/**
|
|
8662
|
+
* __useBigConsoleOverviewPipelinesQuery__
|
|
8663
|
+
*
|
|
8664
|
+
* To run a query within a React component, call `useBigConsoleOverviewPipelinesQuery` and pass it any options that fit your needs.
|
|
8665
|
+
* When your component renders, `useBigConsoleOverviewPipelinesQuery` returns an object from Apollo Client that contains loading, error, and data properties
|
|
8666
|
+
* you can use to render your UI.
|
|
8667
|
+
*
|
|
8668
|
+
* @param baseOptions options that will be passed into the query, supported options are listed on: https://www.apollographql.com/docs/react/api/react-hooks/#options;
|
|
8669
|
+
*
|
|
8670
|
+
* @example
|
|
8671
|
+
* const { data, loading, error } = useBigConsoleOverviewPipelinesQuery({
|
|
8672
|
+
* variables: {
|
|
8673
|
+
* },
|
|
8674
|
+
* });
|
|
8675
|
+
*/
|
|
8676
|
+
export declare function useBigConsoleOverviewPipelinesQuery(baseOptions?: ApolloReactHooks.QueryHookOptions<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables>): ApolloReactHooks.useQuery.Result<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables, "empty" | "complete" | "streaming", Types.BigConsoleOverviewPipelinesQueryVariables>;
|
|
8677
|
+
export declare function useBigConsoleOverviewPipelinesLazyQuery(baseOptions?: ApolloReactHooks.LazyQueryHookOptions<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables>): ApolloReactHooks.useLazyQuery.ResultTuple<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables, "empty" | "complete" | "streaming">;
|
|
8678
|
+
export declare function useBigConsoleOverviewPipelinesSuspenseQuery(baseOptions?: ApolloReactHooks.SuspenseQueryHookOptions<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables>;
|
|
8679
|
+
export declare function useBigConsoleOverviewPipelinesSuspenseQuery(baseOptions?: ApolloReactHooks.SkipToken | ApolloReactHooks.SuspenseQueryHookOptions<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables>): ApolloReactHooks.UseSuspenseQueryResult<Types.BigConsoleOverviewPipelinesQuery | undefined, Types.BigConsoleOverviewPipelinesQueryVariables>;
|
|
8680
|
+
export type BigConsoleOverviewPipelinesQueryHookResult = ReturnType<typeof useBigConsoleOverviewPipelinesQuery>;
|
|
8681
|
+
export type BigConsoleOverviewPipelinesLazyQueryHookResult = ReturnType<typeof useBigConsoleOverviewPipelinesLazyQuery>;
|
|
8682
|
+
export type BigConsoleOverviewPipelinesSuspenseQueryHookResult = ReturnType<typeof useBigConsoleOverviewPipelinesSuspenseQuery>;
|
|
8683
|
+
export type BigConsoleOverviewPipelinesQueryResult = Apollo.QueryResult<Types.BigConsoleOverviewPipelinesQuery, Types.BigConsoleOverviewPipelinesQueryVariables>;
|
|
8616
8684
|
export declare const CreateParserDocument: Apollo.DocumentNode;
|
|
8617
8685
|
export type CreateParserMutationFn = Apollo.MutationFunction<Types.CreateParserMutation, Types.CreateParserMutationVariables>;
|
|
8618
8686
|
/**
|