@burdenoff/microfe-bigconsole 2026.510.54

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

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

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

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

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

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

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

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+import { TrendDirection } from '../metric-card/TrendIndicator';
+
+export interface KPIWidgetProps {
+    widget: Widget;
+    data?: KPIData;
+    onClick?: (metricIndex: number) => void;
+}
+export interface KPIMetric {
+    label: string;
+    value: number | string;
+    previousValue?: number;
+    changePercent?: number;
+    trend?: TrendDirection;
+    unit?: string;
+}
+export interface KPIData {
+    metrics: KPIMetric[];
+}
+export declare const KPIWidget: FC<KPIWidgetProps>;
+export default KPIWidget;
+//# sourceMappingURL=KPIWidget.d.ts.map

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

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

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

@@ -0,0 +1,83 @@
+import e from "../metric-card/TrendIndicator.js";
+import { memo as t, useCallback as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/kpi/KPIWidget.tsx
+function a(e, t) {
+	if (typeof e == "string") return e;
+	switch (t) {
+		case "currency": return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: "USD",
+			maximumFractionDigits: 0
+		}).format(e);
+		case "percentage": return `${(e * 100).toFixed(1)}%`;
+		case "compact": return new Intl.NumberFormat("en-US", {
+			notation: "compact",
+			maximumFractionDigits: 1
+		}).format(e);
+		default: return new Intl.NumberFormat("en-US", { maximumFractionDigits: 2 }).format(e);
+	}
+}
+function o(e) {
+	return e === void 0 || e === 0 ? "flat" : e > 0 ? "up" : "down";
+}
+t(function({ widget: t, data: s, onClick: c }) {
+	let l = t.config, u = n((e) => {
+		c && t.drilldowns?.length && c(e);
+	}, [c, t.drilldowns]), d = !!(c && t.drilldowns?.length);
+	return s?.metrics?.length ? /* @__PURE__ */ r("div", {
+		className: "flex flex-col h-full p-4",
+		children: /* @__PURE__ */ r("div", {
+			className: `
+          grid gap-4
+          ${(l?.layout || "horizontal") === "horizontal" ? "md:grid-cols-2 lg:grid-cols-4" : "grid-cols-1"}
+          flex-1
+        `,
+			children: s.metrics.map((t, n) => /* @__PURE__ */ i("div", {
+				className: `
+              flex flex-col p-4
+              bg-bg-muted/50
+              rounded-lg
+              ${d ? "cursor-pointer hover:bg-bg-muted transition-colors" : ""}
+            `,
+				onClick: () => u(n),
+				role: d ? "button" : void 0,
+				tabIndex: d ? 0 : void 0,
+				children: [
+					/* @__PURE__ */ r("p", {
+						className: "text-xs text-text-secondary uppercase tracking-wide mb-1",
+						children: t.label
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "flex items-baseline gap-2",
+						children: [/* @__PURE__ */ r("span", {
+							className: "text-2xl font-bold text-text-primary",
+							children: a(t.value, l?.format)
+						}), t.unit && /* @__PURE__ */ r("span", {
+							className: "text-sm text-text-secondary",
+							children: t.unit
+						})]
+					}),
+					t.changePercent !== void 0 && /* @__PURE__ */ i("div", {
+						className: "flex items-center gap-1 mt-2",
+						children: [/* @__PURE__ */ r(e, {
+							direction: t.trend || o(t.changePercent),
+							size: "sm",
+							positiveIsGood: l?.positiveIsGood !== !1
+						}), /* @__PURE__ */ i("span", {
+							className: `text-xs ${t.changePercent >= 0 ? l?.positiveIsGood === !1 ? "text-state-error" : "text-state-success" : l?.positiveIsGood === !1 ? "text-state-success" : "text-state-error"}`,
+							children: [
+								t.changePercent > 0 ? "+" : "",
+								t.changePercent.toFixed(1),
+								"%"
+							]
+						})]
+					})
+				]
+			}, n))
+		})
+	}) : null;
+});
+//#endregion
+
+//# sourceMappingURL=KPIWidget.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import "./KPIWidget.js";

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

@@ -0,0 +1,25 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface KPIComparisonWidgetProps {
+    widget: Widget;
+    data?: KPIComparisonData;
+    onClick?: (kpi: KPIItem) => void;
+    onDrilldown?: (data: Record<string, unknown>) => void;
+}
+export interface KPIItem {
+    id: string;
+    label: string;
+    value: number;
+    previousValue?: number;
+    target?: number;
+    unit?: string;
+    trend?: 'up' | 'down' | 'stable';
+    trendValue?: number;
+}
+export interface KPIComparisonData {
+    kpis?: KPIItem[];
+}
+export declare const KPIComparisonWidget: FC<KPIComparisonWidgetProps>;
+export default KPIComparisonWidget;
+//# sourceMappingURL=KPIComparisonWidget.d.ts.map

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

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

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

@@ -0,0 +1,188 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.tsx
+function r(e, t) {
+	return t === "$" ? new Intl.NumberFormat("en-US", {
+		style: "currency",
+		currency: "USD",
+		notation: e >= 1e4 ? "compact" : "standard",
+		maximumFractionDigits: 1
+	}).format(e) : t === "%" ? `${e.toFixed(1)}%` : new Intl.NumberFormat("en-US", {
+		notation: e >= 1e4 ? "compact" : "standard",
+		maximumFractionDigits: 1
+	}).format(e);
+}
+function i(e, t) {
+	return !e || e === "stable" ? "text-text-secondary" : e === "up" && (t ?? 0) >= 0 ? "text-state-success" : e === "down" && (t ?? 0) < 0 ? "text-state-error" : "text-text-secondary";
+}
+function a(e) {
+	return e === "up" ? "↑" : e === "down" ? "↓" : "→";
+}
+var o = e(function({ widget: e, data: o, onClick: s, onDrilldown: c }) {
+	let l = !!e.drilldown?.enabled, u = e.config, d = [], f = u?.valueField || u?.value_field || "value", p = u?.labelField || u?.label_field || "label", m = (e) => Object.entries(e).filter(([, e]) => typeof e == "number").map(([e, t]) => ({
+		id: e,
+		label: e.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()),
+		value: t,
+		unit: e.toLowerCase().includes("sales") || e.toLowerCase().includes("revenue") || e.toLowerCase().includes("value") ? "$" : void 0
+	})), h = (e, t) => {
+		let n = [
+			f,
+			"value",
+			"revenue",
+			"amount",
+			"total",
+			"count",
+			"sales",
+			"growth"
+		], r = null;
+		for (let t of n) {
+			if (typeof e[t] == "number") {
+				r = e[t];
+				break;
+			}
+			if (typeof e[t] == "string" && !isNaN(parseFloat(e[t]))) {
+				r = parseFloat(e[t]);
+				break;
+			}
+		}
+		if (r === null) {
+			let t = Object.entries(e).find(([, e]) => typeof e == "number");
+			t && (r = t[1]);
+		}
+		if (r === null) return null;
+		let i = [
+			p,
+			"label",
+			"name",
+			"title",
+			"month",
+			"region",
+			"category"
+		], a = `Item ${t + 1}`;
+		for (let t of i) if (e[t] && typeof e[t] == "string") {
+			a = e[t];
+			break;
+		}
+		let o = e.growth ?? e.change ?? e.trend ?? e.percentChange, s = typeof o == "number" ? o > 0 ? "up" : o < 0 ? "down" : "stable" : void 0;
+		return {
+			id: `kpi-${t}`,
+			label: a,
+			value: r,
+			unit: f.toLowerCase().includes("revenue") || f.toLowerCase().includes("sales") ? "$" : void 0,
+			trend: s,
+			trendValue: typeof o == "number" ? o : void 0
+		};
+	};
+	if (o?.kpis && Array.isArray(o.kpis)) d = o.kpis;
+	else if (Array.isArray(o) && o.length > 0) {
+		for (let e = 0; e < Math.min(o.length, 4); e++) {
+			let t = o[e];
+			if (t && typeof t == "object") {
+				let n = h(t, e);
+				n && d.push(n);
+			}
+		}
+		if (d.length === 0 && o.length > 0) {
+			let e = o[0];
+			d = Object.entries(e).filter(([, e]) => typeof e == "number").slice(0, 4).map(([e]) => {
+				let t = o.reduce((t, n) => {
+					let r = n[e];
+					return t + (typeof r == "number" ? r : 0);
+				}, 0);
+				return {
+					id: e,
+					label: e.replace(/([A-Z])/g, " $1").replace(/^./, (e) => e.toUpperCase()),
+					value: t,
+					unit: e.toLowerCase().includes("revenue") || e.toLowerCase().includes("sales") ? "$" : void 0
+				};
+			});
+		}
+	} else if (typeof o == "number" || typeof o == "string") {
+		let t = typeof o == "string" ? parseFloat(o) : o;
+		isNaN(t) || (d = [{
+			id: "primary",
+			label: (u?.subtitle || e.title || "Value").trim(),
+			value: t,
+			unit: u?.format === "currency" ? "$" : u?.format === "percent" ? "%" : void 0
+		}]);
+	} else if (o && typeof o == "object" && !Array.isArray(o)) {
+		let e = o;
+		"summary" in e && e.summary && typeof e.summary == "object" && (d = m(e.summary)), d.length === 0 && (d = m(e));
+	}
+	return d.length ? /* @__PURE__ */ t("div", {
+		className: "h-full p-4 overflow-auto",
+		children: /* @__PURE__ */ t("div", {
+			className: "grid grid-cols-2 gap-3",
+			children: d.map((e) => /* @__PURE__ */ n("div", {
+				className: `
+                p-3 rounded-lg border border-border-default bg-bg-muted/30
+                ${s || l ? "cursor-pointer hover:border-action-primary-bg transition-colors" : ""}
+              `,
+				onClick: () => {
+					l && c && c({
+						kpiId: e.id,
+						kpiLabel: e.label,
+						kpiValue: e.value,
+						kpiUnit: e.unit,
+						kpiTrend: e.trend,
+						kpiTrendValue: e.trendValue,
+						kpiTarget: e.target,
+						kpiPreviousValue: e.previousValue
+					}), s?.(e);
+				},
+				children: [
+					/* @__PURE__ */ t("p", {
+						className: "text-xs text-text-secondary truncate mb-1",
+						children: e.label
+					}),
+					/* @__PURE__ */ t("p", {
+						className: "text-xl font-semibold text-text-primary",
+						children: r(e.value, e.unit)
+					}),
+					e.trendValue !== void 0 && /* @__PURE__ */ n("div", {
+						className: `flex items-center gap-1 mt-1 text-xs ${i(e.trend, e.trendValue)}`,
+						children: [/* @__PURE__ */ t("span", { children: a(e.trend) }), /* @__PURE__ */ n("span", { children: [
+							e.trendValue >= 0 ? "+" : "",
+							e.trendValue.toFixed(1),
+							"%"
+						] })]
+					}),
+					e.target !== void 0 && /* @__PURE__ */ n("div", {
+						className: "mt-2",
+						children: [/* @__PURE__ */ n("div", {
+							className: "flex justify-between text-[10px] text-text-tertiary mb-0.5",
+							children: [/* @__PURE__ */ t("span", { children: "vs target" }), /* @__PURE__ */ n("span", { children: [(e.value / e.target * 100).toFixed(0), "%"] })]
+						}), /* @__PURE__ */ t("div", {
+							className: "h-1 bg-bg-muted rounded-full overflow-hidden",
+							children: /* @__PURE__ */ t("div", {
+								className: `h-full rounded-full ${e.value >= e.target ? "bg-state-success" : "bg-action-primary-bg"}`,
+								style: { width: `${Math.min(e.value / e.target * 100, 100)}%` }
+							})
+						})]
+					})
+				]
+			}, e.id))
+		})
+	}) : /* @__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: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+				})
+			}), /* @__PURE__ */ t("p", { children: "No KPI data" })]
+		})
+	});
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=KPIComparisonWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KPIComparisonWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/kpi-comparison/KPIComparisonWidget.tsx"],"sourcesContent":["/**\n * KPIComparisonWidget Component\n *\n * Displays multiple KPIs in a grid for comparison.\n */\n\nimport { type FC, memo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface KPIComparisonWidgetProps {\n  widget: Widget;\n  data?: KPIComparisonData;\n  onClick?: (kpi: KPIItem) => void;\n  onDrilldown?: (data: Record<string, unknown>) => void;\n}\n\nexport interface KPIItem {\n  id: string;\n  label: string;\n  value: number;\n  previousValue?: number;\n  target?: number;\n  unit?: string;\n  trend?: 'up' | 'down' | 'stable';\n  trendValue?: number;\n}\n\nexport interface KPIComparisonData {\n  kpis?: KPIItem[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: number, unit?: string): string {\n  if (unit === '$') {\n    return new Intl.NumberFormat('en-US', {\n      style: 'currency',\n      currency: 'USD',\n      notation: value >= 10000 ? 'compact' : 'standard',\n      maximumFractionDigits: 1,\n    }).format(value);\n  }\n  if (unit === '%') {\n    return `${value.toFixed(1)}%`;\n  }\n  return new Intl.NumberFormat('en-US', {\n    notation: value >= 10000 ? 'compact' : 'standard',\n    maximumFractionDigits: 1,\n  }).format(value);\n}\n\nfunction getTrendColor(trend?: string, trendValue?: number): string {\n  if (!trend || trend === 'stable') return 'text-text-secondary';\n  if (trend === 'up' && (trendValue ?? 0) >= 0) return 'text-state-success';\n  if (trend === 'down' && (trendValue ?? 0) < 0) return 'text-state-error';\n  return 'text-text-secondary';\n}\n\nfunction getTrendIcon(trend?: string): string {\n  if (trend === 'up') return '↑';\n  if (trend === 'down') return '↓';\n  return '→';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const KPIComparisonWidget: FC<KPIComparisonWidgetProps> = memo(function KPIComparisonWidget({\n  widget,\n  data,\n  onClick,\n  onDrilldown,\n}) {\n  const hasDrilldown = !!widget.drilldown?.enabled;\n  const config = widget.config as Record<string, unknown> | undefined;\n\n  // Build KPIs array from data\n  // Support multiple formats:\n  // 1. data.kpis array (standard format)\n  // 2. Single value from data.processed (e.g., 125000 from DataSink)\n  // 3. data is a number/string directly\n  // 4. Nested summary object (e.g., {sales: [...], summary: {totalSales: 123}})\n  // 5. Array of objects from DataSink (e.g., [{month: \"Jan\", revenue: 45000}, ...])\n  let kpis: KPIItem[] = [];\n\n  // Get configured value field from widget config (for DataSink data)\n  const valueField = (config?.valueField as string) || (config?.value_field as string) || 'value';\n  const labelField = (config?.labelField as string) || (config?.label_field as string) || 'label';\n\n  // Helper to convert object with numeric values to KPIs\n  const objectToKpis = (obj: Record<string, unknown>): KPIItem[] => {\n    const entries = Object.entries(obj);\n    return entries\n      .filter(([, v]) => typeof v === 'number')\n      .map(([key, value]) => ({\n        id: key,\n        label: key.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),\n        value: value as number,\n        unit:\n          key.toLowerCase().includes('sales') ||\n          key.toLowerCase().includes('revenue') ||\n          key.toLowerCase().includes('value')\n            ? '$'\n            : undefined,\n      }));\n  };\n\n  // Helper to extract KPI from a single data row using config fields\n  const extractKpiFromRow = (row: Record<string, unknown>, index: number): KPIItem | null => {\n    // Try to get value from configured field or common field names\n    const valueCandidates = [valueField, 'value', 'revenue', 'amount', 'total', 'count', 'sales', 'growth'];\n    let value: number | null = null;\n\n    for (const field of valueCandidates) {\n      if (typeof row[field] === 'number') {\n        value = row[field] as number;\n        break;\n      }\n      if (typeof row[field] === 'string' && !isNaN(parseFloat(row[field] as string))) {\n        value = parseFloat(row[field] as string);\n        break;\n      }\n    }\n\n    if (value === null) {\n      // Try to find any numeric field\n      const numericEntry = Object.entries(row).find(([, v]) => typeof v === 'number');\n      if (numericEntry) {\n        value = numericEntry[1] as number;\n      }\n    }\n\n    if (value === null) return null;\n\n    // Try to get label from configured field or common field names\n    const labelCandidates = [labelField, 'label', 'name', 'title', 'month', 'region', 'category'];\n    let label = `Item ${index + 1}`;\n\n    for (const field of labelCandidates) {\n      if (row[field] && typeof row[field] === 'string') {\n        label = row[field] as string;\n        break;\n      }\n    }\n\n    // Check for growth/trend fields\n    const growthValue = row.growth ?? row.change ?? row.trend ?? row.percentChange;\n    const trend =\n      typeof growthValue === 'number' ? (growthValue > 0 ? 'up' : growthValue < 0 ? 'down' : 'stable') : undefined;\n\n    return {\n      id: `kpi-${index}`,\n      label,\n      value,\n      unit:\n        valueField.toLowerCase().includes('revenue') || valueField.toLowerCase().includes('sales') ? '$' : undefined,\n      trend: trend as 'up' | 'down' | 'stable' | undefined,\n      trendValue: typeof growthValue === 'number' ? growthValue : undefined,\n    };\n  };\n\n  if (data?.kpis && Array.isArray(data.kpis)) {\n    // Standard KPIs array\n    kpis = data.kpis;\n  } else if (Array.isArray(data) && data.length > 0) {\n    // NEW: Handle array of objects from DataSink\n    // Extract KPIs from each row, up to 4 items for display\n    const maxKpis = 4;\n    for (let i = 0; i < Math.min(data.length, maxKpis); i++) {\n      const row = data[i] as Record<string, unknown>;\n      if (row && typeof row === 'object') {\n        const kpi = extractKpiFromRow(row, i);\n        if (kpi) kpis.push(kpi);\n      }\n    }\n\n    // If we couldn't extract KPIs from rows, try to aggregate numeric fields\n    if (kpis.length === 0 && data.length > 0) {\n      const firstRow = data[0] as Record<string, unknown>;\n      const numericFields = Object.entries(firstRow).filter(([, v]) => typeof v === 'number');\n\n      // Create KPIs by aggregating (summing) each numeric field across all rows\n      kpis = numericFields.slice(0, maxKpis).map(([field]) => {\n        const sum = data.reduce((acc, row) => {\n          const val = (row as Record<string, unknown>)[field];\n          return acc + (typeof val === 'number' ? val : 0);\n        }, 0);\n\n        return {\n          id: field,\n          label: field.replace(/([A-Z])/g, ' $1').replace(/^./, (s) => s.toUpperCase()),\n          value: sum,\n          unit: field.toLowerCase().includes('revenue') || field.toLowerCase().includes('sales') ? '$' : undefined,\n        };\n      });\n    }\n  } else if (typeof data === 'number' || typeof data === 'string') {\n    // Single value - create a KPI from it using widget config\n    const value = typeof data === 'string' ? parseFloat(data) : data;\n    if (!isNaN(value)) {\n      kpis = [\n        {\n          id: 'primary',\n          label: ((config?.subtitle as string) || widget.title || 'Value').trim(),\n          value,\n          unit: config?.format === 'currency' ? '$' : config?.format === 'percent' ? '%' : undefined,\n        },\n      ];\n    }\n  } else if (data && typeof data === 'object' && !Array.isArray(data)) {\n    const dataObj = data as Record<string, unknown>;\n\n    // First, check if there's a nested 'summary' object with numeric values\n    if ('summary' in dataObj && dataObj.summary && typeof dataObj.summary === 'object') {\n      kpis = objectToKpis(dataObj.summary as Record<string, unknown>);\n    }\n\n    // If no KPIs from summary, try top-level numeric values\n    if (kpis.length === 0) {\n      kpis = objectToKpis(dataObj);\n    }\n  }\n\n  if (!kpis.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\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 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z\"\n            />\n          </svg>\n          <p>No KPI data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"h-full p-4 overflow-auto\">\n      <div className=\"grid grid-cols-2 gap-3\">\n        {kpis.map((kpi) => (\n          <div\n            key={kpi.id}\n            className={`\n                p-3 rounded-lg border border-border-default bg-bg-muted/30\n                ${onClick || hasDrilldown ? 'cursor-pointer hover:border-action-primary-bg transition-colors' : ''}\n              `}\n            onClick={() => {\n              // Trigger drilldown with KPI data if enabled\n              if (hasDrilldown && onDrilldown) {\n                onDrilldown({\n                  kpiId: kpi.id,\n                  kpiLabel: kpi.label,\n                  kpiValue: kpi.value,\n                  kpiUnit: kpi.unit,\n                  kpiTrend: kpi.trend,\n                  kpiTrendValue: kpi.trendValue,\n                  kpiTarget: kpi.target,\n                  kpiPreviousValue: kpi.previousValue,\n                });\n              }\n              onClick?.(kpi);\n            }}\n          >\n            {/* Label */}\n            <p className=\"text-xs text-text-secondary truncate mb-1\">{kpi.label}</p>\n\n            {/* Value */}\n            <p className=\"text-xl font-semibold text-text-primary\">{formatValue(kpi.value, kpi.unit)}</p>\n\n            {/* Trend */}\n            {kpi.trendValue !== undefined && (\n              <div className={`flex items-center gap-1 mt-1 text-xs ${getTrendColor(kpi.trend, kpi.trendValue)}`}>\n                <span>{getTrendIcon(kpi.trend)}</span>\n                <span>\n                  {kpi.trendValue >= 0 ? '+' : ''}\n                  {kpi.trendValue.toFixed(1)}%\n                </span>\n              </div>\n            )}\n\n            {/* Target progress */}\n            {kpi.target !== undefined && (\n              <div className=\"mt-2\">\n                <div className=\"flex justify-between text-[10px] text-text-tertiary mb-0.5\">\n                  <span>vs target</span>\n                  <span>{((kpi.value / kpi.target) * 100).toFixed(0)}%</span>\n                </div>\n                <div className=\"h-1 bg-bg-muted rounded-full overflow-hidden\">\n                  <div\n                    className={`h-full rounded-full ${kpi.value >= kpi.target ? 'bg-state-success' : 'bg-action-primary-bg'}`}\n                    style={{ width: `${Math.min((kpi.value / kpi.target) * 100, 100)}%` }}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n});\n\nexport default KPIComparisonWidget;\n"],"mappings":"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"}

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

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

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

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

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

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

package/dist/bigconsole/components/widgets/line-chart/index.d.ts

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+import { ChartData } from '../chart/charts/types';
+
+export interface LineChartWidgetProps {
+    widget: Widget;
+    data?: ChartData[];
+    onClick?: (dataPoint: ChartData, index: number) => void;
+}
+export declare const LineChartWidget: FC<LineChartWidgetProps>;
+export default LineChartWidget;
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/line-chart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/line-chart/index.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CAWnD,CAAC;AAEH,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,12 @@
+import { FC } from 'react';
+import { ListConfig as ConfigType } from '../../../types';
+
+export interface ListConfigProps {
+    /** Current configuration */
+    config: ConfigType;
+    /** Callback when config changes */
+    onChange: (config: ConfigType) => void;
+}
+export declare const ListConfig: FC<ListConfigProps>;
+export default ListConfig;
+//# sourceMappingURL=ListConfig.d.ts.map

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

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

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

@@ -0,0 +1,131 @@
+import { memo as e, useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/list/ListConfig.tsx
+var i = e(function({ config: e, onChange: i }) {
+	let a = t((t, n) => {
+		i({
+			...e,
+			[t]: n
+		});
+	}, [e, i]);
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
+					className: "block text-sm font-medium text-text-primary mb-1",
+					children: "Maximum Items to Display"
+				}),
+				/* @__PURE__ */ n("input", {
+					type: "number",
+					value: e.maxItems ?? "",
+					onChange: (e) => a("maxItems", e.target.value ? Number(e.target.value) : void 0),
+					min: 1,
+					placeholder: "No limit",
+					className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          "
+				}),
+				/* @__PURE__ */ n("p", {
+					className: "text-xs text-text-secondary mt-1",
+					children: "Leave empty to show all items"
+				})
+			] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Title Field"
+			}), /* @__PURE__ */ n("input", {
+				type: "text",
+				value: e.titleField || "",
+				onChange: (e) => a("titleField", e.target.value),
+				placeholder: "e.g., name, title",
+				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          "
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Subtitle Field"
+			}), /* @__PURE__ */ n("input", {
+				type: "text",
+				value: e.subtitleField || "",
+				onChange: (e) => a("subtitleField", e.target.value),
+				placeholder: "e.g., description, email",
+				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          "
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Value Field (right side)"
+			}), /* @__PURE__ */ n("input", {
+				type: "text",
+				value: e.valueField || "",
+				onChange: (e) => a("valueField", e.target.value),
+				placeholder: "e.g., amount, count",
+				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          "
+			})] }),
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				className: "block text-sm font-medium text-text-primary mb-1",
+				children: "Badge Field"
+			}), /* @__PURE__ */ n("input", {
+				type: "text",
+				value: e.badgeField || "",
+				onChange: (e) => a("badgeField", e.target.value),
+				placeholder: "e.g., status, type",
+				className: "\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          "
+			})] }),
+			/* @__PURE__ */ r("div", {
+				className: "space-y-3",
+				children: [
+					/* @__PURE__ */ r("label", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ n("input", {
+							type: "checkbox",
+							checked: e.showCount !== !1,
+							onChange: (e) => a("showCount", 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", {
+							className: "text-sm text-text-primary",
+							children: "Show item count"
+						})]
+					}),
+					/* @__PURE__ */ r("label", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ n("input", {
+							type: "checkbox",
+							checked: e.showSearch === !0,
+							onChange: (e) => a("showSearch", 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", {
+							className: "text-sm text-text-primary",
+							children: "Show search box"
+						})]
+					}),
+					/* @__PURE__ */ r("label", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ n("input", {
+							type: "checkbox",
+							checked: e.showViewAll !== !1,
+							onChange: (e) => a("showViewAll", 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", {
+							className: "text-sm text-text-primary",
+							children: "Show \"View All\" link when truncated"
+						})]
+					}),
+					/* @__PURE__ */ r("label", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ n("input", {
+							type: "checkbox",
+							checked: e.showIcon === !0,
+							onChange: (e) => a("showIcon", 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", {
+							className: "text-sm text-text-primary",
+							children: "Show item icons"
+						})]
+					})
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ListConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListConfig.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/list/ListConfig.tsx"],"sourcesContent":["/**\n * ListConfig Component\n *\n * Configuration panel for List widgets.\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport type { ListConfig as ConfigType } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ListConfigProps {\n  /** Current configuration */\n  config: ConfigType;\n  /** Callback when config changes */\n  onChange: (config: ConfigType) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ListConfig: FC<ListConfigProps> = memo(function ListConfig({ config, onChange }) {\n  const 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      {/* Max Items */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Maximum Items to Display</label>\n        <input\n          type=\"number\"\n          value={config.maxItems ?? ''}\n          onChange={(e) => handleChange('maxItems', e.target.value ? Number(e.target.value) : undefined)}\n          min={1}\n          placeholder=\"No limit\"\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n        <p className=\"text-xs text-text-secondary mt-1\">Leave empty to show all items</p>\n      </div>\n\n      {/* Title Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Title Field</label>\n        <input\n          type=\"text\"\n          value={config.titleField || ''}\n          onChange={(e) => handleChange('titleField', e.target.value)}\n          placeholder=\"e.g., name, title\"\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Subtitle Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Subtitle Field</label>\n        <input\n          type=\"text\"\n          value={config.subtitleField || ''}\n          onChange={(e) => handleChange('subtitleField', e.target.value)}\n          placeholder=\"e.g., description, email\"\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Value Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Value Field (right side)</label>\n        <input\n          type=\"text\"\n          value={config.valueField || ''}\n          onChange={(e) => handleChange('valueField', e.target.value)}\n          placeholder=\"e.g., amount, count\"\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Badge Field */}\n      <div>\n        <label className=\"block text-sm font-medium text-text-primary mb-1\">Badge Field</label>\n        <input\n          type=\"text\"\n          value={config.badgeField || ''}\n          onChange={(e) => handleChange('badgeField', e.target.value)}\n          placeholder=\"e.g., status, type\"\n          className=\"\n            w-full px-3 py-2\n            text-sm text-text-primary\n            bg-bg-surface\n            border border-border-default\n            rounded-md\n            focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n          \"\n        />\n      </div>\n\n      {/* Toggle Options */}\n      <div className=\"space-y-3\">\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showCount !== false}\n            onChange={(e) => handleChange('showCount', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">Show item count</span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showSearch === true}\n            onChange={(e) => handleChange('showSearch', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">Show search box</span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showViewAll !== false}\n            onChange={(e) => handleChange('showViewAll', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">Show &quot;View All&quot; link when truncated</span>\n        </label>\n\n        <label className=\"flex items-center gap-3\">\n          <input\n            type=\"checkbox\"\n            checked={config.showIcon === true}\n            onChange={(e) => handleChange('showIcon', e.target.checked)}\n            className=\"\n              w-4 h-4\n              text-action-primary-bg\n              bg-bg-surface\n              border-border-default\n              rounded\n              focus:ring-action-primary-bg\n            \"\n          />\n          <span className=\"text-sm text-text-primary\">Show item icons</span>\n        </label>\n      </div>\n    </div>\n  );\n});\n\nexport default ListConfig;\n"],"mappings":"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"}