@burdenoff/microfe-bigconsole 2026.510.54

package/dist/bigconsole/components/widgets/WidgetRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetRegistry.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetRegistry.ts"],"sourcesContent":["/**\n * Widget Registry\n *\n * Central registry mapping widget types to their components,\n * metadata, and configuration schemas.\n */\n\nimport type { ComponentType } from 'react';\nimport type { WidgetType, WidgetCategory, Widget } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetComponentProps {\n  /** The widget data */\n  widget: Widget;\n  /** Widget data (processed) */\n  data: Record<string, unknown>;\n  /** Whether the widget is in edit mode */\n  isEditMode?: boolean;\n  /** Whether the widget is selected */\n  isSelected?: boolean;\n  /** Whether data is loading */\n  isLoading?: boolean;\n  /** Error message if any */\n  error?: string | null;\n  /** Callback when widget is clicked */\n  onClick?: () => void;\n  /** Callback for drilldown navigation */\n  onDrilldown?: (params: Record<string, unknown>) => void;\n}\n\nexport interface WidgetDefinition {\n  /** Widget type */\n  type: WidgetType;\n  /** Human-readable name */\n  name: string;\n  /** Description */\n  description: string;\n  /** Lucide icon name */\n  icon: string;\n  /** Category for grouping */\n  category: WidgetCategory;\n  /** Component to render. Null for all current widget types because the render path\n   *  uses WidgetRendererFactory + RendererRegistry instead of this field. */\n  component: ComponentType<WidgetComponentProps> | null;\n  /** Default configuration */\n  defaultConfig: Record<string, unknown>;\n  /** Default size (fixed grid) */\n  defaultSize: { width: number; height: number };\n  /** Default responsive position (v1.0 spec) */\n  defaultResponsive: { xs: number; sm: number; md: number; lg: number };\n  /** Minimum size constraints */\n  minSize: { width: number; height: number };\n  /** Maximum size constraints */\n  maxSize: { width: number; height: number };\n  /** Whether the widget supports data binding */\n  supportsDataBinding: boolean;\n  /** Whether the widget supports drilldown */\n  supportsDrilldown: boolean;\n  /** Whether the widget supports auto-refresh */\n  supportsAutoRefresh: boolean;\n  /** Tags for search/filter */\n  tags: string[];\n}\n\n// ============================================================================\n// Widget Definitions\n// ============================================================================\n\nexport const WIDGET_DEFINITIONS: Record<WidgetType, WidgetDefinition> = {\n  // ============================================================================\n  // Core Visualization (6 types)\n  // ============================================================================\n\n  kpi_card_comparison: {\n    type: 'kpi_card_comparison',\n    name: 'KPI Card Comparison',\n    description: 'Compare multiple KPIs side by side with trends',\n    icon: 'LayoutDashboard',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      comparisons: [],\n      showSparklines: true,\n      layout: 'horizontal',\n      format: 'number',\n    },\n    defaultSize: { width: 6, height: 3 },\n    defaultResponsive: { xs: 12, sm: 6, md: 6, lg: 4 },\n    minSize: { width: 4, height: 2 },\n    maxSize: { width: 12, height: 6 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['kpi', 'comparison', 'metrics', 'multi'],\n  },\n\n  metric_card: {\n    type: 'metric_card',\n    name: 'Metric Card',\n    description: 'Display a single KPI value with trend indicator',\n    icon: 'TrendingUp',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      format: 'number',\n      decimalPlaces: 0,\n      showTrend: true,\n      showSparkline: false,\n    },\n    defaultSize: { width: 3, height: 2 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 3 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 6, height: 4 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['kpi', 'metric', 'number', 'trend'],\n  },\n\n  chart: {\n    type: 'chart',\n    name: 'Chart',\n    description: 'Multi-type chart (Line, Bar, Area, Pie)',\n    icon: 'BarChart3',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      chartType: 'line',\n      showLegend: true,\n      legendPosition: 'bottom',\n      showGrid: true,\n      showTooltip: true,\n    },\n    defaultSize: { width: 6, height: 4 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 3, height: 3 },\n    maxSize: { width: 12, height: 8 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['chart', 'graph', 'visualization', 'line', 'bar', 'area', 'pie'],\n  },\n\n  funnel_chart: {\n    type: 'funnel_chart',\n    name: 'Funnel Chart',\n    description: 'Visualize conversion or drop-off stages',\n    icon: 'Filter',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      showLabels: true,\n      showValues: true,\n      showPercentages: true,\n      orientation: 'vertical',\n    },\n    defaultSize: { width: 4, height: 5 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 4 },\n    maxSize: { width: 8, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['funnel', 'conversion', 'stages', 'pipeline'],\n  },\n\n  table: {\n    type: 'table',\n    name: 'Data Table',\n    description: 'Display data in sortable, filterable rows and columns',\n    icon: 'Table',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      pageSize: 10,\n      sortable: true,\n      filterable: true,\n      stickyHeader: true,\n      columns: [],\n    },\n    defaultSize: { width: 8, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['table', 'data', 'grid', 'rows'],\n  },\n\n  pivot_table: {\n    type: 'pivot_table',\n    name: 'Pivot Table',\n    description: 'Interactive pivot table for data analysis',\n    icon: 'Grid3x3',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      rows: [],\n      columns: [],\n      values: [],\n      aggregation: 'sum',\n      showTotals: true,\n    },\n    defaultSize: { width: 10, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 10 },\n    minSize: { width: 6, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['pivot', 'table', 'analysis', 'aggregation'],\n  },\n\n  // ============================================================================\n  // Indicators (2 types)\n  // ============================================================================\n\n  gauge: {\n    type: 'gauge',\n    name: 'Gauge',\n    description: 'Display a value within a range',\n    icon: 'Gauge',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      variant: 'circular',\n      min: 0,\n      max: 100,\n      showValue: true,\n      showLabels: true,\n      thresholds: [\n        { value: 33, color: 'red' },\n        { value: 66, color: 'yellow' },\n        { value: 100, color: 'green' },\n      ],\n    },\n    defaultSize: { width: 3, height: 3 },\n    defaultResponsive: { xs: 6, sm: 4, md: 3, lg: 3 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 6, height: 6 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['gauge', 'meter', 'dial', 'indicator'],\n  },\n\n  progress: {\n    type: 'progress',\n    name: 'Progress Bar',\n    description: 'Show progress towards a goal with milestones',\n    icon: 'Activity',\n    category: 'KPI',\n    component: null,\n    defaultConfig: {\n      showPercentage: true,\n      showValue: false,\n      target: null,\n      milestones: [],\n    },\n    defaultSize: { width: 4, height: 2 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 2 },\n    maxSize: { width: 12, height: 3 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: true,\n    tags: ['progress', 'bar', 'goal', 'completion'],\n  },\n\n  // ============================================================================\n  // Data Display (2 types)\n  // ============================================================================\n\n  list: {\n    type: 'list',\n    name: 'List',\n    description: 'Display items in a scrollable list',\n    icon: 'List',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      showMetadata: true,\n      showActions: false,\n      showBadges: true,\n      maxItems: 10,\n      itemClickable: true,\n    },\n    defaultSize: { width: 4, height: 5 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 3, height: 3 },\n    maxSize: { width: 8, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['list', 'items', 'scroll'],\n  },\n\n  form: {\n    type: 'form',\n    name: 'Form',\n    description: 'Interactive form widget for data input',\n    icon: 'FileText',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      fields: [],\n      submitAction: null,\n      layout: 'vertical',\n      showLabels: true,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['form', 'input', 'submit', 'fields'],\n  },\n\n  // ============================================================================\n  // Content (2 types)\n  // ============================================================================\n\n  text: {\n    type: 'text',\n    name: 'Text',\n    description: 'Rich text or markdown content widget',\n    icon: 'Type',\n    category: 'Content',\n    component: null,\n    defaultConfig: {\n      content: '',\n      format: 'markdown',\n      alignment: 'left',\n    },\n    defaultSize: { width: 4, height: 3 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 2, height: 1 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: false,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['text', 'markdown', 'content', 'rich text'],\n  },\n\n  iframe: {\n    type: 'iframe',\n    name: 'Iframe',\n    description: 'Embed external content via iframe',\n    icon: 'ExternalLink',\n    category: 'Content',\n    component: null,\n    defaultConfig: {\n      url: '',\n      sandbox: 'allow-scripts allow-same-origin',\n      allowFullscreen: false,\n    },\n    defaultSize: { width: 6, height: 4 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 3, height: 2 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: false,\n    supportsDrilldown: false,\n    supportsAutoRefresh: false,\n    tags: ['iframe', 'embed', 'external', 'web'],\n  },\n\n  // ============================================================================\n  // Spatial & Temporal (5 types)\n  // ============================================================================\n\n  map: {\n    type: 'map',\n    name: 'Map',\n    description: 'Geographic map visualization with markers',\n    icon: 'MapPin',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      provider: 'mapbox',\n      center: { lat: 0, lng: 0 },\n      zoom: 2,\n      showMarkers: true,\n      showRegions: false,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['map', 'geo', 'location', 'markers'],\n  },\n\n  heatmap: {\n    type: 'heatmap',\n    name: 'Heatmap',\n    description: 'Display values in a color-coded grid',\n    icon: 'Grid3x3',\n    category: 'Visualization',\n    component: null,\n    defaultConfig: {\n      xAxisField: '',\n      yAxisField: '',\n      valueField: '',\n      colorScale: ['#f0f9ff', '#0369a1'],\n      showValues: true,\n    },\n    defaultSize: { width: 6, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 6, lg: 6 },\n    minSize: { width: 4, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['heatmap', 'grid', 'density', 'color'],\n  },\n\n  calendar: {\n    type: 'calendar',\n    name: 'Calendar',\n    description: 'Calendar view for events and schedules',\n    icon: 'Calendar',\n    category: 'Temporal',\n    component: null,\n    defaultConfig: {\n      view: 'month',\n      showWeekNumbers: false,\n      firstDayOfWeek: 0,\n      eventField: '',\n    },\n    defaultSize: { width: 8, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 8, lg: 8 },\n    minSize: { width: 6, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['calendar', 'events', 'schedule', 'dates'],\n  },\n\n  kanban: {\n    type: 'kanban',\n    name: 'Kanban Board',\n    description: 'Kanban board for task and workflow management',\n    icon: 'Columns',\n    category: 'Data',\n    component: null,\n    defaultConfig: {\n      columns: [],\n      cardTitleField: '',\n      cardDescriptionField: '',\n      columnField: '',\n      allowDragDrop: true,\n    },\n    defaultSize: { width: 12, height: 6 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 12 },\n    minSize: { width: 8, height: 4 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['kanban', 'board', 'tasks', 'workflow'],\n  },\n\n  timeline: {\n    type: 'timeline',\n    name: 'Timeline',\n    description: 'Timeline or Gantt chart for project scheduling',\n    icon: 'GitBranch',\n    category: 'Temporal',\n    component: null,\n    defaultConfig: {\n      startDateField: '',\n      endDateField: '',\n      titleField: '',\n      groupField: '',\n      showToday: true,\n    },\n    defaultSize: { width: 12, height: 5 },\n    defaultResponsive: { xs: 12, sm: 12, md: 12, lg: 12 },\n    minSize: { width: 8, height: 3 },\n    maxSize: { width: 12, height: 10 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['timeline', 'gantt', 'project', 'schedule'],\n  },\n\n  // ============================================================================\n  // Extensibility (1 type)\n  // ============================================================================\n\n  custom: {\n    type: 'custom',\n    name: 'Custom Widget',\n    description: 'Custom widget with user-defined rendering',\n    icon: 'Puzzle',\n    category: 'Custom',\n    component: null,\n    defaultConfig: {\n      componentId: '',\n      props: {},\n    },\n    defaultSize: { width: 4, height: 4 },\n    defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n    minSize: { width: 2, height: 2 },\n    maxSize: { width: 12, height: 12 },\n    supportsDataBinding: true,\n    supportsDrilldown: true,\n    supportsAutoRefresh: true,\n    tags: ['custom', 'plugin', 'extension'],\n  },\n};\n\n// ============================================================================\n// Registry Functions\n// ============================================================================\n\n/**\n * Default widget definition for unknown types\n */\nconst DEFAULT_WIDGET_DEFINITION: WidgetDefinition = {\n  type: 'custom' as WidgetType,\n  name: 'Unknown Widget',\n  description: 'Unknown widget type',\n  icon: 'Puzzle',\n  category: 'Custom',\n  component: null,\n  defaultConfig: {},\n  defaultSize: { width: 4, height: 4 },\n  defaultResponsive: { xs: 12, sm: 6, md: 4, lg: 4 },\n  minSize: { width: 2, height: 2 },\n  maxSize: { width: 12, height: 12 },\n  supportsDataBinding: true,\n  supportsDrilldown: true,\n  supportsAutoRefresh: true,\n  tags: ['unknown'],\n};\n\n/**\n * Get widget definition by type\n * Handles both lowercase (frontend) and uppercase (backend) types\n */\nexport function getWidgetDefinition(type: WidgetType | string): WidgetDefinition {\n  // Try exact match first\n  if (WIDGET_DEFINITIONS[type as WidgetType]) {\n    return WIDGET_DEFINITIONS[type as WidgetType];\n  }\n\n  // Try lowercase version (backend returns uppercase for some types)\n  const lowerType = type.toLowerCase() as WidgetType;\n  if (WIDGET_DEFINITIONS[lowerType]) {\n    return WIDGET_DEFINITIONS[lowerType];\n  }\n\n  // Return default definition for unknown types\n  return { ...DEFAULT_WIDGET_DEFINITION, type: type as WidgetType };\n}\n\n/**\n * Get all widget definitions\n */\nexport function getAllWidgetDefinitions(): WidgetDefinition[] {\n  return Object.values(WIDGET_DEFINITIONS);\n}\n\n/**\n * Get widget definitions by category\n */\nexport function getWidgetsByCategory(category: WidgetCategory): WidgetDefinition[] {\n  return Object.values(WIDGET_DEFINITIONS).filter((def) => def.category === category);\n}\n\n/**\n * Search widget definitions by query\n */\nexport function searchWidgets(query: string): WidgetDefinition[] {\n  const lowerQuery = query.toLowerCase();\n  return Object.values(WIDGET_DEFINITIONS).filter(\n    (def) =>\n      def.name.toLowerCase().includes(lowerQuery) ||\n      def.description.toLowerCase().includes(lowerQuery) ||\n      def.tags.some((tag) => tag.includes(lowerQuery))\n  );\n}\n\n/**\n * Canonical mapping from widget category to human-readable label.\n * Shared across WidgetTypeSelector, WidgetPalette, and other UI.\n */\nexport const WIDGET_CATEGORY_LABELS: Record<WidgetCategory, string> = {\n  KPI: 'Metrics & KPIs',\n  Visualization: 'Charts & Visualization',\n  Data: 'Data Display',\n  Content: 'Content',\n  Temporal: 'Temporal & Scheduling',\n  Custom: 'Custom',\n  Installed: 'Installed from Store',\n};\n\n/**\n * Get widget categories with their definitions\n */\nexport function getWidgetCategories(): {\n  category: WidgetCategory;\n  label: string;\n  widgets: WidgetDefinition[];\n}[] {\n  const categories: WidgetCategory[] = ['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'];\n\n  return categories.map((category) => ({\n    category,\n    label: WIDGET_CATEGORY_LABELS[category],\n    widgets: getWidgetsByCategory(category),\n  }));\n}\n\n/**\n * Validate widget size constraints\n */\nexport function validateWidgetSize(\n  type: WidgetType,\n  width: number,\n  height: number\n): { valid: boolean; width: number; height: number } {\n  const def = WIDGET_DEFINITIONS[type];\n\n  const clampedWidth = Math.min(Math.max(width, def.minSize.width), def.maxSize.width);\n  const clampedHeight = Math.min(Math.max(height, def.minSize.height), def.maxSize.height);\n\n  return {\n    valid: width === clampedWidth && height === clampedHeight,\n    width: clampedWidth,\n    height: clampedHeight,\n  };\n}\n\n/**\n * Get a stable key for a widget definition (handles installed widgets with componentId)\n */\nexport function getWidgetKey(widget: WidgetDefinition): string {\n  if (widget.defaultConfig?.componentId) {\n    return `installed-${widget.defaultConfig.componentId}`;\n  }\n  if (widget.category === 'Installed') {\n    return `installed-${widget.name}`;\n  }\n  return widget.type;\n}\n\nexport default WIDGET_DEFINITIONS;\n"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { WidgetType, WidgetCategory, RendererType } from '../../types';
+import { WidgetDefinition } from './WidgetRegistry';
+
+export interface WidgetTypeSelectorProps {
+    selectedType?: WidgetType;
+    onSelect: (type: WidgetType, definition?: WidgetDefinition) => void;
+    categories?: WidgetCategory[];
+    onRendererSelect?: (renderer: RendererType) => void;
+    selectedRenderer?: RendererType;
+    /** Installed widgets from the store (fetched by parent) */
+    installedWidgets?: WidgetDefinition[];
+}
+export declare const WidgetTypeSelector: FC<WidgetTypeSelectorProps>;
+export default WidgetTypeSelector;
+//# sourceMappingURL=WidgetTypeSelector.d.ts.map

package/dist/bigconsole/components/widgets/WidgetTypeSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTypeSelector.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/WidgetTypeSelector.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAC5E,OAAO,EAA8D,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AA2DrH,MAAM,WAAW,uBAAuB;IACtC,YAAY,CAAC,EAAE,UAAU,CAAC;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACpE,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,gBAAgB,CAAC,EAAE,YAAY,CAAC;IAChC,2DAA2D;IAC3D,gBAAgB,CAAC,EAAE,gBAAgB,EAAE,CAAC;CACvC;AAgCD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAoQzD,CAAC;AAEH,eAAe,kBAAkB,CAAC"}

package/dist/bigconsole/components/widgets/WidgetTypeSelector.js

@@ -0,0 +1,291 @@
+import { WIDGET_CATEGORY_LABELS as e, getWidgetKey as t, getWidgetsByCategory as n } from "./WidgetRegistry.js";
+import { memo as r, useCallback as i, useMemo as a, useState as o } from "react";
+import { Activity as s, BarChart3 as c, Calendar as l, Code as u, Columns as d, CreditCard as f, ExternalLink as p, FileText as m, Filter as h, Gauge as g, GitBranch as _, Grid3x3 as v, Layers as y, LayoutDashboard as b, List as x, MapPin as S, MessageSquare as C, Puzzle as w, Search as T, Table as E, TrendingUp as D, Type as O } from "lucide-react";
+import { jsx as k, jsxs as A } from "react/jsx-runtime";
+import { Input as j } from "@burdenoff/fe-libs/ui";
+//#region src/bigconsole/components/widgets/WidgetTypeSelector.tsx
+var M = {
+	TrendingUp: D,
+	BarChart3: c,
+	Filter: h,
+	Table: E,
+	Grid3x3: v,
+	Gauge: g,
+	Activity: s,
+	List: x,
+	FileText: m,
+	Type: O,
+	ExternalLink: p,
+	MapPin: S,
+	Calendar: l,
+	Columns: d,
+	GitBranch: _,
+	Puzzle: w,
+	LayoutDashboard: b
+};
+function N(e) {
+	return M[e] || w;
+}
+var P = [
+	{
+		id: "ALL",
+		label: "All",
+		icon: y
+	},
+	{
+		id: "ADAPTIVE_CARD",
+		label: "Adaptive Card",
+		icon: f
+	},
+	{
+		id: "BLOCKKIT",
+		label: "Block Kit",
+		icon: C
+	},
+	{
+		id: "CUSTOM",
+		label: "Custom",
+		icon: u
+	}
+], F = {
+	ALL: "all",
+	BIGCONSOLE: "all",
+	ADAPTIVE_CARD: [
+		"metric_card",
+		"kpi_card_comparison",
+		"text",
+		"list",
+		"table",
+		"form",
+		"custom"
+	],
+	BLOCKKIT: [
+		"metric_card",
+		"kpi_card_comparison",
+		"text",
+		"list",
+		"table",
+		"custom"
+	],
+	CUSTOM: ["custom"]
+}, I = [
+	"KPI",
+	"Visualization",
+	"Data",
+	"Content",
+	"Temporal",
+	"Custom",
+	"Installed"
+], L = r(function({ selectedType: r, onSelect: s, categories: c, onRendererSelect: l, selectedRenderer: u, installedWidgets: d = [] }) {
+	let [f, p] = o(""), [m, h] = o(u || "ALL"), g = a(() => {
+		let e = c || I, t = {}, r = F[m];
+		for (let i of e) {
+			let e = i === "Installed" ? d : n(i);
+			if (f.trim()) {
+				let t = f.toLowerCase();
+				e = e.filter((e) => e.name.toLowerCase().includes(t) || e.description.toLowerCase().includes(t));
+			}
+			r !== "all" && (e = e.filter((e) => r.includes(e.type))), e.length > 0 && (t[i] = e);
+		}
+		return t;
+	}, [
+		f,
+		c,
+		m,
+		d
+	]), _ = i((e) => {
+		h(e), l && e !== "ALL" && l(e);
+	}, [l]), v = i((e, t) => {
+		s(e, t), m !== "ALL" && l && l(m);
+	}, [
+		s,
+		m,
+		l
+	]);
+	return /* @__PURE__ */ A("div", {
+		style: {
+			display: "flex",
+			flexDirection: "column",
+			height: "100%",
+			maxHeight: "500px",
+			maxWidth: "500px"
+		},
+		children: [
+			/* @__PURE__ */ k("div", {
+				style: {
+					padding: "8px 12px",
+					borderBottom: "1px solid var(--color-border)"
+				},
+				children: /* @__PURE__ */ k("div", {
+					style: {
+						display: "flex",
+						gap: "4px",
+						backgroundColor: "var(--color-bg-muted)",
+						padding: "3px",
+						borderRadius: "6px"
+					},
+					children: P.map((e) => {
+						let t = e.icon, n = m === e.id;
+						return /* @__PURE__ */ A("button", {
+							type: "button",
+							onClick: () => _(e.id),
+							style: {
+								flex: 1,
+								display: "flex",
+								alignItems: "center",
+								justifyContent: "center",
+								gap: "4px",
+								padding: "6px 8px",
+								borderRadius: "4px",
+								border: "none",
+								fontSize: "11px",
+								fontWeight: 500,
+								cursor: "pointer",
+								transition: "all 0.15s ease",
+								backgroundColor: n ? "var(--color-bg-surface, white)" : "transparent",
+								color: n ? "var(--color-primary)" : "var(--color-text-secondary)",
+								boxShadow: n ? "0 1px 2px rgba(0,0,0,0.05)" : "none"
+							},
+							children: [/* @__PURE__ */ k(t, { style: {
+								width: "12px",
+								height: "12px"
+							} }), /* @__PURE__ */ k("span", { children: e.label })]
+						}, e.id);
+					})
+				})
+			}),
+			/* @__PURE__ */ k("div", {
+				style: {
+					padding: "8px 12px",
+					borderBottom: "1px solid var(--color-border)"
+				},
+				children: /* @__PURE__ */ A("div", {
+					style: { position: "relative" },
+					children: [/* @__PURE__ */ k(T, { style: {
+						position: "absolute",
+						left: "10px",
+						top: "50%",
+						transform: "translateY(-50%)",
+						width: "14px",
+						height: "14px",
+						color: "var(--color-text-secondary)"
+					} }), /* @__PURE__ */ k(j, {
+						type: "text",
+						placeholder: "Search widgets...",
+						value: f,
+						onChange: (e) => p(e.target.value),
+						style: {
+							paddingLeft: "32px",
+							height: "32px",
+							fontSize: "13px"
+						}
+					})]
+				})
+			}),
+			/* @__PURE__ */ A("div", {
+				style: {
+					flex: 1,
+					overflowY: "auto",
+					padding: "12px",
+					backgroundColor: "var(--color-bg-sunken)",
+					maxHeight: "350px",
+					minHeight: "200px"
+				},
+				children: [Object.entries(g).map(([n, i]) => /* @__PURE__ */ A("div", {
+					style: { marginBottom: "16px" },
+					children: [/* @__PURE__ */ k("h3", {
+						style: {
+							fontSize: "11px",
+							fontWeight: 600,
+							textTransform: "uppercase",
+							letterSpacing: "0.05em",
+							color: "var(--color-text-secondary)",
+							marginBottom: "8px",
+							paddingLeft: "4px"
+						},
+						children: n === "search" ? `Search Results (${i.length})` : e[n]
+					}), /* @__PURE__ */ k("div", {
+						style: {
+							display: "grid",
+							gridTemplateColumns: "repeat(2, 1fr)",
+							gap: "8px"
+						},
+						children: i.map((e) => {
+							let n = N(e.icon), i = t(e), a = e.category !== "Installed" && r === e.type;
+							return /* @__PURE__ */ A("div", {
+								onClick: () => v(e.type, e),
+								style: {
+									display: "flex",
+									alignItems: "center",
+									gap: "10px",
+									padding: "10px 12px",
+									borderRadius: "8px",
+									border: a ? "2px solid var(--color-action-primary-bg)" : "1px solid var(--color-border)",
+									backgroundColor: a ? "var(--color-action-primary-bg)" : "var(--color-bg-surface)",
+									cursor: "pointer",
+									transition: "all 0.15s ease",
+									boxShadow: a ? "var(--shadow-elevation-2)" : "var(--shadow-elevation-1)"
+								},
+								onMouseEnter: (e) => {
+									a || (e.currentTarget.style.borderColor = "var(--color-action-primary-bg)", e.currentTarget.style.backgroundColor = "var(--color-bg-sunken)", e.currentTarget.style.boxShadow = "var(--shadow-elevation-2)");
+								},
+								onMouseLeave: (e) => {
+									a || (e.currentTarget.style.borderColor = "var(--color-border)", e.currentTarget.style.backgroundColor = "var(--color-bg-surface)", e.currentTarget.style.boxShadow = "var(--shadow-elevation-1)");
+								},
+								children: [/* @__PURE__ */ k("div", {
+									style: {
+										width: "32px",
+										height: "32px",
+										flexShrink: 0,
+										display: "flex",
+										alignItems: "center",
+										justifyContent: "center",
+										borderRadius: "6px",
+										backgroundColor: a ? "var(--color-action-primary-bg)" : "var(--color-bg-muted)",
+										color: a ? "var(--color-action-primary-text)" : "var(--color-text-secondary)"
+									},
+									children: /* @__PURE__ */ k(n, { style: {
+										width: "16px",
+										height: "16px"
+									} })
+								}), /* @__PURE__ */ k("span", {
+									style: {
+										fontSize: "13px",
+										fontWeight: 500,
+										color: a ? "var(--color-action-primary-text)" : "var(--color-text-primary)",
+										overflow: "hidden",
+										textOverflow: "ellipsis",
+										whiteSpace: "nowrap"
+									},
+									children: e.name
+								})]
+							}, i);
+						})
+					})]
+				}, n)), Object.keys(g).length === 0 && /* @__PURE__ */ A("div", {
+					style: {
+						display: "flex",
+						flexDirection: "column",
+						alignItems: "center",
+						justifyContent: "center",
+						padding: "32px",
+						color: "var(--color-text-secondary)"
+					},
+					children: [/* @__PURE__ */ k(T, { style: {
+						width: "32px",
+						height: "32px",
+						marginBottom: "12px",
+						opacity: .5
+					} }), /* @__PURE__ */ k("p", {
+						style: { fontSize: "13px" },
+						children: "No widgets found"
+					})]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+export { L as default };
+
+//# sourceMappingURL=WidgetTypeSelector.js.map

package/dist/bigconsole/components/widgets/WidgetTypeSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetTypeSelector.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetTypeSelector.tsx"],"sourcesContent":["/**\n * WidgetTypeSelector Component\n *\n * Grid of available widget types for selection.\n * v2.0: Added renderer filter tabs for filtering by renderer type.\n * Uses fe-libs shared components for consistent styling.\n */\n\nimport { type FC, memo, useState, useMemo, useCallback } from 'react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport type { WidgetType, WidgetCategory, RendererType } from '../../types';\nimport { getWidgetsByCategory, getWidgetKey, WIDGET_CATEGORY_LABELS, type WidgetDefinition } from './WidgetRegistry';\nimport {\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n  Search,\n  Layers,\n  CreditCard,\n  MessageSquare,\n  Code,\n  type LucideIcon,\n} from 'lucide-react';\n\n// ============================================================================\n// Icon Mapping - Maps string icon names to Lucide components\n// ============================================================================\n\nconst ICON_MAP: Record<string, LucideIcon> = {\n  TrendingUp,\n  BarChart3,\n  Filter,\n  Table,\n  Grid3x3,\n  Gauge,\n  Activity,\n  List,\n  FileText,\n  Type,\n  ExternalLink,\n  MapPin,\n  Calendar,\n  Columns,\n  GitBranch,\n  Puzzle,\n  LayoutDashboard,\n};\n\nfunction getIconComponent(iconName: string): LucideIcon {\n  return ICON_MAP[iconName] || Puzzle;\n}\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetTypeSelectorProps {\n  selectedType?: WidgetType;\n  onSelect: (type: WidgetType, definition?: WidgetDefinition) => void;\n  categories?: WidgetCategory[];\n  onRendererSelect?: (renderer: RendererType) => void;\n  selectedRenderer?: RendererType;\n  /** Installed widgets from the store (fetched by parent) */\n  installedWidgets?: WidgetDefinition[];\n}\n\ntype RendererFilter = RendererType | 'ALL';\n\ninterface RendererFilterOption {\n  id: RendererFilter;\n  label: string;\n  icon: LucideIcon;\n}\n\nconst RENDERER_FILTERS: RendererFilterOption[] = [\n  { id: 'ALL', label: 'All', icon: Layers },\n  { id: 'ADAPTIVE_CARD', label: 'Adaptive Card', icon: CreditCard },\n  { id: 'BLOCKKIT', label: 'Block Kit', icon: MessageSquare },\n  { id: 'CUSTOM', label: 'Custom', icon: Code },\n];\n\n// Widget types that support each renderer (for filtering)\nconst RENDERER_WIDGET_TYPES: Record<RendererFilter, WidgetType[] | 'all'> = {\n  ALL: 'all',\n  BIGCONSOLE: 'all',\n  ADAPTIVE_CARD: ['metric_card', 'kpi_card_comparison', 'text', 'list', 'table', 'form', 'custom'],\n  BLOCKKIT: ['metric_card', 'kpi_card_comparison', 'text', 'list', 'table', 'custom'],\n  CUSTOM: ['custom'],\n};\n\nconst ALL_CATEGORIES: WidgetCategory[] = ['KPI', 'Visualization', 'Data', 'Content', 'Temporal', 'Custom', 'Installed'];\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetTypeSelector: FC<WidgetTypeSelectorProps> = memo(function WidgetTypeSelector({\n  selectedType,\n  onSelect,\n  categories,\n  onRendererSelect,\n  selectedRenderer,\n  installedWidgets = [],\n}) {\n  const [searchQuery, setSearchQuery] = useState('');\n  const [rendererFilter, setRendererFilter] = useState<RendererFilter>(selectedRenderer || 'ALL');\n\n  const widgetsByCategory = useMemo(() => {\n    const cats = categories || ALL_CATEGORIES;\n    const grouped: Record<string, WidgetDefinition[]> = {};\n\n    // Get allowed widget types for current renderer filter\n    const allowedTypes = RENDERER_WIDGET_TYPES[rendererFilter];\n\n    for (const cat of cats) {\n      let widgets = cat === 'Installed' ? installedWidgets : getWidgetsByCategory(cat);\n\n      // Filter by search query\n      if (searchQuery.trim()) {\n        const query = searchQuery.toLowerCase();\n        widgets = widgets.filter(\n          (w) => w.name.toLowerCase().includes(query) || w.description.toLowerCase().includes(query)\n        );\n      }\n\n      // Filter by renderer\n      if (allowedTypes !== 'all') {\n        widgets = widgets.filter((w) => allowedTypes.includes(w.type));\n      }\n\n      if (widgets.length > 0) {\n        grouped[cat] = widgets;\n      }\n    }\n\n    return grouped;\n  }, [searchQuery, categories, rendererFilter, installedWidgets]);\n\n  const handleRendererFilterChange = useCallback(\n    (filter: RendererFilter) => {\n      setRendererFilter(filter);\n      if (onRendererSelect && filter !== 'ALL') {\n        onRendererSelect(filter as RendererType);\n      }\n    },\n    [onRendererSelect]\n  );\n\n  const handleSelect = useCallback(\n    (type: WidgetType, definition?: WidgetDefinition) => {\n      onSelect(type, definition);\n      // If a specific renderer is selected, notify parent\n      if (rendererFilter !== 'ALL' && onRendererSelect) {\n        onRendererSelect(rendererFilter as RendererType);\n      }\n    },\n    [onSelect, rendererFilter, onRendererSelect]\n  );\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', height: '100%', maxHeight: '500px', maxWidth: '500px' }}>\n      {/* Renderer Filter Tabs */}\n      <div style={{ padding: '8px 12px', borderBottom: '1px solid var(--color-border)' }}>\n        <div\n          style={{\n            display: 'flex',\n            gap: '4px',\n            backgroundColor: 'var(--color-bg-muted)',\n            padding: '3px',\n            borderRadius: '6px',\n          }}\n        >\n          {RENDERER_FILTERS.map((filter) => {\n            const Icon = filter.icon;\n            const isActive = rendererFilter === filter.id;\n            return (\n              <button\n                key={filter.id}\n                type=\"button\"\n                onClick={() => handleRendererFilterChange(filter.id)}\n                style={{\n                  flex: 1,\n                  display: 'flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  gap: '4px',\n                  padding: '6px 8px',\n                  borderRadius: '4px',\n                  border: 'none',\n                  fontSize: '11px',\n                  fontWeight: 500,\n                  cursor: 'pointer',\n                  transition: 'all 0.15s ease',\n                  backgroundColor: isActive ? 'var(--color-bg-surface, white)' : 'transparent',\n                  color: isActive ? 'var(--color-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: isActive ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                <Icon style={{ width: '12px', height: '12px' }} />\n                <span>{filter.label}</span>\n              </button>\n            );\n          })}\n        </div>\n      </div>\n\n      {/* Search */}\n      <div style={{ padding: '8px 12px', borderBottom: '1px solid var(--color-border)' }}>\n        <div style={{ position: 'relative' }}>\n          <Search\n            style={{\n              position: 'absolute',\n              left: '10px',\n              top: '50%',\n              transform: 'translateY(-50%)',\n              width: '14px',\n              height: '14px',\n              color: 'var(--color-text-secondary)',\n            }}\n          />\n          <Input\n            type=\"text\"\n            placeholder=\"Search widgets...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            style={{ paddingLeft: '32px', height: '32px', fontSize: '13px' }}\n          />\n        </div>\n      </div>\n\n      {/* Categories and widgets - with visible scrollbar */}\n      <div\n        style={{\n          flex: 1,\n          overflowY: 'auto',\n          padding: '12px',\n          backgroundColor: 'var(--color-bg-sunken)',\n          maxHeight: '350px',\n          minHeight: '200px',\n        }}\n      >\n        {Object.entries(widgetsByCategory).map(([category, widgets]) => (\n          <div key={category} style={{ marginBottom: '16px' }}>\n            <h3\n              style={{\n                fontSize: '11px',\n                fontWeight: 600,\n                textTransform: 'uppercase',\n                letterSpacing: '0.05em',\n                color: 'var(--color-text-secondary)',\n                marginBottom: '8px',\n                paddingLeft: '4px',\n              }}\n            >\n              {category === 'search'\n                ? `Search Results (${widgets.length})`\n                : WIDGET_CATEGORY_LABELS[category as WidgetCategory]}\n            </h3>\n\n            <div\n              style={{\n                display: 'grid',\n                gridTemplateColumns: 'repeat(2, 1fr)',\n                gap: '8px',\n              }}\n            >\n              {widgets.map((widget) => {\n                const Icon = getIconComponent(widget.icon);\n                const widgetKey = getWidgetKey(widget);\n                // For installed widgets (all typed as 'custom'), avoid highlighting\n                // every installed widget when one is selected.\n                const isSelected = widget.category !== 'Installed' && selectedType === widget.type;\n\n                return (\n                  <div\n                    key={widgetKey}\n                    onClick={() => handleSelect(widget.type, widget)}\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: '10px',\n                      padding: '10px 12px',\n                      borderRadius: '8px',\n                      border: isSelected ? '2px solid var(--color-action-primary-bg)' : '1px solid var(--color-border)',\n                      backgroundColor: isSelected ? 'var(--color-action-primary-bg)' : 'var(--color-bg-surface)',\n                      cursor: 'pointer',\n                      transition: 'all 0.15s ease',\n                      boxShadow: isSelected ? 'var(--shadow-elevation-2)' : 'var(--shadow-elevation-1)',\n                    }}\n                    onMouseEnter={(e) => {\n                      if (!isSelected) {\n                        e.currentTarget.style.borderColor = 'var(--color-action-primary-bg)';\n                        e.currentTarget.style.backgroundColor = 'var(--color-bg-sunken)';\n                        e.currentTarget.style.boxShadow = 'var(--shadow-elevation-2)';\n                      }\n                    }}\n                    onMouseLeave={(e) => {\n                      if (!isSelected) {\n                        e.currentTarget.style.borderColor = 'var(--color-border)';\n                        e.currentTarget.style.backgroundColor = 'var(--color-bg-surface)';\n                        e.currentTarget.style.boxShadow = 'var(--shadow-elevation-1)';\n                      }\n                    }}\n                  >\n                    <div\n                      style={{\n                        width: '32px',\n                        height: '32px',\n                        flexShrink: 0,\n                        display: 'flex',\n                        alignItems: 'center',\n                        justifyContent: 'center',\n                        borderRadius: '6px',\n                        backgroundColor: isSelected ? 'var(--color-action-primary-bg)' : 'var(--color-bg-muted)',\n                        color: isSelected ? 'var(--color-action-primary-text)' : 'var(--color-text-secondary)',\n                      }}\n                    >\n                      <Icon style={{ width: '16px', height: '16px' }} />\n                    </div>\n                    <span\n                      style={{\n                        fontSize: '13px',\n                        fontWeight: 500,\n                        color: isSelected ? 'var(--color-action-primary-text)' : 'var(--color-text-primary)',\n                        overflow: 'hidden',\n                        textOverflow: 'ellipsis',\n                        whiteSpace: 'nowrap',\n                      }}\n                    >\n                      {widget.name}\n                    </span>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n        ))}\n\n        {Object.keys(widgetsByCategory).length === 0 && (\n          <div\n            style={{\n              display: 'flex',\n              flexDirection: 'column',\n              alignItems: 'center',\n              justifyContent: 'center',\n              padding: '32px',\n              color: 'var(--color-text-secondary)',\n            }}\n          >\n            <Search style={{ width: '32px', height: '32px', marginBottom: '12px', opacity: 0.5 }} />\n            <p style={{ fontSize: '13px' }}>No widgets found</p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n});\n\nexport default WidgetTypeSelector;\n"],"mappings":";;;;;;AA0CA,IAAM,IAAuC;CAC3C;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAS,EAAiB,GAA8B;AACtD,QAAO,EAAS,MAAa;;AAyB/B,IAAM,IAA2C;CAC/C;EAAE,IAAI;EAAO,OAAO;EAAO,MAAM;EAAQ;CACzC;EAAE,IAAI;EAAiB,OAAO;EAAiB,MAAM;EAAY;CACjE;EAAE,IAAI;EAAY,OAAO;EAAa,MAAM;EAAe;CAC3D;EAAE,IAAI;EAAU,OAAO;EAAU,MAAM;EAAM;CAC9C,EAGK,IAAsE;CAC1E,KAAK;CACL,YAAY;CACZ,eAAe;EAAC;EAAe;EAAuB;EAAQ;EAAQ;EAAS;EAAQ;EAAS;CAChG,UAAU;EAAC;EAAe;EAAuB;EAAQ;EAAQ;EAAS;EAAS;CACnF,QAAQ,CAAC,SAAS;CACnB,EAEK,IAAmC;CAAC;CAAO;CAAiB;CAAQ;CAAW;CAAY;CAAU;CAAY,EAM1G,IAAkD,EAAK,SAA4B,EAC9F,iBACA,aACA,eACA,qBACA,qBACA,sBAAmB,EAAE,IACpB;CACD,IAAM,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAgB,KAAqB,EAAyB,KAAoB,MAAM,EAEzF,IAAoB,QAAc;EACtC,IAAM,IAAO,KAAc,GACrB,IAA8C,EAAE,EAGhD,IAAe,EAAsB;AAE3C,OAAK,IAAM,KAAO,GAAM;GACtB,IAAI,IAAU,MAAQ,cAAc,IAAmB,EAAqB,EAAI;AAGhF,OAAI,EAAY,MAAM,EAAE;IACtB,IAAM,IAAQ,EAAY,aAAa;AACvC,QAAU,EAAQ,QACf,MAAM,EAAE,KAAK,aAAa,CAAC,SAAS,EAAM,IAAI,EAAE,YAAY,aAAa,CAAC,SAAS,EAAM,CAC3F;;AAQH,GAJI,MAAiB,UACnB,IAAU,EAAQ,QAAQ,MAAM,EAAa,SAAS,EAAE,KAAK,CAAC,GAG5D,EAAQ,SAAS,MACnB,EAAQ,KAAO;;AAInB,SAAO;IACN;EAAC;EAAa;EAAY;EAAgB;EAAiB,CAAC,EAEzD,IAA6B,GAChC,MAA2B;AAE1B,EADA,EAAkB,EAAO,EACrB,KAAoB,MAAW,SACjC,EAAiB,EAAuB;IAG5C,CAAC,EAAiB,CACnB,EAEK,IAAe,GAClB,GAAkB,MAAkC;AAGnD,EAFA,EAAS,GAAM,EAAW,EAEtB,MAAmB,SAAS,KAC9B,EAAiB,EAA+B;IAGpD;EAAC;EAAU;EAAgB;EAAiB,CAC7C;AAED,QACE,kBAAC,OAAD;EAAK,OAAO;GAAE,SAAS;GAAQ,eAAe;GAAU,QAAQ;GAAQ,WAAW;GAAS,UAAU;GAAS;YAA/G;GAEE,kBAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAY,cAAc;KAAiC;cAChF,kBAAC,OAAD;KACE,OAAO;MACL,SAAS;MACT,KAAK;MACL,iBAAiB;MACjB,SAAS;MACT,cAAc;MACf;eAEA,EAAiB,KAAK,MAAW;MAChC,IAAM,IAAO,EAAO,MACd,IAAW,MAAmB,EAAO;AAC3C,aACE,kBAAC,UAAD;OAEE,MAAK;OACL,eAAe,EAA2B,EAAO,GAAG;OACpD,OAAO;QACL,MAAM;QACN,SAAS;QACT,YAAY;QACZ,gBAAgB;QAChB,KAAK;QACL,SAAS;QACT,cAAc;QACd,QAAQ;QACR,UAAU;QACV,YAAY;QACZ,QAAQ;QACR,YAAY;QACZ,iBAAiB,IAAW,mCAAmC;QAC/D,OAAO,IAAW,yBAAyB;QAC3C,WAAW,IAAW,+BAA+B;QACtD;iBApBH,CAsBE,kBAAC,GAAD,EAAM,OAAO;QAAE,OAAO;QAAQ,QAAQ;QAAQ,EAAI,CAAA,EAClD,kBAAC,QAAD,EAAA,UAAO,EAAO,OAAa,CAAA,CACpB;SAvBF,EAAO,GAuBL;OAEX;KACE,CAAA;IACF,CAAA;GAGN,kBAAC,OAAD;IAAK,OAAO;KAAE,SAAS;KAAY,cAAc;KAAiC;cAChF,kBAAC,OAAD;KAAK,OAAO,EAAE,UAAU,YAAY;eAApC,CACE,kBAAC,GAAD,EACE,OAAO;MACL,UAAU;MACV,MAAM;MACN,KAAK;MACL,WAAW;MACX,OAAO;MACP,QAAQ;MACR,OAAO;MACR,EACD,CAAA,EACF,kBAAC,GAAD;MACE,MAAK;MACL,aAAY;MACZ,OAAO;MACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;MAC/C,OAAO;OAAE,aAAa;OAAQ,QAAQ;OAAQ,UAAU;OAAQ;MAChE,CAAA,CACE;;IACF,CAAA;GAGN,kBAAC,OAAD;IACE,OAAO;KACL,MAAM;KACN,WAAW;KACX,SAAS;KACT,iBAAiB;KACjB,WAAW;KACX,WAAW;KACZ;cARH,CAUG,OAAO,QAAQ,EAAkB,CAAC,KAAK,CAAC,GAAU,OACjD,kBAAC,OAAD;KAAoB,OAAO,EAAE,cAAc,QAAQ;eAAnD,CACE,kBAAC,MAAD;MACE,OAAO;OACL,UAAU;OACV,YAAY;OACZ,eAAe;OACf,eAAe;OACf,OAAO;OACP,cAAc;OACd,aAAa;OACd;gBAEA,MAAa,WACV,mBAAmB,EAAQ,OAAO,KAClC,EAAuB;MACxB,CAAA,EAEL,kBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,qBAAqB;OACrB,KAAK;OACN;gBAEA,EAAQ,KAAK,MAAW;OACvB,IAAM,IAAO,EAAiB,EAAO,KAAK,EACpC,IAAY,EAAa,EAAO,EAGhC,IAAa,EAAO,aAAa,eAAe,MAAiB,EAAO;AAE9E,cACE,kBAAC,OAAD;QAEE,eAAe,EAAa,EAAO,MAAM,EAAO;QAChD,OAAO;SACL,SAAS;SACT,YAAY;SACZ,KAAK;SACL,SAAS;SACT,cAAc;SACd,QAAQ,IAAa,6CAA6C;SAClE,iBAAiB,IAAa,mCAAmC;SACjE,QAAQ;SACR,YAAY;SACZ,WAAW,IAAa,8BAA8B;SACvD;QACD,eAAe,MAAM;AACnB,SAAK,MACH,EAAE,cAAc,MAAM,cAAc,kCACpC,EAAE,cAAc,MAAM,kBAAkB,0BACxC,EAAE,cAAc,MAAM,YAAY;;QAGtC,eAAe,MAAM;AACnB,SAAK,MACH,EAAE,cAAc,MAAM,cAAc,uBACpC,EAAE,cAAc,MAAM,kBAAkB,2BACxC,EAAE,cAAc,MAAM,YAAY;;kBA1BxC,CA8BE,kBAAC,OAAD;SACE,OAAO;UACL,OAAO;UACP,QAAQ;UACR,YAAY;UACZ,SAAS;UACT,YAAY;UACZ,gBAAgB;UAChB,cAAc;UACd,iBAAiB,IAAa,mCAAmC;UACjE,OAAO,IAAa,qCAAqC;UAC1D;mBAED,kBAAC,GAAD,EAAM,OAAO;UAAE,OAAO;UAAQ,QAAQ;UAAQ,EAAI,CAAA;SAC9C,CAAA,EACN,kBAAC,QAAD;SACE,OAAO;UACL,UAAU;UACV,YAAY;UACZ,OAAO,IAAa,qCAAqC;UACzD,UAAU;UACV,cAAc;UACd,YAAY;UACb;mBAEA,EAAO;SACH,CAAA,CACH;UAxDC,EAwDD;QAER;MACE,CAAA,CACF;OA7FI,EA6FJ,CACN,EAED,OAAO,KAAK,EAAkB,CAAC,WAAW,KACzC,kBAAC,OAAD;KACE,OAAO;MACL,SAAS;MACT,eAAe;MACf,YAAY;MACZ,gBAAgB;MAChB,SAAS;MACT,OAAO;MACR;eARH,CAUE,kBAAC,GAAD,EAAQ,OAAO;MAAE,OAAO;MAAQ,QAAQ;MAAQ,cAAc;MAAQ,SAAS;MAAK,EAAI,CAAA,EACxF,kBAAC,KAAD;MAAG,OAAO,EAAE,UAAU,QAAQ;gBAAE;MAAoB,CAAA,CAChD;OAEJ;;GACF;;EAER"}

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

@@ -0,0 +1,31 @@
+import { FC, ReactNode } from 'react';
+import { Widget } from '../../types';
+import { WidgetAction, ActionContext, ActionResult } from '../../renderers/types/renderer';
+
+export interface WidgetWrapperProps {
+    /** The widget data */
+    widget: Widget;
+    /** Widget content to render */
+    children?: ReactNode;
+    /** Data for the widget */
+    data?: Record<string, unknown> | null;
+    /** Custom class name */
+    className?: string;
+    /** Whether the widget is loading */
+    isLoading?: boolean;
+    /** Error message */
+    error?: string | null;
+    /** Callback to refresh widget data */
+    onRefresh?: () => Promise<void>;
+    /** Callback for drilldown navigation */
+    onDrilldown?: (params: Record<string, unknown>) => void;
+    /** v2.0: Widget actions */
+    actions?: WidgetAction[];
+    /** v2.0: Callback for action events */
+    onAction?: (action: WidgetAction, context: ActionContext) => Promise<ActionResult | void>;
+    /** Phase 2: Global filter values to apply to widget data */
+    filterValues?: Record<string, unknown>;
+}
+export declare const WidgetWrapper: FC<WidgetWrapperProps>;
+export default WidgetWrapper;
+//# sourceMappingURL=WidgetWrapper.d.ts.map

package/dist/bigconsole/components/widgets/WidgetWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WidgetWrapper.d.ts","sourceRoot":"","sources":["../../../../src/bigconsole/components/widgets/WidgetWrapper.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EACL,KAAK,EAAE,EACP,KAAK,SAAS,EASf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AA2B1C,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAgB,MAAM,gCAAgC,CAAC;AAyB9G,MAAM,WAAW,kBAAkB;IACjC,sBAAsB;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAC;IACtC,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAChC,wCAAwC;IACxC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IACxD,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,aAAa,KAAK,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAC1F,4DAA4D;IAC5D,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACxC;AAkCD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA+4BhC,CAAC;AAElB,eAAe,aAAa,CAAC"}