@burdenoff/microfe-bigconsole 2026.924.2 → 2026.924.3

package/dist/bigconsole/components/preview/AiPreviewPanel.js

@@ -1,37 +1,37 @@
-import { Section as e } from "../common/Section.js";
-import "../common/index.js";
-import { useBigConsoleNavigate as t } from "../../context/BigConsoleContext.js";
+import { useBigConsoleNavigate as e } from "../../context/BigConsoleContext.js";
 import "../../context/index.js";
-import { useAssistantPanelShowsPreview as n } from "../../assistant/useAssistantPanelShowsPreview.js";
-import { PREVIEW_STEPS as r, useAssistantRunStore as i } from "../../assistant/assistantRunStore.js";
+import { useAssistantPanelShowsPreview as t } from "../../assistant/useAssistantPanelShowsPreview.js";
+import { PREVIEW_STEPS as n, useAssistantRunStore as r } from "../../assistant/assistantRunStore.js";
+import { Section as i } from "../common/Section.js";
+import "../common/index.js";
 import { DOCK_CLEARANCE as a, PreviewMeta as o, STEP_LABEL as s, formatAgo as c, previewLabels as l } from "./previewShared.js";
 import { DashboardContent as u, DataSinkContent as d, ParserContent as f, WidgetsContent as p } from "./AiPreviewContent.js";
 import { useEffect as m, useRef as h, useState as g } from "react";
 import { ArrowUpRight as _, Loader2 as v, Sparkles as y, X as b } from "lucide-react";
-import { useI18n as x } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as S } from "@burdenoff/fe-libs/ui";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { AssistantEntityPreview as T } from "@burdenoff/fe-libs/shared/assistant";
+import { Button as x } from "@burdenoff/fe-libs/ui";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { AssistantEntityPreview as w } from "@burdenoff/fe-libs/shared/assistant";
+import { useI18n as T } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/preview/AiPreviewPanel.tsx
 function E({ children: e }) {
-	return /* @__PURE__ */ C("div", {
+	return /* @__PURE__ */ S("div", {
 		className: "min-w-0 overflow-y-auto p-3",
 		style: { maxHeight: "min(440px, 60vh)" },
 		children: e
 	});
 }
 function D({ onOpen: e }) {
-	let { t } = x();
-	return /* @__PURE__ */ w(S, {
+	let { t } = T();
+	return /* @__PURE__ */ C(x, {
 		size: "sm",
 		variant: "outline",
 		onClick: e,
 		"data-testid": "ai-preview-open-entity",
-		children: [t("bigconsole.widget.aiPreview.open", "Open"), /* @__PURE__ */ C(_, { className: "ml-1 size-3.5" })]
+		children: [t("bigconsole.widget.aiPreview.open", "Open"), /* @__PURE__ */ S(_, { className: "ml-1 size-3.5" })]
 	});
 }
 function O() {
-	let { t: _ } = x(), O = n(), k = t(), A = i((e) => e.isRunning), j = i((e) => e.previewOpen), M = i((e) => e.hasRun), N = i((e) => e.steps), P = i((e) => e.entityIds), F = i((e) => e.caption), I = i((e) => e.error), L = i((e) => e.updatedAt), R = i((e) => e.openPreview), z = i((e) => e.closePreview), B = i((e) => e.setRichMounted);
+	let { t: _ } = T(), O = t(), k = e(), A = r((e) => e.isRunning), j = r((e) => e.previewOpen), M = r((e) => e.hasRun), N = r((e) => e.steps), P = r((e) => e.entityIds), F = r((e) => e.caption), I = r((e) => e.error), L = r((e) => e.updatedAt), R = r((e) => e.openPreview), z = r((e) => e.closePreview), B = r((e) => e.setRichMounted);
 	m(() => (B(!0), () => {
 		B(!1);
 	}), [B]);
@@ -39,25 +39,25 @@ function O() {
 	if (m(() => {
 		A && !U.current && H((e) => e + 1), U.current = A;
 	}, [A]), !M || O) return null;
-	if (!j) return /* @__PURE__ */ w("div", {
+	if (!j) return /* @__PURE__ */ C("div", {
 		className: "flex flex-wrap items-center justify-end gap-control-gap px-4 pt-3 md:px-6",
 		style: { marginRight: a },
-		children: [/* @__PURE__ */ C("span", {
+		children: [/* @__PURE__ */ S("span", {
 			className: "text-xs text-text-muted",
 			children: A ? _("bigconsole.widget.aiPreview.buildRunning", "AI build running") : _("bigconsole.widget.aiPreview.buildFinished", "AI build finished")
-		}), /* @__PURE__ */ w(S, {
+		}), /* @__PURE__ */ C(x, {
 			size: "sm",
 			variant: "outline",
 			onClick: R,
 			"data-testid": "ai-preview-open",
 			children: [
-				/* @__PURE__ */ C(y, { className: "mr-1.5 size-4" }),
+				/* @__PURE__ */ S(y, { className: "mr-1.5 size-4" }),
 				_("bigconsole.widget.aiPreview.previewButton", "Preview"),
-				A ? /* @__PURE__ */ C(v, { className: "ml-1.5 size-3.5 animate-spin" }) : null
+				A ? /* @__PURE__ */ S(v, { className: "ml-1.5 size-3.5 animate-spin" }) : null
 			]
 		})]
 	});
-	let W = P.dashboard, G = r.map((e) => ({
+	let W = P.dashboard, G = n.map((e) => ({
 		id: e,
 		label: _(s[e].key, s[e].fallback),
 		status: N[e]
@@ -65,14 +65,14 @@ function O() {
 		{
 			id: "datasink",
 			label: _("bigconsole.widget.aiPreview.tab.dataSink", "Data Sink"),
-			render: () => /* @__PURE__ */ C(E, { children: /* @__PURE__ */ C(e, {
+			render: () => /* @__PURE__ */ S(E, { children: /* @__PURE__ */ S(i, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
 				title: _("bigconsole.widget.aiPreview.dataSinkRows", "Data sink rows"),
 				description: _("bigconsole.widget.aiPreview.dataSinkRowsHint", "The rows the assistant just landed, straight from the sink."),
-				actions: P.datasink ? /* @__PURE__ */ C(D, { onOpen: () => k(`/datasinks/${P.datasink}`) }) : void 0,
-				children: /* @__PURE__ */ C(d, {
+				actions: P.datasink ? /* @__PURE__ */ S(D, { onOpen: () => k(`/datasinks/${P.datasink}`) }) : void 0,
+				children: /* @__PURE__ */ S(d, {
 					id: P.datasink,
 					live: A
 				})
@@ -81,27 +81,27 @@ function O() {
 		{
 			id: "dashboard",
 			label: _("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
-			render: () => /* @__PURE__ */ C(E, { children: /* @__PURE__ */ C(e, {
+			render: () => /* @__PURE__ */ S(E, { children: /* @__PURE__ */ S(i, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
 				title: _("bigconsole.widget.aiPreview.tab.dashboard", "Dashboard"),
 				description: _("bigconsole.widget.aiPreview.dashboardHint", "The live board, rendered exactly as the real page renders it."),
-				actions: W ? /* @__PURE__ */ C(D, { onOpen: () => k(`/dashboards/${W}`) }) : void 0,
-				children: /* @__PURE__ */ C(u, { dashboardId: W })
+				actions: W ? /* @__PURE__ */ S(D, { onOpen: () => k(`/dashboards/${W}`) }) : void 0,
+				children: /* @__PURE__ */ S(u, { dashboardId: W })
 			}) })
 		},
 		{
 			id: "parser",
 			label: _("bigconsole.widget.aiPreview.tab.parser", "Parser"),
-			render: () => /* @__PURE__ */ C(E, { children: /* @__PURE__ */ C(e, {
+			render: () => /* @__PURE__ */ S(E, { children: /* @__PURE__ */ S(i, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
 				title: _("bigconsole.widget.aiPreview.parserOutput", "Parser output"),
 				description: _("bigconsole.widget.aiPreview.parserOutputHint", "The rows after the parser's transform, so you can check the shape."),
-				actions: P.parser ? /* @__PURE__ */ C(D, { onOpen: () => k(`/parsers/${P.parser}`) }) : void 0,
-				children: /* @__PURE__ */ C(f, {
+				actions: P.parser ? /* @__PURE__ */ S(D, { onOpen: () => k(`/parsers/${P.parser}`) }) : void 0,
+				children: /* @__PURE__ */ S(f, {
 					parserId: P.parser,
 					live: A
 				})
@@ -110,28 +110,28 @@ function O() {
 		{
 			id: "widget",
 			label: _("bigconsole.widget.aiPreview.tab.widget", "Widget"),
-			render: () => /* @__PURE__ */ C(E, { children: /* @__PURE__ */ C(e, {
+			render: () => /* @__PURE__ */ S(E, { children: /* @__PURE__ */ S(i, {
 				emphasis: "standard",
 				padding: "compact",
 				headingLevel: 3,
 				title: _("bigconsole.widget.aiPreview.widgets", "Widgets"),
 				description: _("bigconsole.widget.aiPreview.widgetsHint", "Every widget on the new dashboard, rendered live."),
-				actions: W ? /* @__PURE__ */ C(D, { onOpen: () => k(`/dashboards/${W}`) }) : void 0,
-				children: /* @__PURE__ */ C(p, {
+				actions: W ? /* @__PURE__ */ S(D, { onOpen: () => k(`/dashboards/${W}`) }) : void 0,
+				children: /* @__PURE__ */ S(p, {
 					dashboardId: W,
 					live: A
 				})
 			}) })
 		}
 	];
-	return /* @__PURE__ */ w("div", {
+	return /* @__PURE__ */ C("div", {
 		"data-testid": "ai-preview-panel",
 		style: { paddingRight: a },
 		className: "mx-4 mt-3 min-w-0 md:mx-6",
-		children: [/* @__PURE__ */ C("h2", {
+		children: [/* @__PURE__ */ S("h2", {
 			className: "sr-only",
 			children: _("bigconsole.widget.aiPreview.title", "AI Preview")
-		}), /* @__PURE__ */ C(T, {
+		}), /* @__PURE__ */ S(w, {
 			title: _("bigconsole.widget.aiPreview.title", "AI Preview"),
 			runKey: String(V),
 			steps: G,
@@ -139,20 +139,20 @@ function O() {
 			follow: "produced",
 			caption: A ? F || _("bigconsole.widget.aiPreview.working", "Working…") : _("bigconsole.widget.aiPreview.done", "Done"),
 			error: I,
-			meta: /* @__PURE__ */ C(o, {
+			meta: /* @__PURE__ */ S(o, {
 				state: A ? "running" : I ? "stopped" : "idle",
 				stateLabel: A ? _("bigconsole.widget.aiPreview.live", "Live") : I ? _("bigconsole.widget.aiPreview.stopped", "Stopped") : null,
 				updatedLabel: _("bigconsole.widget.aiPreview.updated", "updated"),
 				updatedAt: L,
 				ago: (e) => c(e, _)
 			}),
-			headerActions: /* @__PURE__ */ C(S, {
+			headerActions: /* @__PURE__ */ S(x, {
 				size: "sm",
 				variant: "ghost",
 				onClick: z,
 				"aria-label": _("bigconsole.widget.aiPreview.closeAriaLabel", "Close preview"),
 				"data-testid": "ai-preview-close",
-				children: /* @__PURE__ */ C(b, { className: "size-4" })
+				children: /* @__PURE__ */ S(b, { className: "size-4" })
 			}),
 			labels: l(_)
 		})]

package/dist/bigconsole/components/widgets/ActionConfigDialog.js

@@ -4,9 +4,9 @@ import { BIGCONSOLE_PERMISSIONS as t } from "../../../constants/permissions.js";
 import { memo as n, useCallback as r, useEffect as ee, useMemo as i, useRef as te, useState as a } from "react";
 import { PermissionButton as ne } from "@burdenoff/fe-libs/shared/components";
 import { ChevronDown as re, ChevronRight as ie, Pencil as ae, Plus as oe, Zap as se } from "lucide-react";
-import { useI18n as ce } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Button as le, Checkbox as o, Dialog as ue, DialogContent as de, DialogDescription as fe, DialogFooter as pe, DialogHeader as me, DialogTitle as he, Input as s, Select as c, SelectContent as l, SelectItem as u, SelectTrigger as d, SelectValue as f, Spinner as ge, Textarea as _e } from "@burdenoff/fe-libs/ui";
+import { Button as ce, Checkbox as o, Dialog as le, DialogContent as ue, DialogDescription as de, DialogFooter as fe, DialogHeader as pe, DialogTitle as me, Input as s, Select as c, SelectContent as l, SelectItem as u, SelectTrigger as d, SelectValue as f, Spinner as he, Textarea as ge } from "@burdenoff/fe-libs/ui";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as _e } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/ActionConfigDialog.tsx
 var ve = [
 	"POST",
@@ -78,7 +78,7 @@ var g = {
 	boxShadow: "var(--shadow-elevation-3)",
 	borderRadius: "var(--radius-button)"
 }, y = n(function({ isOpen: n, action: y, initialWebhook: b, isLoading: x = !1, saveError: Se, onClose: Ce, onSave: we }) {
-	let { t: S } = ce(), C = !!y, Te = te(null), w = te(!1), [T, E] = a(""), [D, O] = a(""), [k, A] = a(!1), [j, M] = a("PRIMARY"), [N, Ee] = a(""), [P, F] = a("WEBHOOK"), [I, L] = a(""), [R, z] = a("POST"), [B, V] = a(!1), [H, U] = a(!1), [W, De] = a(!1), [G, K] = a(!1), [q, J] = a(() => S("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [Oe, Y] = a(() => S("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [ke, X] = a(() => S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Ae, Z] = a(() => S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = a(null), je = i(() => [{
+	let { t: S } = _e(), C = !!y, Te = te(null), w = te(!1), [T, E] = a(""), [D, O] = a(""), [k, A] = a(!1), [j, M] = a("PRIMARY"), [N, Ee] = a(""), [P, F] = a("WEBHOOK"), [I, L] = a(""), [R, z] = a("POST"), [B, V] = a(!1), [H, U] = a(!1), [W, De] = a(!1), [G, K] = a(!1), [q, J] = a(() => S("bigconsole.widget.actions.confirm.defaultTitle", "Confirm Action")), [Oe, Y] = a(() => S("bigconsole.widget.actions.confirm.defaultMessage", "Are you sure you want to proceed?")), [ke, X] = a(() => S("bigconsole.widget.actions.confirm.defaultConfirmLabel", "Confirm")), [Ae, Z] = a(() => S("bigconsole.widget.actions.confirm.defaultCancelLabel", "Cancel")), [Q, $] = a(null), je = i(() => [{
 		value: "WEBHOOK",
 		label: S("bigconsole.widget.actions.outcome.webhook.label", "Call a webhook / my API"),
 		hint: S("bigconsole.widget.actions.outcome.webhook.hint", "Sends an HTTP request to the URL below every time the button is clicked.")
@@ -210,16 +210,16 @@ var g = {
 		we,
 		S
 	]), Ie = (e) => Me.find((t) => t.value === e)?.color || "var(--color-action-primary-bg)", Le = je.find((e) => e.value === P);
-	return /* @__PURE__ */ p(ue, {
+	return /* @__PURE__ */ p(le, {
 		open: n,
 		onOpenChange: (e) => !e && !x && Ce(),
-		children: /* @__PURE__ */ m(de, {
+		children: /* @__PURE__ */ m(ue, {
 			style: {
 				width: "min(500px, calc(100vw - 2rem))",
 				maxWidth: "calc(100vw - 2rem)",
 				padding: 0
 			},
-			children: [/* @__PURE__ */ p(me, {
+			children: [/* @__PURE__ */ p(pe, {
 				style: { padding: "var(--space-cardPadding) var(--space-cardPadding) 0" },
 				children: /* @__PURE__ */ m("div", {
 					style: {
@@ -245,7 +245,7 @@ var g = {
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(he, {
+					}), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p(me, {
 						style: {
 							fontSize: "var(--font-size-body-md)",
 							fontWeight: "var(--font-weight-bold)",
@@ -253,7 +253,7 @@ var g = {
 							margin: 0
 						},
 						children: C ? S("bigconsole.widget.actions.header.editTitle", "Edit Button") : S("bigconsole.widget.actions.header.addTitle", "Add Button")
-					}), /* @__PURE__ */ p(fe, {
+					}), /* @__PURE__ */ p(de, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
@@ -588,7 +588,7 @@ var g = {
 											marginBottom: "var(--space-controlGap)"
 										},
 										children: S("bigconsole.widget.actions.confirm.messageLabel", "Message")
-									}), /* @__PURE__ */ p(_e, {
+									}), /* @__PURE__ */ p(ge, {
 										value: Oe,
 										onChange: (e) => Y(e.target.value),
 										rows: 2,
@@ -765,7 +765,7 @@ var g = {
 							})]
 						})
 					]
-				}), /* @__PURE__ */ m(pe, {
+				}), /* @__PURE__ */ m(fe, {
 					style: {
 						padding: "var(--space-formGap) var(--space-pagePadding)",
 						borderTop: "1px solid var(--color-border-subtle)",
@@ -774,7 +774,7 @@ var g = {
 						justifyContent: "flex-end",
 						gap: "var(--space-controlGap)"
 					},
-					children: [/* @__PURE__ */ p(le, {
+					children: [/* @__PURE__ */ p(ce, {
 						type: "button",
 						variant: "outline",
 						onClick: Ce,
@@ -784,7 +784,7 @@ var g = {
 					}), /* @__PURE__ */ p(ne, {
 						permission: C ? t.WIDGET_ACTION_UPDATE : t.WIDGET_ACTION_CREATE,
 						deniedBehavior: "disable",
-						children: /* @__PURE__ */ p(le, {
+						children: /* @__PURE__ */ p(ce, {
 							type: "submit",
 							disabled: x || !T.trim(),
 							style: {
@@ -797,7 +797,7 @@ var g = {
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ p(ge, { style: {
+								children: [/* @__PURE__ */ p(he, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
 								} }), S("bigconsole.widget.actions.footer.saving", "Saving...")]