@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.10

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

@@ -1,70 +1,79 @@
-import { normalizeHttpsOrigin as e } from "../../../utils/safeUrl.js";
-import { BIGCONSOLE_PERMISSIONS as t } from "../../../../constants/permissions.js";
-import n, { themeChoiceFromPolicy as r } from "../../../hooks/useDashboardEmbedPolicy.js";
-import { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { usePermissions as c } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { useI18n as ee } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { BIGCONSOLE_PERMISSIONS as e } from "../../../../constants/permissions.js";
+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 d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx
-var te = [
+var f = [
 	"light",
 	"dark",
 	"auto"
 ];
-function f(e, t) {
+function ee(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) {
+	let t = e.trim();
+	if (!t) return null;
+	try {
+		let e = new URL(t);
+		return e.protocol !== "https:" || e.pathname !== "" && e.pathname !== "/" || e.search || e.hash ? null : e.origin;
+	} catch {
+		return null;
+	}
+}
 function p({ dashboardId: p, colors: m }) {
-	let { t: h } = ee(), { policy: g, secret: _, loading: v, error: y, fetchPolicy: b, publishToWeb: x, applyPresentation: S, setAllowedOrigins: C, rotateKey: w, unpublish: T } = n(), { hasPermission: E } = c(), D = E(t.DASHBOARD_MANAGE_EMBED), [O, k] = s(""), [A, j] = s([]), [M, N] = s(!1), [P, F] = s(!1), [I, L] = s("light"), [R, z] = s(!1), [ne, B] = s(!1), [V, H] = s(null), U = o(null), W = o(null);
-	i(() => {
+	let { t: h } = d(), { policy: g, secret: _, loading: v, error: y, fetchPolicy: b, publishToWeb: x, applyPresentation: ne, setAllowedOrigins: S, rotateKey: C, unpublish: w } = t(), { hasPermission: T } = s(), E = T(e.DASHBOARD_MANAGE_EMBED), [D, O] = o(""), [k, A] = o([]), [j, M] = o(!1), [N, P] = o(!1), [F, I] = o("light"), [L, R] = o(!1), [z, B] = o(!1), [V, H] = o(null), U = a(null), W = a(null);
+	r(() => {
 		p && b(p);
-	}, [p, b]), i(() => {
-		!g || U.current === g.id || (U.current = g.id, L(r(g.presentationTheme)), z(g.showDashboardTitle));
-	}, [g]), i(() => () => {
+	}, [p, b]), r(() => {
+		!g || U.current === g.id || (U.current = g.id, I(n(g.presentationTheme)), R(g.showDashboardTitle));
+	}, [g]), r(() => () => {
 		W.current && clearTimeout(W.current);
 	}, []);
-	let G = g?.status === "ACTIVE", K = G ? g?.allowedParentOrigins ?? [] : A, q = a(() => _?.iframeSnippet ? f(_.iframeSnippet, I) : null, [_, I]), J = () => {
+	let G = g?.status === "ACTIVE", K = G ? g?.allowedParentOrigins ?? [] : k, q = i(() => _?.iframeSnippet ? ee(_.iframeSnippet, F) : null, [_, F]), J = () => {
 		H(null);
-		let t = e(O);
-		if (!t) {
+		let e = te(D);
+		if (!e) {
 			H(h("bigconsole.dashboards.embed.error.invalidOrigin", "Enter a valid https origin, e.g. https://example.com"));
 			return;
 		}
-		if (K.includes(t)) {
-			k("");
+		if (K.includes(e)) {
+			O("");
 			return;
 		}
-		G && g ? C(g.id, [...K, t]) : j((e) => [...e, t]), k("");
+		G && g ? S(g.id, [...K, e]) : A((t) => [...t, e]), O("");
 	}, Y = (e) => {
-		G && g ? C(g.id, K.filter((t) => t !== e)) : j((t) => t.filter((t) => t !== e));
+		G && g ? S(g.id, K.filter((t) => t !== e)) : A((t) => t.filter((t) => t !== e));
 	}, X = async () => {
-		if (H(null), A.length === 0) {
+		if (H(null), k.length === 0) {
 			H(h("bigconsole.dashboards.embed.error.noDomains", "Add at least one allowed website domain before publishing."));
 			return;
 		}
-		if (!M) {
+		if (!j) {
 			H(h("bigconsole.dashboards.embed.error.notAttested", "Please confirm this dashboard is safe to be public."));
 			return;
 		}
-		await x(p, A, !0, {
-			theme: I,
-			showTitle: R
+		await x(p, k, !0, {
+			theme: F,
+			showTitle: L
 		});
 	}, re = async () => {
-		g && (H(null), await S(g.id, {
-			theme: I,
-			showTitle: R
+		g && (H(null), await ne(g.id, {
+			theme: F,
+			showTitle: L
 		}) && (B(!0), W.current && clearTimeout(W.current), W.current = setTimeout(() => B(!1), 1500)));
-	}, Z = async (e) => {
+	}, ie = async (e) => {
 		try {
-			await navigator.clipboard.writeText(e), F(!0), setTimeout(() => F(!1), 1500);
+			await navigator.clipboard.writeText(e), P(!0), setTimeout(() => P(!1), 1500);
 		} catch {
 			H(h("bigconsole.dashboards.embed.error.copyFailed", "Could not copy — select and copy manually."));
 		}
-	}, ie = {
+	}, Z = {
 		padding: "8px 14px",
 		borderRadius: "8px",
 		border: "none",
@@ -103,51 +112,51 @@ function p({ dashboardId: p, colors: m }) {
 		alignItems: "flex-start",
 		fontSize: "12px",
 		color: m.textSecondary
-	}, ce = a(() => te.map((e) => ({
+	}, ce = i(() => f.map((e) => ({
 		value: e,
 		label: e === "light" ? h("bigconsole.dashboards.embed.theme.option.light", "Light") : e === "dark" ? h("bigconsole.dashboards.embed.theme.option.dark", "Dark") : h("bigconsole.dashboards.embed.theme.option.auto", "Auto (match viewer)")
-	})), [h]), $ = /* @__PURE__ */ d("div", {
+	})), [h]), $ = /* @__PURE__ */ u("div", {
 		style: {
 			display: "flex",
 			flexDirection: "column",
 			gap: "10px"
 		},
 		children: [
-			/* @__PURE__ */ d("label", {
+			/* @__PURE__ */ u("label", {
 				style: {
 					display: "flex",
 					alignItems: "center",
 					justifyContent: "space-between",
 					gap: "8px"
 				},
-				children: [/* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ l("span", {
 					style: {
 						fontSize: "12px",
 						color: m.textSecondary
 					},
 					children: h("bigconsole.dashboards.embed.theme.label", "Theme")
-				}), /* @__PURE__ */ u("select", {
-					value: I,
+				}), /* @__PURE__ */ l("select", {
+					value: F,
 					onChange: (e) => {
 						let t = e.target.value;
-						(t === "light" || t === "dark" || t === "auto") && L(t);
+						(t === "light" || t === "dark" || t === "auto") && I(t);
 					},
 					style: oe,
-					children: ce.map((e) => /* @__PURE__ */ u("option", {
+					children: ce.map((e) => /* @__PURE__ */ l("option", {
 						value: e.value,
 						children: e.label
 					}, e.value))
 				})]
 			}),
-			/* @__PURE__ */ d("label", {
+			/* @__PURE__ */ u("label", {
 				style: se,
-				children: [/* @__PURE__ */ u("input", {
+				children: [/* @__PURE__ */ l("input", {
 					type: "checkbox",
-					checked: R,
-					onChange: (e) => z(e.target.checked)
-				}), /* @__PURE__ */ u("span", { children: h("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
+					checked: L,
+					onChange: (e) => R(e.target.checked)
+				}), /* @__PURE__ */ l("span", { children: h("bigconsole.dashboards.embed.presentation.showTitle", "Show the dashboard title as a header") })]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ l("div", {
 				style: {
 					fontSize: "11px",
 					color: m.textTertiary
@@ -156,10 +165,10 @@ function p({ dashboardId: p, colors: m }) {
 			})
 		]
 	});
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ u("div", {
 		style: { padding: "20px 24px" },
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				style: {
 					display: "flex",
 					alignItems: "center",
@@ -169,21 +178,21 @@ function p({ dashboardId: p, colors: m }) {
 					background: m.bgSecondary,
 					marginBottom: "16px"
 				},
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "14px",
 						fontWeight: 600,
 						color: m.textPrimary
 					},
 					children: h("bigconsole.dashboards.embed.heading", "Publish to the web")
-				}), /* @__PURE__ */ u("div", {
+				}), /* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "12px",
 						color: m.textSecondary,
 						marginTop: "2px"
 					},
 					children: G ? h("bigconsole.dashboards.embed.status.liveDescription", "This dashboard is live. Anyone with the link on an allowed website sees its live data.") : h("bigconsole.dashboards.embed.status.privateDescription", "Embed this dashboard on your website. Viewers see live data — no login required.")
-				})] }), /* @__PURE__ */ u("span", {
+				})] }), /* @__PURE__ */ l("span", {
 					style: {
 						fontSize: "11px",
 						fontWeight: 700,
@@ -195,10 +204,10 @@ function p({ dashboardId: p, colors: m }) {
 					children: G ? h("bigconsole.dashboards.embed.badge.published", "PUBLISHED") : h("bigconsole.dashboards.embed.badge.private", "PRIVATE")
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ u("div", {
 				style: { marginBottom: "16px" },
 				children: [
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ l("div", {
 						style: {
 							fontSize: "12px",
 							fontWeight: 600,
@@ -207,41 +216,41 @@ function p({ dashboardId: p, colors: m }) {
 						},
 						children: h("bigconsole.dashboards.embed.domains.label", "Allowed website domains")
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ u("div", {
 						style: {
 							display: "flex",
 							gap: "8px",
 							marginBottom: "8px"
 						},
-						children: [/* @__PURE__ */ u("input", {
+						children: [/* @__PURE__ */ l("input", {
 							style: ae,
 							placeholder: h("bigconsole.dashboards.embed.domains.placeholder", "https://yoursite.com"),
-							value: O,
-							onChange: (e) => k(e.target.value),
+							value: D,
+							onChange: (e) => O(e.target.value),
 							onKeyDown: (e) => {
 								e.key === "Enter" && J();
 							}
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ l("button", {
 							style: Q,
 							onClick: J,
 							type: "button",
-							disabled: !D,
+							disabled: !E,
 							children: h("bigconsole.dashboards.embed.domains.add", "Add")
 						})]
 					}),
-					K.length === 0 ? /* @__PURE__ */ u("div", {
+					K.length === 0 ? /* @__PURE__ */ l("div", {
 						style: {
 							fontSize: "12px",
 							color: m.textTertiary
 						},
 						children: h("bigconsole.dashboards.embed.domains.empty", "No domains yet. Only listed https domains may frame this dashboard.")
-					}) : /* @__PURE__ */ u("div", {
+					}) : /* @__PURE__ */ l("div", {
 						style: {
 							display: "flex",
 							flexDirection: "column",
 							gap: "6px"
 						},
-						children: K.map((e) => /* @__PURE__ */ d("div", {
+						children: K.map((e) => /* @__PURE__ */ u("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
@@ -250,13 +259,13 @@ function p({ dashboardId: p, colors: m }) {
 								borderRadius: "8px",
 								background: m.bgTertiary
 							},
-							children: [/* @__PURE__ */ u("span", {
+							children: [/* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "13px",
 									color: m.textPrimary
 								},
 								children: e
-							}), D && /* @__PURE__ */ u("button", {
+							}), E && /* @__PURE__ */ l("button", {
 								style: {
 									...Q,
 									padding: "2px 8px",
@@ -270,9 +279,9 @@ function p({ dashboardId: p, colors: m }) {
 					})
 				]
 			}),
-			!G && /* @__PURE__ */ d("div", {
+			!G && /* @__PURE__ */ u("div", {
 				style: { marginBottom: "16px" },
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "12px",
 						fontWeight: 600,
@@ -282,41 +291,41 @@ function p({ dashboardId: p, colors: m }) {
 					children: h("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 				}), $]
 			}),
-			!G && /* @__PURE__ */ d("div", {
+			!G && /* @__PURE__ */ u("div", {
 				style: { marginBottom: "8px" },
-				children: [/* @__PURE__ */ d("label", {
+				children: [/* @__PURE__ */ u("label", {
 					style: {
 						display: "flex",
 						gap: "8px",
 						alignItems: "flex-start",
 						marginBottom: "12px"
 					},
-					children: [/* @__PURE__ */ u("input", {
+					children: [/* @__PURE__ */ l("input", {
 						type: "checkbox",
-						checked: M,
-						onChange: (e) => N(e.target.checked)
-					}), /* @__PURE__ */ u("span", {
+						checked: j,
+						onChange: (e) => M(e.target.checked)
+					}), /* @__PURE__ */ l("span", {
 						style: {
 							fontSize: "12px",
 							color: m.textSecondary
 						},
 						children: h("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__ */ u("button", {
-					style: ie,
+				}), /* @__PURE__ */ l("button", {
+					style: Z,
 					onClick: X,
-					disabled: v || !D,
+					disabled: v || !E,
 					type: "button",
 					children: v ? h("bigconsole.dashboards.embed.publishing", "Publishing…") : h("bigconsole.dashboards.embed.publish", "Publish to web")
 				})]
 			}),
-			G && /* @__PURE__ */ d(l, { children: [
-				q ? /* @__PURE__ */ d("div", {
+			G && /* @__PURE__ */ u(c, { children: [
+				q ? /* @__PURE__ */ u("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: { marginBottom: "6px" },
-							children: /* @__PURE__ */ u("span", {
+							children: /* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "12px",
 									fontWeight: 600,
@@ -325,7 +334,7 @@ function p({ dashboardId: p, colors: m }) {
 								children: h("bigconsole.dashboards.embed.snippet.label", "Embed snippet")
 							})
 						}),
-						/* @__PURE__ */ u("textarea", {
+						/* @__PURE__ */ l("textarea", {
 							readOnly: !0,
 							value: q,
 							style: {
@@ -341,17 +350,17 @@ function p({ dashboardId: p, colors: m }) {
 								resize: "vertical"
 							}
 						}),
-						/* @__PURE__ */ u("button", {
+						/* @__PURE__ */ l("button", {
 							style: {
 								...Q,
 								marginTop: "8px"
 							},
-							onClick: () => Z(q),
+							onClick: () => ie(q),
 							type: "button",
-							children: P ? h("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : h("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
+							children: N ? h("bigconsole.dashboards.embed.snippet.copied", "Copied ✓") : h("bigconsole.dashboards.embed.snippet.copy", "Copy snippet")
 						})
 					]
-				}) : /* @__PURE__ */ u("div", {
+				}) : /* @__PURE__ */ l("div", {
 					style: {
 						fontSize: "12px",
 						color: m.textSecondary,
@@ -362,10 +371,10 @@ function p({ dashboardId: p, colors: m }) {
 					},
 					children: h("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: h("bigconsole.dashboards.embed.rotate", "Rotate link") })
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ u("div", {
 					style: { marginBottom: "16px" },
 					children: [
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: {
 								fontSize: "12px",
 								fontWeight: 600,
@@ -375,20 +384,20 @@ function p({ dashboardId: p, colors: m }) {
 							children: h("bigconsole.dashboards.embed.presentation.heading", "Presentation")
 						}),
 						$,
-						/* @__PURE__ */ d("div", {
+						/* @__PURE__ */ u("div", {
 							style: {
 								display: "flex",
 								alignItems: "center",
 								gap: "10px",
 								marginTop: "10px"
 							},
-							children: [/* @__PURE__ */ u("button", {
+							children: [/* @__PURE__ */ l("button", {
 								style: Q,
 								onClick: re,
-								disabled: v || !D,
+								disabled: v || !E,
 								type: "button",
 								children: v ? h("bigconsole.dashboards.embed.applying", "Applying…") : h("bigconsole.dashboards.embed.apply", "Apply changes")
-							}), ne && /* @__PURE__ */ u("span", {
+							}), z && /* @__PURE__ */ l("span", {
 								style: {
 									fontSize: "12px",
 									color: m.textTertiary
@@ -396,7 +405,7 @@ function p({ dashboardId: p, colors: m }) {
 								children: h("bigconsole.dashboards.embed.updated", "Updated ✓")
 							})]
 						}),
-						/* @__PURE__ */ u("div", {
+						/* @__PURE__ */ l("div", {
 							style: {
 								fontSize: "11px",
 								color: m.textTertiary,
@@ -406,25 +415,25 @@ function p({ dashboardId: p, colors: m }) {
 						})
 					]
 				}),
-				D && /* @__PURE__ */ d("div", {
+				E && /* @__PURE__ */ u("div", {
 					style: {
 						display: "flex",
 						gap: "8px"
 					},
-					children: [/* @__PURE__ */ u("button", {
+					children: [/* @__PURE__ */ l("button", {
 						style: Q,
-						onClick: () => g && w(g.id),
+						onClick: () => g && C(g.id),
 						disabled: v,
 						type: "button",
 						children: h("bigconsole.dashboards.embed.rotate", "Rotate link")
-					}), /* @__PURE__ */ u("button", {
+					}), /* @__PURE__ */ l("button", {
 						style: {
 							...Q,
 							color: m.statusErrorText,
 							borderColor: m.statusErrorText
 						},
 						onClick: () => {
-							g && window.confirm(h("bigconsole.dashboards.embed.unpublishConfirm", "Unpublish this dashboard? The embed will stop working immediately for anyone using the link.")) && T(g.id);
+							g && window.confirm(h("bigconsole.dashboards.embed.unpublishConfirm", "Unpublish this dashboard? The embed will stop working immediately for anyone using the link.")) && w(g.id);
 						},
 						disabled: v,
 						type: "button",
@@ -432,7 +441,7 @@ function p({ dashboardId: p, colors: m }) {
 					})]
 				})
 			] }),
-			(V || y) && /* @__PURE__ */ u("div", {
+			(V || y) && /* @__PURE__ */ l("div", {
 				style: {
 					marginTop: "12px",
 					fontSize: "12px",
@@ -445,3 +454,5 @@ function p({ dashboardId: p, colors: m }) {
 }
 //#endregion
 export { p as default };
+
+//# sourceMappingURL=EmbedTab.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedTab.js","names":[],"sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/EmbedTab.tsx"],"sourcesContent":["/**\n * EmbedTab — \"Publish to web\" section of the dashboard Share dialog.\n *\n * Owner-facing UI to publish a dashboard as an anonymous-link embed serving LIVE\n * data, manage the allowed parent domains, copy the iframe snippet, rotate the\n * link key, and unpublish. Backed by {@link useDashboardEmbedPolicy}; all\n * mutations are gateway-enforced by `@rbac(manage_embed)` (owner-only).\n *\n * Self-contained (inline styles driven by the dialog's `colors`) so it slots into\n * the existing hand-styled ShareDialog without a broader refactor.\n */\n\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useDashboardEmbedPolicy, themeChoiceFromPolicy } from '../../../hooks/useDashboardEmbedPolicy';\nimport { BIGCONSOLE_PERMISSIONS } from '../../../../constants/permissions';\n\ninterface DialogColors {\n  bgPrimary: string;\n  bgSecondary: string;\n  bgTertiary: string;\n  textPrimary: string;\n  textSecondary: string;\n  textTertiary: string;\n  borderDefault: string;\n  actionPrimaryBg: string;\n  actionPrimaryBgHover: string;\n  statusSuccessBg: string;\n  statusErrorText: string;\n}\n\nexport interface EmbedTabProps {\n  dashboardId: string;\n  colors: DialogColors;\n}\n\n/** Embed color-mode baked into the iframe URL (BOFF-5734). */\ntype EmbedSnippetTheme = 'light' | 'dark' | 'auto';\n\nconst THEME_OPTION_VALUES: ReadonlyArray<EmbedSnippetTheme> = ['light', 'dark', 'auto'];\n\n/**\n * Bake the chosen color mode into an iframe snippet by adding `?theme=` to its\n * `src` URL. `light` is the default and is left implicit so existing/plain\n * snippets stay unchanged. The secret `#key=` fragment is preserved untouched.\n *\n * Inserted via string splicing (before the fragment) rather than `URL`/\n * `URLSearchParams`, which re-serialize ALL params and could subtly re-encode\n * existing ones (e.g. `%20` → `+`). `theme` is a fixed enum, so no encoding is\n * needed; every other part of the URL is passed through byte-for-byte.\n */\nexport function withThemeInSnippet(snippet: string, theme: EmbedSnippetTheme): string {\n  if (theme === 'light') return snippet;\n  // Require whitespace before `src` so we match the real attribute, never a\n  // substring like `data-src`/`srcdoc` (the snippet is backend-generated with\n  // each attribute on its own indented line).\n  return snippet.replace(/(?<=\\s)src=\"([^\"]*)\"/, (_match, url: string) => {\n    const hashIdx = url.indexOf('#');\n    const base = hashIdx === -1 ? url : url.slice(0, hashIdx);\n    const fragment = hashIdx === -1 ? '' : url.slice(hashIdx);\n    const sep = base.includes('?') ? '&' : '?';\n    return `src=\"${base}${sep}theme=${theme}${fragment}\"`;\n  });\n}\n\n/** Validate an exact https origin (matches the backend allowlist rules). */\nfunction normalizeOrigin(raw: string): string | null {\n  const trimmed = raw.trim();\n  if (!trimmed) return null;\n  try {\n    const url = new URL(trimmed);\n    if (url.protocol !== 'https:') return null;\n    if ((url.pathname !== '' && url.pathname !== '/') || url.search || url.hash) return null;\n    return url.origin;\n  } catch {\n    return null;\n  }\n}\n\nexport function EmbedTab({ dashboardId, colors }: EmbedTabProps) {\n  const { t } = useI18n();\n  const {\n    policy,\n    secret,\n    loading,\n    error,\n    fetchPolicy,\n    publishToWeb,\n    applyPresentation,\n    setAllowedOrigins,\n    rotateKey,\n    unpublish,\n  } = useDashboardEmbedPolicy();\n\n  // All embed policy mutations (publish, rotate, revoke, set-origins, apply\n  // presentation) are gateway-enforced by `@rbac(manage_embed)`. Gate the UI on\n  // the same permission so the controls degrade gracefully instead of erroring.\n  const { hasPermission } = usePermissions();\n  const canManageEmbed = hasPermission(BIGCONSOLE_PERMISSIONS.DASHBOARD_MANAGE_EMBED);\n\n  const [domainInput, setDomainInput] = useState('');\n  const [pendingDomains, setPendingDomains] = useState<string[]>([]);\n  const [attested, setAttested] = useState(false);\n  const [copied, setCopied] = useState(false);\n  // Presentation options (BOFF-5735). Defaults mirror the backend column defaults\n  // so a fresh publish captures a sensible look without extra clicks.\n  const [theme, setTheme] = useState<EmbedSnippetTheme>('light');\n  const [showTitle, setShowTitle] = useState(false);\n  const [presentationSaved, setPresentationSaved] = useState(false);\n  const [localError, setLocalError] = useState<string | null>(null);\n  // Only seed the presentation controls once per policy identity — NOT on every\n  // `policy` object change. Otherwise an unrelated mutation (e.g. adding a domain\n  // via setAllowedOrigins) would return a fresh policy object and clobber the\n  // owner's in-progress, not-yet-applied theme/title edits.\n  const syncedPolicyIdRef = useRef<string | null>(null);\n  const savedTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    if (dashboardId) fetchPolicy(dashboardId);\n  }, [dashboardId, fetchPolicy]);\n\n  // Reflect the persisted presentation the first time each policy loads.\n  useEffect(() => {\n    if (!policy || syncedPolicyIdRef.current === policy.id) return;\n    syncedPolicyIdRef.current = policy.id;\n    setTheme(themeChoiceFromPolicy(policy.presentationTheme));\n    setShowTitle(policy.showDashboardTitle);\n  }, [policy]);\n\n  // Clear any pending \"Updated ✓\" timer on unmount.\n  useEffect(\n    () => () => {\n      if (savedTimerRef.current) clearTimeout(savedTimerRef.current);\n    },\n    []\n  );\n\n  const isPublished = policy?.status === 'ACTIVE';\n  const domains = isPublished ? (policy?.allowedParentOrigins ?? []) : pendingDomains;\n\n  // The copyable iframe snippet: from the one-time secret if present (fresh\n  // publish/rotate), else reconstructed from the locator for an already-published\n  // policy (the fragment key is only available in the one-time secret).\n  const iframeSnippet = useMemo(() => {\n    if (secret?.iframeSnippet) return withThemeInSnippet(secret.iframeSnippet, theme);\n    return null;\n  }, [secret, theme]);\n\n  const addDomain = () => {\n    setLocalError(null);\n    const origin = normalizeOrigin(domainInput);\n    if (!origin) {\n      setLocalError(\n        t('bigconsole.dashboards.embed.error.invalidOrigin', 'Enter a valid https origin, e.g. https://example.com')\n      );\n      return;\n    }\n    if (domains.includes(origin)) {\n      setDomainInput('');\n      return;\n    }\n    if (isPublished && policy) {\n      void setAllowedOrigins(policy.id, [...domains, origin]);\n    } else {\n      setPendingDomains((prev) => [...prev, origin]);\n    }\n    setDomainInput('');\n  };\n\n  const removeDomain = (origin: string) => {\n    if (isPublished && policy) {\n      void setAllowedOrigins(\n        policy.id,\n        domains.filter((d) => d !== origin)\n      );\n    } else {\n      setPendingDomains((prev) => prev.filter((d) => d !== origin));\n    }\n  };\n\n  const handlePublish = async () => {\n    setLocalError(null);\n    if (pendingDomains.length === 0) {\n      setLocalError(\n        t('bigconsole.dashboards.embed.error.noDomains', 'Add at least one allowed website domain before publishing.')\n      );\n      return;\n    }\n    if (!attested) {\n      setLocalError(\n        t('bigconsole.dashboards.embed.error.notAttested', 'Please confirm this dashboard is safe to be public.')\n      );\n      return;\n    }\n    await publishToWeb(dashboardId, pendingDomains, true, { theme, showTitle });\n  };\n\n  const handleApplyPresentation = async () => {\n    if (!policy) return;\n    setLocalError(null);\n    const updated = await applyPresentation(policy.id, { theme, showTitle });\n    if (updated) {\n      setPresentationSaved(true);\n      // Clear any in-flight timer so rapid re-clicks don't hide the confirmation early.\n      if (savedTimerRef.current) clearTimeout(savedTimerRef.current);\n      savedTimerRef.current = setTimeout(() => setPresentationSaved(false), 1500);\n    }\n  };\n\n  const handleCopy = async (text: string) => {\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    } catch {\n      setLocalError(t('bigconsole.dashboards.embed.error.copyFailed', 'Could not copy — select and copy manually.'));\n    }\n  };\n\n  const primaryBtn: React.CSSProperties = {\n    padding: '8px 14px',\n    borderRadius: '8px',\n    border: 'none',\n    background: colors.actionPrimaryBg,\n    color: '#fff',\n    fontSize: '13px',\n    fontWeight: 600,\n    cursor: 'pointer',\n  };\n  const ghostBtn: React.CSSProperties = {\n    padding: '8px 14px',\n    borderRadius: '8px',\n    border: `1px solid ${colors.borderDefault}`,\n    background: 'transparent',\n    color: colors.textPrimary,\n    fontSize: '13px',\n    cursor: 'pointer',\n  };\n  const inputStyle: React.CSSProperties = {\n    flex: 1,\n    padding: '8px 10px',\n    borderRadius: '8px',\n    border: `1px solid ${colors.borderDefault}`,\n    background: colors.bgSecondary,\n    color: colors.textPrimary,\n    fontSize: '13px',\n  };\n  const selectStyle: React.CSSProperties = {\n    padding: '4px 8px',\n    borderRadius: '6px',\n    border: `1px solid ${colors.borderDefault}`,\n    background: colors.bgSecondary,\n    color: colors.textPrimary,\n    fontSize: '12px',\n    cursor: 'pointer',\n  };\n  const toggleRow: React.CSSProperties = {\n    display: 'flex',\n    gap: '8px',\n    alignItems: 'flex-start',\n    fontSize: '12px',\n    color: colors.textSecondary,\n  };\n\n  const themeOptions = useMemo(\n    () =>\n      THEME_OPTION_VALUES.map((value) => ({\n        value,\n        label:\n          value === 'light'\n            ? t('bigconsole.dashboards.embed.theme.option.light', 'Light')\n            : value === 'dark'\n              ? t('bigconsole.dashboards.embed.theme.option.dark', 'Dark')\n              : t('bigconsole.dashboards.embed.theme.option.auto', 'Auto (match viewer)'),\n      })),\n    [t]\n  );\n\n  // Presentation controls (BOFF-5735) — shared by the pre-publish and published\n  // states. Local state drives both the persisted policy and the snippet `?theme=`.\n  // Branding is not a control: every embed carries the \"Powered by BigConsole\"\n  // footer (no white-labelling), so the owner only sees a static note about it.\n  const presentationControls = (\n    <div style={{ display: 'flex', flexDirection: 'column', gap: '10px' }}>\n      <label style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: '8px' }}>\n        <span style={{ fontSize: '12px', color: colors.textSecondary }}>\n          {t('bigconsole.dashboards.embed.theme.label', 'Theme')}\n        </span>\n        <select\n          value={theme}\n          onChange={(e) => {\n            // The options are fixed, but narrow instead of casting so an\n            // unexpected value can never slip into state.\n            const value = e.target.value;\n            if (value === 'light' || value === 'dark' || value === 'auto') {\n              setTheme(value);\n            }\n          }}\n          style={selectStyle}\n        >\n          {themeOptions.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n      </label>\n      <label style={toggleRow}>\n        <input type=\"checkbox\" checked={showTitle} onChange={(e) => setShowTitle(e.target.checked)} />\n        <span>{t('bigconsole.dashboards.embed.presentation.showTitle', 'Show the dashboard title as a header')}</span>\n      </label>\n      <div style={{ fontSize: '11px', color: colors.textTertiary }}>\n        {t(\n          'bigconsole.dashboards.embed.presentation.brandingNote',\n          'Embeds always carry a “Powered by BigConsole” footer.'\n        )}\n      </div>\n    </div>\n  );\n\n  return (\n    <div style={{ padding: '20px 24px' }}>\n      {/* Status banner */}\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n          padding: '12px 14px',\n          borderRadius: '10px',\n          background: colors.bgSecondary,\n          marginBottom: '16px',\n        }}\n      >\n        <div>\n          <div style={{ fontSize: '14px', fontWeight: 600, color: colors.textPrimary }}>\n            {t('bigconsole.dashboards.embed.heading', 'Publish to the web')}\n          </div>\n          <div style={{ fontSize: '12px', color: colors.textSecondary, marginTop: '2px' }}>\n            {isPublished\n              ? t(\n                  'bigconsole.dashboards.embed.status.liveDescription',\n                  'This dashboard is live. Anyone with the link on an allowed website sees its live data.'\n                )\n              : t(\n                  'bigconsole.dashboards.embed.status.privateDescription',\n                  'Embed this dashboard on your website. Viewers see live data — no login required.'\n                )}\n          </div>\n        </div>\n        <span\n          style={{\n            fontSize: '11px',\n            fontWeight: 700,\n            padding: '3px 8px',\n            borderRadius: '999px',\n            color: '#fff',\n            background: isPublished ? colors.statusSuccessBg : colors.textTertiary,\n          }}\n        >\n          {isPublished\n            ? t('bigconsole.dashboards.embed.badge.published', 'PUBLISHED')\n            : t('bigconsole.dashboards.embed.badge.private', 'PRIVATE')}\n        </span>\n      </div>\n\n      {/* Allowed domains */}\n      <div style={{ marginBottom: '16px' }}>\n        <div style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary, marginBottom: '6px' }}>\n          {t('bigconsole.dashboards.embed.domains.label', 'Allowed website domains')}\n        </div>\n        <div style={{ display: 'flex', gap: '8px', marginBottom: '8px' }}>\n          <input\n            style={inputStyle}\n            placeholder={t('bigconsole.dashboards.embed.domains.placeholder', 'https://yoursite.com')}\n            value={domainInput}\n            onChange={(e) => setDomainInput(e.target.value)}\n            onKeyDown={(e) => {\n              if (e.key === 'Enter') addDomain();\n            }}\n          />\n          <button style={ghostBtn} onClick={addDomain} type=\"button\" disabled={!canManageEmbed}>\n            {t('bigconsole.dashboards.embed.domains.add', 'Add')}\n          </button>\n        </div>\n        {domains.length === 0 ? (\n          <div style={{ fontSize: '12px', color: colors.textTertiary }}>\n            {t(\n              'bigconsole.dashboards.embed.domains.empty',\n              'No domains yet. Only listed https domains may frame this dashboard.'\n            )}\n          </div>\n        ) : (\n          <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>\n            {domains.map((d) => (\n              <div\n                key={d}\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'space-between',\n                  padding: '6px 10px',\n                  borderRadius: '8px',\n                  background: colors.bgTertiary,\n                }}\n              >\n                <span style={{ fontSize: '13px', color: colors.textPrimary }}>{d}</span>\n                {canManageEmbed && (\n                  <button\n                    style={{ ...ghostBtn, padding: '2px 8px', color: colors.statusErrorText }}\n                    onClick={() => removeDomain(d)}\n                    type=\"button\"\n                  >\n                    {t('bigconsole.dashboards.embed.domains.remove', 'Remove')}\n                  </button>\n                )}\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Presentation (unpublished — captured into the publish) */}\n      {!isPublished && (\n        <div style={{ marginBottom: '16px' }}>\n          <div style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary, marginBottom: '8px' }}>\n            {t('bigconsole.dashboards.embed.presentation.heading', 'Presentation')}\n          </div>\n          {presentationControls}\n        </div>\n      )}\n\n      {/* Publish CTA (unpublished) */}\n      {!isPublished && (\n        <div style={{ marginBottom: '8px' }}>\n          <label style={{ display: 'flex', gap: '8px', alignItems: 'flex-start', marginBottom: '12px' }}>\n            <input type=\"checkbox\" checked={attested} onChange={(e) => setAttested(e.target.checked)} />\n            <span style={{ fontSize: '12px', color: colors.textSecondary }}>\n              {t(\n                'bigconsole.dashboards.embed.attestation',\n                'I understand this makes the dashboard’s live data visible to anyone with the link, and I confirm it is safe to be public.'\n              )}\n            </span>\n          </label>\n          <button style={primaryBtn} onClick={handlePublish} disabled={loading || !canManageEmbed} type=\"button\">\n            {loading\n              ? t('bigconsole.dashboards.embed.publishing', 'Publishing…')\n              : t('bigconsole.dashboards.embed.publish', 'Publish to web')}\n          </button>\n        </div>\n      )}\n\n      {/* Embed snippet + management (published) */}\n      {isPublished && (\n        <>\n          {iframeSnippet ? (\n            <div style={{ marginBottom: '16px' }}>\n              <div style={{ marginBottom: '6px' }}>\n                <span style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary }}>\n                  {t('bigconsole.dashboards.embed.snippet.label', 'Embed snippet')}\n                </span>\n              </div>\n              <textarea\n                readOnly\n                value={iframeSnippet}\n                style={{\n                  width: '100%',\n                  minHeight: '96px',\n                  padding: '10px',\n                  borderRadius: '8px',\n                  border: `1px solid ${colors.borderDefault}`,\n                  background: colors.bgSecondary,\n                  color: colors.textPrimary,\n                  fontFamily: 'monospace',\n                  fontSize: '12px',\n                  resize: 'vertical',\n                }}\n              />\n              <button style={{ ...ghostBtn, marginTop: '8px' }} onClick={() => handleCopy(iframeSnippet)} type=\"button\">\n                {copied\n                  ? t('bigconsole.dashboards.embed.snippet.copied', 'Copied ✓')\n                  : t('bigconsole.dashboards.embed.snippet.copy', 'Copy snippet')}\n              </button>\n            </div>\n          ) : (\n            <div\n              style={{\n                fontSize: '12px',\n                color: colors.textSecondary,\n                background: colors.bgSecondary,\n                borderRadius: '8px',\n                padding: '10px 12px',\n                marginBottom: '16px',\n              }}\n            >\n              {t(\n                'bigconsole.dashboards.embed.snippet.alreadyActive',\n                '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.',\n                { rotateLabel: t('bigconsole.dashboards.embed.rotate', 'Rotate link') }\n              )}\n            </div>\n          )}\n\n          {/* Presentation (published — persisted + re-published to take effect) */}\n          <div style={{ marginBottom: '16px' }}>\n            <div style={{ fontSize: '12px', fontWeight: 600, color: colors.textSecondary, marginBottom: '8px' }}>\n              {t('bigconsole.dashboards.embed.presentation.heading', 'Presentation')}\n            </div>\n            {presentationControls}\n            <div style={{ display: 'flex', alignItems: 'center', gap: '10px', marginTop: '10px' }}>\n              <button\n                style={ghostBtn}\n                onClick={handleApplyPresentation}\n                disabled={loading || !canManageEmbed}\n                type=\"button\"\n              >\n                {loading\n                  ? t('bigconsole.dashboards.embed.applying', 'Applying…')\n                  : t('bigconsole.dashboards.embed.apply', 'Apply changes')}\n              </button>\n              {presentationSaved && (\n                <span style={{ fontSize: '12px', color: colors.textTertiary }}>\n                  {t('bigconsole.dashboards.embed.updated', 'Updated ✓')}\n                </span>\n              )}\n            </div>\n            <div style={{ fontSize: '11px', color: colors.textTertiary, marginTop: '6px' }}>\n              {t(\n                'bigconsole.dashboards.embed.presentation.applyHelp',\n                'Changes apply to live embeds within a few seconds — no re-publish needed, and the embed link stays the same.'\n              )}\n            </div>\n          </div>\n\n          {/* Rotate/Unpublish are destructive management actions — hide entirely\n              when the caller can't manage the embed. */}\n          {canManageEmbed && (\n            <div style={{ display: 'flex', gap: '8px' }}>\n              <button style={ghostBtn} onClick={() => policy && rotateKey(policy.id)} disabled={loading} type=\"button\">\n                {t('bigconsole.dashboards.embed.rotate', 'Rotate link')}\n              </button>\n              <button\n                style={{ ...ghostBtn, color: colors.statusErrorText, borderColor: colors.statusErrorText }}\n                onClick={() => {\n                  if (\n                    policy &&\n                    window.confirm(\n                      t(\n                        'bigconsole.dashboards.embed.unpublishConfirm',\n                        'Unpublish this dashboard? The embed will stop working immediately for anyone using the link.'\n                      )\n                    )\n                  ) {\n                    void unpublish(policy.id);\n                  }\n                }}\n                disabled={loading}\n                type=\"button\"\n              >\n                {t('bigconsole.dashboards.embed.unpublish', 'Unpublish')}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n\n      {(localError || error) && (\n        <div style={{ marginTop: '12px', fontSize: '12px', color: colors.statusErrorText }}>\n          {localError ?? error?.message}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default EmbedTab;\n"],"mappings":"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"}

package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.d.ts

@@ -20,3 +20,4 @@ export interface ShareDialogProps {
 }
 export declare function ShareDialog(props: ShareDialogProps): React.JSX.Element;
 export default ShareDialog;
+//# sourceMappingURL=ShareDialog.d.ts.map

package/dist/bigconsole/components/dashboard/ShareDialog/ShareDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShareDialog.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/dashboard/ShareDialog/ShareDialog.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AASxE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AA0B1D,MAAM,WAAW,gBAAgB;IAC/B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,6EAA6E;IAC7E,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,mBAAmB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxE,+FAA+F;IAC/F,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA4BD,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,qBAYlD;AAkuBD,eAAe,WAAW,CAAC"}

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

@@ -707,3 +707,5 @@ function re({ share: e, onUpdatePermission: t, onRevoke: n, colors: r }) {
 }
 //#endregion
 export { v as default };
+
+//# sourceMappingURL=ShareDialog.js.map