@burdenoff/microfe-workflows 2026.922.3 → 2026.922.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 (3) hide show
  1. package/dist/WorkflowsRoot.js +54 -47
  2. package/dist/WorkflowsRoutes.js +71 -63
  3. package/package.json +3 -3
package/dist/WorkflowsRoot.js CHANGED
@@ -4,106 +4,113 @@ import { WorkflowsRoutes as n } from "./WorkflowsRoutes.js";
4
4
  import { useEffect as r } from "react";
5
5
  import { ErrorBoundary as i } from "@burdenoff/fe-libs/shared/components";
6
6
  import { AuroraBackground as a, Button as o, IllustratedEmptyState as s } from "@burdenoff/fe-libs/ui";
7
- import { Boxes as c, FileCode2 as l, History as u, LayoutDashboard as d, Network as f, PlayCircle as p, RefreshCw as m, Settings as h, Workflow as g } from "lucide-react";
8
- import { jsx as _, jsxs as v } from "react/jsx-runtime";
7
+ import { Boxes as c, FileCode2 as l, History as u, LayoutDashboard as d, Network as f, PlayCircle as p, RefreshCw as m, Settings as h, Variable as g, Workflow as _ } from "lucide-react";
8
+ import { jsx as v, jsxs as y } from "react/jsx-runtime";
9
9
  //#region src/WorkflowsRoot.tsx
10
- function y(y) {
11
- let { basePath: b = "/", registerNavItems: x, registerFooterItems: S } = y, C = e();
10
+ function b(b) {
11
+ let { basePath: x = "/", registerNavItems: S, registerFooterItems: C } = b, w = e();
12
12
  return r(() => {
13
- if (!x) return;
13
+ if (!S) return;
14
14
  let e = (e, t) => `${e.endsWith("/") ? e.slice(0, -1) : e}/${t}`, t = [
15
15
  {
16
16
  id: "workflows-list",
17
- label: C("workflows.nav.myWorkflows", "My Workflows"),
18
- path: e(b, "list"),
19
- icon: /* @__PURE__ */ _(g, { size: 18 }),
17
+ label: w("workflows.nav.myWorkflows", "My Workflows"),
18
+ path: e(x, "list"),
19
+ icon: /* @__PURE__ */ v(_, { size: 18 }),
20
20
  order: 2
21
21
  },
22
22
  {
23
23
  id: "workflows-builder",
24
- label: C("workflows.nav.builder", "Builder"),
25
- path: e(b, "new"),
26
- icon: /* @__PURE__ */ _(c, { size: 18 }),
24
+ label: w("workflows.nav.builder", "Builder"),
25
+ path: e(x, "new"),
26
+ icon: /* @__PURE__ */ v(c, { size: 18 }),
27
27
  order: 3
28
28
  },
29
29
  {
30
30
  id: "workflows-runs",
31
- label: C("workflows.nav.runs", "Runs"),
32
- path: e(b, "runs"),
33
- icon: /* @__PURE__ */ _(p, { size: 18 }),
31
+ label: w("workflows.nav.runs", "Runs"),
32
+ path: e(x, "runs"),
33
+ icon: /* @__PURE__ */ v(p, { size: 18 }),
34
34
  order: 4
35
35
  },
36
36
  {
37
37
  id: "workflows-history",
38
- label: C("workflows.nav.history", "History"),
39
- path: e(b, "history"),
40
- icon: /* @__PURE__ */ _(u, { size: 18 }),
38
+ label: w("workflows.nav.history", "History"),
39
+ path: e(x, "history"),
40
+ icon: /* @__PURE__ */ v(u, { size: 18 }),
41
41
  order: 5
42
42
  },
43
43
  {
44
44
  id: "workflows-templates",
45
- label: C("workflows.nav.templates", "Templates"),
46
- path: e(b, "templates"),
47
- icon: /* @__PURE__ */ _(d, { size: 18 }),
45
+ label: w("workflows.nav.templates", "Templates"),
46
+ path: e(x, "templates"),
47
+ icon: /* @__PURE__ */ v(d, { size: 18 }),
48
48
  order: 6
49
49
  },
50
50
  {
51
51
  id: "workflows-nodes",
52
- label: C("workflows.nav.nodes", "Nodes"),
53
- path: e(b, "nodes"),
54
- icon: /* @__PURE__ */ _(f, { size: 18 }),
52
+ label: w("workflows.nav.nodes", "Nodes"),
53
+ path: e(x, "nodes"),
54
+ icon: /* @__PURE__ */ v(f, { size: 18 }),
55
55
  order: 7
56
56
  },
57
57
  {
58
- id: "workflows-settings",
59
- label: C("workflows.nav.settings", "Settings"),
60
- path: e(b, "settings"),
61
- icon: /* @__PURE__ */ _(h, { size: 18 }),
58
+ id: "workflows-variables",
59
+ label: w("workflows.nav.variables", "Variables"),
60
+ path: e(x, "variables"),
61
+ icon: /* @__PURE__ */ v(g, { size: 18 }),
62
62
  order: 8
63
+ },
64
+ {
65
+ id: "workflows-settings",
66
+ label: w("workflows.nav.settings", "Settings"),
67
+ path: e(x, "settings"),
68
+ icon: /* @__PURE__ */ v(h, { size: 18 }),
69
+ order: 9
63
70
  }
64
71
  ];
65
- return x([{
72
+ return S([{
66
73
  id: "workflows",
67
- label: C("workflows.nav.title", "Workflows"),
68
- path: b,
69
- icon: /* @__PURE__ */ _(l, { size: 20 }),
74
+ label: w("workflows.nav.title", "Workflows"),
75
+ path: x,
76
+ icon: /* @__PURE__ */ v(l, { size: 20 }),
70
77
  order: 200,
71
78
  group: "workflows",
72
79
  children: t
73
80
  }]);
74
81
  }, [
82
+ S,
75
83
  x,
76
- b,
77
- C
84
+ w
78
85
  ]), r(() => {
79
- if (S) return S([{
86
+ if (C) return C([{
80
87
  id: "workflows-status",
81
- label: C("workflows.footer.status", "Workflows Ready"),
88
+ label: w("workflows.footer.status", "Workflows Ready"),
82
89
  type: "status",
83
90
  order: 10,
84
91
  section: "left"
85
92
  }]);
86
- }, [S, C]), /* @__PURE__ */ _(i, {
87
- fallback: /* @__PURE__ */ v("div", {
93
+ }, [C, w]), /* @__PURE__ */ v(i, {
94
+ fallback: /* @__PURE__ */ y("div", {
88
95
  className: "relative flex min-h-[60vh] w-full items-center justify-center overflow-hidden px-4 py-10",
89
- children: [/* @__PURE__ */ _(a, { intensity: "subtle" }), /* @__PURE__ */ _(s, {
96
+ children: [/* @__PURE__ */ v(a, { intensity: "subtle" }), /* @__PURE__ */ v(s, {
90
97
  illustration: "empty-generic",
91
- title: C("workflows.error.title", "Workflows hit a snag"),
92
- description: C("workflows.error.loadFailed", "Something went wrong loading this module. Please refresh the page."),
93
- action: /* @__PURE__ */ v(o, {
98
+ title: w("workflows.error.title", "Workflows hit a snag"),
99
+ description: w("workflows.error.loadFailed", "Something went wrong loading this module. Please refresh the page."),
100
+ action: /* @__PURE__ */ y(o, {
94
101
  onClick: () => window.location.reload(),
95
- children: [/* @__PURE__ */ _(m, {
102
+ children: [/* @__PURE__ */ v(m, {
96
103
  className: "size-4",
97
104
  "aria-hidden": "true"
98
- }), C("workflows.error.refresh", "Refresh page")]
105
+ }), w("workflows.error.refresh", "Refresh page")]
99
106
  })
100
107
  })]
101
108
  }),
102
- children: /* @__PURE__ */ _(t, {
103
- ...y,
104
- children: /* @__PURE__ */ _(n, {})
109
+ children: /* @__PURE__ */ v(t, {
110
+ ...b,
111
+ children: /* @__PURE__ */ v(n, {})
105
112
  })
106
113
  });
107
114
  }
108
115
  //#endregion
109
- export { y as WorkflowsRoot };
116
+ export { b as WorkflowsRoot };
package/dist/WorkflowsRoutes.js CHANGED
@@ -3,36 +3,36 @@ import { WORKFLOW_PERMISSIONS as t } from "./constants/permissions.js";
3
3
  import { Suspense as n } from "react";
4
4
  import { AccessDenied as r, PermissionGate as i } from "@burdenoff/fe-libs/shared/components";
5
5
  import { GlassCard as a } from "@burdenoff/fe-libs/ui";
6
- import { ExecutionDetailPage as o, ExecutionsListPage as s, HistoryPage as c, NodesPage as l, SettingsPage as u, TemplatePreview as d, TemplatesPage as f, WorkflowBuilderPage as p, WorkflowSearchRedirect as m, WorkflowsList as h } from "@burdenoff/fluidgrids-fe-sdk";
7
- import { jsx as g, jsxs as _ } from "react/jsx-runtime";
8
- import { Navigate as v, Route as y, Routes as b, useParams as x } from "react-router";
6
+ import { ExecutionDetailPage as o, ExecutionsListPage as s, HistoryPage as c, NodesPage as l, SettingsPage as u, TemplatePreview as d, TemplatesPage as f, VariablesPage as p, WorkflowBuilderPage as m, WorkflowSearchRedirect as h, WorkflowsList as g } from "@burdenoff/fluidgrids-fe-sdk";
7
+ import { jsx as _, jsxs as v } from "react/jsx-runtime";
8
+ import { Navigate as y, Route as b, Routes as x, useParams as S } from "react-router";
9
9
  //#region src/WorkflowsRoutes.tsx
10
- function S() {
10
+ function C() {
11
11
  let t = e();
12
- return /* @__PURE__ */ _("div", {
12
+ return /* @__PURE__ */ v("div", {
13
13
  className: "mx-auto flex w-full max-w-6xl flex-col gap-6 px-4 py-6 sm:px-6",
14
14
  role: "status",
15
15
  "aria-live": "polite",
16
16
  "aria-busy": "true",
17
17
  "aria-label": t("workflows.routes.loading.ariaLabel", "Loading workflow page"),
18
18
  children: [
19
- /* @__PURE__ */ _("div", {
19
+ /* @__PURE__ */ v("div", {
20
20
  className: "flex flex-col gap-3",
21
- children: [/* @__PURE__ */ g("div", { className: "h-7 w-48 rounded-md bg-muted/60 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ g("div", { className: "h-4 w-72 max-w-full rounded bg-muted/40 motion-safe:animate-vc-shimmer" })]
21
+ children: [/* @__PURE__ */ _("div", { className: "h-7 w-48 rounded-md bg-muted/60 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _("div", { className: "h-4 w-72 max-w-full rounded bg-muted/40 motion-safe:animate-vc-shimmer" })]
22
22
  }),
23
- /* @__PURE__ */ g("div", {
23
+ /* @__PURE__ */ _("div", {
24
24
  className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
25
25
  children: [
26
26
  0,
27
27
  1,
28
28
  2
29
- ].map((e) => /* @__PURE__ */ _(a, {
29
+ ].map((e) => /* @__PURE__ */ v(a, {
30
30
  treatment: "metric",
31
31
  className: "flex flex-col gap-3 border-border-seam p-5",
32
- children: [/* @__PURE__ */ g("div", { className: "h-3 w-20 rounded bg-muted/50 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ g("div", { className: "h-8 w-24 rounded-md bg-muted/60 motion-safe:animate-vc-shimmer" })]
32
+ children: [/* @__PURE__ */ _("div", { className: "h-3 w-20 rounded bg-muted/50 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _("div", { className: "h-8 w-24 rounded-md bg-muted/60 motion-safe:animate-vc-shimmer" })]
33
33
  }, e))
34
34
  }),
35
- /* @__PURE__ */ g(a, {
35
+ /* @__PURE__ */ _(a, {
36
36
  treatment: "glass",
37
37
  className: "flex flex-col gap-4 border-border-seam p-6",
38
38
  children: [
@@ -40,126 +40,134 @@ function S() {
40
40
  1,
41
41
  2,
42
42
  3
43
- ].map((e) => /* @__PURE__ */ _("div", {
43
+ ].map((e) => /* @__PURE__ */ v("div", {
44
44
  className: "flex items-center gap-4",
45
- children: [/* @__PURE__ */ g("div", { className: "h-10 w-10 shrink-0 rounded-full bg-muted/50 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _("div", {
45
+ children: [/* @__PURE__ */ _("div", { className: "h-10 w-10 shrink-0 rounded-full bg-muted/50 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ v("div", {
46
46
  className: "flex flex-1 flex-col gap-2",
47
- children: [/* @__PURE__ */ g("div", { className: "h-4 w-1/3 rounded bg-muted/50 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ g("div", { className: "h-3 w-2/3 rounded bg-muted/30 motion-safe:animate-vc-shimmer" })]
47
+ children: [/* @__PURE__ */ _("div", { className: "h-4 w-1/3 rounded bg-muted/50 motion-safe:animate-vc-shimmer" }), /* @__PURE__ */ _("div", { className: "h-3 w-2/3 rounded bg-muted/30 motion-safe:animate-vc-shimmer" })]
48
48
  })]
49
49
  }, e))
50
50
  }),
51
- /* @__PURE__ */ g("p", {
51
+ /* @__PURE__ */ _("p", {
52
52
  className: "text-center text-sm text-text-secondary",
53
53
  children: t("workflows.routes.loading.message", "Loading workflow page...")
54
54
  })
55
55
  ]
56
56
  });
57
57
  }
58
- function C() {
59
- let { runId: e } = x();
60
- return /* @__PURE__ */ g(v, {
58
+ function w() {
59
+ let { runId: e } = S();
60
+ return /* @__PURE__ */ _(y, {
61
61
  to: `../runs/${e}`,
62
62
  replace: !0
63
63
  });
64
64
  }
65
- function w() {
66
- return /* @__PURE__ */ g(n, {
67
- fallback: /* @__PURE__ */ g(S, {}),
68
- children: /* @__PURE__ */ _(b, { children: [
69
- /* @__PURE__ */ g(y, {
65
+ function T() {
66
+ return /* @__PURE__ */ _(n, {
67
+ fallback: /* @__PURE__ */ _(C, {}),
68
+ children: /* @__PURE__ */ v(x, { children: [
69
+ /* @__PURE__ */ _(b, {
70
70
  index: !0,
71
- element: /* @__PURE__ */ g(v, {
71
+ element: /* @__PURE__ */ _(y, {
72
72
  to: "list",
73
73
  replace: !0
74
74
  })
75
75
  }),
76
- /* @__PURE__ */ g(y, {
76
+ /* @__PURE__ */ _(b, {
77
77
  path: "list",
78
- element: /* @__PURE__ */ g(h, {})
78
+ element: /* @__PURE__ */ _(g, {})
79
79
  }),
80
- /* @__PURE__ */ g(y, {
80
+ /* @__PURE__ */ _(b, {
81
81
  path: "new",
82
- element: /* @__PURE__ */ g(p, {})
82
+ element: /* @__PURE__ */ _(m, {})
83
83
  }),
84
- /* @__PURE__ */ g(y, {
84
+ /* @__PURE__ */ _(b, {
85
85
  path: "workflow/:id/:version",
86
- element: /* @__PURE__ */ g(p, {})
86
+ element: /* @__PURE__ */ _(m, {})
87
87
  }),
88
- /* @__PURE__ */ g(y, {
88
+ /* @__PURE__ */ _(b, {
89
89
  path: "builder",
90
- element: /* @__PURE__ */ g(v, {
90
+ element: /* @__PURE__ */ _(y, {
91
91
  to: "../new",
92
92
  replace: !0
93
93
  })
94
94
  }),
95
- /* @__PURE__ */ g(y, {
95
+ /* @__PURE__ */ _(b, {
96
96
  path: "builder/:id/:version",
97
- element: /* @__PURE__ */ g(p, {})
97
+ element: /* @__PURE__ */ _(m, {})
98
98
  }),
99
- /* @__PURE__ */ g(y, {
99
+ /* @__PURE__ */ _(b, {
100
100
  path: "resolve/:id",
101
- element: /* @__PURE__ */ g(m, {})
101
+ element: /* @__PURE__ */ _(h, {})
102
102
  }),
103
- /* @__PURE__ */ g(y, {
103
+ /* @__PURE__ */ _(b, {
104
104
  path: "runs",
105
- element: /* @__PURE__ */ g(s, {})
105
+ element: /* @__PURE__ */ _(s, {})
106
106
  }),
107
- /* @__PURE__ */ g(y, {
107
+ /* @__PURE__ */ _(b, {
108
108
  path: "runs/:runId",
109
- element: /* @__PURE__ */ g(o, {})
109
+ element: /* @__PURE__ */ _(o, {})
110
110
  }),
111
- /* @__PURE__ */ g(y, {
111
+ /* @__PURE__ */ _(b, {
112
112
  path: "history",
113
- element: /* @__PURE__ */ g(c, {})
113
+ element: /* @__PURE__ */ _(c, {})
114
114
  }),
115
- /* @__PURE__ */ g(y, {
115
+ /* @__PURE__ */ _(b, {
116
116
  path: "templates",
117
- element: /* @__PURE__ */ g(f, {})
117
+ element: /* @__PURE__ */ _(f, {})
118
118
  }),
119
- /* @__PURE__ */ g(y, {
119
+ /* @__PURE__ */ _(b, {
120
120
  path: "templates/:productId/preview",
121
- element: /* @__PURE__ */ g(d, {})
121
+ element: /* @__PURE__ */ _(d, {})
122
122
  }),
123
- /* @__PURE__ */ g(y, {
123
+ /* @__PURE__ */ _(b, {
124
124
  path: "nodes",
125
- element: /* @__PURE__ */ g(l, {})
125
+ element: /* @__PURE__ */ _(l, {})
126
126
  }),
127
- /* @__PURE__ */ g(y, {
127
+ /* @__PURE__ */ _(b, {
128
128
  path: "settings",
129
- element: /* @__PURE__ */ g(i, {
129
+ element: /* @__PURE__ */ _(i, {
130
130
  permission: t.SYSTEM_CONFIG_READ,
131
- fallback: /* @__PURE__ */ g(r, {}),
132
- children: /* @__PURE__ */ g(u, {})
131
+ fallback: /* @__PURE__ */ _(r, {}),
132
+ children: /* @__PURE__ */ _(u, {})
133
+ })
134
+ }),
135
+ /* @__PURE__ */ _(b, {
136
+ path: "variables",
137
+ element: /* @__PURE__ */ _(i, {
138
+ permission: t.VARIABLE_READ,
139
+ fallback: /* @__PURE__ */ _(r, {}),
140
+ children: /* @__PURE__ */ _(p, {})
133
141
  })
134
142
  }),
135
- /* @__PURE__ */ g(y, {
143
+ /* @__PURE__ */ _(b, {
136
144
  path: "executions",
137
- element: /* @__PURE__ */ g(v, {
145
+ element: /* @__PURE__ */ _(y, {
138
146
  to: "../runs",
139
147
  replace: !0
140
148
  })
141
149
  }),
142
- /* @__PURE__ */ g(y, {
150
+ /* @__PURE__ */ _(b, {
143
151
  path: "executions/:runId",
144
- element: /* @__PURE__ */ g(C, {})
152
+ element: /* @__PURE__ */ _(w, {})
145
153
  }),
146
- /* @__PURE__ */ g(y, {
154
+ /* @__PURE__ */ _(b, {
147
155
  path: "credentials",
148
- element: /* @__PURE__ */ g(v, {
156
+ element: /* @__PURE__ */ _(y, {
149
157
  to: "/integrations/connections",
150
158
  replace: !0
151
159
  })
152
160
  }),
153
- /* @__PURE__ */ g(y, {
161
+ /* @__PURE__ */ _(b, {
154
162
  path: "oauth/callback",
155
- element: /* @__PURE__ */ g(v, {
163
+ element: /* @__PURE__ */ _(y, {
156
164
  to: "/integrations/connections",
157
165
  replace: !0
158
166
  })
159
167
  }),
160
- /* @__PURE__ */ g(y, {
168
+ /* @__PURE__ */ _(b, {
161
169
  path: "*",
162
- element: /* @__PURE__ */ g(v, {
170
+ element: /* @__PURE__ */ _(y, {
163
171
  to: "list",
164
172
  replace: !0
165
173
  })
@@ -168,4 +176,4 @@ function w() {
168
176
  });
169
177
  }
170
178
  //#endregion
171
- export { w as WorkflowsRoutes };
179
+ export { T as WorkflowsRoutes };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@burdenoff/microfe-workflows",
3
- "version": "2026.922.3",
3
+ "version": "2026.922.5",
4
4
  "description": "Workflows microfrontend for Burdenoff products - thin shell over @burdenoff/fluidgrids-fe-sdk",
5
5
  "type": "module",
6
6
  "exports": {
@@ -35,7 +35,7 @@
35
35
  "react-router": "^8.3.0"
36
36
  },
37
37
  "devDependencies": {
38
- "@burdenoff/fluidgrids-fe-sdk": "2026.922.9",
38
+ "@burdenoff/fluidgrids-fe-sdk": "2026.922.10",
39
39
  "@eslint/js": "^9.39.2",
40
40
  "@types/react": "^19.0.2",
41
41
  "@types/react-dom": "^19.0.2",
@@ -55,7 +55,7 @@
55
55
  "vite-plugin-dts": "3.9.1"
56
56
  },
57
57
  "peerDependencies": {
58
- "@burdenoff/fluidgrids-fe-sdk": "2026.922.9",
58
+ "@burdenoff/fluidgrids-fe-sdk": "2026.922.10",
59
59
  "react": "^19.0.0",
60
60
  "react-dom": "^19.0.0"
61
61
  },