npm - @burdenoff/microfe-bigconsole - Versions diffs - 2026.925.2 → 2026.928.1 - Mend

@burdenoff/microfe-bigconsole 2026.925.2 → 2026.928.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/bigconsole/components/embed/widgets/FormEmbed.js ADDED Viewed

@@ -0,0 +1,147 @@
+import { asFiniteNumber as e, asOptionalString as t, asRecord as n, asRecordArray as r, displayValue as i } from "./shared.js";
+import { EmbedFrame as a } from "./EmbedFrame.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/FormEmbed.tsx
+var c = new Set([
+	"text",
+	"number",
+	"email",
+	"tel",
+	"url",
+	"date",
+	"datetime-local",
+	"time"
+]), l = new Set([
+	"hidden",
+	"password",
+	"file"
+]);
+function u(e) {
+	return r(e, 100).map((e) => ({
+		value: i(e.value),
+		label: i(e.label) || i(e.value)
+	}));
+}
+function d({ widget: d }) {
+	let f = d.config, p = n(d.data), m = n(p.values), h = n(p.options), g = r(f.fields, 50).map((n) => ({
+		name: i(n.name),
+		label: i(n.label) || i(n.name),
+		type: i(n.type) || "text",
+		placeholder: t(n.placeholder, 120),
+		helpText: t(n.helpText, 300),
+		required: n.required === !0,
+		options: u(n.options),
+		rows: Math.min(Math.max(e(n.rows) ?? 4, 1), 20)
+	})).filter((e) => e.name !== "" && !l.has(e.type)), _ = f.layout === "grid" ? Math.min(Math.max(e(f.columns) ?? 2, 1), 4) : 1, v = t(f.submitLabel, 60) ?? "Submit", y = t(f.resetLabel, 60) ?? "Reset", b = "w-full rounded-md border border-border-default bg-bg-sunken px-3 py-2 text-sm text-text-primary opacity-80 cursor-not-allowed", x = (e) => {
+		let t = m[e.name], n = h[e.name] === void 0 ? e.options : u(h[e.name]);
+		switch (e.type) {
+			case "textarea": return /* @__PURE__ */ o("textarea", {
+				id: e.name,
+				className: b,
+				rows: e.rows,
+				value: i(t),
+				placeholder: e.placeholder,
+				disabled: !0,
+				readOnly: !0
+			});
+			case "select": return /* @__PURE__ */ s("select", {
+				id: e.name,
+				className: b,
+				value: i(t),
+				disabled: !0,
+				children: [/* @__PURE__ */ o("option", {
+					value: "",
+					children: e.placeholder ?? `Select ${e.label}…`
+				}), n.map((e) => /* @__PURE__ */ o("option", {
+					value: e.value,
+					children: e.label
+				}, e.value))]
+			});
+			case "checkbox": return /* @__PURE__ */ s("label", {
+				className: "flex items-center gap-2 text-sm text-text-primary",
+				children: [/* @__PURE__ */ o("input", {
+					type: "checkbox",
+					checked: t === !0,
+					disabled: !0,
+					readOnly: !0
+				}), e.label]
+			});
+			case "radio": return /* @__PURE__ */ o("div", {
+				className: "flex flex-col gap-2",
+				children: n.map((e) => /* @__PURE__ */ s("label", {
+					className: "flex items-center gap-2 text-sm text-text-primary",
+					children: [/* @__PURE__ */ o("input", {
+						type: "radio",
+						checked: i(t) === e.value,
+						disabled: !0,
+						readOnly: !0
+					}), e.label]
+				}, e.value))
+			});
+			default: return /* @__PURE__ */ o("input", {
+				id: e.name,
+				type: c.has(e.type) ? e.type : "text",
+				className: b,
+				value: i(t),
+				placeholder: e.placeholder,
+				disabled: !0,
+				readOnly: !0
+			});
+		}
+	};
+	return /* @__PURE__ */ o(a, {
+		title: d.title,
+		children: /* @__PURE__ */ s("div", {
+			className: "flex flex-col gap-4 p-4",
+			children: [
+				g.length === 0 ? /* @__PURE__ */ o("div", {
+					className: "text-sm text-text-tertiary",
+					children: "This form has no fields."
+				}) : /* @__PURE__ */ o("div", {
+					className: "grid gap-4",
+					style: { gridTemplateColumns: `repeat(${_}, minmax(0, 1fr))` },
+					children: g.map((e) => /* @__PURE__ */ s("div", {
+						className: "flex flex-col gap-1",
+						children: [
+							e.type !== "checkbox" && /* @__PURE__ */ s("label", {
+								htmlFor: e.name,
+								className: "text-sm font-medium text-text-primary",
+								children: [e.label, e.required && /* @__PURE__ */ o("span", {
+									className: "ml-0.5 text-status-error-text",
+									children: "*"
+								})]
+							}),
+							x(e),
+							e.helpText && /* @__PURE__ */ o("p", {
+								className: "text-xs text-text-tertiary",
+								children: e.helpText
+							})
+						]
+					}, e.name))
+				}),
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ o("button", {
+						type: "button",
+						disabled: !0,
+						className: "cursor-not-allowed rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text opacity-60",
+						children: v
+					}), f.showReset === !0 && /* @__PURE__ */ o("button", {
+						type: "button",
+						disabled: !0,
+						className: "cursor-not-allowed rounded-md border border-border-default px-4 py-2 text-sm text-text-secondary opacity-60",
+						children: y
+					})]
+				}),
+				/* @__PURE__ */ o("p", {
+					className: "text-xs text-text-tertiary",
+					children: "Interactive form disabled in embed."
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { d as FormEmbed };
+//# sourceMappingURL=FormEmbed.js.map

package/dist/bigconsole/components/embed/widgets/FormEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FormEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/FormEmbed.tsx"],"sourcesContent":["/**\n * Read-only form embed renderer (BOFF-7926).\n *\n * Public embeds never accept anonymous submissions: there is no <form> element,\n * every control is `disabled`, the submit button is disabled, and a note says\n * so. The embed document CSP also sets `form-action 'none'`.\n *\n * Config (service whitelist): layout, columns, submitLabel, resetLabel,\n * showReset, fields[{name, label, type, placeholder, helpText, required,\n * options[{value, label}], rows}] — hidden/password fields and submitAction are\n * never sent (and are dropped here too). Data: `{ values: {name: scalar},\n * options: {name: [{value, label}]} }`.\n */\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asFiniteNumber, asOptionalString, asRecord, asRecordArray, displayValue } from './shared';\n\nconst INPUT_TYPES = new Set(['text', 'number', 'email', 'tel', 'url', 'date', 'datetime-local', 'time']);\nconst EXCLUDED_TYPES = new Set(['hidden', 'password', 'file']);\n\ninterface EmbedFormOption {\n value: string;\n label: string;\n}\ninterface EmbedFormField {\n name: string;\n label: string;\n type: string;\n placeholder?: string;\n helpText?: string;\n required: boolean;\n options: EmbedFormOption[];\n rows: number;\n}\n\nfunction toOptions(value: unknown): EmbedFormOption[] {\n return asRecordArray(value, 100).map((o) => ({\n value: displayValue(o.value),\n label: displayValue(o.label) || displayValue(o.value),\n }));\n}\n\nexport function FormEmbed({ widget }: EmbedWidgetRenderProps) {\n const config = widget.config;\n const data = asRecord(widget.data);\n const values = asRecord(data.values);\n const dataOptions = asRecord(data.options);\n\n const fields: EmbedFormField[] = asRecordArray(config.fields, 50)\n .map((f) => ({\n name: displayValue(f.name),\n label: displayValue(f.label) || displayValue(f.name),\n type: displayValue(f.type) || 'text',\n placeholder: asOptionalString(f.placeholder, 120),\n helpText: asOptionalString(f.helpText, 300),\n required: f.required === true,\n options: toOptions(f.options),\n rows: Math.min(Math.max(asFiniteNumber(f.rows) ?? 4, 1), 20),\n }))\n .filter((f) => f.name !== '' && !EXCLUDED_TYPES.has(f.type));\n\n const gridColumns = config.layout === 'grid' ? Math.min(Math.max(asFiniteNumber(config.columns) ?? 2, 1), 4) : 1;\n const submitLabel = asOptionalString(config.submitLabel, 60) ?? 'Submit';\n const resetLabel = asOptionalString(config.resetLabel, 60) ?? 'Reset';\n const control =\n 'w-full rounded-md border border-border-default bg-bg-sunken px-3 py-2 text-sm text-text-primary opacity-80 cursor-not-allowed';\n\n const renderControl = (f: EmbedFormField) => {\n const value = values[f.name];\n const options = dataOptions[f.name] !== undefined ? toOptions(dataOptions[f.name]) : f.options;\n switch (f.type) {\n case 'textarea':\n return (\n <textarea\n id={f.name}\n className={control}\n rows={f.rows}\n value={displayValue(value)}\n placeholder={f.placeholder}\n disabled\n readOnly\n />\n );\n case 'select':\n return (\n <select id={f.name} className={control} value={displayValue(value)} disabled>\n <option value=\"\">{f.placeholder ?? `Select ${f.label}…`}</option>\n {options.map((o) => (\n <option key={o.value} value={o.value}>\n {o.label}\n </option>\n ))}\n </select>\n );\n case 'checkbox':\n return (\n <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input type=\"checkbox\" checked={value === true} disabled readOnly />\n {f.label}\n </label>\n );\n case 'radio':\n return (\n <div className=\"flex flex-col gap-2\">\n {options.map((o) => (\n <label key={o.value} className=\"flex items-center gap-2 text-sm text-text-primary\">\n <input type=\"radio\" checked={displayValue(value) === o.value} disabled readOnly />\n {o.label}\n </label>\n ))}\n </div>\n );\n default:\n return (\n <input\n id={f.name}\n type={INPUT_TYPES.has(f.type) ? f.type : 'text'}\n className={control}\n value={displayValue(value)}\n placeholder={f.placeholder}\n disabled\n readOnly\n />\n );\n }\n };\n\n return (\n <EmbedFrame title={widget.title}>\n <div className=\"flex flex-col gap-4 p-4\">\n {fields.length === 0 ? (\n <div className=\"text-sm text-text-tertiary\">This form has no fields.</div>\n ) : (\n <div className=\"grid gap-4\" style={{ gridTemplateColumns: `repeat(${gridColumns}, minmax(0, 1fr))` }}>\n {fields.map((f) => (\n <div key={f.name} className=\"flex flex-col gap-1\">\n {f.type !== 'checkbox' && (\n <label htmlFor={f.name} className=\"text-sm font-medium text-text-primary\">\n {f.label}\n {f.required && <span className=\"ml-0.5 text-status-error-text\">*</span>}\n </label>\n )}\n {renderControl(f)}\n {f.helpText && <p className=\"text-xs text-text-tertiary\">{f.helpText}</p>}\n </div>\n ))}\n </div>\n )}\n <div className=\"flex items-center gap-2\">\n <button\n type=\"button\"\n disabled\n className=\"cursor-not-allowed rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text opacity-60\"\n >\n {submitLabel}\n </button>\n {config.showReset === true && (\n <button\n type=\"button\"\n disabled\n className=\"cursor-not-allowed rounded-md border border-border-default px-4 py-2 text-sm text-text-secondary opacity-60\"\n >\n {resetLabel}\n </button>\n )}\n </div>\n <p className=\"text-xs text-text-tertiary\">Interactive form disabled in embed.</p>\n </div>\n </EmbedFrame>\n );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/embed/widgets/GaugeEmbed.js ADDED Viewed

@@ -0,0 +1,44 @@
+import { asArray as e, asFiniteNumber as t, asOptionalString as n, asRecord as r, safeColor as i } from "./shared.js";
+import a from "../../widgets/gauge/GaugeWidget.js";
+import { toWidgetShim as o } from "../widgetShim.js";
+import { EmbedFrame as s } from "./EmbedFrame.js";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/GaugeEmbed.tsx
+var u = /^[a-z][a-z-]{0,19}$/i;
+function d(a) {
+	return e(a).slice(0, 10).map((e) => {
+		let a = r(e), o = t(a.value), s = typeof a.color == "string" ? a.color.trim() : "", c = u.test(s) ? s : i(s);
+		return o === null || !c ? null : {
+			value: o,
+			color: c,
+			label: n(a.label, 80)
+		};
+	}).filter((e) => e !== null);
+}
+function f({ widget: e }) {
+	let i = c(() => {
+		let t = o(e), n = d(e.config.thresholds);
+		return t.config = {
+			...t.config,
+			thresholds: n.length > 0 ? n : void 0
+		}, t;
+	}, [e]), u = c(() => {
+		let i = r(e.data), a = t(i.value);
+		return a === null ? void 0 : {
+			value: a,
+			label: n(i.label, 120)
+		};
+	}, [e.data]);
+	return /* @__PURE__ */ l(s, {
+		title: e.title,
+		children: /* @__PURE__ */ l(a, {
+			widget: i,
+			data: u
+		})
+	});
+}
+//#endregion
+export { f as GaugeEmbed };
+//# sourceMappingURL=GaugeEmbed.js.map

package/dist/bigconsole/components/embed/widgets/GaugeEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GaugeEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/GaugeEmbed.tsx"],"sourcesContent":["/**\n * Read-only gauge embed renderer (BOFF-7926).\n *\n * Reuses the in-app GaugeWidget for visual parity. The service projects the\n * final `{ value, label? }`; config is the presentation whitelist\n * (variant, min, max, unit(s), format, decimals, showZones, size, thresholds).\n */\nimport { useMemo } from 'react';\nimport { GaugeWidget, type GaugeData } from '../../widgets/gauge/GaugeWidget';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asArray, asFiniteNumber, asOptionalString, asRecord, safeColor } from './shared';\n\nconst THRESHOLD_WORD = /^[a-z][a-z-]{0,19}$/i;\n\n/** Thresholds: numeric value + a token word (success/warning/…) or an inert CSS color. */\nfunction sanitizeThresholds(value: unknown) {\n return asArray(value)\n .slice(0, 10)\n .map((t) => {\n const r = asRecord(t);\n const v = asFiniteNumber(r.value);\n const raw = typeof r.color === 'string' ? r.color.trim() : '';\n const color = THRESHOLD_WORD.test(raw) ? raw : safeColor(raw);\n return v === null || !color ? null : { value: v, color, label: asOptionalString(r.label, 80) };\n })\n .filter((t): t is { value: number; color: string; label: string | undefined } => t !== null);\n}\n\nexport function GaugeEmbed({ widget }: EmbedWidgetRenderProps) {\n const shim = useMemo(() => {\n const s = toWidgetShim(widget);\n const thresholds = sanitizeThresholds(widget.config.thresholds);\n s.config = { ...s.config, thresholds: thresholds.length > 0 ? thresholds : undefined };\n return s;\n }, [widget]);\n\n const data = useMemo((): GaugeData | undefined => {\n const d = asRecord(widget.data);\n const value = asFiniteNumber(d.value);\n return value === null ? undefined : { value, label: asOptionalString(d.label, 120) };\n }, [widget.data]);\n\n return (\n <EmbedFrame title={widget.title}>\n <GaugeWidget widget={shim} data={data} />\n </EmbedFrame>\n );\n}\n"],"mappings":";;;;;;;AAcA,IAAM,IAAiB;AAGvB,SAAS,EAAmB,GAAgB;AAC1C,QAAO,EAAQ,EAAM,CAClB,MAAM,GAAG,GAAG,CACZ,KAAK,MAAM;EACV,IAAM,IAAI,EAAS,EAAE,EACf,IAAI,EAAe,EAAE,MAAM,EAC3B,IAAM,OAAO,EAAE,SAAU,WAAW,EAAE,MAAM,MAAM,GAAG,IACrD,IAAQ,EAAe,KAAK,EAAI,GAAG,IAAM,EAAU,EAAI;AAC7D,SAAO,MAAM,QAAQ,CAAC,IAAQ,OAAO;GAAE,OAAO;GAAG;GAAO,OAAO,EAAiB,EAAE,OAAO,GAAG;GAAE;GAC9F,CACD,QAAQ,MAAwE,MAAM,KAAK;;AAGhG,SAAgB,EAAW,EAAE,aAAkC;CAC7D,IAAM,IAAO,QAAc;EACzB,IAAM,IAAI,EAAa,EAAO,EACxB,IAAa,EAAmB,EAAO,OAAO,WAAW;AAE/D,SADA,EAAE,SAAS;GAAE,GAAG,EAAE;GAAQ,YAAY,EAAW,SAAS,IAAI,IAAa,KAAA;GAAW,EAC/E;IACN,CAAC,EAAO,CAAC,EAEN,IAAO,QAAqC;EAChD,IAAM,IAAI,EAAS,EAAO,KAAK,EACzB,IAAQ,EAAe,EAAE,MAAM;AACrC,SAAO,MAAU,OAAO,KAAA,IAAY;GAAE;GAAO,OAAO,EAAiB,EAAE,OAAO,IAAI;GAAE;IACnF,CAAC,EAAO,KAAK,CAAC;AAEjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAa,QAAQ;GAAY;GAAQ,CAAA;EAC9B,CAAA"}

package/dist/bigconsole/components/embed/widgets/HeatmapEmbed.js ADDED Viewed

@@ -0,0 +1,35 @@
+import { asArray as e, asFiniteNumber as t, asRecord as n, asRecordArray as r, displayValue as i } from "./shared.js";
+import { toWidgetShim as a } from "../widgetShim.js";
+import { EmbedFrame as o } from "./EmbedFrame.js";
+import s from "../../widgets/heatmap/HeatmapWidget.js";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/HeatmapEmbed.tsx
+var u = 50, d = 2500;
+function f({ widget: f }) {
+	let p = c(() => a(f), [f]), m = c(() => {
+		let a = n(f.data), o = e(a.rows).map(i).filter(Boolean).slice(0, u), s = e(a.columns).map(i).filter(Boolean).slice(0, u);
+		if (!(o.length === 0 || s.length === 0)) return {
+			rows: o,
+			columns: s,
+			cells: r(a.cells, d).map((e) => ({
+				row: i(e.row),
+				column: i(e.column),
+				value: t(e.value)
+			})).filter((e) => e.value !== null),
+			minValue: t(a.minValue) ?? void 0,
+			maxValue: t(a.maxValue) ?? void 0
+		};
+	}, [f.data]);
+	return /* @__PURE__ */ l(o, {
+		title: f.title,
+		children: /* @__PURE__ */ l(s, {
+			widget: p,
+			data: m
+		})
+	});
+}
+//#endregion
+export { f as HeatmapEmbed };
+//# sourceMappingURL=HeatmapEmbed.js.map

package/dist/bigconsole/components/embed/widgets/HeatmapEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"HeatmapEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/HeatmapEmbed.tsx"],"sourcesContent":["/**\n * Read-only heatmap embed renderer (BOFF-7926).\n *\n * Reuses the in-app HeatmapWidget. The service projects\n * `{ rows: string[], columns: string[], cells: [{row, column, value}], minValue?, maxValue? }`.\n */\nimport { useMemo } from 'react';\nimport { HeatmapWidget, type HeatmapData } from '../../widgets/heatmap/HeatmapWidget';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asArray, asFiniteNumber, asRecord, asRecordArray, displayValue } from './shared';\n\nconst MAX_AXIS = 50;\nconst MAX_CELLS = 2500;\n\nexport function HeatmapEmbed({ widget }: EmbedWidgetRenderProps) {\n const shim = useMemo(() => toWidgetShim(widget), [widget]);\n const data = useMemo((): HeatmapData | undefined => {\n const d = asRecord(widget.data);\n const rows = asArray(d.rows).map(displayValue).filter(Boolean).slice(0, MAX_AXIS);\n const columns = asArray(d.columns).map(displayValue).filter(Boolean).slice(0, MAX_AXIS);\n if (rows.length === 0 || columns.length === 0) return undefined;\n const cells = asRecordArray(d.cells, MAX_CELLS)\n .map((c) => ({ row: displayValue(c.row), column: displayValue(c.column), value: asFiniteNumber(c.value) }))\n .filter((c): c is { row: string; column: string; value: number } => c.value !== null);\n return {\n rows,\n columns,\n cells,\n minValue: asFiniteNumber(d.minValue) ?? undefined,\n maxValue: asFiniteNumber(d.maxValue) ?? undefined,\n };\n }, [widget.data]);\n return (\n <EmbedFrame title={widget.title}>\n <HeatmapWidget widget={shim} data={data} />\n </EmbedFrame>\n );\n}\n"],"mappings":";;;;;;;AAaA,IAAM,IAAW,IACX,IAAY;AAElB,SAAgB,EAAa,EAAE,aAAkC;CAC/D,IAAM,IAAO,QAAc,EAAa,EAAO,EAAE,CAAC,EAAO,CAAC,EACpD,IAAO,QAAuC;EAClD,IAAM,IAAI,EAAS,EAAO,KAAK,EACzB,IAAO,EAAQ,EAAE,KAAK,CAAC,IAAI,EAAa,CAAC,OAAO,QAAQ,CAAC,MAAM,GAAG,EAAS,EAC3E,IAAU,EAAQ,EAAE,QAAQ,CAAC,IAAI,EAAa,CAAC,OAAO,QAAQ,CAAC,MAAM,GAAG,EAAS;AACnF,UAAK,WAAW,KAAK,EAAQ,WAAW,GAI5C,QAAO;GACL;GACA;GACA,OANY,EAAc,EAAE,OAAO,EAAU,CAC5C,KAAK,OAAO;IAAE,KAAK,EAAa,EAAE,IAAI;IAAE,QAAQ,EAAa,EAAE,OAAO;IAAE,OAAO,EAAe,EAAE,MAAM;IAAE,EAAE,CAC1G,QAAQ,MAA2D,EAAE,UAAU,KAAK;GAKrF,UAAU,EAAe,EAAE,SAAS,IAAI,KAAA;GACxC,UAAU,EAAe,EAAE,SAAS,IAAI,KAAA;GACzC;IACA,CAAC,EAAO,KAAK,CAAC;AACjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAe,QAAQ;GAAY;GAAQ,CAAA;EAChC,CAAA"}

package/dist/bigconsole/components/embed/widgets/KanbanEmbed.js ADDED Viewed

@@ -0,0 +1,50 @@
+import { asArray as e, asRecord as t, asRecordArray as n, displayValue as r, safeColor as i } from "./shared.js";
+import { toWidgetShim as a } from "../widgetShim.js";
+import { EmbedFrame as o } from "./EmbedFrame.js";
+import { fallbackTranslate as s } from "../../widgets/utils/translate.js";
+import c from "../../widgets/kanban/KanbanView.js";
+import { useMemo as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/KanbanEmbed.tsx
+var d = 20, f = 1e3, p = new Set([
+	"high",
+	"medium",
+	"low"
+]);
+function m({ widget: m }) {
+	let h = l(() => ({
+		...a(m),
+		config: {}
+	}), [m]), g = l(() => {
+		let a = t(m.data);
+		return {
+			columns: n(a.columns, d).map((e, t) => ({
+				id: r(e.id) || `c${t}`,
+				title: r(e.title) || r(e.id),
+				color: i(e.color)
+			})).filter((e) => e.title !== ""),
+			tasks: n(a.tasks, f).map((t, n) => {
+				let i = typeof t.priority == "string" && p.has(t.priority) ? t.priority : void 0, a = e(t.labels).filter((e) => typeof e == "string").slice(0, 10);
+				return {
+					id: `t${n}`,
+					title: r(t.title),
+					column: r(t.column),
+					priority: i,
+					labels: a.length > 0 ? a : void 0
+				};
+			})
+		};
+	}, [m.data]);
+	return /* @__PURE__ */ u(o, {
+		title: m.title,
+		children: /* @__PURE__ */ u(c, {
+			widget: h,
+			data: g,
+			t: s
+		})
+	});
+}
+//#endregion
+export { m as KanbanEmbed };
+//# sourceMappingURL=KanbanEmbed.js.map

package/dist/bigconsole/components/embed/widgets/KanbanEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"KanbanEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/KanbanEmbed.tsx"],"sourcesContent":["/**\n * Read-only kanban embed renderer (BOFF-7926).\n *\n * Reuses the provider-free KanbanView with a static translator. No drag, no\n * click. The service projects `{ columns: [{id, title}], tasks: [{title, column,\n * priority?, labels?}] }` and never sends `assignee` (people's names/emails stay\n * out of public embeds) — the renderer drops it too, defensively.\n */\nimport { useMemo } from 'react';\nimport { KanbanView, type KanbanData, type KanbanTask } from '../../widgets/kanban/KanbanView';\nimport { fallbackTranslate } from '../../widgets/utils/translate';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asArray, asRecord, asRecordArray, displayValue, safeColor } from './shared';\n\nconst MAX_COLUMNS = 20;\nconst MAX_TASKS = 1000;\nconst PRIORITIES = new Set(['high', 'medium', 'low']);\n\nexport function KanbanEmbed({ widget }: EmbedWidgetRenderProps) {\n // The view's row-normalisation reads field-mapping config; the service already\n // produced the canonical board, so pass only the title through.\n const shim = useMemo(() => ({ ...toWidgetShim(widget), config: {} }), [widget]);\n const data = useMemo((): KanbanData => {\n const d = asRecord(widget.data);\n const columns = asRecordArray(d.columns, MAX_COLUMNS)\n .map((c, i) => ({\n id: displayValue(c.id) || `c${i}`,\n title: displayValue(c.title) || displayValue(c.id),\n color: safeColor(c.color),\n }))\n .filter((c) => c.title !== '');\n const tasks: KanbanTask[] = asRecordArray(d.tasks, MAX_TASKS).map((t, i) => {\n const priority = typeof t.priority === 'string' && PRIORITIES.has(t.priority) ? t.priority : undefined;\n const labels = asArray(t.labels)\n .filter((l): l is string => typeof l === 'string')\n .slice(0, 10);\n return {\n id: `t${i}`,\n title: displayValue(t.title),\n column: displayValue(t.column),\n priority: priority as KanbanTask['priority'],\n labels: labels.length > 0 ? labels : undefined,\n };\n });\n return { columns, tasks };\n }, [widget.data]);\n return (\n <EmbedFrame title={widget.title}>\n <KanbanView widget={shim} data={data} t={fallbackTranslate} />\n </EmbedFrame>\n );\n}\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAc,IACd,IAAY,KACZ,IAAa,IAAI,IAAI;CAAC;CAAQ;CAAU;CAAM,CAAC;AAErD,SAAgB,EAAY,EAAE,aAAkC;CAG9D,IAAM,IAAO,SAAe;EAAE,GAAG,EAAa,EAAO;EAAE,QAAQ,EAAE;EAAE,GAAG,CAAC,EAAO,CAAC,EACzE,IAAO,QAA0B;EACrC,IAAM,IAAI,EAAS,EAAO,KAAK;AAqB/B,SAAO;GAAE,SApBO,EAAc,EAAE,SAAS,EAAY,CAClD,KAAK,GAAG,OAAO;IACd,IAAI,EAAa,EAAE,GAAG,IAAI,IAAI;IAC9B,OAAO,EAAa,EAAE,MAAM,IAAI,EAAa,EAAE,GAAG;IAClD,OAAO,EAAU,EAAE,MAAM;IAC1B,EAAE,CACF,QAAQ,MAAM,EAAE,UAAU,GAAG;GAcd,OAbU,EAAc,EAAE,OAAO,EAAU,CAAC,KAAK,GAAG,MAAM;IAC1E,IAAM,IAAW,OAAO,EAAE,YAAa,YAAY,EAAW,IAAI,EAAE,SAAS,GAAG,EAAE,WAAW,KAAA,GACvF,IAAS,EAAQ,EAAE,OAAO,CAC7B,QAAQ,MAAmB,OAAO,KAAM,SAAS,CACjD,MAAM,GAAG,GAAG;AACf,WAAO;KACL,IAAI,IAAI;KACR,OAAO,EAAa,EAAE,MAAM;KAC5B,QAAQ,EAAa,EAAE,OAAO;KACpB;KACV,QAAQ,EAAO,SAAS,IAAI,IAAS,KAAA;KACtC;KACD;GACuB;IACxB,CAAC,EAAO,KAAK,CAAC;AACjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAY,QAAQ;GAAY;GAAM,GAAG;GAAqB,CAAA;EACnD,CAAA"}

package/dist/bigconsole/components/embed/widgets/PivotEmbed.js ADDED Viewed

@@ -0,0 +1,146 @@
+import { asArray as e, asFiniteNumber as t, asOptionalString as n, asRecord as r, asRecordArray as i, displayValue as a, formatNumber as o } from "./shared.js";
+import { EmbedFrame as s } from "./EmbedFrame.js";
+import { useCallback as c, useMemo as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/PivotEmbed.tsx
+var p = 50, m = 2e3;
+function h(e, n, i) {
+	if (i) {
+		let n = t(e);
+		if (n !== null) return n;
+	}
+	return t(r(e)[n]);
+}
+function g({ widget: t }) {
+	let g = t.config, _ = l(() => ({
+		format: n(g.numberFormat, 20) ?? "number",
+		decimals: g.decimalPlaces
+	}), [g.numberFormat, g.decimalPlaces]), v = g.showRowTotals !== !1, y = g.showColumnTotals !== !1, b = g.showGrandTotal !== !1, x = g.expandable !== !1, S = l(() => {
+		let o = r(t.data), s = typeof o.columnField == "string" && o.columnField.length > 0 ? e(o.columnKeys).map(a).slice(0, p) : [], c = e(o.rowFields).map(a).filter(Boolean).slice(0, 10).join(" / "), l = i(o.valueFields, 10).map((e) => {
+			let t = a(e.key), r = n(e.aggregation, 20);
+			return {
+				key: t,
+				label: n(e.label, 80) ?? (r ? `${r}(${t})` : t)
+			};
+		}).filter((e) => e.key !== ""), u = i(o.nodes, m).map((t) => {
+			let n = e(t.path).map(a).slice(0, 10);
+			return {
+				path: n,
+				key: n.join("\0"),
+				byColumn: r(t.byColumn),
+				total: t.total
+			};
+		}).filter((e) => e.path.length > 0), d = /* @__PURE__ */ new Set();
+		for (let e of u) for (let t = 1; t < e.path.length; t++) d.add(e.path.slice(0, t).join("\0"));
+		return {
+			columnKeys: s,
+			rowHeader: c,
+			valueFields: l,
+			nodes: u,
+			parentKeys: d,
+			columnTotals: r(o.columnTotals),
+			grandTotal: o.grandTotal
+		};
+	}, [t.data]), [C, w] = u(/* @__PURE__ */ new Set()), T = c((e) => {
+		w((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []), { columnKeys: E, rowHeader: D, valueFields: O, nodes: k, parentKeys: A, columnTotals: j, grandTotal: M } = S;
+	if (k.length === 0 || O.length === 0) return /* @__PURE__ */ d(s, {
+		title: t.title,
+		children: /* @__PURE__ */ d("div", {
+			className: "flex h-full items-center justify-center p-4 text-sm text-text-tertiary",
+			children: "No data"
+		})
+	});
+	let N = O.length === 1, P = E.length > 0, F = (e) => e === null ? "" : o(e, _), I = (e) => e.path.some((t, n) => n < e.path.length - 1 && C.has(e.path.slice(0, n + 1).join("\0"))), L = k.filter((e) => !I(e)), R = "border-b border-border-subtle px-3 py-1.5 text-right tabular-nums text-text-primary", z = "border-b border-border-default bg-bg-sunken px-3 py-2 text-right text-xs font-medium text-text-secondary";
+	return /* @__PURE__ */ d(s, {
+		title: t.title,
+		children: /* @__PURE__ */ f("table", {
+			className: "w-full border-collapse text-sm",
+			children: [
+				/* @__PURE__ */ d("thead", {
+					className: "sticky top-0",
+					children: /* @__PURE__ */ f("tr", { children: [
+						/* @__PURE__ */ d("th", {
+							className: `${z} text-left`,
+							children: D
+						}),
+						P ? E.flatMap((e) => O.map((t) => /* @__PURE__ */ d("th", {
+							className: z,
+							children: N ? e : `${e} · ${t.label}`
+						}, `${e}|${t.key}`))) : O.map((e) => /* @__PURE__ */ d("th", {
+							className: z,
+							children: e.label
+						}, e.key)),
+						P && v && O.map((e) => /* @__PURE__ */ d("th", {
+							className: z,
+							children: N ? "Total" : `Total · ${e.label}`
+						}, `total|${e.key}`))
+					] })
+				}),
+				/* @__PURE__ */ d("tbody", { children: L.map((e) => {
+					let t = e.path.length - 1, n = A.has(e.key), r = !C.has(e.key);
+					return /* @__PURE__ */ f("tr", {
+						className: n ? "bg-bg-sunken/40" : void 0,
+						children: [
+							/* @__PURE__ */ d("td", {
+								className: "border-b border-border-subtle px-3 py-1.5 text-left text-text-primary",
+								children: /* @__PURE__ */ f("span", {
+									className: "inline-flex items-center gap-1",
+									style: { paddingLeft: `${t * 16}px` },
+									children: [n && x ? /* @__PURE__ */ d("button", {
+										type: "button",
+										onClick: () => T(e.key),
+										"aria-expanded": r,
+										className: "w-4 text-text-tertiary hover:text-text-primary",
+										children: r ? "▾" : "▸"
+									}) : /* @__PURE__ */ d("span", { className: "w-4" }), /* @__PURE__ */ d("span", {
+										className: n ? "font-medium" : void 0,
+										children: e.path[e.path.length - 1]
+									})]
+								})
+							}),
+							P ? E.flatMap((t) => O.map((n) => /* @__PURE__ */ d("td", {
+								className: R,
+								children: F(h(e.byColumn[t], n.key, N))
+							}, `${t}|${n.key}`))) : O.map((t) => /* @__PURE__ */ d("td", {
+								className: R,
+								children: F(h(e.total, t.key, N))
+							}, t.key)),
+							P && v && O.map((t) => /* @__PURE__ */ d("td", {
+								className: `${R} font-medium`,
+								children: F(h(e.total, t.key, N))
+							}, `total|${t.key}`))
+						]
+					}, e.key);
+				}) }),
+				(y || b) && /* @__PURE__ */ d("tfoot", { children: /* @__PURE__ */ f("tr", {
+					className: "bg-bg-sunken font-medium",
+					children: [
+						/* @__PURE__ */ d("td", {
+							className: "px-3 py-2 text-left text-text-primary",
+							children: "Total"
+						}),
+						P ? E.flatMap((e) => O.map((t) => /* @__PURE__ */ d("td", {
+							className: "px-3 py-2 text-right tabular-nums text-text-primary",
+							children: y ? F(h(j[e], t.key, N)) : ""
+						}, `${e}|${t.key}`))) : O.map((e) => /* @__PURE__ */ d("td", {
+							className: "px-3 py-2 text-right tabular-nums text-text-primary",
+							children: b ? F(h(M, e.key, N)) : ""
+						}, e.key)),
+						P && v && O.map((e) => /* @__PURE__ */ d("td", {
+							className: "px-3 py-2 text-right tabular-nums text-text-primary",
+							children: b ? F(h(M, e.key, N)) : ""
+						}, `total|${e.key}`))
+					]
+				}) })
+			]
+		})
+	});
+}
+//#endregion
+export { g as PivotEmbed };
+//# sourceMappingURL=PivotEmbed.js.map

package/dist/bigconsole/components/embed/widgets/PivotEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"PivotEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/PivotEmbed.tsx"],"sourcesContent":["/**\n * Read-only pivot table embed renderer (BOFF-7926).\n *\n * The service aggregates SERVER-SIDE and sends only the aggregated tree — raw\n * rows never reach a public embed (the in-app pivot's field shelf lists every\n * key of the raw rows). Shape:\n *\n * {\n * rowFields: string[],\n * columnField: string | null,\n * columnKeys: string[], // ['Total'] when columnField is null\n * valueFields: [{ key, label?, aggregation? }],\n * nodes: [{ path: string[], byColumn?: {col: {vf: n}}, total?: {vf: n} | n }],\n * columnTotals?: {col: {vf: n}},\n * grandTotal?: {vf: n} | n,\n * }\n *\n * Config: showRowTotals, showColumnTotals, showGrandTotal, expandable,\n * numberFormat, decimalPlaces. Expand/collapse is local UI state only.\n */\nimport { useCallback, useMemo, useState } from 'react';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { EmbedFrame } from './EmbedFrame';\nimport {\n asArray,\n asFiniteNumber,\n asOptionalString,\n asRecord,\n asRecordArray,\n displayValue,\n formatNumber,\n} from './shared';\n\nconst MAX_COLUMNS = 50;\nconst MAX_NODES = 2000;\n\ninterface PivotValueField {\n key: string;\n label: string;\n}\ninterface PivotNode {\n path: string[];\n key: string;\n byColumn: Record<string, unknown>;\n total: unknown;\n}\n\n/** Read `obj[col][vf]` (or `obj[vf]` / a bare number when there is one value field). */\nfunction pick(source: unknown, vf: string, single: boolean): number | null {\n if (single) {\n const direct = asFiniteNumber(source);\n if (direct !== null) return direct;\n }\n return asFiniteNumber(asRecord(source)[vf]);\n}\n\nexport function PivotEmbed({ widget }: EmbedWidgetRenderProps) {\n const config = widget.config;\n const numberConfig = useMemo(\n () => ({ format: asOptionalString(config.numberFormat, 20) ?? 'number', decimals: config.decimalPlaces }),\n [config.numberFormat, config.decimalPlaces]\n );\n const showRowTotals = config.showRowTotals !== false;\n const showColumnTotals = config.showColumnTotals !== false;\n const showGrandTotal = config.showGrandTotal !== false;\n const expandable = config.expandable !== false;\n\n const model = useMemo(() => {\n const d = asRecord(widget.data);\n // No column field: the service still sends `columnKeys: ['Total']`; render\n // the value fields directly from each node's `total` instead.\n const hasColumnField = typeof d.columnField === 'string' && d.columnField.length > 0;\n const columnKeys = hasColumnField ? asArray(d.columnKeys).map(displayValue).slice(0, MAX_COLUMNS) : [];\n const rowHeader = asArray(d.rowFields).map(displayValue).filter(Boolean).slice(0, 10).join(' / ');\n const valueFields: PivotValueField[] = asRecordArray(d.valueFields, 10)\n .map((v) => {\n const key = displayValue(v.key);\n const agg = asOptionalString(v.aggregation, 20);\n const label = asOptionalString(v.label, 80) ?? (agg ? `${agg}(${key})` : key);\n return { key, label };\n })\n .filter((v) => v.key !== '');\n const nodes: PivotNode[] = asRecordArray(d.nodes, MAX_NODES)\n .map((n) => {\n const path = asArray(n.path).map(displayValue).slice(0, 10);\n return { path, key: path.join('\\u0000'), byColumn: asRecord(n.byColumn), total: n.total };\n })\n .filter((n) => n.path.length > 0);\n const parentKeys = new Set<string>();\n for (const n of nodes) {\n for (let i = 1; i < n.path.length; i++) parentKeys.add(n.path.slice(0, i).join('\\u0000'));\n }\n return {\n columnKeys,\n rowHeader,\n valueFields,\n nodes,\n parentKeys,\n columnTotals: asRecord(d.columnTotals),\n grandTotal: d.grandTotal,\n };\n }, [widget.data]);\n\n const [collapsed, setCollapsed] = useState<ReadonlySet<string>>(new Set());\n const toggle = useCallback((key: string) => {\n setCollapsed((prev) => {\n const next = new Set(prev);\n if (next.has(key)) next.delete(key);\n else next.add(key);\n return next;\n });\n }, []);\n\n const { columnKeys, rowHeader, valueFields, nodes, parentKeys, columnTotals, grandTotal } = model;\n if (nodes.length === 0 || valueFields.length === 0) {\n return (\n <EmbedFrame title={widget.title}>\n <div className=\"flex h-full items-center justify-center p-4 text-sm text-text-tertiary\">No data</div>\n </EmbedFrame>\n );\n }\n\n const single = valueFields.length === 1;\n const hasColumns = columnKeys.length > 0;\n const fmt = (v: number | null) => (v === null ? '' : formatNumber(v, numberConfig));\n const isHidden = (n: PivotNode) =>\n n.path.some((_, i) => i < n.path.length - 1 && collapsed.has(n.path.slice(0, i + 1).join('\\u0000')));\n const visible = nodes.filter((n) => !isHidden(n));\n\n const cellClass = 'border-b border-border-subtle px-3 py-1.5 text-right tabular-nums text-text-primary';\n const headClass =\n 'border-b border-border-default bg-bg-sunken px-3 py-2 text-right text-xs font-medium text-text-secondary';\n\n return (\n <EmbedFrame title={widget.title}>\n <table className=\"w-full border-collapse text-sm\">\n <thead className=\"sticky top-0\">\n <tr>\n <th className={`${headClass} text-left`}>{rowHeader}</th>\n {hasColumns\n ? columnKeys.flatMap((col) =>\n valueFields.map((vf) => (\n <th key={`${col}|${vf.key}`} className={headClass}>\n {single ? col : `${col} · ${vf.label}`}\n </th>\n ))\n )\n : valueFields.map((vf) => (\n <th key={vf.key} className={headClass}>\n {vf.label}\n </th>\n ))}\n {hasColumns &&\n showRowTotals &&\n valueFields.map((vf) => (\n <th key={`total|${vf.key}`} className={headClass}>\n {single ? 'Total' : `Total · ${vf.label}`}\n </th>\n ))}\n </tr>\n </thead>\n <tbody>\n {visible.map((n) => {\n const depth = n.path.length - 1;\n const isParent = parentKeys.has(n.key);\n const open = !collapsed.has(n.key);\n return (\n <tr key={n.key} className={isParent ? 'bg-bg-sunken/40' : undefined}>\n <td className=\"border-b border-border-subtle px-3 py-1.5 text-left text-text-primary\">\n <span className=\"inline-flex items-center gap-1\" style={{ paddingLeft: `${depth * 16}px` }}>\n {isParent && expandable ? (\n <button\n type=\"button\"\n onClick={() => toggle(n.key)}\n aria-expanded={open}\n className=\"w-4 text-text-tertiary hover:text-text-primary\"\n >\n {open ? '▾' : '▸'}\n </button>\n ) : (\n <span className=\"w-4\" />\n )}\n <span className={isParent ? 'font-medium' : undefined}>{n.path[n.path.length - 1]}</span>\n </span>\n </td>\n {hasColumns\n ? columnKeys.flatMap((col) =>\n valueFields.map((vf) => (\n <td key={`${col}|${vf.key}`} className={cellClass}>\n {fmt(pick(n.byColumn[col], vf.key, single))}\n </td>\n ))\n )\n : valueFields.map((vf) => (\n <td key={vf.key} className={cellClass}>\n {fmt(pick(n.total, vf.key, single))}\n </td>\n ))}\n {hasColumns &&\n showRowTotals &&\n valueFields.map((vf) => (\n <td key={`total|${vf.key}`} className={`${cellClass} font-medium`}>\n {fmt(pick(n.total, vf.key, single))}\n </td>\n ))}\n </tr>\n );\n })}\n </tbody>\n {(showColumnTotals || showGrandTotal) && (\n <tfoot>\n <tr className=\"bg-bg-sunken font-medium\">\n <td className=\"px-3 py-2 text-left text-text-primary\">Total</td>\n {hasColumns\n ? columnKeys.flatMap((col) =>\n valueFields.map((vf) => (\n <td key={`${col}|${vf.key}`} className=\"px-3 py-2 text-right tabular-nums text-text-primary\">\n {showColumnTotals ? fmt(pick(columnTotals[col], vf.key, single)) : ''}\n </td>\n ))\n )\n : valueFields.map((vf) => (\n <td key={vf.key} className=\"px-3 py-2 text-right tabular-nums text-text-primary\">\n {showGrandTotal ? fmt(pick(grandTotal, vf.key, single)) : ''}\n </td>\n ))}\n {hasColumns &&\n showRowTotals &&\n valueFields.map((vf) => (\n <td key={`total|${vf.key}`} className=\"px-3 py-2 text-right tabular-nums text-text-primary\">\n {showGrandTotal ? fmt(pick(grandTotal, vf.key, single)) : ''}\n </td>\n ))}\n </tr>\n </tfoot>\n )}\n </table>\n </EmbedFrame>\n );\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/embed/widgets/ProgressEmbed.js ADDED Viewed

@@ -0,0 +1,30 @@
+import { asFiniteNumber as e, asOptionalString as t, asRecord as n } from "./shared.js";
+import { toWidgetShim as r } from "../widgetShim.js";
+import { EmbedFrame as i } from "./EmbedFrame.js";
+import a from "../../widgets/progress/ProgressWidget.js";
+import { useMemo as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/ProgressEmbed.tsx
+function c({ widget: c }) {
+	let l = o(() => r(c), [c]), u = o(() => {
+		let r = n(c.data), i = e(r.value);
+		if (i !== null) return {
+			value: i,
+			max: e(r.max) ?? void 0,
+			target: e(r.target) ?? void 0,
+			label: t(r.label, 120),
+			description: t(r.description, 300)
+		};
+	}, [c.data]);
+	return /* @__PURE__ */ s(i, {
+		title: c.title,
+		children: /* @__PURE__ */ s(a, {
+			widget: l,
+			data: u
+		})
+	});
+}
+//#endregion
+export { c as ProgressEmbed };
+//# sourceMappingURL=ProgressEmbed.js.map

package/dist/bigconsole/components/embed/widgets/ProgressEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProgressEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/ProgressEmbed.tsx"],"sourcesContent":["/**\n * Read-only progress embed renderer (BOFF-7926).\n *\n * Reuses the in-app ProgressWidget. The service projects the final\n * `{ value, max?, target?, label?, description? }`.\n */\nimport { useMemo } from 'react';\nimport { ProgressWidget, type ProgressData } from '../../widgets/progress/ProgressWidget';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asFiniteNumber, asOptionalString, asRecord } from './shared';\n\nexport function ProgressEmbed({ widget }: EmbedWidgetRenderProps) {\n const shim = useMemo(() => toWidgetShim(widget), [widget]);\n const data = useMemo((): ProgressData | undefined => {\n const d = asRecord(widget.data);\n const value = asFiniteNumber(d.value);\n if (value === null) return undefined;\n return {\n value,\n max: asFiniteNumber(d.max) ?? undefined,\n target: asFiniteNumber(d.target) ?? undefined,\n label: asOptionalString(d.label, 120),\n description: asOptionalString(d.description, 300),\n };\n }, [widget.data]);\n return (\n <EmbedFrame title={widget.title}>\n <ProgressWidget widget={shim} data={data} />\n </EmbedFrame>\n );\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,EAAc,EAAE,aAAkC;CAChE,IAAM,IAAO,QAAc,EAAa,EAAO,EAAE,CAAC,EAAO,CAAC,EACpD,IAAO,QAAwC;EACnD,IAAM,IAAI,EAAS,EAAO,KAAK,EACzB,IAAQ,EAAe,EAAE,MAAM;AACjC,YAAU,KACd,QAAO;GACL;GACA,KAAK,EAAe,EAAE,IAAI,IAAI,KAAA;GAC9B,QAAQ,EAAe,EAAE,OAAO,IAAI,KAAA;GACpC,OAAO,EAAiB,EAAE,OAAO,IAAI;GACrC,aAAa,EAAiB,EAAE,aAAa,IAAI;GAClD;IACA,CAAC,EAAO,KAAK,CAAC;AACjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAgB,QAAQ;GAAY;GAAQ,CAAA;EACjC,CAAA"}

package/dist/bigconsole/components/embed/widgets/RetentionEmbed.js ADDED Viewed

@@ -0,0 +1,41 @@
+import { asArray as e, asFiniteNumber as t, asRecord as n, asRecordArray as r, displayValue as i } from "./shared.js";
+import { toWidgetShim as a } from "../widgetShim.js";
+import { EmbedFrame as o } from "./EmbedFrame.js";
+import s from "../../widgets/retention/RetentionWidget.js";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/RetentionEmbed.tsx
+var u = 100, d = 52;
+function f(e) {
+	let n = [];
+	for (let r of e) {
+		let e = t(r);
+		if (e === null) break;
+		n.push(e);
+	}
+	return n;
+}
+function p({ widget: p }) {
+	let m = c(() => a(p), [p]), h = c(() => {
+		let a = n(p.data), o = e(a.periods).map(i).slice(0, d), s = r(a.cohorts, u).map((n) => ({
+			cohort: i(n.cohort),
+			initialSize: t(n.initialSize) ?? 0,
+			values: f(e(n.values).slice(0, d))
+		}));
+		return o.length > 0 && s.length > 0 ? {
+			periods: o,
+			cohorts: s
+		} : void 0;
+	}, [p.data]);
+	return /* @__PURE__ */ l(o, {
+		title: p.title,
+		children: /* @__PURE__ */ l(s, {
+			widget: m,
+			data: h
+		})
+	});
+}
+//#endregion
+export { p as RetentionEmbed };
+//# sourceMappingURL=RetentionEmbed.js.map

package/dist/bigconsole/components/embed/widgets/RetentionEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"RetentionEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/RetentionEmbed.tsx"],"sourcesContent":["/**\n * Read-only retention/cohort embed renderer (BOFF-7926).\n *\n * Reuses the in-app RetentionWidget. The service projects\n * `{ periods: string[], cohorts: [{ cohort, initialSize, values: (number | null)[] }] }`.\n */\nimport { useMemo } from 'react';\nimport { RetentionWidget, type RetentionData } from '../../widgets/retention/RetentionWidget';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asArray, asFiniteNumber, asRecord, asRecordArray, displayValue } from './shared';\n\nconst MAX_COHORTS = 100;\nconst MAX_PERIODS = 52;\n\n/**\n * Values up to the first missing period. The service sends `null` for periods a\n * cohort has not reached yet (always trailing); the in-app grid renders a\n * shorter row as blank cells, whereas a null cell would crash `toFixed`.\n */\nfunction leadingNumbers(values: unknown[]): number[] {\n const out: number[] = [];\n for (const v of values) {\n const n = asFiniteNumber(v);\n if (n === null) break;\n out.push(n);\n }\n return out;\n}\n\nexport function RetentionEmbed({ widget }: EmbedWidgetRenderProps) {\n const shim = useMemo(() => toWidgetShim(widget), [widget]);\n const data = useMemo((): RetentionData | undefined => {\n const d = asRecord(widget.data);\n const periods = asArray(d.periods).map(displayValue).slice(0, MAX_PERIODS);\n const cohorts = asRecordArray(d.cohorts, MAX_COHORTS).map((c) => ({\n cohort: displayValue(c.cohort),\n initialSize: asFiniteNumber(c.initialSize) ?? 0,\n values: leadingNumbers(asArray(c.values).slice(0, MAX_PERIODS)),\n }));\n return periods.length > 0 && cohorts.length > 0 ? { periods, cohorts } : undefined;\n }, [widget.data]);\n return (\n <EmbedFrame title={widget.title}>\n <RetentionWidget widget={shim} data={data} />\n </EmbedFrame>\n );\n}\n"],"mappings":";;;;;;;AAaA,IAAM,IAAc,KACd,IAAc;AAOpB,SAAS,EAAe,GAA6B;CACnD,IAAM,IAAgB,EAAE;AACxB,MAAK,IAAM,KAAK,GAAQ;EACtB,IAAM,IAAI,EAAe,EAAE;AAC3B,MAAI,MAAM,KAAM;AAChB,IAAI,KAAK,EAAE;;AAEb,QAAO;;AAGT,SAAgB,EAAe,EAAE,aAAkC;CACjE,IAAM,IAAO,QAAc,EAAa,EAAO,EAAE,CAAC,EAAO,CAAC,EACpD,IAAO,QAAyC;EACpD,IAAM,IAAI,EAAS,EAAO,KAAK,EACzB,IAAU,EAAQ,EAAE,QAAQ,CAAC,IAAI,EAAa,CAAC,MAAM,GAAG,EAAY,EACpE,IAAU,EAAc,EAAE,SAAS,EAAY,CAAC,KAAK,OAAO;GAChE,QAAQ,EAAa,EAAE,OAAO;GAC9B,aAAa,EAAe,EAAE,YAAY,IAAI;GAC9C,QAAQ,EAAe,EAAQ,EAAE,OAAO,CAAC,MAAM,GAAG,EAAY,CAAC;GAChE,EAAE;AACH,SAAO,EAAQ,SAAS,KAAK,EAAQ,SAAS,IAAI;GAAE;GAAS;GAAS,GAAG,KAAA;IACxE,CAAC,EAAO,KAAK,CAAC;AACjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAiB,QAAQ;GAAY;GAAQ,CAAA;EAClC,CAAA"}

package/dist/bigconsole/components/embed/widgets/TimelineEmbed.js ADDED Viewed

@@ -0,0 +1,40 @@
+import { asFiniteNumber as e, asRecord as t, asRecordArray as n, displayValue as r, safeColor as i } from "./shared.js";
+import { toWidgetShim as a } from "../widgetShim.js";
+import { EmbedFrame as o } from "./EmbedFrame.js";
+import s from "../../widgets/timeline/TimelineWidget.js";
+import { useMemo as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/embed/widgets/TimelineEmbed.tsx
+var u = 1e3;
+function d({ widget: d }) {
+	let f = c(() => a(d), [d]), p = c(() => {
+		let a = t(d.data), o = n(a.tasks, u).map((t, n) => ({
+			id: `t${n}`,
+			name: r(t.name),
+			start: r(t.start),
+			end: r(t.end),
+			progress: e(t.progress) ?? void 0,
+			color: i(t.color)
+		})).filter((e) => e.start !== "" && e.end !== ""), s = n(a.milestones, u).map((e, t) => ({
+			id: `m${t}`,
+			name: r(e.name),
+			date: r(e.date),
+			color: i(e.color)
+		})).filter((e) => e.date !== "");
+		return o.length > 0 || s.length > 0 ? {
+			tasks: o,
+			milestones: s
+		} : void 0;
+	}, [d.data]);
+	return /* @__PURE__ */ l(o, {
+		title: d.title,
+		children: /* @__PURE__ */ l(s, {
+			widget: f,
+			data: p
+		})
+	});
+}
+//#endregion
+export { d as TimelineEmbed };
+//# sourceMappingURL=TimelineEmbed.js.map

package/dist/bigconsole/components/embed/widgets/TimelineEmbed.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"TimelineEmbed.js","names":[],"sources":["../../../../../src/bigconsole/components/embed/widgets/TimelineEmbed.tsx"],"sourcesContent":["/**\n * Read-only timeline embed renderer (BOFF-7926).\n *\n * Reuses the in-app TimelineWidget. The service projects\n * `{ tasks: [{id, name, start, end, progress?, color?}], milestones: [{name, date, color?}] }`\n * (ids are positional indexes; dependencies are dropped). Colors are re-checked.\n */\nimport { useMemo } from 'react';\nimport { TimelineWidget, type TimelineData } from '../../widgets/timeline/TimelineWidget';\nimport type { EmbedWidgetRenderProps } from '../types';\nimport { toWidgetShim } from '../widgetShim';\nimport { EmbedFrame } from './EmbedFrame';\nimport { asFiniteNumber, asRecord, asRecordArray, displayValue, safeColor } from './shared';\n\nconst MAX_ITEMS = 1000;\n\nexport function TimelineEmbed({ widget }: EmbedWidgetRenderProps) {\n const shim = useMemo(() => toWidgetShim(widget), [widget]);\n const data = useMemo((): TimelineData | undefined => {\n const d = asRecord(widget.data);\n const tasks = asRecordArray(d.tasks, MAX_ITEMS)\n .map((t, i) => ({\n id: `t${i}`,\n name: displayValue(t.name),\n start: displayValue(t.start),\n end: displayValue(t.end),\n progress: asFiniteNumber(t.progress) ?? undefined,\n color: safeColor(t.color),\n }))\n .filter((t) => t.start !== '' && t.end !== '');\n const milestones = asRecordArray(d.milestones, MAX_ITEMS)\n .map((m, i) => ({\n id: `m${i}`,\n name: displayValue(m.name),\n date: displayValue(m.date),\n color: safeColor(m.color),\n }))\n .filter((m) => m.date !== '');\n return tasks.length > 0 || milestones.length > 0 ? { tasks, milestones } : undefined;\n }, [widget.data]);\n return (\n <EmbedFrame title={widget.title}>\n <TimelineWidget widget={shim} data={data} />\n </EmbedFrame>\n );\n}\n"],"mappings":";;;;;;;AAcA,IAAM,IAAY;AAElB,SAAgB,EAAc,EAAE,aAAkC;CAChE,IAAM,IAAO,QAAc,EAAa,EAAO,EAAE,CAAC,EAAO,CAAC,EACpD,IAAO,QAAwC;EACnD,IAAM,IAAI,EAAS,EAAO,KAAK,EACzB,IAAQ,EAAc,EAAE,OAAO,EAAU,CAC5C,KAAK,GAAG,OAAO;GACd,IAAI,IAAI;GACR,MAAM,EAAa,EAAE,KAAK;GAC1B,OAAO,EAAa,EAAE,MAAM;GAC5B,KAAK,EAAa,EAAE,IAAI;GACxB,UAAU,EAAe,EAAE,SAAS,IAAI,KAAA;GACxC,OAAO,EAAU,EAAE,MAAM;GAC1B,EAAE,CACF,QAAQ,MAAM,EAAE,UAAU,MAAM,EAAE,QAAQ,GAAG,EAC1C,IAAa,EAAc,EAAE,YAAY,EAAU,CACtD,KAAK,GAAG,OAAO;GACd,IAAI,IAAI;GACR,MAAM,EAAa,EAAE,KAAK;GAC1B,MAAM,EAAa,EAAE,KAAK;GAC1B,OAAO,EAAU,EAAE,MAAM;GAC1B,EAAE,CACF,QAAQ,MAAM,EAAE,SAAS,GAAG;AAC/B,SAAO,EAAM,SAAS,KAAK,EAAW,SAAS,IAAI;GAAE;GAAO;GAAY,GAAG,KAAA;IAC1E,CAAC,EAAO,KAAK,CAAC;AACjB,QACE,kBAAC,GAAD;EAAY,OAAO,EAAO;YACxB,kBAAC,GAAD;GAAgB,QAAQ;GAAY;GAAQ,CAAA;EACjC,CAAA"}