@burdenoff/microfe-bigconsole 2026.925.2 → 2026.928.1

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.js

@@ -5,32 +5,62 @@ import { KpiComparisonEmbed as r } from "./widgets/KpiComparisonEmbed.js";
 import { TableEmbed as i } from "./widgets/TableEmbed.js";
 import { ListEmbed as a } from "./widgets/ListEmbed.js";
 import { TextEmbed as o } from "./widgets/TextEmbed.js";
-import { jsx as s } from "react/jsx-runtime";
+import { GaugeEmbed as s } from "./widgets/GaugeEmbed.js";
+import { ProgressEmbed as c } from "./widgets/ProgressEmbed.js";
+import { HeatmapEmbed as l } from "./widgets/HeatmapEmbed.js";
+import { RetentionEmbed as u } from "./widgets/RetentionEmbed.js";
+import { TimelineEmbed as d } from "./widgets/TimelineEmbed.js";
+import { CalendarEmbed as f } from "./widgets/CalendarEmbed.js";
+import { KanbanEmbed as p } from "./widgets/KanbanEmbed.js";
+import { PivotEmbed as m } from "./widgets/PivotEmbed.js";
+import { FormEmbed as h } from "./widgets/FormEmbed.js";
+import { Suspense as g, lazy as _ } from "react";
+import { jsx as v } from "react/jsx-runtime";
 //#region src/bigconsole/components/embed/EmbedWidgetRenderer.tsx
-var c = {
+var y = _(() => import("./widgets/ChartEmbed.js")), b = {
 	metric_card: n,
 	kpi_card_comparison: r,
 	table: i,
 	list: a,
-	text: o
+	text: o,
+	chart: y,
+	funnel_chart: y,
+	pivot_table: m,
+	gauge: s,
+	progress: c,
+	form: h,
+	heatmap: l,
+	calendar: f,
+	kanban: p,
+	timeline: d,
+	retention: u
 };
-function l() {
-	return Object.keys(c);
+function x() {
+	return Object.keys(b);
 }
-function u({ title: e }) {
-	return /* @__PURE__ */ s("div", {
+function S({ title: e }) {
+	return /* @__PURE__ */ v("div", {
 		className: "flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-tertiary",
 		children: e ? `“${e}” is not available in this embed.` : "This widget is not available in this embed."
 	});
 }
-function d(n) {
-	let { widget: r } = n, i = e[r.type]?.support === "implemented" ? c[r.type] : void 0;
-	return i ? /* @__PURE__ */ s(t, {
+function C() {
+	return /* @__PURE__ */ v("div", {
+		className: "h-full w-full animate-pulse bg-bg-sunken/60",
+		"aria-busy": "true"
+	});
+}
+function w(n) {
+	let { widget: r } = n, i = e[r.type]?.support === "implemented" ? b[r.type] : void 0;
+	return i ? /* @__PURE__ */ v(t, {
 		label: "widget",
-		children: /* @__PURE__ */ s(i, { ...n })
-	}) : /* @__PURE__ */ s(u, { title: r.title });
+		children: /* @__PURE__ */ v(g, {
+			fallback: /* @__PURE__ */ v(C, {}),
+			children: /* @__PURE__ */ v(i, { ...n })
+		})
+	}) : /* @__PURE__ */ v(S, { title: r.title });
 }
 //#endregion
-export { d as EmbedWidgetRenderer, l as getImplementedRendererTypes };
+export { w as EmbedWidgetRenderer, x as getImplementedRendererTypes };
 
 //# sourceMappingURL=EmbedWidgetRenderer.js.map

package/dist/bigconsole/components/embed/EmbedWidgetRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbedWidgetRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedWidgetRenderer.tsx"],"sourcesContent":["/**\n * Strict embed widget dispatcher (BOFF-2986).\n *\n * Maps a sanitized widget DTO to its embed renderer via an EXACT registry.\n * There is NO silent fallback (unlike the authenticated WidgetRendererFactory):\n * a type that is not `implemented` in the coverage manifest renders a neutral\n * \"not available\" placeholder, never a guessed or partial widget. Each widget is\n * wrapped in its own error boundary so one failure can't take down the page.\n */\n\nimport type { ComponentType } from 'react';\nimport type { WidgetType } from '../../types';\nimport type { EmbedWidgetRenderProps } from './types';\nimport { EMBED_WIDGET_COVERAGE } from './renderer-manifest';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\nimport { MetricCardEmbed } from './widgets/MetricCardEmbed';\nimport { KpiComparisonEmbed } from './widgets/KpiComparisonEmbed';\nimport { TableEmbed } from './widgets/TableEmbed';\nimport { ListEmbed } from './widgets/ListEmbed';\nimport { TextEmbed } from './widgets/TextEmbed';\n\n/**\n * Registry of implemented renderers. Every key here MUST be marked\n * `implemented` in EMBED_WIDGET_COVERAGE, and vice-versa — the completeness test\n * asserts the two stay in lockstep, so a renderer can never be silently missing\n * for a type the manifest claims to support.\n */\nconst IMPLEMENTED_RENDERERS: Partial<Record<WidgetType, ComponentType<EmbedWidgetRenderProps>>> = {\n  metric_card: MetricCardEmbed,\n  kpi_card_comparison: KpiComparisonEmbed,\n  table: TableEmbed,\n  list: ListEmbed,\n  text: TextEmbed,\n};\n\nexport function getImplementedRendererTypes(): WidgetType[] {\n  return Object.keys(IMPLEMENTED_RENDERERS) as WidgetType[];\n}\n\nfunction UnavailableWidget({ title }: { title?: string }) {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-tertiary\">\n      {title ? `“${title}” is not available in this embed.` : 'This widget is not available in this embed.'}\n    </div>\n  );\n}\n\nexport function EmbedWidgetRenderer(props: EmbedWidgetRenderProps) {\n  const { widget } = props;\n  const coverage = EMBED_WIDGET_COVERAGE[widget.type];\n  const Renderer = coverage?.support === 'implemented' ? IMPLEMENTED_RENDERERS[widget.type] : undefined;\n\n  if (!Renderer) {\n    return <UnavailableWidget title={widget.title} />;\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"widget\">\n      <Renderer {...props} />\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;AA2BA,IAAM,IAA4F;CAChG,aAAa;CACb,qBAAqB;CACrB,OAAO;CACP,MAAM;CACN,MAAM;CACP;AAED,SAAgB,IAA4C;AAC1D,QAAO,OAAO,KAAK,EAAsB;;AAG3C,SAAS,EAAkB,EAAE,YAA6B;AACxD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,IAAQ,IAAI,EAAM,qCAAqC;EACpD,CAAA;;AAIV,SAAgB,EAAoB,GAA+B;CACjE,IAAM,EAAE,cAAW,GAEb,IADW,EAAsB,EAAO,OACnB,YAAY,gBAAgB,EAAsB,EAAO,QAAQ,KAAA;AAM5F,QAJK,IAKH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,GAAD,EAAU,GAAI,GAAS,CAAA;EACJ,CAAA,GANd,kBAAC,GAAD,EAAmB,OAAO,EAAO,OAAS,CAAA"}
+{"version":3,"file":"EmbedWidgetRenderer.js","names":[],"sources":["../../../../src/bigconsole/components/embed/EmbedWidgetRenderer.tsx"],"sourcesContent":["/**\n * Strict embed widget dispatcher (BOFF-2986).\n *\n * Maps a sanitized widget DTO to its embed renderer via an EXACT registry.\n * There is NO silent fallback (unlike the authenticated WidgetRendererFactory):\n * a type that is not `implemented` in the coverage manifest renders a neutral\n * \"not available\" placeholder, never a guessed or partial widget. Each widget is\n * wrapped in its own error boundary so one failure can't take down the page.\n */\n\nimport { lazy, Suspense, type ComponentType } from 'react';\nimport type { WidgetType } from '../../types';\nimport type { EmbedWidgetRenderProps } from './types';\nimport { EMBED_WIDGET_COVERAGE } from './renderer-manifest';\nimport { EmbedErrorBoundary } from './EmbedErrorBoundary';\nimport { MetricCardEmbed } from './widgets/MetricCardEmbed';\nimport { KpiComparisonEmbed } from './widgets/KpiComparisonEmbed';\nimport { TableEmbed } from './widgets/TableEmbed';\nimport { ListEmbed } from './widgets/ListEmbed';\nimport { TextEmbed } from './widgets/TextEmbed';\nimport { GaugeEmbed } from './widgets/GaugeEmbed';\nimport { ProgressEmbed } from './widgets/ProgressEmbed';\nimport { HeatmapEmbed } from './widgets/HeatmapEmbed';\nimport { RetentionEmbed } from './widgets/RetentionEmbed';\nimport { TimelineEmbed } from './widgets/TimelineEmbed';\nimport { CalendarEmbed } from './widgets/CalendarEmbed';\nimport { KanbanEmbed } from './widgets/KanbanEmbed';\nimport { PivotEmbed } from './widgets/PivotEmbed';\nimport { FormEmbed } from './widgets/FormEmbed';\n\n// recharts is by far the largest dependency of the embed bundle — load it only\n// when a published dashboard actually contains a chart (BOFF-7926). The host\n// build must emit chunks relative to the entry (`base: './'`) so the chunk is\n// fetched from the asset origin the embed CSP allows.\nconst ChartEmbed = lazy(() => import('./widgets/ChartEmbed'));\n\n/**\n * Registry of implemented renderers. Every key here MUST be marked\n * `implemented` in EMBED_WIDGET_COVERAGE, and vice-versa — the completeness test\n * asserts the two stay in lockstep, so a renderer can never be silently missing\n * for a type the manifest claims to support.\n */\nconst IMPLEMENTED_RENDERERS: Partial<Record<WidgetType, ComponentType<EmbedWidgetRenderProps>>> = {\n  metric_card: MetricCardEmbed,\n  kpi_card_comparison: KpiComparisonEmbed,\n  table: TableEmbed,\n  list: ListEmbed,\n  text: TextEmbed,\n  chart: ChartEmbed,\n  funnel_chart: ChartEmbed,\n  pivot_table: PivotEmbed,\n  gauge: GaugeEmbed,\n  progress: ProgressEmbed,\n  form: FormEmbed,\n  heatmap: HeatmapEmbed,\n  calendar: CalendarEmbed,\n  kanban: KanbanEmbed,\n  timeline: TimelineEmbed,\n  retention: RetentionEmbed,\n};\n\nexport function getImplementedRendererTypes(): WidgetType[] {\n  return Object.keys(IMPLEMENTED_RENDERERS) as WidgetType[];\n}\n\nfunction UnavailableWidget({ title }: { title?: string }) {\n  return (\n    <div className=\"flex h-full w-full items-center justify-center bg-bg-surface p-4 text-center text-sm text-text-tertiary\">\n      {title ? `“${title}” is not available in this embed.` : 'This widget is not available in this embed.'}\n    </div>\n  );\n}\n\nfunction WidgetLoading() {\n  return <div className=\"h-full w-full animate-pulse bg-bg-sunken/60\" aria-busy=\"true\" />;\n}\n\nexport function EmbedWidgetRenderer(props: EmbedWidgetRenderProps) {\n  const { widget } = props;\n  const coverage = EMBED_WIDGET_COVERAGE[widget.type];\n  const Renderer = coverage?.support === 'implemented' ? IMPLEMENTED_RENDERERS[widget.type] : undefined;\n\n  if (!Renderer) {\n    return <UnavailableWidget title={widget.title} />;\n  }\n\n  return (\n    <EmbedErrorBoundary label=\"widget\">\n      <Suspense fallback={<WidgetLoading />}>\n        <Renderer {...props} />\n      </Suspense>\n    </EmbedErrorBoundary>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkCA,IAAM,IAAa,QAAW,OAAO,2BAAwB,EAQvD,IAA4F;CAChG,aAAa;CACb,qBAAqB;CACrB,OAAO;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACP,cAAc;CACd,aAAa;CACb,OAAO;CACP,UAAU;CACV,MAAM;CACN,SAAS;CACT,UAAU;CACV,QAAQ;CACR,UAAU;CACV,WAAW;CACZ;AAED,SAAgB,IAA4C;AAC1D,QAAO,OAAO,KAAK,EAAsB;;AAG3C,SAAS,EAAkB,EAAE,YAA6B;AACxD,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,IAAQ,IAAI,EAAM,qCAAqC;EACpD,CAAA;;AAIV,SAAS,IAAgB;AACvB,QAAO,kBAAC,OAAD;EAAK,WAAU;EAA8C,aAAU;EAAS,CAAA;;AAGzF,SAAgB,EAAoB,GAA+B;CACjE,IAAM,EAAE,cAAW,GAEb,IADW,EAAsB,EAAO,OACnB,YAAY,gBAAgB,EAAsB,EAAO,QAAQ,KAAA;AAM5F,QAJK,IAKH,kBAAC,GAAD;EAAoB,OAAM;YACxB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAAiB,CAAA;aACnC,kBAAC,GAAD,EAAU,GAAI,GAAS,CAAA;GACd,CAAA;EACQ,CAAA,GARd,kBAAC,GAAD,EAAmB,OAAO,EAAO,OAAS,CAAA"}

package/dist/bigconsole/components/embed/renderer-manifest.js

@@ -6,61 +6,28 @@ var e = {
 	table: { support: "implemented" },
 	list: { support: "implemented" },
 	text: { support: "implemented" },
-	chart: {
-		support: "blocked",
-		reason: "chart renderer + series schema pending"
-	},
-	funnel_chart: {
-		support: "blocked",
-		reason: "funnel renderer pending"
-	},
-	pivot_table: {
-		support: "blocked",
-		reason: "pivot projection schema pending"
-	},
-	gauge: {
-		support: "blocked",
-		reason: "gauge renderer pending"
-	},
-	progress: {
-		support: "blocked",
-		reason: "progress renderer pending"
-	},
-	form: {
-		support: "blocked",
-		reason: "requires side-effect action broker (post read-only MVP)"
-	},
+	chart: { support: "implemented" },
+	funnel_chart: { support: "implemented" },
+	pivot_table: { support: "implemented" },
+	gauge: { support: "implemented" },
+	progress: { support: "implemented" },
+	form: { support: "implemented" },
+	heatmap: { support: "implemented" },
+	calendar: { support: "implemented" },
+	kanban: { support: "implemented" },
+	timeline: { support: "implemented" },
+	retention: { support: "implemented" },
 	iframe: {
 		support: "blocked",
-		reason: "requires frozen exact-origin sandbox declaration"
+		reason: "requires publish-time frozen exact-origin + frame-src CSP (BOFF-7926 slice 9)"
 	},
 	map: {
 		support: "blocked",
-		reason: "requires frozen map-provider origins"
-	},
-	heatmap: {
-		support: "blocked",
-		reason: "heatmap renderer pending"
-	},
-	calendar: {
-		support: "blocked",
-		reason: "calendar renderer pending"
-	},
-	kanban: {
-		support: "blocked",
-		reason: "kanban renderer pending"
-	},
-	timeline: {
-		support: "blocked",
-		reason: "timeline renderer pending"
-	},
-	retention: {
-		support: "blocked",
-		reason: "retention/cohort renderer pending"
+		reason: "requires publish-time tile provider + img-src CSP (BOFF-7926 slice 9)"
 	},
 	custom: {
 		support: "blocked",
-		reason: "requires nested opaque-origin sandbox + signed manifest"
+		reason: "requires nested opaque-origin sandbox document (BOFF-7926 slice 10)"
 	}
 };
 function t(t) {

package/dist/bigconsole/components/embed/renderer-manifest.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderer-manifest.js","names":[],"sources":["../../../../src/bigconsole/components/embed/renderer-manifest.ts"],"sourcesContent":["/**\n * Embed widget coverage manifest (BOFF-2986).\n *\n * A COMPLETE, explicit decision for every persisted widget type. There is no\n * silent fallback: a type is either `implemented` (has a sanitizer + embed\n * renderer + test) or `blocked` (publication containing it is rejected, and the\n * runtime renders a safe placeholder — never a wrong or partial widget).\n *\n * The completeness test (`renderer-manifest.test.ts`) enumerates the\n * `WidgetType` union and fails the build if any type is missing from this map,\n * so a newly-added widget type cannot ship without an explicit embed decision.\n */\n\nimport type { WidgetType } from '../../types';\nimport { EMBED_RENDER_MODEL_VERSION } from './types';\n\nexport type EmbedWidgetSupport = 'implemented' | 'blocked';\n\nexport interface EmbedWidgetCoverage {\n  readonly support: EmbedWidgetSupport;\n  /** Why a type is blocked (surfaced to publication validation + operators). */\n  readonly reason?: string;\n}\n\n/**\n * Every `WidgetType` MUST appear here. Implemented set is the read-only MVP\n * native-data core; the rest are blocked with a concrete reason until their\n * sanitizer + renderer + tests land (each will flip to `implemented` in a\n * follow-up within this same renderer PR).\n */\nexport const EMBED_WIDGET_COVERAGE: Record<WidgetType, EmbedWidgetCoverage> = {\n  // --- implemented (native data, no external fetch, no sandbox) ---\n  metric_card: { support: 'implemented' },\n  kpi_card_comparison: { support: 'implemented' },\n  table: { support: 'implemented' },\n  list: { support: 'implemented' },\n  text: { support: 'implemented' },\n\n  // --- blocked (pending sanitizer/renderer/tests in this PR) ---\n  chart: { support: 'blocked', reason: 'chart renderer + series schema pending' },\n  funnel_chart: { support: 'blocked', reason: 'funnel renderer pending' },\n  pivot_table: { support: 'blocked', reason: 'pivot projection schema pending' },\n  gauge: { support: 'blocked', reason: 'gauge renderer pending' },\n  progress: { support: 'blocked', reason: 'progress renderer pending' },\n  form: { support: 'blocked', reason: 'requires side-effect action broker (post read-only MVP)' },\n  iframe: { support: 'blocked', reason: 'requires frozen exact-origin sandbox declaration' },\n  map: { support: 'blocked', reason: 'requires frozen map-provider origins' },\n  heatmap: { support: 'blocked', reason: 'heatmap renderer pending' },\n  calendar: { support: 'blocked', reason: 'calendar renderer pending' },\n  kanban: { support: 'blocked', reason: 'kanban renderer pending' },\n  timeline: { support: 'blocked', reason: 'timeline renderer pending' },\n  retention: { support: 'blocked', reason: 'retention/cohort renderer pending' },\n  custom: { support: 'blocked', reason: 'requires nested opaque-origin sandbox + signed manifest' },\n};\n\nexport function isWidgetTypeEmbeddable(type: WidgetType): boolean {\n  return EMBED_WIDGET_COVERAGE[type]?.support === 'implemented';\n}\n\n/** Immutable manifest emitted alongside the asset bundle for contract auditing. */\nexport const EMBED_RENDERER_MANIFEST = {\n  renderModelVersion: EMBED_RENDER_MODEL_VERSION,\n  implemented: Object.entries(EMBED_WIDGET_COVERAGE)\n    .filter(([, v]) => v.support === 'implemented')\n    .map(([k]) => k)\n    .sort(),\n  blocked: Object.entries(EMBED_WIDGET_COVERAGE)\n    .filter(([, v]) => v.support === 'blocked')\n    .map(([k]) => k)\n    .sort(),\n} as const;\n"],"mappings":";;AA8BA,IAAa,IAAiE;CAE5E,aAAa,EAAE,SAAS,eAAe;CACvC,qBAAqB,EAAE,SAAS,eAAe;CAC/C,OAAO,EAAE,SAAS,eAAe;CACjC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,SAAS,eAAe;CAGhC,OAAO;EAAE,SAAS;EAAW,QAAQ;EAA0C;CAC/E,cAAc;EAAE,SAAS;EAAW,QAAQ;EAA2B;CACvE,aAAa;EAAE,SAAS;EAAW,QAAQ;EAAmC;CAC9E,OAAO;EAAE,SAAS;EAAW,QAAQ;EAA0B;CAC/D,UAAU;EAAE,SAAS;EAAW,QAAQ;EAA6B;CACrE,MAAM;EAAE,SAAS;EAAW,QAAQ;EAA2D;CAC/F,QAAQ;EAAE,SAAS;EAAW,QAAQ;EAAoD;CAC1F,KAAK;EAAE,SAAS;EAAW,QAAQ;EAAwC;CAC3E,SAAS;EAAE,SAAS;EAAW,QAAQ;EAA4B;CACnE,UAAU;EAAE,SAAS;EAAW,QAAQ;EAA6B;CACrE,QAAQ;EAAE,SAAS;EAAW,QAAQ;EAA2B;CACjE,UAAU;EAAE,SAAS;EAAW,QAAQ;EAA6B;CACrE,WAAW;EAAE,SAAS;EAAW,QAAQ;EAAqC;CAC9E,QAAQ;EAAE,SAAS;EAAW,QAAQ;EAA2D;CAClG;AAED,SAAgB,EAAuB,GAA2B;AAChE,QAAO,EAAsB,IAAO,YAAY;;AAIlD,IAAa,IAA0B;CACrC,oBAAA;CACA,aAAa,OAAO,QAAQ,EAAsB,CAC/C,QAAQ,GAAG,OAAO,EAAE,YAAY,cAAc,CAC9C,KAAK,CAAC,OAAO,EAAE,CACf,MAAM;CACT,SAAS,OAAO,QAAQ,EAAsB,CAC3C,QAAQ,GAAG,OAAO,EAAE,YAAY,UAAU,CAC1C,KAAK,CAAC,OAAO,EAAE,CACf,MAAM;CACV"}
+{"version":3,"file":"renderer-manifest.js","names":[],"sources":["../../../../src/bigconsole/components/embed/renderer-manifest.ts"],"sourcesContent":["/**\n * Embed widget coverage manifest (BOFF-2986).\n *\n * A COMPLETE, explicit decision for every persisted widget type. There is no\n * silent fallback: a type is either `implemented` (has a sanitizer + embed\n * renderer + test) or `blocked` (publication containing it is rejected, and the\n * runtime renders a safe placeholder — never a wrong or partial widget).\n *\n * The completeness test (`renderer-manifest.test.ts`) enumerates the\n * `WidgetType` union and fails the build if any type is missing from this map,\n * so a newly-added widget type cannot ship without an explicit embed decision.\n */\n\nimport type { WidgetType } from '../../types';\nimport { EMBED_RENDER_MODEL_VERSION } from './types';\n\nexport type EmbedWidgetSupport = 'implemented' | 'blocked';\n\nexport interface EmbedWidgetCoverage {\n  readonly support: EmbedWidgetSupport;\n  /** Why a type is blocked (surfaced to publication validation + operators). */\n  readonly reason?: string;\n}\n\n/**\n * Every `WidgetType` MUST appear here. Implemented set is the read-only MVP\n * native-data core; the rest are blocked with a concrete reason until their\n * sanitizer + renderer + tests land (each will flip to `implemented` in a\n * follow-up within this same renderer PR).\n */\nexport const EMBED_WIDGET_COVERAGE: Record<WidgetType, EmbedWidgetCoverage> = {\n  // --- implemented (native data, no external fetch, no sandbox) ---\n  metric_card: { support: 'implemented' },\n  kpi_card_comparison: { support: 'implemented' },\n  table: { support: 'implemented' },\n  list: { support: 'implemented' },\n  text: { support: 'implemented' },\n\n  // --- blocked (pending sanitizer/renderer/tests in this PR) ---\n  chart: { support: 'implemented' },\n  funnel_chart: { support: 'implemented' },\n  pivot_table: { support: 'implemented' },\n  gauge: { support: 'implemented' },\n  progress: { support: 'implemented' },\n  form: { support: 'implemented' },\n  heatmap: { support: 'implemented' },\n  calendar: { support: 'implemented' },\n  kanban: { support: 'implemented' },\n  timeline: { support: 'implemented' },\n  retention: { support: 'implemented' },\n\n  iframe: {\n    support: 'blocked',\n    reason: 'requires publish-time frozen exact-origin + frame-src CSP (BOFF-7926 slice 9)',\n  },\n  map: { support: 'blocked', reason: 'requires publish-time tile provider + img-src CSP (BOFF-7926 slice 9)' },\n  custom: { support: 'blocked', reason: 'requires nested opaque-origin sandbox document (BOFF-7926 slice 10)' },\n};\n\nexport function isWidgetTypeEmbeddable(type: WidgetType): boolean {\n  return EMBED_WIDGET_COVERAGE[type]?.support === 'implemented';\n}\n\n/** Immutable manifest emitted alongside the asset bundle for contract auditing. */\nexport const EMBED_RENDERER_MANIFEST = {\n  renderModelVersion: EMBED_RENDER_MODEL_VERSION,\n  implemented: Object.entries(EMBED_WIDGET_COVERAGE)\n    .filter(([, v]) => v.support === 'implemented')\n    .map(([k]) => k)\n    .sort(),\n  blocked: Object.entries(EMBED_WIDGET_COVERAGE)\n    .filter(([, v]) => v.support === 'blocked')\n    .map(([k]) => k)\n    .sort(),\n} as const;\n"],"mappings":";;AA8BA,IAAa,IAAiE;CAE5E,aAAa,EAAE,SAAS,eAAe;CACvC,qBAAqB,EAAE,SAAS,eAAe;CAC/C,OAAO,EAAE,SAAS,eAAe;CACjC,MAAM,EAAE,SAAS,eAAe;CAChC,MAAM,EAAE,SAAS,eAAe;CAGhC,OAAO,EAAE,SAAS,eAAe;CACjC,cAAc,EAAE,SAAS,eAAe;CACxC,aAAa,EAAE,SAAS,eAAe;CACvC,OAAO,EAAE,SAAS,eAAe;CACjC,UAAU,EAAE,SAAS,eAAe;CACpC,MAAM,EAAE,SAAS,eAAe;CAChC,SAAS,EAAE,SAAS,eAAe;CACnC,UAAU,EAAE,SAAS,eAAe;CACpC,QAAQ,EAAE,SAAS,eAAe;CAClC,UAAU,EAAE,SAAS,eAAe;CACpC,WAAW,EAAE,SAAS,eAAe;CAErC,QAAQ;EACN,SAAS;EACT,QAAQ;EACT;CACD,KAAK;EAAE,SAAS;EAAW,QAAQ;EAAyE;CAC5G,QAAQ;EAAE,SAAS;EAAW,QAAQ;EAAuE;CAC9G;AAED,SAAgB,EAAuB,GAA2B;AAChE,QAAO,EAAsB,IAAO,YAAY;;AAIlD,IAAa,IAA0B;CACrC,oBAAA;CACA,aAAa,OAAO,QAAQ,EAAsB,CAC/C,QAAQ,GAAG,OAAO,EAAE,YAAY,cAAc,CAC9C,KAAK,CAAC,OAAO,EAAE,CACf,MAAM;CACT,SAAS,OAAO,QAAQ,EAAsB,CAC3C,QAAQ,GAAG,OAAO,EAAE,YAAY,UAAU,CAC1C,KAAK,CAAC,OAAO,EAAE,CACf,MAAM;CACV"}

package/dist/bigconsole/components/embed/widgetShim.js

@@ -0,0 +1,28 @@
+//#region src/bigconsole/components/embed/widgetShim.ts
+var e = "1970-01-01T00:00:00.000Z";
+function t(t) {
+	let { x: n, y: r, w: i, h: a } = t.layout;
+	return {
+		id: t.id,
+		pageId: "",
+		type: t.type,
+		title: t.title ?? "",
+		config: { ...t.config },
+		position: {
+			x: n,
+			y: r,
+			width: i,
+			height: a
+		},
+		positionX: n,
+		positionY: r,
+		positionWidth: i,
+		positionHeight: a,
+		createdAt: e,
+		updatedAt: e
+	};
+}
+//#endregion
+export { t as toWidgetShim };
+
+//# sourceMappingURL=widgetShim.js.map

package/dist/bigconsole/components/embed/widgetShim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"widgetShim.js","names":[],"sources":["../../../../src/bigconsole/components/embed/widgetShim.ts"],"sourcesContent":["/**\n * Adapter from a sanitized embed widget DTO to the in-app `Widget` shape\n * (BOFF-7926).\n *\n * Reused in-app widget components take a full `Widget`. The embed only has the\n * sanitized model, so this shim fills the structural fields with inert values:\n * no data-source ids, no parser, no drilldown(s), no actions. Components\n * rendered through it must also never receive `onClick`/`onDrilldown`/`onSubmit`\n * — every reused component gates interactivity on those props or on\n * `drilldown(s)`, both of which stay absent here.\n */\n\nimport type { Widget } from '../../types';\nimport type { EmbedWidgetModel } from './types';\n\nconst EPOCH = '1970-01-01T00:00:00.000Z';\n\nexport function toWidgetShim(model: EmbedWidgetModel): Widget {\n  const { x, y, w, h } = model.layout;\n  return {\n    id: model.id,\n    pageId: '',\n    type: model.type,\n    title: model.title ?? '',\n    config: { ...model.config },\n    position: { x, y, width: w, height: h },\n    positionX: x,\n    positionY: y,\n    positionWidth: w,\n    positionHeight: h,\n    createdAt: EPOCH,\n    updatedAt: EPOCH,\n  };\n}\n"],"mappings":";AAeA,IAAM,IAAQ;AAEd,SAAgB,EAAa,GAAiC;CAC5D,IAAM,EAAE,MAAG,MAAG,MAAG,SAAM,EAAM;AAC7B,QAAO;EACL,IAAI,EAAM;EACV,QAAQ;EACR,MAAM,EAAM;EACZ,OAAO,EAAM,SAAS;EACtB,QAAQ,EAAE,GAAG,EAAM,QAAQ;EAC3B,UAAU;GAAE;GAAG;GAAG,OAAO;GAAG,QAAQ;GAAG;EACvC,WAAW;EACX,WAAW;EACX,eAAe;EACf,gBAAgB;EAChB,WAAW;EACX,WAAW;EACZ"}

package/dist/bigconsole/components/embed/widgets/CalendarEmbed.js

@@ -0,0 +1,38 @@
+import { asFiniteNumber as e, asOptionalString as t, asRecord as n, asRecordArray as r, displayValue as i, safeColor as a } from "./shared.js";
+import { toWidgetShim as o } from "../widgetShim.js";
+import { EmbedFrame as s } from "./EmbedFrame.js";
+import c from "../../widgets/calendar/CalendarView.js";
+import { fallbackTranslate as l } from "../../widgets/utils/translate.js";
+import { useMemo as u } from "react";
+import { jsx as d } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/CalendarEmbed.tsx
+var f = 1e3;
+function p({ widget: p }) {
+	let m = u(() => o(p), [p]), h = u(() => {
+		let o = n(p.data), s = r(o.events, f).map((e, n) => ({
+			id: `e${n}`,
+			title: i(e.title),
+			start: i(e.start),
+			end: i(e.end) || i(e.start),
+			color: a(e.color),
+			allDay: e.allDay === !0,
+			category: t(e.category, 80)
+		})).filter((e) => e.start !== ""), c = e(o.eventCount);
+		return {
+			events: s,
+			eventCount: c !== null && c >= 0 ? Math.trunc(c) : void 0
+		};
+	}, [p.data]);
+	return /* @__PURE__ */ d(s, {
+		title: p.title,
+		children: /* @__PURE__ */ d(c, {
+			widget: m,
+			data: h,
+			t: l
+		})
+	});
+}
+//#endregion
+export { p as CalendarEmbed };
+
+//# sourceMappingURL=CalendarEmbed.js.map

package/dist/bigconsole/components/embed/widgets/CalendarEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/CalendarEmbed.tsx"],"sourcesContent":["/**\n * Read-only calendar embed renderer (BOFF-7926).\n *\n * Reuses the provider-free CalendarView with a static translator. The service\n * projects `{ events: [{id, title, start, end, color?, allDay?, category?}], eventCount }`\n * (events capped; `eventCount` is the true total).\n */\nimport { useMemo } from 'react';\nimport { CalendarView, type CalendarData } from '../../widgets/calendar/CalendarView';\nimport { fallbackTranslate } from '../../widgets/utils/translate';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asFiniteNumber, asOptionalString, asRecord, asRecordArray, displayValue, safeColor } from './shared';\n\nconst MAX_EVENTS = 1000;\n\nexport function CalendarEmbed({ widget }: EmbedWidgetRenderProps) {\n  const shim = useMemo(() => toWidgetShim(widget), [widget]);\n  const data = useMemo((): CalendarData => {\n    const d = asRecord(widget.data);\n    const events = asRecordArray(d.events, MAX_EVENTS)\n      .map((e, i) => ({\n        id: `e${i}`,\n        title: displayValue(e.title),\n        start: displayValue(e.start),\n        end: displayValue(e.end) || displayValue(e.start),\n        color: safeColor(e.color),\n        allDay: e.allDay === true,\n        category: asOptionalString(e.category, 80),\n      }))\n      .filter((e) => e.start !== '');\n    const count = asFiniteNumber(d.eventCount);\n    return { events, eventCount: count !== null && count >= 0 ? Math.trunc(count) : undefined };\n  }, [widget.data]);\n  return (\n    <EmbedFrame title={widget.title}>\n      <CalendarView widget={shim} data={data} t={fallbackTranslate} />\n    </EmbedFrame>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,IAAa;AAEnB,SAAgB,EAAc,EAAE,aAAkC;CAChE,IAAM,IAAO,QAAc,EAAa,EAAO,EAAE,CAAC,EAAO,CAAC,EACpD,IAAO,QAA4B;EACvC,IAAM,IAAI,EAAS,EAAO,KAAK,EACzB,IAAS,EAAc,EAAE,QAAQ,EAAW,CAC/C,KAAK,GAAG,OAAO;GACd,IAAI,IAAI;GACR,OAAO,EAAa,EAAE,MAAM;GAC5B,OAAO,EAAa,EAAE,MAAM;GAC5B,KAAK,EAAa,EAAE,IAAI,IAAI,EAAa,EAAE,MAAM;GACjD,OAAO,EAAU,EAAE,MAAM;GACzB,QAAQ,EAAE,WAAW;GACrB,UAAU,EAAiB,EAAE,UAAU,GAAG;GAC3C,EAAE,CACF,QAAQ,MAAM,EAAE,UAAU,GAAG,EAC1B,IAAQ,EAAe,EAAE,WAAW;AAC1C,SAAO;GAAE;GAAQ,YAAY,MAAU,QAAQ,KAAS,IAAI,KAAK,MAAM,EAAM,GAAG,KAAA;GAAW;IAC1F,CAAC,EAAO,KAAK,CAAC;AACjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAc,QAAQ;GAAY;GAAM,GAAG;GAAqB,CAAA;EACrD,CAAA"}

package/dist/bigconsole/components/embed/widgets/ChartEmbed.js

@@ -0,0 +1,225 @@
+import { asArray as e, asFiniteNumber as t, asOptionalString as n, asRecord as r, asRecordArray as i, safeColor as a } from "./shared.js";
+import { EmbedFrame as o } from "./EmbedFrame.js";
+import s from "../../widgets/chart/ChartLegend.js";
+import c from "../../widgets/chart/charts/LineChart.js";
+import l from "../../widgets/chart/charts/BarChart.js";
+import u from "../../widgets/chart/charts/AreaChart.js";
+import d from "../../widgets/chart/charts/PieChart.js";
+import f from "../../widgets/chart/charts/FunnelChart.js";
+import p from "../../widgets/chart/charts/ComboChart.js";
+import m from "../../widgets/chart/charts/WaterfallChart.js";
+import h from "../../widgets/chart/charts/ScatterChart.js";
+import { useCallback as g, useMemo as _, useState as v } from "react";
+import { jsx as y, jsxs as b } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/ChartEmbed.tsx
+var x = [
+	"line",
+	"bar",
+	"area",
+	"pie",
+	"funnel",
+	"combo",
+	"waterfall",
+	"scatter"
+], S = [
+	"monotone",
+	"linear",
+	"step",
+	"stepAfter",
+	"stepBefore",
+	"natural"
+], C = [
+	"top",
+	"bottom",
+	"left",
+	"right"
+], w = [
+	"success",
+	"warning",
+	"danger",
+	"info",
+	"neutral"
+], T = [
+	"var(--color-chart-1)",
+	"var(--color-chart-2)",
+	"var(--color-chart-3)",
+	"var(--color-chart-4)",
+	"var(--color-chart-5)"
+], E = 1e3, D = 20;
+function O(e, t) {
+	return typeof e == "string" && t.includes(e) ? e : void 0;
+}
+function k(e) {
+	return typeof e == "boolean" ? e : void 0;
+}
+function A(e) {
+	return typeof e == "string" && e.length > 0 && e.length <= 128 ? e : void 0;
+}
+function j(o, s) {
+	let c = typeof o.chartType == "string" ? o.chartType.toLowerCase() : "", l = c === "doughnut" || c === "donut", u = s ? "funnel" : l ? "pie" : O(c, x) ?? "line", d = e(o.colors).map(a).filter((e) => !!e).slice(0, 12), f = {}, p = o.seriesLabels;
+	if (Array.isArray(p)) for (let e of p.slice(0, D)) {
+		let t = r(e), i = A(t.key ?? t.field), a = n(t.label, 80);
+		i && a && (f[i] = a);
+	}
+	else for (let [e, t] of Object.entries(r(p)).slice(0, D)) A(e) && typeof t == "string" && (f[e] = t.slice(0, 80));
+	let m = i(o.referenceLines, 10).map((e) => {
+		let r = t(e.value);
+		return r === null ? null : {
+			axis: O(e.axis, ["x", "y"]),
+			value: r,
+			value2: t(e.value2) ?? void 0,
+			label: n(e.label, 80),
+			color: O(e.color, w),
+			dashed: k(e.dashed)
+		};
+	}).filter((e) => e !== null), h = i(o.series, D).map((e) => {
+		let t = A(e.field);
+		return t ? {
+			field: t,
+			label: n(e.label, 80),
+			type: O(e.type, ["bar", "line"]),
+			axis: O(e.axis, ["left", "right"]),
+			color: a(e.color)
+		} : null;
+	}).filter((e) => e !== null);
+	return {
+		type: u,
+		xAxisKey: A(o.xAxisField) ?? "name",
+		xAxisLabel: n(o.xAxisLabel, 80),
+		yAxisLabel: n(o.yAxisLabel, 80),
+		yAxisRightLabel: n(o.yAxisRightLabel, 80),
+		showGrid: k(o.showGrid),
+		showLegend: k(o.showLegend),
+		legendPosition: O(o.legendPosition, C),
+		showDots: k(o.showDataPoints),
+		curveType: O(o.curveType, S),
+		colors: d.length > 0 ? d : void 0,
+		seriesNames: Object.keys(f).length > 0 ? f : void 0,
+		stacked: k(o.stacked),
+		isDonut: l || k(o.showAsDonut),
+		innerRadius: t(o.innerRadius) ?? void 0,
+		outerRadius: t(o.outerRadius) ?? void 0,
+		referenceLines: m.length > 0 ? m : void 0,
+		series: h.length > 0 ? h : void 0,
+		dualAxis: k(o.dualAxis),
+		logScale: k(o.logScale),
+		valueField: A(o.valueField),
+		labelField: A(o.labelField),
+		showTotal: k(o.showTotal),
+		totalLabel: n(o.totalLabel, 80),
+		xField: A(o.xField),
+		yField: A(o.yField),
+		sizeField: A(o.sizeField),
+		colorField: A(o.colorField)
+	};
+}
+function M(e) {
+	return i(r(e).rows, E).map((e) => {
+		let t = {};
+		for (let [n, r] of Object.entries(e).slice(0, D + 4)) typeof r == "string" ? t[n] = r.slice(0, 200) : typeof r == "number" && Number.isFinite(r) && (t[n] = r);
+		return t;
+	});
+}
+function N({ widget: t }) {
+	let n = t.config, r = _(() => j(n, t.type === "funnel_chart"), [n, t.type]), i = _(() => M(t.data), [t.data]), [a, x] = v([]), S = _(() => e(n.selectedFields).map(A).filter((e) => !!e), [n.selectedFields]), C = _(() => {
+		let e = i[0];
+		return !e || [
+			"pie",
+			"funnel",
+			"scatter",
+			"waterfall"
+		].includes(r.type ?? "") ? [] : Object.keys(e).filter((t) => {
+			let n = t !== r.xAxisKey && typeof e[t] == "number";
+			return S.length > 0 ? n && S.includes(t) : n;
+		}).map((e, t) => ({
+			dataKey: e,
+			name: r.seriesNames?.[e] || e,
+			color: r.colors?.[t] || T[t % T.length],
+			hidden: a.includes(e)
+		}));
+	}, [
+		i,
+		r,
+		a,
+		S
+	]), w = g((e) => {
+		x((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, []);
+	if (i.length === 0) return /* @__PURE__ */ y(o, {
+		title: t.title,
+		children: /* @__PURE__ */ y("div", {
+			className: "flex h-full w-full items-center justify-center p-4 text-sm text-text-tertiary",
+			children: "No data"
+		})
+	});
+	let E = r.type === "combo" || r.dualAxis === !0 || ((r.series?.some((e) => e.axis === "right" || e.type === "bar") && r.series?.some((e) => e.type === "line")) ?? !1), D = (() => {
+		if (E) return /* @__PURE__ */ y(p, {
+			data: i,
+			config: r,
+			hiddenSeries: a
+		});
+		switch (r.type) {
+			case "waterfall": return /* @__PURE__ */ y(m, {
+				data: i,
+				config: r
+			});
+			case "scatter": return /* @__PURE__ */ y(h, {
+				data: i,
+				config: r
+			});
+			case "bar": return /* @__PURE__ */ y(l, {
+				data: i,
+				config: r,
+				hiddenSeries: a
+			});
+			case "area": return /* @__PURE__ */ y(u, {
+				data: i,
+				config: r,
+				hiddenSeries: a
+			});
+			case "pie": return /* @__PURE__ */ y(d, {
+				data: i,
+				config: r,
+				dataKey: r.valueField || "value",
+				nameKey: r.labelField || "name"
+			});
+			case "funnel": return /* @__PURE__ */ y(f, {
+				data: i,
+				config: r,
+				dataKey: r.valueField || "value",
+				nameKey: r.labelField || "name"
+			});
+			default: return /* @__PURE__ */ y(c, {
+				data: i,
+				config: r,
+				hiddenSeries: a
+			});
+		}
+	})(), O = r.showLegend !== !1 && C.length > 0;
+	return /* @__PURE__ */ y(o, {
+		title: t.title,
+		children: /* @__PURE__ */ b("div", {
+			className: "flex h-full w-full flex-col p-4",
+			children: [
+				O && r.legendPosition === "top" && /* @__PURE__ */ y(s, {
+					items: C,
+					position: "top",
+					onItemClick: w
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "min-h-0 flex-1",
+					children: D
+				}),
+				O && r.legendPosition === "bottom" && /* @__PURE__ */ y(s, {
+					items: C,
+					position: "bottom",
+					onItemClick: w
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { N as ChartEmbed, N as default, j as toEmbedChartConfig, M as toEmbedChartRows };
+
+//# sourceMappingURL=ChartEmbed.js.map

package/dist/bigconsole/components/embed/widgets/ChartEmbed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/ChartEmbed.tsx"],"sourcesContent":["/**\n * Read-only chart embed renderer (BOFF-7926) — covers `chart` (line, bar, area,\n * pie, funnel, combo, waterfall, scatter) and `funnel_chart`.\n *\n * Reuses the in-app chart primitives (`widgets/chart/charts/*`, ChartLegend,\n * ChartTooltip) for visual parity but deliberately NOT ChartWidget: that pulls\n * the cross-filter context (router + store) into the isolated embed bundle.\n * No data-click handler is ever passed, so there is no drilldown/cross-filter.\n * Legend toggles only hide series locally.\n *\n * Data: `{ rows: [{ <field>: string | number }] }`, already projected by the\n * service to the x/label field plus the selected/series fields. Config: the\n * presentation whitelist (see sanitizeChartConfig), re-narrowed here.\n *\n * Loaded lazily (recharts is the largest dependency of the embed bundle).\n */\nimport { useCallback, useMemo, useState } from 'react';\nimport { ChartLegend, type LegendItem } from '../../widgets/chart/ChartLegend';\nimport { LineChart } from '../../widgets/chart/charts/LineChart';\nimport { BarChart } from '../../widgets/chart/charts/BarChart';\nimport { AreaChart } from '../../widgets/chart/charts/AreaChart';\nimport { PieChart } from '../../widgets/chart/charts/PieChart';\nimport { FunnelChart } from '../../widgets/chart/charts/FunnelChart';\nimport { ComboChart } from '../../widgets/chart/charts/ComboChart';\nimport { WaterfallChart } from '../../widgets/chart/charts/WaterfallChart';\nimport { ScatterChart } from '../../widgets/chart/charts/ScatterChart';\nimport type {\n  ChartConfig,\n  ChartData,\n  ChartType,\n  CurveType,\n  ReferenceLineConfig,\n  SeriesConfig,\n} from '../../widgets/chart/charts/types';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asArray, asFiniteNumber, asOptionalString, asRecord, asRecordArray, safeColor } from './shared';\n\nconst CHART_TYPES: readonly ChartType[] = ['line', 'bar', 'area', 'pie', 'funnel', 'combo', 'waterfall', 'scatter'];\nconst CURVES: readonly CurveType[] = ['monotone', 'linear', 'step', 'stepAfter', 'stepBefore', 'natural'];\nconst LEGEND_POSITIONS = ['top', 'bottom', 'left', 'right'] as const;\nconst INTENTS = ['success', 'warning', 'danger', 'info', 'neutral'] as const;\nconst DEFAULT_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n];\nconst MAX_ROWS = 1000;\nconst MAX_SERIES = 20;\n\nfunction oneOf<T extends string>(value: unknown, allowed: readonly T[]): T | undefined {\n  return typeof value === 'string' && (allowed as readonly string[]).includes(value) ? (value as T) : undefined;\n}\nfunction asBool(value: unknown): boolean | undefined {\n  return typeof value === 'boolean' ? value : undefined;\n}\nfunction fieldName(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 && value.length <= 128 ? value : undefined;\n}\n\n/** Narrow the (already server-whitelisted) config into the primitives' ChartConfig. */\nexport function toEmbedChartConfig(raw: Record<string, unknown>, forceFunnel: boolean): ChartConfig {\n  const requested = typeof raw.chartType === 'string' ? raw.chartType.toLowerCase() : '';\n  // `doughnut`/`donut` are stored by older builders; render them as a donut pie.\n  const isDoughnut = requested === 'doughnut' || requested === 'donut';\n  const type: ChartType = forceFunnel ? 'funnel' : isDoughnut ? 'pie' : (oneOf(requested, CHART_TYPES) ?? 'line');\n\n  const colors = asArray(raw.colors)\n    .map(safeColor)\n    .filter((c): c is string => !!c)\n    .slice(0, 12);\n\n  const seriesNames: Record<string, string> = {};\n  const labels = raw.seriesLabels;\n  // A bare string[] carries no field mapping (the in-app chart ignores it too),\n  // so only `{key|field, label}` entries or a `{field: label}` record apply.\n  if (Array.isArray(labels)) {\n    for (const entry of labels.slice(0, MAX_SERIES)) {\n      const r = asRecord(entry);\n      const key = fieldName(r.key ?? r.field);\n      const label = asOptionalString(r.label, 80);\n      if (key && label) seriesNames[key] = label;\n    }\n  } else {\n    for (const [key, label] of Object.entries(asRecord(labels)).slice(0, MAX_SERIES)) {\n      if (fieldName(key) && typeof label === 'string') seriesNames[key] = label.slice(0, 80);\n    }\n  }\n\n  const referenceLines: ReferenceLineConfig[] = asRecordArray(raw.referenceLines, 10)\n    .map((r) => {\n      const value = asFiniteNumber(r.value);\n      if (value === null) return null;\n      return {\n        axis: oneOf(r.axis, ['x', 'y'] as const),\n        value,\n        value2: asFiniteNumber(r.value2) ?? undefined,\n        label: asOptionalString(r.label, 80),\n        color: oneOf(r.color, INTENTS),\n        dashed: asBool(r.dashed),\n      };\n    })\n    .filter((r): r is NonNullable<typeof r> => r !== null);\n\n  const series: SeriesConfig[] = asRecordArray(raw.series, MAX_SERIES)\n    .map((s) => {\n      const field = fieldName(s.field);\n      if (!field) return null;\n      return {\n        field,\n        label: asOptionalString(s.label, 80),\n        type: oneOf(s.type, ['bar', 'line'] as const),\n        axis: oneOf(s.axis, ['left', 'right'] as const),\n        color: safeColor(s.color),\n      };\n    })\n    .filter((s): s is NonNullable<typeof s> => s !== null);\n\n  return {\n    type,\n    xAxisKey: fieldName(raw.xAxisField) ?? 'name',\n    xAxisLabel: asOptionalString(raw.xAxisLabel, 80),\n    yAxisLabel: asOptionalString(raw.yAxisLabel, 80),\n    yAxisRightLabel: asOptionalString(raw.yAxisRightLabel, 80),\n    showGrid: asBool(raw.showGrid),\n    showLegend: asBool(raw.showLegend),\n    legendPosition: oneOf(raw.legendPosition, LEGEND_POSITIONS),\n    showDots: asBool(raw.showDataPoints),\n    curveType: oneOf(raw.curveType, CURVES),\n    colors: colors.length > 0 ? colors : undefined,\n    seriesNames: Object.keys(seriesNames).length > 0 ? seriesNames : undefined,\n    stacked: asBool(raw.stacked),\n    isDonut: isDoughnut || asBool(raw.showAsDonut),\n    innerRadius: asFiniteNumber(raw.innerRadius) ?? undefined,\n    outerRadius: asFiniteNumber(raw.outerRadius) ?? undefined,\n    referenceLines: referenceLines.length > 0 ? referenceLines : undefined,\n    series: series.length > 0 ? series : undefined,\n    dualAxis: asBool(raw.dualAxis),\n    logScale: asBool(raw.logScale),\n    valueField: fieldName(raw.valueField),\n    labelField: fieldName(raw.labelField),\n    showTotal: asBool(raw.showTotal),\n    totalLabel: asOptionalString(raw.totalLabel, 80),\n    xField: fieldName(raw.xField),\n    yField: fieldName(raw.yField),\n    sizeField: fieldName(raw.sizeField),\n    colorField: fieldName(raw.colorField),\n  };\n}\n\n/** Rows with scalar cells only (string/finite number); anything else is dropped. */\nexport function toEmbedChartRows(data: unknown): ChartData[] {\n  return asRecordArray(asRecord(data).rows, MAX_ROWS).map((row) => {\n    const out: ChartData = {};\n    for (const [key, value] of Object.entries(row).slice(0, MAX_SERIES + 4)) {\n      if (typeof value === 'string') out[key] = value.slice(0, 200);\n      else if (typeof value === 'number' && Number.isFinite(value)) out[key] = value;\n    }\n    return out;\n  });\n}\n\nexport function ChartEmbed({ widget }: EmbedWidgetRenderProps) {\n  const rawConfig = widget.config;\n  const chartConfig = useMemo(\n    () => toEmbedChartConfig(rawConfig, widget.type === 'funnel_chart'),\n    [rawConfig, widget.type]\n  );\n  const data = useMemo(() => toEmbedChartRows(widget.data), [widget.data]);\n  const [hiddenSeries, setHiddenSeries] = useState<string[]>([]);\n\n  const selectedFields = useMemo(\n    () =>\n      asArray(rawConfig.selectedFields)\n        .map(fieldName)\n        .filter((f): f is string => !!f),\n    [rawConfig.selectedFields]\n  );\n\n  // Same legend derivation as the in-app ChartWidget.\n  const legendItems: LegendItem[] = useMemo(() => {\n    const first = data[0];\n    if (!first || ['pie', 'funnel', 'scatter', 'waterfall'].includes(chartConfig.type ?? '')) return [];\n    const keys = Object.keys(first).filter((key) => {\n      const numeric = key !== chartConfig.xAxisKey && typeof first[key] === 'number';\n      return selectedFields.length > 0 ? numeric && selectedFields.includes(key) : numeric;\n    });\n    return keys.map((key, index) => ({\n      dataKey: key,\n      name: chartConfig.seriesNames?.[key] || key,\n      color: chartConfig.colors?.[index] || DEFAULT_COLORS[index % DEFAULT_COLORS.length],\n      hidden: hiddenSeries.includes(key),\n    }));\n  }, [data, chartConfig, hiddenSeries, selectedFields]);\n\n  const toggleSeries = useCallback((key: string) => {\n    setHiddenSeries((prev) => (prev.includes(key) ? prev.filter((k) => k !== key) : [...prev, key]));\n  }, []);\n\n  if (data.length === 0) {\n    return (\n      <EmbedFrame title={widget.title}>\n        <div className=\"flex h-full w-full items-center justify-center p-4 text-sm text-text-tertiary\">No data</div>\n      </EmbedFrame>\n    );\n  }\n\n  const isCombo =\n    chartConfig.type === 'combo' ||\n    chartConfig.dualAxis === true ||\n    ((chartConfig.series?.some((s) => s.axis === 'right' || s.type === 'bar') &&\n      chartConfig.series?.some((s) => s.type === 'line')) ??\n      false);\n\n  const chart = (() => {\n    if (isCombo) return <ComboChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} />;\n    switch (chartConfig.type) {\n      case 'waterfall':\n        return <WaterfallChart data={data} config={chartConfig} />;\n      case 'scatter':\n        return <ScatterChart data={data} config={chartConfig} />;\n      case 'bar':\n        return <BarChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} />;\n      case 'area':\n        return <AreaChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} />;\n      case 'pie':\n        return (\n          <PieChart\n            data={data}\n            config={chartConfig}\n            dataKey={chartConfig.valueField || 'value'}\n            nameKey={chartConfig.labelField || 'name'}\n          />\n        );\n      case 'funnel':\n        return (\n          <FunnelChart\n            data={data}\n            config={chartConfig}\n            dataKey={chartConfig.valueField || 'value'}\n            nameKey={chartConfig.labelField || 'name'}\n          />\n        );\n      case 'line':\n      default:\n        return <LineChart data={data} config={chartConfig} hiddenSeries={hiddenSeries} />;\n    }\n  })();\n\n  // The owner's \"Show Legend\" switch governs the external top/bottom legend too\n  // (the primitives' own legend already honors it).\n  const showExternalLegend = chartConfig.showLegend !== false && legendItems.length > 0;\n\n  return (\n    <EmbedFrame title={widget.title}>\n      <div className=\"flex h-full w-full flex-col p-4\">\n        {showExternalLegend && chartConfig.legendPosition === 'top' && (\n          <ChartLegend items={legendItems} position=\"top\" onItemClick={toggleSeries} />\n        )}\n        <div className=\"min-h-0 flex-1\">{chart}</div>\n        {showExternalLegend && chartConfig.legendPosition === 'bottom' && (\n          <ChartLegend items={legendItems} position=\"bottom\" onItemClick={toggleSeries} />\n        )}\n      </div>\n    </EmbedFrame>\n  );\n}\n\nexport default ChartEmbed;\n"],"mappings":"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"}

package/dist/bigconsole/components/embed/widgets/EmbedFrame.js

@@ -0,0 +1,18 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/EmbedFrame.tsx
+function n({ title: n, children: r }) {
+	return /* @__PURE__ */ t("div", {
+		className: "flex h-full w-full flex-col overflow-hidden bg-bg-surface",
+		children: [n && /* @__PURE__ */ e("div", {
+			className: "shrink-0 truncate border-b border-border-subtle px-3 py-2 text-sm font-medium text-text-primary",
+			children: n
+		}), /* @__PURE__ */ e("div", {
+			className: "min-h-0 flex-1 overflow-auto",
+			children: r
+		})]
+	});
+}
+//#endregion
+export { n as EmbedFrame };
+
+//# sourceMappingURL=EmbedFrame.js.map

package/dist/bigconsole/components/embed/widgets/EmbedFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedFrame.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/EmbedFrame.tsx"],"sourcesContent":["/**\n * Title bar + body frame for embed renderers that reuse in-app widget bodies\n * (BOFF-7926). In the app the widget header is drawn by WidgetWrapper, not the\n * widget, so reused bodies need the same title bar the Table/List embeds draw.\n */\nimport type { ReactNode } from 'react';\n\nexport function EmbedFrame({ title, children }: { title?: string; children: ReactNode }) {\n  return (\n    <div className=\"flex h-full w-full flex-col overflow-hidden bg-bg-surface\">\n      {title && (\n        <div className=\"shrink-0 truncate border-b border-border-subtle px-3 py-2 text-sm font-medium text-text-primary\">\n          {title}\n        </div>\n      )}\n      <div className=\"min-h-0 flex-1 overflow-auto\">{children}</div>\n    </div>\n  );\n}\n"],"mappings":";;AAOA,SAAgB,EAAW,EAAE,UAAO,eAAqD;AACvF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KACC,kBAAC,OAAD;GAAK,WAAU;aACZ;GACG,CAAA,EAER,kBAAC,OAAD;GAAK,WAAU;GAAgC;GAAe,CAAA,CAC1D"}