@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/components/dashboard/ShareDialog/EmbedTab.js

@@ -2,29 +2,21 @@ import { BIGCONSOLE_PERMISSIONS as e } from "../../../../constants/permissions.j
 import t, { themeChoiceFromPolicy as n } from "../../../hooks/useDashboardEmbedPolicy.js";
 import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
 import { usePermissions as s } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx
-var d = [
-	{
-		value: "light",
-		label: "Light"
-	},
-	{
-		value: "dark",
-		label: "Dark"
-	},
-	{
-		value: "auto",
-		label: "Auto (match viewer)"
-	}
+var f = [
+	"light",
+	"dark",
+	"auto"
 ];
-function ee(e, t) {
+function p(e, t) {
 	return t === "light" ? e : e.replace(/(?<=\s)src="([^"]*)"/, (e, n) => {
 		let r = n.indexOf("#"), i = r === -1 ? n : n.slice(0, r), a = r === -1 ? "" : n.slice(r);
 		return `src="${i}${i.includes("?") ? "&" : "?"}theme=${t}${a}"`;
 	});
 }
-function te(e) {
+function m(e) {
 	let t = e.trim();
 	if (!t) return null;
 	try {
@@ -34,60 +26,60 @@ function te(e) {
 		return null;
 	}
 }
-function f({ dashboardId: f, colors: p }) {
-	let { policy: m, secret: h, loading: g, error: _, fetchPolicy: v, publishToWeb: y, applyPresentation: b, setAllowedOrigins: x, rotateKey: S, unpublish: ne } = t(), { hasPermission: C } = s(), w = C(e.DASHBOARD_MANAGE_EMBED), [T, E] = o(""), [D, O] = o([]), [k, A] = o(!1), [j, M] = o(!1), [N, P] = o("light"), [F, I] = o(!1), [L, R] = o(!0), [re, z] = o(!1), [B, V] = o(null), H = a(null), U = a(null);
+function h({ dashboardId: h, colors: g }) {
+	let { t: _ } = c(), { policy: v, secret: y, loading: b, error: x, fetchPolicy: S, publishToWeb: C, applyPresentation: w, setAllowedOrigins: T, rotateKey: E, unpublish: ee } = t(), { hasPermission: te } = s(), D = te(e.DASHBOARD_MANAGE_EMBED), [O, k] = o(""), [A, j] = o([]), [M, N] = o(!1), [ne, P] = o(!1), [F, I] = o("light"), [L, R] = o(!1), [z, B] = o(!0), [V, H] = o(!1), [U, W] = o(null), G = a(null), K = a(null);
 	r(() => {
-		f && v(f);
-	}, [f, v]), r(() => {
-		!m || H.current === m.id || (H.current = m.id, P(n(m.presentationTheme)), I(m.showDashboardTitle), R(m.showBrandingFooter));
-	}, [m]), r(() => () => {
-		U.current && clearTimeout(U.current);
+		h && S(h);
+	}, [h, S]), r(() => {
+		!v || G.current === v.id || (G.current = v.id, I(n(v.presentationTheme)), R(v.showDashboardTitle), B(v.showBrandingFooter));
+	}, [v]), r(() => () => {
+		K.current && clearTimeout(K.current);
 	}, []);
-	let W = m?.status === "ACTIVE", G = W ? m?.allowedParentOrigins ?? [] : D, K = i(() => h?.iframeSnippet ? ee(h.iframeSnippet, N) : null, [h, N]), q = () => {
-		V(null);
-		let e = te(T);
+	let q = v?.status === "ACTIVE", J = q ? v?.allowedParentOrigins ?? [] : A, Y = i(() => y?.iframeSnippet ? p(y.iframeSnippet, F) : null, [y, F]), X = () => {
+		W(null);
+		let e = m(O);
 		if (!e) {
-			V("Enter a valid https origin, e.g. https://example.com");
+			W(_("bigconsole.dashboards.embed.error.invalidOrigin", "Enter a valid https origin, e.g. https://example.com"));
 			return;
 		}
-		if (G.includes(e)) {
-			E("");
+		if (J.includes(e)) {
+			k("");
 			return;
 		}
-		W && m ? x(m.id, [...G, e]) : O((t) => [...t, e]), E("");
-	}, J = (e) => {
-		W && m ? x(m.id, G.filter((t) => t !== e)) : O((t) => t.filter((t) => t !== e));
-	}, Y = async () => {
-		if (V(null), D.length === 0) {
-			V("Add at least one allowed website domain before publishing.");
+		q && v ? T(v.id, [...J, e]) : j((t) => [...t, e]), k("");
+	}, re = (e) => {
+		q && v ? T(v.id, J.filter((t) => t !== e)) : j((t) => t.filter((t) => t !== e));
+	}, ie = async () => {
+		if (W(null), A.length === 0) {
+			W(_("bigconsole.dashboards.embed.error.noDomains", "Add at least one allowed website domain before publishing."));
 			return;
 		}
-		if (!k) {
-			V("Please confirm this dashboard is safe to be public.");
+		if (!M) {
+			W(_("bigconsole.dashboards.embed.error.notAttested", "Please confirm this dashboard is safe to be public."));
 			return;
 		}
-		await y(f, D, !0, {
-			theme: N,
-			showTitle: F,
-			showBranding: L
+		await C(h, A, !0, {
+			theme: F,
+			showTitle: L,
+			showBranding: z
 		});
-	}, ie = async () => {
-		m && (V(null), await b(m.id, {
-			theme: N,
-			showTitle: F,
-			showBranding: L
-		}) && (z(!0), U.current && clearTimeout(U.current), U.current = setTimeout(() => z(!1), 1500)));
-	}, X = async (e) => {
+	}, ae = async () => {
+		v && (W(null), await w(v.id, {
+			theme: F,
+			showTitle: L,
+			showBranding: z
+		}) && (H(!0), K.current && clearTimeout(K.current), K.current = setTimeout(() => H(!1), 1500)));
+	}, oe = async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), M(!0), setTimeout(() => M(!1), 1500);
+			await navigator.clipboard.writeText(e), P(!0), setTimeout(() => P(!1), 1500);
 		} catch {
-			V("Could not copy — select and copy manually.");
+			W(_("bigconsole.dashboards.embed.error.copyFailed", "Could not copy — select and copy manually."));
 		}
-	}, ae = {
+	}, se = {
 		padding: "8px 14px",
 		borderRadius: "8px",
 		border: "none",
-		background: p.actionPrimaryBg,
+		background: g.actionPrimaryBg,
 		color: "#fff",
 		fontSize: "13px",
 		fontWeight: 600,
@@ -95,25 +87,25 @@ function f({ dashboardId: f, colors: p }) {
 	}, Z = {
 		padding: "8px 14px",
 		borderRadius: "8px",
-		border: `1px solid ${p.borderDefault}`,
+		border: `1px solid ${g.borderDefault}`,
 		background: "transparent",
-		color: p.textPrimary,
+		color: g.textPrimary,
 		fontSize: "13px",
 		cursor: "pointer"
-	}, oe = {
+	}, ce = {
 		flex: 1,
 		padding: "8px 10px",
 		borderRadius: "8px",
-		border: `1px solid ${p.borderDefault}`,
-		background: p.bgSecondary,
-		color: p.textPrimary,
+		border: `1px solid ${g.borderDefault}`,
+		background: g.bgSecondary,
+		color: g.textPrimary,
 		fontSize: "13px"
-	}, se = {
+	}, le = {
 		padding: "4px 8px",
 		borderRadius: "6px",
-		border: `1px solid ${p.borderDefault}`,
-		background: p.bgSecondary,
-		color: p.textPrimary,
+		border: `1px solid ${g.borderDefault}`,
+		background: g.bgSecondary,
+		color: g.textPrimary,
 		fontSize: "12px",
 		cursor: "pointer"
 	}, Q = {
@@ -121,350 +113,349 @@ function f({ dashboardId: f, colors: p }) {
 		gap: "8px",
 		alignItems: "flex-start",
 		fontSize: "12px",
-		color: p.textSecondary
-	}, $ = /* @__PURE__ */ u("div", {
+		color: g.textSecondary
+	}, ue = i(() => f.map((e) => ({
+		value: e,
+		label: e === "light" ? _("bigconsole.dashboards.embed.theme.option.light", "Light") : e === "dark" ? _("bigconsole.dashboards.embed.theme.option.dark", "Dark") : _("bigconsole.dashboards.embed.theme.option.auto", "Auto (match viewer)")
+	})), [_]), $ = /* @__PURE__ */ d("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "10px"
 		},
 		children: [
-			/* @__PURE__ */ u("label", {
+			/* @__PURE__ */ d("label", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: "8px"
 				},
-				children: [/* @__PURE__ */ l("span", {
+				children: [/* @__PURE__ */ u("span", {
 					style: {
 						fontSize: "12px",
-						color: p.textSecondary
+						color: g.textSecondary
 					},
-					children: "Theme"
-				}), /* @__PURE__ */ l("select", {
-					value: N,
+					children: _("bigconsole.dashboards.embed.theme.label", "Theme")
+				}), /* @__PURE__ */ u("select", {
+					value: F,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "light" || t === "dark" || t === "auto") && P(t);
+						(t === "light" || t === "dark" || t === "auto") && I(t);
 					},
-					style: se,
-					children: d.map((e) => /* @__PURE__ */ l("option", {
+					style: le,
+					children: ue.map((e) => /* @__PURE__ */ u("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})]
 			}),
-			/* @__PURE__ */ u("label", {
+			/* @__PURE__ */ d("label", {
 				style: Q,
-				children: [/* @__PURE__ */ l("input", {
+				children: [/* @__PURE__ */ u("input", {
 					type: "checkbox",
-					checked: F,
-					onChange: (e) => I(e.target.checked)
-				}), /* @__PURE__ */ l("span", { children: "Show the dashboard title as a header" })]
+					checked: L,
+					onChange: (e) => R(e.target.checked)
+				}), /* @__PURE__ */ u("span", { children: _("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
 			}),
-			/* @__PURE__ */ u("label", {
+			/* @__PURE__ */ d("label", {
 				style: Q,
-				children: [/* @__PURE__ */ l("input", {
+				children: [/* @__PURE__ */ u("input", {
 					type: "checkbox",
-					checked: L,
-					onChange: (e) => R(e.target.checked)
-				}), /* @__PURE__ */ l("span", { children: "Show a subtle “Powered by BigConsole” footer" })]
+					checked: z,
+					onChange: (e) => B(e.target.checked)
+				}), /* @__PURE__ */ u("span", { children: _("bigconsole.dashboards.embed.presentation.showBranding", "Show a subtle “Powered by BigConsole” footer") })]
 			})
 		]
 	});
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ d("div", {
 		style: { padding: "20px 24px" },
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					padding: "12px 14px",
 					borderRadius: "10px",
-					background: p.bgSecondary,
+					background: g.bgSecondary,
 					marginBottom: "16px"
 				},
-				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "14px",
 						fontWeight: 600,
-						color: p.textPrimary
+						color: g.textPrimary
 					},
-					children: "Publish to the web"
-				}), /* @__PURE__ */ l("div", {
+					children: _("bigconsole.dashboards.embed.heading", "Publish to the web")
+				}), /* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "12px",
-						color: p.textSecondary,
+						color: g.textSecondary,
 						marginTop: "2px"
 					},
-					children: W ? "This dashboard is live. Anyone with the link on an allowed website sees its live data." : "Embed this dashboard on your website. Viewers see live data — no login required."
-				})] }), /* @__PURE__ */ l("span", {
+					children: q ? _("bigconsole.dashboards.embed.status.liveDescription", "This dashboard is live. Anyone with the link on an allowed website sees its live data.") : _("bigconsole.dashboards.embed.status.privateDescription", "Embed this dashboard on your website. Viewers see live data — no login required.")
+				})] }), /* @__PURE__ */ u("span", {
 					style: {
 						fontSize: "11px",
 						fontWeight: 700,
 						padding: "3px 8px",
 						borderRadius: "999px",
 						color: "#fff",
-						background: W ? p.statusSuccessBg : p.textTertiary
+						background: q ? g.statusSuccessBg : g.textTertiary
 					},
-					children: W ? "PUBLISHED" : "PRIVATE"
+					children: q ? _("bigconsole.dashboards.embed.badge.published", "PUBLISHED") : _("bigconsole.dashboards.embed.badge.private", "PRIVATE")
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				style: { marginBottom: "16px" },
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						style: {
 							fontSize: "12px",
 							fontWeight: 600,
-							color: p.textSecondary,
+							color: g.textSecondary,
 							marginBottom: "6px"
 						},
-						children: "Allowed website domains"
+						children: _("bigconsole.dashboards.embed.domains.label", "Allowed website domains")
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						style: {
 							display: "flex",
 							gap: "8px",
 							marginBottom: "8px"
 						},
-						children: [/* @__PURE__ */ l("input", {
-							style: oe,
-							placeholder: "https://yoursite.com",
-							value: T,
-							onChange: (e) => E(e.target.value),
+						children: [/* @__PURE__ */ u("input", {
+							style: ce,
+							placeholder: _("bigconsole.dashboards.embed.domains.placeholder", "https://yoursite.com"),
+							value: O,
+							onChange: (e) => k(e.target.value),
 							onKeyDown: (e) => {
-								e.key === "Enter" && q();
+								e.key === "Enter" && X();
 							}
-						}), /* @__PURE__ */ l("button", {
+						}), /* @__PURE__ */ u("button", {
 							style: Z,
-							onClick: q,
+							onClick: X,
 							type: "button",
-							disabled: !w,
-							children: "Add"
+							disabled: !D,
+							children: _("bigconsole.dashboards.embed.domains.add", "Add")
 						})]
 					}),
-					G.length === 0 ? /* @__PURE__ */ l("div", {
+					J.length === 0 ? /* @__PURE__ */ u("div", {
 						style: {
 							fontSize: "12px",
-							color: p.textTertiary
+							color: g.textTertiary
 						},
-						children: "No domains yet. Only listed https domains may frame this dashboard."
-					}) : /* @__PURE__ */ l("div", {
+						children: _("bigconsole.dashboards.embed.domains.empty", "No domains yet. Only listed https domains may frame this dashboard.")
+					}) : /* @__PURE__ */ u("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "6px"
 						},
-						children: G.map((e) => /* @__PURE__ */ u("div", {
+						children: J.map((e) => /* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								justifyContent: "space-between",
 								padding: "6px 10px",
 								borderRadius: "8px",
-								background: p.bgTertiary
+								background: g.bgTertiary
 							},
-							children: [/* @__PURE__ */ l("span", {
+							children: [/* @__PURE__ */ u("span", {
 								style: {
 									fontSize: "13px",
-									color: p.textPrimary
+									color: g.textPrimary
 								},
 								children: e
-							}), w && /* @__PURE__ */ l("button", {
+							}), D && /* @__PURE__ */ u("button", {
 								style: {
 									...Z,
 									padding: "2px 8px",
-									color: p.statusErrorText
+									color: g.statusErrorText
 								},
-								onClick: () => J(e),
+								onClick: () => re(e),
 								type: "button",
-								children: "Remove"
+								children: _("bigconsole.dashboards.embed.domains.remove", "Remove")
 							})]
 						}, e))
 					})
 				]
 			}),
-			!W && /* @__PURE__ */ u("div", {
+			!q && /* @__PURE__ */ d("div", {
 				style: { marginBottom: "16px" },
-				children: [/* @__PURE__ */ l("div", {
+				children: [/* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "12px",
 						fontWeight: 600,
-						color: p.textSecondary,
+						color: g.textSecondary,
 						marginBottom: "8px"
 					},
-					children: "Presentation"
+					children: _("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 				}), $]
 			}),
-			!W && /* @__PURE__ */ u("div", {
+			!q && /* @__PURE__ */ d("div", {
 				style: { marginBottom: "8px" },
-				children: [/* @__PURE__ */ u("label", {
+				children: [/* @__PURE__ */ d("label", {
 					style: {
 						display: "flex",
 						gap: "8px",
 						alignItems: "flex-start",
 						marginBottom: "12px"
 					},
-					children: [/* @__PURE__ */ l("input", {
+					children: [/* @__PURE__ */ u("input", {
 						type: "checkbox",
-						checked: k,
-						onChange: (e) => A(e.target.checked)
-					}), /* @__PURE__ */ l("span", {
+						checked: M,
+						onChange: (e) => N(e.target.checked)
+					}), /* @__PURE__ */ u("span", {
 						style: {
 							fontSize: "12px",
-							color: p.textSecondary
+							color: g.textSecondary
 						},
-						children: "I understand this makes the dashboard's live data visible to anyone with the link, and I confirm it is safe to be public."
+						children: _("bigconsole.dashboards.embed.attestation", "I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.")
 					})]
-				}), /* @__PURE__ */ l("button", {
-					style: ae,
-					onClick: Y,
-					disabled: g || !w,
+				}), /* @__PURE__ */ u("button", {
+					style: se,
+					onClick: ie,
+					disabled: b || !D,
 					type: "button",
-					children: g ? "Publishing…" : "Publish to web"
+					children: b ? _("bigconsole.dashboards.embed.publishing", "Publishing…") : _("bigconsole.dashboards.embed.publish", "Publish to web")
 				})]
 			}),
-			W && /* @__PURE__ */ u(c, { children: [
-				K ? /* @__PURE__ */ u("div", {
+			q && /* @__PURE__ */ d(l, { children: [
+				Y ? /* @__PURE__ */ d("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							style: { marginBottom: "6px" },
-							children: /* @__PURE__ */ l("span", {
+							children: /* @__PURE__ */ u("span", {
 								style: {
 									fontSize: "12px",
 									fontWeight: 600,
-									color: p.textSecondary
+									color: g.textSecondary
 								},
-								children: "Embed snippet"
+								children: _("bigconsole.dashboards.embed.snippet.label", "Embed snippet")
 							})
 						}),
-						/* @__PURE__ */ l("textarea", {
+						/* @__PURE__ */ u("textarea", {
 							readOnly: !0,
-							value: K,
+							value: Y,
 							style: {
 								width: "100%",
 								minHeight: "96px",
 								padding: "10px",
 								borderRadius: "8px",
-								border: `1px solid ${p.borderDefault}`,
-								background: p.bgSecondary,
-								color: p.textPrimary,
+								border: `1px solid ${g.borderDefault}`,
+								background: g.bgSecondary,
+								color: g.textPrimary,
 								fontFamily: "monospace",
 								fontSize: "12px",
 								resize: "vertical"
 							}
 						}),
-						/* @__PURE__ */ l("button", {
+						/* @__PURE__ */ u("button", {
 							style: {
 								...Z,
 								marginTop: "8px"
 							},
-							onClick: () => X(K),
+							onClick: () => oe(Y),
 							type: "button",
-							children: j ? "Copied ✓" : "Copy snippet"
+							children: ne ? _("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : _("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
 						})
 					]
 				}) : /* @__PURE__ */ u("div", {
 					style: {
 						fontSize: "12px",
-						color: p.textSecondary,
-						background: p.bgSecondary,
+						color: g.textSecondary,
+						background: g.bgSecondary,
 						borderRadius: "8px",
 						padding: "10px 12px",
 						marginBottom: "16px"
 					},
-					children: [
-						"The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use ",
-						/* @__PURE__ */ l("strong", { children: "Rotate link" }),
-						" to generate a fresh snippet."
-					]
+					children: _("bigconsole.dashboards.embed.snippet.alreadyActive", "The embed link is already active. For security the snippet (which contains the secret key) is only shown once at publish time — use {{rotateLabel}} to generate a fresh snippet.", { rotateLabel: _("bigconsole.dashboards.embed.rotate", "Rotate link") })
 				}),
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							style: {
 								fontSize: "12px",
 								fontWeight: 600,
-								color: p.textSecondary,
+								color: g.textSecondary,
 								marginBottom: "8px"
 							},
-							children: "Presentation"
+							children: _("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 						}),
 						$,
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ d("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "10px",
 								marginTop: "10px"
 							},
-							children: [/* @__PURE__ */ l("button", {
+							children: [/* @__PURE__ */ u("button", {
 								style: Z,
-								onClick: ie,
-								disabled: g || !w,
+								onClick: ae,
+								disabled: b || !D,
 								type: "button",
-								children: g ? "Applying…" : "Apply changes"
-							}), re && /* @__PURE__ */ l("span", {
+								children: b ? _("bigconsole.dashboards.embed.applying", "Applying…") : _("bigconsole.dashboards.embed.apply", "Apply changes")
+							}), V && /* @__PURE__ */ u("span", {
 								style: {
 									fontSize: "12px",
-									color: p.textTertiary
+									color: g.textTertiary
 								},
-								children: "Updated ✓"
+								children: _("bigconsole.dashboards.embed.updated", "Updated ✓")
 							})]
 						}),
-						/* @__PURE__ */ l("div", {
+						/* @__PURE__ */ u("div", {
 							style: {
 								fontSize: "11px",
-								color: p.textTertiary,
+								color: g.textTertiary,
 								marginTop: "6px"
 							},
-							children: "Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same."
+							children: _("bigconsole.dashboards.embed.presentation.applyHelp", "Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same.")
 						})
 					]
 				}),
-				w && /* @__PURE__ */ u("div", {
+				D && /* @__PURE__ */ d("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ l("button", {
+					children: [/* @__PURE__ */ u("button", {
 						style: Z,
-						onClick: () => m && S(m.id),
-						disabled: g,
+						onClick: () => v && E(v.id),
+						disabled: b,
 						type: "button",
-						children: "Rotate link"
-					}), /* @__PURE__ */ l("button", {
+						children: _("bigconsole.dashboards.embed.rotate", "Rotate link")
+					}), /* @__PURE__ */ u("button", {
 						style: {
 							...Z,
-							color: p.statusErrorText,
-							borderColor: p.statusErrorText
+							color: g.statusErrorText,
+							borderColor: g.statusErrorText
 						},
 						onClick: () => {
-							m && window.confirm("Unpublish this dashboard? The embed will stop working immediately for anyone using the link.") && ne(m.id);
+							v && window.confirm(_("bigconsole.dashboards.embed.unpublishConfirm", "Unpublish this dashboard? The embed will stop working immediately for anyone using the link.")) && ee(v.id);
 						},
-						disabled: g,
+						disabled: b,
 						type: "button",
-						children: "Unpublish"
+						children: _("bigconsole.dashboards.embed.unpublish", "Unpublish")
 					})]
 				})
 			] }),
-			(B || _) && /* @__PURE__ */ l("div", {
+			(U || x) && /* @__PURE__ */ u("div", {
 				style: {
 					marginTop: "12px",
 					fontSize: "12px",
-					color: p.statusErrorText
+					color: g.statusErrorText
 				},
-				children: B ?? _?.message
+				children: U ?? x?.message
 			})
 		]
 	});
 }
 //#endregion
-export { f as default };
+export { h as default };
 
 //# sourceMappingURL=EmbedTab.js.map