@burdenoff/microfe-bigconsole 2026.805.1 → 2026.805.3

package/dist/bigconsole/components/builder/inspector/DataBindingSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DataBindingSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Input, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport type { WidgetBinding, WidgetBindingStatus } from '../../../types';\nimport { DataSinkSelector } from '../../parser/DataSinkSelector';\nimport { ParserSelector } from '../../parser/ParserSelector';\n\nexport interface DataBindingSectionProps {\n  consoleId: string;\n  binding: WidgetBinding;\n  dataSinkKey: string | null;\n  dataPath?: string;\n  status: WidgetBindingStatus;\n  missingFields?: string[];\n  preview?: unknown;\n  error?: string | null;\n  onDataSinkChange: (key: string | null) => void;\n  onParserChange: (parserId: string | null) => void;\n  onDataPathChange: (path: string | undefined) => void;\n}\n\nconst STATUS_LABELS: Record<WidgetBindingStatus, string> = {\n  unbound: 'Select a DataSink to begin',\n  loading: 'Testing parser and detecting fields…',\n  bound: 'Binding ready',\n  no_data: 'Parser returned no data',\n  parser_error: 'Parser test failed',\n  field_mismatch: 'Some mapped fields were not found',\n};\n\nexport const DataBindingSection: FC<DataBindingSectionProps> = ({\n  consoleId,\n  binding,\n  dataSinkKey,\n  dataPath,\n  status,\n  missingFields = [],\n  preview,\n  error,\n  onDataSinkChange,\n  onParserChange,\n  onDataPathChange,\n}) => (\n  <div className=\"space-y-4\">\n    <div className=\"rounded-md border border-border-subtle bg-bg-sunken p-3\">\n      <p className=\"text-xs text-text-secondary\">\n        Connect this widget to a DataSink and Parser to display transformed data.\n      </p>\n    </div>\n\n    <div className=\"space-y-2\">\n      <Label>DataSink</Label>\n      <DataSinkSelector value={dataSinkKey} onChange={onDataSinkChange} placeholder=\"Select a DataSink...\" />\n      {dataSinkKey && (\n        <p className=\"text-xs text-text-secondary\">\n          Key: {dataSinkKey}\n          {binding.source.ref && (\n            <span className=\"ml-2 text-text-tertiary\">ID: {binding.source.ref.slice(0, 8)}...</span>\n          )}\n        </p>\n      )}\n    </div>\n\n    <div className=\"space-y-2\">\n      <Label>Parser</Label>\n      <ParserSelector\n        consoleId={consoleId}\n        value={binding.parserId ?? null}\n        onChange={onParserChange}\n        filterInputSinkKey={dataSinkKey ?? undefined}\n        filterStatus={undefined}\n        placeholder={dataSinkKey ? 'Select a parser...' : 'Select a DataSink first...'}\n        disabled={!dataSinkKey}\n      />\n      <p className=\"flex items-center gap-1 text-xs text-text-secondary\" role=\"status\">\n        {status === 'loading' && <Spinner style={{ width: '12px', height: '12px' }} />}\n        {STATUS_LABELS[status]}\n      </p>\n      {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n      {missingFields.length > 0 && (\n        <p className=\"text-xs text-status-warning-text\">Missing: {missingFields.join(', ')}</p>\n      )}\n    </div>\n\n    {binding.parserId && Object.keys(binding.fields).length > 0 && (\n      <div className=\"rounded-md border border-status-success-border bg-status-success-bg-subtle p-3\">\n        <p className=\"mb-2 text-xs font-medium text-status-success-text\">Field mappings configured</p>\n        <div className=\"space-y-1 text-xs text-text-secondary\">\n          {Object.entries(binding.fields).map(([name, path]) => (\n            <p key={name}>\n              {name}: <code className=\"rounded bg-bg-sunken px-1\">{path}</code>\n            </p>\n          ))}\n        </div>\n      </div>\n    )}\n\n    {preview !== undefined && (\n      <div className=\"space-y-2\">\n        <Label>Live Preview</Label>\n        <pre className=\"max-h-40 overflow-auto rounded-md border border-border-subtle bg-bg-sunken p-3 text-xs text-text-secondary\">\n          {JSON.stringify(preview, null, 2)}\n        </pre>\n      </div>\n    )}\n\n    <div className=\"space-y-2\">\n      <Label>Data Path (Optional)</Label>\n      <Input\n        value={dataPath ?? ''}\n        onChange={(event) => onDataPathChange(event.target.value || undefined)}\n        placeholder=\"e.g., summary.totalRevenue\"\n      />\n      <p className=\"text-xs text-text-secondary\">Path to extract specific data from the parser output (dot notation)</p>\n    </div>\n  </div>\n);\n"],"mappings":";;;;;AAoBA,IAAM,IAAqD;CACzD,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;CACT,cAAc;CACd,gBAAgB;CACjB,EAEY,KAAmD,EAC9D,cACA,YACA,gBACA,aACA,WACA,mBAAgB,EAAE,EAClB,YACA,UACA,qBACA,mBACA,0BAEA,kBAAC,OAAD;CAAK,WAAU;WAAf;EACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,KAAD;IAAG,WAAU;cAA8B;IAEvC,CAAA;GACA,CAAA;EAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAO,YAAgB,CAAA;IACvB,kBAAC,GAAD;KAAkB,OAAO;KAAa,UAAU;KAAkB,aAAY;KAAyB,CAAA;IACtG,KACC,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MACnC;MACL,EAAQ,OAAO,OACd,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA0C;QAAK,EAAQ,OAAO,IAAI,MAAM,GAAG,EAAE;QAAC;QAAU;;MAExF;;IAEF;;EAEN,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAO,UAAc,CAAA;IACrB,kBAAC,GAAD;KACa;KACX,OAAO,EAAQ,YAAY;KAC3B,UAAU;KACV,oBAAoB,KAAe,KAAA;KACnC,cAAc,KAAA;KACd,aAAa,IAAc,uBAAuB;KAClD,UAAU,CAAC;KACX,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;KAAsD,MAAK;eAAxE,CACG,MAAW,aAAa,kBAAC,GAAD,EAAS,OAAO;MAAE,OAAO;MAAQ,QAAQ;MAAQ,EAAI,CAAA,EAC7E,EAAc,GACb;;IACH,KAAS,kBAAC,KAAD;KAAG,WAAU;eAAkC;KAAU,CAAA;IAClE,EAAc,SAAS,KACtB,kBAAC,KAAD;KAAG,WAAU;eAAb,CAAgD,aAAU,EAAc,KAAK,KAAK,CAAK;;IAErF;;EAEL,EAAQ,YAAY,OAAO,KAAK,EAAQ,OAAO,CAAC,SAAS,KACxD,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,KAAD;IAAG,WAAU;cAAoD;IAA6B,CAAA,EAC9F,kBAAC,OAAD;IAAK,WAAU;cACZ,OAAO,QAAQ,EAAQ,OAAO,CAAC,KAAK,CAAC,GAAM,OAC1C,kBAAC,KAAD,EAAA,UAAA;KACG;KAAK;KAAE,kBAAC,QAAD;MAAM,WAAU;gBAA6B;MAAY,CAAA;KAC/D,EAAA,EAFI,EAEJ,CACJ;IACE,CAAA,CACF;;EAGP,MAAY,KAAA,KACX,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD,EAAA,UAAO,gBAAoB,CAAA,EAC3B,kBAAC,OAAD;IAAK,WAAU;cACZ,KAAK,UAAU,GAAS,MAAM,EAAE;IAC7B,CAAA,CACF;;EAGR,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD,EAAA,UAAO,wBAA4B,CAAA;IACnC,kBAAC,GAAD;KACE,OAAO,KAAY;KACnB,WAAW,MAAU,EAAiB,EAAM,OAAO,SAAS,KAAA,EAAU;KACtE,aAAY;KACZ,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAuE,CAAA;IAC9G;;EACF"}
+{"version":3,"file":"DataBindingSection.js","names":[],"sources":["../../../../../src/bigconsole/components/builder/inspector/DataBindingSection.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { Input, Label, Spinner } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { WidgetBinding, WidgetBindingStatus } from '../../../types';\nimport { DataSinkSelector } from '../../parser/DataSinkSelector';\nimport { ParserSelector } from '../../parser/ParserSelector';\n\nexport interface DataBindingSectionProps {\n  consoleId: string;\n  binding: WidgetBinding;\n  dataSinkKey: string | null;\n  dataPath?: string;\n  status: WidgetBindingStatus;\n  missingFields?: string[];\n  preview?: unknown;\n  error?: string | null;\n  onDataSinkChange: (key: string | null) => void;\n  onParserChange: (parserId: string | null) => void;\n  onDataPathChange: (path: string | undefined) => void;\n}\n\nexport const DataBindingSection: FC<DataBindingSectionProps> = ({\n  consoleId,\n  binding,\n  dataSinkKey,\n  dataPath,\n  status,\n  missingFields = [],\n  preview,\n  error,\n  onDataSinkChange,\n  onParserChange,\n  onDataPathChange,\n}) => {\n  const { t } = useI18n();\n\n  const statusLabels: Record<WidgetBindingStatus, string> = {\n    unbound: t('bigconsole.builder.dataBinding.status.unbound', 'Select a DataSink to begin'),\n    loading: t('bigconsole.builder.dataBinding.status.loading', 'Testing parser and detecting fields…'),\n    bound: t('bigconsole.builder.dataBinding.status.bound', 'Binding ready'),\n    no_data: t('bigconsole.builder.dataBinding.status.noData', 'Parser returned no data'),\n    parser_error: t('bigconsole.builder.dataBinding.status.parserError', 'Parser test failed'),\n    field_mismatch: t('bigconsole.builder.dataBinding.status.fieldMismatch', 'Some mapped fields were not found'),\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"rounded-md border border-border-subtle bg-bg-sunken p-3\">\n        <p className=\"text-xs text-text-secondary\">\n          {t(\n            'bigconsole.builder.dataBinding.intro',\n            'Connect this widget to a DataSink and Parser to display transformed data.'\n          )}\n        </p>\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label>{t('bigconsole.builder.dataBinding.dataSinkLabel', 'DataSink')}</Label>\n        <DataSinkSelector\n          value={dataSinkKey}\n          onChange={onDataSinkChange}\n          placeholder={t('bigconsole.builder.dataBinding.dataSinkPlaceholder', 'Select a DataSink...')}\n        />\n        {dataSinkKey && (\n          <p className=\"text-xs text-text-secondary\">\n            {t('bigconsole.builder.dataBinding.keyLabel', 'Key: {{key}}', { key: dataSinkKey })}\n            {binding.source.ref && (\n              <span className=\"ml-2 text-text-tertiary\">\n                {t('bigconsole.builder.dataBinding.idLabel', 'ID: {{id}}...', {\n                  id: binding.source.ref.slice(0, 8),\n                })}\n              </span>\n            )}\n          </p>\n        )}\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label>{t('bigconsole.builder.dataBinding.parserLabel', 'Parser')}</Label>\n        <ParserSelector\n          consoleId={consoleId}\n          value={binding.parserId ?? null}\n          onChange={onParserChange}\n          filterInputSinkKey={dataSinkKey ?? undefined}\n          filterStatus={undefined}\n          placeholder={\n            dataSinkKey\n              ? t('bigconsole.builder.dataBinding.parserPlaceholder', 'Select a parser...')\n              : t('bigconsole.builder.dataBinding.parserPlaceholderNoSink', 'Select a DataSink first...')\n          }\n          disabled={!dataSinkKey}\n        />\n        <p className=\"flex items-center gap-1 text-xs text-text-secondary\" role=\"status\">\n          {status === 'loading' && <Spinner style={{ width: '12px', height: '12px' }} />}\n          {statusLabels[status]}\n        </p>\n        {error && <p className=\"text-xs text-status-error-text\">{error}</p>}\n        {missingFields.length > 0 && (\n          <p className=\"text-xs text-status-warning-text\">\n            {t('bigconsole.builder.dataBinding.missingFields', 'Missing: {{fields}}', {\n              fields: missingFields.join(', '),\n            })}\n          </p>\n        )}\n      </div>\n\n      {binding.parserId && Object.keys(binding.fields).length > 0 && (\n        <div className=\"rounded-md border border-status-success-border bg-status-success-bg-subtle p-3\">\n          <p className=\"mb-2 text-xs font-medium text-status-success-text\">\n            {t('bigconsole.builder.dataBinding.fieldMappingsConfigured', 'Field mappings configured')}\n          </p>\n          <div className=\"space-y-1 text-xs text-text-secondary\">\n            {Object.entries(binding.fields).map(([name, path]) => (\n              <p key={name}>\n                {name}: <code className=\"rounded bg-bg-sunken px-1\">{path}</code>\n              </p>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {preview !== undefined && (\n        <div className=\"space-y-2\">\n          <Label>{t('bigconsole.builder.dataBinding.livePreviewLabel', 'Live Preview')}</Label>\n          <pre className=\"max-h-40 overflow-auto rounded-md border border-border-subtle bg-bg-sunken p-3 text-xs text-text-secondary\">\n            {JSON.stringify(preview, null, 2)}\n          </pre>\n        </div>\n      )}\n\n      <div className=\"space-y-2\">\n        <Label>{t('bigconsole.builder.dataBinding.dataPathLabel', 'Data Path (Optional)')}</Label>\n        <Input\n          value={dataPath ?? ''}\n          onChange={(event) => onDataPathChange(event.target.value || undefined)}\n          placeholder={t('bigconsole.builder.dataBinding.dataPathPlaceholder', 'e.g., summary.totalRevenue')}\n        />\n        <p className=\"text-xs text-text-secondary\">\n          {t(\n            'bigconsole.builder.dataBinding.dataPathHelp',\n            'Path to extract specific data from the parser output (dot notation)'\n          )}\n        </p>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/CreateDashboardDialog.js

@@ -2,63 +2,64 @@ import e from "./StoreTemplatePicker.js";
 import t from "../../hooks/useStoreDashboardTemplates.js";
 import { memo as n, useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
 import { Copy as s, LayoutDashboard as c, Plus as l, Tag as u, X as d } from "lucide-react";
-import { Badge as f, Button as p, Dialog as m, DialogContent as h, DialogDescription as g, DialogFooter as _, DialogHeader as v, DialogTitle as y, Input as b, Spinner as x, Textarea as S } from "@burdenoff/fe-libs/ui";
+import { useI18n as f } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as p, Button as m, Dialog as h, DialogContent as g, DialogDescription as _, DialogFooter as v, DialogHeader as y, DialogTitle as b, Input as x, Spinner as ee, Textarea as S } from "@burdenoff/fe-libs/ui";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/CreateDashboardDialog.tsx
 var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, showTemplates: O = !0, onTemplateInstalled: k }) {
-	let { templates: A, loading: j, error: M, fetchTemplateContent: N, installTemplate: P } = t({ autoLoad: O }), [F, I] = o(!1), [L, R] = o("blank"), [z, B] = o(""), [V, H] = o(""), [U, W] = o([]), [G, K] = o(""), [q, J] = o(null), [Y, X] = o(null), Z = a(null);
+	let { t: A } = f(), { templates: j, loading: M, error: N, fetchTemplateContent: P, installTemplate: F } = t({ autoLoad: O }), [I, L] = o(!1), [R, z] = o("blank"), [B, V] = o(""), [H, U] = o(""), [W, G] = o([]), [K, q] = o(""), [J, Y] = o(null), [X, Z] = o(null), Q = a(null);
 	i(() => {
-		n && (R("blank"), B(""), H(""), W([]), K(""), J(null), X(null), setTimeout(() => {
-			Z.current?.focus();
+		n && (z("blank"), V(""), U(""), G([]), q(""), Y(null), Z(null), setTimeout(() => {
+			Q.current?.focus();
 		}, 100));
 	}, [n]);
-	let Q = r(() => {
-		let e = G.trim().toLowerCase();
-		e && !U.includes(e) && U.length < 10 && (W((t) => [...t, e]), K(""));
-	}, [G, U]), $ = r((e) => {
-		W((t) => t.filter((t) => t !== e));
-	}, []), ee = r((e) => {
-		e.key === "Enter" ? (e.preventDefault(), Q()) : e.key === "Backspace" && !G && U.length > 0 && W((e) => e.slice(0, -1));
+	let $ = r(() => {
+		let e = K.trim().toLowerCase();
+		e && !W.includes(e) && W.length < 10 && (G((t) => [...t, e]), q(""));
+	}, [K, W]), te = r((e) => {
+		G((t) => t.filter((t) => t !== e));
+	}, []), ne = r((e) => {
+		e.key === "Enter" ? (e.preventDefault(), $()) : e.key === "Backspace" && !K && W.length > 0 && G((e) => e.slice(0, -1));
 	}, [
-		Q,
-		G,
-		U.length
-	]), te = r((e) => {
-		J(e), B(e.name), H(e.description || "");
-	}, []), ne = r(async (e) => {
-		if (e.preventDefault(), L === "template" && !q) {
-			X("Please select a template");
+		$,
+		K,
+		W.length
+	]), re = r((e) => {
+		Y(e), V(e.name), U(e.description || "");
+	}, []), ie = r(async (e) => {
+		if (e.preventDefault(), R === "template" && !J) {
+			Z(A("bigconsole.dashboards.createDialog.error.selectTemplate", "Please select a template"));
 			return;
 		}
-		let t = z.trim();
+		let t = B.trim();
 		if (!t) {
-			X("Dashboard name is required"), Z.current?.focus();
+			Z(A("bigconsole.dashboards.createDialog.error.nameRequired", "Dashboard name is required")), Q.current?.focus();
 			return;
 		}
 		if (t.length < 3) {
-			X("Dashboard name must be at least 3 characters"), Z.current?.focus();
+			Z(A("bigconsole.dashboards.createDialog.error.nameTooShort", "Dashboard name must be at least 3 characters")), Q.current?.focus();
 			return;
 		}
 		if (t.length > 100) {
-			X("Dashboard name must be less than 100 characters"), Z.current?.focus();
+			Z(A("bigconsole.dashboards.createDialog.error.nameTooLong", "Dashboard name must be less than 100 characters")), Q.current?.focus();
 			return;
 		}
-		if (X(null), L === "template" && q) {
-			I(!0);
+		if (Z(null), R === "template" && J) {
+			L(!0);
 			try {
-				let e = await N(q.id);
+				let e = await P(J.id);
 				if (!e) {
-					X("This template has no dashboard definition attached and cannot be installed.");
+					Z(A("bigconsole.dashboards.createDialog.error.noDefinition", "This template has no dashboard definition attached and cannot be installed."));
 					return;
 				}
-				let n = await P({
-					templateId: q.id,
-					templateName: q.name,
+				let n = await F({
+					templateId: J.id,
+					templateName: J.name,
 					content: e,
 					name: t
 				});
 				if (!n.success) {
-					X(n.errorMessage ?? "Failed to create dashboard from template.");
+					Z(n.errorMessage ?? A("bigconsole.dashboards.createDialog.error.installFailed", "Failed to create dashboard from template."));
 					return;
 				}
 				n.dashboardId && k?.({
@@ -66,44 +67,45 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 					widgetsNeedingData: n.widgetsNeedingData
 				}), E();
 			} catch (e) {
-				X(e instanceof Error ? e.message : "Failed to create dashboard from template.");
+				Z(e instanceof Error ? e.message : A("bigconsole.dashboards.createDialog.error.installFailed", "Failed to create dashboard from template."));
 			} finally {
-				I(!1);
+				L(!1);
 			}
 			return;
 		}
 		try {
 			await D({
 				name: t,
-				description: V.trim(),
+				description: H.trim(),
 				category: "CUSTOM",
-				tags: U.length > 0 ? U : void 0
+				tags: W.length > 0 ? W : void 0
 			});
 		} catch (e) {
-			X(e instanceof Error ? e.message : "Failed to create dashboard. Please try again.");
+			Z(e instanceof Error ? e.message : A("bigconsole.dashboards.createDialog.error.createFailed", "Failed to create dashboard. Please try again."));
 		}
 	}, [
-		z,
-		V,
-		U,
-		L,
-		q,
+		B,
+		H,
+		W,
+		R,
+		J,
 		D,
 		E,
-		N,
 		P,
-		k
+		F,
+		k,
+		A
 	]);
-	return /* @__PURE__ */ C(m, {
+	return /* @__PURE__ */ C(h, {
 		open: n,
 		onOpenChange: (e) => !e && !T && E(),
-		children: /* @__PURE__ */ w(h, {
+		children: /* @__PURE__ */ w(g, {
 			style: {
-				maxWidth: L === "template" ? "900px" : "480px",
+				maxWidth: R === "template" ? "900px" : "480px",
 				padding: 0,
 				transition: "max-width 0.2s ease"
 			},
-			children: [/* @__PURE__ */ C(v, {
+			children: [/* @__PURE__ */ C(y, {
 				style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
 				children: /* @__PURE__ */ w("div", {
 					style: {
@@ -127,25 +129,25 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 							width: "var(--size-icon-lg)",
 							color: "var(--color-action-primary-text)"
 						} })
-					}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(y, {
+					}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C(b, {
 						style: {
 							fontSize: "var(--font-size-heading-h4)",
 							fontWeight: "var(--font-weight-bold)",
 							color: "var(--color-text-primary)",
 							margin: 0
 						},
-						children: "Create New Dashboard"
-					}), /* @__PURE__ */ C(g, {
+						children: A("bigconsole.dashboards.createDialog.title", "Create New Dashboard")
+					}), /* @__PURE__ */ C(_, {
 						style: {
 							fontSize: "var(--font-size-body-sm)",
 							color: "var(--color-text-secondary)",
 							margin: "var(--space-controlGap) 0 0 0"
 						},
-						children: "Create a new dashboard to visualize your data"
+						children: A("bigconsole.dashboards.createDialog.subtitle", "Create a new dashboard to visualize your data")
 					})] })]
 				})
 			}), /* @__PURE__ */ w("form", {
-				onSubmit: ne,
+				onSubmit: ie,
 				children: [
 					O && /* @__PURE__ */ C("div", {
 						style: { padding: "var(--space-pagePadding) var(--space-pagePadding) 0" },
@@ -160,7 +162,7 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 							children: [/* @__PURE__ */ w("button", {
 								type: "button",
 								onClick: () => {
-									R("blank"), J(null);
+									z("blank"), Y(null);
 								},
 								style: {
 									flex: 1,
@@ -171,21 +173,21 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 									padding: "var(--space-controlGap) var(--space-formGap)",
 									borderRadius: "var(--radius-button)",
 									border: "none",
-									backgroundColor: L === "blank" ? "var(--color-bg-surface)" : "transparent",
-									color: L === "blank" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
-									fontWeight: L === "blank" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
+									backgroundColor: R === "blank" ? "var(--color-bg-surface)" : "transparent",
+									color: R === "blank" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
+									fontWeight: R === "blank" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
 									fontSize: "var(--font-size-body-sm)",
 									cursor: "pointer",
-									boxShadow: L === "blank" ? "var(--shadow-elevation-1)" : "none",
+									boxShadow: R === "blank" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
 								children: [/* @__PURE__ */ C(l, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), "Blank Dashboard"]
+								} }), A("bigconsole.dashboards.createDialog.tab.blank", "Blank Dashboard")]
 							}), /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => R("template"),
+								onClick: () => z("template"),
 								style: {
 									flex: 1,
 									display: "flex",
@@ -195,33 +197,33 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 									padding: "var(--space-controlGap) var(--space-formGap)",
 									borderRadius: "var(--radius-button)",
 									border: "none",
-									backgroundColor: L === "template" ? "var(--color-bg-surface)" : "transparent",
-									color: L === "template" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
-									fontWeight: L === "template" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
+									backgroundColor: R === "template" ? "var(--color-bg-surface)" : "transparent",
+									color: R === "template" ? "var(--color-text-primary)" : "var(--color-text-secondary)",
+									fontWeight: R === "template" ? "var(--font-weight-semibold)" : "var(--font-weight-regular)",
 									fontSize: "var(--font-size-body-sm)",
 									cursor: "pointer",
-									boxShadow: L === "template" ? "var(--shadow-elevation-1)" : "none",
+									boxShadow: R === "template" ? "var(--shadow-elevation-1)" : "none",
 									transition: "all 0.15s ease"
 								},
 								children: [/* @__PURE__ */ C(s, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), "From Template"]
+								} }), A("bigconsole.dashboards.createDialog.tab.template", "From Template")]
 							})]
 						})
 					}),
-					L === "template" && /* @__PURE__ */ C("div", {
+					R === "template" && /* @__PURE__ */ C("div", {
 						style: {
 							padding: "var(--space-pagePadding)",
 							maxHeight: "400px",
 							overflowY: "auto"
 						},
 						children: /* @__PURE__ */ C(e, {
-							templates: A,
-							loading: j,
-							error: M,
-							selectedTemplateId: q?.id,
-							onSelect: te
+							templates: j,
+							loading: M,
+							error: N,
+							selectedTemplateId: J?.id,
+							onSelect: re
 						})
 					}),
 					/* @__PURE__ */ w("div", {
@@ -239,7 +241,7 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 											color: "var(--color-text-primary)",
 											marginBottom: "var(--space-controlGap)"
 										},
-										children: ["Dashboard Name", /* @__PURE__ */ C("span", {
+										children: [A("bigconsole.dashboards.createDialog.field.name", "Dashboard Name"), /* @__PURE__ */ C("span", {
 											style: {
 												color: "var(--color-status-error-text)",
 												marginLeft: "var(--space-controlGap)"
@@ -247,30 +249,30 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 											children: "*"
 										})]
 									}),
-									/* @__PURE__ */ C(b, {
-										ref: Z,
+									/* @__PURE__ */ C(x, {
+										ref: Q,
 										id: "dashboard-name",
 										type: "text",
-										value: z,
+										value: B,
 										onChange: (e) => {
-											B(e.target.value), Y && X(null);
+											V(e.target.value), X && Z(null);
 										},
-										placeholder: "Enter dashboard name",
-										disabled: T || F,
+										placeholder: A("bigconsole.dashboards.createDialog.field.namePlaceholder", "Enter dashboard name"),
+										disabled: T || I,
 										style: {
 											height: "var(--size-controlHeight-md)",
 											fontSize: "var(--font-size-body-sm)",
-											borderColor: Y ? "var(--color-status-error-border)" : void 0
+											borderColor: X ? "var(--color-status-error-border)" : void 0
 										}
 									}),
-									Y && /* @__PURE__ */ C("p", {
+									X && /* @__PURE__ */ C("p", {
 										style: {
 											fontSize: "var(--font-size-body-sm)",
 											color: "var(--color-status-error-text)",
 											marginTop: "var(--space-controlGap)",
 											fontWeight: "var(--font-weight-medium)"
 										},
-										children: Y
+										children: X
 									})
 								]
 							}),
@@ -285,21 +287,21 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 										color: "var(--color-text-primary)",
 										marginBottom: "var(--space-controlGap)"
 									},
-									children: ["Description", /* @__PURE__ */ C("span", {
+									children: [A("bigconsole.dashboards.createDialog.field.description", "Description"), /* @__PURE__ */ C("span", {
 										style: {
 											color: "var(--color-text-muted)",
 											fontWeight: "var(--font-weight-regular)",
 											marginLeft: "var(--space-controlGap)"
 										},
-										children: "(optional)"
+										children: A("bigconsole.dashboards.createDialog.field.optional", "(optional)")
 									})]
 								}), /* @__PURE__ */ C(S, {
 									id: "dashboard-description",
-									value: V,
-									onChange: (e) => H(e.target.value),
-									placeholder: "Enter a brief description for this dashboard",
+									value: H,
+									onChange: (e) => U(e.target.value),
+									placeholder: A("bigconsole.dashboards.createDialog.field.descriptionPlaceholder", "Enter a brief description for this dashboard"),
 									rows: 3,
-									disabled: T || F,
+									disabled: T || I,
 									style: {
 										fontSize: "var(--font-size-body-sm)",
 										resize: "none"
@@ -323,24 +325,24 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 											height: "var(--size-icon-sm)",
 											width: "var(--size-icon-sm)"
 										} }),
-										"Tags",
+										A("bigconsole.dashboards.createDialog.field.tags", "Tags"),
 										/* @__PURE__ */ C("span", {
 											style: {
 												color: "var(--color-text-muted)",
 												fontWeight: "var(--font-weight-regular)"
 											},
-											children: "(optional, max 10)"
+											children: A("bigconsole.dashboards.createDialog.field.tagsOptional", "(optional, max 10)")
 										})
 									]
 								}),
-								U.length > 0 && /* @__PURE__ */ C("div", {
+								W.length > 0 && /* @__PURE__ */ C("div", {
 									style: {
 										display: "flex",
 										flexWrap: "wrap",
 										gap: "var(--space-controlGap)",
 										marginBottom: "var(--space-controlGap)"
 									},
-									children: U.map((e) => /* @__PURE__ */ w(f, {
+									children: W.map((e) => /* @__PURE__ */ w(p, {
 										variant: "secondary",
 										style: {
 											display: "flex",
@@ -350,8 +352,8 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 										},
 										children: [e, /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => $(e),
-											disabled: T || F,
+											onClick: () => te(e),
+											disabled: T || I,
 											style: {
 												display: "flex",
 												alignItems: "center",
@@ -378,26 +380,26 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 										display: "flex",
 										gap: "var(--space-controlGap)"
 									},
-									children: [/* @__PURE__ */ C(b, {
+									children: [/* @__PURE__ */ C(x, {
 										id: "dashboard-tags",
 										type: "text",
-										value: G,
-										onChange: (e) => K(e.target.value),
-										onKeyDown: ee,
-										placeholder: U.length >= 10 ? "Max tags reached" : "Type a tag and press Enter",
-										disabled: T || F || U.length >= 10,
+										value: K,
+										onChange: (e) => q(e.target.value),
+										onKeyDown: ne,
+										placeholder: W.length >= 10 ? A("bigconsole.dashboards.createDialog.field.tagsMaxReached", "Max tags reached") : A("bigconsole.dashboards.createDialog.field.tagsInputPlaceholder", "Type a tag and press Enter"),
+										disabled: T || I || W.length >= 10,
 										style: {
 											flex: 1,
 											height: "var(--size-controlHeight-md)",
 											fontSize: "var(--font-size-body-sm)"
 										}
-									}), /* @__PURE__ */ C(p, {
+									}), /* @__PURE__ */ C(m, {
 										type: "button",
 										variant: "outline",
-										onClick: Q,
-										disabled: T || F || !G.trim() || U.length >= 10,
+										onClick: $,
+										disabled: T || I || !K.trim() || W.length >= 10,
 										style: { height: "var(--size-controlHeight-md)" },
-										children: "Add"
+										children: A("bigconsole.dashboards.createDialog.action.addTag", "Add")
 									})]
 								}),
 								/* @__PURE__ */ C("p", {
@@ -406,12 +408,12 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 										color: "var(--color-text-muted)",
 										marginTop: "var(--space-controlGap)"
 									},
-									children: "Press Enter to add a tag, or click Add"
+									children: A("bigconsole.dashboards.createDialog.field.tagsHelp", "Press Enter to add a tag, or click Add")
 								})
 							] })
 						]
 					}),
-					/* @__PURE__ */ w(_, {
+					/* @__PURE__ */ w(v, {
 						style: {
 							padding: "var(--space-formGap) var(--space-pagePadding)",
 							borderTop: "1px solid var(--color-border)",
@@ -420,30 +422,30 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 							justifyContent: "flex-end",
 							gap: "var(--space-controlGap)"
 						},
-						children: [/* @__PURE__ */ C(p, {
+						children: [/* @__PURE__ */ C(m, {
 							type: "button",
 							variant: "outline",
 							onClick: E,
-							disabled: T || F,
+							disabled: T || I,
 							style: { height: "var(--size-controlHeight-md)" },
-							children: "Cancel"
-						}), /* @__PURE__ */ C(p, {
+							children: A("bigconsole.dashboards.createDialog.action.cancel", "Cancel")
+						}), /* @__PURE__ */ C(m, {
 							type: "submit",
-							disabled: T || F || !z.trim(),
+							disabled: T || I || !B.trim(),
 							style: {
 								height: "var(--size-controlHeight-md)",
 								backgroundColor: "var(--color-action-primary-bg)"
 							},
-							children: T || F ? /* @__PURE__ */ w("span", {
+							children: T || I ? /* @__PURE__ */ w("span", {
 								style: {
 									display: "flex",
 									alignItems: "center",
 									gap: "var(--space-iconGap)"
 								},
-								children: [/* @__PURE__ */ C(x, { style: {
+								children: [/* @__PURE__ */ C(ee, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), "Creating..."]
+								} }), A("bigconsole.dashboards.createDialog.action.creating", "Creating...")]
 							}) : /* @__PURE__ */ w("span", {
 								style: {
 									display: "flex",
@@ -453,7 +455,7 @@ var T = n(function({ isOpen: n, isCreating: T = !1, onClose: E, onCreate: D, sho
 								children: [/* @__PURE__ */ C(l, { style: {
 									height: "var(--size-icon-sm)",
 									width: "var(--size-icon-sm)"
-								} }), "Create Dashboard"]
+								} }), A("bigconsole.dashboards.createDialog.action.create", "Create Dashboard")]
 							})
 						})]
 					})