@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/gauge/LinearGauge.js

@@ -0,0 +1,92 @@
+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/gauge/LinearGauge.tsx
+function i(e, t) {
+	if (!t?.length) return "var(--color-action-primary-bg)";
+	let n = [...t].sort((e, t) => e.value - t.value);
+	for (let t of n) if (e <= t.value) return t.color;
+	return n[n.length - 1].color;
+}
+var a = e(function({ value: e, min: a = 0, max: o = 100, height: s = 12, thresholds: c, unit: l, showValue: u = !0, showRange: d = !0, formatValue: f = (e) => e.toFixed(0), showZones: p = !1 }) {
+	let m = t(() => (Math.max(a, Math.min(o, e)) - a) / (o - a) * 100, [
+		e,
+		a,
+		o
+	]), h = i(e, c), g = t(() => {
+		if (!p || !c?.length) return null;
+		let e = [...c].sort((e, t) => e.value - t.value), t = [], n = a;
+		for (let r of e) {
+			let e = (r.value - n) / (o - a) * 100;
+			t.push({
+				width: e,
+				color: r.color
+			}), n = r.value;
+		}
+		return t;
+	}, [
+		p,
+		c,
+		a,
+		o
+	]);
+	return /* @__PURE__ */ r("div", {
+		className: "w-full",
+		children: [
+			u && /* @__PURE__ */ r("div", {
+				className: "flex items-baseline gap-1 mb-2",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-2xl font-bold",
+					style: { color: h },
+					children: f(e)
+				}), l && /* @__PURE__ */ n("span", {
+					className: "text-sm text-text-secondary",
+					children: l
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "relative w-full rounded-full overflow-hidden bg-bg-muted",
+				style: { height: s },
+				children: [
+					g && /* @__PURE__ */ n("div", {
+						className: "absolute inset-0 flex",
+						children: g.map((e, t) => /* @__PURE__ */ n("div", {
+							className: "h-full opacity-20",
+							style: {
+								width: `${e.width}%`,
+								backgroundColor: e.color
+							}
+						}, t))
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "absolute inset-y-0 left-0 rounded-full transition-all duration-500 ease-out",
+						style: {
+							width: `${m}%`,
+							backgroundColor: h
+						}
+					}),
+					/* @__PURE__ */ n("div", {
+						className: "absolute top-1/2 -translate-y-1/2 w-1 bg-bg-surface transition-all duration-500",
+						style: {
+							left: `calc(${m}% - 2px)`,
+							height: s + 4
+						}
+					})
+				]
+			}),
+			d && /* @__PURE__ */ r("div", {
+				className: "flex justify-between mt-1",
+				children: [/* @__PURE__ */ n("span", {
+					className: "text-xs text-text-secondary",
+					children: f(a)
+				}), /* @__PURE__ */ n("span", {
+					className: "text-xs text-text-secondary",
+					children: f(o)
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=LinearGauge.js.map

package/dist/bigconsole/components/widgets/gauge/LinearGauge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinearGauge.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/gauge/LinearGauge.tsx"],"sourcesContent":["/**\n * LinearGauge Component\n *\n * Horizontal linear gauge visualization.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { ThresholdConfig } from './CircularGauge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface LinearGaugeProps {\n  /** Current value */\n  value: number;\n  /** Minimum value */\n  min?: number;\n  /** Maximum value */\n  max?: number;\n  /** Height of the gauge bar */\n  height?: number;\n  /** Thresholds for color zones */\n  thresholds?: ThresholdConfig[];\n  /** Unit label */\n  unit?: string;\n  /** Whether to show the value */\n  showValue?: boolean;\n  /** Whether to show min/max labels */\n  showRange?: boolean;\n  /** Value format function */\n  formatValue?: (value: number) => string;\n  /** Whether to show color zones */\n  showZones?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getColorForValue(value: number, thresholds?: ThresholdConfig[]): string {\n  if (!thresholds?.length) {\n    return 'var(--color-action-primary-bg)';\n  }\n\n  const sorted = [...thresholds].sort((a, b) => a.value - b.value);\n\n  for (const threshold of sorted) {\n    if (value <= threshold.value) {\n      return threshold.color;\n    }\n  }\n\n  return sorted[sorted.length - 1].color;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const LinearGauge: FC<LinearGaugeProps> = memo(function LinearGauge({\n  value,\n  min = 0,\n  max = 100,\n  height = 12,\n  thresholds,\n  unit,\n  showValue = true,\n  showRange = true,\n  formatValue = (v: number) => v.toFixed(0),\n  showZones = false,\n}) {\n  // Calculate percentage\n  const percentage = useMemo(() => {\n    const clampedValue = Math.max(min, Math.min(max, value));\n    return ((clampedValue - min) / (max - min)) * 100;\n  }, [value, min, max]);\n\n  const color = getColorForValue(value, thresholds);\n\n  // Calculate zone widths for background\n  const zones = useMemo(() => {\n    if (!showZones || !thresholds?.length) return null;\n\n    const sorted = [...thresholds].sort((a, b) => a.value - b.value);\n    const zones: { width: number; color: string }[] = [];\n    let prevValue = min;\n\n    for (const threshold of sorted) {\n      const width = ((threshold.value - prevValue) / (max - min)) * 100;\n      zones.push({ width, color: threshold.color });\n      prevValue = threshold.value;\n    }\n\n    return zones;\n  }, [showZones, thresholds, min, max]);\n\n  return (\n    <div className=\"w-full\">\n      {/* Value display */}\n      {showValue && (\n        <div className=\"flex items-baseline gap-1 mb-2\">\n          <span className=\"text-2xl font-bold\" style={{ color }}>\n            {formatValue(value)}\n          </span>\n          {unit && <span className=\"text-sm text-text-secondary\">{unit}</span>}\n        </div>\n      )}\n\n      {/* Gauge bar */}\n      <div className=\"relative w-full rounded-full overflow-hidden bg-bg-muted\" style={{ height }}>\n        {/* Zone backgrounds */}\n        {zones && (\n          <div className=\"absolute inset-0 flex\">\n            {zones.map((zone, index) => (\n              <div\n                key={index}\n                className=\"h-full opacity-20\"\n                style={{ width: `${zone.width}%`, backgroundColor: zone.color }}\n              />\n            ))}\n          </div>\n        )}\n\n        {/* Value bar */}\n        <div\n          className=\"absolute inset-y-0 left-0 rounded-full transition-all duration-500 ease-out\"\n          style={{\n            width: `${percentage}%`,\n            backgroundColor: color,\n          }}\n        />\n\n        {/* Value marker */}\n        <div\n          className=\"absolute top-1/2 -translate-y-1/2 w-1 bg-bg-surface transition-all duration-500\"\n          style={{\n            left: `calc(${percentage}% - 2px)`,\n            height: height + 4,\n          }}\n        />\n      </div>\n\n      {/* Range labels */}\n      {showRange && (\n        <div className=\"flex justify-between mt-1\">\n          <span className=\"text-xs text-text-secondary\">{formatValue(min)}</span>\n          <span className=\"text-xs text-text-secondary\">{formatValue(max)}</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default LinearGauge;\n"],"mappings":";;;AAwCA,SAAS,EAAiB,GAAe,GAAwC;AAC/E,KAAI,CAAC,GAAY,OACf,QAAO;CAGT,IAAM,IAAS,CAAC,GAAG,EAAW,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM;AAEhE,MAAK,IAAM,KAAa,EACtB,KAAI,KAAS,EAAU,MACrB,QAAO,EAAU;AAIrB,QAAO,EAAO,EAAO,SAAS,GAAG;;AAOnC,IAAa,IAAoC,EAAK,SAAqB,EACzE,UACA,SAAM,GACN,SAAM,KACN,YAAS,IACT,eACA,SACA,eAAY,IACZ,eAAY,IACZ,kBAAe,MAAc,EAAE,QAAQ,EAAE,EACzC,eAAY,MACX;CAED,IAAM,IAAa,SACI,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAM,CAAC,GAChC,MAAQ,IAAM,KAAQ,KAC7C;EAAC;EAAO;EAAK;EAAI,CAAC,EAEf,IAAQ,EAAiB,GAAO,EAAW,EAG3C,IAAQ,QAAc;AAC1B,MAAI,CAAC,KAAa,CAAC,GAAY,OAAQ,QAAO;EAE9C,IAAM,IAAS,CAAC,GAAG,EAAW,CAAC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,EAC1D,IAA4C,EAAE,EAChD,IAAY;AAEhB,OAAK,IAAM,KAAa,GAAQ;GAC9B,IAAM,KAAU,EAAU,QAAQ,MAAc,IAAM,KAAQ;AAE9D,GADA,EAAM,KAAK;IAAE;IAAO,OAAO,EAAU;IAAO,CAAC,EAC7C,IAAY,EAAU;;AAGxB,SAAO;IACN;EAAC;EAAW;EAAY;EAAK;EAAI,CAAC;AAErC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEG,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;KAAqB,OAAO,EAAE,UAAO;eAClD,EAAY,EAAM;KACd,CAAA,EACN,KAAQ,kBAAC,QAAD;KAAM,WAAU;eAA+B;KAAY,CAAA,CAChE;;GAIR,kBAAC,OAAD;IAAK,WAAU;IAA2D,OAAO,EAAE,WAAQ;cAA3F;KAEG,KACC,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAM,KAAK,GAAM,MAChB,kBAAC,OAAD;OAEE,WAAU;OACV,OAAO;QAAE,OAAO,GAAG,EAAK,MAAM;QAAI,iBAAiB,EAAK;QAAO;OAC/D,EAHK,EAGL,CACF;MACE,CAAA;KAIR,kBAAC,OAAD;MACE,WAAU;MACV,OAAO;OACL,OAAO,GAAG,EAAW;OACrB,iBAAiB;OAClB;MACD,CAAA;KAGF,kBAAC,OAAD;MACE,WAAU;MACV,OAAO;OACL,MAAM,QAAQ,EAAW;OACzB,QAAQ,IAAS;OAClB;MACD,CAAA;KACE;;GAGL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,QAAD;KAAM,WAAU;eAA+B,EAAY,EAAI;KAAQ,CAAA,EACvE,kBAAC,QAAD;KAAM,WAAU;eAA+B,EAAY,EAAI;KAAQ,CAAA,CACnE;;GAEJ;;EAER"}

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

@@ -0,0 +1,10 @@
+/**
+ * Gauge Widget
+ *
+ * Circular and linear gauge visualizations with color thresholds.
+ */
+export { GaugeWidget, type GaugeWidgetProps, type GaugeData } from './GaugeWidget';
+export { GaugeConfig, type GaugeConfigProps } from './GaugeConfig';
+export { CircularGauge, type CircularGaugeProps, type ThresholdConfig } from './CircularGauge';
+export { LinearGauge, type LinearGaugeProps } from './LinearGauge';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/gauge/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAC/F,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/bigconsole/components/widgets/gauge/index.js

@@ -0,0 +1,5 @@
+import e from "./CircularGauge.js";
+import t from "./LinearGauge.js";
+import n from "./GaugeWidget.js";
+import r from "./GaugeConfig.js";
+export { e as CircularGauge, r as GaugeConfig, n as GaugeWidget, t as LinearGauge };

package/dist/bigconsole/components/widgets/heatmap/HeatmapWidget.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface HeatmapWidgetProps {
+    widget: Widget;
+    data?: HeatmapData;
+    onClick?: (cell: HeatmapCell) => void;
+}
+export interface HeatmapCell {
+    row: string;
+    column: string;
+    value: number;
+}
+export interface HeatmapData {
+    rows: string[];
+    columns: string[];
+    cells: HeatmapCell[];
+    minValue?: number;
+    maxValue?: number;
+}
+export declare const HeatmapWidget: FC<HeatmapWidgetProps>;
+export default HeatmapWidget;
+//# sourceMappingURL=HeatmapWidget.d.ts.map

package/dist/bigconsole/components/widgets/heatmap/HeatmapWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/heatmap/HeatmapWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA8B,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAE,MAAM,EAAiB,MAAM,gBAAgB,CAAC;AAM5D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAsCD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAqH/C,CAAC;AAEH,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,98 @@
+import { memo as e, useCallback as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/heatmap/HeatmapWidget.tsx
+function a(e, t, n, r = "blue") {
+	let i = Math.max(0, Math.min(1, (e - t) / (n - t || 1)));
+	return r === "green" ? i < .2 ? "bg-state-success/10" : i < .4 ? "bg-state-success/30" : i < .6 ? "bg-state-success/50" : i < .8 ? "bg-state-success/70" : "bg-state-success/90" : r === "red" ? i < .2 ? "bg-state-error/10" : i < .4 ? "bg-state-error/30" : i < .6 ? "bg-state-error/50" : i < .8 ? "bg-state-error/70" : "bg-state-error/90" : i < .2 ? "bg-action-primary-bg/10" : i < .4 ? "bg-action-primary-bg/30" : i < .6 ? "bg-action-primary-bg/50" : i < .8 ? "bg-action-primary-bg/70" : "bg-action-primary-bg/90";
+}
+var o = e(function({ widget: e, data: o, onClick: s }) {
+	let c = e.config, l = n(() => {
+		let e = /* @__PURE__ */ new Map();
+		return o?.cells && Array.isArray(o.cells) && o.cells.forEach((t) => {
+			e.set(`${t.row}:${t.column}`, t.value);
+		}), e;
+	}, [o?.cells]), { minValue: u, maxValue: d } = n(() => {
+		if (!o?.cells || !Array.isArray(o.cells) || !o.cells.length) return {
+			minValue: 0,
+			maxValue: 100
+		};
+		let e = o.cells.map((e) => e.value);
+		return {
+			minValue: o.minValue ?? Math.min(...e),
+			maxValue: o.maxValue ?? Math.max(...e)
+		};
+	}, [o]), f = t((t, n, r) => {
+		s && e.drilldowns?.length && s({
+			row: t,
+			column: n,
+			value: r
+		});
+	}, [s, e.drilldowns]), p = !!(s && e.drilldowns?.length);
+	return !o || !Array.isArray(o.rows) || !Array.isArray(o.columns) || !o.rows.length || !o.columns.length ? /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: "No heatmap data available"
+	}) : /* @__PURE__ */ i("div", {
+		className: "flex flex-col h-full p-4 overflow-auto",
+		children: [/* @__PURE__ */ r("div", {
+			className: "overflow-auto",
+			children: /* @__PURE__ */ i("table", {
+				className: "w-full border-collapse",
+				children: [/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ i("tr", { children: [/* @__PURE__ */ r("th", { className: "p-2 text-xs text-text-secondary text-left" }), o.columns.map((e) => /* @__PURE__ */ r("th", {
+					className: "p-2 text-xs font-medium text-text-secondary text-center min-w-[60px]",
+					children: e
+				}, e))] }) }), /* @__PURE__ */ r("tbody", { children: o.rows.map((e) => /* @__PURE__ */ i("tr", { children: [/* @__PURE__ */ r("td", {
+					className: "p-2 text-xs font-medium text-text-secondary text-left",
+					children: e
+				}), o.columns.map((t) => {
+					let n = l.get(`${e}:${t}`) ?? 0, i = a(n, u, d, c?.colorScheme);
+					return /* @__PURE__ */ r("td", {
+						className: `
+                          p-0 text-center
+                          ${p ? "cursor-pointer" : ""}
+                        `,
+						onClick: () => f(e, t, n),
+						children: /* @__PURE__ */ r("div", {
+							className: `
+                            m-0.5 p-2 rounded
+                            ${i}
+                            ${p ? "hover:ring-2 hover:ring-action-primary-bg" : ""}
+                            transition-all
+                          `,
+							title: `${e} / ${t}: ${n}`,
+							children: c?.showValues !== !1 && /* @__PURE__ */ r("span", {
+								className: "text-xs font-medium text-text-primary",
+								children: typeof n == "number" ? n.toFixed(c?.decimals || 0) : n
+							})
+						})
+					}, t);
+				})] }, e)) })]
+			})
+		}), c?.showLegend !== !1 && /* @__PURE__ */ i("div", {
+			className: "flex items-center justify-center gap-2 mt-4",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "text-xs text-text-secondary",
+					children: "Low"
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "flex gap-0.5",
+					children: [
+						10,
+						30,
+						50,
+						70,
+						90
+					].map((e) => /* @__PURE__ */ r("div", { className: `w-6 h-4 rounded bg-action-primary-bg/${e}` }, e))
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "text-xs text-text-secondary",
+					children: "High"
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=HeatmapWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HeatmapWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/heatmap/HeatmapWidget.tsx"],"sourcesContent":["/**\n * HeatmapWidget Component\n *\n * Heatmap grid visualization with color intensity based on values.\n */\n\nimport { type FC, memo, useMemo, useCallback } from 'react';\nimport type { Widget, HeatmapConfig } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface HeatmapWidgetProps {\n  widget: Widget;\n  data?: HeatmapData;\n  onClick?: (cell: HeatmapCell) => void;\n}\n\nexport interface HeatmapCell {\n  row: string;\n  column: string;\n  value: number;\n}\n\nexport interface HeatmapData {\n  rows: string[];\n  columns: string[];\n  cells: HeatmapCell[];\n  minValue?: number;\n  maxValue?: number;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getColorIntensity(value: number, min: number, max: number, colorScheme: string = 'blue'): string {\n  const normalized = Math.max(0, Math.min(1, (value - min) / (max - min || 1)));\n\n  // Color schemes using CSS variables\n  if (colorScheme === 'green') {\n    if (normalized < 0.2) return 'bg-state-success/10';\n    if (normalized < 0.4) return 'bg-state-success/30';\n    if (normalized < 0.6) return 'bg-state-success/50';\n    if (normalized < 0.8) return 'bg-state-success/70';\n    return 'bg-state-success/90';\n  }\n\n  if (colorScheme === 'red') {\n    if (normalized < 0.2) return 'bg-state-error/10';\n    if (normalized < 0.4) return 'bg-state-error/30';\n    if (normalized < 0.6) return 'bg-state-error/50';\n    if (normalized < 0.8) return 'bg-state-error/70';\n    return 'bg-state-error/90';\n  }\n\n  // Default blue\n  if (normalized < 0.2) return 'bg-action-primary-bg/10';\n  if (normalized < 0.4) return 'bg-action-primary-bg/30';\n  if (normalized < 0.6) return 'bg-action-primary-bg/50';\n  if (normalized < 0.8) return 'bg-action-primary-bg/70';\n  return 'bg-action-primary-bg/90';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const HeatmapWidget: FC<HeatmapWidgetProps> = memo(function HeatmapWidget({ widget, data, onClick }) {\n  const config = widget.config as unknown as HeatmapConfig | undefined;\n\n  // Build cell lookup map\n  const cellMap = useMemo(() => {\n    const map = new Map<string, number>();\n    if (data?.cells && Array.isArray(data.cells)) {\n      data.cells.forEach((cell) => {\n        map.set(`${cell.row}:${cell.column}`, cell.value);\n      });\n    }\n    return map;\n  }, [data?.cells]);\n\n  // Calculate min/max\n  const { minValue, maxValue } = useMemo(() => {\n    if (!data?.cells || !Array.isArray(data.cells) || !data.cells.length) {\n      return { minValue: 0, maxValue: 100 };\n    }\n\n    const values = data.cells.map((c) => c.value);\n    return {\n      minValue: data.minValue ?? Math.min(...values),\n      maxValue: data.maxValue ?? Math.max(...values),\n    };\n  }, [data]);\n\n  const handleCellClick = useCallback(\n    (row: string, column: string, value: number) => {\n      if (onClick && widget.drilldowns?.length) {\n        onClick({ row, column, value });\n      }\n    },\n    [onClick, widget.drilldowns]\n  );\n\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n\n  // Early return if data is not properly structured\n  if (!data || !Array.isArray(data.rows) || !Array.isArray(data.columns) || !data.rows.length || !data.columns.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        No heatmap data available\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Grid */}\n      <div className=\"overflow-auto\">\n        <table className=\"w-full border-collapse\">\n          <thead>\n            <tr>\n              <th className=\"p-2 text-xs text-text-secondary text-left\" />\n              {data.columns.map((col) => (\n                <th key={col} className=\"p-2 text-xs font-medium text-text-secondary text-center min-w-[60px]\">\n                  {col}\n                </th>\n              ))}\n            </tr>\n          </thead>\n          <tbody>\n            {data.rows.map((row) => (\n              <tr key={row}>\n                <td className=\"p-2 text-xs font-medium text-text-secondary text-left\">{row}</td>\n                {data.columns.map((col) => {\n                  const value = cellMap.get(`${row}:${col}`) ?? 0;\n                  const colorClass = getColorIntensity(value, minValue, maxValue, config?.colorScheme);\n\n                  return (\n                    <td\n                      key={col}\n                      className={`\n                          p-0 text-center\n                          ${isClickable ? 'cursor-pointer' : ''}\n                        `}\n                      onClick={() => handleCellClick(row, col, value)}\n                    >\n                      <div\n                        className={`\n                            m-0.5 p-2 rounded\n                            ${colorClass}\n                            ${isClickable ? 'hover:ring-2 hover:ring-action-primary-bg' : ''}\n                            transition-all\n                          `}\n                        title={`${row} / ${col}: ${value}`}\n                      >\n                        {config?.showValues !== false && (\n                          <span className=\"text-xs font-medium text-text-primary\">\n                            {typeof value === 'number' ? value.toFixed(config?.decimals || 0) : value}\n                          </span>\n                        )}\n                      </div>\n                    </td>\n                  );\n                })}\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      {/* Legend */}\n      {config?.showLegend !== false && (\n        <div className=\"flex items-center justify-center gap-2 mt-4\">\n          <span className=\"text-xs text-text-secondary\">Low</span>\n          <div className=\"flex gap-0.5\">\n            {[10, 30, 50, 70, 90].map((opacity) => (\n              <div key={opacity} className={`w-6 h-4 rounded bg-action-primary-bg/${opacity}`} />\n            ))}\n          </div>\n          <span className=\"text-xs text-text-secondary\">High</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default HeatmapWidget;\n"],"mappings":";;;AAqCA,SAAS,EAAkB,GAAe,GAAa,GAAa,IAAsB,QAAgB;CACxG,IAAM,IAAa,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,IAAQ,MAAQ,IAAM,KAAO,GAAG,CAAC;AAwB7E,QArBI,MAAgB,UACd,IAAa,KAAY,wBACzB,IAAa,KAAY,wBACzB,IAAa,KAAY,wBACzB,IAAa,KAAY,wBACtB,wBAGL,MAAgB,QACd,IAAa,KAAY,sBACzB,IAAa,KAAY,sBACzB,IAAa,KAAY,sBACzB,IAAa,KAAY,sBACtB,sBAIL,IAAa,KAAY,4BACzB,IAAa,KAAY,4BACzB,IAAa,KAAY,4BACzB,IAAa,KAAY,4BACtB;;AAOT,IAAa,IAAwC,EAAK,SAAuB,EAAE,WAAQ,SAAM,cAAW;CAC1G,IAAM,IAAS,EAAO,QAGhB,IAAU,QAAc;EAC5B,IAAM,oBAAM,IAAI,KAAqB;AAMrC,SALI,GAAM,SAAS,MAAM,QAAQ,EAAK,MAAM,IAC1C,EAAK,MAAM,SAAS,MAAS;AAC3B,KAAI,IAAI,GAAG,EAAK,IAAI,GAAG,EAAK,UAAU,EAAK,MAAM;IACjD,EAEG;IACN,CAAC,GAAM,MAAM,CAAC,EAGX,EAAE,aAAU,gBAAa,QAAc;AAC3C,MAAI,CAAC,GAAM,SAAS,CAAC,MAAM,QAAQ,EAAK,MAAM,IAAI,CAAC,EAAK,MAAM,OAC5D,QAAO;GAAE,UAAU;GAAG,UAAU;GAAK;EAGvC,IAAM,IAAS,EAAK,MAAM,KAAK,MAAM,EAAE,MAAM;AAC7C,SAAO;GACL,UAAU,EAAK,YAAY,KAAK,IAAI,GAAG,EAAO;GAC9C,UAAU,EAAK,YAAY,KAAK,IAAI,GAAG,EAAO;GAC/C;IACA,CAAC,EAAK,CAAC,EAEJ,IAAkB,GACrB,GAAa,GAAgB,MAAkB;AAC9C,EAAI,KAAW,EAAO,YAAY,UAChC,EAAQ;GAAE;GAAK;GAAQ;GAAO,CAAC;IAGnC,CAAC,GAAS,EAAO,WAAW,CAC7B,EAEK,IAAc,GAAQ,KAAW,EAAO,YAAY;AAW1D,QARI,CAAC,KAAQ,CAAC,MAAM,QAAQ,EAAK,KAAK,IAAI,CAAC,MAAM,QAAQ,EAAK,QAAQ,IAAI,CAAC,EAAK,KAAK,UAAU,CAAC,EAAK,QAAQ,SAEzG,kBAAC,OAAD;EAAK,WAAU;YAAsE;EAE/E,CAAA,GAKR,kBAAC,OAAD;EAAK,WAAU;YAAf,CAEE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,SAAD;IAAO,WAAU;cAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAI,WAAU,6CAA8C,CAAA,EAC3D,EAAK,QAAQ,KAAK,MACjB,kBAAC,MAAD;KAAc,WAAU;eACrB;KACE,EAFI,EAEJ,CACL,CACC,EAAA,CAAA,EACC,CAAA,EACR,kBAAC,SAAD,EAAA,UACG,EAAK,KAAK,KAAK,MACd,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyD;KAAS,CAAA,EAC/E,EAAK,QAAQ,KAAK,MAAQ;KACzB,IAAM,IAAQ,EAAQ,IAAI,GAAG,EAAI,GAAG,IAAM,IAAI,GACxC,IAAa,EAAkB,GAAO,GAAU,GAAU,GAAQ,YAAY;AAEpF,YACE,kBAAC,MAAD;MAEE,WAAW;;4BAEL,IAAc,mBAAmB,GAAG;;MAE1C,eAAe,EAAgB,GAAK,GAAK,EAAM;gBAE/C,kBAAC,OAAD;OACE,WAAW;;8BAEL,EAAW;8BACX,IAAc,8CAA8C,GAAG;;;OAGrE,OAAO,GAAG,EAAI,KAAK,EAAI,IAAI;iBAE1B,GAAQ,eAAe,MACtB,kBAAC,QAAD;QAAM,WAAU;kBACb,OAAO,KAAU,WAAW,EAAM,QAAQ,GAAQ,YAAY,EAAE,GAAG;QAC/D,CAAA;OAEL,CAAA;MACH,EAtBE,EAsBF;MAEP,CACC,EAAA,EAjCI,EAiCJ,CACL,EACI,CAAA,CACF;;GACJ,CAAA,EAGL,GAAQ,eAAe,MACtB,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,QAAD;KAAM,WAAU;eAA8B;KAAU,CAAA;IACxD,kBAAC,OAAD;KAAK,WAAU;eACZ;MAAC;MAAI;MAAI;MAAI;MAAI;MAAG,CAAC,KAAK,MACzB,kBAAC,OAAD,EAAmB,WAAW,wCAAwC,KAAa,EAAzE,EAAyE,CACnF;KACE,CAAA;IACN,kBAAC,QAAD;KAAM,WAAU;eAA8B;KAAW,CAAA;IACrD;KAEJ;;EAER"}

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

@@ -0,0 +1,7 @@
+/**
+ * Heatmap Widget
+ *
+ * Grid visualization with color intensity based on values.
+ */
+export { HeatmapWidget, type HeatmapWidgetProps, type HeatmapData, type HeatmapCell } from './HeatmapWidget';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,2 @@
+import e from "./HeatmapWidget.js";
+export { e as HeatmapWidget };

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

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface IframeWidgetProps {
+    widget: Widget;
+    data?: IframeData;
+}
+export interface IframeData {
+    url?: string;
+    title?: string;
+    allowFullscreen?: boolean;
+    sandbox?: string;
+    loading?: 'lazy' | 'eager';
+}
+export declare const IframeWidget: FC<IframeWidgetProps>;
+export default IframeWidget;
+//# sourceMappingURL=IframeWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IframeWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/iframe-widget/IframeWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC5B;AAMD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwC7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,45 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/iframe-widget/IframeWidget.tsx
+var r = e(function({ widget: e, data: r }) {
+	let i = r?.url, a = r?.title || "Embedded Content";
+	return i ? /* @__PURE__ */ t("div", {
+		className: "h-full w-full",
+		children: /* @__PURE__ */ t("iframe", {
+			src: i,
+			title: a,
+			className: "w-full h-full border-0 rounded",
+			allowFullScreen: r?.allowFullscreen,
+			sandbox: r?.sandbox ?? "allow-scripts allow-same-origin allow-popups",
+			loading: r?.loading || "lazy"
+		})
+	}) : /* @__PURE__ */ t("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ n("div", {
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ t("svg", {
+					className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ t("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__ */ t("p", { children: "No URL configured" }),
+				/* @__PURE__ */ t("p", {
+					className: "text-xs text-text-tertiary mt-1",
+					children: "Configure a URL to embed content"
+				})
+			]
+		})
+	});
+});
+//#endregion
+export { r as default };
+
+//# 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\nimport { type FC, memo } 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// Component\n// ============================================================================\n\nexport const IframeWidget: FC<IframeWidgetProps> = memo(function IframeWidget({ widget: _widget, data }) {\n  const url = data?.url;\n  const title = data?.title || 'Embedded Content';\n\n  if (!url) {\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=\"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-tertiary 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={url}\n        title={title}\n        className=\"w-full h-full border-0 rounded\"\n        allowFullScreen={data?.allowFullscreen}\n        sandbox={data?.sandbox ?? 'allow-scripts allow-same-origin allow-popups'}\n        loading={data?.loading || 'lazy'}\n      />\n    </div>\n  );\n});\n\nexport default IframeWidget;\n"],"mappings":";;;AA8BA,IAAa,IAAsC,EAAK,SAAsB,EAAE,QAAQ,GAAS,WAAQ;CACvG,IAAM,IAAM,GAAM,KACZ,IAAQ,GAAM,SAAS;AA0B7B,QAxBK,IAyBH,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,UAAD;GACE,KAAK;GACE;GACP,WAAU;GACV,iBAAiB,GAAM;GACvB,SAAS,GAAM,WAAW;GAC1B,SAAS,GAAM,WAAW;GAC1B,CAAA;EACE,CAAA,GAhCJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KACE,WAAU;KACV,MAAK;KACL,QAAO;KACP,SAAQ;eAER,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;eAAkC;KAAoC,CAAA;IAC/E;;EACF,CAAA;EAgBV"}

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

@@ -0,0 +1,3 @@
+export { IframeWidget, 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,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

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

@@ -0,0 +1,2 @@
+import e from "./IframeWidget.js";
+export { e as IframeWidget, e as default };

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

@@ -0,0 +1,34 @@
+/**
+ * Widget Components
+ *
+ * Central export for all widget-related components.
+ */
+export { WIDGET_DEFINITIONS, getWidgetDefinition, getAllWidgetDefinitions, getWidgetsByCategory, searchWidgets, type WidgetDefinition, } from './WidgetRegistry';
+export { WidgetWrapper, type WidgetWrapperProps } from './WidgetWrapper';
+export { WidgetHeader, type WidgetHeaderProps } from './WidgetHeader';
+export { WidgetMenu, type WidgetMenuProps } from './WidgetMenu';
+export { WidgetErrorBoundary, type WidgetErrorBoundaryProps } from './WidgetErrorBoundary';
+export { WidgetLoadingState, WidgetErrorState, WidgetEmptyState, type WidgetLoadingStateProps, type WidgetErrorStateProps, type WidgetEmptyStateProps, } from './states';
+export { MetricCardWidget, type MetricCardWidgetProps } from './metric-card';
+export { ChartWidget, type ChartWidgetProps } from './chart';
+export { TableWidget, type TableWidgetProps } from './table';
+export { GaugeWidget, type GaugeWidgetProps } from './gauge';
+export { ProgressWidget, type ProgressWidgetProps } from './progress';
+export { ListWidget, type ListWidgetProps } from './list';
+export { KPIWidget, type KPIWidgetProps } from './kpi';
+export { HeatmapWidget, type HeatmapWidgetProps } from './heatmap';
+export { RetentionWidget, type RetentionWidgetProps } from './retention';
+export { AdaptiveCardWidget, type AdaptiveCardWidgetProps } from './adaptive-card';
+export { CustomWidget, type CustomWidgetProps } from './custom';
+export { CalendarWidget, type CalendarWidgetProps, type CalendarData, type CalendarEvent } from './calendar';
+export { KanbanWidget, type KanbanWidgetProps, type KanbanData, type KanbanColumn, type KanbanTask } from './kanban';
+export { TimelineWidget, type TimelineWidgetProps, type TimelineData, type TimelineTask, type TimelineMilestone, } from './timeline';
+export { KPIComparisonWidget, type KPIComparisonWidgetProps, type KPIComparisonData, type KPIItem, } from './kpi-comparison';
+export { TextWidget, type TextWidgetProps, type TextData } from './text-widget';
+export { MapWidget, type MapWidgetProps, type MapData, type MapMarker } from './map-widget';
+export { IframeWidget, type IframeWidgetProps, type IframeData } from './iframe-widget';
+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/index.js

@@ -0,0 +1,51 @@
+import "./WidgetRegistry.js";
+import "./WidgetMenu.js";
+import "./WidgetHeader.js";
+import "./states/LoadingState.js";
+import "./states/ErrorState.js";
+import "./states/EmptyState.js";
+import "./WidgetErrorBoundary.js";
+import "./widget-actions/WidgetActions.js";
+import "./widget-actions/index.js";
+import "./WidgetWrapper.js";
+import "./adaptive-card/AdaptiveCardWidget.js";
+import "./adaptive-card/index.js";
+import "./calendar/CalendarWidget.js";
+import "./calendar/index.js";
+import "./chart/ChartWidget.js";
+import "./chart/index.js";
+import "./custom/CustomWidget.js";
+import "./custom/index.js";
+import "./gauge/GaugeWidget.js";
+import "./gauge/index.js";
+import "./heatmap/HeatmapWidget.js";
+import "./heatmap/index.js";
+import "./iframe-widget/IframeWidget.js";
+import "./iframe-widget/index.js";
+import "./kanban/KanbanWidget.js";
+import "./kanban/index.js";
+import "./kpi-comparison/KPIComparisonWidget.js";
+import "./kpi-comparison/index.js";
+import "./list/ListWidget.js";
+import "./list/index.js";
+import "./map-widget/MapWidget.js";
+import "./map-widget/index.js";
+import "./metric-card/MetricCardWidget.js";
+import "./metric-card/index.js";
+import "./progress/ProgressWidget.js";
+import "./progress/index.js";
+import "./retention/RetentionWidget.js";
+import "./retention/index.js";
+import "./table/TableWidget.js";
+import "./table/index.js";
+import "./text-widget/TextWidget.js";
+import "./text-widget/index.js";
+import "./timeline/TimelineWidget.js";
+import "./timeline/index.js";
+import "./webhook-config/WebhookConfigPanel.js";
+import "./webhook-config/index.js";
+import "./event-logs/EventLogViewer.js";
+import "./event-logs/index.js";
+import "./DrilldownConfigPanel.js";
+import "./states/index.js";
+import "./kpi/index.js";

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface KanbanWidgetProps {
+    widget: Widget;
+    data?: KanbanData;
+    onClick?: (task: KanbanTask) => void;
+}
+export interface KanbanColumn {
+    id: string;
+    title: string;
+    color?: string;
+}
+export interface KanbanTask {
+    id: string;
+    title: string;
+    column: string;
+    priority?: 'high' | 'medium' | 'low';
+    assignee?: string;
+    labels?: string[];
+    dueDate?: string;
+}
+export interface KanbanData {
+    columns?: KanbanColumn[];
+    tasks?: KanbanTask[];
+}
+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;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAM7C,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;AAED,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,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;AAuBD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsF7C,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,92 @@
+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/kanban/KanbanWidget.tsx
+function i(e) {
+	switch (e) {
+		case "high": return "bg-state-error/20 text-state-error";
+		case "medium": return "bg-state-warning/20 text-state-warning";
+		case "low": return "bg-state-success/20 text-state-success";
+		default: return "bg-bg-muted text-text-secondary";
+	}
+}
+var a = e(function({ widget: e, data: a, onClick: o }) {
+	let s = t(() => a?.columns || [], [a?.columns]), c = t(() => a?.tasks || [], [a?.tasks]), l = t(() => {
+		let e = {};
+		return s.forEach((t) => {
+			e[t.id] = c.filter((e) => e.column === t.id);
+		}), e;
+	}, [s, c]);
+	return s.length ? /* @__PURE__ */ n("div", {
+		className: "flex h-full p-2 gap-2 overflow-x-auto",
+		children: s.map((e) => {
+			let t = l[e.id] || [];
+			return /* @__PURE__ */ r("div", {
+				className: "flex-shrink-0 w-48 flex flex-col bg-bg-muted/50 rounded-lg",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex items-center gap-2 p-2 border-b border-border-default",
+					children: [
+						/* @__PURE__ */ n("div", {
+							className: "w-2 h-2 rounded-full",
+							style: { backgroundColor: e.color || "#6b7280" }
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "text-xs font-medium text-text-primary truncate",
+							children: e.title
+						}),
+						/* @__PURE__ */ n("span", {
+							className: "ml-auto text-xs text-text-tertiary",
+							children: t.length
+						})
+					]
+				}), /* @__PURE__ */ r("div", {
+					className: "flex-1 p-2 space-y-2 overflow-y-auto",
+					children: [t.map((e) => /* @__PURE__ */ r("div", {
+						className: `
+                      p-2 bg-bg-surface rounded border border-border-default
+                      ${o ? "cursor-pointer hover:border-action-primary-bg" : ""}
+                      transition-colors
+                    `,
+						onClick: () => o?.(e),
+						children: [/* @__PURE__ */ n("p", {
+							className: "text-xs font-medium text-text-primary line-clamp-2",
+							children: e.title
+						}), /* @__PURE__ */ r("div", {
+							className: "flex items-center gap-1 mt-2 flex-wrap",
+							children: [e.priority && /* @__PURE__ */ n("span", {
+								className: `px-1.5 py-0.5 text-[10px] rounded ${i(e.priority)}`,
+								children: e.priority
+							}), e.assignee && /* @__PURE__ */ n("span", {
+								className: "px-1.5 py-0.5 text-[10px] rounded bg-action-primary-bg/10 text-action-primary-text",
+								children: e.assignee
+							})]
+						})]
+					}, e.id)), t.length === 0 && /* @__PURE__ */ n("p", {
+						className: "text-[10px] text-text-tertiary text-center py-4",
+						children: "No tasks"
+					})]
+				})]
+			}, e.id);
+		})
+	}) : /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ r("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ n("svg", {
+				className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: /* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"
+				})
+			}), /* @__PURE__ */ n("p", { children: "No board data" })]
+		})
+	});
+});
+//#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 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-state-error/20 text-state-error';\n    case 'medium':\n      return 'bg-state-warning/20 text-state-warning';\n    case 'low':\n      return 'bg-state-success/20 text-state-success';\n    default:\n      return 'bg-bg-muted text-text-secondary';\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const KanbanWidget: FC<KanbanWidgetProps> = memo(function KanbanWidget({ widget: _widget, data, onClick }) {\n  const columns = useMemo(() => data?.columns || [], [data?.columns]);\n  const tasks = useMemo(() => data?.tasks || [], [data?.tasks]);\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-muted/50 rounded-lg\">\n            {/* Column Header */}\n            <div className=\"flex items-center gap-2 p-2 border-b border-border-default\">\n              <div className=\"w-2 h-2 rounded-full\" style={{ backgroundColor: column.color || '#6b7280' }} />\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":";;;AA4CA,SAAS,EAAiB,GAA2B;AACnD,SAAQ,GAAR;EACE,KAAK,OACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,QACE,QAAO;;;AAQb,IAAa,IAAsC,EAAK,SAAsB,EAAE,QAAQ,GAAS,SAAM,cAAW;CAChH,IAAM,IAAU,QAAc,GAAM,WAAW,EAAE,EAAE,CAAC,GAAM,QAAQ,CAAC,EAC7D,IAAQ,QAAc,GAAM,SAAS,EAAE,EAAE,CAAC,GAAM,MAAM,CAAC,EAGvD,IAAgB,QAAc;EAClC,IAAM,IAAwC,EAAE;AAIhD,SAHA,EAAQ,SAAS,MAAQ;AACvB,KAAQ,EAAI,MAAM,EAAM,QAAQ,MAAM,EAAE,WAAW,EAAI,GAAG;IAC1D,EACK;IACN,CAAC,GAAS,EAAM,CAAC;AAyBpB,QAvBK,EAAQ,SAwBX,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAQ,KAAK,MAAW;GACvB,IAAM,IAAc,EAAc,EAAO,OAAO,EAAE;AAElD,UACE,kBAAC,OAAD;IAAqB,WAAU;cAA/B,CAEE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;OAAuB,OAAO,EAAE,iBAAiB,EAAO,SAAS,WAAW;OAAI,CAAA;MAC/F,kBAAC,QAAD;OAAM,WAAU;iBAAkD,EAAO;OAAa,CAAA;MACtF,kBAAC,QAAD;OAAM,WAAU;iBAAsC,EAAY;OAAc,CAAA;MAC5E;QAGN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAY,KAAK,MAChB,kBAAC,OAAD;MAEE,WAAW;;wBAEL,IAAU,kDAAkD,GAAG;;;MAGrE,eAAe,IAAU,EAAK;gBAPhC,CASE,kBAAC,KAAD;OAAG,WAAU;iBAAsD,EAAK;OAAU,CAAA,EAElF,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,EAAK,YACJ,kBAAC,QAAD;QAAM,WAAW,qCAAqC,EAAiB,EAAK,SAAS;kBAClF,EAAK;QACD,CAAA,EAER,EAAK,YACJ,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAK;QACD,CAAA,CAEL;SACF;QAtBC,EAAK,GAsBN,CACN,EAED,EAAY,WAAW,KAAK,kBAAC,KAAD;MAAG,WAAU;gBAAkD;MAAY,CAAA,CACpG;OACF;MAvCI,EAAO,GAuCX;IAER;EACE,CAAA,GArEJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAER,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAG,iBAAiB,CAAA,CAChB;;EACF,CAAA;EAsDV"}