@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5

package/dist/bigconsole/pages/WidgetDemoPage.js

@@ -8,8 +8,8 @@ import a from "../components/widgets/WidgetWrapper.js";
 import "../components/widgets/index.js";
 import { useMemo as o, useState as s } from "react";
 import { Button as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/bigconsole/pages/WidgetDemoPage.tsx
 var m = [
 	{
@@ -171,7 +171,7 @@ var m = [
 	Temporal: "Widgets organised by date, schedule or workflow stage.",
 	Custom: "Widgets whose body you define yourself."
 }, _ = () => {
-	let { t: _ } = p(), v = e(), [y, b] = s(""), [x, S] = s("grid"), C = o(() => (y ? m.filter((e) => [
+	let { t: _ } = d(), v = e(), [y, b] = s(""), [x, S] = s("grid"), C = o(() => (y ? m.filter((e) => [
 		e.type,
 		_(e.titleKey, e.title),
 		_(e.descriptionKey, e.description)
@@ -214,35 +214,35 @@ var m = [
 			widgets: e.get(t) ?? []
 		}));
 	}, [C]), T = x === "grid" ? "grid grid-cols-1 gap-form-gap sm:grid-cols-2 xl:grid-cols-3" : "flex flex-col gap-form-gap";
-	return /* @__PURE__ */ f("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "flex h-full min-w-0 flex-col bg-bg-canvas",
 		children: [
-			/* @__PURE__ */ d("section", {
+			/* @__PURE__ */ f("section", {
 				"aria-label": "Widget demo header",
 				className: `${t("bare", "neutral", "none")} flex-shrink-0 border-b border-[var(--color-border-subtle)] bg-bg-surface px-4 py-3 sm:px-6 sm:py-4`,
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "flex flex-col gap-control-gap lg:flex-row lg:items-center lg:justify-between",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						className: "min-w-0",
-						children: [/* @__PURE__ */ d("h1", {
+						children: [/* @__PURE__ */ f("h1", {
 							className: "text-xl font-semibold text-text-primary",
 							children: _("bigconsole.widgetDemo.header.title", "Widget Demo")
-						}), /* @__PURE__ */ d("p", {
+						}), /* @__PURE__ */ f("p", {
 							className: "mt-1 text-sm text-text-secondary",
 							children: _("bigconsole.widgetDemo.header.subtitle", "All 18 widget types - connect a DataSink for real data")
 						})]
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ p("div", {
 						className: "flex flex-wrap items-center gap-control-gap",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "relative min-w-0 flex-1 sm:flex-none",
 								children: [
-									/* @__PURE__ */ d("label", {
+									/* @__PURE__ */ f("label", {
 										htmlFor: "widget-demo-filter",
 										className: "sr-only",
 										children: "Filter widget types"
 									}),
-									/* @__PURE__ */ d("input", {
+									/* @__PURE__ */ f("input", {
 										id: "widget-demo-filter",
 										type: "text",
 										placeholder: _("bigconsole.widgetDemo.filter.placeholder", "Filter widgets..."),
@@ -250,13 +250,13 @@ var m = [
 										onChange: (e) => b(e.target.value),
 										className: "h-control-md w-full min-w-0 rounded-input border border-[var(--color-border-subtle)] bg-bg-sunken py-2 pl-[3.25rem] pr-3 text-sm text-text-primary placeholder:text-text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface sm:w-64"
 									}),
-									/* @__PURE__ */ d("svg", {
+									/* @__PURE__ */ f("svg", {
 										"aria-hidden": "true",
 										className: "pointer-events-none absolute left-3 top-1/2 h-icon-sm w-icon-sm -translate-y-1/2 text-text-secondary",
 										fill: "none",
 										stroke: "currentColor",
 										viewBox: "0 0 24 24",
-										children: /* @__PURE__ */ d("path", {
+										children: /* @__PURE__ */ f("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											strokeWidth: 2,
@@ -265,17 +265,17 @@ var m = [
 									})
 								]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex shrink-0 items-center gap-1 rounded-button bg-bg-sunken p-1",
 								role: "group",
 								"aria-label": "Gallery layout",
-								children: [/* @__PURE__ */ d("button", {
+								children: [/* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => S("grid"),
 									"aria-pressed": x === "grid",
 									className: `min-h-control-md rounded-button px-3 text-sm font-medium motion-safe:transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg-surface ${x === "grid" ? "bg-bg-surface text-text-primary shadow-[var(--shadow-elevation-1)]" : "text-text-secondary hover:text-text-primary"}`,
 									children: _("bigconsole.widgetDemo.viewToggle.grid", "Grid")
-								}), /* @__PURE__ */ d("button", {
+								}), /* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => S("list"),
 									"aria-pressed": x === "list",
@@ -283,7 +283,7 @@ var m = [
 									children: _("bigconsole.widgetDemo.viewToggle.list", "List")
 								})]
 							}),
-							/* @__PURE__ */ d(c, {
+							/* @__PURE__ */ f(c, {
 								variant: "secondary",
 								onClick: () => v("/dashboards"),
 								children: _("bigconsole.widgetDemo.openDashboards", "Open dashboards")
@@ -292,20 +292,20 @@ var m = [
 					})]
 				})
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "min-w-0 flex-1 overflow-y-auto overflow-x-hidden p-4 sm:p-6",
-				children: /* @__PURE__ */ f(r, { children: [
-					/* @__PURE__ */ d("section", {
+				children: /* @__PURE__ */ p(r, { children: [
+					/* @__PURE__ */ f("section", {
 						"aria-label": "What this gallery is for",
 						className: t("muted", "neutral", "compact"),
-						children: /* @__PURE__ */ d(u, { children: _("bigconsole.widgetDemo.pagePurpose", "This gallery previews every widget type BigConsole can render on a dashboard — metrics, charts, tables, maps, kanban boards and more. Use it to see what each widget looks like and pick the right one before wiring it to a real DataSink in the dashboard builder.") })
+						children: /* @__PURE__ */ f(u, { children: _("bigconsole.widgetDemo.pagePurpose", "This gallery previews every widget type BigConsole can render on a dashboard — metrics, charts, tables, maps, kanban boards and more. Use it to see what each widget looks like and pick the right one before wiring it to a real DataSink in the dashboard builder.") })
 					}),
-					w.length > 0 && /* @__PURE__ */ d(n, {
+					w.length > 0 && /* @__PURE__ */ f(n, {
 						emphasis: "primary",
 						headingLevel: 2,
 						title: "Widget gallery",
 						description: "Every widget renders its unconnected state here — the card chrome, header and empty copy are exactly what a dashboard will show before a DataSink is bound.",
-						meta: /* @__PURE__ */ f("span", {
+						meta: /* @__PURE__ */ p("span", {
 							className: "rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary",
 							children: [
 								C.length,
@@ -313,15 +313,15 @@ var m = [
 								m.length
 							]
 						}),
-						children: /* @__PURE__ */ d("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex flex-col gap-section-gap",
-							children: w.map((e) => /* @__PURE__ */ d(n, {
+							children: w.map((e) => /* @__PURE__ */ f(n, {
 								emphasis: "bare",
 								padding: "none",
 								headingLevel: 3,
 								title: e.label,
 								description: e.blurb,
-								meta: /* @__PURE__ */ f("span", {
+								meta: /* @__PURE__ */ p("span", {
 									className: "text-xs font-medium text-text-muted",
 									children: [
 										e.widgets.length,
@@ -329,28 +329,28 @@ var m = [
 										e.widgets.length === 1 ? "type" : "types"
 									]
 								}),
-								children: /* @__PURE__ */ d("div", {
+								children: /* @__PURE__ */ f("div", {
 									className: T,
 									children: e.widgets.map((e) => {
 										let t = m.find((t) => t.type === e.type);
-										return /* @__PURE__ */ f("figure", {
+										return /* @__PURE__ */ p("figure", {
 											className: `m-0 flex min-w-0 flex-col ${x === "grid" ? "h-80" : "h-64"}`,
-											children: [/* @__PURE__ */ f("figcaption", {
+											children: [/* @__PURE__ */ p("figcaption", {
 												className: "mb-2 flex flex-shrink-0 flex-wrap items-baseline gap-x-2 gap-y-0.5 text-xs text-text-secondary",
-												children: [/* @__PURE__ */ f("span", { children: [
+												children: [/* @__PURE__ */ p("span", { children: [
 													_("bigconsole.widgetDemo.widgetCard.typeLabel", "Type:"),
 													" ",
-													/* @__PURE__ */ d("code", {
+													/* @__PURE__ */ f("code", {
 														className: "font-mono text-text-link",
 														children: e.type
 													})
-												] }), t && /* @__PURE__ */ d("span", {
+												] }), t && /* @__PURE__ */ f("span", {
 													className: "text-text-muted",
 													children: _(t.descriptionKey, t.description)
 												})]
-											}), /* @__PURE__ */ d("div", {
+											}), /* @__PURE__ */ f("div", {
 												className: "min-h-0 min-w-0 flex-1",
-												children: /* @__PURE__ */ d(a, {
+												children: /* @__PURE__ */ f(a, {
 													previewOnly: !0,
 													widget: e
 												})
@@ -361,13 +361,13 @@ var m = [
 							}, e.category))
 						})
 					}),
-					C.length === 0 && /* @__PURE__ */ d(n, {
+					C.length === 0 && /* @__PURE__ */ f(n, {
 						emphasis: "standard",
 						tone: "info",
 						title: _("bigconsole.widgetDemo.emptyState.title", "No widgets match your filter"),
 						headingLevel: 2,
 						"data-testid": "widget-demo-empty",
-						children: /* @__PURE__ */ d(l, {
+						children: /* @__PURE__ */ f(l, {
 							illustration: "empty-search",
 							title: _("bigconsole.widgetDemo.emptyState.description", "Try a different search term to preview a widget type."),
 							description: "The filter matches a widget's name and its one-line description."
@@ -375,15 +375,15 @@ var m = [
 					})
 				] })
 			}),
-			/* @__PURE__ */ d("section", {
+			/* @__PURE__ */ f("section", {
 				"aria-label": "Gallery summary",
 				className: `${t("bare", "neutral", "none")} flex-shrink-0 border-t border-[var(--color-border-subtle)] bg-bg-sunken px-4 py-2 sm:px-6`,
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-1 text-xs text-text-secondary",
-					children: [/* @__PURE__ */ d("span", { children: _("bigconsole.widgetDemo.footer.showing", "Showing {{shown}} of {{total}} widget types", {
+					children: [/* @__PURE__ */ f("span", { children: _("bigconsole.widgetDemo.footer.showing", "Showing {{shown}} of {{total}} widget types", {
 						shown: C.length,
 						total: m.length
-					}) }), /* @__PURE__ */ d("span", {
+					}) }), /* @__PURE__ */ f("span", {
 						className: "text-text-muted",
 						children: _("bigconsole.widgetDemo.footer.hint", "Widgets show empty state until connected to DataSink + Parser")
 					})]

package/dist/bigconsole/pages/WorkflowViewPage.js

@@ -16,8 +16,8 @@ import { useParams as se } from "react-router";
 import { AccessDenied as ce, PermissionButton as p } from "@burdenoff/fe-libs/shared/components";
 import { usePermissions as le } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Button as m, IllustratedEmptyState as h, NextSteps as ue, PagePurpose as de, Spinner as g } from "@burdenoff/fe-libs/ui";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
 import { useLazyWorkflowDefinition as pe } from "@burdenoff/fluidgrids-fe-sdk";
 import { formatDistanceToNow as b } from "date-fns";
 //#region src/bigconsole/pages/WorkflowViewPage.tsx