@burdenoff/microfe-bigconsole 2026.805.2 → 2026.805.3

package/dist/bigconsole/components/widgets/heatmap/HeatmapConfig.js

@@ -1,126 +1,118 @@
-import { memo as e, useCallback as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { memo as e, useCallback as t, useMemo as n } from "react";
+import { useI18n as r } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/heatmap/HeatmapConfig.tsx
-var i = [
-	{
-		value: "blue",
-		label: "Blue"
-	},
-	{
-		value: "green",
-		label: "Green"
-	},
-	{
-		value: "red",
-		label: "Red"
-	}
-], a = "\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", o = e(function({ config: e, onChange: o }) {
-	let s = t((t, n) => {
-		o({
+var o = "\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", s = e(function({ config: e, onChange: s }) {
+	let { t: c } = r(), l = n(() => [
+		{
+			value: "blue",
+			label: c("bigconsole.widget.config.heatmap.colorScheme.blue", "Blue")
+		},
+		{
+			value: "green",
+			label: c("bigconsole.widget.config.heatmap.colorScheme.green", "Green")
+		},
+		{
+			value: "red",
+			label: c("bigconsole.widget.config.heatmap.colorScheme.red", "Red")
+		}
+	], [c]), u = t((t, n) => {
+		s({
 			...e,
 			[t]: n
 		});
-	}, [e, o]);
-	return /* @__PURE__ */ r("div", {
+	}, [e, s]);
+	return /* @__PURE__ */ a("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "X-Axis Field"
-			}), /* @__PURE__ */ n("input", {
+				children: c("bigconsole.widget.config.heatmap.xAxisFieldLabel", "X-Axis Field")
+			}), /* @__PURE__ */ i("input", {
 				type: "text",
 				value: e.xAxisField || "",
-				onChange: (e) => s("xAxisField", e.target.value),
-				placeholder: "e.g., hour, column",
-				className: a
+				onChange: (e) => u("xAxisField", e.target.value),
+				placeholder: c("bigconsole.widget.config.heatmap.xAxisFieldPlaceholder", "e.g., hour, column"),
+				className: o
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Y-Axis Field"
-			}), /* @__PURE__ */ n("input", {
+				children: c("bigconsole.widget.config.heatmap.yAxisFieldLabel", "Y-Axis Field")
+			}), /* @__PURE__ */ i("input", {
 				type: "text",
 				value: e.yAxisField || "",
-				onChange: (e) => s("yAxisField", e.target.value),
-				placeholder: "e.g., day, row",
-				className: a
+				onChange: (e) => u("yAxisField", e.target.value),
+				placeholder: c("bigconsole.widget.config.heatmap.yAxisFieldPlaceholder", "e.g., day, row"),
+				className: o
 			})] }),
-			/* @__PURE__ */ r("div", { children: [
-				/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ a("div", { children: [
+				/* @__PURE__ */ i("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
-					children: "Value Field"
+					children: c("bigconsole.widget.config.heatmap.valueFieldLabel", "Value Field")
 				}),
-				/* @__PURE__ */ n("input", {
+				/* @__PURE__ */ i("input", {
 					type: "text",
 					value: e.valueField || "",
-					onChange: (e) => s("valueField", e.target.value),
-					placeholder: "e.g., tickets, count",
-					className: a
+					onChange: (e) => u("valueField", e.target.value),
+					placeholder: c("bigconsole.widget.config.heatmap.valueFieldPlaceholder", "e.g., tickets, count"),
+					className: o
 				}),
-				/* @__PURE__ */ r("p", {
+				/* @__PURE__ */ i("p", {
 					className: "mt-1 text-xs text-text-secondary",
-					children: [
-						"Left empty, the widget reads the parser's ",
-						/* @__PURE__ */ n("code", { children: "rows" }),
-						" / ",
-						/* @__PURE__ */ n("code", { children: "columns" }),
-						" / ",
-						/* @__PURE__ */ n("code", { children: "cells" }),
-						" ",
-						"output directly."
-					]
+					children: c("bigconsole.widget.config.heatmap.valueFieldHelp", "Left empty, the widget reads the parser's rows / columns / cells output directly.")
 				})
 			] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Color Scheme"
-			}), /* @__PURE__ */ n("select", {
+				children: c("bigconsole.widget.config.heatmap.colorSchemeLabel", "Color Scheme")
+			}), /* @__PURE__ */ i("select", {
 				value: e.colorScheme || "blue",
-				onChange: (e) => s("colorScheme", e.target.value),
-				className: a,
-				children: i.map((e) => /* @__PURE__ */ n("option", {
+				onChange: (e) => u("colorScheme", e.target.value),
+				className: o,
+				children: l.map((e) => /* @__PURE__ */ i("option", {
 					value: e.value,
 					children: e.label
 				}, e.value))
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ a("div", { children: [/* @__PURE__ */ i("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
-				children: "Decimal Places"
-			}), /* @__PURE__ */ n("input", {
+				children: c("bigconsole.widget.config.heatmap.decimalPlacesLabel", "Decimal Places")
+			}), /* @__PURE__ */ i("input", {
 				type: "number",
 				min: 0,
 				max: 6,
 				value: e.decimals ?? 0,
-				onChange: (e) => s("decimals", Number(e.target.value)),
-				className: a
+				onChange: (e) => u("decimals", Number(e.target.value)),
+				className: o
 			})] }),
-			/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ a("label", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ n("input", {
+				children: [/* @__PURE__ */ i("input", {
 					type: "checkbox",
 					checked: e.showValues !== !1,
-					onChange: (e) => s("showValues", e.target.checked),
+					onChange: (e) => u("showValues", e.target.checked),
 					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          "
-				}), /* @__PURE__ */ n("span", {
+				}), /* @__PURE__ */ i("span", {
 					className: "text-sm text-text-primary",
-					children: "Show cell values"
+					children: c("bigconsole.widget.config.heatmap.showValues", "Show cell values")
 				})]
 			}),
-			/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ a("label", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ n("input", {
+				children: [/* @__PURE__ */ i("input", {
 					type: "checkbox",
 					checked: e.showLegend !== !1,
-					onChange: (e) => s("showLegend", e.target.checked),
+					onChange: (e) => u("showLegend", e.target.checked),
 					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          "
-				}), /* @__PURE__ */ n("span", {
+				}), /* @__PURE__ */ i("span", {
 					className: "text-sm text-text-primary",
-					children: "Show color legend"
+					children: c("bigconsole.widget.config.heatmap.showLegend", "Show color legend")
 				})]
 			})
 		]
 	});
 });
 //#endregion
-export { o as default };
+export { s as default };
 
 //# sourceMappingURL=HeatmapConfig.js.map

package/dist/bigconsole/components/widgets/heatmap/HeatmapConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeatmapConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/heatmap/HeatmapConfig.tsx"],"sourcesContent":["/**\n * HeatmapConfig Component\n *\n * Configuration panel for Heatmap widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport type { HeatmapConfig as ConfigType } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface HeatmapConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst COLOR_SCHEMES = [\n  { value: 'blue', label: 'Blue' },\n  { value: 'green', label: 'Green' },\n  { value: 'red', label: 'Red' },\n];\n\nconst FIELD_CLASSES = `\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// ============================================================================\n// Component\n// ============================================================================\n\nexport const HeatmapConfig: FC<HeatmapConfigProps> = memo(function HeatmapConfig({ config, onChange }) {\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=\"space-y-4\">\n      {/* Axis + value fields */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">X-Axis Field</label>\n        <input\n          type=\"text\"\n          value={config.xAxisField || ''}\n          onChange={(e) => handleChange('xAxisField', e.target.value)}\n          placeholder=\"e.g., hour, column\"\n          className={FIELD_CLASSES}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Y-Axis Field</label>\n        <input\n          type=\"text\"\n          value={config.yAxisField || ''}\n          onChange={(e) => handleChange('yAxisField', e.target.value)}\n          placeholder=\"e.g., day, row\"\n          className={FIELD_CLASSES}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Value Field</label>\n        <input\n          type=\"text\"\n          value={config.valueField || ''}\n          onChange={(e) => handleChange('valueField', e.target.value)}\n          placeholder=\"e.g., tickets, count\"\n          className={FIELD_CLASSES}\n        />\n        <p className=\"mt-1 text-xs text-text-secondary\">\n          Left empty, the widget reads the parser&apos;s <code>rows</code> / <code>columns</code> / <code>cells</code>{' '}\n          output directly.\n        </p>\n      </div>\n\n      {/* Color scheme */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Color Scheme</label>\n        <select\n          value={config.colorScheme || 'blue'}\n          onChange={(e) => handleChange('colorScheme', e.target.value)}\n          className={FIELD_CLASSES}\n        >\n          {COLOR_SCHEMES.map((scheme) => (\n            <option key={scheme.value} value={scheme.value}>\n              {scheme.label}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {/* Decimals */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Decimal Places</label>\n        <input\n          type=\"number\"\n          min={0}\n          max={6}\n          value={config.decimals ?? 0}\n          onChange={(e) => handleChange('decimals', Number(e.target.value))}\n          className={FIELD_CLASSES}\n        />\n      </div>\n\n      {/* Toggles */}\n      <label className=\"flex items-center gap-3\">\n        <input\n          type=\"checkbox\"\n          checked={config.showValues !== false}\n          onChange={(e) => handleChange('showValues', 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\">Show cell values</span>\n      </label>\n\n      <label className=\"flex items-center gap-3\">\n        <input\n          type=\"checkbox\"\n          checked={config.showLegend !== false}\n          onChange={(e) => handleChange('showLegend', 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\">Show color legend</span>\n      </label>\n    </div>\n  );\n});\n\nexport default HeatmapConfig;\n"],"mappings":";;;AAwBA,IAAM,IAAgB;CACpB;EAAE,OAAO;EAAQ,OAAO;EAAQ;CAChC;EAAE,OAAO;EAAS,OAAO;EAAS;CAClC;EAAE,OAAO;EAAO,OAAO;EAAO;CAC/B,EAEK,IAAgB,sLAaT,IAAwC,EAAK,SAAuB,EAAE,WAAQ,eAAY;CACrG,IAAM,IAAe,GACU,GAAQ,MAAyB;AAC5D,IAAS;GAAE,GAAG;IAAS,IAAM;GAAO,CAAC;IAEvC,CAAC,GAAQ,EAAS,CACnB;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cAAmD;IAAoB,CAAA,EACxF,kBAAC,SAAD;IACE,MAAK;IACL,OAAO,EAAO,cAAc;IAC5B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,MAAM;IAC3D,aAAY;IACZ,WAAW;IACX,CAAA,CACE,EAAA,CAAA;GAEN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cAAmD;IAAoB,CAAA,EACxF,kBAAC,SAAD;IACE,MAAK;IACL,OAAO,EAAO,cAAc;IAC5B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,MAAM;IAC3D,aAAY;IACZ,WAAW;IACX,CAAA,CACE,EAAA,CAAA;GAEN,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,SAAD;KAAO,WAAU;eAAmD;KAAmB,CAAA;IACvF,kBAAC,SAAD;KACE,MAAK;KACL,OAAO,EAAO,cAAc;KAC5B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,MAAM;KAC3D,aAAY;KACZ,WAAW;KACX,CAAA;IACF,kBAAC,KAAD;KAAG,WAAU;eAAb;MAAgD;MACC,kBAAC,QAAD,EAAA,UAAM,QAAW,CAAA;;MAAG,kBAAC,QAAD,EAAA,UAAM,WAAc,CAAA;;MAAG,kBAAC,QAAD,EAAA,UAAM,SAAY,CAAA;MAAC;MAAI;MAE/G;;IACA,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cAAmD;IAAoB,CAAA,EACxF,kBAAC,UAAD;IACE,OAAO,EAAO,eAAe;IAC7B,WAAW,MAAM,EAAa,eAAe,EAAE,OAAO,MAAM;IAC5D,WAAW;cAEV,EAAc,KAAK,MAClB,kBAAC,UAAD;KAA2B,OAAO,EAAO;eACtC,EAAO;KACD,EAFI,EAAO,MAEX,CACT;IACK,CAAA,CACL,EAAA,CAAA;GAGN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAU;cAAmD;IAAsB,CAAA,EAC1F,kBAAC,SAAD;IACE,MAAK;IACL,KAAK;IACL,KAAK;IACL,OAAO,EAAO,YAAY;IAC1B,WAAW,MAAM,EAAa,YAAY,OAAO,EAAE,OAAO,MAAM,CAAC;IACjE,WAAW;IACX,CAAA,CACE,EAAA,CAAA;GAGN,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD;KACE,MAAK;KACL,SAAS,EAAO,eAAe;KAC/B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,QAAQ;KAC7D,WAAU;KAQV,CAAA,EACF,kBAAC,QAAD;KAAM,WAAU;eAA4B;KAAuB,CAAA,CAC7D;;GAER,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD;KACE,MAAK;KACL,SAAS,EAAO,eAAe;KAC/B,WAAW,MAAM,EAAa,cAAc,EAAE,OAAO,QAAQ;KAC7D,WAAU;KAQV,CAAA,EACF,kBAAC,QAAD;KAAM,WAAU;eAA4B;KAAwB,CAAA,CAC9D;;GACJ;;EAER"}
+{"version":3,"file":"HeatmapConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/heatmap/HeatmapConfig.tsx"],"sourcesContent":["/**\n * HeatmapConfig Component\n *\n * Configuration panel for Heatmap widgets.\n */\n\nimport { type FC, memo, useCallback, useMemo } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport type { HeatmapConfig as ConfigType } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface HeatmapConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst FIELD_CLASSES = `\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// ============================================================================\n// Component\n// ============================================================================\n\nexport const HeatmapConfig: FC<HeatmapConfigProps> = memo(function HeatmapConfig({ config, onChange }) {\n  const { t } = useI18n();\n\n  const COLOR_SCHEMES = useMemo(\n    () => [\n      { value: 'blue', label: t('bigconsole.widget.config.heatmap.colorScheme.blue', 'Blue') },\n      { value: 'green', label: t('bigconsole.widget.config.heatmap.colorScheme.green', 'Green') },\n      { value: 'red', label: t('bigconsole.widget.config.heatmap.colorScheme.red', 'Red') },\n    ],\n    [t]\n  );\n\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=\"space-y-4\">\n      {/* Axis + value fields */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.heatmap.xAxisFieldLabel', 'X-Axis Field')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.xAxisField || ''}\n          onChange={(e) => handleChange('xAxisField', e.target.value)}\n          placeholder={t('bigconsole.widget.config.heatmap.xAxisFieldPlaceholder', 'e.g., hour, column')}\n          className={FIELD_CLASSES}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.heatmap.yAxisFieldLabel', 'Y-Axis Field')}\n        </label>\n        <input\n          type=\"text\"\n          value={config.yAxisField || ''}\n          onChange={(e) => handleChange('yAxisField', e.target.value)}\n          placeholder={t('bigconsole.widget.config.heatmap.yAxisFieldPlaceholder', 'e.g., day, row')}\n          className={FIELD_CLASSES}\n        />\n      </div>\n\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.heatmap.valueFieldLabel', 'Value Field')}\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.heatmap.valueFieldPlaceholder', 'e.g., tickets, count')}\n          className={FIELD_CLASSES}\n        />\n        <p className=\"mt-1 text-xs text-text-secondary\">\n          {t(\n            'bigconsole.widget.config.heatmap.valueFieldHelp',\n            \"Left empty, the widget reads the parser's rows / columns / cells output directly.\"\n          )}\n        </p>\n      </div>\n\n      {/* Color scheme */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.heatmap.colorSchemeLabel', 'Color Scheme')}\n        </label>\n        <select\n          value={config.colorScheme || 'blue'}\n          onChange={(e) => handleChange('colorScheme', e.target.value)}\n          className={FIELD_CLASSES}\n        >\n          {COLOR_SCHEMES.map((scheme) => (\n            <option key={scheme.value} value={scheme.value}>\n              {scheme.label}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {/* Decimals */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">\n          {t('bigconsole.widget.config.heatmap.decimalPlacesLabel', 'Decimal Places')}\n        </label>\n        <input\n          type=\"number\"\n          min={0}\n          max={6}\n          value={config.decimals ?? 0}\n          onChange={(e) => handleChange('decimals', Number(e.target.value))}\n          className={FIELD_CLASSES}\n        />\n      </div>\n\n      {/* Toggles */}\n      <label className=\"flex items-center gap-3\">\n        <input\n          type=\"checkbox\"\n          checked={config.showValues !== false}\n          onChange={(e) => handleChange('showValues', 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.heatmap.showValues', 'Show cell values')}\n        </span>\n      </label>\n\n      <label className=\"flex items-center gap-3\">\n        <input\n          type=\"checkbox\"\n          checked={config.showLegend !== false}\n          onChange={(e) => handleChange('showLegend', 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.heatmap.showLegend', 'Show color legend')}\n        </span>\n      </label>\n    </div>\n  );\n});\n\nexport default HeatmapConfig;\n"],"mappings":"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"}

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

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

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

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