@burdenoff/microfe-bigconsole 2026.925.1 → 2026.928.1

package/dist/bigconsole/components/widgets/kanban/KanbanWidget.js

@@ -1,193 +1,16 @@
-import { memo as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import e from "./KanbanView.js";
+import { memo as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/kanban/KanbanWidget.tsx
-function a(e) {
-	switch (e) {
-		case "high": return "bg-status-error-bg/20 text-status-error-text";
-		case "medium": return "bg-status-warning-bg/20 text-[var(--color-status-warning-text)]";
-		case "low": return "bg-status-success-bg/20 text-status-success-text";
-		default: return "bg-bg-sunken text-text-secondary";
-	}
-}
-var o = [
-	"status",
-	"state",
-	"column",
-	"stage",
-	"category",
-	"phase",
-	"group"
-], s = [
-	"title",
-	"name",
-	"summary",
-	"label",
-	"identifier",
-	"id"
-];
-function c(e) {
-	return typeof e == "string" && e.length > 0 ? e : void 0;
-}
-function l(e) {
-	let t = (e) => e.filter((e) => !!e && typeof e == "object" && !Array.isArray(e));
-	if (Array.isArray(e)) return t(e);
-	if (e && typeof e == "object") {
-		let n = e;
-		for (let e of [
-			"tasks",
-			"rows",
-			"items",
-			"data",
-			"nodes",
-			"results",
-			"records"
-		]) if (Array.isArray(n[e])) return t(n[e]);
-		let r = Object.values(n).find((e) => Array.isArray(e));
-		if (Array.isArray(r)) return t(r);
-	}
-	return [];
-}
-function u(e, t) {
-	for (let n of t) if (n && n in e) return n;
-}
-function d(e) {
-	let t = c(e)?.toLowerCase();
-	if (t) {
-		if (t === "urgent" || t === "high") return "high";
-		if (t === "medium" || t === "normal") return "medium";
-		if (t === "low") return "low";
-	}
-}
-function f(e, t) {
-	if (e && typeof e == "object" && !Array.isArray(e) && Array.isArray(e.columns)) {
-		let t = e;
-		return {
-			columns: t.columns ?? [],
-			tasks: t.tasks ?? []
-		};
-	}
-	let n = l(e);
-	if (n.length === 0) return {
-		columns: [],
-		tasks: []
-	};
-	let r = n[0], i = u(r, [
-		c(t?.columnField),
-		c(t?.groupField),
-		c(t?.statusField),
-		...o,
-		c(t?.xAxisField),
-		c(t?.labelField)
-	]);
-	if (!i) return {
-		columns: [],
-		tasks: []
-	};
-	let a = u(r, [
-		c(t?.cardTitleField),
-		c(t?.titleField),
-		...s,
-		c(t?.labelField)
-	]), f = {}, p = [], m = n.map((e, t) => {
-		let n = e[i], r = n == null || n === "" ? "Uncategorized" : String(n);
-		r in f || (f[r] = r, p.push(r));
-		let o = e.id ?? e.identifier ?? e.key, s = Array.isArray(e.labels) ? e.labels.filter((e) => typeof e == "string") : void 0;
-		return {
-			id: o == null ? `task-${t}` : String(o),
-			title: a && e[a] != null ? String(e[a]) : `Item ${t + 1}`,
-			column: r,
-			assignee: c(e.assignee),
-			priority: d(e.priority ?? e.priorityLabel),
-			labels: s && s.length > 0 ? s : void 0
-		};
-	});
-	return {
-		columns: p.map((e) => ({
-			id: e,
-			title: f[e] ?? e
-		})),
-		tasks: m
-	};
-}
-var p = e(function({ widget: e, data: o, onClick: s }) {
-	let { t: c } = i(), l = e.config, { columns: u, tasks: d } = t(() => f(o, l), [o, l]), p = t(() => {
-		let e = {};
-		return u.forEach((t) => {
-			e[t.id] = d.filter((e) => e.column === t.id);
-		}), e;
-	}, [u, d]);
-	return u.length ? /* @__PURE__ */ n("div", {
-		className: "flex h-full p-2 gap-2 overflow-x-auto",
-		children: u.map((e) => {
-			let t = p[e.id] || [];
-			return /* @__PURE__ */ r("div", {
-				className: "flex-shrink-0 w-48 flex flex-col bg-bg-sunken/50 rounded-lg",
-				children: [/* @__PURE__ */ r("div", {
-					className: "flex items-center gap-2 p-2 border-b border-border-default",
-					children: [
-						/* @__PURE__ */ n("div", {
-							className: "w-2 h-2 rounded-full",
-							style: { backgroundColor: e.color || "var(--color-text-muted)" }
-						}),
-						/* @__PURE__ */ n("span", {
-							className: "text-xs font-medium text-text-primary truncate",
-							children: e.title
-						}),
-						/* @__PURE__ */ n("span", {
-							className: "ml-auto text-xs text-text-muted",
-							children: t.length
-						})
-					]
-				}), /* @__PURE__ */ r("div", {
-					className: "flex-1 p-2 space-y-2 overflow-y-auto",
-					children: [t.map((e) => /* @__PURE__ */ r("div", {
-						className: `
-                      p-2 bg-bg-surface rounded border border-border-default
-                      ${s ? "cursor-pointer hover:border-action-primary-bg" : ""}
-                      transition-colors
-                    `,
-						onClick: () => s?.(e),
-						children: [/* @__PURE__ */ n("p", {
-							className: "text-xs font-medium text-text-primary line-clamp-2",
-							children: e.title
-						}), /* @__PURE__ */ r("div", {
-							className: "flex items-center gap-1 mt-2 flex-wrap",
-							children: [e.priority && /* @__PURE__ */ n("span", {
-								className: `px-1.5 py-0.5 text-[10px] rounded ${a(e.priority)}`,
-								children: e.priority
-							}), e.assignee && /* @__PURE__ */ n("span", {
-								className: "px-1.5 py-0.5 text-[10px] rounded bg-action-primary-bg/10 text-action-primary-text",
-								children: e.assignee
-							})]
-						})]
-					}, e.id)), t.length === 0 && /* @__PURE__ */ n("p", {
-						className: "text-[10px] text-text-muted text-center py-4",
-						children: c("bigconsole.widget.kanban.noTasks", "No tasks")
-					})]
-				})]
-			}, e.id);
-		})
-	}) : /* @__PURE__ */ n("div", {
-		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ r("div", {
-			className: "text-center",
-			children: [/* @__PURE__ */ n("svg", {
-				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
-				fill: "none",
-				stroke: "currentColor",
-				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ n("path", {
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					strokeWidth: 1.5,
-					d: "M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"
-				})
-			}), /* @__PURE__ */ n("p", { children: c("bigconsole.widget.kanban.emptyState", "No board data") })]
-		})
+var i = t(function(t) {
+	let { t: i } = r();
+	return /* @__PURE__ */ n(e, {
+		...t,
+		t: i
 	});
 });
 //#endregion
-export { p as default };
+export { i as default };
 
 //# sourceMappingURL=KanbanWidget.js.map

package/dist/bigconsole/components/widgets/kanban/KanbanWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kanban/KanbanWidget.tsx"],"sourcesContent":["/**\n * KanbanWidget Component\n *\n * Simple kanban board view with columns and tasks.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface KanbanWidgetProps {\n  widget: Widget;\n  data?: KanbanData;\n  onClick?: (task: KanbanTask) => void;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  color?: string;\n}\n\nexport interface KanbanTask {\n  id: string;\n  title: string;\n  column: string;\n  priority?: 'high' | 'medium' | 'low';\n  assignee?: string;\n  labels?: string[];\n  dueDate?: string;\n}\n\nexport interface KanbanData {\n  columns?: KanbanColumn[];\n  tasks?: KanbanTask[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getPriorityColor(priority?: string): string {\n  switch (priority) {\n    case 'high':\n      return 'bg-status-error-bg/20 text-status-error-text';\n    case 'medium':\n      return 'bg-status-warning-bg/20 text-[var(--color-status-warning-text)]';\n    case 'low':\n      return 'bg-status-success-bg/20 text-status-success-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\n// Field names we try, in order, when the widget config doesn't name one\n// explicitly. A DataSink/parser typically emits a flat array of rows (e.g. the\n// Linear \"Kanban board\" parser -> [{ id, title, status, assignee, ... }]), so\n// the board is derived from a status/column field on those rows.\nconst COLUMN_FIELD_CANDIDATES = ['status', 'state', 'column', 'stage', 'category', 'phase', 'group'];\nconst TITLE_FIELD_CANDIDATES = ['title', 'name', 'summary', 'label', 'identifier', 'id'];\n\nfunction asString(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\n/** Coerce parser output into an array of object rows (handles common envelopes). */\nfunction asRows(data: unknown): Record<string, unknown>[] {\n  const onlyObjects = (arr: unknown[]): Record<string, unknown>[] =>\n    arr.filter((r): r is Record<string, unknown> => !!r && typeof r === 'object' && !Array.isArray(r));\n\n  if (Array.isArray(data)) return onlyObjects(data);\n\n  if (data && typeof data === 'object') {\n    const obj = data as Record<string, unknown>;\n    for (const key of ['tasks', 'rows', 'items', 'data', 'nodes', 'results', 'records']) {\n      if (Array.isArray(obj[key])) return onlyObjects(obj[key] as unknown[]);\n    }\n    const firstArray = Object.values(obj).find((v) => Array.isArray(v));\n    if (Array.isArray(firstArray)) return onlyObjects(firstArray);\n  }\n  return [];\n}\n\n/** First key that actually exists on the sample row. */\nfunction firstPresent(row: Record<string, unknown>, keys: (string | undefined)[]): string | undefined {\n  for (const key of keys) {\n    if (key && key in row) return key;\n  }\n  return undefined;\n}\n\nfunction normalizePriority(value: unknown): KanbanTask['priority'] {\n  const v = asString(value)?.toLowerCase();\n  if (!v) return undefined;\n  if (v === 'urgent' || v === 'high') return 'high';\n  if (v === 'medium' || v === 'normal') return 'medium';\n  if (v === 'low') return 'low';\n  return undefined;\n}\n\n/**\n * Normalize widget data into the board's { columns, tasks } shape.\n *\n * KanbanWidget previously required the exact canonical shape and rendered\n * \"No board data\" for any DataSink/parser output that was a plain array of\n * rows (which is what parsers actually emit) — BOFF-4110. This adapts a flat\n * array into columns (distinct values of a status/column field, in first-seen\n * order) plus one card per row, honoring config field mappings with fallbacks.\n */\nfunction normalizeKanban(\n  data: unknown,\n  config?: Record<string, unknown>\n): { columns: KanbanColumn[]; tasks: KanbanTask[] } {\n  // Canonical shape passes through untouched (back-compat).\n  if (data && typeof data === 'object' && !Array.isArray(data) && Array.isArray((data as KanbanData).columns)) {\n    const d = data as KanbanData;\n    return { columns: d.columns ?? [], tasks: d.tasks ?? [] };\n  }\n\n  const rows = asRows(data);\n  if (rows.length === 0) return { columns: [], tasks: [] };\n\n  const sample = rows[0];\n  const columnField = firstPresent(sample, [\n    asString(config?.columnField),\n    asString(config?.groupField),\n    asString(config?.statusField),\n    ...COLUMN_FIELD_CANDIDATES,\n    asString(config?.xAxisField),\n    asString(config?.labelField),\n  ]);\n  if (!columnField) return { columns: [], tasks: [] };\n\n  const titleField = firstPresent(sample, [\n    asString(config?.cardTitleField),\n    asString(config?.titleField),\n    ...TITLE_FIELD_CANDIDATES,\n    asString(config?.labelField),\n  ]);\n\n  const columnTitles: Record<string, string> = {};\n  const columnOrder: string[] = [];\n  const tasks: KanbanTask[] = rows.map((row, i) => {\n    const columnRaw = row[columnField];\n    const column = columnRaw == null || columnRaw === '' ? 'Uncategorized' : String(columnRaw);\n    if (!(column in columnTitles)) {\n      columnTitles[column] = column;\n      columnOrder.push(column);\n    }\n    const idRaw = row.id ?? row.identifier ?? row.key;\n    const labels = Array.isArray(row.labels) ? row.labels.filter((l): l is string => typeof l === 'string') : undefined;\n    return {\n      id: idRaw != null ? String(idRaw) : `task-${i}`,\n      title: titleField && row[titleField] != null ? String(row[titleField]) : `Item ${i + 1}`,\n      column,\n      assignee: asString(row.assignee),\n      priority: normalizePriority(row.priority ?? row.priorityLabel),\n      labels: labels && labels.length > 0 ? labels : undefined,\n    };\n  });\n\n  const columns: KanbanColumn[] = columnOrder.map((id) => ({ id, title: columnTitles[id] ?? id }));\n  return { columns, tasks };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const KanbanWidget: FC<KanbanWidgetProps> = memo(function KanbanWidget({ widget, data, onClick }) {\n  const { t } = useI18n();\n  const config = widget.config as Record<string, unknown> | undefined;\n  const { columns, tasks } = useMemo(() => normalizeKanban(data, config), [data, config]);\n\n  // Group tasks by column\n  const tasksByColumn = useMemo(() => {\n    const grouped: Record<string, KanbanTask[]> = {};\n    columns.forEach((col) => {\n      grouped[col.id] = tasks.filter((t) => t.column === col.id);\n    });\n    return grouped;\n  }, [columns, tasks]);\n\n  if (!columns.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2\"\n            />\n          </svg>\n          <p>{t('bigconsole.widget.kanban.emptyState', 'No board data')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full p-2 gap-2 overflow-x-auto\">\n      {columns.map((column) => {\n        const columnTasks = tasksByColumn[column.id] || [];\n\n        return (\n          <div key={column.id} className=\"flex-shrink-0 w-48 flex flex-col bg-bg-sunken/50 rounded-lg\">\n            {/* Column Header */}\n            <div className=\"flex items-center gap-2 p-2 border-b border-border-default\">\n              <div\n                className=\"w-2 h-2 rounded-full\"\n                style={{ backgroundColor: column.color || 'var(--color-text-muted)' }}\n              />\n              <span className=\"text-xs font-medium text-text-primary truncate\">{column.title}</span>\n              <span className=\"ml-auto text-xs text-text-muted\">{columnTasks.length}</span>\n            </div>\n\n            {/* Tasks */}\n            <div className=\"flex-1 p-2 space-y-2 overflow-y-auto\">\n              {columnTasks.map((task) => (\n                <div\n                  key={task.id}\n                  className={`\n                      p-2 bg-bg-surface rounded border border-border-default\n                      ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                      transition-colors\n                    `}\n                  onClick={() => onClick?.(task)}\n                >\n                  <p className=\"text-xs font-medium text-text-primary line-clamp-2\">{task.title}</p>\n\n                  <div className=\"flex items-center gap-1 mt-2 flex-wrap\">\n                    {task.priority && (\n                      <span className={`px-1.5 py-0.5 text-[10px] rounded ${getPriorityColor(task.priority)}`}>\n                        {task.priority}\n                      </span>\n                    )}\n                    {task.assignee && (\n                      <span className=\"px-1.5 py-0.5 text-[10px] rounded bg-action-primary-bg/10 text-action-primary-text\">\n                        {task.assignee}\n                      </span>\n                    )}\n                  </div>\n                </div>\n              ))}\n\n              {columnTasks.length === 0 && (\n                <p className=\"text-[10px] text-text-muted text-center py-4\">\n                  {t('bigconsole.widget.kanban.noTasks', 'No tasks')}\n                </p>\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n});\n\nexport default KanbanWidget;\n"],"mappings":"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"}
+{"version":3,"file":"KanbanWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kanban/KanbanWidget.tsx"],"sourcesContent":["/**\n * KanbanWidget — in-app wrapper around the pure KanbanView (BOFF-7926).\n *\n * The view is i18n-provider-free so the public embed bundle can render it with a\n * static translator (the fe-libs I18nProvider touches localStorage, which throws\n * in third-party iframes when the visitor blocks third-party storage).\n */\n\nimport { type FC, memo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { KanbanView, type KanbanWidgetProps } from './KanbanView';\n\nexport * from './KanbanView';\n\nexport const KanbanWidget: FC<KanbanWidgetProps> = memo(function KanbanWidget(props) {\n  const { t } = useI18n();\n  return <KanbanView {...props} t={t} />;\n});\n\nexport default KanbanWidget;\n"],"mappings":";;;;;AAcA,IAAa,IAAsC,EAAK,SAAsB,GAAO;CACnF,IAAM,EAAE,SAAM,GAAS;AACvB,QAAO,kBAAC,GAAD;EAAY,GAAI;EAAU;EAAK,CAAA;EACtC"}

package/dist/bigconsole/components/widgets/metric-card/MetricCardWidget.js

@@ -1,5 +1,5 @@
-import { conditionalStyleToClassName as e, resolveConditionalStyle as t } from "../utils/conditionalFormat.js";
-import { firstObjectRow as n, inferValueField as r, unwrapRows as i } from "../utils/inferFields.js";
+import { firstObjectRow as e, inferValueField as t, unwrapRows as n } from "../utils/inferFields.js";
+import { conditionalStyleToClassName as r, resolveConditionalStyle as i } from "../utils/conditionalFormat.js";
 import a from "./SparklineChart.js";
 import { clampProgressWidth as o, getTargetProgress as s } from "../utils/targetProgress.js";
 import c from "./TrendIndicator.js";
@@ -56,19 +56,19 @@ function y(e, t) {
 var b = u(function({ widget: u, data: h, onClick: b, onDrilldown: x }) {
 	let S = u.config, C = f(() => {
 		if (!h) return;
-		let e = (e, t) => t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e);
+		let r = (e, t) => t.split(".").reduce((e, t) => e && typeof e == "object" ? e[t] : void 0, e);
 		if (typeof h == "number" || typeof h == "string") return { value: h };
-		let t = S?.valueField;
-		if (t && typeof h == "object") {
-			let n = h, r = e(n, t);
-			if (r !== void 0) {
-				let t = S?.previousValueField, i = t ? e(n, t) : void 0, a = i !== void 0 && i !== 0 && Number.isFinite(i) && typeof r == "number" ? (r - i) / i * 100 : void 0, o = h.changePercent, s = i === void 0 ? {} : {
+		let i = S?.valueField;
+		if (i && typeof h == "object") {
+			let e = h, t = r(e, i);
+			if (t !== void 0) {
+				let n = S?.previousValueField, i = n ? r(e, n) : void 0, a = i !== void 0 && i !== 0 && Number.isFinite(i) && typeof t == "number" ? (t - i) / i * 100 : void 0, o = h.changePercent, s = i === void 0 ? {} : {
 					previousValue: i,
 					changePercent: a ?? (Number.isFinite(o) ? o : void 0)
 				};
 				return {
 					...h,
-					value: r,
+					value: t,
 					...s
 				};
 			}
@@ -98,20 +98,20 @@ var b = u(function({ widget: u, data: h, onClick: b, onDrilldown: x }) {
 			}
 		}
 		if (typeof h == "number" || typeof h == "string") return { value: h };
-		let o = n(h);
+		let o = e(h);
 		if (o) {
-			let t = S?.valueField;
-			if (t) {
-				let n = i(h) ?? [o];
-				for (let r of n) if (r && typeof r == "object") {
-					let n = e(r, t);
-					if (typeof n == "number" || typeof n == "string") return { value: n };
+			let e = S?.valueField;
+			if (e) {
+				let t = n(h) ?? [o];
+				for (let n of t) if (n && typeof n == "object") {
+					let t = r(n, e);
+					if (typeof t == "number" || typeof t == "string") return { value: t };
 				}
 				return;
 			}
-			let n = r(o);
-			if (n) {
-				let e = o[n];
+			let i = t(o);
+			if (i) {
+				let e = o[i];
 				if (typeof e == "number" || typeof e == "string") return { value: e };
 			}
 		}
@@ -119,7 +119,7 @@ var b = u(function({ widget: u, data: h, onClick: b, onDrilldown: x }) {
 		C?.value,
 		S,
 		D
-	]), k = f(() => s(C?.value, C?.target), [C?.value, C?.target]), A = f(() => y(w, E), [w, E]), j = f(() => e(t(C?.value, S?.conditionalRules)), [C?.value, S?.conditionalRules]), M = d(() => {
+	]), k = f(() => s(C?.value, C?.target), [C?.value, C?.target]), A = f(() => y(w, E), [w, E]), j = f(() => r(i(C?.value, S?.conditionalRules)), [C?.value, S?.conditionalRules]), M = d(() => {
 		x ? x({
 			value: C?.value,
 			changePercent: C?.changePercent,

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js

@@ -40,20 +40,38 @@ function o(e) {
 	return e >= 100 ? "bg-status-success-bg" : e >= 50 ? "bg-action-primary-bg" : e > 0 ? "bg-status-warning-bg" : "bg-bg-sunken";
 }
 var s = e(function({ widget: e, data: i, onClick: s }) {
-	let c = t(() => a(i), [i]), l = i?.milestones || [], { minDate: u, maxDate: d, totalDays: f } = t(() => {
-		if (!c.length) return {
+	let c = t(() => a(i), [i]), l = t(() => i?.milestones ?? [], [i]), { minDate: u, maxDate: d, totalDays: f } = t(() => {
+		let e = c.length ? c.flatMap((e) => [new Date(e.start), new Date(e.end)]) : l.map((e) => new Date(e.date));
+		if (!e.length) return {
 			minDate: /* @__PURE__ */ new Date(),
 			maxDate: /* @__PURE__ */ new Date(),
 			totalDays: 1
 		};
-		let e = c.flatMap((e) => [new Date(e.start), new Date(e.end)]), t = new Date(Math.min(...e.map((e) => e.getTime()))), n = new Date(Math.max(...e.map((e) => e.getTime())));
+		let t = new Date(Math.min(...e.map((e) => e.getTime()))), n = new Date(Math.max(...e.map((e) => e.getTime())));
 		return {
 			minDate: t,
 			maxDate: n,
 			totalDays: Math.ceil((n.getTime() - t.getTime()) / (1e3 * 60 * 60 * 24)) + 1
 		};
-	}, [c]);
-	return c.length ? /* @__PURE__ */ r("div", {
+	}, [c, l]);
+	return !c.length && !l.length ? /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ r("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ n("svg", {
+				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
+				})
+			}), /* @__PURE__ */ n("p", { children: "No timeline data" })]
+		})
+	}) : /* @__PURE__ */ r("div", {
 		className: "flex flex-col h-full p-4 overflow-auto",
 		children: [
 			/* @__PURE__ */ r("div", {
@@ -157,23 +175,6 @@ var s = e(function({ widget: e, data: i, onClick: s }) {
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ n("div", {
-		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ r("div", {
-			className: "text-center",
-			children: [/* @__PURE__ */ n("svg", {
-				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
-				fill: "none",
-				stroke: "currentColor",
-				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ n("path", {
-					strokeLinecap: "round",
-					strokeLinejoin: "round",
-					strokeWidth: 1.5,
-					d: "M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-				})
-			}), /* @__PURE__ */ n("p", { children: "No timeline data" })]
-		})
 	});
 });
 //#endregion

package/dist/bigconsole/components/widgets/timeline/TimelineWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimelineWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"sourcesContent":["/**\n * TimelineWidget Component\n *\n * Simple timeline/gantt view showing project tasks and milestones.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TimelineWidgetProps {\n  widget: Widget;\n  data?: TimelineData;\n  onClick?: (task: TimelineTask) => void;\n}\n\nexport interface TimelineTask {\n  id: string;\n  name: string;\n  start: string;\n  end: string;\n  progress?: number;\n  color?: string;\n  duration?: number;\n  dependencies?: string[];\n}\n\nexport interface TimelineMilestone {\n  id: string;\n  name: string;\n  date: string;\n  color?: string;\n}\n\nexport interface TimelineData {\n  tasks?: TimelineTask[];\n  milestones?: TimelineMilestone[];\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `TimelineTask[]`. Accepts the\n * documented `{ tasks, ... }` shape, a tasks array under a different common key,\n * or a bare array of task-like records — a DataSink parser naturally outputs a\n * bare array, and WidgetWrapper has no timeline-specific reshaping step (unlike\n * table/list/chart), so this widget has to tolerate it itself, the same way\n * MapWidget tolerates a bare marker array instead of requiring `{ markers }`.\n * Field names are matched against common aliases (e.g. a parser emitting\n * `title` instead of `name`) so one exact parser output shape isn't required.\n */\nexport function normalizeTimelineTasks(\n  data: TimelineData | TimelineTask[] | Record<string, unknown> | undefined\n): TimelineTask[] {\n  const rawTasks: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as TimelineData | undefined)?.tasks)\n      ? (data as TimelineData).tasks\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawTasks)) return [];\n\n  return rawTasks\n    .map((raw, i): TimelineTask | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date']);\n      const end = firstDefined<string>(r, ['end', 'endDate']) ?? start;\n      if (!start || !end) return null;\n      const name = firstDefined<string>(r, ['name', 'title', 'label', 'task']) ?? 'Untitled task';\n      const id = firstDefined<string>(r, ['id', 'taskId', '_id']) ?? `${name}-${start}-${i}`;\n      return {\n        id: String(id),\n        name: String(name),\n        start: String(start),\n        end: String(end),\n        progress: typeof r.progress === 'number' ? r.progress : undefined,\n        color: typeof r.color === 'string' ? r.color : undefined,\n        duration: typeof r.duration === 'number' ? r.duration : undefined,\n        dependencies: Array.isArray(r.dependencies) ? (r.dependencies as string[]) : undefined,\n      };\n    })\n    .filter((t): t is TimelineTask => t !== null);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(progress: number): string {\n  if (progress >= 100) return 'bg-status-success-bg';\n  if (progress >= 50) return 'bg-action-primary-bg';\n  if (progress > 0) return 'bg-status-warning-bg';\n  return 'bg-bg-sunken';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TimelineWidget: FC<TimelineWidgetProps> = memo(function TimelineWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const tasks = useMemo(() => normalizeTimelineTasks(data), [data]);\n  const milestones = data?.milestones || [];\n\n  // Calculate date range\n  const { minDate, maxDate, totalDays } = useMemo(() => {\n    if (!tasks.length) {\n      return { minDate: new Date(), maxDate: new Date(), totalDays: 1 };\n    }\n\n    const dates = tasks.flatMap((t) => [new Date(t.start), new Date(t.end)]);\n    const min = new Date(Math.min(...dates.map((d) => d.getTime())));\n    const max = new Date(Math.max(...dates.map((d) => d.getTime())));\n    const days = Math.ceil((max.getTime() - min.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n\n    return { minDate: min, maxDate: max, totalDays: days };\n  }, [tasks]);\n\n  if (!tasks.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n            />\n          </svg>\n          <p>No timeline data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header with date range */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Project Timeline</h3>\n        <span className=\"text-xs text-text-secondary\">\n          {minDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} -{' '}\n          {maxDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n        </span>\n      </div>\n\n      {/* Timeline content */}\n      <div className=\"flex-1 space-y-3 overflow-auto\">\n        {tasks.map((task) => {\n          const startDate = new Date(task.start);\n          const endDate = new Date(task.end);\n          const taskDays = Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n          const startOffset = Math.ceil((startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n          const progress = task.progress ?? 0;\n\n          // Calculate bar position and width as percentages\n          const leftPercent = (startOffset / totalDays) * 100;\n          const widthPercent = (taskDays / totalDays) * 100;\n\n          return (\n            <div\n              key={task.id}\n              className={`\n                  ${onClick ? 'cursor-pointer' : ''}\n                `}\n              onClick={() => onClick?.(task)}\n            >\n              {/* Task name and progress */}\n              <div className=\"flex items-center justify-between mb-1\">\n                <span className=\"text-xs font-medium text-text-primary truncate max-w-[60%]\">{task.name}</span>\n                <span className=\"text-[10px] text-text-secondary\">{progress}%</span>\n              </div>\n\n              {/* Timeline bar */}\n              <div className=\"relative h-6 bg-bg-sunken rounded overflow-hidden\">\n                {/* Task bar */}\n                <div\n                  className=\"absolute top-1 bottom-1 rounded\"\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max(widthPercent, 5)}%`,\n                    backgroundColor: task.color || 'var(--color-chart-1)',\n                    opacity: 0.3,\n                  }}\n                />\n\n                {/* Progress fill */}\n                <div\n                  className={`absolute top-1 bottom-1 rounded ${getProgressColor(progress)}`}\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max((widthPercent * progress) / 100, 2)}%`,\n                  }}\n                />\n\n                {/* Date labels */}\n                <div\n                  className=\"absolute top-1/2 -translate-y-1/2 text-[9px] text-text-muted\"\n                  style={{ left: `${leftPercent + 1}%` }}\n                >\n                  {startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Milestones */}\n      {milestones.length > 0 && (\n        <div className=\"mt-4 pt-3 border-t border-border-default\">\n          <p className=\"text-xs font-medium text-text-secondary mb-2\">Milestones</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {milestones.map((milestone) => (\n              <div key={milestone.id} className=\"flex items-center gap-1.5 px-2 py-1 rounded bg-bg-sunken\">\n                <div\n                  className=\"w-2 h-2 rounded-full\"\n                  style={{ backgroundColor: milestone.color || 'var(--color-chart-negative)' }}\n                />\n                <span className=\"text-[10px] text-text-primary\">{milestone.name}</span>\n                <span className=\"text-[10px] text-text-muted\">\n                  {new Date(milestone.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default TimelineWidget;\n"],"mappings":"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"}
+{"version":3,"file":"TimelineWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/timeline/TimelineWidget.tsx"],"sourcesContent":["/**\n * TimelineWidget Component\n *\n * Simple timeline/gantt view showing project tasks and milestones.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface TimelineWidgetProps {\n  widget: Widget;\n  data?: TimelineData;\n  onClick?: (task: TimelineTask) => void;\n}\n\nexport interface TimelineTask {\n  id: string;\n  name: string;\n  start: string;\n  end: string;\n  progress?: number;\n  color?: string;\n  duration?: number;\n  dependencies?: string[];\n}\n\nexport interface TimelineMilestone {\n  id: string;\n  name: string;\n  date: string;\n  color?: string;\n}\n\nexport interface TimelineData {\n  tasks?: TimelineTask[];\n  milestones?: TimelineMilestone[];\n}\n\n// ============================================================================\n// Normalization\n// ============================================================================\n\nfunction firstDefined<T = unknown>(obj: Record<string, unknown>, keys: string[]): T | undefined {\n  for (const key of keys) {\n    if (obj[key] !== undefined && obj[key] !== null) return obj[key] as T;\n  }\n  return undefined;\n}\n\n/**\n * Normalize whatever the widget is bound to into `TimelineTask[]`. Accepts the\n * documented `{ tasks, ... }` shape, a tasks array under a different common key,\n * or a bare array of task-like records — a DataSink parser naturally outputs a\n * bare array, and WidgetWrapper has no timeline-specific reshaping step (unlike\n * table/list/chart), so this widget has to tolerate it itself, the same way\n * MapWidget tolerates a bare marker array instead of requiring `{ markers }`.\n * Field names are matched against common aliases (e.g. a parser emitting\n * `title` instead of `name`) so one exact parser output shape isn't required.\n */\nexport function normalizeTimelineTasks(\n  data: TimelineData | TimelineTask[] | Record<string, unknown> | undefined\n): TimelineTask[] {\n  const rawTasks: unknown = Array.isArray(data)\n    ? data\n    : Array.isArray((data as TimelineData | undefined)?.tasks)\n      ? (data as TimelineData).tasks\n      : Array.isArray((data as Record<string, unknown> | undefined)?.items)\n        ? (data as Record<string, unknown>).items\n        : Array.isArray((data as Record<string, unknown> | undefined)?.data)\n          ? (data as Record<string, unknown>).data\n          : undefined;\n\n  if (!Array.isArray(rawTasks)) return [];\n\n  return rawTasks\n    .map((raw, i): TimelineTask | null => {\n      if (!raw || typeof raw !== 'object') return null;\n      const r = raw as Record<string, unknown>;\n      const start = firstDefined<string>(r, ['start', 'startDate', 'date']);\n      const end = firstDefined<string>(r, ['end', 'endDate']) ?? start;\n      if (!start || !end) return null;\n      const name = firstDefined<string>(r, ['name', 'title', 'label', 'task']) ?? 'Untitled task';\n      const id = firstDefined<string>(r, ['id', 'taskId', '_id']) ?? `${name}-${start}-${i}`;\n      return {\n        id: String(id),\n        name: String(name),\n        start: String(start),\n        end: String(end),\n        progress: typeof r.progress === 'number' ? r.progress : undefined,\n        color: typeof r.color === 'string' ? r.color : undefined,\n        duration: typeof r.duration === 'number' ? r.duration : undefined,\n        dependencies: Array.isArray(r.dependencies) ? (r.dependencies as string[]) : undefined,\n      };\n    })\n    .filter((t): t is TimelineTask => t !== null);\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(progress: number): string {\n  if (progress >= 100) return 'bg-status-success-bg';\n  if (progress >= 50) return 'bg-action-primary-bg';\n  if (progress > 0) return 'bg-status-warning-bg';\n  return 'bg-bg-sunken';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TimelineWidget: FC<TimelineWidgetProps> = memo(function TimelineWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const tasks = useMemo(() => normalizeTimelineTasks(data), [data]);\n  const milestones = useMemo(() => data?.milestones ?? [], [data]);\n\n  // Calculate date range from the tasks; a milestone-only timeline ranges over its milestones.\n  const { minDate, maxDate, totalDays } = useMemo(() => {\n    const dates = tasks.length\n      ? tasks.flatMap((t) => [new Date(t.start), new Date(t.end)])\n      : milestones.map((m) => new Date(m.date));\n    if (!dates.length) {\n      return { minDate: new Date(), maxDate: new Date(), totalDays: 1 };\n    }\n\n    const min = new Date(Math.min(...dates.map((d) => d.getTime())));\n    const max = new Date(Math.max(...dates.map((d) => d.getTime())));\n    const days = Math.ceil((max.getTime() - min.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n\n    return { minDate: min, maxDate: max, totalDays: days };\n  }, [tasks, milestones]);\n\n  if (!tasks.length && !milestones.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"\n            />\n          </svg>\n          <p>No timeline data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header with date range */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Project Timeline</h3>\n        <span className=\"text-xs text-text-secondary\">\n          {minDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })} -{' '}\n          {maxDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n        </span>\n      </div>\n\n      {/* Timeline content */}\n      <div className=\"flex-1 space-y-3 overflow-auto\">\n        {tasks.map((task) => {\n          const startDate = new Date(task.start);\n          const endDate = new Date(task.end);\n          const taskDays = Math.ceil((endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60 * 24)) + 1;\n          const startOffset = Math.ceil((startDate.getTime() - minDate.getTime()) / (1000 * 60 * 60 * 24));\n          const progress = task.progress ?? 0;\n\n          // Calculate bar position and width as percentages\n          const leftPercent = (startOffset / totalDays) * 100;\n          const widthPercent = (taskDays / totalDays) * 100;\n\n          return (\n            <div\n              key={task.id}\n              className={`\n                  ${onClick ? 'cursor-pointer' : ''}\n                `}\n              onClick={() => onClick?.(task)}\n            >\n              {/* Task name and progress */}\n              <div className=\"flex items-center justify-between mb-1\">\n                <span className=\"text-xs font-medium text-text-primary truncate max-w-[60%]\">{task.name}</span>\n                <span className=\"text-[10px] text-text-secondary\">{progress}%</span>\n              </div>\n\n              {/* Timeline bar */}\n              <div className=\"relative h-6 bg-bg-sunken rounded overflow-hidden\">\n                {/* Task bar */}\n                <div\n                  className=\"absolute top-1 bottom-1 rounded\"\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max(widthPercent, 5)}%`,\n                    backgroundColor: task.color || 'var(--color-chart-1)',\n                    opacity: 0.3,\n                  }}\n                />\n\n                {/* Progress fill */}\n                <div\n                  className={`absolute top-1 bottom-1 rounded ${getProgressColor(progress)}`}\n                  style={{\n                    left: `${leftPercent}%`,\n                    width: `${Math.max((widthPercent * progress) / 100, 2)}%`,\n                  }}\n                />\n\n                {/* Date labels */}\n                <div\n                  className=\"absolute top-1/2 -translate-y-1/2 text-[9px] text-text-muted\"\n                  style={{ left: `${leftPercent + 1}%` }}\n                >\n                  {startDate.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Milestones */}\n      {milestones.length > 0 && (\n        <div className=\"mt-4 pt-3 border-t border-border-default\">\n          <p className=\"text-xs font-medium text-text-secondary mb-2\">Milestones</p>\n          <div className=\"flex flex-wrap gap-2\">\n            {milestones.map((milestone) => (\n              <div key={milestone.id} className=\"flex items-center gap-1.5 px-2 py-1 rounded bg-bg-sunken\">\n                <div\n                  className=\"w-2 h-2 rounded-full\"\n                  style={{ backgroundColor: milestone.color || 'var(--color-chart-negative)' }}\n                />\n                <span className=\"text-[10px] text-text-primary\">{milestone.name}</span>\n                <span className=\"text-[10px] text-text-muted\">\n                  {new Date(milestone.date).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}\n                </span>\n              </div>\n            ))}\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default TimelineWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/utils/translate.js

@@ -0,0 +1,9 @@
+//#region src/bigconsole/components/widgets/utils/translate.ts
+var e = (e, t, n) => {
+	let r = typeof t == "string" ? t : e, i = typeof t == "object" ? t : n;
+	return i ? r.replace(/\{\{\s*(\w+)\s*\}\}/g, (e, t) => Object.prototype.hasOwnProperty.call(i, t) ? String(i[t]) : e) : r;
+};
+//#endregion
+export { e as fallbackTranslate };
+
+//# sourceMappingURL=translate.js.map

package/dist/bigconsole/components/widgets/utils/translate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translate.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/utils/translate.ts"],"sourcesContent":["/**\n * Provider-free translator contract (BOFF-7926).\n *\n * Mirrors the fe-libs `useI18n().t` call shape used by widget views, so a view\n * can be rendered either in-app (real translator) or in the public embed bundle\n * (static fallback translator, no provider, no storage access).\n */\n\nexport type WidgetTranslateFn = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\n/**\n * Static translator: returns the inline English fallback with `{{name}}`\n * placeholders interpolated. Used where no I18nProvider is mounted.\n */\nexport const fallbackTranslate: WidgetTranslateFn = (key, fallbackOrParams, params) => {\n  const template = typeof fallbackOrParams === 'string' ? fallbackOrParams : key;\n  const values = typeof fallbackOrParams === 'object' ? fallbackOrParams : params;\n  if (!values) return template;\n  return template.replace(/\\{\\{\\s*(\\w+)\\s*\\}\\}/g, (match, name: string) =>\n    Object.prototype.hasOwnProperty.call(values, name) ? String(values[name]) : match\n  );\n};\n"],"mappings":";AAkBA,IAAa,KAAwC,GAAK,GAAkB,MAAW;CACrF,IAAM,IAAW,OAAO,KAAqB,WAAW,IAAmB,GACrE,IAAS,OAAO,KAAqB,WAAW,IAAmB;AAEzE,QADK,IACE,EAAS,QAAQ,yBAAyB,GAAO,MACtD,OAAO,UAAU,eAAe,KAAK,GAAQ,EAAK,GAAG,OAAO,EAAO,GAAM,GAAG,EAC7E,GAHmB"}

package/dist/bigconsole/hooks/useDashboardEmbedPolicy.js

@@ -50,8 +50,7 @@ function p() {
 						allowedParentOrigins: r,
 						...a ? {
 							presentationTheme: u[a.theme],
-							showDashboardTitle: a.showTitle,
-							showBrandingFooter: a.showBranding
+							showDashboardTitle: a.showTitle
 						} : {}
 					} }
 				})).data?.createDashboardEmbedPolicy;
@@ -81,8 +80,7 @@ function p() {
 					variables: { input: {
 						policyId: e,
 						presentationTheme: u[t.theme],
-						showDashboardTitle: t.showTitle,
-						showBrandingFooter: t.showBranding
+						showDashboardTitle: t.showTitle
 					} }
 				})).data?.updateDashboardEmbedPolicy ?? null;
 				return n && d(n), n;

package/dist/bigconsole/hooks/useDashboardEmbedPolicy.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDashboardEmbedPolicy.js","names":[],"sources":["../../../src/bigconsole/hooks/useDashboardEmbedPolicy.ts"],"sourcesContent":["/**\n * useDashboardEmbedPolicy Hook\n *\n * Owner-facing operations for publishing a dashboard to the web (anonymous-link\n * embed). Mirrors {@link useDashboardSharing}. All mutations are gateway-enforced\n * by `@rbac(manage_embed)` (owner-only). Publishing serves the dashboard's LIVE\n * data anonymously — the caller confirms content-safety before enabling.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport {\n  ListDashboardEmbedPoliciesDocument,\n  CreateDashboardEmbedPolicyDocument,\n  PublishDashboardEmbedPolicyDocument,\n  UpdateDashboardEmbedPolicyDocument,\n  RotateDashboardEmbedPolicyDocument,\n  RevokeDashboardEmbedPolicyDocument,\n} from '../../generated/wspace-operations';\nimport { DashboardEmbedTheme } from '../../generated/wspace-types';\nimport type { EmbedThemeMode } from '../components/embed/types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type EmbedPolicyStatus = 'DRAFT' | 'ACTIVE' | 'NEEDS_REVIEW' | 'BROKEN' | 'REVOKED' | 'EXPIRED';\n\n/**\n * Owner-facing color mode (BOFF-5735); maps to the backend {@link DashboardEmbedTheme}\n * enum. Same shape as the render-model's {@link EmbedThemeMode} — aliased to avoid a\n * duplicate union.\n */\nexport type EmbedThemeChoice = EmbedThemeMode;\n\n/** Publish-time presentation options the owner controls in the Share dialog. */\nexport interface EmbedPresentationChoice {\n  theme: EmbedThemeChoice;\n  showTitle: boolean;\n  showBranding: boolean;\n}\n\nconst THEME_TO_ENUM: Record<EmbedThemeChoice, DashboardEmbedTheme> = {\n  light: DashboardEmbedTheme.Light,\n  dark: DashboardEmbedTheme.Dark,\n  auto: DashboardEmbedTheme.Auto,\n};\n\n/** Map the backend enum back to the lowercase owner-facing choice (defaults to light). */\nexport function themeChoiceFromPolicy(value: string | null | undefined): EmbedThemeChoice {\n  switch (value) {\n    case DashboardEmbedTheme.Dark:\n      return 'dark';\n    case DashboardEmbedTheme.Auto:\n      return 'auto';\n    default:\n      return 'light';\n  }\n}\n\nexport interface DashboardEmbedPolicy {\n  id: string;\n  dashboardId: string;\n  status: EmbedPolicyStatus;\n  accessMode: string;\n  version: number;\n  allowedParentOrigins: string[];\n  expiresAt?: string | null;\n  sessionTtlSeconds: number;\n  contentReviewState: string;\n  presentationTheme: DashboardEmbedTheme;\n  showDashboardTitle: boolean;\n  showBrandingFooter: boolean;\n  activePublicationId?: string | null;\n  locatorPublicId?: string | null;\n  fingerprint?: string | null;\n  createdAt: string;\n  updatedAt: string;\n  activatedAt?: string | null;\n  revokedAt?: string | null;\n}\n\n/** Returned once on create / rotate — carries the secret embed URL + snippet. */\nexport interface EmbedPolicySecret {\n  embedUrl: string;\n  iframeSnippet: string;\n  fingerprint: string;\n  policy: DashboardEmbedPolicy;\n}\n\nexport interface UseDashboardEmbedPolicyResult {\n  /** The dashboard's active (or most recent) embed policy, if any. */\n  policy: DashboardEmbedPolicy | null;\n  /** The one-time secret from the last create/rotate (embed URL + iframe snippet). */\n  secret: EmbedPolicySecret | null;\n  loading: boolean;\n  error: Error | null;\n\n  fetchPolicy: (dashboardId: string) => Promise<DashboardEmbedPolicy | null>;\n  /** Create (if needed) + publish → returns the live embed secret. */\n  publishToWeb: (\n    dashboardId: string,\n    allowedParentOrigins: string[],\n    contentSafetyAttested: boolean,\n    presentation?: EmbedPresentationChoice\n  ) => Promise<EmbedPolicySecret | null>;\n  /**\n   * Persist the presentation options of an already-published policy. They are\n   * read live by the embed renderer, so the change applies on the next render\n   * with no re-publish — the embed link/key are untouched.\n   */\n  applyPresentation: (policyId: string, presentation: EmbedPresentationChoice) => Promise<DashboardEmbedPolicy | null>;\n  setAllowedOrigins: (policyId: string, allowedParentOrigins: string[]) => Promise<DashboardEmbedPolicy | null>;\n  rotateKey: (policyId: string) => Promise<EmbedPolicySecret | null>;\n  /** Unpublish: revoke the policy (embed stops serving immediately). */\n  unpublish: (policyId: string) => Promise<boolean>;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/** Pick the live-serving policy (ACTIVE) else the most recently updated one. */\nfunction pickCurrent(policies: DashboardEmbedPolicy[]): DashboardEmbedPolicy | null {\n  if (policies.length === 0) return null;\n  const active = policies.find((p) => p.status === 'ACTIVE');\n  if (active) return active;\n  return [...policies].sort((a, b) => Date.parse(b.updatedAt) - Date.parse(a.updatedAt))[0] ?? null;\n}\n\nexport function useDashboardEmbedPolicy(): UseDashboardEmbedPolicyResult {\n  const [policy, setPolicy] = useState<DashboardEmbedPolicy | null>(null);\n  const [secret, setSecret] = useState<EmbedPolicySecret | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const apolloClient = useApolloClient();\n\n  const fetchPolicy = useCallback(\n    async (dashboardId: string): Promise<DashboardEmbedPolicy | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.query<{\n          listDashboardEmbedPolicies?: { nodes?: DashboardEmbedPolicy[] };\n        }>({\n          query: ListDashboardEmbedPoliciesDocument,\n          variables: { dashboardId },\n          fetchPolicy: 'network-only',\n        });\n        const current = pickCurrent(result.data?.listDashboardEmbedPolicies?.nodes ?? []);\n        setPolicy(current);\n        return current;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to load embed policy'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const publishToWeb = useCallback(\n    async (\n      dashboardId: string,\n      allowedParentOrigins: string[],\n      contentSafetyAttested: boolean,\n      presentation?: EmbedPresentationChoice\n    ): Promise<EmbedPolicySecret | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        // Create a DRAFT policy + anonymous-link locator (returns the secret once).\n        // Presentation options (BOFF-5735) are captured here so the very first\n        // render reflects them; they're read live thereafter.\n        const created = await apolloClient.mutate<{ createDashboardEmbedPolicy?: EmbedPolicySecret }>({\n          mutation: CreateDashboardEmbedPolicyDocument,\n          variables: {\n            input: {\n              dashboardId,\n              allowedParentOrigins,\n              ...(presentation\n                ? {\n                    presentationTheme: THEME_TO_ENUM[presentation.theme],\n                    showDashboardTitle: presentation.showTitle,\n                    showBrandingFooter: presentation.showBranding,\n                  }\n                : {}),\n            },\n          },\n        });\n        const createdSecret = created.data?.createDashboardEmbedPolicy;\n        if (!createdSecret) return null;\n\n        // Activate it for live embedding (owner attests content-safety).\n        const published = await apolloClient.mutate<{ publishDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: PublishDashboardEmbedPolicyDocument,\n          variables: { policyId: createdSecret.policy.id, contentSafetyAttested },\n        });\n        const activePolicy = published.data?.publishDashboardEmbedPolicy ?? createdSecret.policy;\n\n        const result: EmbedPolicySecret = { ...createdSecret, policy: activePolicy };\n        setSecret(result);\n        setPolicy(activePolicy);\n        return result;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to publish to web'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const applyPresentation = useCallback(\n    async (policyId: string, presentation: EmbedPresentationChoice): Promise<DashboardEmbedPolicy | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        // Presentation is read LIVE at view time by the embed renderer, so simply\n        // persisting the choices on the policy is enough — no re-publish, and the\n        // embed link/key are untouched. Live embeds pick up the change on their\n        // next render (bounded by the service's short render-cache window).\n        const result = await apolloClient.mutate<{ updateDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: UpdateDashboardEmbedPolicyDocument,\n          variables: {\n            input: {\n              policyId,\n              presentationTheme: THEME_TO_ENUM[presentation.theme],\n              showDashboardTitle: presentation.showTitle,\n              showBrandingFooter: presentation.showBranding,\n            },\n          },\n        });\n        const updated = result.data?.updateDashboardEmbedPolicy ?? null;\n        if (updated) setPolicy(updated);\n        return updated;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update presentation'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const setAllowedOrigins = useCallback(\n    async (policyId: string, allowedParentOrigins: string[]): Promise<DashboardEmbedPolicy | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.mutate<{ updateDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: UpdateDashboardEmbedPolicyDocument,\n          variables: { input: { policyId, allowedParentOrigins } },\n        });\n        const updated = result.data?.updateDashboardEmbedPolicy ?? null;\n        if (updated) setPolicy(updated);\n        return updated;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update allowed domains'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const rotateKey = useCallback(\n    async (policyId: string): Promise<EmbedPolicySecret | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.mutate<{ rotateDashboardEmbedPolicy?: EmbedPolicySecret }>({\n          mutation: RotateDashboardEmbedPolicyDocument,\n          variables: { policyId },\n        });\n        const rotated = result.data?.rotateDashboardEmbedPolicy ?? null;\n        if (rotated) {\n          setSecret(rotated);\n          setPolicy(rotated.policy);\n        }\n        return rotated;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to rotate embed link'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const unpublish = useCallback(\n    async (policyId: string): Promise<boolean> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.mutate<{ revokeDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: RevokeDashboardEmbedPolicyDocument,\n          variables: { policyId },\n        });\n        const revoked = result.data?.revokeDashboardEmbedPolicy ?? null;\n        if (revoked) {\n          setPolicy(revoked);\n          setSecret(null);\n          return true;\n        }\n        return false;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to unpublish'));\n        return false;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  return {\n    policy,\n    secret,\n    loading,\n    error,\n    fetchPolicy,\n    publishToWeb,\n    applyPresentation,\n    setAllowedOrigins,\n    rotateKey,\n    unpublish,\n  };\n}\n\nexport default useDashboardEmbedPolicy;\n"],"mappings":"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"}
+{"version":3,"file":"useDashboardEmbedPolicy.js","names":[],"sources":["../../../src/bigconsole/hooks/useDashboardEmbedPolicy.ts"],"sourcesContent":["/**\n * useDashboardEmbedPolicy Hook\n *\n * Owner-facing operations for publishing a dashboard to the web (anonymous-link\n * embed). Mirrors {@link useDashboardSharing}. All mutations are gateway-enforced\n * by `@rbac(manage_embed)` (owner-only). Publishing serves the dashboard's LIVE\n * data anonymously — the caller confirms content-safety before enabling.\n */\n\nimport { useCallback, useState } from 'react';\nimport { useApolloClient } from '@apollo/client/react';\nimport {\n  ListDashboardEmbedPoliciesDocument,\n  CreateDashboardEmbedPolicyDocument,\n  PublishDashboardEmbedPolicyDocument,\n  UpdateDashboardEmbedPolicyDocument,\n  RotateDashboardEmbedPolicyDocument,\n  RevokeDashboardEmbedPolicyDocument,\n} from '../../generated/wspace-operations';\nimport { DashboardEmbedTheme } from '../../generated/wspace-types';\nimport type { EmbedThemeMode } from '../components/embed/types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type EmbedPolicyStatus = 'DRAFT' | 'ACTIVE' | 'NEEDS_REVIEW' | 'BROKEN' | 'REVOKED' | 'EXPIRED';\n\n/**\n * Owner-facing color mode (BOFF-5735); maps to the backend {@link DashboardEmbedTheme}\n * enum. Same shape as the render-model's {@link EmbedThemeMode} — aliased to avoid a\n * duplicate union.\n */\nexport type EmbedThemeChoice = EmbedThemeMode;\n\n/**\n * Publish-time presentation options the owner controls in the Share dialog.\n * Branding is deliberately absent: every embed carries the \"Powered by\n * BigConsole\" footer (Burdenoff does no white-labelling).\n */\nexport interface EmbedPresentationChoice {\n  theme: EmbedThemeChoice;\n  showTitle: boolean;\n}\n\nconst THEME_TO_ENUM: Record<EmbedThemeChoice, DashboardEmbedTheme> = {\n  light: DashboardEmbedTheme.Light,\n  dark: DashboardEmbedTheme.Dark,\n  auto: DashboardEmbedTheme.Auto,\n};\n\n/** Map the backend enum back to the lowercase owner-facing choice (defaults to light). */\nexport function themeChoiceFromPolicy(value: string | null | undefined): EmbedThemeChoice {\n  switch (value) {\n    case DashboardEmbedTheme.Dark:\n      return 'dark';\n    case DashboardEmbedTheme.Auto:\n      return 'auto';\n    default:\n      return 'light';\n  }\n}\n\nexport interface DashboardEmbedPolicy {\n  id: string;\n  dashboardId: string;\n  status: EmbedPolicyStatus;\n  accessMode: string;\n  version: number;\n  allowedParentOrigins: string[];\n  expiresAt?: string | null;\n  sessionTtlSeconds: number;\n  contentReviewState: string;\n  presentationTheme: DashboardEmbedTheme;\n  showDashboardTitle: boolean;\n  activePublicationId?: string | null;\n  locatorPublicId?: string | null;\n  fingerprint?: string | null;\n  createdAt: string;\n  updatedAt: string;\n  activatedAt?: string | null;\n  revokedAt?: string | null;\n}\n\n/** Returned once on create / rotate — carries the secret embed URL + snippet. */\nexport interface EmbedPolicySecret {\n  embedUrl: string;\n  iframeSnippet: string;\n  fingerprint: string;\n  policy: DashboardEmbedPolicy;\n}\n\nexport interface UseDashboardEmbedPolicyResult {\n  /** The dashboard's active (or most recent) embed policy, if any. */\n  policy: DashboardEmbedPolicy | null;\n  /** The one-time secret from the last create/rotate (embed URL + iframe snippet). */\n  secret: EmbedPolicySecret | null;\n  loading: boolean;\n  error: Error | null;\n\n  fetchPolicy: (dashboardId: string) => Promise<DashboardEmbedPolicy | null>;\n  /** Create (if needed) + publish → returns the live embed secret. */\n  publishToWeb: (\n    dashboardId: string,\n    allowedParentOrigins: string[],\n    contentSafetyAttested: boolean,\n    presentation?: EmbedPresentationChoice\n  ) => Promise<EmbedPolicySecret | null>;\n  /**\n   * Persist the presentation options of an already-published policy. They are\n   * read live by the embed renderer, so the change applies on the next render\n   * with no re-publish — the embed link/key are untouched.\n   */\n  applyPresentation: (policyId: string, presentation: EmbedPresentationChoice) => Promise<DashboardEmbedPolicy | null>;\n  setAllowedOrigins: (policyId: string, allowedParentOrigins: string[]) => Promise<DashboardEmbedPolicy | null>;\n  rotateKey: (policyId: string) => Promise<EmbedPolicySecret | null>;\n  /** Unpublish: revoke the policy (embed stops serving immediately). */\n  unpublish: (policyId: string) => Promise<boolean>;\n}\n\n// ============================================================================\n// Hook\n// ============================================================================\n\n/** Pick the live-serving policy (ACTIVE) else the most recently updated one. */\nfunction pickCurrent(policies: DashboardEmbedPolicy[]): DashboardEmbedPolicy | null {\n  if (policies.length === 0) return null;\n  const active = policies.find((p) => p.status === 'ACTIVE');\n  if (active) return active;\n  return [...policies].sort((a, b) => Date.parse(b.updatedAt) - Date.parse(a.updatedAt))[0] ?? null;\n}\n\nexport function useDashboardEmbedPolicy(): UseDashboardEmbedPolicyResult {\n  const [policy, setPolicy] = useState<DashboardEmbedPolicy | null>(null);\n  const [secret, setSecret] = useState<EmbedPolicySecret | null>(null);\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const apolloClient = useApolloClient();\n\n  const fetchPolicy = useCallback(\n    async (dashboardId: string): Promise<DashboardEmbedPolicy | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.query<{\n          listDashboardEmbedPolicies?: { nodes?: DashboardEmbedPolicy[] };\n        }>({\n          query: ListDashboardEmbedPoliciesDocument,\n          variables: { dashboardId },\n          fetchPolicy: 'network-only',\n        });\n        const current = pickCurrent(result.data?.listDashboardEmbedPolicies?.nodes ?? []);\n        setPolicy(current);\n        return current;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to load embed policy'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const publishToWeb = useCallback(\n    async (\n      dashboardId: string,\n      allowedParentOrigins: string[],\n      contentSafetyAttested: boolean,\n      presentation?: EmbedPresentationChoice\n    ): Promise<EmbedPolicySecret | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n\n        // Create a DRAFT policy + anonymous-link locator (returns the secret once).\n        // Presentation options (BOFF-5735) are captured here so the very first\n        // render reflects them; they're read live thereafter.\n        const created = await apolloClient.mutate<{ createDashboardEmbedPolicy?: EmbedPolicySecret }>({\n          mutation: CreateDashboardEmbedPolicyDocument,\n          variables: {\n            input: {\n              dashboardId,\n              allowedParentOrigins,\n              ...(presentation\n                ? {\n                    presentationTheme: THEME_TO_ENUM[presentation.theme],\n                    showDashboardTitle: presentation.showTitle,\n                  }\n                : {}),\n            },\n          },\n        });\n        const createdSecret = created.data?.createDashboardEmbedPolicy;\n        if (!createdSecret) return null;\n\n        // Activate it for live embedding (owner attests content-safety).\n        const published = await apolloClient.mutate<{ publishDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: PublishDashboardEmbedPolicyDocument,\n          variables: { policyId: createdSecret.policy.id, contentSafetyAttested },\n        });\n        const activePolicy = published.data?.publishDashboardEmbedPolicy ?? createdSecret.policy;\n\n        const result: EmbedPolicySecret = { ...createdSecret, policy: activePolicy };\n        setSecret(result);\n        setPolicy(activePolicy);\n        return result;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to publish to web'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const applyPresentation = useCallback(\n    async (policyId: string, presentation: EmbedPresentationChoice): Promise<DashboardEmbedPolicy | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        // Presentation is read LIVE at view time by the embed renderer, so simply\n        // persisting the choices on the policy is enough — no re-publish, and the\n        // embed link/key are untouched. Live embeds pick up the change on their\n        // next render (bounded by the service's short render-cache window).\n        const result = await apolloClient.mutate<{ updateDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: UpdateDashboardEmbedPolicyDocument,\n          variables: {\n            input: {\n              policyId,\n              presentationTheme: THEME_TO_ENUM[presentation.theme],\n              showDashboardTitle: presentation.showTitle,\n            },\n          },\n        });\n        const updated = result.data?.updateDashboardEmbedPolicy ?? null;\n        if (updated) setPolicy(updated);\n        return updated;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update presentation'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const setAllowedOrigins = useCallback(\n    async (policyId: string, allowedParentOrigins: string[]): Promise<DashboardEmbedPolicy | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.mutate<{ updateDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: UpdateDashboardEmbedPolicyDocument,\n          variables: { input: { policyId, allowedParentOrigins } },\n        });\n        const updated = result.data?.updateDashboardEmbedPolicy ?? null;\n        if (updated) setPolicy(updated);\n        return updated;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to update allowed domains'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const rotateKey = useCallback(\n    async (policyId: string): Promise<EmbedPolicySecret | null> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.mutate<{ rotateDashboardEmbedPolicy?: EmbedPolicySecret }>({\n          mutation: RotateDashboardEmbedPolicyDocument,\n          variables: { policyId },\n        });\n        const rotated = result.data?.rotateDashboardEmbedPolicy ?? null;\n        if (rotated) {\n          setSecret(rotated);\n          setPolicy(rotated.policy);\n        }\n        return rotated;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to rotate embed link'));\n        return null;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  const unpublish = useCallback(\n    async (policyId: string): Promise<boolean> => {\n      try {\n        setLoading(true);\n        setError(null);\n        const result = await apolloClient.mutate<{ revokeDashboardEmbedPolicy?: DashboardEmbedPolicy }>({\n          mutation: RevokeDashboardEmbedPolicyDocument,\n          variables: { policyId },\n        });\n        const revoked = result.data?.revokeDashboardEmbedPolicy ?? null;\n        if (revoked) {\n          setPolicy(revoked);\n          setSecret(null);\n          return true;\n        }\n        return false;\n      } catch (err) {\n        setError(err instanceof Error ? err : new Error('Failed to unpublish'));\n        return false;\n      } finally {\n        setLoading(false);\n      }\n    },\n    [apolloClient]\n  );\n\n  return {\n    policy,\n    secret,\n    loading,\n    error,\n    fetchPolicy,\n    publishToWeb,\n    applyPresentation,\n    setAllowedOrigins,\n    rotateKey,\n    unpublish,\n  };\n}\n\nexport default useDashboardEmbedPolicy;\n"],"mappings":"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"}

package/dist/generated/wspace-operations.js

@@ -50,7 +50,6 @@ var i = t`
   contentReviewState
   presentationTheme
   showDashboardTitle
-  showBrandingFooter
   activePublicationId
   locatorPublicId
   fingerprint