@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,39 @@
+import { FC, ReactNode } from 'react';
+
+export interface ListItemData {
+    /** Unique identifier */
+    id: string;
+    /** Primary text */
+    title: string;
+    /** Secondary text */
+    subtitle?: string;
+    /** Additional metadata lines */
+    metadata?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    /** Badge/tag to display */
+    badge?: {
+        text: string;
+        color?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    };
+    /** Icon or avatar */
+    icon?: ReactNode;
+    /** Value to display on the right */
+    value?: string | number;
+    /** Whether item is disabled */
+    disabled?: boolean;
+}
+export interface ListItemProps {
+    /** Item data */
+    item: ListItemData;
+    /** Whether the item is clickable */
+    clickable?: boolean;
+    /** Click handler */
+    onClick?: () => void;
+    /** Whether to show divider */
+    showDivider?: boolean;
+}
+export declare const ListItem: FC<ListItemProps>;
+export default ListItem;
+//# sourceMappingURL=ListItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/list/ListItem.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMtD,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB,CAAC,CAAC;IACH,2BAA2B;IAC3B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;KAC9D,CAAC;IACF,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8BAA8B;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AA2BD,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA8FrC,CAAC;AAEH,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,103 @@
+import { memo as e } from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/list/ListItem.tsx
+function r(e) {
+	switch (e?.color) {
+		case "success": return "bg-state-success/10 text-state-success";
+		case "warning": return "bg-state-warning/10 text-state-warning";
+		case "error": return "bg-state-error/10 text-state-error";
+		case "info": return "bg-action-primary-bg/10 text-action-primary-bg";
+		default: return "bg-bg-muted text-text-secondary";
+	}
+}
+var i = e(function({ item: e, clickable: i = !1, onClick: a, showDivider: o = !0 }) {
+	let s = i && !e.disabled;
+	return /* @__PURE__ */ n("div", {
+		className: `
+        flex items-start gap-3 p-3
+        ${o ? "border-b border-border-default" : ""}
+        ${s ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}
+        ${e.disabled ? "opacity-50" : ""}
+      `,
+		onClick: () => {
+			s && a && a();
+		},
+		role: s ? "button" : void 0,
+		tabIndex: s ? 0 : void 0,
+		onKeyDown: (e) => {
+			s && a && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+		},
+		children: [
+			e.icon && /* @__PURE__ */ t("div", {
+				className: "flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-bg-muted text-text-secondary",
+				children: e.icon
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ n("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ n("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ t("h4", {
+								className: "text-sm font-medium text-text-primary truncate",
+								children: e.title
+							}), e.subtitle && /* @__PURE__ */ t("p", {
+								className: "text-xs text-text-secondary mt-0.5 line-clamp-2",
+								children: e.subtitle
+							})]
+						}), e.value !== void 0 && /* @__PURE__ */ t("span", {
+							className: "flex-shrink-0 text-sm font-medium text-text-primary",
+							children: typeof e.value == "number" ? new Intl.NumberFormat("en-US").format(e.value) : e.value
+						})]
+					}),
+					e.metadata && e.metadata.length > 0 && /* @__PURE__ */ t("div", {
+						className: "flex flex-wrap gap-x-4 gap-y-1 mt-2",
+						children: e.metadata.map((e, r) => /* @__PURE__ */ n("span", {
+							className: "text-xs text-text-secondary",
+							children: [/* @__PURE__ */ n("span", {
+								className: "text-text-secondary/70",
+								children: [e.label, ": "]
+							}), /* @__PURE__ */ t("span", {
+								className: "font-medium",
+								children: e.value
+							})]
+						}, r))
+					}),
+					e.badge && /* @__PURE__ */ t("div", {
+						className: "mt-2",
+						children: /* @__PURE__ */ t("span", {
+							className: `
+                inline-flex items-center
+                px-2 py-0.5
+                text-xs font-medium
+                rounded-full
+                ${r(e.badge)}
+              `,
+							children: e.badge.text
+						})
+					})
+				]
+			}),
+			s && /* @__PURE__ */ t("div", {
+				className: "flex-shrink-0 self-center",
+				children: /* @__PURE__ */ t("svg", {
+					className: "w-4 h-4 text-text-secondary",
+					fill: "none",
+					stroke: "currentColor",
+					viewBox: "0 0 24 24",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M9 5l7 7-7 7"
+					})
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListItem.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/list/ListItem.tsx"],"sourcesContent":["/**\n * ListItem Component\n *\n * Individual item in a list widget.\n */\n\nimport { type FC, memo, type ReactNode } from 'react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ListItemData {\n  /** Unique identifier */\n  id: string;\n  /** Primary text */\n  title: string;\n  /** Secondary text */\n  subtitle?: string;\n  /** Additional metadata lines */\n  metadata?: Array<{\n    label: string;\n    value: string | number;\n  }>;\n  /** Badge/tag to display */\n  badge?: {\n    text: string;\n    color?: 'default' | 'success' | 'warning' | 'error' | 'info';\n  };\n  /** Icon or avatar */\n  icon?: ReactNode;\n  /** Value to display on the right */\n  value?: string | number;\n  /** Whether item is disabled */\n  disabled?: boolean;\n}\n\nexport interface ListItemProps {\n  /** Item data */\n  item: ListItemData;\n  /** Whether the item is clickable */\n  clickable?: boolean;\n  /** Click handler */\n  onClick?: () => void;\n  /** Whether to show divider */\n  showDivider?: boolean;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction getBadgeColor(badge: ListItemData['badge']): string {\n  const color = badge?.color;\n  switch (color) {\n    case 'success':\n      return 'bg-state-success/10 text-state-success';\n    case 'warning':\n      return 'bg-state-warning/10 text-state-warning';\n    case 'error':\n      return 'bg-state-error/10 text-state-error';\n    case 'info':\n      return 'bg-action-primary-bg/10 text-action-primary-bg';\n    case 'default':\n    default:\n      return 'bg-bg-muted text-text-secondary';\n  }\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ListItem: FC<ListItemProps> = memo(function ListItem({\n  item,\n  clickable = false,\n  onClick,\n  showDivider = true,\n}) {\n  const isClickable = clickable && !item.disabled;\n\n  return (\n    <div\n      className={`\n        flex items-start gap-3 p-3\n        ${showDivider ? 'border-b border-border-default' : ''}\n        ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50 transition-colors' : ''}\n        ${item.disabled ? 'opacity-50' : ''}\n      `}\n      onClick={() => {\n        if (isClickable && onClick) {\n          onClick();\n        }\n      }}\n      role={isClickable ? 'button' : undefined}\n      tabIndex={isClickable ? 0 : undefined}\n      onKeyDown={(e) => {\n        if (isClickable && onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          onClick();\n        }\n      }}\n    >\n      {/* Icon/Avatar */}\n      {item.icon && (\n        <div className=\"flex-shrink-0 w-10 h-10 flex items-center justify-center rounded-full bg-bg-muted text-text-secondary\">\n          {item.icon}\n        </div>\n      )}\n\n      {/* Content */}\n      <div className=\"flex-1 min-w-0\">\n        {/* Title row */}\n        <div className=\"flex items-start justify-between gap-2\">\n          <div className=\"flex-1 min-w-0\">\n            <h4 className=\"text-sm font-medium text-text-primary truncate\">{item.title}</h4>\n            {item.subtitle && <p className=\"text-xs text-text-secondary mt-0.5 line-clamp-2\">{item.subtitle}</p>}\n          </div>\n\n          {/* Value */}\n          {item.value !== undefined && (\n            <span className=\"flex-shrink-0 text-sm font-medium text-text-primary\">\n              {typeof item.value === 'number' ? new Intl.NumberFormat('en-US').format(item.value) : item.value}\n            </span>\n          )}\n        </div>\n\n        {/* Metadata */}\n        {item.metadata && item.metadata.length > 0 && (\n          <div className=\"flex flex-wrap gap-x-4 gap-y-1 mt-2\">\n            {item.metadata.map((meta, index) => (\n              <span key={index} className=\"text-xs text-text-secondary\">\n                <span className=\"text-text-secondary/70\">{meta.label}: </span>\n                <span className=\"font-medium\">{meta.value}</span>\n              </span>\n            ))}\n          </div>\n        )}\n\n        {/* Badge */}\n        {item.badge && (\n          <div className=\"mt-2\">\n            <span\n              className={`\n                inline-flex items-center\n                px-2 py-0.5\n                text-xs font-medium\n                rounded-full\n                ${getBadgeColor(item.badge)}\n              `}\n            >\n              {item.badge.text}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Chevron for clickable items */}\n      {isClickable && (\n        <div className=\"flex-shrink-0 self-center\">\n          <svg className=\"w-4 h-4 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n          </svg>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ListItem;\n"],"mappings":";;;AAoDA,SAAS,EAAc,GAAsC;AAE3D,SADc,GAAO,OACrB;EACE,KAAK,UACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,QACH,QAAO;EACT,KAAK,OACH,QAAO;EAET,QACE,QAAO;;;AAQb,IAAa,IAA8B,EAAK,SAAkB,EAChE,SACA,eAAY,IACZ,YACA,iBAAc,MACb;CACD,IAAM,IAAc,KAAa,CAAC,EAAK;AAEvC,QACE,kBAAC,OAAD;EACE,WAAW;;UAEP,IAAc,mCAAmC,GAAG;UACpD,IAAc,0DAA0D,GAAG;UAC3E,EAAK,WAAW,eAAe,GAAG;;EAEtC,eAAe;AACb,GAAI,KAAe,KACjB,GAAS;;EAGb,MAAM,IAAc,WAAW,KAAA;EAC/B,UAAU,IAAc,IAAI,KAAA;EAC5B,YAAY,MAAM;AAChB,GAAI,KAAe,MAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,SAC5D,EAAE,gBAAgB,EAClB,GAAS;;YAjBf;GAsBG,EAAK,QACJ,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAK;IACF,CAAA;GAIR,kBAAC,OAAD;IAAK,WAAU;cAAf;KAEE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBAAkD,EAAK;QAAW,CAAA,EAC/E,EAAK,YAAY,kBAAC,KAAD;QAAG,WAAU;kBAAmD,EAAK;QAAa,CAAA,CAChG;UAGL,EAAK,UAAU,KAAA,KACd,kBAAC,QAAD;OAAM,WAAU;iBACb,OAAO,EAAK,SAAU,WAAW,IAAI,KAAK,aAAa,QAAQ,CAAC,OAAO,EAAK,MAAM,GAAG,EAAK;OACtF,CAAA,CAEL;;KAGL,EAAK,YAAY,EAAK,SAAS,SAAS,KACvC,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAK,SAAS,KAAK,GAAM,MACxB,kBAAC,QAAD;OAAkB,WAAU;iBAA5B,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA0C,EAAK,OAAM,KAAS;WAC9D,kBAAC,QAAD;QAAM,WAAU;kBAAe,EAAK;QAAa,CAAA,CAC5C;SAHI,EAGJ,CACP;MACE,CAAA;KAIP,EAAK,SACJ,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,QAAD;OACE,WAAW;;;;;kBAKP,EAAc,EAAK,MAAM,CAAC;;iBAG7B,EAAK,MAAM;OACP,CAAA;MACH,CAAA;KAEJ;;GAGL,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD;KAAK,WAAU;KAA8B,MAAK;KAAO,QAAO;KAAe,SAAQ;eACrF,kBAAC,QAAD;MAAM,eAAc;MAAQ,gBAAe;MAAQ,aAAa;MAAG,GAAE;MAAiB,CAAA;KAClF,CAAA;IACF,CAAA;GAEJ;;EAER"}

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

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+import { ListItemData } from './ListItem';
+
+export interface ListWidgetProps {
+    /** Widget configuration */
+    widget: Widget;
+    /** List data */
+    data?: ListItemData[];
+    /** Click handler for item drilldown */
+    onItemClick?: (item: ListItemData, index: number) => void;
+    /** Drilldown handler - receives selected item data */
+    onDrilldown?: (selectedData: Record<string, unknown>) => void;
+}
+export declare const ListWidget: FC<ListWidgetProps>;
+export default ListWidget;
+//# sourceMappingURL=ListWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/list/ListWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAc,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAMzD,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,gBAAgB;IAChB,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IACtB,uCAAuC;IACvC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1D,sDAAsD;IACtD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAMD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4JzC,CAAC;AAEH,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,106 @@
+import e from "./ListItem.js";
+import { memo as t, useCallback as n, useMemo as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/list/ListWidget.tsx
+var s = t(function({ widget: t, data: s = [], onItemClick: c, onDrilldown: l }) {
+	let u = t.config, [d, f] = i(""), p = r(() => {
+		if (Array.isArray(s)) return s;
+		if (s && typeof s == "object") {
+			let e = s;
+			if (Array.isArray(e.items)) return e.items;
+			if (Array.isArray(e.data)) return e.data;
+		}
+		return s != null && console.warn("[ListWidget] expected array or {items}/{data} envelope; got", typeof s, "for widget", t.id), [];
+	}, [s, t.id]), m = r(() => {
+		if (!d.trim()) return p;
+		let e = d.toLowerCase();
+		return p.filter((t) => t.title?.toLowerCase().includes(e) || t.subtitle?.toLowerCase().includes(e));
+	}, [p, d]), h = r(() => u?.maxItems ? m.slice(0, u.maxItems) : m, [m, u?.maxItems]), g = n((e, n) => {
+		l ? l(e) : c && t.drilldowns?.length && c(e, n);
+	}, [
+		c,
+		l,
+		t.drilldowns
+	]), _ = !!(l || c && t.drilldowns?.length);
+	return /* @__PURE__ */ o("div", {
+		className: "flex flex-col h-full",
+		children: [
+			(u?.showCount !== !1 || u?.showSearch) && /* @__PURE__ */ o("div", {
+				className: "flex items-center justify-between p-3 border-b border-border-default",
+				children: [u?.showCount !== !1 && /* @__PURE__ */ o("span", {
+					className: "text-sm text-text-secondary",
+					children: [
+						m.length,
+						" ",
+						m.length === 1 ? "item" : "items",
+						u?.maxItems && m.length > u.maxItems && /* @__PURE__ */ o("span", {
+							className: "text-xs ml-1",
+							children: [
+								"(showing ",
+								u.maxItems,
+								")"
+							]
+						})
+					]
+				}), u?.showSearch && /* @__PURE__ */ o("div", {
+					className: "relative",
+					children: [/* @__PURE__ */ a("svg", {
+						className: "absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ a("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+						})
+					}), /* @__PURE__ */ a("input", {
+						type: "text",
+						placeholder: "Search...",
+						value: d,
+						onChange: (e) => f(e.target.value),
+						className: "\n                  pl-8 pr-3 py-1.5\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  w-40\n                "
+					})]
+				})]
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "flex-1 overflow-auto",
+				children: h.length > 0 ? h.map((t, n) => /* @__PURE__ */ a(e, {
+					item: t,
+					clickable: _,
+					onClick: () => g(t, n),
+					showDivider: n < h.length - 1
+				}, t.id)) : /* @__PURE__ */ a("div", {
+					className: "flex items-center justify-center h-full p-8",
+					children: /* @__PURE__ */ a("p", {
+						className: "text-sm text-text-secondary",
+						children: d ? "No matching items found" : "No items to display"
+					})
+				})
+			}),
+			u?.maxItems && m.length > u.maxItems && u?.showViewAll !== !1 && /* @__PURE__ */ a("div", {
+				className: "p-3 border-t border-border-default",
+				children: /* @__PURE__ */ o("button", {
+					type: "button",
+					className: "\n                w-full\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n                font-medium\n                text-center\n              ",
+					onClick: () => {
+						l ? l({
+							viewAll: !0,
+							totalItems: m.length
+						}) : c && t.drilldowns?.length && c(h[0], -1);
+					},
+					children: [
+						"View all ",
+						m.length,
+						" items"
+					]
+				})
+			})
+		]
+	});
+});
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=ListWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/list/ListWidget.tsx"],"sourcesContent":["/**\n * ListWidget Component\n *\n * Scrollable list widget with items, metadata, and actions.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback } from 'react';\nimport type { Widget, ListConfig } from '../../../types';\nimport { ListItem, type ListItemData } from './ListItem';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface ListWidgetProps {\n  /** Widget configuration */\n  widget: Widget;\n  /** List data */\n  data?: ListItemData[];\n  /** Click handler for item drilldown */\n  onItemClick?: (item: ListItemData, index: number) => void;\n  /** Drilldown handler - receives selected item data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const ListWidget: FC<ListWidgetProps> = memo(function ListWidget({\n  widget,\n  data = [],\n  onItemClick,\n  onDrilldown,\n}) {\n  const config = widget.config as unknown as ListConfig | undefined;\n  const [searchQuery, setSearchQuery] = useState('');\n\n  // Coerce parser output (untyped JSON) to an array so downstream\n  // .filter/.slice don't throw and take down the dashboard (BOFF-2242). Warn\n  // on the silent-empty fallback so a misconfigured parser doesn't look healthy.\n  const safeData = useMemo<ListItemData[]>(() => {\n    if (Array.isArray(data)) return data;\n    if (data && typeof data === 'object') {\n      const maybe = data as { items?: unknown; data?: unknown };\n      if (Array.isArray(maybe.items)) return maybe.items as ListItemData[];\n      if (Array.isArray(maybe.data)) return maybe.data as ListItemData[];\n    }\n    if (data != null) {\n      // eslint-disable-next-line no-console -- surfacing silent render-empty bug\n      console.warn('[ListWidget] expected array or {items}/{data} envelope; got', typeof data, 'for widget', widget.id);\n    }\n    return [];\n  }, [data, widget.id]);\n\n  // Filter data by search\n  const filteredData = useMemo(() => {\n    if (!searchQuery.trim()) return safeData;\n\n    const query = searchQuery.toLowerCase();\n    return safeData.filter(\n      (item) => item.title?.toLowerCase().includes(query) || item.subtitle?.toLowerCase().includes(query)\n    );\n  }, [safeData, searchQuery]);\n\n  // Limit items if configured\n  const displayData = useMemo(() => {\n    if (config?.maxItems) {\n      return filteredData.slice(0, config.maxItems);\n    }\n    return filteredData;\n  }, [filteredData, config?.maxItems]);\n\n  // Handle item click\n  const handleItemClick = useCallback(\n    (item: ListItemData, index: number) => {\n      // Support both legacy onItemClick and new onDrilldown\n      if (onDrilldown) {\n        onDrilldown(item as unknown as Record<string, unknown>);\n      } else if (onItemClick && widget.drilldowns?.length) {\n        onItemClick(item, index);\n      }\n    },\n    [onItemClick, onDrilldown, widget.drilldowns]\n  );\n\n  const isClickable = Boolean(onDrilldown || (onItemClick && widget.drilldowns?.length));\n\n  return (\n    <div className=\"flex flex-col h-full\">\n      {/* Header with count and search */}\n      {(config?.showCount !== false || config?.showSearch) && (\n        <div className=\"flex items-center justify-between p-3 border-b border-border-default\">\n          {config?.showCount !== false && (\n            <span className=\"text-sm text-text-secondary\">\n              {filteredData.length} {filteredData.length === 1 ? 'item' : 'items'}\n              {config?.maxItems && filteredData.length > config.maxItems && (\n                <span className=\"text-xs ml-1\">(showing {config.maxItems})</span>\n              )}\n            </span>\n          )}\n\n          {config?.showSearch && (\n            <div className=\"relative\">\n              <svg\n                className=\"absolute left-2 top-1/2 -translate-y-1/2 w-4 h-4 text-text-secondary\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                viewBox=\"0 0 24 24\"\n              >\n                <path\n                  strokeLinecap=\"round\"\n                  strokeLinejoin=\"round\"\n                  strokeWidth={2}\n                  d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\"\n                />\n              </svg>\n              <input\n                type=\"text\"\n                placeholder=\"Search...\"\n                value={searchQuery}\n                onChange={(e) => setSearchQuery(e.target.value)}\n                className=\"\n                  pl-8 pr-3 py-1.5\n                  text-sm text-text-primary\n                  bg-bg-surface\n                  border border-border-default\n                  rounded-md\n                  focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                  w-40\n                \"\n              />\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* List content */}\n      <div className=\"flex-1 overflow-auto\">\n        {displayData.length > 0 ? (\n          displayData.map((item, index) => (\n            <ListItem\n              key={item.id}\n              item={item}\n              clickable={isClickable}\n              onClick={() => handleItemClick(item, index)}\n              showDivider={index < displayData.length - 1}\n            />\n          ))\n        ) : (\n          <div className=\"flex items-center justify-center h-full p-8\">\n            <p className=\"text-sm text-text-secondary\">\n              {searchQuery ? 'No matching items found' : 'No items to display'}\n            </p>\n          </div>\n        )}\n      </div>\n\n      {/* Footer with \"View All\" if truncated */}\n      {config?.maxItems && filteredData.length > config.maxItems && config?.showViewAll !== false && (\n        <div className=\"p-3 border-t border-border-default\">\n          <button\n            type=\"button\"\n            className=\"\n                w-full\n                text-sm text-action-primary-bg\n                hover:text-action-primary-bgHover\n                font-medium\n                text-center\n              \"\n            onClick={() => {\n              // Trigger drilldown to show all\n              if (onDrilldown) {\n                onDrilldown({ viewAll: true, totalItems: filteredData.length });\n              } else if (onItemClick && widget.drilldowns?.length) {\n                onItemClick(displayData[0], -1); // -1 indicates \"view all\"\n              }\n            }}\n          >\n            View all {filteredData.length} items\n          </button>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default ListWidget;\n"],"mappings":";;;;AA6BA,IAAa,IAAkC,EAAK,SAAoB,EACtE,WACA,UAAO,EAAE,EACT,gBACA,kBACC;CACD,IAAM,IAAS,EAAO,QAChB,CAAC,GAAa,KAAkB,EAAS,GAAG,EAK5C,IAAW,QAA8B;AAC7C,MAAI,MAAM,QAAQ,EAAK,CAAE,QAAO;AAChC,MAAI,KAAQ,OAAO,KAAS,UAAU;GACpC,IAAM,IAAQ;AACd,OAAI,MAAM,QAAQ,EAAM,MAAM,CAAE,QAAO,EAAM;AAC7C,OAAI,MAAM,QAAQ,EAAM,KAAK,CAAE,QAAO,EAAM;;AAM9C,SAJI,KAAQ,QAEV,QAAQ,KAAK,+DAA+D,OAAO,GAAM,cAAc,EAAO,GAAG,EAE5G,EAAE;IACR,CAAC,GAAM,EAAO,GAAG,CAAC,EAGf,IAAe,QAAc;AACjC,MAAI,CAAC,EAAY,MAAM,CAAE,QAAO;EAEhC,IAAM,IAAQ,EAAY,aAAa;AACvC,SAAO,EAAS,QACb,MAAS,EAAK,OAAO,aAAa,CAAC,SAAS,EAAM,IAAI,EAAK,UAAU,aAAa,CAAC,SAAS,EAAM,CACpG;IACA,CAAC,GAAU,EAAY,CAAC,EAGrB,IAAc,QACd,GAAQ,WACH,EAAa,MAAM,GAAG,EAAO,SAAS,GAExC,GACN,CAAC,GAAc,GAAQ,SAAS,CAAC,EAG9B,IAAkB,GACrB,GAAoB,MAAkB;AAErC,EAAI,IACF,EAAY,EAA2C,GAC9C,KAAe,EAAO,YAAY,UAC3C,EAAY,GAAM,EAAM;IAG5B;EAAC;EAAa;EAAa,EAAO;EAAW,CAC9C,EAEK,IAAc,GAAQ,KAAgB,KAAe,EAAO,YAAY;AAE9E,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;IAEI,GAAQ,cAAc,MAAS,GAAQ,eACvC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,GAAQ,cAAc,MACrB,kBAAC,QAAD;KAAM,WAAU;eAAhB;MACG,EAAa;MAAO;MAAE,EAAa,WAAW,IAAI,SAAS;MAC3D,GAAQ,YAAY,EAAa,SAAS,EAAO,YAChD,kBAAC,QAAD;OAAM,WAAU;iBAAhB;QAA+B;QAAU,EAAO;QAAS;QAAQ;;MAE9D;QAGR,GAAQ,cACP,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MACE,WAAU;MACV,MAAK;MACL,QAAO;MACP,SAAQ;gBAER,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,aAAa;OACb,GAAE;OACF,CAAA;MACE,CAAA,EACN,kBAAC,SAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,WAAU;MASV,CAAA,CACE;OAEJ;;GAIR,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAY,SAAS,IACpB,EAAY,KAAK,GAAM,MACrB,kBAAC,GAAD;KAEQ;KACN,WAAW;KACX,eAAe,EAAgB,GAAM,EAAM;KAC3C,aAAa,IAAQ,EAAY,SAAS;KAC1C,EALK,EAAK,GAKV,CACF,GAEF,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,KAAD;MAAG,WAAU;gBACV,IAAc,4BAA4B;MACzC,CAAA;KACA,CAAA;IAEJ,CAAA;GAGL,GAAQ,YAAY,EAAa,SAAS,EAAO,YAAY,GAAQ,gBAAgB,MACpF,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,MAAK;KACL,WAAU;KAOV,eAAe;AAEb,MAAI,IACF,EAAY;OAAE,SAAS;OAAM,YAAY,EAAa;OAAQ,CAAC,GACtD,KAAe,EAAO,YAAY,UAC3C,EAAY,EAAY,IAAI,GAAG;;eAdrC;MAiBC;MACW,EAAa;MAAO;MACvB;;IACL,CAAA;GAEJ;;EAER"}

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

@@ -0,0 +1,9 @@
+/**
+ * List Widget
+ *
+ * Scrollable list with items, metadata, badges, and actions.
+ */
+export { ListWidget, type ListWidgetProps } from './ListWidget';
+export { ListConfig, type ListConfigProps } from './ListConfig';
+export { ListItem, type ListItemProps, type ListItemData } from './ListItem';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,4 @@
+import e from "./ListItem.js";
+import t from "./ListWidget.js";
+import n from "./ListConfig.js";
+export { n as ListConfig, e as ListItem, t as ListWidget };

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

@@ -0,0 +1,29 @@
+import { FC } from 'react';
+import { Widget } from '../../../types';
+
+export interface MapWidgetProps {
+    widget: Widget;
+    data?: MapData;
+    onClick?: (marker: MapMarker) => void;
+    /** Drilldown handler - receives selected marker data */
+    onDrilldown?: (selectedData: Record<string, unknown>) => void;
+}
+export interface MapMarker {
+    name: string;
+    lat: number;
+    lng: number;
+    value?: number;
+    popup?: string;
+    color?: string;
+}
+export interface MapData {
+    center?: {
+        lat: number;
+        lng: number;
+    };
+    zoom?: number;
+    markers?: MapMarker[];
+}
+export declare const MapWidget: FC<MapWidgetProps>;
+export default MapWidget;
+//# sourceMappingURL=MapWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MapWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/map-widget/MapWidget.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAqB,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAM7C,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,KAAK,IAAI,CAAC;IACtC,wDAAwD;IACxD,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CAC/D;AAED,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;CACvB;AAMD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAsHvC,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/bigconsole/components/widgets/map-widget/MapWidget.js

@@ -0,0 +1,125 @@
+import { memo as e, useCallback as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/map-widget/MapWidget.tsx
+var i = e(function({ widget: e, data: i, onClick: a, onDrilldown: o }) {
+	let s = i?.markers || [], c = i?.center || {
+		lat: 0,
+		lng: 0
+	}, l = t((e) => {
+		o ? o(e) : a && a(e);
+	}, [a, o]), u = !!(o || a);
+	return s.length ? /* @__PURE__ */ r("div", {
+		className: "flex flex-col h-full p-4",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex-1 relative bg-bg-muted rounded-lg overflow-hidden",
+				children: [/* @__PURE__ */ n("div", {
+					className: "absolute inset-0 flex items-center justify-center",
+					children: /* @__PURE__ */ n("svg", {
+						className: "w-32 h-32 text-text-tertiary/30",
+						fill: "none",
+						stroke: "currentColor",
+						viewBox: "0 0 24 24",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: .5,
+							d: "M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+						})
+					})
+				}), /* @__PURE__ */ n("div", {
+					className: "absolute inset-0 p-4",
+					children: /* @__PURE__ */ n("div", {
+						className: "flex flex-wrap gap-2 justify-center",
+						children: s.slice(0, 8).map((e, t) => /* @__PURE__ */ r("div", {
+							className: `
+                    flex items-center gap-1.5 px-2 py-1 rounded-full
+                    bg-bg-surface border border-border-default shadow-sm
+                    ${u ? "cursor-pointer hover:border-action-primary-bg" : ""}
+                    transition-colors
+                  `,
+							onClick: () => l(e),
+							title: e.popup || e.name,
+							children: [
+								/* @__PURE__ */ n("div", {
+									className: "w-2 h-2 rounded-full",
+									style: { backgroundColor: e.color || "#3b82f6" }
+								}),
+								/* @__PURE__ */ n("span", {
+									className: "text-xs text-text-primary truncate max-w-[80px]",
+									children: e.name
+								}),
+								e.value !== void 0 && /* @__PURE__ */ n("span", {
+									className: "text-xs text-text-secondary",
+									children: e.value.toLocaleString()
+								})
+							]
+						}, t))
+					})
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "mt-3 space-y-1 max-h-[120px] overflow-auto",
+				children: s.map((e, t) => /* @__PURE__ */ r("div", {
+					className: `
+                flex items-center justify-between p-2 rounded
+                hover:bg-bg-muted/50 transition-colors
+                ${u ? "cursor-pointer" : ""}
+              `,
+					onClick: () => l(e),
+					children: [/* @__PURE__ */ r("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ n("div", {
+							className: "w-2 h-2 rounded-full flex-shrink-0",
+							style: { backgroundColor: e.color || "#3b82f6" }
+						}), /* @__PURE__ */ n("span", {
+							className: "text-xs text-text-primary",
+							children: e.name
+						})]
+					}), e.value !== void 0 && /* @__PURE__ */ n("span", {
+						className: "text-xs font-medium text-text-secondary",
+						children: e.value.toLocaleString()
+					})]
+				}, t))
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "mt-2 pt-2 border-t border-border-default",
+				children: /* @__PURE__ */ r("p", {
+					className: "text-[10px] text-text-tertiary text-center",
+					children: [
+						"Center: ",
+						c.lat.toFixed(2),
+						", ",
+						c.lng.toFixed(2)
+					]
+				})
+			})
+		]
+	}) : /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center h-full text-text-secondary text-sm",
+		children: /* @__PURE__ */ r("div", {
+			className: "text-center",
+			children: [/* @__PURE__ */ r("svg", {
+				className: "w-12 h-12 mx-auto mb-2 text-text-tertiary",
+				fill: "none",
+				stroke: "currentColor",
+				viewBox: "0 0 24 24",
+				children: [/* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
+				}), /* @__PURE__ */ n("path", {
+					strokeLinecap: "round",
+					strokeLinejoin: "round",
+					strokeWidth: 1.5,
+					d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
+				})]
+			}), /* @__PURE__ */ n("p", { children: "No map data" })]
+		})
+	});
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=MapWidget.js.map

package/dist/bigconsole/components/widgets/map-widget/MapWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/map-widget/MapWidget.tsx"],"sourcesContent":["/**\n * MapWidget Component\n *\n * Displays geographic data with markers (placeholder implementation).\n */\n\nimport { type FC, memo, useCallback } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface MapWidgetProps {\n  widget: Widget;\n  data?: MapData;\n  onClick?: (marker: MapMarker) => void;\n  /** Drilldown handler - receives selected marker data */\n  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n}\n\nexport interface MapMarker {\n  name: string;\n  lat: number;\n  lng: number;\n  value?: number;\n  popup?: string;\n  color?: string;\n}\n\nexport interface MapData {\n  center?: { lat: number; lng: number };\n  zoom?: number;\n  markers?: MapMarker[];\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const MapWidget: FC<MapWidgetProps> = memo(function MapWidget({ widget: _widget, data, onClick, onDrilldown }) {\n  const markers = data?.markers || [];\n  const center = data?.center || { lat: 0, lng: 0 };\n\n  // Handle marker click with drilldown support\n  const handleMarkerClick = useCallback(\n    (marker: MapMarker) => {\n      if (onDrilldown) {\n        onDrilldown(marker as unknown as Record<string, unknown>);\n      } else if (onClick) {\n        onClick(marker);\n      }\n    },\n    [onClick, onDrilldown]\n  );\n\n  const isClickable = Boolean(onDrilldown || onClick);\n\n  if (!markers.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=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\"\n            />\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={1.5} d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" />\n          </svg>\n          <p>No map data</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4\">\n      {/* Map placeholder with markers list */}\n      <div className=\"flex-1 relative bg-bg-muted rounded-lg overflow-hidden\">\n        {/* Simulated map background */}\n        <div className=\"absolute inset-0 flex items-center justify-center\">\n          <svg className=\"w-32 h-32 text-text-tertiary/30\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={0.5}\n              d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n            />\n          </svg>\n        </div>\n\n        {/* Markers overlay */}\n        <div className=\"absolute inset-0 p-4\">\n          <div className=\"flex flex-wrap gap-2 justify-center\">\n            {markers.slice(0, 8).map((marker, index) => (\n              <div\n                key={index}\n                className={`\n                    flex items-center gap-1.5 px-2 py-1 rounded-full\n                    bg-bg-surface border border-border-default shadow-sm\n                    ${isClickable ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                    transition-colors\n                  `}\n                onClick={() => handleMarkerClick(marker)}\n                title={marker.popup || marker.name}\n              >\n                <div className=\"w-2 h-2 rounded-full\" style={{ backgroundColor: marker.color || '#3b82f6' }} />\n                <span className=\"text-xs text-text-primary truncate max-w-[80px]\">{marker.name}</span>\n                {marker.value !== undefined && (\n                  <span className=\"text-xs text-text-secondary\">{marker.value.toLocaleString()}</span>\n                )}\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Location list */}\n      <div className=\"mt-3 space-y-1 max-h-[120px] overflow-auto\">\n        {markers.map((marker, index) => (\n          <div\n            key={index}\n            className={`\n                flex items-center justify-between p-2 rounded\n                hover:bg-bg-muted/50 transition-colors\n                ${isClickable ? 'cursor-pointer' : ''}\n              `}\n            onClick={() => handleMarkerClick(marker)}\n          >\n            <div className=\"flex items-center gap-2\">\n              <div\n                className=\"w-2 h-2 rounded-full flex-shrink-0\"\n                style={{ backgroundColor: marker.color || '#3b82f6' }}\n              />\n              <span className=\"text-xs text-text-primary\">{marker.name}</span>\n            </div>\n            {marker.value !== undefined && (\n              <span className=\"text-xs font-medium text-text-secondary\">{marker.value.toLocaleString()}</span>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* Center coordinates */}\n      <div className=\"mt-2 pt-2 border-t border-border-default\">\n        <p className=\"text-[10px] text-text-tertiary text-center\">\n          Center: {center.lat.toFixed(2)}, {center.lng.toFixed(2)}\n        </p>\n      </div>\n    </div>\n  );\n});\n\nexport default MapWidget;\n"],"mappings":";;;AAwCA,IAAa,IAAgC,EAAK,SAAmB,EAAE,QAAQ,GAAS,SAAM,YAAS,kBAAe;CACpH,IAAM,IAAU,GAAM,WAAW,EAAE,EAC7B,IAAS,GAAM,UAAU;EAAE,KAAK;EAAG,KAAK;EAAG,EAG3C,IAAoB,GACvB,MAAsB;AACrB,EAAI,IACF,EAAY,EAA6C,GAChD,KACT,EAAQ,EAAO;IAGnB,CAAC,GAAS,EAAY,CACvB,EAEK,IAAc,GAAQ,KAAe;AA0B3C,QAxBK,EAAQ,SAyBX,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;MAAkC,MAAK;MAAO,QAAO;MAAe,SAAQ;gBACzF,kBAAC,QAAD;OACE,eAAc;OACd,gBAAe;OACf,aAAa;OACb,GAAE;OACF,CAAA;MACE,CAAA;KACF,CAAA,EAGN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAQ,MAAM,GAAG,EAAE,CAAC,KAAK,GAAQ,MAChC,kBAAC,OAAD;OAEE,WAAW;;;sBAGL,IAAc,kDAAkD,GAAG;;;OAGzE,eAAe,EAAkB,EAAO;OACxC,OAAO,EAAO,SAAS,EAAO;iBAThC;QAWE,kBAAC,OAAD;SAAK,WAAU;SAAuB,OAAO,EAAE,iBAAiB,EAAO,SAAS,WAAW;SAAI,CAAA;QAC/F,kBAAC,QAAD;SAAM,WAAU;mBAAmD,EAAO;SAAY,CAAA;QACrF,EAAO,UAAU,KAAA,KAChB,kBAAC,QAAD;SAAM,WAAU;mBAA+B,EAAO,MAAM,gBAAgB;SAAQ,CAAA;QAElF;SAfC,EAeD,CACN;MACE,CAAA;KACF,CAAA,CACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,GAAQ,MACpB,kBAAC,OAAD;KAEE,WAAW;;;kBAGL,IAAc,mBAAmB,GAAG;;KAE1C,eAAe,EAAkB,EAAO;eAP1C,CASE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,iBAAiB,EAAO,SAAS,WAAW;OACrD,CAAA,EACF,kBAAC,QAAD;OAAM,WAAU;iBAA6B,EAAO;OAAY,CAAA,CAC5D;SACL,EAAO,UAAU,KAAA,KAChB,kBAAC,QAAD;MAAM,WAAU;gBAA2C,EAAO,MAAM,gBAAgB;MAAQ,CAAA,CAE9F;OAlBC,EAkBD,CACN;IACE,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA0D;MAC/C,EAAO,IAAI,QAAQ,EAAE;MAAC;MAAG,EAAO,IAAI,QAAQ,EAAE;MACrD;;IACA,CAAA;GACF;MAhGJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAJV,CAME,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA,EACF,kBAAC,QAAD;KAAM,eAAc;KAAQ,gBAAe;KAAQ,aAAa;KAAK,GAAE;KAAqC,CAAA,CACxG;OACN,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA,CACd;;EACF,CAAA;EAgFV"}

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

@@ -0,0 +1,3 @@
+export { MapWidget, type MapWidgetProps, type MapData, type MapMarker } from './MapWidget';
+export { default } from './MapWidget';
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

@@ -0,0 +1,15 @@
+import { FC } from 'react';
+
+export interface ComparisonBadgeProps {
+    /** Percentage change value */
+    value: number;
+    /** Label for the comparison (e.g., "vs last week") */
+    label?: string;
+    /** Whether positive change is good */
+    positiveIsGood?: boolean;
+    /** Size variant */
+    size?: 'sm' | 'md';
+}
+export declare const ComparisonBadge: FC<ComparisonBadgeProps>;
+export default ComparisonBadge;
+//# sourceMappingURL=ComparisonBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonBadge.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/metric-card/ComparisonBadge.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAQ,MAAM,OAAO,CAAC;AAGtC,MAAM,WAAW,oBAAoB;IACnC,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,oBAAoB,CA6CnD,CAAC;AAEH,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,34 @@
+import e from "./TrendIndicator.js";
+import { memo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/metric-card/ComparisonBadge.tsx
+var i = t(function({ value: t, label: i, positiveIsGood: a = !0, size: o = "md" }) {
+	let s = t > 0 ? "up" : t < 0 ? "down" : "flat", c = s === "flat" ? null : a ? s === "up" : s === "down";
+	return /* @__PURE__ */ r("div", {
+		className: `
+          inline-flex items-center gap-1
+          rounded-full font-medium
+          ${o === "sm" ? "text-xs px-1.5 py-0.5" : "text-sm px-2 py-1"}
+          ${c === null ? "bg-bg-muted text-text-secondary" : c ? "bg-state-success/10 text-state-success" : "bg-state-error/10 text-state-error"}
+        `,
+		children: [
+			/* @__PURE__ */ n(e, {
+				direction: s,
+				size: o === "sm" ? "sm" : "md",
+				positiveIsGood: a
+			}),
+			/* @__PURE__ */ n("span", { children: (() => {
+				let e = Math.abs(t), n = e >= 100 ? e.toFixed(0) : e.toFixed(1);
+				return `${t > 0 ? "+" : t < 0 ? "-" : ""}${n}%`;
+			})() }),
+			i && /* @__PURE__ */ n("span", {
+				className: "text-text-secondary font-normal",
+				children: i
+			})
+		]
+	});
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=ComparisonBadge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ComparisonBadge.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/metric-card/ComparisonBadge.tsx"],"sourcesContent":["/**\n * ComparisonBadge Component\n *\n * Displays percentage change with color coding.\n */\n\nimport { type FC, memo } from 'react';\nimport { TrendIndicator, type TrendDirection } from './TrendIndicator';\n\nexport interface ComparisonBadgeProps {\n  /** Percentage change value */\n  value: number;\n  /** Label for the comparison (e.g., \"vs last week\") */\n  label?: string;\n  /** Whether positive change is good */\n  positiveIsGood?: boolean;\n  /** Size variant */\n  size?: 'sm' | 'md';\n}\n\nexport const ComparisonBadge: FC<ComparisonBadgeProps> = memo(function ComparisonBadge({\n  value,\n  label,\n  positiveIsGood = true,\n  size = 'md',\n}) {\n  // Determine trend direction\n  const direction: TrendDirection = value > 0 ? 'up' : value < 0 ? 'down' : 'flat';\n\n  // Determine if the change is good\n  const isGood = direction === 'flat' ? null : positiveIsGood ? direction === 'up' : direction === 'down';\n\n  // Get color classes\n  const getColorClasses = (): string => {\n    if (isGood === null) {\n      return 'bg-bg-muted text-text-secondary';\n    }\n    return isGood ? 'bg-state-success/10 text-state-success' : 'bg-state-error/10 text-state-error';\n  };\n\n  // Format percentage\n  const formatPercentage = (): string => {\n    const absValue = Math.abs(value);\n    const formatted = absValue >= 100 ? absValue.toFixed(0) : absValue.toFixed(1);\n    const sign = value > 0 ? '+' : value < 0 ? '-' : '';\n    return `${sign}${formatted}%`;\n  };\n\n  const sizeClasses = size === 'sm' ? 'text-xs px-1.5 py-0.5' : 'text-sm px-2 py-1';\n  const colorClasses = getColorClasses();\n\n  return (\n    <div\n      className={`\n          inline-flex items-center gap-1\n          rounded-full font-medium\n          ${sizeClasses}\n          ${colorClasses}\n        `}\n    >\n      <TrendIndicator direction={direction} size={size === 'sm' ? 'sm' : 'md'} positiveIsGood={positiveIsGood} />\n      <span>{formatPercentage()}</span>\n      {label && <span className=\"text-text-secondary font-normal\">{label}</span>}\n    </div>\n  );\n});\n\nexport default ComparisonBadge;\n"],"mappings":";;;;AAoBA,IAAa,IAA4C,EAAK,SAAyB,EACrF,UACA,UACA,oBAAiB,IACjB,UAAO,QACN;CAED,IAAM,IAA4B,IAAQ,IAAI,OAAO,IAAQ,IAAI,SAAS,QAGpE,IAAS,MAAc,SAAS,OAAO,IAAiB,MAAc,OAAO,MAAc;AAqBjG,QACE,kBAAC,OAAD;EACE,WAAW;;;YALK,MAAS,OAAO,0BAA0B,oBAQxC;YAtBhB,MAAW,OACN,oCAEF,IAAS,2CAA2C,qCAoBtC;;YALrB;GAQE,kBAAC,GAAD;IAA2B;IAAW,MAAM,MAAS,OAAO,OAAO;IAAsB;IAAkB,CAAA;GAC3G,kBAAC,QAAD,EAAA,iBApBmC;IACrC,IAAM,IAAW,KAAK,IAAI,EAAM,EAC1B,IAAY,KAAY,MAAM,EAAS,QAAQ,EAAE,GAAG,EAAS,QAAQ,EAAE;AAE7E,WAAO,GADM,IAAQ,IAAI,MAAM,IAAQ,IAAI,MAAM,KAChC,EAAU;OAgBA,EAAQ,CAAA;GAChC,KAAS,kBAAC,QAAD;IAAM,WAAU;cAAmC;IAAa,CAAA;GACtE;;EAER"}

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

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

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

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