@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/customWidget/CustomWidgetProposalPanel.js

@@ -1,41 +1,21 @@
 import e from "../components/widgets/WidgetErrorBoundary.js";
 import t from "../renderers/adapters/BigConsoleRenderer.js";
-import { PROPOSABLE_WIDGET_TYPES as n, derivePreviewState as ee, validateProposal as r } from "./proposalContract.js";
-import { localProposalSource as i } from "./proposalSource.js";
-import { memo as a, useCallback as o, useEffect as s, useMemo as c, useState as l } from "react";
-import { AlertTriangle as u, Check as d, Loader2 as f, RefreshCw as p, Sparkles as m, X as h } from "lucide-react";
-import { Button as g, Input as _, Label as v, Textarea as te } from "@burdenoff/fe-libs/ui";
-import { Fragment as ne, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { PROPOSABLE_WIDGET_TYPES as n, derivePreviewState as r, validateProposal as i } from "./proposalContract.js";
+import { localProposalSource as a } from "./proposalSource.js";
+import { memo as o, useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
+import { AlertTriangle as ee, Check as d, Loader2 as f, RefreshCw as p, Sparkles as m, X as te } from "lucide-react";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Button as g, Input as _, Label as v, Textarea as y } from "@burdenoff/fe-libs/ui";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
 //#region src/bigconsole/customWidget/CustomWidgetProposalPanel.tsx
-var x = "w-full", S = {
-	loading: {
-		title: "Building preview…",
-		body: "Running the parser against the selected DataSink."
-	},
-	valid: {
-		title: "Preview",
-		body: ""
-	},
-	"no-data": {
-		title: "No data returned",
-		body: "The binding is valid but the parser returned no rows. The widget will render empty until the sink has data."
-	},
-	"field-mismatch": {
-		title: "Field mismatch",
-		body: "Some mapped fields are not present in the parser output. Fix the mapping below before approving."
-	},
-	"access-error": {
-		title: "Cannot read this data",
-		body: "You do not have access to the proposed DataSink or parser in this workspace."
-	}
-};
-function C(e) {
-	let t = (/* @__PURE__ */ new Date(0)).toISOString();
+var ne = "w-full";
+function C(e, t) {
+	let n = (/* @__PURE__ */ new Date(0)).toISOString();
 	return {
 		id: `preview-${e.id}`,
 		pageId: "preview",
 		type: e.widgetType,
-		title: e.presentation.title || "Untitled widget",
+		title: e.presentation.title || t,
 		description: e.presentation.description,
 		dataSinkId: e.binding.dataSinkId || null,
 		parserId: e.binding.parserId || null,
@@ -53,18 +33,18 @@ function C(e) {
 		positionY: 0,
 		positionWidth: 6,
 		positionHeight: 4,
-		createdAt: t,
-		updatedAt: t
+		createdAt: n,
+		updatedAt: n
 	};
 }
-function w(e) {
+function re(e) {
 	if (Array.isArray(e)) {
 		let t = e.find((e) => e && typeof e == "object");
 		return t ? Object.keys(t) : [];
 	}
 	if (e && typeof e == "object") return Object.keys(e);
 }
-function T(e) {
+function ie(e) {
 	if (Array.isArray(e)) return e.length;
 	if (e && typeof e == "object") {
 		let t = e.cells;
@@ -72,8 +52,29 @@ function T(e) {
 	}
 	return 0;
 }
-var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O, onClose: k, source: A = i }) {
-	let [j, re] = l(""), [M, N] = l(null), [P, F] = l(!1), [I, L] = l(!1), [R, z] = l(null), [B, V] = l(void 0), [H, U] = l(!1), [W, G] = l(!1), K = c(() => a.map((e) => e.id), [a]), q = c(() => E.map((e) => e.id), [E]), J = c(() => w(B), [B]), Y = c(() => M ? r(M, {
+var w = o(function({ sinks: o, parsers: w, resolvePreviewData: T, onApprove: E, onClose: D, source: O = a }) {
+	let { t: k } = h(), A = l(() => ({
+		loading: {
+			title: k("bigconsole.widget.customWidget.preview.loading.title", "Building preview…"),
+			body: k("bigconsole.widget.customWidget.preview.loading.body", "Running the parser against the selected DataSink.")
+		},
+		valid: {
+			title: k("bigconsole.widget.customWidget.preview.valid.title", "Preview"),
+			body: ""
+		},
+		"no-data": {
+			title: k("bigconsole.widget.customWidget.preview.noData.title", "No data returned"),
+			body: k("bigconsole.widget.customWidget.preview.noData.body", "The binding is valid but the parser returned no rows. The widget will render empty until the sink has data.")
+		},
+		"field-mismatch": {
+			title: k("bigconsole.widget.customWidget.preview.fieldMismatch.title", "Field mismatch"),
+			body: k("bigconsole.widget.customWidget.preview.fieldMismatch.body", "Some mapped fields are not present in the parser output. Fix the mapping below before approving.")
+		},
+		"access-error": {
+			title: k("bigconsole.widget.customWidget.preview.accessError.title", "Cannot read this data"),
+			body: k("bigconsole.widget.customWidget.preview.accessError.body", "You do not have access to the proposed DataSink or parser in this workspace.")
+		}
+	}), [k]), [j, ae] = u(""), [M, N] = u(null), [P, F] = u(!1), [I, L] = u(!1), [R, z] = u(null), [B, V] = u(void 0), [H, U] = u(!1), [W, G] = u(!1), K = l(() => o.map((e) => e.id), [o]), q = l(() => w.map((e) => e.id), [w]), J = l(() => re(B), [B]), Y = l(() => M ? i(M, {
 		permittedDataSinkIds: K,
 		permittedParserIds: q,
 		availableFields: J
@@ -85,23 +86,23 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 		K,
 		q,
 		J
-	]), X = c(() => ee(Y, {
+	]), X = l(() => r(Y, {
 		loading: H,
 		accessError: W,
-		rowCount: T(B)
+		rowCount: ie(B)
 	}), [
 		Y,
 		H,
 		W,
 		B
 	]);
-	s(() => {
+	c(() => {
 		if (!M || !M.binding.dataSinkId) {
 			V(void 0);
 			return;
 		}
 		let e = !1;
-		return U(!0), G(!1), D(M).then((t) => {
+		return U(!0), G(!1), T(M).then((t) => {
 			e || V(t);
 		}).catch(() => {
 			e || (V(void 0), G(!0));
@@ -110,15 +111,15 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 		}), () => {
 			e = !0;
 		};
-	}, [M ? `${M.binding.dataSinkId}|${M.binding.parserId ?? ""}|${M.binding.dataPath ?? ""}` : "", D]);
-	let ie = o(async () => {
+	}, [M ? `${M.binding.dataSinkId}|${M.binding.parserId ?? ""}|${M.binding.dataPath ?? ""}` : "", T]);
+	let oe = s(async () => {
 		if (j.trim()) {
 			F(!0), z(null);
 			try {
-				N(await A.propose({
+				N(await O.propose({
 					prompt: j.trim(),
-					sinks: a,
-					parsers: E
+					sinks: o,
+					parsers: w
 				}));
 			} finally {
 				F(!1);
@@ -126,20 +127,20 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 		}
 	}, [
 		j,
-		A,
-		a,
-		E
-	]), Z = o((e) => {
+		O,
+		o,
+		w
+	]), Z = s((e) => {
 		N((t) => t && e(t));
-	}, []), ae = o(() => {
+	}, []), se = s(() => {
 		N(null), V(void 0), G(!1), z(null);
-	}, []), oe = o(async () => {
+	}, []), ce = s(async () => {
 		if (!(!M || !Y.canApprove)) {
 			L(!0), z(null);
 			try {
-				await O(M), k();
+				await E(M), D();
 			} catch (e) {
-				z(e instanceof Error ? e.message : "Could not save the widget.");
+				z(e instanceof Error ? e.message : k("bigconsole.widget.customWidget.error.couldNotSaveWidget", "Could not save the widget."));
 			} finally {
 				L(!1);
 			}
@@ -147,145 +148,146 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 	}, [
 		M,
 		Y.canApprove,
-		O,
+		E,
+		D,
 		k
 	]), Q = Y.issues.filter((e) => e.severity === "error"), $ = Y.issues.filter((e) => e.severity === "warning");
-	return /* @__PURE__ */ b("section", {
+	return /* @__PURE__ */ S("section", {
 		"data-testid": "custom-widget-proposal-panel",
-		"aria-label": "AI custom widget builder",
+		"aria-label": k("bigconsole.widget.customWidget.panel.ariaLabel", "AI custom widget builder"),
 		className: "flex h-full w-full flex-col gap-4 overflow-y-auto p-4",
-		children: [/* @__PURE__ */ b("div", {
+		children: [/* @__PURE__ */ S("div", {
 			className: "flex flex-col gap-2",
 			children: [
-				/* @__PURE__ */ b(v, {
+				/* @__PURE__ */ S(v, {
 					htmlFor: "custom-widget-prompt",
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ y(m, {
+					children: [/* @__PURE__ */ x(m, {
 						className: "size-4",
 						"aria-hidden": "true"
-					}), "Describe the widget you need"]
+					}), k("bigconsole.widget.customWidget.prompt.label", "Describe the widget you need")]
 				}),
-				/* @__PURE__ */ y(te, {
+				/* @__PURE__ */ x(y, {
 					id: "custom-widget-prompt",
 					"data-testid": "custom-widget-prompt",
 					value: j,
-					onChange: (e) => re(e.target.value),
-					placeholder: "e.g. a funnel of signup conversion stages",
+					onChange: (e) => ae(e.target.value),
+					placeholder: k("bigconsole.widget.customWidget.prompt.placeholder", "e.g. a funnel of signup conversion stages"),
 					rows: 3
 				}),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ S("div", {
 					className: "flex flex-wrap gap-2",
-					children: [/* @__PURE__ */ b(g, {
+					children: [/* @__PURE__ */ S(g, {
 						"data-testid": "custom-widget-generate",
-						onClick: ie,
+						onClick: oe,
 						disabled: !j.trim() || P,
-						children: [P ? /* @__PURE__ */ y(f, {
+						children: [P ? /* @__PURE__ */ x(f, {
 							className: "mr-2 size-4 animate-spin",
 							"aria-hidden": "true"
-						}) : null, M ? "Regenerate" : "Generate proposal"]
-					}), M ? /* @__PURE__ */ b(g, {
+						}) : null, M ? k("bigconsole.widget.customWidget.action.regenerate", "Regenerate") : k("bigconsole.widget.customWidget.action.generateProposal", "Generate proposal")]
+					}), M ? /* @__PURE__ */ S(g, {
 						variant: "outline",
 						"data-testid": "custom-widget-reject",
-						onClick: ae,
-						children: [/* @__PURE__ */ y(h, {
+						onClick: se,
+						children: [/* @__PURE__ */ x(te, {
 							className: "mr-1 size-4",
 							"aria-hidden": "true"
-						}), "Reject"]
+						}), k("bigconsole.widget.customWidget.action.reject", "Reject")]
 					}) : null]
 				})
 			]
-		}), M ? /* @__PURE__ */ b(ne, { children: [
-			/* @__PURE__ */ b("div", {
+		}), M ? /* @__PURE__ */ S(b, { children: [
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-2",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex items-center justify-between gap-2",
-						children: [/* @__PURE__ */ y("h3", {
+						children: [/* @__PURE__ */ x("h3", {
 							className: "text-sm font-semibold text-text-primary",
-							children: S[X].title
-						}), /* @__PURE__ */ y("span", {
+							children: A[X].title
+						}), /* @__PURE__ */ x("span", {
 							"data-testid": "custom-widget-preview-state",
 							"data-state": X,
 							className: "rounded-full bg-bg-sunken px-2 py-0.5 text-xs text-text-secondary",
 							children: X
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ x("div", {
 						"data-testid": "custom-widget-preview",
 						className: "min-h-[220px] rounded-lg border border-border-default bg-bg-surface p-2",
-						children: X === "loading" ? /* @__PURE__ */ b("div", {
+						children: X === "loading" ? /* @__PURE__ */ S("div", {
 							className: "flex h-[200px] items-center justify-center text-text-secondary",
-							children: [/* @__PURE__ */ y(f, {
+							children: [/* @__PURE__ */ x(f, {
 								className: "mr-2 size-4 animate-spin",
 								"aria-hidden": "true"
-							}), /* @__PURE__ */ y("span", {
+							}), /* @__PURE__ */ x("span", {
 								className: "text-sm",
-								children: S.loading.body
+								children: A.loading.body
 							})]
-						}) : X === "valid" ? /* @__PURE__ */ y("div", {
+						}) : X === "valid" ? /* @__PURE__ */ x("div", {
 							className: "h-[200px]",
-							children: /* @__PURE__ */ y(e, {
+							children: /* @__PURE__ */ x(e, {
 								widgetId: `preview-${M.id}`,
-								children: /* @__PURE__ */ y(t, {
-									widget: C(M),
+								children: /* @__PURE__ */ x(t, {
+									widget: C(M, k("bigconsole.widget.customWidget.untitledWidget", "Untitled widget")),
 									data: B
 								})
 							})
-						}) : /* @__PURE__ */ b("div", {
+						}) : /* @__PURE__ */ S("div", {
 							className: "flex h-[200px] flex-col items-center justify-center gap-2 px-4 text-center",
 							children: [
-								/* @__PURE__ */ y(u, {
+								/* @__PURE__ */ x(ee, {
 									className: "size-5 text-status-warning-text",
 									"aria-hidden": "true"
 								}),
-								/* @__PURE__ */ y("p", {
+								/* @__PURE__ */ x("p", {
 									className: "text-sm text-text-secondary",
-									children: S[X].body
+									children: A[X].body
 								}),
-								X === "access-error" ? /* @__PURE__ */ b(g, {
+								X === "access-error" ? /* @__PURE__ */ S(g, {
 									size: "sm",
 									variant: "outline",
 									onClick: () => Z((e) => ({ ...e })),
-									children: [/* @__PURE__ */ y(p, {
+									children: [/* @__PURE__ */ x(p, {
 										className: "mr-1 size-3.5",
 										"aria-hidden": "true"
-									}), "Retry"]
+									}), k("bigconsole.widget.customWidget.action.retry", "Retry")]
 								}) : null
 							]
 						})
 					}),
-					M.rationale ? /* @__PURE__ */ y("p", {
+					M.rationale ? /* @__PURE__ */ x("p", {
 						className: "text-xs text-text-secondary",
 						"data-testid": "custom-widget-rationale",
 						children: M.rationale
 					}) : null
 				]
 			}),
-			Q.length > 0 || $.length > 0 ? /* @__PURE__ */ y("ul", {
+			Q.length > 0 || $.length > 0 ? /* @__PURE__ */ x("ul", {
 				"data-testid": "custom-widget-issues",
 				className: "flex flex-col gap-1",
-				children: [...Q, ...$].map((e) => /* @__PURE__ */ y("li", {
+				children: [...Q, ...$].map((e) => /* @__PURE__ */ x("li", {
 					"data-severity": e.severity,
 					className: `rounded-md px-2 py-1 text-xs ${e.severity === "error" ? "bg-status-error-bg/10 text-status-error-text" : "bg-status-warning-bg/10 text-status-warning-text"}`,
 					children: e.message
 				}, `${e.code}-${e.path ?? ""}`))
 			}) : null,
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-col gap-3",
 				children: [
-					/* @__PURE__ */ y("h3", {
+					/* @__PURE__ */ x("h3", {
 						className: "text-sm font-semibold text-text-primary",
-						children: "Proposal"
+						children: k("bigconsole.widget.customWidget.proposal.heading", "Proposal")
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ y(v, {
+						children: [/* @__PURE__ */ x(v, {
 							htmlFor: "custom-widget-title",
-							children: "Title"
-						}), /* @__PURE__ */ y(_, {
+							children: k("bigconsole.widget.customWidget.field.title", "Title")
+						}), /* @__PURE__ */ x(_, {
 							id: "custom-widget-title",
 							"data-testid": "custom-widget-title",
-							className: x,
+							className: ne,
 							value: M.presentation.title,
 							onChange: (e) => Z((t) => ({
 								...t,
@@ -296,12 +298,12 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 							}))
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ y(v, {
+						children: [/* @__PURE__ */ x(v, {
 							htmlFor: "custom-widget-type",
-							children: "Widget type"
-						}), /* @__PURE__ */ y("select", {
+							children: k("bigconsole.widget.customWidget.field.widgetType", "Widget type")
+						}), /* @__PURE__ */ x("select", {
 							id: "custom-widget-type",
 							"data-testid": "custom-widget-type",
 							value: M.widgetType,
@@ -310,23 +312,23 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 								widgetType: e.target.value
 							})),
 							className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-							children: n.map((e) => /* @__PURE__ */ y("option", {
+							children: n.map((e) => /* @__PURE__ */ x("option", {
 								value: e,
 								children: e
 							}, e))
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ y(v, {
+						children: [/* @__PURE__ */ x(v, {
 							htmlFor: "custom-widget-sink",
-							children: "DataSink"
-						}), /* @__PURE__ */ b("select", {
+							children: k("bigconsole.widget.customWidget.field.dataSink", "DataSink")
+						}), /* @__PURE__ */ S("select", {
 							id: "custom-widget-sink",
 							"data-testid": "custom-widget-sink",
 							value: M.binding.dataSinkId,
 							onChange: (e) => {
-								let t = a.find((t) => t.id === e.target.value);
+								let t = o.find((t) => t.id === e.target.value);
 								Z((n) => ({
 									...n,
 									binding: {
@@ -337,26 +339,26 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 								}));
 							},
 							className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-							children: [/* @__PURE__ */ y("option", {
+							children: [/* @__PURE__ */ x("option", {
 								value: "",
-								children: "Select a DataSink…"
-							}), a.map((e) => /* @__PURE__ */ y("option", {
+								children: k("bigconsole.widget.customWidget.field.selectDataSink", "Select a DataSink…")
+							}), o.map((e) => /* @__PURE__ */ x("option", {
 								value: e.id,
 								children: e.name || e.key
 							}, e.id))]
 						})]
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ S("div", {
 						className: "flex flex-col gap-1",
-						children: [/* @__PURE__ */ y(v, {
+						children: [/* @__PURE__ */ x(v, {
 							htmlFor: "custom-widget-parser",
-							children: "Parser"
-						}), /* @__PURE__ */ b("select", {
+							children: k("bigconsole.widget.customWidget.field.parser", "Parser")
+						}), /* @__PURE__ */ S("select", {
 							id: "custom-widget-parser",
 							"data-testid": "custom-widget-parser",
 							value: M.binding.parserId ?? "",
 							onChange: (e) => {
-								let t = E.find((t) => t.id === e.target.value);
+								let t = w.find((t) => t.id === e.target.value);
 								Z((n) => ({
 									...n,
 									binding: {
@@ -367,29 +369,29 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 								}));
 							},
 							className: "w-full rounded-md border border-border-default bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-							children: [/* @__PURE__ */ y("option", {
+							children: [/* @__PURE__ */ x("option", {
 								value: "",
-								children: "No parser"
-							}), E.map((e) => /* @__PURE__ */ y("option", {
+								children: k("bigconsole.widget.customWidget.field.noParser", "No parser")
+							}), w.map((e) => /* @__PURE__ */ x("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})]
 					}),
-					Object.keys(M.fieldMapping).length > 0 ? /* @__PURE__ */ b("fieldset", {
+					Object.keys(M.fieldMapping).length > 0 ? /* @__PURE__ */ S("fieldset", {
 						className: "flex flex-col gap-2",
 						"data-testid": "custom-widget-field-mapping",
 						children: [
-							/* @__PURE__ */ y("legend", {
+							/* @__PURE__ */ x("legend", {
 								className: "text-sm font-medium text-text-primary",
-								children: "Field mapping"
+								children: k("bigconsole.widget.customWidget.fieldMapping.legend", "Field mapping")
 							}),
-							Object.entries(M.fieldMapping).map(([e, t]) => /* @__PURE__ */ b("div", {
+							Object.entries(M.fieldMapping).map(([e, t]) => /* @__PURE__ */ S("div", {
 								className: "flex flex-col gap-1",
-								children: [/* @__PURE__ */ y(v, {
+								children: [/* @__PURE__ */ x(v, {
 									htmlFor: `custom-widget-field-${e}`,
 									children: e
-								}), /* @__PURE__ */ y(_, {
+								}), /* @__PURE__ */ x(_, {
 									id: `custom-widget-field-${e}`,
 									"data-testid": `custom-widget-field-${e}`,
 									value: t,
@@ -402,48 +404,48 @@ var E = a(function({ sinks: a, parsers: E, resolvePreviewData: D, onApprove: O,
 									}))
 								})]
 							}, e)),
-							J?.length ? /* @__PURE__ */ b("p", {
+							J?.length ? /* @__PURE__ */ x("p", {
 								className: "text-xs text-text-secondary",
-								children: ["Available: ", J.join(", ")]
+								children: k("bigconsole.widget.customWidget.fieldMapping.available", "Available: {{fields}}", { fields: J.join(", ") })
 							}) : null
 						]
 					}) : null
 				]
 			}),
-			R ? /* @__PURE__ */ y("p", {
+			R ? /* @__PURE__ */ x("p", {
 				role: "alert",
 				className: "text-xs text-status-error-text",
 				"data-testid": "custom-widget-approve-error",
 				children: R
 			}) : null,
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap gap-2 border-t border-border-default pt-3",
-				children: [/* @__PURE__ */ b(g, {
+				children: [/* @__PURE__ */ S(g, {
 					"data-testid": "custom-widget-approve",
-					onClick: oe,
+					onClick: ce,
 					disabled: !Y.canApprove || I,
-					children: [I ? /* @__PURE__ */ y(f, {
+					children: [I ? /* @__PURE__ */ x(f, {
 						className: "mr-2 size-4 animate-spin",
 						"aria-hidden": "true"
-					}) : /* @__PURE__ */ y(d, {
+					}) : /* @__PURE__ */ x(d, {
 						className: "mr-1 size-4",
 						"aria-hidden": "true"
-					}), "Approve & add to dashboard"]
-				}), /* @__PURE__ */ y(g, {
+					}), k("bigconsole.widget.customWidget.action.approveAndAdd", "Approve & add to dashboard")]
+				}), /* @__PURE__ */ x(g, {
 					variant: "outline",
-					onClick: k,
+					onClick: D,
 					"data-testid": "custom-widget-cancel",
-					children: "Cancel"
+					children: k("bigconsole.widget.customWidget.action.cancel", "Cancel")
 				})]
 			})
-		] }) : /* @__PURE__ */ y("p", {
+		] }) : /* @__PURE__ */ x("p", {
 			className: "text-sm text-text-secondary",
 			"data-testid": "custom-widget-empty",
-			children: "No proposal yet. Describe a widget and the assistant will propose one for you to review — nothing is added to the dashboard until you approve it."
+			children: k("bigconsole.widget.customWidget.empty", "No proposal yet. Describe a widget and the assistant will propose one for you to review — nothing is added to the dashboard until you approve it.")
 		})]
 	});
 });
 //#endregion
-export { E as default };
+export { w as default };
 
 //# sourceMappingURL=CustomWidgetProposalPanel.js.map