@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/retention/RetentionWidget.js

@@ -0,0 +1,159 @@
+import { memo as e, useCallback as t, useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/retention/RetentionWidget.tsx
+function a(e) {
+	return e >= 80 ? "bg-state-success/90 text-white" : e >= 60 ? "bg-state-success/70 text-white" : e >= 40 ? "bg-state-success/50 text-text-primary" : e >= 20 ? "bg-state-success/30 text-text-primary" : e > 0 ? "bg-state-success/10 text-text-secondary" : "bg-bg-muted text-text-secondary";
+}
+var o = e(function({ widget: e, data: o, onClick: s }) {
+	let c = e.config, l = t((t, n, r) => {
+		s && e.drilldowns?.length && s(t, n, r);
+	}, [s, e.drilldowns]), u = !!(s && e.drilldowns?.length), d = n(() => !o?.cohorts?.length || !o?.periods?.length ? [] : o.periods.map((e, t) => {
+		let n = o.cohorts.map((e) => e.values?.[t]).filter((e) => e != null);
+		return n.length === 0 ? 0 : n.reduce((e, t) => e + t, 0) / n.length;
+	}), [o]);
+	return !o?.cohorts?.length || !o?.periods?.length ? /* @__PURE__ */ r("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ i("div", {
+			className: "text-center",
+			children: [
+				/* @__PURE__ */ r("svg", {
+					className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ r("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 1.5,
+						d: "M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"
+					})
+				}),
+				/* @__PURE__ */ r("p", {
+					className: "font-medium text-text-primary",
+					children: "No retention cohort data"
+				}),
+				/* @__PURE__ */ i("p", {
+					className: "text-xs text-text-tertiary mt-1",
+					children: [
+						"Connect a data source that returns ",
+						/* @__PURE__ */ r("span", {
+							className: "font-mono",
+							children: "periods"
+						}),
+						" and",
+						" ",
+						/* @__PURE__ */ r("span", {
+							className: "font-mono",
+							children: "cohorts"
+						}),
+						"."
+					]
+				}),
+				/* @__PURE__ */ i("p", {
+					className: "text-xs text-text-tertiary mt-2",
+					children: [
+						"Expected shape: ",
+						/* @__PURE__ */ r("span", {
+							className: "font-mono",
+							children: "RetentionData"
+						}),
+						"."
+					]
+				})
+			]
+		})
+	}) : /* @__PURE__ */ i("div", {
+		className: "flex flex-col h-full p-4 overflow-auto",
+		children: [/* @__PURE__ */ i("table", {
+			className: "w-full border-collapse",
+			children: [/* @__PURE__ */ r("thead", { children: /* @__PURE__ */ i("tr", { children: [
+				/* @__PURE__ */ r("th", {
+					className: "p-2 text-xs font-medium text-text-secondary text-left sticky left-0 bg-bg-surface",
+					children: "Cohort"
+				}),
+				/* @__PURE__ */ r("th", {
+					className: "p-2 text-xs font-medium text-text-secondary text-right",
+					children: "Users"
+				}),
+				o.periods.map((e, t) => /* @__PURE__ */ r("th", {
+					className: "p-2 text-xs font-medium text-text-secondary text-center min-w-[60px]",
+					children: e
+				}, t))
+			] }) }), /* @__PURE__ */ i("tbody", { children: [o.cohorts.map((e, t) => /* @__PURE__ */ i("tr", { children: [
+				/* @__PURE__ */ r("td", {
+					className: "p-2 text-sm font-medium text-text-primary text-left sticky left-0 bg-bg-surface",
+					children: e.cohort
+				}),
+				/* @__PURE__ */ r("td", {
+					className: "p-2 text-sm text-text-secondary text-right",
+					children: new Intl.NumberFormat("en-US").format(e.initialSize)
+				}),
+				e.values.map((t, n) => /* @__PURE__ */ r("td", {
+					className: `p-0 ${u ? "cursor-pointer" : ""}`,
+					onClick: () => l(e.cohort, n, t),
+					children: /* @__PURE__ */ r("div", {
+						className: `
+                        m-0.5 p-2 rounded text-center
+                        ${a(t)}
+                        ${u ? "hover:ring-2 hover:ring-action-primary-bg" : ""}
+                        transition-all
+                      `,
+						title: `${e.cohort} - ${o.periods[n]}: ${t.toFixed(1)}%`,
+						children: /* @__PURE__ */ i("span", {
+							className: "text-xs font-medium",
+							children: [t.toFixed(c?.decimals ?? 0), "%"]
+						})
+					})
+				}, n))
+			] }, e.cohort)), c?.showAverages !== !1 && /* @__PURE__ */ i("tr", {
+				className: "border-t-2 border-border-default",
+				children: [
+					/* @__PURE__ */ r("td", {
+						className: "p-2 text-sm font-medium text-text-primary sticky left-0 bg-bg-surface",
+						children: "Average"
+					}),
+					/* @__PURE__ */ r("td", {
+						className: "p-2 text-sm text-text-secondary text-right",
+						children: "—"
+					}),
+					d.map((e, t) => /* @__PURE__ */ r("td", {
+						className: "p-0",
+						children: /* @__PURE__ */ r("div", {
+							className: "m-0.5 p-2 rounded bg-bg-muted text-center",
+							children: /* @__PURE__ */ i("span", {
+								className: "text-xs font-semibold text-text-primary",
+								children: [e.toFixed(c?.decimals ?? 0), "%"]
+							})
+						})
+					}, t))
+				]
+			})] })]
+		}), c?.showLegend !== !1 && /* @__PURE__ */ i("div", {
+			className: "flex items-center justify-center gap-2 mt-4",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "text-xs text-text-secondary",
+					children: "0%"
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "flex gap-0.5",
+					children: [
+						10,
+						30,
+						50,
+						70,
+						90
+					].map((e) => /* @__PURE__ */ r("div", { className: `w-6 h-4 rounded bg-state-success/${e}` }, e))
+				}),
+				/* @__PURE__ */ r("span", {
+					className: "text-xs text-text-secondary",
+					children: "100%"
+				})
+			]
+		})]
+	});
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=RetentionWidget.js.map

package/dist/bigconsole/components/widgets/retention/RetentionWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RetentionWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/retention/RetentionWidget.tsx"],"sourcesContent":["/**\n * RetentionWidget Component\n *\n * Retention cohort chart showing user retention over time.\n */\n\nimport { type FC, memo, useMemo, useCallback } from 'react';\nimport type { Widget, RetentionConfig } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface RetentionWidgetProps {\n  widget: Widget;\n  data?: RetentionData;\n  onClick?: (cohort: string, period: number, value: number) => void;\n}\n\nexport interface RetentionCohort {\n  /** Cohort identifier (e.g., \"Week 1\", \"Jan 2024\") */\n  cohort: string;\n  /** Initial cohort size */\n  initialSize: number;\n  /** Retention values for each period (percentages) */\n  values: number[];\n}\n\nexport interface RetentionData {\n  /** Period labels (e.g., [\"Day 0\", \"Day 1\", ...]) */\n  periods: string[];\n  /** Cohort data */\n  cohorts: RetentionCohort[];\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getRetentionColor(value: number): string {\n  // Green gradient based on retention percentage\n  if (value >= 80) return 'bg-state-success/90 text-white';\n  if (value >= 60) return 'bg-state-success/70 text-white';\n  if (value >= 40) return 'bg-state-success/50 text-text-primary';\n  if (value >= 20) return 'bg-state-success/30 text-text-primary';\n  if (value > 0) return 'bg-state-success/10 text-text-secondary';\n  return 'bg-bg-muted text-text-secondary';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const RetentionWidget: FC<RetentionWidgetProps> = memo(function RetentionWidget({ widget, data, onClick }) {\n  const config = widget.config as unknown as RetentionConfig | undefined;\n\n  const handleCellClick = useCallback(\n    (cohort: string, periodIndex: number, value: number) => {\n      if (onClick && widget.drilldowns?.length) {\n        onClick(cohort, periodIndex, value);\n      }\n    },\n    [onClick, widget.drilldowns]\n  );\n\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n\n  // Calculate average retention per period\n  const averages = useMemo(() => {\n    if (!data?.cohorts?.length || !data?.periods?.length) return [];\n\n    return data.periods.map((_, periodIndex) => {\n      const values = data.cohorts\n        .map((c) => c.values?.[periodIndex])\n        .filter((v) => v !== undefined && v !== null) as number[];\n      if (values.length === 0) return 0;\n      return values.reduce((a, b) => a + b, 0) / values.length;\n    });\n  }, [data]);\n\n  // Show retention-specific empty state when cohort data is missing.\n  if (!data?.cohorts?.length || !data?.periods?.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2\"\n            />\n          </svg>\n          <p className=\"font-medium text-text-primary\">No retention cohort data</p>\n          <p className=\"text-xs text-text-tertiary mt-1\">\n            Connect a data source that returns <span className=\"font-mono\">periods</span> and{' '}\n            <span className=\"font-mono\">cohorts</span>.\n          </p>\n          <p className=\"text-xs text-text-tertiary mt-2\">\n            Expected shape: <span className=\"font-mono\">RetentionData</span>.\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      <table className=\"w-full border-collapse\">\n        <thead>\n          <tr>\n            <th className=\"p-2 text-xs font-medium text-text-secondary text-left sticky left-0 bg-bg-surface\">\n              Cohort\n            </th>\n            <th className=\"p-2 text-xs font-medium text-text-secondary text-right\">Users</th>\n            {data.periods.map((period, i) => (\n              <th key={i} className=\"p-2 text-xs font-medium text-text-secondary text-center min-w-[60px]\">\n                {period}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {data.cohorts.map((cohort, _cohortIndex) => (\n            <tr key={cohort.cohort}>\n              <td className=\"p-2 text-sm font-medium text-text-primary text-left sticky left-0 bg-bg-surface\">\n                {cohort.cohort}\n              </td>\n              <td className=\"p-2 text-sm text-text-secondary text-right\">\n                {new Intl.NumberFormat('en-US').format(cohort.initialSize)}\n              </td>\n              {cohort.values.map((value, periodIndex) => (\n                <td\n                  key={periodIndex}\n                  className={`p-0 ${isClickable ? 'cursor-pointer' : ''}`}\n                  onClick={() => handleCellClick(cohort.cohort, periodIndex, value)}\n                >\n                  <div\n                    className={`\n                        m-0.5 p-2 rounded text-center\n                        ${getRetentionColor(value)}\n                        ${isClickable ? 'hover:ring-2 hover:ring-action-primary-bg' : ''}\n                        transition-all\n                      `}\n                    title={`${cohort.cohort} - ${data.periods[periodIndex]}: ${value.toFixed(1)}%`}\n                  >\n                    <span className=\"text-xs font-medium\">{value.toFixed(config?.decimals ?? 0)}%</span>\n                  </div>\n                </td>\n              ))}\n            </tr>\n          ))}\n\n          {/* Average row */}\n          {config?.showAverages !== false && (\n            <tr className=\"border-t-2 border-border-default\">\n              <td className=\"p-2 text-sm font-medium text-text-primary sticky left-0 bg-bg-surface\">Average</td>\n              <td className=\"p-2 text-sm text-text-secondary text-right\">—</td>\n              {averages.map((avg, i) => (\n                <td key={i} className=\"p-0\">\n                  <div className=\"m-0.5 p-2 rounded bg-bg-muted text-center\">\n                    <span className=\"text-xs font-semibold text-text-primary\">\n                      {avg.toFixed(config?.decimals ?? 0)}%\n                    </span>\n                  </div>\n                </td>\n              ))}\n            </tr>\n          )}\n        </tbody>\n      </table>\n\n      {/* Legend */}\n      {config?.showLegend !== false && (\n        <div className=\"flex items-center justify-center gap-2 mt-4\">\n          <span className=\"text-xs text-text-secondary\">0%</span>\n          <div className=\"flex gap-0.5\">\n            {[10, 30, 50, 70, 90].map((opacity) => (\n              <div key={opacity} className={`w-6 h-4 rounded bg-state-success/${opacity}`} />\n            ))}\n          </div>\n          <span className=\"text-xs text-text-secondary\">100%</span>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default RetentionWidget;\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+/**
+ * Retention Widget
+ *
+ * Cohort retention chart showing user retention over time.
+ */
+export { RetentionWidget, type RetentionWidgetProps, type RetentionData, type RetentionCohort, } from './RetentionWidget';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/retention/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,eAAe,EACf,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,eAAe,GACrB,MAAM,mBAAmB,CAAC"}

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

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

package/dist/bigconsole/components/widgets/states/EmptyState.d.ts

@@ -0,0 +1,14 @@
+import { FC } from 'react';
+import { WidgetType } from '../../../types';
+
+export interface WidgetEmptyStateProps {
+    /** Widget type for context-specific messaging */
+    widgetType?: WidgetType;
+    /** Whether a data source is configured */
+    hasDataSource?: boolean;
+    /** Custom message */
+    message?: string;
+}
+export declare const WidgetEmptyState: FC<WidgetEmptyStateProps>;
+export default WidgetEmptyState;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/bigconsole/components/widgets/states/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/EmptyState.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEjD,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,0CAA0C;IAC1C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA+CrD,CAAC;AAyCH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/states/EmptyState.js

@@ -0,0 +1,61 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/states/EmptyState.tsx
+var r = e(function({ widgetType: e, hasDataSource: r = !1, message: a }) {
+	let o = a || (r ? i(e) : "Connect a data source to display data");
+	return /* @__PURE__ */ n("div", {
+		className: "\n          flex flex-col items-center justify-center\n          h-full w-full min-h-[120px]\n          text-center\n          px-4\n        ",
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "\n            w-12 h-12 mb-3\n            flex items-center justify-center\n            rounded-full\n            bg-bg-muted\n            text-text-secondary\n          ",
+				children: /* @__PURE__ */ t("svg", {
+					className: "w-6 h-6",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+					})
+				})
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-sm text-text-secondary",
+				children: o
+			}),
+			!r && /* @__PURE__ */ t("p", {
+				className: "text-xs text-text-secondary mt-2 max-w-[200px]",
+				children: "Click Edit to configure this widget"
+			})
+		]
+	});
+});
+function i(e) {
+	switch (e) {
+		case "metric_card":
+		case "kpi_card_comparison": return "No metrics available";
+		case "chart":
+		case "funnel_chart": return "No chart data available";
+		case "table":
+		case "pivot_table": return "No rows to display";
+		case "gauge":
+		case "progress": return "No value available";
+		case "list": return "No items to display";
+		case "heatmap": return "No heatmap data available";
+		case "calendar":
+		case "timeline":
+		case "kanban": return "No schedule data available";
+		case "map": return "No location data available";
+		case "form": return "Form not configured";
+		case "text":
+		case "iframe": return "No content configured";
+		case "custom": return "Custom widget not configured";
+		default: return "No data available";
+	}
+}
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=EmptyState.js.map

package/dist/bigconsole/components/widgets/states/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/states/EmptyState.tsx"],"sourcesContent":["/**\n * WidgetEmptyState Component\n *\n * Empty state displayed when widget has no data.\n */\n\nimport { type FC, memo } from 'react';\nimport type { WidgetType } from '../../../types';\n\nexport interface WidgetEmptyStateProps {\n  /** Widget type for context-specific messaging */\n  widgetType?: WidgetType;\n  /** Whether a data source is configured */\n  hasDataSource?: boolean;\n  /** Custom message */\n  message?: string;\n}\n\nexport const WidgetEmptyState: FC<WidgetEmptyStateProps> = memo(function WidgetEmptyState({\n  widgetType,\n  hasDataSource = false,\n  message,\n}) {\n  // Determine appropriate message\n  const displayMessage =\n    message || (!hasDataSource ? 'Connect a data source to display data' : getEmptyMessageForType(widgetType));\n\n  return (\n    <div\n      className=\"\n          flex flex-col items-center justify-center\n          h-full w-full min-h-[120px]\n          text-center\n          px-4\n        \"\n    >\n      {/* Empty Icon */}\n      <div\n        className=\"\n            w-12 h-12 mb-3\n            flex items-center justify-center\n            rounded-full\n            bg-bg-muted\n            text-text-secondary\n          \"\n      >\n        <svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4\"\n          />\n        </svg>\n      </div>\n\n      {/* Message */}\n      <p className=\"text-sm text-text-secondary\">{displayMessage}</p>\n\n      {/* Data source hint */}\n      {!hasDataSource && (\n        <p className=\"text-xs text-text-secondary mt-2 max-w-[200px]\">Click Edit to configure this widget</p>\n      )}\n    </div>\n  );\n});\n\n/**\n * Get context-specific empty message for widget type (v1.0 snake_case)\n */\nfunction getEmptyMessageForType(type?: WidgetType): string {\n  switch (type) {\n    case 'metric_card':\n    case 'kpi_card_comparison':\n      return 'No metrics available';\n    case 'chart':\n    case 'funnel_chart':\n      return 'No chart data available';\n    case 'table':\n    case 'pivot_table':\n      return 'No rows to display';\n    case 'gauge':\n    case 'progress':\n      return 'No value available';\n    case 'list':\n      return 'No items to display';\n    case 'heatmap':\n      return 'No heatmap data available';\n    case 'calendar':\n    case 'timeline':\n    case 'kanban':\n      return 'No schedule data available';\n    case 'map':\n      return 'No location data available';\n    case 'form':\n      return 'Form not configured';\n    case 'text':\n    case 'iframe':\n      return 'No content configured';\n    case 'custom':\n      return 'Custom widget not configured';\n    default:\n      return 'No data available';\n  }\n}\n\nexport default WidgetEmptyState;\n"],"mappings":";;;AAkBA,IAAa,IAA8C,EAAK,SAA0B,EACxF,eACA,mBAAgB,IAChB,cACC;CAED,IAAM,IACJ,MAAa,IAA0D,EAAuB,EAAW,GAA5E;AAE/B,QACE,kBAAC,OAAD;EACE,WAAU;YADZ;GASE,kBAAC,OAAD;IACE,WAAU;cAQV,kBAAC,OAAD;KAAK,WAAU;KAAU,MAAK;KAAO,QAAO;KAAe,SAAQ;eACjE,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA;IACF,CAAA;GAGN,kBAAC,KAAD;IAAG,WAAU;cAA+B;IAAmB,CAAA;GAG9D,CAAC,KACA,kBAAC,KAAD;IAAG,WAAU;cAAiD;IAAuC,CAAA;GAEnG;;EAER;AAKF,SAAS,EAAuB,GAA2B;AACzD,SAAQ,GAAR;EACE,KAAK;EACL,KAAK,sBACH,QAAO;EACT,KAAK;EACL,KAAK,eACH,QAAO;EACT,KAAK;EACL,KAAK,cACH,QAAO;EACT,KAAK;EACL,KAAK,WACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK;EACL,KAAK,SACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,QACE,QAAO"}

package/dist/bigconsole/components/widgets/states/ErrorState.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+
+export interface WidgetErrorStateProps {
+    /** Error message */
+    error: string;
+    /** Callback to retry loading */
+    onRetry?: () => void;
+}
+export declare const WidgetErrorState: FC<WidgetErrorStateProps>;
+export default WidgetErrorState;
+//# sourceMappingURL=ErrorState.d.ts.map

package/dist/bigconsole/components/widgets/states/ErrorState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/ErrorState.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,qBAAqB;IACpC,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAkErD,CAAC;AAEH,eAAe,gBAAgB,CAAC"}

package/dist/bigconsole/components/widgets/states/ErrorState.js

@@ -0,0 +1,56 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/states/ErrorState.tsx
+var r = e(function({ error: e, onRetry: r }) {
+	return /* @__PURE__ */ n("div", {
+		className: "\n          flex flex-col items-center justify-center\n          h-full w-full min-h-[120px]\n          text-center\n          px-4\n        ",
+		role: "alert",
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "\n            w-12 h-12 mb-3\n            flex items-center justify-center\n            rounded-full\n            bg-state-error/10\n            text-state-error\n          ",
+				children: /* @__PURE__ */ t("svg", {
+					className: "w-6 h-6",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+					})
+				})
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-sm font-medium text-state-error mb-1",
+				children: "Failed to load data"
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "text-xs text-text-secondary max-w-[200px] mb-4",
+				title: e,
+				children: e.length > 100 ? `${e.substring(0, 100)}...` : e
+			}),
+			r && /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: r,
+				className: "\n              inline-flex items-center gap-1.5\n              px-3 py-1.5\n              text-sm font-medium\n              text-action-primary-fg\n              bg-action-primary-bg\n              hover:bg-action-primary-bgHover\n              rounded-md\n              transition-colors\n            ",
+				children: [/* @__PURE__ */ t("svg", {
+					className: "w-4 h-4",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"
+					})
+				}), "Retry"]
+			})
+		]
+	});
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=ErrorState.js.map

package/dist/bigconsole/components/widgets/states/ErrorState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/states/ErrorState.tsx"],"sourcesContent":["/**\n * WidgetErrorState Component\n *\n * Error state displayed when widget data fetch fails.\n */\n\nimport { type FC, memo } from 'react';\n\nexport interface WidgetErrorStateProps {\n  /** Error message */\n  error: string;\n  /** Callback to retry loading */\n  onRetry?: () => void;\n}\n\nexport const WidgetErrorState: FC<WidgetErrorStateProps> = memo(function WidgetErrorState({ error, onRetry }) {\n  return (\n    <div\n      className=\"\n          flex flex-col items-center justify-center\n          h-full w-full min-h-[120px]\n          text-center\n          px-4\n        \"\n      role=\"alert\"\n    >\n      {/* Error Icon */}\n      <div\n        className=\"\n            w-12 h-12 mb-3\n            flex items-center justify-center\n            rounded-full\n            bg-state-error/10\n            text-state-error\n          \"\n      >\n        <svg className=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n          />\n        </svg>\n      </div>\n\n      {/* Error Message */}\n      <p className=\"text-sm font-medium text-state-error mb-1\">Failed to load data</p>\n      <p className=\"text-xs text-text-secondary max-w-[200px] mb-4\" title={error}>\n        {error.length > 100 ? `${error.substring(0, 100)}...` : error}\n      </p>\n\n      {/* Retry Button */}\n      {onRetry && (\n        <button\n          type=\"button\"\n          onClick={onRetry}\n          className=\"\n              inline-flex items-center gap-1.5\n              px-3 py-1.5\n              text-sm font-medium\n              text-action-primary-fg\n              bg-action-primary-bg\n              hover:bg-action-primary-bgHover\n              rounded-md\n              transition-colors\n            \"\n        >\n          <svg className=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={2}\n              d=\"M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15\"\n            />\n          </svg>\n          Retry\n        </button>\n      )}\n    </div>\n  );\n});\n\nexport default WidgetErrorState;\n"],"mappings":";;;AAeA,IAAa,IAA8C,EAAK,SAA0B,EAAE,UAAO,cAAW;AAC5G,QACE,kBAAC,OAAD;EACE,WAAU;EAMV,MAAK;YAPP;GAUE,kBAAC,OAAD;IACE,WAAU;cAQV,kBAAC,OAAD;KAAK,WAAU;KAAU,MAAK;KAAO,QAAO;KAAe,SAAQ;eACjE,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA;IACF,CAAA;GAGN,kBAAC,KAAD;IAAG,WAAU;cAA4C;IAAuB,CAAA;GAChF,kBAAC,KAAD;IAAG,WAAU;IAAiD,OAAO;cAClE,EAAM,SAAS,MAAM,GAAG,EAAM,UAAU,GAAG,IAAI,CAAC,OAAO;IACtD,CAAA;GAGH,KACC,kBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAHZ,CAcE,kBAAC,OAAD;KAAK,WAAU;KAAU,MAAK;KAAO,QAAO;KAAe,SAAQ;eACjE,kBAAC,QAAD;MACE,eAAc;MACd,gBAAe;MACf,aAAa;MACb,GAAE;MACF,CAAA;KACE,CAAA,EAAA,QAEC;;GAEP;;EAER"}

package/dist/bigconsole/components/widgets/states/LoadingState.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+
+export interface WidgetLoadingStateProps {
+    /** Optional message to display */
+    message?: string;
+}
+export declare const WidgetLoadingState: FC<WidgetLoadingStateProps>;
+export default WidgetLoadingState;
+//# sourceMappingURL=LoadingState.d.ts.map

package/dist/bigconsole/components/widgets/states/LoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/LoadingState.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAEtC,MAAM,WAAW,uBAAuB;IACtC,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAqCzD,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/states/LoadingState.js

@@ -0,0 +1,21 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/states/LoadingState.tsx
+var r = e(function({ message: e = "Loading..." }) {
+	return /* @__PURE__ */ n("div", {
+		className: "\n          flex flex-col items-center justify-center\n          h-full w-full min-h-[120px]\n          text-text-secondary\n        ",
+		role: "status",
+		"aria-live": "polite",
+		children: [/* @__PURE__ */ n("div", {
+			className: "relative w-10 h-10 mb-3",
+			children: [/* @__PURE__ */ t("div", { className: "\n              absolute inset-0\n              border-4 border-border-default\n              rounded-full\n            " }), /* @__PURE__ */ t("div", { className: "\n              absolute inset-0\n              border-4 border-action-primary-bg\n              border-t-transparent\n              rounded-full\n              animate-spin\n            " })]
+		}), /* @__PURE__ */ t("p", {
+			className: "text-sm",
+			children: e
+		})]
+	});
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=LoadingState.js.map

package/dist/bigconsole/components/widgets/states/LoadingState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/states/LoadingState.tsx"],"sourcesContent":["/**\n * WidgetLoadingState Component\n *\n * Loading state displayed while widget data is being fetched.\n */\n\nimport { type FC, memo } from 'react';\n\nexport interface WidgetLoadingStateProps {\n  /** Optional message to display */\n  message?: string;\n}\n\nexport const WidgetLoadingState: FC<WidgetLoadingStateProps> = memo(function WidgetLoadingState({\n  message = 'Loading...',\n}) {\n  return (\n    <div\n      className=\"\n          flex flex-col items-center justify-center\n          h-full w-full min-h-[120px]\n          text-text-secondary\n        \"\n      role=\"status\"\n      aria-live=\"polite\"\n    >\n      {/* Spinner */}\n      <div className=\"relative w-10 h-10 mb-3\">\n        <div\n          className=\"\n              absolute inset-0\n              border-4 border-border-default\n              rounded-full\n            \"\n        />\n        <div\n          className=\"\n              absolute inset-0\n              border-4 border-action-primary-bg\n              border-t-transparent\n              rounded-full\n              animate-spin\n            \"\n        />\n      </div>\n\n      {/* Message */}\n      <p className=\"text-sm\">{message}</p>\n    </div>\n  );\n});\n\nexport default WidgetLoadingState;\n"],"mappings":";;;AAaA,IAAa,IAAkD,EAAK,SAA4B,EAC9F,aAAU,gBACT;AACD,QACE,kBAAC,OAAD;EACE,WAAU;EAKV,MAAK;EACL,aAAU;YAPZ,CAUE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EACE,WAAU,4HAKV,CAAA,EACF,kBAAC,OAAD,EACE,WAAU,+LAOV,CAAA,CACE;MAGN,kBAAC,KAAD;GAAG,WAAU;aAAW;GAAY,CAAA,CAChC;;EAER"}

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

@@ -0,0 +1,9 @@
+/**
+ * Widget State Components
+ *
+ * Loading, error, and empty states for widgets.
+ */
+export { WidgetLoadingState, type WidgetLoadingStateProps } from './LoadingState';
+export { WidgetErrorState, type WidgetErrorStateProps } from './ErrorState';
+export { WidgetEmptyState, type WidgetEmptyStateProps } from './EmptyState';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/states/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,3 @@
+import "./LoadingState.js";
+import "./ErrorState.js";
+import "./EmptyState.js";

package/dist/bigconsole/components/widgets/table/TableCell.d.ts

@@ -0,0 +1,31 @@
+import { FC } from 'react';
+import { ColumnDefinition } from './TableHeader';
+
+export type CellFormat = 'text' | 'number' | 'currency' | 'percentage' | 'date' | 'badge' | 'link';
+export interface CellFormatConfig {
+    /** Format type */
+    type: CellFormat;
+    /** Currency code for currency format */
+    currency?: string;
+    /** Date format options */
+    dateOptions?: Intl.DateTimeFormatOptions;
+    /** Badge color mapping (value -> color) */
+    badgeColors?: Record<string, string>;
+    /** Link URL pattern (use {value} as placeholder) */
+    linkPattern?: string;
+}
+export interface TableCellProps {
+    /** Cell value */
+    value: unknown;
+    /** Column definition */
+    column: ColumnDefinition;
+    /** Format configuration */
+    format?: CellFormatConfig;
+    /** Row data for link patterns */
+    rowData?: Record<string, unknown>;
+    /** Click handler */
+    onClick?: () => void;
+}
+export declare const TableCell: FC<TableCellProps>;
+export default TableCell;
+//# sourceMappingURL=TableCell.d.ts.map

package/dist/bigconsole/components/widgets/table/TableCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableCell.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwB,MAAM,OAAO,CAAC;AACtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAMtD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnG,MAAM,WAAW,gBAAgB;IAC/B,kBAAkB;IAClB,IAAI,EAAE,UAAU,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACzC,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,KAAK,EAAE,OAAO,CAAC;IACf,wBAAwB;IACxB,MAAM,EAAE,gBAAgB,CAAC;IACzB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,iCAAiC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAuED,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAwBvC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/table/TableCell.js

@@ -0,0 +1,65 @@
+import { memo as e } from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/table/TableCell.tsx
+function n(e, n) {
+	if (e == null) return /* @__PURE__ */ t("span", {
+		className: "text-text-secondary",
+		children: "—"
+	});
+	switch (n?.type || "text") {
+		case "number": return typeof e == "number" ? new Intl.NumberFormat("en-US").format(e) : String(e);
+		case "currency": return typeof e == "number" ? new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: n?.currency || "USD"
+		}).format(e) : String(e);
+		case "percentage": return typeof e == "number" ? `${(e * 100).toFixed(1)}%` : String(e);
+		case "date":
+			if (e instanceof Date) return new Intl.DateTimeFormat("en-US", n?.dateOptions || { dateStyle: "medium" }).format(e);
+			if (typeof e == "string" || typeof e == "number") {
+				let t = new Date(e);
+				if (!isNaN(t.getTime())) return new Intl.DateTimeFormat("en-US", n?.dateOptions || { dateStyle: "medium" }).format(t);
+			}
+			return String(e);
+		case "badge": {
+			let r = String(e);
+			return /* @__PURE__ */ t("span", {
+				className: `
+            inline-flex items-center
+            px-2 py-0.5
+            text-xs font-medium
+            rounded-full
+            ${n?.badgeColors?.[r] || "bg-bg-muted text-text-primary"}
+          `,
+				children: r
+			});
+		}
+		case "link": return /* @__PURE__ */ t("span", {
+			className: "text-action-primary-bg hover:underline cursor-pointer",
+			children: String(e)
+		});
+		default: return String(e);
+	}
+}
+var r = e(function({ value: e, column: r, format: i, onClick: a }) {
+	return /* @__PURE__ */ t("td", {
+		className: `
+        px-4 py-3
+        text-sm text-text-primary
+        border-b border-border-default
+        ${r.align === "center" ? "text-center" : ""}
+        ${r.align === "right" ? "text-right" : "text-left"}
+        ${a ? "cursor-pointer hover:text-action-primary-bg" : ""}
+      `,
+		onClick: a,
+		role: a ? "button" : void 0,
+		tabIndex: a ? 0 : void 0,
+		onKeyDown: (e) => {
+			a && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+		},
+		children: n(e, i)
+	});
+});
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=TableCell.js.map

package/dist/bigconsole/components/widgets/table/TableCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableCell.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/table/TableCell.tsx"],"sourcesContent":["/**\n * TableCell Component\n *\n * Table cell with formatting and rendering options.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\nimport type { ColumnDefinition } from './TableHeader';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type CellFormat = 'text' | 'number' | 'currency' | 'percentage' | 'date' | 'badge' | 'link';\n\nexport interface CellFormatConfig {\n  /** Format type */\n  type: CellFormat;\n  /** Currency code for currency format */\n  currency?: string;\n  /** Date format options */\n  dateOptions?: Intl.DateTimeFormatOptions;\n  /** Badge color mapping (value -> color) */\n  badgeColors?: Record<string, string>;\n  /** Link URL pattern (use {value} as placeholder) */\n  linkPattern?: string;\n}\n\nexport interface TableCellProps {\n  /** Cell value */\n  value: unknown;\n  /** Column definition */\n  column: ColumnDefinition;\n  /** Format configuration */\n  format?: CellFormatConfig;\n  /** Row data for link patterns */\n  rowData?: Record<string, unknown>;\n  /** Click handler */\n  onClick?: () => void;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatValue(value: unknown, format?: CellFormatConfig): ReactNode {\n  if (value === null || value === undefined) {\n    return <span className=\"text-text-secondary\">—</span>;\n  }\n\n  const formatType = format?.type || 'text';\n\n  switch (formatType) {\n    case 'number':\n      return typeof value === 'number' ? new Intl.NumberFormat('en-US').format(value) : String(value);\n\n    case 'currency':\n      return typeof value === 'number'\n        ? new Intl.NumberFormat('en-US', {\n            style: 'currency',\n            currency: format?.currency || 'USD',\n          }).format(value)\n        : String(value);\n\n    case 'percentage':\n      return typeof value === 'number' ? `${(value * 100).toFixed(1)}%` : String(value);\n\n    case 'date':\n      if (value instanceof Date) {\n        return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(value);\n      }\n      if (typeof value === 'string' || typeof value === 'number') {\n        const date = new Date(value);\n        if (!isNaN(date.getTime())) {\n          return new Intl.DateTimeFormat('en-US', format?.dateOptions || { dateStyle: 'medium' }).format(date);\n        }\n      }\n      return String(value);\n\n    case 'badge': {\n      const stringValue = String(value);\n      const badgeColor = format?.badgeColors?.[stringValue] || 'bg-bg-muted text-text-primary';\n      return (\n        <span\n          className={`\n            inline-flex items-center\n            px-2 py-0.5\n            text-xs font-medium\n            rounded-full\n            ${badgeColor}\n          `}\n        >\n          {stringValue}\n        </span>\n      );\n    }\n\n    case 'link':\n      return <span className=\"text-action-primary-bg hover:underline cursor-pointer\">{String(value)}</span>;\n\n    case 'text':\n    default:\n      return String(value);\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const TableCell: FC<TableCellProps> = memo(function TableCell({ value, column, format, onClick }) {\n  return (\n    <td\n      className={`\n        px-4 py-3\n        text-sm text-text-primary\n        border-b border-border-default\n        ${column.align === 'center' ? 'text-center' : ''}\n        ${column.align === 'right' ? 'text-right' : 'text-left'}\n        ${onClick ? 'cursor-pointer hover:text-action-primary-bg' : ''}\n      `}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      {formatValue(value, format)}\n    </td>\n  );\n});\n\nexport default TableCell;\n"],"mappings":";;;AA6CA,SAAS,EAAY,GAAgB,GAAsC;AACzE,KAAI,KAAU,KACZ,QAAO,kBAAC,QAAD;EAAM,WAAU;YAAsB;EAAQ,CAAA;AAKvD,SAFmB,GAAQ,QAAQ,QAEnC;EACE,KAAK,SACH,QAAO,OAAO,KAAU,WAAW,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAM,GAAG,OAAO,EAAM;EAEjG,KAAK,WACH,QAAO,OAAO,KAAU,WACpB,IAAI,KAAK,aAAa,SAAS;GAC7B,OAAO;GACP,UAAU,GAAQ,YAAY;GAC/B,CAAC,CAAC,OAAO,EAAM,GAChB,OAAO,EAAM;EAEnB,KAAK,aACH,QAAO,OAAO,KAAU,WAAW,IAAI,IAAQ,KAAK,QAAQ,EAAE,CAAC,KAAK,OAAO,EAAM;EAEnF,KAAK;AACH,OAAI,aAAiB,KACnB,QAAO,IAAI,KAAK,eAAe,SAAS,GAAQ,eAAe,EAAE,WAAW,UAAU,CAAC,CAAC,OAAO,EAAM;AAEvG,OAAI,OAAO,KAAU,YAAY,OAAO,KAAU,UAAU;IAC1D,IAAM,IAAO,IAAI,KAAK,EAAM;AAC5B,QAAI,CAAC,MAAM,EAAK,SAAS,CAAC,CACxB,QAAO,IAAI,KAAK,eAAe,SAAS,GAAQ,eAAe,EAAE,WAAW,UAAU,CAAC,CAAC,OAAO,EAAK;;AAGxG,UAAO,OAAO,EAAM;EAEtB,KAAK,SAAS;GACZ,IAAM,IAAc,OAAO,EAAM;AAEjC,UACE,kBAAC,QAAD;IACE,WAAW;;;;;cAHI,GAAQ,cAAc,MAAgB,gCAQtC;;cAGd;IACI,CAAA;;EAIX,KAAK,OACH,QAAO,kBAAC,QAAD;GAAM,WAAU;aAAyD,OAAO,EAAM;GAAQ,CAAA;EAGvG,QACE,QAAO,OAAO,EAAM;;;AAQ1B,IAAa,IAAgC,EAAK,SAAmB,EAAE,UAAO,WAAQ,WAAQ,cAAW;AACvG,QACE,kBAAC,MAAD;EACE,WAAW;;;;UAIP,EAAO,UAAU,WAAW,gBAAgB,GAAG;UAC/C,EAAO,UAAU,UAAU,eAAe,YAAY;UACtD,IAAU,gDAAgD,GAAG;;EAExD;EACT,MAAM,IAAU,WAAW,KAAA;EAC3B,UAAU,IAAU,IAAI,KAAA;EACxB,YAAY,MAAM;AAChB,GAAI,MAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC7C,EAAE,gBAAgB,EAClB,GAAS;;YAIZ,EAAY,GAAO,EAAO;EACxB,CAAA;EAEP"}

package/dist/bigconsole/components/widgets/table/TableConfig.d.ts

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

package/dist/bigconsole/components/widgets/table/TableConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableConfig.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/table/TableConfig.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAmD,MAAM,OAAO,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,IAAI,UAAU,EAAqB,MAAM,gBAAgB,CAAC;AAMnF,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,MAAM,EAAE,UAAU,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CACxC;AAMD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAwS3C,CAAC;AAEH,eAAe,WAAW,CAAC"}