@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js

@@ -0,0 +1,55 @@
+import { memo as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/metric-card/TrendIndicator.tsx
+var n = {
+	sm: "w-3 h-3",
+	md: "w-4 h-4",
+	lg: "w-5 h-5"
+}, r = e(function({ direction: e, size: r = "md", positiveIsGood: i = !0 }) {
+	let a = () => {
+		if (e === "flat") return "text-text-secondary";
+		let t = e === "up";
+		return (i ? t : !t) ? "text-state-success" : "text-state-error";
+	}, o = n[r], s = a();
+	return e === "flat" ? /* @__PURE__ */ t("svg", {
+		className: `${o} ${s}`,
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		"aria-label": "No change",
+		children: /* @__PURE__ */ t("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M5 12h14"
+		})
+	}) : e === "up" ? /* @__PURE__ */ t("svg", {
+		className: `${o} ${s}`,
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		"aria-label": "Trending up",
+		children: /* @__PURE__ */ t("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M5 15l7-7 7 7"
+		})
+	}) : /* @__PURE__ */ t("svg", {
+		className: `${o} ${s}`,
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		"aria-label": "Trending down",
+		children: /* @__PURE__ */ t("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M19 9l-7 7-7-7"
+		})
+	});
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TrendIndicator.js.map

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrendIndicator.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/metric-card/TrendIndicator.tsx"],"sourcesContent":["/**\n * TrendIndicator Component\n *\n * Displays up/down/flat trend arrow with color coding.\n */\n\nimport { type FC, memo } from 'react';\n\nexport type TrendDirection = 'up' | 'down' | 'flat';\n\nexport interface TrendIndicatorProps {\n  /** Direction of the trend */\n  direction: TrendDirection;\n  /** Size variant */\n  size?: 'sm' | 'md' | 'lg';\n  /** Whether positive trend is good (default true for metrics like revenue) */\n  positiveIsGood?: boolean;\n}\n\nconst SIZE_CLASSES = {\n  sm: 'w-3 h-3',\n  md: 'w-4 h-4',\n  lg: 'w-5 h-5',\n};\n\nexport const TrendIndicator: FC<TrendIndicatorProps> = memo(function TrendIndicator({\n  direction,\n  size = 'md',\n  positiveIsGood = true,\n}) {\n  // Determine color based on direction and whether positive is good\n  const getColorClass = (): string => {\n    if (direction === 'flat') {\n      return 'text-text-secondary';\n    }\n\n    const isPositive = direction === 'up';\n    const isGood = positiveIsGood ? isPositive : !isPositive;\n\n    return isGood ? 'text-state-success' : 'text-state-error';\n  };\n\n  const sizeClass = SIZE_CLASSES[size];\n  const colorClass = getColorClass();\n\n  if (direction === 'flat') {\n    return (\n      <svg\n        className={`${sizeClass} ${colorClass}`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        aria-label=\"No change\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 12h14\" />\n      </svg>\n    );\n  }\n\n  if (direction === 'up') {\n    return (\n      <svg\n        className={`${sizeClass} ${colorClass}`}\n        fill=\"none\"\n        stroke=\"currentColor\"\n        viewBox=\"0 0 24 24\"\n        aria-label=\"Trending up\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M5 15l7-7 7 7\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      className={`${sizeClass} ${colorClass}`}\n      fill=\"none\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 24 24\"\n      aria-label=\"Trending down\"\n    >\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n    </svg>\n  );\n});\n\nexport default TrendIndicator;\n"],"mappings":";;;AAmBA,IAAM,IAAe;CACnB,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAA0C,EAAK,SAAwB,EAClF,cACA,UAAO,MACP,oBAAiB,MAChB;CAED,IAAM,UAA8B;AAClC,MAAI,MAAc,OAChB,QAAO;EAGT,IAAM,IAAa,MAAc;AAGjC,UAFe,IAAiB,IAAa,CAAC,KAE9B,uBAAuB;IAGnC,IAAY,EAAa,IACzB,IAAa,GAAe;AA8BlC,QA5BI,MAAc,SAEd,kBAAC,OAAD;EACE,WAAW,GAAG,EAAU,GAAG;EAC3B,MAAK;EACL,QAAO;EACP,SAAQ;EACR,cAAW;YAEX,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAa,CAAA;EAC9E,CAAA,GAIN,MAAc,OAEd,kBAAC,OAAD;EACE,WAAW,GAAG,EAAU,GAAG;EAC3B,MAAK;EACL,QAAO;EACP,SAAQ;EACR,cAAW;YAEX,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAkB,CAAA;EACnF,CAAA,GAKR,kBAAC,OAAD;EACE,WAAW,GAAG,EAAU,GAAG;EAC3B,MAAK;EACL,QAAO;EACP,SAAQ;EACR,cAAW;YAEX,kBAAC,QAAD;GAAM,eAAc;GAAQ,gBAAe;GAAQ,aAAa;GAAG,GAAE;GAAmB,CAAA;EACpF,CAAA;EAER"}

package/dist/bigconsole/components/widgets/metric-card/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * MetricCard Widget
+ *
+ * Single KPI/metric display with trend, comparison, and sparkline.
+ */
+export { MetricCardWidget, type MetricCardWidgetProps, type MetricCardData } from './MetricCardWidget';
+export { MetricCardConfig, type MetricCardConfigProps } from './MetricCardConfig';
+export { TrendIndicator, type TrendIndicatorProps, type TrendDirection } from './TrendIndicator';
+export { ComparisonBadge, type ComparisonBadgeProps } from './ComparisonBadge';
+export { SparklineChart, type SparklineChartProps, type SparklineDataPoint } from './SparklineChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/metric-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/metric-card/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACvG,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACjG,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/metric-card/index.js

@@ -0,0 +1,6 @@
+import e from "./TrendIndicator.js";
+import t from "./ComparisonBadge.js";
+import n from "./SparklineChart.js";
+import r from "./MetricCardWidget.js";
+import i from "./MetricCardConfig.js";
+export { t as ComparisonBadge, i as MetricCardConfig, r as MetricCardWidget, n as SparklineChart, e as TrendIndicator };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/pie-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,mBAAmB;IAClC,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,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAWjD,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { Widget, PivotTableConfig as PivotTableConfigType, PivotValueField } from '../../../types';
+
+export type PivotTableConfig = PivotTableConfigType;
+export type ValueField = PivotValueField;
+export interface PivotTableWidgetProps {
+    /** Widget configuration */
+    widget: Widget;
+    /** Raw data array */
+    data?: Record<string, unknown> | Record<string, unknown>[];
+    /** Whether the widget is in edit mode */
+    isEditMode?: boolean;
+    /** Whether the widget is selected */
+    isSelected?: boolean;
+    /** Whether data is loading */
+    isLoading?: boolean;
+    /** Error message if any */
+    error?: string | null;
+    /** Callback when widget is clicked */
+    onClick?: () => void;
+    /** Drilldown handler */
+    onDrilldown?: (selectedData: Record<string, unknown>) => void;
+}
+export declare const PivotTableWidget: FC<PivotTableWidgetProps>;
+export default PivotTableWidget;
+//# sourceMappingURL=PivotTableWidget.d.ts.map

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotTableWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAE,gBAAgB,IAAI,oBAAoB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAQxG,MAAM,MAAM,gBAAgB,GAAG,oBAAoB,CAAC;AACpD,MAAM,MAAM,UAAU,GAAG,eAAe,CAAC;AAEzC,MAAM,WAAW,qBAAqB;IACpC,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAC3D,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wBAAwB;IACxB,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAsID,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAoSrD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js

@@ -0,0 +1,281 @@
+import { memo as e, useCallback as t, useMemo as n, useState as r } from "react";
+import { ChevronDown as i, ChevronRight as a, Settings as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx
+var l = {
+	sum: (e) => e.reduce((e, t) => e + t, 0),
+	count: (e) => e.length,
+	average: (e) => e.length ? e.reduce((e, t) => e + t, 0) / e.length : 0,
+	min: (e) => e.length ? Math.min(...e) : 0,
+	max: (e) => e.length ? Math.max(...e) : 0
+};
+function u(e, t, n, r = 0) {
+	let i = {
+		key: "root",
+		values: {},
+		children: /* @__PURE__ */ new Map(),
+		expanded: !0,
+		depth: r
+	};
+	if (t.length === 0) {
+		for (let t of n) {
+			let n = e.map((e) => Number(e[t.field]) || 0).filter((e) => !isNaN(e));
+			i.values[t.field] = l[t.aggregation](n);
+		}
+		return i;
+	}
+	let a = t[0], o = t.slice(1), s = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = String(t[a] ?? "Unknown");
+		s.has(e) || s.set(e, []), s.get(e).push(t);
+	}
+	for (let [e, t] of s) {
+		let a = u(t, o, n, r + 1);
+		a.key = e, i.children.set(e, a);
+	}
+	for (let t of n) {
+		let n = e.map((e) => Number(e[t.field]) || 0).filter((e) => !isNaN(e));
+		i.values[t.field] = l[t.aggregation](n);
+	}
+	return i;
+}
+function d(e, t) {
+	if (t.length === 0) return ["Total"];
+	let n = t[0], r = /* @__PURE__ */ new Set();
+	for (let t of e) r.add(String(t[n] ?? "Unknown"));
+	return Array.from(r).sort();
+}
+function f(e, t, n, r) {
+	let i = e;
+	for (let [e, t] of Object.entries(r)) i = i.filter((n) => String(n[e]) === t);
+	let a = /* @__PURE__ */ new Map();
+	if (t.length === 0) {
+		let e = {};
+		for (let t of n) {
+			let n = i.map((e) => Number(e[t.field]) || 0).filter((e) => !isNaN(e));
+			e[t.field] = l[t.aggregation](n);
+		}
+		return a.set("Total", e), a;
+	}
+	let o = t[0], s = d(e, t);
+	for (let e of s) {
+		let t = i.filter((t) => String(t[o]) === e), r = {};
+		for (let e of n) {
+			let n = t.map((t) => Number(t[e.field]) || 0).filter((e) => !isNaN(e));
+			r[e.field] = l[e.aggregation](n);
+		}
+		a.set(e, r);
+	}
+	return a;
+}
+var p = e(function({ widget: e, data: l = [], onDrilldown: p }) {
+	let m = n(() => Array.isArray(l) ? l : [], [l]), h = n(() => {
+		let t = {
+			rows: [],
+			columns: [],
+			values: [],
+			showRowTotals: !0,
+			showColumnTotals: !0,
+			showGrandTotal: !0,
+			expandable: !0,
+			numberFormat: "number",
+			decimalPlaces: 0
+		};
+		return e.config ? {
+			...t,
+			...e.config
+		} : t;
+	}, [e.config]), [g, _] = r(new Set(["root"])), v = n(() => u(m, h.rows, h.values), [
+		m,
+		h.rows,
+		h.values
+	]), y = n(() => d(m, h.columns), [m, h.columns]), b = t((e) => {
+		if (isNaN(e)) return "-";
+		switch (h.numberFormat) {
+			case "currency": return new Intl.NumberFormat("en-US", {
+				style: "currency",
+				currency: "USD",
+				minimumFractionDigits: h.decimalPlaces,
+				maximumFractionDigits: h.decimalPlaces
+			}).format(e);
+			case "percentage": return new Intl.NumberFormat("en-US", {
+				style: "percent",
+				minimumFractionDigits: h.decimalPlaces,
+				maximumFractionDigits: h.decimalPlaces
+			}).format(e / 100);
+			default: return new Intl.NumberFormat("en-US", {
+				minimumFractionDigits: h.decimalPlaces,
+				maximumFractionDigits: h.decimalPlaces
+			}).format(e);
+		}
+	}, [h.numberFormat, h.decimalPlaces]), x = t((e) => {
+		_((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []), S = t((e, t) => {
+		p && p({
+			rowFilter: e,
+			columnValue: t,
+			type: "pivot_cell_click"
+		});
+	}, [p]), C = t((e, t, n, r) => {
+		let o = [], l = e.children.size > 0, u = g.has(n), d = h.rows[r - 1];
+		if (r > 0) {
+			let d = f(m, h.columns, h.values, t);
+			o.push(/* @__PURE__ */ c("tr", {
+				className: "hover:bg-bg-muted/50 transition-colors",
+				children: [
+					/* @__PURE__ */ s("td", {
+						className: "sticky left-0 bg-bg-surface border-r border-border-default px-3 py-2 font-medium text-sm",
+						style: { paddingLeft: `${r * 16 + 8}px` },
+						children: /* @__PURE__ */ c("div", {
+							className: "flex items-center gap-1",
+							children: [
+								h.expandable && l && /* @__PURE__ */ s("button", {
+									type: "button",
+									onClick: () => x(n),
+									className: "p-0.5 hover:bg-bg-muted rounded",
+									children: s(u ? i : a, { className: "w-4 h-4 text-text-secondary" })
+								}),
+								!l && h.expandable && /* @__PURE__ */ s("span", { className: "w-5" }),
+								/* @__PURE__ */ s("span", { children: e.key })
+							]
+						})
+					}),
+					y.map((e) => {
+						let n = d.get(e) || {};
+						return h.values.map((r) => /* @__PURE__ */ s("td", {
+							className: "px-3 py-2 text-sm text-right tabular-nums cursor-pointer hover:bg-action-primary-bg/10",
+							onClick: () => S(t, e),
+							children: b(n[r.field] || 0)
+						}, `${e}-${r.field}`));
+					}),
+					h.showRowTotals && h.values.map((t) => /* @__PURE__ */ s("td", {
+						className: "px-3 py-2 text-sm text-right tabular-nums font-medium bg-bg-muted/30",
+						children: b(e.values[t.field] || 0)
+					}, `total-${t.field}`))
+				]
+			}, n));
+		}
+		if (l && (u || r === 0)) {
+			let i = Array.from(e.children.keys()).sort();
+			for (let a of i) {
+				let i = e.children.get(a), s = `${n}/${a}`, c = d ? {
+					...t,
+					[d]: a
+				} : t;
+				o.push(...C(i, c, s, r + 1));
+			}
+		}
+		return o;
+	}, [
+		m,
+		h,
+		y,
+		g,
+		b,
+		S,
+		x
+	]);
+	return m.length === 0 ? /* @__PURE__ */ c("div", {
+		className: "flex flex-col items-center justify-center h-full p-8 text-text-secondary",
+		children: [
+			/* @__PURE__ */ s(o, { className: "w-12 h-12 mb-4 opacity-50" }),
+			/* @__PURE__ */ s("p", {
+				className: "text-sm",
+				children: "No data available"
+			}),
+			/* @__PURE__ */ s("p", {
+				className: "text-xs mt-1",
+				children: "Configure data source to populate pivot table"
+			})
+		]
+	}) : h.rows.length === 0 && h.values.length === 0 ? /* @__PURE__ */ c("div", {
+		className: "flex flex-col items-center justify-center h-full p-8 text-text-secondary",
+		children: [
+			/* @__PURE__ */ s(o, { className: "w-12 h-12 mb-4 opacity-50" }),
+			/* @__PURE__ */ s("p", {
+				className: "text-sm",
+				children: "Configure Pivot Table"
+			}),
+			/* @__PURE__ */ s("p", {
+				className: "text-xs mt-1",
+				children: "Add row fields and value fields in widget settings"
+			})
+		]
+	}) : /* @__PURE__ */ s("div", {
+		className: "flex flex-col h-full overflow-hidden",
+		children: /* @__PURE__ */ s("div", {
+			className: "flex-1 overflow-auto",
+			children: /* @__PURE__ */ c("table", {
+				className: "w-full border-collapse",
+				children: [
+					/* @__PURE__ */ c("thead", {
+						className: "sticky top-0 z-10",
+						children: [/* @__PURE__ */ c("tr", {
+							className: "bg-bg-muted",
+							children: [
+								/* @__PURE__ */ s("th", {
+									className: "sticky left-0 bg-bg-muted border-r border-b border-border-default px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-text-secondary",
+									children: h.rows.length > 0 ? h.rows.map((e) => e.replace(/_/g, " ")).join(" / ") : "Values"
+								}),
+								y.map((e) => /* @__PURE__ */ s("th", {
+									colSpan: h.values.length,
+									className: "border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary",
+									children: e
+								}, e)),
+								h.showRowTotals && /* @__PURE__ */ s("th", {
+									colSpan: h.values.length,
+									className: "border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary bg-bg-muted/50",
+									children: "Total"
+								})
+							]
+						}), h.values.length > 1 && /* @__PURE__ */ c("tr", {
+							className: "bg-bg-surface",
+							children: [
+								/* @__PURE__ */ s("th", { className: "sticky left-0 bg-bg-surface border-r border-b border-border-default" }),
+								y.map((e) => h.values.map((t) => /* @__PURE__ */ s("th", {
+									className: "border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary",
+									children: t.label || t.field.replace(/_/g, " ")
+								}, `${e}-${t.field}`))),
+								h.showRowTotals && h.values.map((e) => /* @__PURE__ */ s("th", {
+									className: "border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary bg-bg-muted/30",
+									children: e.label || e.field.replace(/_/g, " ")
+								}, `total-${e.field}`))
+							]
+						})]
+					}),
+					/* @__PURE__ */ s("tbody", {
+						className: "divide-y divide-border-default",
+						children: C(v, {}, "root", 0)
+					}),
+					h.showColumnTotals && /* @__PURE__ */ s("tfoot", { children: /* @__PURE__ */ c("tr", {
+						className: "bg-bg-muted/50 font-medium",
+						children: [
+							/* @__PURE__ */ s("td", {
+								className: "sticky left-0 bg-bg-muted/50 border-r border-t border-border-default px-3 py-2 text-sm",
+								children: "Total"
+							}),
+							y.map((e) => {
+								let t = f(m, h.columns, h.values, {}).get(e) || {};
+								return h.values.map((n) => /* @__PURE__ */ s("td", {
+									className: "border-t border-border-default px-3 py-2 text-sm text-right tabular-nums",
+									children: b(t[n.field] || 0)
+								}, `footer-${e}-${n.field}`));
+							}),
+							h.showRowTotals && h.showGrandTotal && h.values.map((e) => /* @__PURE__ */ s("td", {
+								className: "border-t border-border-default px-3 py-2 text-sm text-right tabular-nums font-bold bg-bg-muted",
+								children: b(v.values[e.field] || 0)
+							}, `grand-${e.field}`))
+						]
+					}) })
+				]
+			})
+		})
+	});
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=PivotTableWidget.js.map

package/dist/bigconsole/components/widgets/pivot-table/PivotTableWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PivotTableWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/pivot-table/PivotTableWidget.tsx"],"sourcesContent":["/**\n * PivotTableWidget Component\n *\n * Interactive pivot table for data analysis with rows, columns, and aggregations.\n * v2.0 spec compliant widget type.\n */\n\nimport type { JSX } from 'react';\nimport { type FC, memo, useMemo, useState, useCallback } from 'react';\nimport type { Widget, PivotTableConfig as PivotTableConfigType, PivotValueField } from '../../../types';\nimport { ChevronDown, ChevronRight, Settings } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type PivotTableConfig = PivotTableConfigType;\nexport type ValueField = PivotValueField;\n\nexport interface PivotTableWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** Raw data array */\n  data?: Record<string, unknown> | Record<string, unknown>[];\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  /** Drilldown handler */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\ninterface PivotNode {\n  key: string;\n  values: Record<string, number>;\n  children: Map<string, PivotNode>;\n  expanded: boolean;\n  depth: number;\n}\n\n// ============================================================================\n// Aggregation Functions\n// ============================================================================\n\nconst aggregationFunctions: Record<string, (values: number[]) => number> = {\n  sum: (values) => values.reduce((a, b) => a + b, 0),\n  count: (values) => values.length,\n  average: (values) => (values.length ? values.reduce((a, b) => a + b, 0) / values.length : 0),\n  min: (values) => (values.length ? Math.min(...values) : 0),\n  max: (values) => (values.length ? Math.max(...values) : 0),\n};\n\n// ============================================================================\n// Pivot Engine\n// ============================================================================\n\nfunction buildPivotTree(\n  data: Record<string, unknown>[],\n  rowFields: string[],\n  valueFields: ValueField[],\n  depth: number = 0\n): PivotNode {\n  const root: PivotNode = {\n    key: 'root',\n    values: {},\n    children: new Map(),\n    expanded: true,\n    depth,\n  };\n\n  if (rowFields.length === 0) {\n    // Leaf level - aggregate values\n    for (const vf of valueFields) {\n      const values = data.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      root.values[vf.field] = aggregationFunctions[vf.aggregation](values);\n    }\n    return root;\n  }\n\n  const currentField = rowFields[0];\n  const remainingFields = rowFields.slice(1);\n\n  // Group data by current field\n  const groups = new Map<string, Record<string, unknown>[]>();\n  for (const row of data) {\n    const key = String(row[currentField] ?? 'Unknown');\n    if (!groups.has(key)) {\n      groups.set(key, []);\n    }\n    groups.get(key)!.push(row);\n  }\n\n  // Build children recursively\n  for (const [key, groupData] of groups) {\n    const childNode = buildPivotTree(groupData, remainingFields, valueFields, depth + 1);\n    childNode.key = key;\n    root.children.set(key, childNode);\n  }\n\n  // Calculate aggregates for this level\n  for (const vf of valueFields) {\n    const values = data.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n    root.values[vf.field] = aggregationFunctions[vf.aggregation](values);\n  }\n\n  return root;\n}\n\nfunction getColumnValues(data: Record<string, unknown>[], columnFields: string[]): string[] {\n  if (columnFields.length === 0) return ['Total'];\n\n  const columnField = columnFields[0];\n  const uniqueValues = new Set<string>();\n  for (const row of data) {\n    uniqueValues.add(String(row[columnField] ?? 'Unknown'));\n  }\n  return Array.from(uniqueValues).sort();\n}\n\nfunction getValuesByColumn(\n  data: Record<string, unknown>[],\n  columnFields: string[],\n  valueFields: ValueField[],\n  rowFilter: Record<string, string>\n): Map<string, Record<string, number>> {\n  // Filter data by row values\n  let filteredData = data;\n  for (const [field, value] of Object.entries(rowFilter)) {\n    filteredData = filteredData.filter((row) => String(row[field]) === value);\n  }\n\n  const result = new Map<string, Record<string, number>>();\n\n  if (columnFields.length === 0) {\n    // No column grouping - just aggregate\n    const values: Record<string, number> = {};\n    for (const vf of valueFields) {\n      const nums = filteredData.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      values[vf.field] = aggregationFunctions[vf.aggregation](nums);\n    }\n    result.set('Total', values);\n    return result;\n  }\n\n  const columnField = columnFields[0];\n  const columnValues = getColumnValues(data, columnFields);\n\n  for (const colValue of columnValues) {\n    const colData = filteredData.filter((row) => String(row[columnField]) === colValue);\n    const values: Record<string, number> = {};\n    for (const vf of valueFields) {\n      const nums = colData.map((row) => Number(row[vf.field]) || 0).filter((v) => !isNaN(v));\n      values[vf.field] = aggregationFunctions[vf.aggregation](nums);\n    }\n    result.set(colValue, values);\n  }\n\n  return result;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const PivotTableWidget: FC<PivotTableWidgetProps> = memo(function PivotTableWidget({\n  widget,\n  data: rawData = [],\n  onDrilldown,\n}) {\n  // Normalize data to array format\n  const data = useMemo(() => (Array.isArray(rawData) ? rawData : []), [rawData]);\n  const config: PivotTableConfig = useMemo(() => {\n    const defaultConfig: PivotTableConfig = {\n      rows: [],\n      columns: [],\n      values: [],\n      showRowTotals: true,\n      showColumnTotals: true,\n      showGrandTotal: true,\n      expandable: true,\n      numberFormat: 'number',\n      decimalPlaces: 0,\n    };\n    return widget.config ? { ...defaultConfig, ...(widget.config as Partial<PivotTableConfig>) } : defaultConfig;\n  }, [widget.config]);\n\n  const [expandedRows, setExpandedRows] = useState<Set<string>>(new Set(['root']));\n\n  // Build pivot structure\n  const pivotTree = useMemo(() => {\n    return buildPivotTree(data, config.rows, config.values);\n  }, [data, config.rows, config.values]);\n\n  const columnValues = useMemo(() => {\n    return getColumnValues(data, config.columns);\n  }, [data, config.columns]);\n\n  // Format number based on config\n  const formatValue = useCallback(\n    (value: number): string => {\n      if (isNaN(value)) return '-';\n\n      switch (config.numberFormat) {\n        case 'currency':\n          return new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: 'USD',\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value);\n        case 'percentage':\n          return new Intl.NumberFormat('en-US', {\n            style: 'percent',\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value / 100);\n        default:\n          return new Intl.NumberFormat('en-US', {\n            minimumFractionDigits: config.decimalPlaces,\n            maximumFractionDigits: config.decimalPlaces,\n          }).format(value);\n      }\n    },\n    [config.numberFormat, config.decimalPlaces]\n  );\n\n  // Toggle row expansion\n  const toggleRow = useCallback((rowPath: string) => {\n    setExpandedRows((prev) => {\n      const next = new Set(prev);\n      if (next.has(rowPath)) {\n        next.delete(rowPath);\n      } else {\n        next.add(rowPath);\n      }\n      return next;\n    });\n  }, []);\n\n  // Handle cell click for drilldown\n  const handleCellClick = useCallback(\n    (rowFilter: Record<string, string>, columnValue: string) => {\n      if (onDrilldown) {\n        onDrilldown({\n          rowFilter,\n          columnValue,\n          type: 'pivot_cell_click',\n        });\n      }\n    },\n    [onDrilldown]\n  );\n\n  // Render row recursively\n  const renderRows = useCallback(\n    (node: PivotNode, rowFilter: Record<string, string>, parentPath: string, depth: number): JSX.Element[] => {\n      const rows: JSX.Element[] = [];\n      const hasChildren = node.children.size > 0;\n      const isExpanded = expandedRows.has(parentPath);\n      const rowField = config.rows[depth - 1];\n\n      if (depth > 0) {\n        const columnData = getValuesByColumn(data, config.columns, config.values, rowFilter);\n\n        rows.push(\n          <tr key={parentPath} className=\"hover:bg-bg-muted/50 transition-colors\">\n            {/* Row header */}\n            <td\n              className=\"sticky left-0 bg-bg-surface border-r border-border-default px-3 py-2 font-medium text-sm\"\n              style={{ paddingLeft: `${depth * 16 + 8}px` }}\n            >\n              <div className=\"flex items-center gap-1\">\n                {config.expandable && hasChildren && (\n                  <button\n                    type=\"button\"\n                    onClick={() => toggleRow(parentPath)}\n                    className=\"p-0.5 hover:bg-bg-muted rounded\"\n                  >\n                    {isExpanded ? (\n                      <ChevronDown className=\"w-4 h-4 text-text-secondary\" />\n                    ) : (\n                      <ChevronRight className=\"w-4 h-4 text-text-secondary\" />\n                    )}\n                  </button>\n                )}\n                {!hasChildren && config.expandable && <span className=\"w-5\" />}\n                <span>{node.key}</span>\n              </div>\n            </td>\n\n            {/* Value cells */}\n            {columnValues.map((colValue) => {\n              const cellValues = columnData.get(colValue) || {};\n              return config.values.map((vf) => (\n                <td\n                  key={`${colValue}-${vf.field}`}\n                  className=\"px-3 py-2 text-sm text-right tabular-nums cursor-pointer hover:bg-action-primary-bg/10\"\n                  onClick={() => handleCellClick(rowFilter, colValue)}\n                >\n                  {formatValue(cellValues[vf.field] || 0)}\n                </td>\n              ));\n            })}\n\n            {/* Row total */}\n            {config.showRowTotals &&\n              config.values.map((vf) => (\n                <td\n                  key={`total-${vf.field}`}\n                  className=\"px-3 py-2 text-sm text-right tabular-nums font-medium bg-bg-muted/30\"\n                >\n                  {formatValue(node.values[vf.field] || 0)}\n                </td>\n              ))}\n          </tr>\n        );\n      }\n\n      // Render children if expanded\n      if (hasChildren && (isExpanded || depth === 0)) {\n        const sortedKeys = Array.from(node.children.keys()).sort();\n        for (const childKey of sortedKeys) {\n          const childNode = node.children.get(childKey)!;\n          const childPath = `${parentPath}/${childKey}`;\n          const childFilter = rowField ? { ...rowFilter, [rowField]: childKey } : rowFilter;\n          rows.push(...renderRows(childNode, childFilter, childPath, depth + 1));\n        }\n      }\n\n      return rows;\n    },\n    [data, config, columnValues, expandedRows, formatValue, handleCellClick, toggleRow]\n  );\n\n  // No data state\n  if (data.length === 0) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-8 text-text-secondary\">\n        <Settings className=\"w-12 h-12 mb-4 opacity-50\" />\n        <p className=\"text-sm\">No data available</p>\n        <p className=\"text-xs mt-1\">Configure data source to populate pivot table</p>\n      </div>\n    );\n  }\n\n  // No configuration state\n  if (config.rows.length === 0 && config.values.length === 0) {\n    return (\n      <div className=\"flex flex-col items-center justify-center h-full p-8 text-text-secondary\">\n        <Settings className=\"w-12 h-12 mb-4 opacity-50\" />\n        <p className=\"text-sm\">Configure Pivot Table</p>\n        <p className=\"text-xs mt-1\">Add row fields and value fields in widget settings</p>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full overflow-hidden\">\n      <div className=\"flex-1 overflow-auto\">\n        <table className=\"w-full border-collapse\">\n          {/* Header */}\n          <thead className=\"sticky top-0 z-10\">\n            {/* Column headers row */}\n            <tr className=\"bg-bg-muted\">\n              <th className=\"sticky left-0 bg-bg-muted border-r border-b border-border-default px-3 py-2 text-left text-xs font-semibold uppercase tracking-wider text-text-secondary\">\n                {config.rows.length > 0 ? config.rows.map((r) => r.replace(/_/g, ' ')).join(' / ') : 'Values'}\n              </th>\n\n              {/* Column value headers */}\n              {columnValues.map((colValue) => (\n                <th\n                  key={colValue}\n                  colSpan={config.values.length}\n                  className=\"border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary\"\n                >\n                  {colValue}\n                </th>\n              ))}\n\n              {/* Total header */}\n              {config.showRowTotals && (\n                <th\n                  colSpan={config.values.length}\n                  className=\"border-b border-border-default px-3 py-2 text-center text-xs font-semibold uppercase tracking-wider text-text-secondary bg-bg-muted/50\"\n                >\n                  Total\n                </th>\n              )}\n            </tr>\n\n            {/* Value field headers row (if multiple values) */}\n            {config.values.length > 1 && (\n              <tr className=\"bg-bg-surface\">\n                <th className=\"sticky left-0 bg-bg-surface border-r border-b border-border-default\" />\n                {columnValues.map((colValue) =>\n                  config.values.map((vf) => (\n                    <th\n                      key={`${colValue}-${vf.field}`}\n                      className=\"border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary\"\n                    >\n                      {vf.label || vf.field.replace(/_/g, ' ')}\n                    </th>\n                  ))\n                )}\n                {config.showRowTotals &&\n                  config.values.map((vf) => (\n                    <th\n                      key={`total-${vf.field}`}\n                      className=\"border-b border-border-default px-3 py-1 text-center text-xs text-text-secondary bg-bg-muted/30\"\n                    >\n                      {vf.label || vf.field.replace(/_/g, ' ')}\n                    </th>\n                  ))}\n              </tr>\n            )}\n          </thead>\n\n          {/* Body */}\n          <tbody className=\"divide-y divide-border-default\">{renderRows(pivotTree, {}, 'root', 0)}</tbody>\n\n          {/* Footer with column totals */}\n          {config.showColumnTotals && (\n            <tfoot>\n              <tr className=\"bg-bg-muted/50 font-medium\">\n                <td className=\"sticky left-0 bg-bg-muted/50 border-r border-t border-border-default px-3 py-2 text-sm\">\n                  Total\n                </td>\n                {columnValues.map((colValue) => {\n                  const columnData = getValuesByColumn(data, config.columns, config.values, {});\n                  const cellValues = columnData.get(colValue) || {};\n                  return config.values.map((vf) => (\n                    <td\n                      key={`footer-${colValue}-${vf.field}`}\n                      className=\"border-t border-border-default px-3 py-2 text-sm text-right tabular-nums\"\n                    >\n                      {formatValue(cellValues[vf.field] || 0)}\n                    </td>\n                  ));\n                })}\n                {config.showRowTotals &&\n                  config.showGrandTotal &&\n                  config.values.map((vf) => (\n                    <td\n                      key={`grand-${vf.field}`}\n                      className=\"border-t border-border-default px-3 py-2 text-sm text-right tabular-nums font-bold bg-bg-muted\"\n                    >\n                      {formatValue(pivotTree.values[vf.field] || 0)}\n                    </td>\n                  ))}\n              </tr>\n            </tfoot>\n          )}\n        </table>\n      </div>\n    </div>\n  );\n});\n\nexport default PivotTableWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/pivot-table/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Pivot Table Widget exports
+ */
+export { PivotTableWidget, type PivotTableWidgetProps, type PivotTableConfig, type ValueField, } from './PivotTableWidget';
+export { default } from './PivotTableWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/pivot-table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/pivot-table/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,gBAAgB,EACrB,KAAK,UAAU,GAChB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/bigconsole/components/widgets/pivot-table/index.js

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

package/dist/bigconsole/components/widgets/progress/ProgressBar.d.ts

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+
+export interface Milestone {
+    /** Position as percentage (0-100) */
+    position: number;
+    /** Optional label */
+    label?: string;
+    /** Whether milestone is reached */
+    reached?: boolean;
+}
+export interface ProgressBarProps {
+    /** Current progress value (0-100) */
+    value: number;
+    /** Target value to show as marker */
+    target?: number;
+    /** Milestones to display */
+    milestones?: Milestone[];
+    /** Height of the bar */
+    height?: number;
+    /** Color based on progress */
+    color?: 'default' | 'success' | 'warning' | 'error' | 'dynamic';
+    /** Whether to show percentage label */
+    showPercentage?: boolean;
+    /** Whether to animate */
+    animated?: boolean;
+}
+export declare const ProgressBar: FC<ProgressBarProps>;
+export default ProgressBar;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/bigconsole/components/widgets/progress/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressBar.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAiB,MAAM,OAAO,CAAC;AAM/C,MAAM,WAAW,SAAS;IACxB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,SAAS,EAAE,CAAC;IACzB,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,8BAA8B;IAC9B,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAChE,uCAAuC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8BD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA8F3C,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/bigconsole/components/widgets/progress/ProgressBar.js

@@ -0,0 +1,94 @@
+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/progress/ProgressBar.tsx
+function i(e, t) {
+	if (t === "dynamic") return e >= 75 ? "bg-state-success" : e >= 50 ? "bg-state-warning" : "bg-state-error";
+	switch (t) {
+		case "success": return "bg-state-success";
+		case "warning": return "bg-state-warning";
+		case "error": return "bg-state-error";
+		default: return "bg-action-primary-bg";
+	}
+}
+var a = e(function({ value: e, target: a, milestones: o = [], height: s = 8, color: c = "default", showPercentage: l = !1, animated: u = !0 }) {
+	let d = t(() => Math.max(0, Math.min(100, e)), [e]), f = i(d, c);
+	return /* @__PURE__ */ r("div", {
+		className: "w-full",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "relative w-full rounded-full bg-bg-muted overflow-visible",
+				style: { height: s },
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: `
+            absolute inset-y-0 left-0 rounded-full
+            ${f}
+            ${u ? "transition-all duration-500 ease-out" : ""}
+          `,
+						style: { width: `${d}%` },
+						role: "progressbar",
+						"aria-valuenow": d,
+						"aria-valuemin": 0,
+						"aria-valuemax": 100
+					}),
+					a !== void 0 && a >= 0 && a <= 100 && /* @__PURE__ */ n("div", {
+						className: "absolute top-1/2 -translate-y-1/2 w-0.5 h-[150%] bg-text-primary z-10",
+						style: { left: `${a}%` },
+						title: `Target: ${a}%`,
+						children: /* @__PURE__ */ n("div", {
+							className: "absolute -top-3 left-1/2 -translate-x-1/2",
+							children: /* @__PURE__ */ n("svg", {
+								className: "w-3 h-3 text-text-primary",
+								fill: "currentColor",
+								viewBox: "0 0 24 24",
+								children: /* @__PURE__ */ n("path", { d: "M5 21V3h14l-3 9 3 9H5z" })
+							})
+						})
+					}),
+					o.map((e, t) => /* @__PURE__ */ n("div", {
+						className: `
+              absolute top-1/2 -translate-y-1/2
+              w-3 h-3 rounded-full border-2
+              ${e.reached || d >= e.position ? "bg-bg-surface border-action-primary-bg" : "bg-bg-muted border-border-default"}
+              z-10
+            `,
+						style: {
+							left: `${e.position}%`,
+							transform: "translate(-50%, -50%)"
+						},
+						title: e.label || `${e.position}%`
+					}, t))
+				]
+			}),
+			o.some((e) => e.label) && /* @__PURE__ */ n("div", {
+				className: "relative mt-2",
+				children: o.map((e, t) => e.label ? /* @__PURE__ */ n("span", {
+					className: "absolute text-xs text-text-secondary -translate-x-1/2 whitespace-nowrap",
+					style: { left: `${e.position}%` },
+					children: e.label
+				}, t) : null)
+			}),
+			l && /* @__PURE__ */ r("div", {
+				className: "flex justify-between items-center mt-1",
+				children: [
+					/* @__PURE__ */ n("span", {
+						className: "text-xs text-text-secondary",
+						children: "0%"
+					}),
+					/* @__PURE__ */ r("span", {
+						className: "text-sm font-medium text-text-primary",
+						children: [d.toFixed(0), "%"]
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "text-xs text-text-secondary",
+						children: "100%"
+					})
+				]
+			})
+		]
+	});
+});
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=ProgressBar.js.map

package/dist/bigconsole/components/widgets/progress/ProgressBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/progress/ProgressBar.tsx"],"sourcesContent":["/**\n * ProgressBar Component\n *\n * Horizontal progress bar with optional milestones and target.\n */\n\nimport { type FC, memo, useMemo } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface Milestone {\n  /** Position as percentage (0-100) */\n  position: number;\n  /** Optional label */\n  label?: string;\n  /** Whether milestone is reached */\n  reached?: boolean;\n}\n\nexport interface ProgressBarProps {\n  /** Current progress value (0-100) */\n  value: number;\n  /** Target value to show as marker */\n  target?: number;\n  /** Milestones to display */\n  milestones?: Milestone[];\n  /** Height of the bar */\n  height?: number;\n  /** Color based on progress */\n  color?: 'default' | 'success' | 'warning' | 'error' | 'dynamic';\n  /** Whether to show percentage label */\n  showPercentage?: boolean;\n  /** Whether to animate */\n  animated?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getProgressColor(value: number, color: ProgressBarProps['color']): string {\n  if (color === 'dynamic') {\n    if (value >= 75) return 'bg-state-success';\n    if (value >= 50) return 'bg-state-warning';\n    return 'bg-state-error';\n  }\n\n  switch (color) {\n    case 'success':\n      return 'bg-state-success';\n    case 'warning':\n      return 'bg-state-warning';\n    case 'error':\n      return 'bg-state-error';\n    case 'default':\n    default:\n      return 'bg-action-primary-bg';\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ProgressBar: FC<ProgressBarProps> = memo(function ProgressBar({\n  value,\n  target,\n  milestones = [],\n  height = 8,\n  color = 'default',\n  showPercentage = false,\n  animated = true,\n}) {\n  const clampedValue = useMemo(() => Math.max(0, Math.min(100, value)), [value]);\n\n  const progressColor = getProgressColor(clampedValue, color);\n\n  return (\n    <div className=\"w-full\">\n      {/* Progress bar container */}\n      <div className=\"relative w-full rounded-full bg-bg-muted overflow-visible\" style={{ height }}>\n        {/* Progress fill */}\n        <div\n          className={`\n            absolute inset-y-0 left-0 rounded-full\n            ${progressColor}\n            ${animated ? 'transition-all duration-500 ease-out' : ''}\n          `}\n          style={{ width: `${clampedValue}%` }}\n          role=\"progressbar\"\n          aria-valuenow={clampedValue}\n          aria-valuemin={0}\n          aria-valuemax={100}\n        />\n\n        {/* Target marker */}\n        {target !== undefined && target >= 0 && target <= 100 && (\n          <div\n            className=\"absolute top-1/2 -translate-y-1/2 w-0.5 h-[150%] bg-text-primary z-10\"\n            style={{ left: `${target}%` }}\n            title={`Target: ${target}%`}\n          >\n            {/* Target flag */}\n            <div className=\"absolute -top-3 left-1/2 -translate-x-1/2\">\n              <svg className=\"w-3 h-3 text-text-primary\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n                <path d=\"M5 21V3h14l-3 9 3 9H5z\" />\n              </svg>\n            </div>\n          </div>\n        )}\n\n        {/* Milestones */}\n        {milestones.map((milestone, index) => (\n          <div\n            key={index}\n            className={`\n              absolute top-1/2 -translate-y-1/2\n              w-3 h-3 rounded-full border-2\n              ${\n                milestone.reached || clampedValue >= milestone.position\n                  ? 'bg-bg-surface border-action-primary-bg'\n                  : 'bg-bg-muted border-border-default'\n              }\n              z-10\n            `}\n            style={{ left: `${milestone.position}%`, transform: 'translate(-50%, -50%)' }}\n            title={milestone.label || `${milestone.position}%`}\n          />\n        ))}\n      </div>\n\n      {/* Milestone labels */}\n      {milestones.some((m) => m.label) && (\n        <div className=\"relative mt-2\">\n          {milestones.map((milestone, index) =>\n            milestone.label ? (\n              <span\n                key={index}\n                className=\"absolute text-xs text-text-secondary -translate-x-1/2 whitespace-nowrap\"\n                style={{ left: `${milestone.position}%` }}\n              >\n                {milestone.label}\n              </span>\n            ) : null\n          )}\n        </div>\n      )}\n\n      {/* Percentage label */}\n      {showPercentage && (\n        <div className=\"flex justify-between items-center mt-1\">\n          <span className=\"text-xs text-text-secondary\">0%</span>\n          <span className=\"text-sm font-medium text-text-primary\">{clampedValue.toFixed(0)}%</span>\n          <span className=\"text-xs text-text-secondary\">100%</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ProgressBar;\n"],"mappings":";;;AA0CA,SAAS,EAAiB,GAAe,GAA0C;AACjF,KAAI,MAAU,UAGZ,QAFI,KAAS,KAAW,qBACpB,KAAS,KAAW,qBACjB;AAGT,SAAQ,GAAR;EACE,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,QACH,QAAO;EAET,QACE,QAAO;;;AAQb,IAAa,IAAoC,EAAK,SAAqB,EACzE,UACA,WACA,gBAAa,EAAE,EACf,YAAS,GACT,WAAQ,WACR,oBAAiB,IACjB,cAAW,MACV;CACD,IAAM,IAAe,QAAc,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,EAAM,CAAC,EAAE,CAAC,EAAM,CAAC,EAExE,IAAgB,EAAiB,GAAc,EAAM;AAE3D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;IAA4D,OAAO,EAAE,WAAQ;cAA5F;KAEE,kBAAC,OAAD;MACE,WAAW;;cAEP,EAAc;cACd,IAAW,yCAAyC,GAAG;;MAE3D,OAAO,EAAE,OAAO,GAAG,EAAa,IAAI;MACpC,MAAK;MACL,iBAAe;MACf,iBAAe;MACf,iBAAe;MACf,CAAA;KAGD,MAAW,KAAA,KAAa,KAAU,KAAK,KAAU,OAChD,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,MAAM,GAAG,EAAO,IAAI;MAC7B,OAAO,WAAW,EAAO;gBAGzB,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QAAK,WAAU;QAA4B,MAAK;QAAe,SAAQ;kBACrE,kBAAC,QAAD,EAAM,GAAE,0BAA2B,CAAA;QAC/B,CAAA;OACF,CAAA;MACF,CAAA;KAIP,EAAW,KAAK,GAAW,MAC1B,kBAAC,OAAD;MAEE,WAAW;;;gBAIP,EAAU,WAAW,KAAgB,EAAU,WAC3C,2CACA,oCACL;;;MAGH,OAAO;OAAE,MAAM,GAAG,EAAU,SAAS;OAAI,WAAW;OAAyB;MAC7E,OAAO,EAAU,SAAS,GAAG,EAAU,SAAS;MAChD,EAbK,EAaL,CACF;KACE;;GAGL,EAAW,MAAM,MAAM,EAAE,MAAM,IAC9B,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,GAAW,MAC1B,EAAU,QACR,kBAAC,QAAD;KAEE,WAAU;KACV,OAAO,EAAE,MAAM,GAAG,EAAU,SAAS,IAAI;eAExC,EAAU;KACN,EALA,EAKA,GACL,KACL;IACG,CAAA;GAIP,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,QAAD;MAAM,WAAU;gBAA8B;MAAS,CAAA;KACvD,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAAyD,EAAa,QAAQ,EAAE,EAAC,IAAQ;;KACzF,kBAAC,QAAD;MAAM,WAAU;gBAA8B;MAAW,CAAA;KACrD;;GAEJ;;EAER"}