@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.11

package/dist/bigconsole/components/widgets/iframe-widget/IframeWidget.js

@@ -1,130 +1,59 @@
-import { useOptionalBigConsole as e } from "../../../context/BigConsoleContext.js";
-import "../../../context/index.js";
-import { currentAppOrigin as t, resolveFrameSrc as n } from "../../../utils/safeUrl.js";
-import { FRAME_REFERRER_POLICY as r, FRAME_SANDBOX as i, frameKey as a, framePermissions as o } from "./framePolicy.js";
-import { useTr as s } from "../../../../shared/hooks/useTr.js";
-import { memo as c, useMemo as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { memo as e, useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/iframe-widget/IframeWidget.tsx
-var f = "Embedded Content";
-function p(e) {
-	if (typeof e == "boolean") return e;
-	if (typeof e == "string") return e.toLowerCase() === "true";
-}
-function m(e) {
-	return e === "eager" ? "eager" : "lazy";
-}
-function h(...e) {
-	for (let t of e) if (typeof t == "string" && t.trim().length > 0) return t;
-}
-function g(e, t, a = {}) {
-	let s = e ?? {}, c = h(t?.url, s.url), l = h(t?.title, s.title) ?? f, u = p(s.allowFullscreen) ?? !1, d = m(s.loading), g = c === void 0 ? null : n(c, a);
+function i(e, t) {
+	let n = e ?? {}, r = (e) => {
+		if (typeof e == "boolean") return e;
+		if (typeof e == "string") return e.toLowerCase() === "true";
+	}, i = (e) => e === "eager" || e === "lazy" ? e : "lazy", a = t?.url ?? n.url ?? "";
 	return {
-		src: g?.ok ? g.src : null,
-		title: l,
-		sandbox: i,
-		referrerPolicy: r,
-		allowFullscreen: u,
-		allow: o(u),
-		loading: d,
-		hasUrl: c !== void 0,
-		rejection: g && !g.ok ? g.reason : null
+		url: a,
+		title: t?.title ?? n.title ?? "Embedded Content",
+		allowFullscreen: r(t?.allowFullscreen ?? n.allowFullscreen) ?? !1,
+		sandbox: t?.sandbox ?? n.sandbox ?? "allow-scripts allow-same-origin",
+		loading: i(t?.loading ?? n.loading),
+		hasUrl: typeof a == "string" && a.length > 0
 	};
 }
-var _ = {
-	missing: {
-		key: "bigconsole.widget.iframe.rejected.invalid",
-		fallback: "Enter a complete https:// address."
-	},
-	invalid: {
-		key: "bigconsole.widget.iframe.rejected.invalid",
-		fallback: "Enter a complete https:// address."
-	},
-	scheme: {
-		key: "bigconsole.widget.iframe.rejected.scheme",
-		fallback: "Only https:// addresses can be embedded."
-	},
-	credentials: {
-		key: "bigconsole.widget.iframe.rejected.credentials",
-		fallback: "Remove the user name or password from the address."
-	},
-	"same-origin": {
-		key: "bigconsole.widget.iframe.rejected.sameOrigin",
-		fallback: "Pages from this app cannot be embedded in a widget."
-	},
-	"origin-not-allowed": {
-		key: "bigconsole.widget.iframe.rejected.originNotAllowed",
-		fallback: "This site is not on the list of sites allowed for embedding."
-	}
-};
-function v() {
-	return /* @__PURE__ */ u("svg", {
-		className: "w-12 h-12 mx-auto mb-2 text-text-muted",
-		fill: "none",
-		stroke: "currentColor",
-		viewBox: "0 0 24 24",
-		children: /* @__PURE__ */ u("path", {
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			strokeWidth: 1.5,
-			d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+var a = e(function({ widget: e, data: a }) {
+	let o = t(() => i(e.config, a), [e.config, a]);
+	return o.hasUrl ? /* @__PURE__ */ n("div", {
+		className: "h-full w-full",
+		children: /* @__PURE__ */ n("iframe", {
+			src: o.url,
+			title: o.title,
+			className: "w-full h-full border-0 rounded",
+			allowFullScreen: o.allowFullscreen,
+			sandbox: o.sandbox,
+			loading: o.loading
 		})
-	});
-}
-var y = c(function({ widget: n, data: r }) {
-	let i = s(), o = e()?.iframeAllowedOrigins, c = l(() => g(n.config, r, {
-		appOrigin: t(),
-		allowedOrigins: o
-	}), [
-		n.config,
-		r,
-		o
-	]);
-	if (!c.hasUrl) return /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ n("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ r("div", {
 			className: "text-center",
 			children: [
-				/* @__PURE__ */ u(v, {}),
-				/* @__PURE__ */ u("p", { children: i("bigconsole.widget.iframe.empty.title", "No URL configured") }),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ n("svg", {
+					className: "w-12 h-12 mx-auto mb-2 text-text-muted",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ n("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 1.5,
+						d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+					})
+				}),
+				/* @__PURE__ */ n("p", { children: "No URL configured" }),
+				/* @__PURE__ */ n("p", {
 					className: "text-xs text-text-muted mt-1",
-					children: i("bigconsole.widget.iframe.empty.hint", "Configure a URL to embed content")
+					children: "Configure a URL to embed content"
 				})
 			]
 		})
 	});
-	if (!c.src) {
-		let e = _[c.rejection ?? "invalid"];
-		return /* @__PURE__ */ u("div", {
-			className: "flex items-center justify-center h-full text-text-secondary text-sm",
-			role: "status",
-			children: /* @__PURE__ */ d("div", {
-				className: "text-center",
-				children: [
-					/* @__PURE__ */ u(v, {}),
-					/* @__PURE__ */ u("p", { children: i("bigconsole.widget.iframe.rejected.title", "This address cannot be embedded") }),
-					/* @__PURE__ */ u("p", {
-						className: "text-xs text-text-muted mt-1",
-						children: i(e.key, e.fallback)
-					})
-				]
-			})
-		});
-	}
-	return /* @__PURE__ */ u("div", {
-		className: "h-full w-full",
-		children: /* @__PURE__ */ u("iframe", {
-			sandbox: c.sandbox,
-			referrerPolicy: c.referrerPolicy,
-			allow: c.allow,
-			allowFullScreen: c.allowFullscreen,
-			loading: c.loading,
-			title: c.title,
-			className: "w-full h-full border-0 rounded",
-			src: c.src
-		}, a(c.src, c.sandbox))
-	});
 });
 //#endregion
-export { y as default, g as resolveIframeConfig };
+export { a as default, i as resolveIframeConfig };
+
+//# sourceMappingURL=IframeWidget.js.map

package/dist/bigconsole/components/widgets/iframe-widget/IframeWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IframeWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/iframe-widget/IframeWidget.tsx"],"sourcesContent":["/**\n * IframeWidget Component\n *\n * Displays embedded iframe content.\n *\n * Data flow: DataSink → Parser → Widget\n * - Static configuration lives in `widget.config` (url, sandbox, allowFullscreen, title).\n * - Dynamic parser output is passed in `data` and overrides matching config keys.\n * - This lets the iframe render from manual configuration, parser-driven data, or both.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface IframeWidgetProps {\n  widget: Widget;\n  data?: IframeData;\n}\n\nexport interface IframeData {\n  url?: string;\n  title?: string;\n  allowFullscreen?: boolean;\n  sandbox?: string;\n  loading?: 'lazy' | 'eager';\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Resolve the effective iframe configuration.\n *\n * Priority (highest first):\n * 1. Parser-provided `data` fields\n * 2. User-configured `widget.config` fields\n * 3. Safe defaults (empty URL, restricted sandbox, no fullscreen)\n *\n * This is the function the widget tests exercise directly; keeping the merge\n * logic pure makes the DataSink → Parser → Widget contract explicit.\n */\nexport function resolveIframeConfig(\n  widgetConfig: Record<string, unknown> | undefined,\n  data: IframeData | undefined\n): Required<IframeData> & { hasUrl: boolean } {\n  const cfg = widgetConfig ?? {};\n\n  const coercedBoolean = (value: unknown): boolean | undefined => {\n    if (typeof value === 'boolean') return value;\n    if (typeof value === 'string') return value.toLowerCase() === 'true';\n    return undefined;\n  };\n\n  const coercedLoading = (value: unknown): 'lazy' | 'eager' => {\n    if (value === 'eager' || value === 'lazy') return value;\n    return 'lazy';\n  };\n\n  const url = (data?.url ?? cfg.url ?? '') as string;\n  const title = (data?.title ?? cfg.title ?? 'Embedded Content') as string;\n  const allowFullscreen = coercedBoolean(data?.allowFullscreen ?? cfg.allowFullscreen) ?? false;\n  const sandbox = ((data?.sandbox ?? cfg.sandbox) as string | undefined) ?? 'allow-scripts allow-same-origin';\n  const loading = coercedLoading(data?.loading ?? cfg.loading);\n\n  return {\n    url,\n    title,\n    allowFullscreen,\n    sandbox,\n    loading,\n    hasUrl: typeof url === 'string' && url.length > 0,\n  };\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const IframeWidget: FC<IframeWidgetProps> = memo(function IframeWidget({ widget, data }) {\n  const config = useMemo(() => resolveIframeConfig(widget.config, data), [widget.config, data]);\n\n  if (!config.hasUrl) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14\"\n            />\n          </svg>\n          <p>No URL configured</p>\n          <p className=\"text-xs text-text-muted mt-1\">Configure a URL to embed content</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full w-full\">\n      <iframe\n        src={config.url}\n        title={config.title}\n        className=\"w-full h-full border-0 rounded\"\n        allowFullScreen={config.allowFullscreen}\n        sandbox={config.sandbox}\n        loading={config.loading}\n      />\n    </div>\n  );\n});\n\nexport default IframeWidget;\n"],"mappings":";;;AA8CA,SAAgB,EACd,GACA,GAC4C;CAC5C,IAAM,IAAM,KAAgB,EAAE,EAExB,KAAkB,MAAwC;AAC9D,MAAI,OAAO,KAAU,UAAW,QAAO;AACvC,MAAI,OAAO,KAAU,SAAU,QAAO,EAAM,aAAa,KAAK;IAI1D,KAAkB,MAClB,MAAU,WAAW,MAAU,SAAe,IAC3C,QAGH,IAAO,GAAM,OAAO,EAAI,OAAO;AAMrC,QAAO;EACL;EACA,OAPa,GAAM,SAAS,EAAI,SAAS;EAQzC,iBAPsB,EAAe,GAAM,mBAAmB,EAAI,gBAAgB,IAAI;EAQtF,SAPgB,GAAM,WAAW,EAAI,WAAmC;EAQxE,SAPc,EAAe,GAAM,WAAW,EAAI,QAAQ;EAQ1D,QAAQ,OAAO,KAAQ,YAAY,EAAI,SAAS;EACjD;;AAOH,IAAa,IAAsC,EAAK,SAAsB,EAAE,WAAQ,WAAQ;CAC9F,IAAM,IAAS,QAAc,EAAoB,EAAO,QAAQ,EAAK,EAAE,CAAC,EAAO,QAAQ,EAAK,CAAC;AAqB7F,QAnBK,EAAO,SAoBV,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,UAAD;GACE,KAAK,EAAO;GACZ,OAAO,EAAO;GACd,WAAU;GACV,iBAAiB,EAAO;GACxB,SAAS,EAAO;GAChB,SAAS,EAAO;GAChB,CAAA;EACE,CAAA,GA3BJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;KAAyC,MAAK;KAAO,QAAO;KAAe,SAAQ;eAChG,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA;IACN,kBAAC,KAAD,EAAA,UAAG,qBAAqB,CAAA;IACxB,kBAAC,KAAD;KAAG,WAAU;eAA+B;KAAoC,CAAA;IAC5E;;EACF,CAAA;EAgBV"}

package/dist/bigconsole/components/widgets/iframe-widget/index.d.ts

@@ -1,3 +1,3 @@
-export { IframeWidget, resolveIframeConfig, type IframeWidgetProps, type IframeData, type ResolvedIframeConfig, } from './IframeWidget';
-export { FRAME_SANDBOX, FRAME_REFERRER_POLICY, frameKey, framePermissions } from './framePolicy';
+export { IframeWidget, resolveIframeConfig, type IframeWidgetProps, type IframeData } from './IframeWidget';
 export { default } from './IframeWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/iframe-widget/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/iframe-widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5G,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/iframe-widget/index.js

@@ -1,3 +1,2 @@
-import { FRAME_REFERRER_POLICY as e, FRAME_SANDBOX as t, frameKey as n, framePermissions as r } from "./framePolicy.js";
-import i, { resolveIframeConfig as a } from "./IframeWidget.js";
-export { e as FRAME_REFERRER_POLICY, t as FRAME_SANDBOX, i as IframeWidget, i as default, n as frameKey, r as framePermissions, a as resolveIframeConfig };
+import e, { resolveIframeConfig as t } from "./IframeWidget.js";
+export { e as IframeWidget, e as default, t as resolveIframeConfig };

package/dist/bigconsole/components/widgets/index.d.ts

@@ -32,3 +32,4 @@ export { WidgetActions, type WidgetActionsProps } from './widget-actions';
 export { WebhookConfigPanel, type WebhookConfigPanelProps } from './webhook-config';
 export { EventLogViewer, type EventLogViewerProps } from './event-logs';
 export { DrilldownConfigPanel, type DrilldownConfigPanelProps, type DrilldownConfig } from './DrilldownConfigPanel';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/index.ts"],"names":[],"mappings":"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"}

package/dist/bigconsole/components/widgets/kanban/KanbanView.d.ts

@@ -17,3 +17,4 @@ export interface KanbanWidgetProps {
 }
 export declare const KanbanView: FC<KanbanViewProps>;
 export default KanbanView;
+//# sourceMappingURL=KanbanView.d.ts.map

package/dist/bigconsole/components/widgets/kanban/KanbanView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanView.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kanban/KanbanView.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAmC,MAAM,OAAO,CAAC;AACjE,OAAO,EAIL,KAAK,UAAU,EACf,KAAK,UAAU,EACf,KAAK,gBAAgB,EACtB,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,qGAAqG;IACrG,CAAC,EAAE,iBAAiB,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;CAC/D;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAmBD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAqNzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

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

@@ -172,3 +172,5 @@ var u = r(function({ widget: r, data: u, onClick: d, t: f, onSaveMoves: p, inter
 });
 //#endregion
 export { u as default };
+
+//# sourceMappingURL=KanbanView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanView.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kanban/KanbanView.tsx"],"sourcesContent":["/**\n * KanbanWidget Component\n *\n * Simple kanban board view with columns and tasks.\n */\n\nimport { type FC, memo, useMemo, useRef, useState } from 'react';\nimport {\n  normalizeKanban,\n  applyKanbanMoves,\n  validKanbanMoves,\n  type KanbanData,\n  type KanbanTask,\n  type KanbanColumnMove,\n} from './model';\nexport type { KanbanData, KanbanTask, KanbanColumn } from './model';\nimport type { Widget } from '../../../types';\nimport type { WidgetTranslateFn } from '../utils/translate';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface KanbanViewProps extends KanbanWidgetProps {\n  /** Translator — the app passes useI18n().t; the public embed passes a static fallback translator. */\n  t: WidgetTranslateFn;\n  interactive?: boolean;\n  onSaveMoves?: (moves: KanbanColumnMove[]) => Promise<boolean>;\n}\n\nexport interface KanbanWidgetProps {\n  widget: Widget;\n  data?: KanbanData;\n  onClick?: (task: KanbanTask) => void;\n}\n\nfunction getPriorityColor(priority?: string): string {\n  switch (priority) {\n    case 'high':\n      return 'bg-status-error-bg/20 text-status-error-text';\n    case 'medium':\n      return 'bg-status-warning-bg/20 text-[var(--color-status-warning-text)]';\n    case 'low':\n      return 'bg-status-success-bg/20 text-status-success-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const KanbanView: FC<KanbanViewProps> = memo(function KanbanView({\n  widget,\n  data,\n  onClick,\n  t,\n  onSaveMoves,\n  interactive = false,\n}) {\n  const config = widget.config as Record<string, unknown> | undefined;\n  const { columns, tasks: sourceTasks } = useMemo(() => normalizeKanban(data, config), [data, config]);\n  const [local, setLocal] = useState<{ data: unknown; widgetId: string; moves: KanbanColumnMove[] } | null>(null);\n  const [saving, setSaving] = useState(false);\n  const [announcement, setAnnouncement] = useState('');\n  const dragging = useRef<string | null>(null);\n  const moves =\n    local && local.data === data && local.widgetId === widget.id\n      ? local.moves\n      : validKanbanMoves(config?.kanbanColumnMoves);\n  const tasks = useMemo(() => applyKanbanMoves(sourceTasks, columns, moves), [sourceTasks, columns, moves]);\n  const moveTask = async (taskId: string, targetColumn: string) => {\n    if (!interactive || saving || !columns.some((column) => column.id === targetColumn)) return;\n    const task = sourceTasks.find((item) => item.id === taskId);\n    if (!task || tasks.find((item) => item.id === taskId)?.column === targetColumn) return;\n    const previous = validKanbanMoves(moves);\n    const next = [\n      ...previous.filter((move) => move.taskId !== taskId),\n      { taskId, sourceColumn: task.column, targetColumn },\n    ];\n    setLocal({ data, widgetId: widget.id, moves: next });\n    if (!onSaveMoves || !task.stableId) {\n      setAnnouncement(\n        t('bigconsole.widget.kanban.move.temporary', '{{title}} moved to {{column}} for this view.', {\n          title: task.title,\n          column: targetColumn,\n        })\n      );\n      return;\n    }\n    setSaving(true);\n    let saved: boolean;\n    try {\n      saved = await onSaveMoves(\n        next.filter((move) => sourceTasks.some((source) => source.id === move.taskId && source.stableId))\n      );\n    } catch {\n      saved = false;\n    }\n    setSaving(false);\n    if (!saved) {\n      setLocal({ data, widgetId: widget.id, moves: previous });\n      setAnnouncement(\n        t(\n          'bigconsole.widget.kanban.move.failed',\n          'Could not save the move. The card was returned to its previous column.'\n        )\n      );\n    } else {\n      setAnnouncement(\n        t('bigconsole.widget.kanban.move.saved', '{{title}} moved to {{column}} and saved.', {\n          title: task.title,\n          column: targetColumn,\n        })\n      );\n    }\n  };\n\n  // Group tasks by column\n  const tasksByColumn = useMemo(() => {\n    const grouped = new Map<string, KanbanTask[]>();\n    columns.forEach((col) => {\n      grouped.set(\n        col.id,\n        tasks.filter((t) => t.column === col.id)\n      );\n    });\n    return grouped;\n  }, [columns, tasks]);\n\n  if (!columns.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2\"\n            />\n          </svg>\n          <p>{t('bigconsole.widget.kanban.emptyState', 'No board data')}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {interactive && (\n        <p role=\"status\" className=\"px-2 pt-2 text-xs text-text-secondary\">\n          {announcement ||\n            (onSaveMoves\n              ? t('bigconsole.widget.kanban.move.editorHint', 'Moves are saved to this widget.')\n              : t('bigconsole.widget.kanban.move.viewerHint', 'Moves are temporary in this view.'))}\n        </p>\n      )}\n      <div className=\"flex min-h-0 flex-1 p-2 gap-2 overflow-x-auto\">\n        {columns.map((column) => {\n          const columnTasks = tasksByColumn.get(column.id) || [];\n\n          return (\n            <div\n              key={column.id}\n              aria-label={`Column ${column.title}`}\n              className=\"flex-shrink-0 w-48 flex flex-col bg-bg-sunken/50 rounded-lg\"\n              onDragOver={(event) => {\n                if (dragging.current && !saving) {\n                  // The dashboard's palette drop zone uses a copy effect; task moves must stay local.\n                  event.stopPropagation();\n                  event.preventDefault();\n                  event.dataTransfer.dropEffect = 'move';\n                }\n              }}\n              onDrop={(event) => {\n                event.preventDefault();\n                event.stopPropagation();\n                const id = dragging.current;\n                dragging.current = null;\n                if (id) void moveTask(id, column.id);\n              }}\n            >\n              {/* Column Header */}\n              <div className=\"flex items-center gap-2 p-2 border-b border-border-default\">\n                <div\n                  className=\"w-2 h-2 rounded-full\"\n                  style={{ backgroundColor: column.color || 'var(--color-text-muted)' }}\n                />\n                <span className=\"text-xs font-medium text-text-primary truncate\">{column.title}</span>\n                <span className=\"ml-auto text-xs text-text-muted\">{columnTasks.length}</span>\n              </div>\n\n              {/* Tasks */}\n              <div className=\"flex-1 p-2 space-y-2 overflow-y-auto\">\n                {columnTasks.map((task) => (\n                  <div\n                    key={task.id}\n                    draggable={interactive && !saving}\n                    onDragStart={(event) => {\n                      event.stopPropagation();\n                      dragging.current = task.id;\n                      event.dataTransfer.effectAllowed = 'move';\n                      event.dataTransfer.setData('text/plain', task.id);\n                    }}\n                    onDragEnd={() => {\n                      dragging.current = null;\n                    }}\n                    className={`\n                      p-2 bg-bg-surface rounded border border-border-default\n                      ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                      transition-colors\n                    `}\n                    onClick={() => onClick?.(task)}\n                  >\n                    <p className=\"text-xs font-medium text-text-primary line-clamp-2\">{task.title}</p>\n                    {task.description && (\n                      <p className=\"mt-1 text-xs text-text-secondary line-clamp-3\">{task.description}</p>\n                    )}\n                    {interactive && (\n                      <select\n                        aria-label={`Move ${task.title} to column`}\n                        value={task.column}\n                        disabled={saving}\n                        onClick={(event) => event.stopPropagation()}\n                        onChange={(event) => {\n                          void moveTask(task.id, event.target.value);\n                        }}\n                        className=\"mt-2 w-full rounded border border-border-default bg-bg-surface text-xs text-text-secondary\"\n                      >\n                        {columns.map((target) => (\n                          <option key={target.id} value={target.id}>\n                            {target.title}\n                          </option>\n                        ))}\n                      </select>\n                    )}\n\n                    <div className=\"flex items-center gap-1 mt-2 flex-wrap\">\n                      {task.priority && (\n                        <span className={`px-1.5 py-0.5 text-[10px] rounded ${getPriorityColor(task.priority)}`}>\n                          {task.priority}\n                        </span>\n                      )}\n                      {task.assignee && (\n                        <span className=\"px-1.5 py-0.5 text-[10px] rounded bg-action-primary-bg/10 text-action-primary-text\">\n                          {task.assignee}\n                        </span>\n                      )}\n                    </div>\n                  </div>\n                ))}\n\n                {columnTasks.length === 0 && (\n                  <p className=\"text-[10px] text-text-muted text-center py-4\">\n                    {t('bigconsole.widget.kanban.noTasks', 'No tasks')}\n                  </p>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n});\n\nexport default KanbanView;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/kanban/KanbanWidget.d.ts

@@ -4,3 +4,4 @@ import { KanbanWidgetProps } from './KanbanView';
 export * from './KanbanView';
 export declare const KanbanWidget: FC<KanbanWidgetProps>;
 export default KanbanWidget;
+//# sourceMappingURL=KanbanWidget.d.ts.map

package/dist/bigconsole/components/widgets/kanban/KanbanWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kanban/KanbanWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAc,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAElE,cAAc,cAAc,CAAC;AAE7B,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAW7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -15,3 +15,5 @@ var a = n(function(n) {
 });
 //#endregion
 export { a as default };
+
+//# sourceMappingURL=KanbanWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kanban/KanbanWidget.tsx"],"sourcesContent":["/**\n * KanbanWidget — in-app wrapper around the pure KanbanView (BOFF-7926).\n *\n * The view is i18n-provider-free so the public embed bundle can render it with a\n * static translator (the fe-libs I18nProvider touches localStorage, which throws\n * in third-party iframes when the visitor blocks third-party storage).\n */\n\nimport { type FC, memo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useWidgetConfigPersist } from '../../../hooks/useWidgetConfigPersist';\nimport { KanbanView, type KanbanWidgetProps } from './KanbanView';\n\nexport * from './KanbanView';\n\nexport const KanbanWidget: FC<KanbanWidgetProps> = memo(function KanbanWidget(props) {\n  const { t } = useI18n();\n  const { canPersist, persistConfig } = useWidgetConfigPersist(props.widget);\n  return (\n    <KanbanView\n      {...props}\n      t={t}\n      interactive\n      onSaveMoves={canPersist ? (moves) => persistConfig({ kanbanColumnMoves: moves }) : undefined}\n    />\n  );\n});\n\nexport default KanbanWidget;\n"],"mappings":";;;;;;AAeA,IAAa,IAAsC,EAAK,SAAsB,GAAO;CACnF,IAAM,EAAE,SAAM,GAAS,EACjB,EAAE,eAAY,qBAAkB,EAAuB,EAAM,OAAO;AAC1E,QACE,kBAAC,GAAD;EACE,GAAI;EACD;EACH,aAAA;EACA,aAAa,KAAc,MAAU,EAAc,EAAE,mBAAmB,GAAO,CAAC,GAAG,KAAA;EACnF,CAAA;EAEJ"}

package/dist/bigconsole/components/widgets/kanban/index.d.ts

@@ -1,2 +1,3 @@
 export { KanbanWidget, type KanbanWidgetProps, type KanbanData, type KanbanColumn, type KanbanTask, } from './KanbanWidget';
 export { default } from './KanbanWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/kanban/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kanban/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,UAAU,EACf,KAAK,YAAY,EACjB,KAAK,UAAU,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/kanban/model.d.ts

@@ -39,3 +39,4 @@ export interface KanbanColumnMove {
 export declare function validKanbanMoves(value: unknown): KanbanColumnMove[];
 /** Overrides only affect a current card in its original source column. */
 export declare function applyKanbanMoves(tasks: KanbanTask[], columns: KanbanColumn[], value: unknown): KanbanTask[];
+//# sourceMappingURL=model.d.ts.map

package/dist/bigconsole/components/widgets/kanban/model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"model.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kanban/model.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAqED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,IAAI,EAAE,OAAO,EACb,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAC/B;IAAE,OAAO,EAAE,YAAY,EAAE,CAAC;IAAC,KAAK,EAAE,UAAU,EAAE,CAAA;CAAE,CAwDlD;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,OAAO,GAAG,gBAAgB,EAAE,CAWnE;AAED,0EAA0E;AAC1E,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,UAAU,EAAE,CAY3G"}

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

@@ -141,3 +141,5 @@ function l(e, t, n) {
 }
 //#endregion
 export { l as applyKanbanMoves, s as normalizeKanban, c as validKanbanMoves };
+
+//# sourceMappingURL=model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"model.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kanban/model.ts"],"sourcesContent":["export interface KanbanColumn {\n  id: string;\n  title: string;\n  color?: string;\n}\n\nexport interface KanbanTask {\n  id: string;\n  title: string;\n  column: string;\n  description?: string;\n  stableId?: boolean;\n  priority?: 'high' | 'medium' | 'low';\n  assignee?: string;\n  labels?: string[];\n  dueDate?: string;\n}\n\nexport interface KanbanData {\n  columns?: KanbanColumn[];\n  tasks?: KanbanTask[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n// Field names we try, in order, when the widget config doesn't name one\n// explicitly. A DataSink/parser typically emits a flat array of rows (e.g. the\n// Linear \"Kanban board\" parser -> [{ id, title, status, assignee, ... }]), so\n// the board is derived from a status/column field on those rows.\nconst COLUMN_FIELD_CANDIDATES = ['status', 'state', 'column', 'stage', 'category', 'phase', 'group'];\nconst TITLE_FIELD_CANDIDATES = ['title', 'name', 'summary', 'label', 'identifier', 'id'];\n\nfunction asString(value: unknown): string | undefined {\n  return typeof value === 'string' && value.length > 0 ? value : undefined;\n}\n\n/** Coerce parser output into an array of object rows (handles common envelopes). */\nfunction asRows(data: unknown): Record<string, unknown>[] {\n  const onlyObjects = (arr: unknown[]): Record<string, unknown>[] =>\n    arr.filter((r): r is Record<string, unknown> => !!r && typeof r === 'object' && !Array.isArray(r));\n\n  if (Array.isArray(data)) return onlyObjects(data);\n\n  if (data && typeof data === 'object') {\n    const obj = data as Record<string, unknown>;\n    for (const key of ['tasks', 'rows', 'items', 'data', 'nodes', 'results', 'records']) {\n      if (Array.isArray(obj[key])) return onlyObjects(obj[key] as unknown[]);\n    }\n    const firstArray = Object.values(obj).find((v) => Array.isArray(v));\n    if (Array.isArray(firstArray)) return onlyObjects(firstArray);\n  }\n  return [];\n}\n\n/** First key that actually exists on the sample row. */\nfunction firstPresent(row: Record<string, unknown>, keys: (string | undefined)[]): string | undefined {\n  for (const key of keys) {\n    if (key && key in row) return key;\n  }\n  return undefined;\n}\n\nfunction normalizePriority(value: unknown): KanbanTask['priority'] {\n  const v = asString(value)?.toLowerCase();\n  if (!v) return undefined;\n  if (v === 'urgent' || v === 'high') return 'high';\n  if (v === 'medium' || v === 'normal') return 'medium';\n  if (v === 'low') return 'low';\n  return undefined;\n}\n\n/** Index fallbacks are local-only and cannot collide with source IDs. */\nfunction taskIdentities(values: unknown[]): { id: string; stableId: boolean }[] {\n  const ids = values.map((value) => (typeof value === 'string' || typeof value === 'number' ? String(value) : ''));\n  const counts = new Map<string, number>();\n  ids.forEach((id) => {\n    if (id) counts.set(id, (counts.get(id) ?? 0) + 1);\n  });\n  const used = new Set(ids);\n  return ids.map((id, index) => {\n    if (id && counts.get(id) === 1) return { id, stableId: true };\n    let localId = `row-${index}`;\n    while (used.has(localId)) localId += '-local';\n    used.add(localId);\n    return { id: localId, stableId: false };\n  });\n}\n\n/**\n * Normalize widget data into the board's { columns, tasks } shape.\n *\n * KanbanWidget previously required the exact canonical shape and rendered\n * \"No board data\" for any DataSink/parser output that was a plain array of\n * rows (which is what parsers actually emit) — BOFF-4110. This adapts a flat\n * array into columns (distinct values of a status/column field, in first-seen\n * order) plus one card per row, honoring config field mappings with fallbacks.\n */\nexport function normalizeKanban(\n  data: unknown,\n  config?: Record<string, unknown>\n): { columns: KanbanColumn[]; tasks: KanbanTask[] } {\n  // Canonical shape passes through untouched (back-compat).\n  if (data && typeof data === 'object' && !Array.isArray(data) && Array.isArray((data as KanbanData).columns)) {\n    const d = data as KanbanData;\n    const identities = taskIdentities((d.tasks ?? []).map((task) => task.id));\n    return {\n      columns: d.columns ?? [],\n      tasks: (d.tasks ?? []).map((task, index) => ({ ...task, ...identities[index] })),\n    };\n  }\n\n  const rows = asRows(data);\n  if (rows.length === 0) return { columns: [], tasks: [] };\n\n  const sample = rows[0];\n  const columnField = firstPresent(sample, [\n    asString(config?.columnField),\n    asString(config?.groupField),\n    asString(config?.statusField),\n    ...COLUMN_FIELD_CANDIDATES,\n    asString(config?.xAxisField),\n    asString(config?.labelField),\n  ]);\n  if (!columnField) return { columns: [], tasks: [] };\n\n  const titleField = firstPresent(sample, [\n    asString(config?.cardTitleField),\n    asString(config?.titleField),\n    ...TITLE_FIELD_CANDIDATES,\n    asString(config?.labelField),\n  ]);\n\n  const identities = taskIdentities(rows.map((row) => row.id ?? row.identifier ?? row.key));\n  const columnTitles = new Map<string, string>();\n  const columnOrder: string[] = [];\n  const tasks: KanbanTask[] = rows.map((row, i) => {\n    const columnRaw = row[columnField];\n    const column = columnRaw == null || columnRaw === '' ? 'Uncategorized' : String(columnRaw);\n    if (!columnTitles.has(column)) {\n      columnTitles.set(column, column);\n      columnOrder.push(column);\n    }\n    const labels = Array.isArray(row.labels) ? row.labels.filter((l): l is string => typeof l === 'string') : undefined;\n    return {\n      ...identities[i],\n      description: asString(row[asString(config?.cardDescriptionField) ?? 'description']),\n      title: titleField && row[titleField] != null ? String(row[titleField]) : `Item ${i + 1}`,\n      column,\n      assignee: asString(row.assignee),\n      priority: normalizePriority(row.priority ?? row.priorityLabel),\n      labels: labels && labels.length > 0 ? labels : undefined,\n    };\n  });\n\n  const columns: KanbanColumn[] = columnOrder.map((id) => ({ id, title: columnTitles.get(id) ?? id }));\n  return { columns, tasks };\n}\n\nexport interface KanbanColumnMove {\n  taskId: string;\n  sourceColumn: string;\n  targetColumn: string;\n}\n\nexport function validKanbanMoves(value: unknown): KanbanColumnMove[] {\n  if (!Array.isArray(value)) return [];\n  return value.filter((move): move is KanbanColumnMove => {\n    if (!move || typeof move !== 'object') return false;\n    const candidate = move as Partial<KanbanColumnMove>;\n    return (\n      typeof candidate.taskId === 'string' &&\n      typeof candidate.sourceColumn === 'string' &&\n      typeof candidate.targetColumn === 'string'\n    );\n  });\n}\n\n/** Overrides only affect a current card in its original source column. */\nexport function applyKanbanMoves(tasks: KanbanTask[], columns: KanbanColumn[], value: unknown): KanbanTask[] {\n  const moves = validKanbanMoves(value);\n  const targets = new Set(columns.map((column) => column.id));\n  return tasks.map((task) => {\n    const move = [...moves]\n      .reverse()\n      .find(\n        (candidate) =>\n          candidate.taskId === task.id && candidate.sourceColumn === task.column && targets.has(candidate.targetColumn)\n      );\n    return move ? { ...task, column: move.targetColumn } : task;\n  });\n}\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/kpi/KPIWidget.d.ts

@@ -20,3 +20,4 @@ export interface KPIData {
 }
 export declare const KPIWidget: FC<KPIWidgetProps>;
 export default KPIWidget;
+//# sourceMappingURL=KPIWidget.d.ts.map

package/dist/bigconsole/components/widgets/kpi/KPIWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPIWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kpi/KPIWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAa,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAMpF,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,SAAS,EAAE,CAAC;CACtB;AAuCD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAgFvC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/kpi/KPIWidget.js

@@ -79,3 +79,5 @@ t(function({ widget: t, data: s, onClick: c }) {
 	}) : null;
 });
 //#endregion
+
+//# sourceMappingURL=KPIWidget.js.map

package/dist/bigconsole/components/widgets/kpi/KPIWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPIWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kpi/KPIWidget.tsx"],"sourcesContent":["/**\n * KPIWidget Component\n *\n * Multi-KPI comparison card showing multiple metrics together.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport type { Widget, KPIConfig } from '../../../types';\nimport { TrendIndicator, type TrendDirection } from '../metric-card/TrendIndicator';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface KPIWidgetProps {\n  widget: Widget;\n  data?: KPIData;\n  onClick?: (metricIndex: number) => void;\n}\n\nexport interface KPIMetric {\n  label: string;\n  value: number | string;\n  previousValue?: number;\n  changePercent?: number;\n  trend?: TrendDirection;\n  unit?: string;\n}\n\nexport interface KPIData {\n  metrics: KPIMetric[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: number | string, format?: string): string {\n  if (typeof value === 'string') return value;\n\n  switch (format) {\n    case 'currency':\n      return new Intl.NumberFormat('en-US', {\n        style: 'currency',\n        currency: 'USD',\n        maximumFractionDigits: 0,\n      }).format(value);\n    case 'percentage':\n      return `${(value * 100).toFixed(1)}%`;\n    case 'compact':\n      return new Intl.NumberFormat('en-US', {\n        notation: 'compact',\n        maximumFractionDigits: 1,\n      }).format(value);\n    default:\n      return new Intl.NumberFormat('en-US', {\n        maximumFractionDigits: 2,\n      }).format(value);\n  }\n}\n\nfunction getTrend(changePercent?: number): TrendDirection {\n  if (changePercent === undefined || changePercent === 0) return 'flat';\n  return changePercent > 0 ? 'up' : 'down';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const KPIWidget: FC<KPIWidgetProps> = memo(function KPIWidget({ widget, data, onClick }) {\n  const config = widget.config as unknown as KPIConfig | undefined;\n\n  const handleMetricClick = useCallback(\n    (index: number) => {\n      if (onClick && widget.drilldowns?.length) {\n        onClick(index);\n      }\n    },\n    [onClick, widget.drilldowns]\n  );\n\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n\n  if (!data?.metrics?.length) {\n    return null;\n  }\n\n  const layout = config?.layout || 'horizontal';\n\n  return (\n    <div className=\"flex flex-col h-full p-4\">\n      <div\n        className={`\n          grid gap-4\n          ${layout === 'horizontal' ? 'md:grid-cols-2 lg:grid-cols-4' : 'grid-cols-1'}\n          flex-1\n        `}\n      >\n        {data.metrics.map((metric, index) => (\n          <div\n            key={index}\n            className={`\n              flex flex-col p-4\n              bg-bg-sunken/50\n              rounded-lg\n              ${isClickable ? 'cursor-pointer hover:bg-bg-sunken transition-colors' : ''}\n            `}\n            onClick={() => handleMetricClick(index)}\n            role={isClickable ? 'button' : undefined}\n            tabIndex={isClickable ? 0 : undefined}\n          >\n            {/* Label */}\n            <p className=\"text-xs text-text-secondary uppercase tracking-wide mb-1\">{metric.label}</p>\n\n            {/* Value */}\n            <div className=\"flex items-baseline gap-2\">\n              <span className=\"text-2xl font-bold text-text-primary\">{formatValue(metric.value, config?.format)}</span>\n              {metric.unit && <span className=\"text-sm text-text-secondary\">{metric.unit}</span>}\n            </div>\n\n            {/* Change indicator */}\n            {metric.changePercent !== undefined && (\n              <div className=\"flex items-center gap-1 mt-2\">\n                <TrendIndicator\n                  direction={metric.trend || getTrend(metric.changePercent)}\n                  size=\"sm\"\n                  positiveIsGood={config?.positiveIsGood !== false}\n                />\n                <span\n                  className={`text-xs ${\n                    metric.changePercent >= 0\n                      ? config?.positiveIsGood !== false\n                        ? 'text-status-success-text'\n                        : 'text-status-error-text'\n                      : config?.positiveIsGood !== false\n                        ? 'text-status-error-text'\n                        : 'text-status-success-text'\n                  }`}\n                >\n                  {metric.changePercent > 0 ? '+' : ''}\n                  {metric.changePercent.toFixed(1)}%\n                </span>\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport default KPIWidget;\n"],"mappings":";;;;AAqCA,SAAS,EAAY,GAAwB,GAAyB;AACpE,KAAI,OAAO,KAAU,SAAU,QAAO;AAEtC,SAAQ,GAAR;EACE,KAAK,WACH,QAAO,IAAI,KAAK,aAAa,SAAS;GACpC,OAAO;GACP,UAAU;GACV,uBAAuB;GACxB,CAAC,CAAC,OAAO,EAAM;EAClB,KAAK,aACH,QAAO,IAAI,IAAQ,KAAK,QAAQ,EAAE,CAAC;EACrC,KAAK,UACH,QAAO,IAAI,KAAK,aAAa,SAAS;GACpC,UAAU;GACV,uBAAuB;GACxB,CAAC,CAAC,OAAO,EAAM;EAClB,QACE,QAAO,IAAI,KAAK,aAAa,SAAS,EACpC,uBAAuB,GACxB,CAAC,CAAC,OAAO,EAAM;;;AAItB,SAAS,EAAS,GAAwC;AAExD,QADI,MAAkB,KAAA,KAAa,MAAkB,IAAU,SACxD,IAAgB,IAAI,OAAO;;AAOS,EAAK,SAAmB,EAAE,WAAQ,SAAM,cAAW;CAC9F,IAAM,IAAS,EAAO,QAEhB,IAAoB,GACvB,MAAkB;AACjB,EAAI,KAAW,EAAO,YAAY,UAChC,EAAQ,EAAM;IAGlB,CAAC,GAAS,EAAO,WAAW,CAC7B,EAEK,IAAc,GAAQ,KAAW,EAAO,YAAY;AAQ1D,QANK,GAAM,SAAS,SAOlB,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GACE,WAAW;;aALF,GAAQ,UAAU,kBAOZ,eAAe,kCAAkC,cAAc;;;aAI7E,EAAK,QAAQ,KAAK,GAAQ,MACzB,kBAAC,OAAD;IAEE,WAAW;;;;gBAIP,IAAc,wDAAwD,GAAG;;IAE7E,eAAe,EAAkB,EAAM;IACvC,MAAM,IAAc,WAAW,KAAA;IAC/B,UAAU,IAAc,IAAI,KAAA;cAV9B;KAaE,kBAAC,KAAD;MAAG,WAAU;gBAA4D,EAAO;MAAU,CAAA;KAG1F,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwC,EAAY,EAAO,OAAO,GAAQ,OAAO;OAAQ,CAAA,EACxG,EAAO,QAAQ,kBAAC,QAAD;OAAM,WAAU;iBAA+B,EAAO;OAAY,CAAA,CAC9E;;KAGL,EAAO,kBAAkB,KAAA,KACxB,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,WAAW,EAAO,SAAS,EAAS,EAAO,cAAc;OACzD,MAAK;OACL,gBAAgB,GAAQ,mBAAmB;OAC3C,CAAA,EACF,kBAAC,QAAD;OACE,WAAW,WACT,EAAO,iBAAiB,IACpB,GAAQ,mBAAmB,KAEzB,2BADA,6BAEF,GAAQ,mBAAmB,KAEzB,6BADA;iBAPV;QAWG,EAAO,gBAAgB,IAAI,MAAM;QACjC,EAAO,cAAc,QAAQ,EAAE;QAAC;QAC5B;SACH;;KAEJ;MA5CC,EA4CD,CACN;GACE,CAAA;EACF,CAAA,GA/DC;EAiET"}

package/dist/bigconsole/components/widgets/kpi/index.d.ts

@@ -4,3 +4,4 @@
  * Multi-KPI comparison card for displaying multiple metrics.
  */
 export { KPIWidget, type KPIWidgetProps, type KPIData, type KPIMetric } from './KPIWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/kpi/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kpi/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,KAAK,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.d.ts

@@ -25,3 +25,4 @@ export interface KPIComparisonData {
 }
 export declare const KPIComparisonWidget: FC<KPIComparisonWidgetProps>;
 export default KPIComparisonWidget;
+//# sourceMappingURL=KPIComparisonWidget.d.ts.map

package/dist/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPIComparisonWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAkB,KAAK,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AAOxF,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,iBAAiB,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,aAAa,CAAC,EAAE,kBAAkB,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;CAClB;AAuHD,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CA8T3D,CAAC;AAEH,eAAe,mBAAmB,CAAC"}

package/dist/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.js

@@ -251,3 +251,5 @@ var _ = a(function({ widget: a, data: l, onClick: f, onDrilldown: p }) {
 });
 //#endregion
 export { _ as default };
+
+//# sourceMappingURL=KPIComparisonWidget.js.map

package/dist/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KPIComparisonWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.tsx"],"sourcesContent":["/**\n * KPIComparisonWidget Component\n *\n * Displays multiple KPIs in a grid for comparison.\n */\n\nimport { type FC, memo } from 'react';\nimport type { Widget } from '../../../types';\nimport { type ConditionalRule, resolveConditionalStyle, conditionalStyleToClassName } from '../utils/conditionalFormat';\nimport { SparklineChart, type SparklineDataPoint } from '../metric-card/SparklineChart';\nimport { getTargetProgress, clampProgressWidth } from '../utils/targetProgress';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface KPIComparisonWidgetProps {\n  widget: Widget;\n  data?: KPIComparisonData;\n  onClick?: (kpi: KPIItem) => void;\n  onDrilldown?: (data: Record<string, unknown>) => void;\n}\n\nexport interface KPIItem {\n  id: string;\n  label: string;\n  value: number;\n  previousValue?: number;\n  target?: number;\n  unit?: string;\n  trend?: 'up' | 'down' | 'stable';\n  trendValue?: number;\n  /** Optional history series used to draw the per-KPI sparkline. */\n  sparklineData?: SparklineDataPoint[];\n}\n\nexport interface KPIComparisonData {\n  kpis?: KPIItem[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: number, unit?: string): string {\n  if (unit === '$') {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: 'USD',\n      notation: value >= 10000 ? 'compact' : 'standard',\n      maximumFractionDigits: 1,\n    }).format(value);\n  }\n  if (unit === '%') {\n    return `${value.toFixed(1)}%`;\n  }\n  return new Intl.NumberFormat('en-US', {\n    notation: value >= 10000 ? 'compact' : 'standard',\n    maximumFractionDigits: 1,\n  }).format(value);\n}\n\n/**\n * Whether a trend direction is a *good* outcome for this KPI.\n *\n * `positiveIsGood` defaults to true, but is false for metrics where falling is\n * the win — churn, latency, error rate. Without it a churn rate dropping 22%\n * renders red. Mirrors MetricCardWidget's `getSparklineColor` convention so the\n * two widgets agree.\n */\nfunction isTrendGood(trend: string | undefined, positiveIsGood: boolean): boolean | null {\n  if (trend !== 'up' && trend !== 'down') return null;\n  const isUp = trend === 'up';\n  return positiveIsGood ? isUp : !isUp;\n}\n\nfunction getTrendColor(trend: string | undefined, positiveIsGood: boolean): string {\n  const good = isTrendGood(trend, positiveIsGood);\n  if (good === null) return 'text-text-secondary';\n  return good ? 'text-status-success-text' : 'text-status-error-text';\n}\n\nfunction getSparklineColor(trend: string | undefined, positiveIsGood: boolean): 'success' | 'error' | 'primary' {\n  const good = isTrendGood(trend, positiveIsGood);\n  if (good === null) return 'primary';\n  return good ? 'success' : 'error';\n}\n\n/**\n * Row fields a parser commonly uses to carry a KPI's history series, most\n * explicit first.\n *\n * Deliberately excludes bare `values` — it is generic enough that an unrelated\n * numeric column would be mistaken for a history series and render a spurious\n * chart.\n */\nconst SPARKLINE_FIELDS = ['sparklineData', 'sparkline', 'trendSeries', 'history', 'series'] as const;\n\n/** A trend needs at least two points; one datum is not a line. */\nconst MIN_SPARKLINE_POINTS = 2;\n\n/**\n * Coerce a raw field into sparkline points.\n *\n * Accepts the two shapes parsers realistically emit — `number[]` and\n * `{ value: number, timestamp?: string }[]` — and rejects everything else so a\n * malformed field renders no chart rather than a broken one.\n */\nfunction toSparklinePoints(raw: unknown): SparklineDataPoint[] | undefined {\n  if (!Array.isArray(raw) || raw.length === 0) return undefined;\n\n  const points = raw.reduce<SparklineDataPoint[]>((acc, entry) => {\n    if (typeof entry === 'number' && Number.isFinite(entry)) {\n      acc.push({ value: entry });\n      return acc;\n    }\n    if (entry && typeof entry === 'object') {\n      const record = entry as Record<string, unknown>;\n      const value = record.value;\n      if (typeof value === 'number' && Number.isFinite(value)) {\n        acc.push({\n          value,\n          timestamp: typeof record.timestamp === 'string' ? record.timestamp : undefined,\n        });\n      }\n    }\n    return acc;\n  }, []);\n\n  return points.length >= MIN_SPARKLINE_POINTS ? points : undefined;\n}\n\n/**\n * Find a history series on a DataSink row, trying the known field names.\n *\n * Inference only — an explicit `kpi.sparklineData` on a `kpis[]` payload\n * bypasses this entirely, so a caller that deliberately supplies a series is\n * never second-guessed.\n */\nfunction extractSparklineFromRow(row: Record<string, unknown>): SparklineDataPoint[] | undefined {\n  for (const field of SPARKLINE_FIELDS) {\n    const points = toSparklinePoints(row[field]);\n    if (points) return points;\n  }\n  return undefined;\n}\n\nfunction getTrendIcon(trend?: string): string {\n  if (trend === 'up') return '↑';\n  if (trend === 'down') return '↓';\n  return '→';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const KPIComparisonWidget: FC<KPIComparisonWidgetProps> = memo(function KPIComparisonWidget({\n  widget,\n  data,\n  onClick,\n  onDrilldown,\n}) {\n  const hasDrilldown = !!widget.drilldown?.enabled;\n  const config = widget.config as Record<string, unknown> | undefined;\n  const conditionalRules = config?.conditionalRules as ConditionalRule[] | undefined;\n\n  // Build KPIs array from data\n  // Support multiple formats:\n  // 1. data.kpis array (standard format)\n  // 2. Single value from data.processed (e.g., 125000 from DataSink)\n  // 3. data is a number/string directly\n  // 4. Nested summary object (e.g., {sales: [...], summary: {totalSales: 123}})\n  // 5. Array of objects from DataSink (e.g., [{month: \"Jan\", revenue: 45000}, ...])\n  let kpis: KPIItem[] = [];\n\n  // Get configured value field from widget config (for DataSink data)\n  const valueField = (config?.valueField as string) || (config?.value_field as string) || 'value';\n  const labelField = (config?.labelField as string) || (config?.label_field as string) || 'label';\n\n  // Helper to convert object with numeric values to KPIs\n  const objectToKpis = (obj: Record<string, unknown>): KPIItem[] => {\n    const entries = Object.entries(obj);\n    return entries\n      .filter(([, v]) => typeof v === 'number')\n      .map(([key, value]) => ({\n        id: key,\n        label: key.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),\n        value: value as number,\n        unit:\n          key.toLowerCase().includes('sales') ||\n          key.toLowerCase().includes('revenue') ||\n          key.toLowerCase().includes('value')\n            ? '$'\n            : undefined,\n      }));\n  };\n\n  // Helper to extract KPI from a single data row using config fields\n  const extractKpiFromRow = (row: Record<string, unknown>, index: number): KPIItem | null => {\n    // Try to get value from configured field or common field names\n    const valueCandidates = [valueField, 'value', 'revenue', 'amount', 'total', 'count', 'sales', 'growth'];\n    let value: number | null = null;\n\n    for (const field of valueCandidates) {\n      if (typeof row[field] === 'number') {\n        value = row[field] as number;\n        break;\n      }\n      if (typeof row[field] === 'string' && !isNaN(parseFloat(row[field] as string))) {\n        value = parseFloat(row[field] as string);\n        break;\n      }\n    }\n\n    if (value === null) {\n      // Try to find any numeric field\n      const numericEntry = Object.entries(row).find(([, v]) => typeof v === 'number');\n      if (numericEntry) {\n        value = numericEntry[1] as number;\n      }\n    }\n\n    if (value === null) return null;\n\n    // Try to get label from configured field or common field names\n    const labelCandidates = [labelField, 'label', 'name', 'title', 'month', 'region', 'category'];\n    let label = `Item ${index + 1}`;\n\n    for (const field of labelCandidates) {\n      if (row[field] && typeof row[field] === 'string') {\n        label = row[field] as string;\n        break;\n      }\n    }\n\n    // Check for growth/trend fields\n    const growthValue = row.growth ?? row.change ?? row.trend ?? row.percentChange;\n    const trend =\n      typeof growthValue === 'number' ? (growthValue > 0 ? 'up' : growthValue < 0 ? 'down' : 'stable') : undefined;\n\n    return {\n      id: `kpi-${index}`,\n      label,\n      value,\n      unit:\n        valueField.toLowerCase().includes('revenue') || valueField.toLowerCase().includes('sales') ? '$' : undefined,\n      trend: trend as 'up' | 'down' | 'stable' | undefined,\n      trendValue: typeof growthValue === 'number' ? growthValue : undefined,\n      sparklineData: extractSparklineFromRow(row),\n    };\n  };\n\n  if (data?.kpis && Array.isArray(data.kpis)) {\n    // Standard KPIs array\n    kpis = data.kpis;\n  } else if (Array.isArray(data) && data.length > 0) {\n    // Handle array of objects from DataSink — extract one KPI per row. The\n    // display limit is applied uniformly further down so every data shape\n    // (kpis array, object, row array) obeys the same rule.\n    for (let i = 0; i < data.length; i++) {\n      const row = data[i] as Record<string, unknown>;\n      if (row && typeof row === 'object') {\n        const kpi = extractKpiFromRow(row, i);\n        if (kpi) kpis.push(kpi);\n      }\n    }\n\n    // If we couldn't extract KPIs from rows, try to aggregate numeric fields\n    if (kpis.length === 0 && data.length > 0) {\n      const firstRow = data[0] as Record<string, unknown>;\n      const numericFields = Object.entries(firstRow).filter(([, v]) => typeof v === 'number');\n\n      // Create KPIs by aggregating (summing) each numeric field across all rows\n      kpis = numericFields.map(([field]) => {\n        const sum = data.reduce((acc, row) => {\n          const val = (row as Record<string, unknown>)[field];\n          return acc + (typeof val === 'number' ? val : 0);\n        }, 0);\n\n        return {\n          id: field,\n          label: field.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),\n          value: sum,\n          unit: field.toLowerCase().includes('revenue') || field.toLowerCase().includes('sales') ? '$' : undefined,\n        };\n      });\n    }\n  } else if (typeof data === 'number' || typeof data === 'string') {\n    // Single value - create a KPI from it using widget config\n    const value = typeof data === 'string' ? parseFloat(data) : data;\n    if (!isNaN(value)) {\n      kpis = [\n        {\n          id: 'primary',\n          label: ((config?.subtitle as string) || widget.title || 'Value').trim(),\n          value,\n          // KPIConfig.format's canonical value is 'percentage'; 'percent' is\n          // tolerated only for hand-authored legacy configs. Matching just\n          // 'percent' made this branch dead for every config the product writes.\n          unit:\n            config?.format === 'currency'\n              ? '$'\n              : config?.format === 'percentage' || config?.format === 'percent'\n                ? '%'\n                : undefined,\n        },\n      ];\n    }\n  } else if (data && typeof data === 'object' && !Array.isArray(data)) {\n    const dataObj = data as Record<string, unknown>;\n\n    // First, check if there's a nested 'summary' object with numeric values\n    if ('summary' in dataObj && dataObj.summary && typeof dataObj.summary === 'object') {\n      kpis = objectToKpis(dataObj.summary as Record<string, unknown>);\n    }\n\n    // If no KPIs from summary, try top-level numeric values\n    if (kpis.length === 0) {\n      kpis = objectToKpis(dataObj);\n    }\n  }\n\n  // Single display limit for every data shape. Previously only the row-array\n  // branch was capped (hard-coded at 4), so a 6-row parser output silently lost\n  // two KPIs while an equivalent object payload rendered all six.\n  // Floor first, then require at least 1 — a fractional limit between 0 and 1\n  // passes a `> 0` check but floors to 0, which would render an empty grid\n  // with nothing but the \"+N more\" footer.\n  const rawMaxKpis = config?.maxKpis;\n  const flooredMaxKpis = typeof rawMaxKpis === 'number' && Number.isFinite(rawMaxKpis) ? Math.floor(rawMaxKpis) : NaN;\n  const maxKpis = flooredMaxKpis >= 1 ? flooredMaxKpis : undefined;\n  const totalKpis = kpis.length;\n  const visibleKpis = maxKpis === undefined ? kpis : kpis.slice(0, maxKpis);\n  const hiddenKpiCount = totalKpis - visibleKpis.length;\n\n  // The registry seeds the plural `showSparklines` (KPIConfig) while the shared\n  // Style-tab panel writes the singular `showSparkline` (MetricCardConfig).\n  // The Style tab is the user's deliberate action and the registry value is only\n  // a default, so the singular key WINS when present. ANDing the two would let a\n  // stale registry `false` silently override the checkbox, making it look inert.\n  const showSparklines =\n    typeof config?.showSparkline === 'boolean'\n      ? config.showSparkline\n      : typeof config?.showSparklines === 'boolean'\n        ? config.showSparklines\n        : true;\n\n  // Falling is the win for churn / latency / error-rate style KPIs.\n  const positiveIsGood = config?.positiveIsGood !== false;\n\n  if (!kpis.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg className=\"w-12 h-12 mx-auto mb-2 text-text-muted\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n            />\n          </svg>\n          <p>No KPI data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full p-4 overflow-auto\">\n      <div className=\"grid grid-cols-2 gap-3\">\n        {visibleKpis.map((kpi, index) => {\n          // Computed once per KPI — it gates the block, labels the percentage\n          // and drives the bar width.\n          const targetProgress = getTargetProgress(kpi.value, kpi.target);\n\n          return (\n            <div\n              key={kpi.id ?? `kpi-${index}`}\n              className={`\n                p-3 rounded-lg border border-border-default bg-bg-sunken/30\n                ${onClick || hasDrilldown ? 'cursor-pointer hover:border-action-primary-bg transition-colors' : ''}\n              `}\n              onClick={() => {\n                // Trigger drilldown with KPI data if enabled\n                if (hasDrilldown && onDrilldown) {\n                  onDrilldown({\n                    kpiId: kpi.id,\n                    kpiLabel: kpi.label,\n                    kpiValue: kpi.value,\n                    kpiUnit: kpi.unit,\n                    kpiTrend: kpi.trend,\n                    kpiTrendValue: kpi.trendValue,\n                    kpiTarget: kpi.target,\n                    kpiPreviousValue: kpi.previousValue,\n                  });\n                }\n                onClick?.(kpi);\n              }}\n            >\n              {/* Label */}\n              <p className=\"text-xs text-text-secondary truncate mb-1\">{kpi.label}</p>\n\n              {/* Value (with optional threshold-based conditional color) */}\n              <p\n                className={`text-xl font-semibold ${\n                  conditionalStyleToClassName(\n                    resolveConditionalStyle(kpi.value, conditionalRules, { [kpi.label]: kpi.value, value: kpi.value })\n                  ) || 'text-text-primary'\n                }`}\n              >\n                {formatValue(kpi.value, kpi.unit)}\n              </p>\n\n              {/* Trend */}\n              {kpi.trendValue !== undefined && (\n                <div className={`flex items-center gap-1 mt-1 text-xs ${getTrendColor(kpi.trend, positiveIsGood)}`}>\n                  <span>{getTrendIcon(kpi.trend)}</span>\n                  <span>\n                    {kpi.trendValue >= 0 ? '+' : ''}\n                    {kpi.trendValue.toFixed(1)}%\n                  </span>\n                </div>\n              )}\n\n              {/* Sparkline — drawn when the KPI carries a history series and the\n                Style-tab toggle is on. */}\n              {showSparklines && kpi.sparklineData && kpi.sparklineData.length > 0 && (\n                <div className=\"mt-2\">\n                  <SparklineChart\n                    data={kpi.sparklineData}\n                    width={120}\n                    height={28}\n                    color={getSparklineColor(kpi.trend, positiveIsGood)}\n                  />\n                </div>\n              )}\n\n              {/* Target progress */}\n              {targetProgress !== null && (\n                <div className=\"mt-2\">\n                  <div className=\"flex justify-between text-[10px] text-text-muted mb-0.5\">\n                    <span>vs target</span>\n                    <span>{targetProgress.toFixed(0)}%</span>\n                  </div>\n                  <div className=\"h-1 bg-bg-sunken rounded-full overflow-hidden\">\n                    <div\n                      className={`h-full rounded-full ${\n                        kpi.target !== undefined && kpi.value >= kpi.target\n                          ? 'bg-status-success-bg'\n                          : 'bg-action-primary-bg'\n                      }`}\n                      style={{\n                        // Clamp both ends: a negative value would otherwise emit a\n                        // negative width, which the browser drops entirely.\n                        width: `${clampProgressWidth(targetProgress)}%`,\n                      }}\n                    />\n                  </div>\n                </div>\n              )}\n            </div>\n          );\n        })}\n      </div>\n\n      {/* Never truncate silently — say how many KPIs are hidden by `maxKpis`. */}\n      {hiddenKpiCount > 0 && (\n        <p className=\"mt-2 text-xs text-text-tertiary text-center\">\n          +{hiddenKpiCount} more {hiddenKpiCount === 1 ? 'KPI' : 'KPIs'} hidden\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default KPIComparisonWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/kpi-comparison/index.d.ts

@@ -1,2 +1,3 @@
 export { KPIComparisonWidget, type KPIComparisonWidgetProps, type KPIComparisonData, type KPIItem, } from './KPIComparisonWidget';
 export { default } from './KPIComparisonWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/kpi-comparison/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/kpi-comparison/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,EAC7B,KAAK,iBAAiB,EACtB,KAAK,OAAO,GACb,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/bigconsole/components/widgets/list/ListConfig.d.ts

@@ -9,3 +9,4 @@ export interface ListConfigProps {
 }
 export declare const ListConfig: FC<ListConfigProps>;
 export default ListConfig;
+//# sourceMappingURL=ListConfig.d.ts.map

package/dist/bigconsole/components/widgets/list/ListConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListConfig.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/list/ListConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,UAAU,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAM/D,MAAM,WAAW,eAAe;IAC9B,4BAA4B;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAMD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAgNzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/dist/bigconsole/components/widgets/list/ListConfig.js

@@ -134,3 +134,5 @@ var a = e(function({ config: e, onChange: a }) {
 });
 //#endregion
 export { a as default };
+
+//# sourceMappingURL=ListConfig.js.map

package/dist/bigconsole/components/widgets/list/ListConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/list/ListConfig.tsx"],"sourcesContent":["/**\n * ListConfig Component\n *\n * Configuration panel for List widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { ListConfig as ConfigType } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ListConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ListConfig: FC<ListConfigProps> = memo(function ListConfig({ config, onChange }) {\n  const { t } = useI18n();\n  const handleChange = useCallback(\n    <K extends keyof ConfigType>(key: K, value: ConfigType[K]) => {\n      onChange({ ...config, [key]: value });\n    },\n    [config, onChange]\n  );\n\n  return (\n    <div className=\"min-w-0 space-y-form-gap\">\n      {/* Max Items */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.list.maxItems.label', 'Maximum Items to Display')}\n        </label>\n        <input\n          type=\"number\"\n          value={config.maxItems ?? ''}\n          onChange={(e) => handleChange('maxItems', e.target.value ? Number(e.target.value) : undefined)}\n          min={1}\n          placeholder={t('bigconsole.widget.config.list.maxItems.placeholder', 'No limit')}\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n        <p className=\"text-xs text-text-secondary mt-1\">\n          {t('bigconsole.widget.config.list.maxItems.help', 'Leave empty to show all items')}\n        </p>\n      </div>\n\n      {/* Title Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.list.titleField.label', 'Title Field')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.titleField || ''}\n          onChange={(e) => handleChange('titleField', e.target.value)}\n          placeholder={t('bigconsole.widget.config.list.titleField.placeholder', 'e.g., name, title')}\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Subtitle Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.list.subtitleField.label', 'Subtitle Field')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.subtitleField || ''}\n          onChange={(e) => handleChange('subtitleField', e.target.value)}\n          placeholder={t('bigconsole.widget.config.list.subtitleField.placeholder', 'e.g., description, email')}\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Value Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.list.valueField.label', 'Value Field (right side)')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.valueField || ''}\n          onChange={(e) => handleChange('valueField', e.target.value)}\n          placeholder={t('bigconsole.widget.config.list.valueField.placeholder', 'e.g., amount, count')}\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Badge Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.list.badgeField.label', 'Badge Field')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.badgeField || ''}\n          onChange={(e) => handleChange('badgeField', e.target.value)}\n          placeholder={t('bigconsole.widget.config.list.badgeField.placeholder', 'e.g., status, type')}\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Toggle Options */}\n      <div\n        role=\"group\"\n        aria-label=\"Display options\"\n        className=\"space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap\"\n      >\n        {/* Toggles are a different KIND of control from the field stack above,\n            so they get their own labelled group instead of being visually\n            identical to it (BOFF-5636). */}\n        <p className=\"text-xs font-bold uppercase tracking-wider text-text-secondary\">Display options</p>\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showCount !== false}\n            onChange={(e) => handleChange('showCount', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">\n            {t('bigconsole.widget.config.list.showCount', 'Show item count')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showSearch === true}\n            onChange={(e) => handleChange('showSearch', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">\n            {t('bigconsole.widget.config.list.showSearch', 'Show search box')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showViewAll !== false}\n            onChange={(e) => handleChange('showViewAll', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">\n            {t('bigconsole.widget.config.list.showViewAll', 'Show \"View All\" link when truncated')}\n          </span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showIcon === true}\n            onChange={(e) => handleChange('showIcon', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">\n            {t('bigconsole.widget.config.list.showIcon', 'Show item icons')}\n          </span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default ListConfig;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/list/ListItem.d.ts

@@ -36,3 +36,4 @@ export interface ListItemProps {
 }
 export declare const ListItem: FC<ListItemProps>;
 export default ListItem;
+//# sourceMappingURL=ListItem.d.ts.map

package/dist/bigconsole/components/widgets/list/ListItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/list/ListItem.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB,CAAC,CAAC;IACH,2BAA2B;IAC3B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;KAC9D,CAAC;IACF,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA2BD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8FrC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/bigconsole/components/widgets/list/ListItem.js

@@ -99,3 +99,5 @@ var i = e(function({ item: e, clickable: i = !1, onClick: a, showDivider: o = !0
 });
 //#endregion
 export { i as default };
+
+//# sourceMappingURL=ListItem.js.map

package/dist/bigconsole/components/widgets/list/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/list/ListItem.tsx"],"sourcesContent":["/**\n * ListItem Component\n *\n * Individual item in a list widget.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ListItemData {\n  /** Unique identifier */\n  id: string;\n  /** Primary text */\n  title: string;\n  /** Secondary text */\n  subtitle?: string;\n  /** Additional metadata lines */\n  metadata?: Array<{\n    label: string;\n    value: string | number;\n  }>;\n  /** Badge/tag to display */\n  badge?: {\n    text: string;\n    color?: 'default' | 'success' | 'warning' | 'error' | 'info';\n  };\n  /** Icon or avatar */\n  icon?: ReactNode;\n  /** Value to display on the right */\n  value?: string | number;\n  /** Whether item is disabled */\n  disabled?: boolean;\n}\n\nexport interface ListItemProps {\n  /** Item data */\n  item: ListItemData;\n  /** Whether the item is clickable */\n  clickable?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n  /** Whether to show divider */\n  showDivider?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getBadgeColor(badge: ListItemData['badge']): string {\n  const color = badge?.color;\n  switch (color) {\n    case 'success':\n      return 'bg-status-success-bg/10 text-status-success-text';\n    case 'warning':\n      return 'bg-status-warning-bg/10 text-[var(--color-status-warning-text)]';\n    case 'error':\n      return 'bg-status-error-bg/10 text-status-error-text';\n    case 'info':\n      return 'bg-action-primary-bg/10 text-action-primary-bg';\n    case 'default':\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ListItem: FC<ListItemProps> = memo(function ListItem({\n  item,\n  clickable = false,\n  onClick,\n  showDivider = true,\n}) {\n  const isClickable = clickable && !item.disabled;\n\n  return (\n    <div\n      className={`\n        flex items-start gap-3 p-3\n        ${showDivider ? 'border-b border-border-default' : ''}\n        ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}\n        ${item.disabled ? 'opacity-50' : ''}\n      `}\n      onClick={() => {\n        if (isClickable && onClick) {\n          onClick();\n        }\n      }}\n      role={isClickable ? 'button' : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (isClickable && onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      {/* Icon/Avatar */}\n      {item.icon && (\n        <div className=\"flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-bg-sunken text-text-secondary\">\n          {item.icon}\n        </div>\n      )}\n\n      {/* Content */}\n      <div className=\"flex-1 min-w-0\">\n        {/* Title row */}\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"flex-1 min-w-0\">\n            <h4 className=\"text-sm font-medium text-text-primary truncate\">{item.title}</h4>\n            {item.subtitle && <p className=\"text-xs text-text-secondary mt-0.5 line-clamp-2\">{item.subtitle}</p>}\n          </div>\n\n          {/* Value */}\n          {item.value !== undefined && (\n            <span className=\"flex-shrink-0 text-sm font-medium text-text-primary\">\n              {typeof item.value === 'number' ? new Intl.NumberFormat('en-US').format(item.value) : item.value}\n            </span>\n          )}\n        </div>\n\n        {/* Metadata */}\n        {item.metadata && item.metadata.length > 0 && (\n          <div className=\"flex flex-wrap gap-x-4 gap-y-1 mt-2\">\n            {item.metadata.map((meta, index) => (\n              <span key={index} className=\"text-xs text-text-secondary\">\n                <span className=\"text-text-secondary/70\">{meta.label}: </span>\n                <span className=\"font-medium\">{meta.value}</span>\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Badge */}\n        {item.badge && (\n          <div className=\"mt-2\">\n            <span\n              className={`\n                inline-flex items-center\n                px-2 py-0.5\n                text-xs font-medium\n                rounded-full\n                ${getBadgeColor(item.badge)}\n              `}\n            >\n              {item.badge.text}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Chevron for clickable items */}\n      {isClickable && (\n        <div className=\"flex-shrink-0 self-center\">\n          <svg className=\"w-4 h-4 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ListItem;\n"],"mappings":";;;AAoDA,SAAS,EAAc,GAAsC;AAE3D,SADc,GAAO,OACrB;EACE,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,OACH,QAAO;EAET,QACE,QAAO;;;AAQb,IAAa,IAA8B,EAAK,SAAkB,EAChE,SACA,eAAY,IACZ,YACA,iBAAc,MACb;CACD,IAAM,IAAc,KAAa,CAAC,EAAK;AAEvC,QACE,kBAAC,OAAD;EACE,WAAW;;UAEP,IAAc,mCAAmC,GAAG;UACpD,IAAc,2DAA2D,GAAG;UAC5E,EAAK,WAAW,eAAe,GAAG;;EAEtC,eAAe;AACb,GAAI,KAAe,KACjB,GAAS;;EAGb,MAAM,IAAc,WAAW,KAAA;EAC/B,UAAU,IAAc,IAAI,KAAA;EAC5B,YAAY,MAAM;AAChB,GAAI,KAAe,MAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC5D,EAAE,gBAAgB,EAClB,GAAS;;YAjBf;GAsBG,EAAK,QACJ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK;IACF,CAAA;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkD,EAAK;QAAW,CAAA,EAC/E,EAAK,YAAY,kBAAC,KAAD;QAAG,WAAU;kBAAmD,EAAK;QAAa,CAAA,CAChG;UAGL,EAAK,UAAU,KAAA,KACd,kBAAC,QAAD;OAAM,WAAU;iBACb,OAAO,EAAK,SAAU,WAAW,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAK,MAAM,GAAG,EAAK;OACtF,CAAA,CAEL;;KAGL,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAK,SAAS,KAAK,GAAM,MACxB,kBAAC,QAAD;OAAkB,WAAU;iBAA5B,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA0C,EAAK,OAAM,KAAS;WAC9D,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAK;QAAa,CAAA,CAC5C;SAHI,EAGJ,CACP;MACE,CAAA;KAIP,EAAK,SACJ,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,QAAD;OACE,WAAW;;;;;kBAKP,EAAc,EAAK,MAAM,CAAC;;iBAG7B,EAAK,MAAM;OACP,CAAA;MACH,CAAA;KAEJ;;GAGL,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;KAA8B,MAAK;KAAO,QAAO;KAAe,SAAQ;eACrF,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAa;MAAG,GAAE;MAAiB,CAAA;KAClF,CAAA;IACF,CAAA;GAEJ;;EAER"}