@burdenoff/microfe-bigconsole 2026.804.1 → 2026.804.2

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

@@ -24,7 +24,9 @@ import { Suspense as l, lazy as u, memo as d, useCallback as f, useEffect as he,
 import { useApolloClient as ge } from "@apollo/client/react";
 import { jsx as g, jsxs as _e } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/WidgetWrapper.tsx
-var ve = u(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), ye = u(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), be = u(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), xe = u(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), Se = u(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), Ce = u(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), we = u(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), Te = u(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Ee = u(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), De = u(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), Oe = u(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), ke = u(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), Ae = u(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), je = u(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), Me = u(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Ne = u(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Pe = u(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget }))), Fe = u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget }))), Ie = u(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
+var ve = u(() => import("./metric-card/index.js").then((e) => ({ default: e.MetricCardWidget }))), ye = u(() => import("./chart/index.js").then((e) => ({ default: e.ChartWidget }))), be = u(() => import("./table/index.js").then((e) => ({ default: e.TableWidget }))), xe = u(() => import("./pivot-table/index.js").then((e) => ({ default: e.PivotTableWidget }))), Se = u(() => import("./gauge/index.js").then((e) => ({ default: e.GaugeWidget }))), Ce = u(() => import("./progress/index.js").then((e) => ({ default: e.ProgressWidget }))), we = u(() => import("./list/index.js").then((e) => ({ default: e.ListWidget }))), Te = u(() => import("./heatmap/index.js").then((e) => ({ default: e.HeatmapWidget }))), Ee = u(() => import("./retention/index.js").then((e) => ({ default: e.RetentionWidget }))), De = u(() => import("./calendar/index.js").then((e) => ({ default: e.CalendarWidget }))), Oe = u(() => import("./kanban/index.js").then((e) => ({ default: e.KanbanWidget }))), ke = u(() => import("./timeline/index.js").then((e) => ({ default: e.TimelineWidget }))), Ae = u(() => import("./kpi-comparison/index.js").then((e) => ({ default: e.KPIComparisonWidget }))), je = u(() => import("./text-widget/index.js").then((e) => ({ default: e.TextWidget }))), Me = u(() => import("./map-widget/index.js").then((e) => ({ default: e.MapWidget }))), Ne = u(() => import("./iframe-widget/index.js").then((e) => ({ default: e.IframeWidget }))), Pe = u(() => import("./custom/index.js").then((e) => ({ default: e.CustomWidget })));
+u(() => import("./adaptive-card/index.js").then((e) => ({ default: e.AdaptiveCardWidget })));
+var Fe = u(() => import("./form/index.js").then((e) => ({ default: e.FormWidget }))), Ie = u(() => import("./comments/WidgetComments.js").then((e) => ({ default: e.WidgetComments })));
 function _(e, t) {
 	if (e.widget.id !== t.widget.id || e.widget.updatedAt !== t.widget.updatedAt || e.isLoading !== t.isLoading || e.error !== t.error || (e.actions?.length ?? 0) !== (t.actions?.length ?? 0)) return !1;
 	if (e.actions && t.actions) {

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetWrapper.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetWrapper.tsx"],"sourcesContent":["/**\n * WidgetWrapper Component (v2.1)\n *\n * Common wrapper for all widget types. Handles:\n * - Header with title and menu\n * - Loading, error, and empty states\n * - Selection highlighting\n * - Edit mode controls\n * - Real data only — no mock fallback; widgets show empty state when data is missing\n * - v2.0: Multi-renderer support via WidgetRendererFactory\n * - v2.0: Widget actions support\n */\n\nimport {\n  type FC,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  memo,\n  useMemo,\n  useRef,\n  useState,\n  useEffect,\n  lazy,\n  Suspense,\n} from 'react';\nimport type { Widget } from '../../types';\nimport {\n  useWidgetStore,\n  useDashboardStore,\n  useIsWidgetSelected,\n  useWidgetUIState,\n  useGlobalFilterValues,\n} from '../../store';\nimport {\n  useWidgetAutoRefresh,\n  formatTimeUntilRefresh,\n  useWidgetExport,\n  useDrilldown,\n  useWidgetData,\n  useWidgetComments,\n  type DrilldownContext,\n} from '../../hooks';\nimport { useApolloClient } from '@apollo/client/react';\nimport { GetDashboardDocument } from '../../../generated/wspace-operations';\nimport { getWidgetDefinition } from './WidgetRegistry';\nimport { resolveTextData } from './text-widget/textData';\nimport { WidgetHeader } from './WidgetHeader';\nimport { WidgetLoadingState } from './states/LoadingState';\nimport { WidgetErrorState } from './states/ErrorState';\nimport { WidgetEmptyState } from './states/EmptyState';\nimport { WidgetErrorBoundary } from './WidgetErrorBoundary';\nimport { hasRenderableCustomConfig, hasCustomIframeConfig } from './custom/config';\nimport { getBindingForWidget } from '../../utils/widgetBinding';\n\n// v2.0: Renderer factory and actions\nimport { WidgetRendererFactory } from '../../renderers/factory/WidgetRendererFactory';\nimport { WidgetActions } from './widget-actions';\nimport type { WidgetAction, ActionContext, ActionResult, RendererType } from '../../renderers/types/renderer';\n// Widget components - lazy loaded for better code splitting\n// Each widget loads only when its type is rendered\nconst MetricCardWidget = lazy(() => import('./metric-card').then((m) => ({ default: m.MetricCardWidget })));\nconst ChartWidget = lazy(() => import('./chart').then((m) => ({ default: m.ChartWidget })));\nconst TableWidget = lazy(() => import('./table').then((m) => ({ default: m.TableWidget })));\nconst PivotTableWidget = lazy(() => import('./pivot-table').then((m) => ({ default: m.PivotTableWidget })));\nconst GaugeWidget = lazy(() => import('./gauge').then((m) => ({ default: m.GaugeWidget })));\nconst ProgressWidget = lazy(() => import('./progress').then((m) => ({ default: m.ProgressWidget })));\nconst ListWidget = lazy(() => import('./list').then((m) => ({ default: m.ListWidget })));\nconst HeatmapWidget = lazy(() => import('./heatmap').then((m) => ({ default: m.HeatmapWidget })));\nconst RetentionWidget = lazy(() => import('./retention').then((m) => ({ default: m.RetentionWidget })));\nconst CalendarWidget = lazy(() => import('./calendar').then((m) => ({ default: m.CalendarWidget })));\nconst KanbanWidget = lazy(() => import('./kanban').then((m) => ({ default: m.KanbanWidget })));\nconst TimelineWidget = lazy(() => import('./timeline').then((m) => ({ default: m.TimelineWidget })));\nconst KPIComparisonWidget = lazy(() => import('./kpi-comparison').then((m) => ({ default: m.KPIComparisonWidget })));\nconst TextWidget = lazy(() => import('./text-widget').then((m) => ({ default: m.TextWidget })));\nconst MapWidget = lazy(() => import('./map-widget').then((m) => ({ default: m.MapWidget })));\nconst IframeWidget = lazy(() => import('./iframe-widget').then((m) => ({ default: m.IframeWidget })));\nconst CustomWidget = lazy(() => import('./custom').then((m) => ({ default: m.CustomWidget })));\n// AdaptiveCardWidget is HUGE (984KB) - lazy load only when 'form' type is used\nconst AdaptiveCardWidget = lazy(() => import('./adaptive-card').then((m) => ({ default: m.AdaptiveCardWidget })));\n// Comments panel - lazy loaded; only mounts when the user opens comments\nconst WidgetComments = lazy(() => import('./comments/WidgetComments').then((m) => ({ default: m.WidgetComments })));\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetWrapperProps {\n  /** The widget data */\n  widget: Widget;\n  /** Widget content to render */\n  children?: ReactNode;\n  /** Data for the widget */\n  data?: Record<string, unknown> | null;\n  /** Custom class name */\n  className?: string;\n  /** Whether the widget is loading */\n  isLoading?: boolean;\n  /** Error message */\n  error?: string | null;\n  /** Callback to refresh widget data */\n  onRefresh?: () => Promise<void>;\n  /** Callback for drilldown navigation */\n  onDrilldown?: (params: Record<string, unknown>) => void;\n  /** v2.0: Widget actions */\n  actions?: WidgetAction[];\n  /** v2.0: Callback for action events */\n  onAction?: (action: WidgetAction, context: ActionContext) => Promise<ActionResult | void>;\n  /** Phase 2: Global filter values to apply to widget data */\n  filterValues?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Custom comparison for memo - ensures actions changes trigger re-render\n// ============================================================================\n\nfunction arePropsEqual(prevProps: WidgetWrapperProps, nextProps: WidgetWrapperProps): boolean {\n  // Always re-render if widget ID changes\n  if (prevProps.widget.id !== nextProps.widget.id) return false;\n  // Re-render if widget was updated\n  if (prevProps.widget.updatedAt !== nextProps.widget.updatedAt) return false;\n  // Re-render if loading state changes\n  if (prevProps.isLoading !== nextProps.isLoading) return false;\n  // Re-render if error changes\n  if (prevProps.error !== nextProps.error) return false;\n  // Re-render if actions count changes\n  if ((prevProps.actions?.length ?? 0) !== (nextProps.actions?.length ?? 0)) return false;\n  // Check if any action ID changed\n  if (prevProps.actions && nextProps.actions) {\n    for (let i = 0; i < prevProps.actions.length; i++) {\n      if (prevProps.actions[i]?.id !== nextProps.actions[i]?.id) return false;\n    }\n  }\n  // Also check data changes\n  if (prevProps.data !== nextProps.data) return false;\n  // Phase 2: Re-render if filter values changed\n  if (JSON.stringify(prevProps.filterValues) !== JSON.stringify(nextProps.filterValues)) return false;\n  return true;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetWrapper: FC<WidgetWrapperProps> = memo(function WidgetWrapper({\n  widget,\n  children,\n  data,\n  className = '',\n  isLoading: isLoadingProp,\n  error: errorProp,\n  onRefresh,\n  onDrilldown,\n  actions,\n  onAction,\n  filterValues,\n}) {\n  // Store state - use Dashboard store for edit mode (synced with toolbar)\n  const isEditMode = useDashboardStore((state) => state.viewMode === 'edit');\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n  const isSelected = useIsWidgetSelected(widget.id);\n  const uiState = useWidgetUIState(widget.id);\n  const globalFilterValues = useGlobalFilterValues();\n  const apolloClient = useApolloClient();\n\n  // Map a global-filter's id -> the data field it targets (`config.field`).\n  // Global CATEGORY/TEXT filter values are keyed in the store by filter id (a\n  // UUID), not by the data column they filter. Without this map, applyClientFilters\n  // can only fall back to value/heuristic matching, which fails to narrow rows\n  // whose targeted column (e.g. `country`, `cohort`) isn't in the hardcoded\n  // heuristic list — so a selected Country/Cohort would not actually filter the\n  // widget. We resolve the targeted field from the dashboard's globalFilters\n  // (already in the Apollo cache from the page load) so a UUID-keyed filter\n  // matches the row's configured field exactly.\n  const widgetDashboardId = (widget as unknown as Record<string, unknown>).dashboardId as string | undefined;\n  const filterFieldMap = useMemo<Record<string, string>>(() => {\n    if (!widgetDashboardId) return {};\n    try {\n      const cached = apolloClient.readQuery<{\n        getDashboard?: {\n          globalFilters?: Array<{ id: string; config?: Record<string, unknown> | null }>;\n        };\n      }>({ query: GetDashboardDocument, variables: { id: widgetDashboardId } });\n      const map: Record<string, string> = {};\n      for (const f of cached?.getDashboard?.globalFilters ?? []) {\n        const field = f.config?.field;\n        if (typeof field === 'string' && field) map[f.id] = field;\n      }\n      return map;\n    } catch {\n      return {};\n    }\n  }, [apolloClient, widgetDashboardId]);\n\n  // Fetch per-widget data from backend (parser-processed data)\n  // This is needed because listWidgetsByDashboard uses WidgetListFields (without data)\n  // for performance, so each widget fetches its own data individually\n  const widgetBinding = useMemo(() => getBindingForWidget(widget), [widget]);\n  const hasDataSource =\n    widgetBinding.source.kind !== 'DATASINK' ||\n    !!widgetBinding.source.ref ||\n    !!widgetBinding.parserId ||\n    !!widget.datasetId;\n  const { data: fetchedWidgetData, loading: widgetDataLoading } = useWidgetData(widget.id, {\n    skip: !hasDataSource,\n    pollInterval: (widget.refreshInterval ?? 0) * 1000 || 0,\n  });\n\n  // WORKAROUND: If Zustand store is empty, directly read filter_* params from URL\n  // This handles race conditions where the store hasn't been populated yet\n  const urlFilterValues = useMemo(() => {\n    if (typeof window === 'undefined') return {};\n\n    const params = new URLSearchParams(window.location.search);\n    const filters: Record<string, unknown> = {};\n\n    params.forEach((value, key) => {\n      if (key.startsWith('filter_')) {\n        const filterId = key.slice('filter_'.length);\n        // Skip internal metadata keys\n        if (!filterId.startsWith('__')) {\n          filters[filterId] = value;\n        }\n      }\n    });\n\n    return filters;\n  }, []);\n\n  // Phase 2: Merge global filter values (from URL) with explicit filterValues prop\n  // This ensures both URL params (filter_*) and drilldown params work together\n  const mergedFilterValues = useMemo(() => {\n    const merged: Record<string, unknown> = {};\n\n    // First, add URL filter values as fallback (in case Zustand store hasn't loaded yet)\n    if (urlFilterValues && Object.keys(urlFilterValues).length > 0) {\n      Object.assign(merged, urlFilterValues);\n    }\n\n    // Then, add global filter values from Zustand store (if populated)\n    if (globalFilterValues && Object.keys(globalFilterValues).length > 0) {\n      Object.assign(merged, globalFilterValues);\n    }\n\n    // Finally, add/override with explicit filterValues prop (e.g., from drilldown modal)\n    if (filterValues && Object.keys(filterValues).length > 0) {\n      Object.assign(merged, filterValues);\n    }\n\n    return merged;\n  }, [urlFilterValues, globalFilterValues, filterValues]);\n\n  // Track active filters (client-side filtering until backend supports it)\n  const hasFilters = Object.keys(mergedFilterValues).length > 0;\n\n  // Merge loading/error from props and store\n  // Show loading if widget data is being fetched for the first time (no data yet)\n  const isLoading = isLoadingProp ?? (widgetDataLoading && !fetchedWidgetData) ?? uiState.isLoading;\n  const error = errorProp ?? uiState.errorMessage;\n\n  // Get widget definition\n  const definition = getWidgetDefinition(widget.type);\n\n  // Stable refresh callback - use ref to avoid creating new function on each render\n  const onRefreshRef = useRef(onRefresh);\n  useEffect(() => {\n    onRefreshRef.current = onRefresh;\n  }, [onRefresh]);\n\n  const stableOnRefresh = useCallback(async () => {\n    if (onRefreshRef.current) {\n      await onRefreshRef.current();\n    }\n  }, []);\n\n  // Auto-refresh\n  const { timeUntilRefresh, isPaused } = useWidgetAutoRefresh({\n    widgetId: widget.id,\n    refreshInterval: widget.refreshInterval,\n    onRefresh: stableOnRefresh,\n    enabled: !isEditMode && !!widget.refreshInterval,\n  });\n\n  // Container ref for PNG export\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Comments panel. The count query stays disabled until the panel is first\n  // opened, so a dashboard of N widgets doesn't fire N comment queries on load.\n  const [showComments, setShowComments] = useState(false);\n  const [commentsEverOpened, setCommentsEverOpened] = useState(false);\n  const { count: commentCount } = useWidgetComments(widget.id, commentsEverOpened);\n  const toggleComments = useCallback(() => {\n    setShowComments((open) => {\n      const next = !open;\n      if (next) setCommentsEverOpened(true);\n      return next;\n    });\n  }, []);\n\n  // Get widget data for export (computed early for hook)\n  const exportData = useMemo(() => {\n    if (data && Array.isArray(data)) return data;\n    const rawData = (widget as unknown as Record<string, unknown>).data as Record<string, unknown> | undefined;\n    if (rawData?.processed && Array.isArray(rawData.processed)) {\n      return rawData.processed;\n    }\n    if (rawData?.raw) {\n      const parsed = typeof rawData.raw === 'string' ? JSON.parse(rawData.raw) : rawData.raw;\n      if (Array.isArray(parsed)) return parsed;\n    }\n    return null;\n  }, [data, widget]);\n\n  // Export functionality\n  const { exportCSV, exportPNG } = useWidgetExport(widget, {\n    data: exportData,\n    containerRef: containerRef as unknown as RefObject<HTMLElement>,\n  });\n\n  // Helper to check if data is actually usable (has real content)\n  const isUsableData = useCallback((d: unknown): boolean => {\n    if (d === null || d === undefined) return false;\n    if (Array.isArray(d)) return d.length > 0;\n    if (typeof d === 'object') {\n      const obj = d as Record<string, unknown>;\n      const keys = Object.keys(obj);\n      if (keys.length === 0) return false;\n      // Check recursively for actual data content\n      return keys.some((key) => {\n        const val = obj[key];\n        if (val === null || val === undefined || val === '') return false;\n        if (Array.isArray(val)) return val.length > 0;\n        if (typeof val === 'object') return isUsableData(val);\n        return true;\n      });\n    }\n    return true;\n  }, []);\n\n  // Phase 2: Client-side filter function for widget data\n  const applyClientFilters = useCallback(\n    (\n      widgetData: Record<string, unknown> | Record<string, unknown>[]\n    ): Record<string, unknown> | Record<string, unknown>[] => {\n      if (!hasFilters || !widgetData) return widgetData;\n\n      // Separate drilldown context filters (ctx_*) from regular filters\n      const contextFilters: Record<string, unknown> = {};\n      const regularFilters: Record<string, unknown> = {};\n\n      Object.entries(mergedFilterValues || {}).forEach(([key, value]) => {\n        if (key.startsWith('ctx_')) {\n          // Strip ctx_ prefix to get the target field name\n          const fieldName = key.slice(4); // Remove 'ctx_'\n          contextFilters[fieldName] = value;\n        } else if (!key.startsWith('__')) {\n          // Skip internal metadata keys (__drilldown_depth, etc.)\n          regularFilters[key] = value;\n        }\n      });\n\n      // Helper to match a value against a filter (case-insensitive)\n      const matchesFilter = (itemValue: unknown, filterValue: unknown): boolean => {\n        if (filterValue === undefined || filterValue === null || filterValue === '') return true;\n        if (itemValue === undefined || itemValue === null) return false;\n\n        const itemStr = String(itemValue).toLowerCase();\n        const filterStr = String(filterValue).toLowerCase();\n\n        // Exact match or contains\n        return itemStr === filterStr || itemStr.includes(filterStr);\n      };\n\n      // Helper to find a matching field in the item (case-insensitive key matching)\n      const findFieldValue = (item: Record<string, unknown>, targetField: string): unknown => {\n        const targetLower = targetField.toLowerCase();\n\n        // Try exact match first\n        if (item[targetField] !== undefined) return item[targetField];\n\n        // Try case-insensitive match\n        const matchingKey = Object.keys(item).find((k) => k.toLowerCase() === targetLower);\n        if (matchingKey) return item[matchingKey];\n\n        // Try partial match (e.g., 'region' matches 'regionName' or 'user_region')\n        const partialMatch = Object.keys(item).find(\n          (k) => k.toLowerCase().includes(targetLower) || targetLower.includes(k.toLowerCase())\n        );\n        if (partialMatch) return item[partialMatch];\n\n        // Try stripping common prefixes from target field (e.g., 'kpiId' -> 'id', 'rowName' -> 'name')\n        // This handles drilldown context where widget passes 'kpiId' but data has 'id'\n        const commonPrefixes = ['kpi', 'row', 'item', 'data', 'cell', 'record', 'entry'];\n        for (const prefix of commonPrefixes) {\n          if (targetLower.startsWith(prefix) && targetLower.length > prefix.length) {\n            const strippedField = targetLower.slice(prefix.length);\n            // Try exact match with stripped field\n            const strippedMatch = Object.keys(item).find((k) => k.toLowerCase() === strippedField);\n            if (strippedMatch) return item[strippedMatch];\n          }\n        }\n\n        return undefined;\n      };\n\n      // Helper function to filter an array of items\n      const filterItems = (items: Record<string, unknown>[]): Record<string, unknown>[] => {\n        return items.filter((item: Record<string, unknown>) => {\n          // Only object rows are field-filterable. An array of primitives (e.g.\n          // a heatmap's `rows: [\"5W-MedSurg\", …]`) carries no named fields — keep\n          // every element. Without this, `findFieldValue` indexes into the string\n          // by character offset and spuriously \"matches\" a filter, dropping rows.\n          if (item === null || typeof item !== 'object' || Array.isArray(item)) {\n            return true;\n          }\n          // First, apply drilldown context filters (ctx_*) - these have explicit field names\n          for (const [fieldName, filterValue] of Object.entries(contextFilters)) {\n            if (filterValue === undefined || filterValue === null || filterValue === '') continue;\n\n            const itemValue = findFieldValue(item, fieldName);\n            // If the field doesn't exist in this data item, skip this context filter.\n            // Drilldown context params (e.g., source=support_status) are metadata about\n            // the drilldown origin and should NOT filter out data when the target\n            // dashboard's widgets don't have a matching field.\n            if (itemValue === undefined) continue;\n            if (!matchesFilter(itemValue, filterValue)) {\n              return false;\n            }\n          }\n\n          // Then, apply regular filters\n          for (const [filterKey, filterValue] of Object.entries(regularFilters)) {\n            if (filterValue === undefined || filterValue === null || filterValue === '') continue;\n\n            // For date range filters\n            if (typeof filterValue === 'object') {\n              const fv = filterValue as Record<string, unknown>;\n              if (fv.start || fv.end) {\n                const dateFields = Object.entries(item).filter(\n                  ([k, _v]) => k.toLowerCase().includes('date') || k.toLowerCase().includes('time')\n                );\n                if (dateFields.length > 0) {\n                  const itemDate = new Date(dateFields[0][1] as string);\n                  if (fv.start && itemDate < new Date(fv.start as string)) return false;\n                  if (fv.end && itemDate > new Date(fv.end as string)) return false;\n                }\n                continue;\n              }\n            }\n\n            // For numeric range filters\n            if (typeof filterValue === 'object') {\n              const nv = filterValue as Record<string, unknown>;\n              if (nv.min !== undefined || nv.max !== undefined) {\n                const numericFields = Object.entries(item).filter(([_k, v]) => typeof v === 'number');\n                if (numericFields.length > 0) {\n                  const itemNum = numericFields[0][1] as number;\n                  if (nv.min !== undefined && itemNum < (nv.min as number)) return false;\n                  if (nv.max !== undefined && itemNum > (nv.max as number)) return false;\n                }\n                continue;\n              }\n            }\n\n            // Any other object-shaped filter value (e.g. a DATE_RANGE filter set\n            // to a preset like { preset: \"last_30_days\" } with no resolved\n            // start/end, or a structured value we don't understand) cannot be\n            // compared with the scalar matchers below. Passing it through would\n            // stringify it to \"[object Object]\" and, via fuzzy field matching\n            // (e.g. an `enrolledAt` filter partial-matching an `enrolled` number\n            // column), spuriously exclude EVERY row. Treat such values as a no-op\n            // for client-side filtering — the row set is unchanged until the\n            // filter resolves to concrete start/end or scalar values.\n            if (filterValue !== null && typeof filterValue === 'object' && !Array.isArray(filterValue)) {\n              continue;\n            }\n\n            // Global CATEGORY/TEXT filters are keyed by filter id (UUID). Resolve\n            // the data column they target from the filter's config.field. When the\n            // widget's rows carry that column, the filter is authoritative — a\n            // mismatch excludes the row; a missing column is a no-op (the filter\n            // simply doesn't apply to this widget's shape). This is what makes a\n            // selected Country/Cohort actually narrow the visible data.\n            const targetField = filterFieldMap[filterKey];\n            if (targetField) {\n              const mappedValue = findFieldValue(item, targetField);\n              if (mappedValue !== undefined) {\n                if (!matchesFilter(mappedValue, filterValue)) {\n                  return false;\n                }\n                continue;\n              }\n              // Configured field absent from this widget's rows → filter is a\n              // no-op for this widget (do not fall through to value heuristics,\n              // which could spuriously match an unrelated column).\n              continue;\n            }\n\n            // Try to match by filter key name first (for named filters). When\n            // the widget's data actually carries the filter's field, the filter\n            // is authoritative — a mismatch excludes the row.\n            const fieldValue = findFieldValue(item, filterKey);\n            if (fieldValue !== undefined) {\n              if (!matchesFilter(fieldValue, filterValue)) {\n                return false;\n              }\n              continue;\n            }\n\n            // For text/category filters - try multiple matching strategies\n            const filterStr = String(filterValue).toLowerCase();\n\n            // Strategy 1: Check all field values for exact or partial match\n            const itemValues = Object.values(item).map((v) => String(v).toLowerCase());\n            const hasMatch = itemValues.some((v) => v === filterStr || v.includes(filterStr));\n\n            if (!hasMatch) {\n              // Strategy 2: Try to find a field name that matches the filter value context\n              const fieldNames = Object.keys(item).map((k) => k.toLowerCase());\n              const possibleFields = fieldNames.filter(\n                (f) =>\n                  f.includes('category') ||\n                  f.includes('type') ||\n                  f.includes('status') ||\n                  f.includes('name') ||\n                  f.includes('region') ||\n                  f.includes('group')\n              );\n\n              let fieldMatch = false;\n              for (const fieldName of possibleFields) {\n                const originalKey = Object.keys(item).find((k) => k.toLowerCase() === fieldName);\n                if (originalKey) {\n                  const itemFieldValue = String(item[originalKey]).toLowerCase();\n                  if (itemFieldValue === filterStr || itemFieldValue.includes(filterStr)) {\n                    fieldMatch = true;\n                    break;\n                  }\n                }\n              }\n\n              // The filter's field is NOT present in this dataset (named-field\n              // lookup failed AND no value/heuristic match). A global filter that\n              // doesn't apply to a widget's shape must be a no-op for that widget\n              // — not a silent \"exclude every row\". This mirrors the ctx_* rule\n              // above (skip when the targeted field is absent). Without this, an\n              // always-active required filter (e.g. campus=main) blanks every\n              // parser-derived widget whose output has no campus column.\n              if (!fieldMatch) {\n                continue;\n              }\n            }\n          }\n          return true;\n        });\n      };\n\n      // If data is an array, filter the items directly\n      if (Array.isArray(widgetData)) {\n        const filtered = filterItems(widgetData);\n        return filtered;\n      }\n\n      // Handle object with array properties (rows, items, members, questions, data, etc.)\n      if (widgetData && typeof widgetData === 'object') {\n        // Common array property names in widget data\n        const arrayPropertyNames = [\n          'kpis', // KPI Comparison widget\n          'rows', // Table widget\n          'items', // List widget\n          'members', // Team/member widgets\n          'questions', // Form widget\n          'data', // Generic data\n          'records', // Database-style data\n          'results', // Search/query results\n          'entries', // Log/feed entries\n          'list', // Generic list\n          'values', // Value arrays\n          'series', // Chart series\n          'datasets', // Chart datasets\n        ];\n\n        for (const propName of arrayPropertyNames) {\n          if (widgetData[propName] && Array.isArray(widgetData[propName])) {\n            const filteredArray = filterItems(widgetData[propName]);\n            return {\n              ...widgetData,\n              [propName]: filteredArray,\n              ...(propName === 'rows' ? { totalRows: filteredArray.length } : {}),\n            };\n          }\n        }\n\n        // If no known array property found, check for any array property\n        const arrayProps = Object.entries(widgetData).filter(([_key, v]) => Array.isArray(v));\n        if (arrayProps.length > 0) {\n          const [propName, propValue] = arrayProps[0];\n          const filteredArray = filterItems(propValue as Record<string, unknown>[]);\n          return {\n            ...widgetData,\n            [propName]: filteredArray,\n          };\n        }\n      }\n\n      // For non-filterable data, return as-is\n      return widgetData;\n    },\n    [hasFilters, mergedFilterValues, widget.id, filterFieldMap]\n  );\n\n  // Get widget data from the widget itself (fetched from backend)\n  const realWidgetData = useMemo(() => {\n    let rawWidgetData = null;\n\n    // Priority 1: Explicitly passed data prop\n    if (data && isUsableData(data)) {\n      rawWidgetData = data;\n    }\n    // Priority 2: Per-widget fetched data (from useWidgetData hook)\n    // fetchedWidgetData IS a WidgetData object: { raw, processed, fetchedAt, cached }\n    else if (fetchedWidgetData) {\n      const fetched = fetchedWidgetData as unknown as Record<string, unknown>;\n      if (fetched?.processed && isUsableData(fetched.processed)) {\n        rawWidgetData = fetched.processed;\n      } else if (fetched?.raw) {\n        try {\n          const parsed = typeof fetched.raw === 'string' ? JSON.parse(fetched.raw as string) : fetched.raw;\n          if (isUsableData(parsed)) rawWidgetData = parsed;\n        } catch {\n          // Invalid JSON, ignore\n        }\n      }\n    }\n    // Priority 3: widget.data from GraphQL response (if already on widget object)\n    else {\n      const rawData = (widget as unknown as Record<string, unknown>).data as Record<string, unknown> | undefined;\n      if (rawData?.processed && isUsableData(rawData.processed)) {\n        rawWidgetData = rawData.processed;\n      } else if (rawData?.raw) {\n        try {\n          const parsed = typeof rawData.raw === 'string' ? JSON.parse(rawData.raw) : rawData.raw;\n          if (isUsableData(parsed)) rawWidgetData = parsed;\n        } catch {\n          // Invalid JSON, ignore\n        }\n      }\n    }\n\n    // Priority 4: config.mockData — user-configured sample JSON from Widget Properties Data tab\n    // This is NOT auto-generated mock data; it's explicit JSON the user pasted in the UI\n    if (!rawWidgetData) {\n      const configMockData = (widget.config as Record<string, unknown> | undefined)?.mockData;\n      if (configMockData) {\n        try {\n          const parsed = typeof configMockData === 'string' ? JSON.parse(configMockData) : configMockData;\n          if (isUsableData(parsed)) {\n            rawWidgetData = parsed;\n          }\n        } catch (e) {}\n      }\n    }\n\n    // Generic parser-output resolution: a widget may bind to a parser whose\n    // output is an envelope ({ byUnit:[...], house:{...} }) rather than the\n    // exact array/object the renderer wants. config.dataKey / dataPath /\n    // seriesPath is a dot-path INTO the resolved data that points at the\n    // renderable subtree (e.g. \"byUnit\" for a table, \"rows\" for a chart).\n    // Resolving it here keeps every renderer generic — the use-case-specific\n    // shape knowledge lives in the widget config (set by the seed/UI), not in\n    // the renderer. valueField (single-value metric path) is intentionally NOT\n    // applied here: MetricCardWidget resolves it itself against the envelope.\n    if (rawWidgetData && typeof rawWidgetData === 'object' && !Array.isArray(rawWidgetData)) {\n      const cfg = widget.config as Record<string, unknown> | undefined;\n      const pathKey = (cfg?.dataKey ?? cfg?.dataPath ?? cfg?.seriesPath) as string | undefined;\n      if (pathKey && typeof pathKey === 'string') {\n        const resolved = pathKey.split('.').reduce<unknown>((cur, seg) => {\n          return cur && typeof cur === 'object' ? (cur as Record<string, unknown>)[seg] : undefined;\n        }, rawWidgetData);\n        if (resolved !== undefined && resolved !== null && isUsableData(resolved)) {\n          rawWidgetData = resolved as Record<string, unknown>;\n        }\n      }\n    }\n\n    // Phase 2: Apply client-side filters if active\n    if (hasFilters && rawWidgetData) {\n      const filtered = applyClientFilters(rawWidgetData);\n      return filtered;\n    }\n\n    return rawWidgetData;\n  }, [data, widget, fetchedWidgetData, hasFilters, applyClientFilters, mergedFilterValues, isUsableData]);\n\n  // Final widget data - real data only, no mock fallback\n  const widgetData = useMemo(() => {\n    return realWidgetData ?? null;\n  }, [realWidgetData]);\n\n  // Values rendered from a template's embedded sample rather than a connected\n  // source. Only possible when no data source is configured, since a real\n  // source outranks config.mockData in the resolution chain above.\n  const isSampleData = useMemo(() => {\n    if (!widgetData || hasDataSource) return false;\n    const mock = (widget.config as Record<string, unknown> | undefined)?.mockData;\n    return mock !== undefined && mock !== null;\n  }, [widgetData, hasDataSource, widget.config]);\n\n  // Drilldown navigation (must be after widgetData is defined)\n  const { executeDrilldown, canDrilldown } = useDrilldown({\n    onDrilldown: (params, _mode) => {\n      onDrilldown?.(params);\n    },\n  });\n\n  // Check if widget has drilldown configured\n  const hasDrilldown = useMemo(() => canDrilldown(widget), [widget, canDrilldown]);\n\n  // Handle drilldown execution with context\n  const handleDrilldown = useCallback(\n    (selectedData?: Record<string, unknown>) => {\n      if (!widget.drilldown?.enabled) return;\n\n      const context: DrilldownContext = {\n        selectedData: selectedData || {},\n        globalFilters: globalFilterValues || {},\n        widgetData: widgetData || {},\n        metadata: {\n          widgetId: widget.id,\n          widgetType: widget.type,\n          widgetTitle: widget.title,\n        },\n        sourceDashboardId: widget.dashboardId,\n      };\n\n      executeDrilldown(widget.drilldown, context);\n    },\n    [widget, widgetData, globalFilterValues, executeDrilldown]\n  );\n\n  // Track mouse position to distinguish click from drag\n  const mouseDownPos = useRef<{ x: number; y: number } | null>(null);\n  const DRAG_THRESHOLD = 5; // pixels - if mouse moves more than this, it's a drag\n\n  // Handle mouse down - record position\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    mouseDownPos.current = { x: e.clientX, y: e.clientY };\n  }, []);\n\n  // Handle widget click - Edit mode only (View mode drilldown is triggered by data clicks)\n  // Only trigger if mouse hasn't moved much (not a drag)\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation(); // Prevent DashboardGrid from also handling\n\n      // Check if this was a drag (mouse moved significantly)\n      if (mouseDownPos.current) {\n        const dx = Math.abs(e.clientX - mouseDownPos.current.x);\n        const dy = Math.abs(e.clientY - mouseDownPos.current.y);\n        if (dx > DRAG_THRESHOLD || dy > DRAG_THRESHOLD) {\n          // This was a drag, not a click - don't open config panel\n          mouseDownPos.current = null;\n          return;\n        }\n      }\n      mouseDownPos.current = null;\n\n      if (isEditMode) {\n        // Edit mode: select widget for editing\n        selectWidget(widget.id);\n      }\n      // View mode: drilldown is triggered by clicking specific data elements\n      // (table rows, chart points, etc.) - not by clicking the widget itself\n    },\n    [isEditMode, selectWidget, widget.id]\n  );\n\n  // Handle keyboard navigation (Edit mode only)\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        event.stopPropagation();\n        if (isEditMode) {\n          selectWidget(widget.id);\n        }\n      }\n    },\n    [isEditMode, selectWidget, widget.id]\n  );\n\n  const hasRenderableCustomWidgetConfig = useMemo(\n    () => widget.type === 'custom' && hasRenderableCustomConfig(widget.config),\n    [widget.type, widget.config]\n  );\n\n  const customWidgetHasIframeConfig = useMemo(\n    () => widget.type === 'custom' && hasCustomIframeConfig(widget.config),\n    [widget.type, widget.config]\n  );\n\n  const showContainerDrilldownHints = hasDrilldown && !customWidgetHasIframeConfig;\n\n  // Text widgets can render static config.content even when no parser/sink is bound.\n  const isTextWithContent = useMemo(() => {\n    if (widget.type !== 'text') return false;\n    return resolveTextData(widget.config as Record<string, unknown> | undefined, widgetData).hasContent;\n  }, [widget.type, widget.config, widgetData]);\n\n  // Determine if data is empty\n  const isEmpty = !isLoading && !error && !widgetData && !hasRenderableCustomWidgetConfig && !isTextWithContent;\n\n  // v2.0: Check if widget has a renderer specified (non-BIGCONSOLE)\n  const widgetRenderer = useMemo(() => {\n    const widgetWithRenderer = widget as Widget & { renderer?: RendererType };\n    return widgetWithRenderer.renderer;\n  }, [widget]);\n\n  // v2.0: Determine if we should use the factory (non-BIGCONSOLE renderer)\n  const useRendererFactory = useMemo(() => {\n    const shouldUse = widgetRenderer && widgetRenderer !== 'BIGCONSOLE';\n    return shouldUse;\n  }, [widgetRenderer]);\n\n  // v2.0: Create action context\n  const actionContext = useMemo<ActionContext>(\n    () => ({\n      widgetId: widget.id,\n      data: widgetData || {},\n    }),\n    [widget.id, widgetData]\n  );\n\n  // v2.0: Handle action callback from WidgetRendererFactory\n  // Receives (action: WidgetAction, context: ActionContext) and forwards to parent\n  // Checks if a more detailed backend action exists with same name\n  const handleActionFromFactory = useCallback(\n    (action: WidgetAction, context: ActionContext) => {\n      if (!onAction) return;\n\n      // Try to find a matching backend action by name (has more details like confirmation)\n      const existingAction = actions?.find((a) => a.name === action.name);\n\n      if (existingAction) {\n        // Use existing backend action (has confirmation, style, icon, etc.)\n        onAction(existingAction, context);\n      } else {\n        // Use the action from WidgetRendererFactory as-is\n        onAction(action, context);\n      }\n    },\n    [onAction, actions]\n  );\n\n  // Render the appropriate widget component based on type (v1.0 snake_case)\n  const renderWidgetComponent = useCallback(() => {\n    // Extract data based on widget type expectations\n    // Different widgets expect different data formats\n    const getDataForWidget = () => {\n      if (!widgetData) return widgetData;\n\n      // If data has 'rows' property (table data), extract rows\n      if (widget.type === 'table' || widget.type === 'pivot_table') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'rows' in widgetData) {\n          return (widgetData as { rows: unknown[] }).rows;\n        }\n      }\n\n      // If data has 'items' property (list data), extract items\n      if (widget.type === 'list') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'items' in widgetData) {\n          return (widgetData as { items: unknown[] }).items;\n        }\n      }\n\n      // If data has 'stages' property (old funnel format), extract stages\n      if (widget.type === 'funnel_chart') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'stages' in widgetData) {\n          return (widgetData as { stages: unknown[] }).stages;\n        }\n      }\n\n      // If data has 'datasets' property (old chart format), convert to array format\n      if (widget.type === 'chart') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'datasets' in widgetData) {\n          // Convert old format to new array format\n          const oldData = widgetData as { labels?: string[]; datasets?: { name: string; data: number[] }[] };\n          if (oldData.labels && oldData.datasets) {\n            return oldData.labels.map((label, i) => {\n              const point: Record<string, unknown> = { name: label };\n              oldData.datasets?.forEach((ds) => {\n                point[ds.name.toLowerCase()] = ds.data[i];\n              });\n              return point;\n            });\n          }\n        }\n      }\n\n      // For text widgets: merge parser output with static config via the shared\n      // text-data contract (string/object-with-content/object-without-content).\n      if (widget.type === 'text') {\n        const resolved = resolveTextData(widget.config as Record<string, unknown> | undefined, widgetData);\n        return {\n          content: resolved.content,\n          format: resolved.format,\n          alignment: resolved.alignment,\n        };\n      }\n\n      // For custom widgets: pass data through with extracted value if configured\n      if (widget.type === 'custom') {\n        const config = widget.config as Record<string, unknown> | undefined;\n        const valueField = config?.valueField as string | undefined;\n        if (valueField && widgetData && typeof widgetData === 'object' && !Array.isArray(widgetData)) {\n          const obj = widgetData as Record<string, unknown>;\n          if (valueField in obj) {\n            return { value: obj[valueField], label: widget.title, data: obj };\n          }\n        }\n      }\n\n      return widgetData;\n    };\n\n    const normalizedData = getDataForWidget();\n    const props = {\n      widget,\n      data: normalizedData,\n      onDrilldown: hasDrilldown ? handleDrilldown : undefined,\n    };\n\n    // v2.0: Use WidgetRendererFactory for non-BIGCONSOLE renderers\n    if (useRendererFactory) {\n      // For factory renderers (Adaptive Card, BlockKit, Custom), pass the RAW\n      // processed data — NOT the type-normalized data. Normalization (e.g., text→markdown)\n      // is only for BIGCONSOLE renderer widgets. Factory renderers handle their own\n      // template interpolation against the raw data object.\n      let factoryData: Record<string, unknown> = {};\n\n      if (\n        realWidgetData &&\n        typeof realWidgetData === 'object' &&\n        !Array.isArray(realWidgetData) &&\n        Object.keys(realWidgetData as Record<string, unknown>).length > 0\n      ) {\n        // Use real data from backend (raw processed, not type-normalized)\n        factoryData = { ...(realWidgetData as Record<string, unknown>) };\n      }\n\n      // For CUSTOM renderer: enrich data with standard fields expected by built-in components.\n      // Built-in components (Counter, Card, SimpleText) read specific fields from data:\n      //   Counter: data.value, Card: data.title/data.description, SimpleText: data.text\n      // Parsed data from datasinks has domain-specific fields (totalFiles, totalMessages, etc.)\n      // Use config.valueField to extract the primary value and map it to standard fields.\n      const internalType = (widget.config as Record<string, unknown> | undefined)?._internalWidgetType as\n        string | undefined;\n      if (internalType === 'custom' && Object.keys(factoryData).length > 0) {\n        const config = widget.config as Record<string, unknown> | undefined;\n        const valueField = config?.valueField as string | undefined;\n        if (valueField && valueField in factoryData) {\n          const val = factoryData[valueField];\n          const formatted = typeof val === 'number' ? val.toLocaleString() : String(val);\n          // Map to standard fields for all built-in custom components\n          factoryData = {\n            ...factoryData,\n            value: val, // Counter component\n            title: factoryData.title || formatted, // Card component\n            description: factoryData.description || widget.title || '', // Card component\n            text: factoryData.text || formatted, // SimpleText component\n          };\n        }\n      }\n\n      return (\n        <WidgetRendererFactory\n          widget={widget}\n          data={factoryData}\n          isEditMode={isEditMode}\n          isSelected={isSelected}\n          isLoading={isLoading}\n          error={error}\n          onDrilldown={hasDrilldown ? handleDrilldown : undefined}\n          onAction={handleActionFromFactory}\n        />\n      );\n    }\n\n    // v1.0: Use switch-case for BIGCONSOLE renderer (default)\n    // Normalize widget type to lowercase for case-insensitive matching\n    const normalizedType = widget.type?.toLowerCase() || '';\n    switch (normalizedType) {\n      case 'metric_card':\n        return <MetricCardWidget {...props} />;\n      case 'kpi_card_comparison':\n        return <KPIComparisonWidget {...props} />;\n      case 'chart':\n      case 'funnel_chart':\n        return <ChartWidget {...props} />;\n      case 'table':\n        return <TableWidget {...props} />;\n      case 'pivot_table':\n        return <PivotTableWidget {...props} />;\n      case 'gauge':\n        return <GaugeWidget {...props} />;\n      case 'progress':\n        return <ProgressWidget {...props} />;\n      case 'list':\n        return <ListWidget {...props} />;\n      case 'heatmap':\n        return <HeatmapWidget {...props} />;\n      case 'retention':\n        return <RetentionWidget {...props} />;\n      case 'calendar':\n        return <CalendarWidget {...props} />;\n      case 'timeline':\n        return <TimelineWidget {...props} />;\n      case 'kanban':\n        return <KanbanWidget {...props} />;\n      case 'form':\n        return <AdaptiveCardWidget {...props} />;\n      case 'text':\n        return <TextWidget {...props} />;\n      case 'iframe':\n        return <IframeWidget {...props} />;\n      case 'map':\n        return <MapWidget {...props} />;\n      case 'custom':\n        return <CustomWidget {...props} />;\n      default:\n        return children || <WidgetEmptyState widgetType={widget.type} />;\n    }\n  }, [\n    widget,\n    widgetData,\n    children,\n    hasDrilldown,\n    handleDrilldown,\n    useRendererFactory,\n    isEditMode,\n    isSelected,\n    isLoading,\n    error,\n    handleActionFromFactory,\n    realWidgetData,\n  ]);\n\n  // Determine content to render\n  const renderContent = () => {\n    if (isLoading) {\n      return <WidgetLoadingState />;\n    }\n\n    if (error) {\n      return <WidgetErrorState error={error} onRetry={onRefresh} />;\n    }\n\n    if (isEmpty && !children) {\n      // v2.0: Check parserId (primary) or dataSinkId (for context/drilldowns)\n      return (\n        <WidgetEmptyState\n          widgetType={widget.type}\n          hasDataSource={hasDataSource}\n          templateSlot={\n            typeof widget.metadata?.['templateDataSinkSlot'] === 'string'\n              ? (widget.metadata['templateDataSinkSlot'] as string)\n              : null\n          }\n        />\n      );\n    }\n\n    // resetKey auto-resets the boundary on parser/sink re-bind or config edit without widget.id changing (BOFF-2242).\n    const resetKey = `${widgetBinding.source.kind}|${widgetBinding.source.ref ?? ''}|${widgetBinding.parserId ?? ''}|${widget.updatedAt ?? ''}`;\n\n    return (\n      <WidgetErrorBoundary widgetId={widget.id} widgetType={widget.type} widgetTitle={widget.title} resetKey={resetKey}>\n        {children ?? <Suspense fallback={<WidgetLoadingState />}>{renderWidgetComponent()}</Suspense>}\n      </WidgetErrorBoundary>\n    );\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={`\n        group relative flex flex-col\n        h-full w-full\n        rounded-lg border\n        bg-bg-surface\n        transition-all duration-200\n        ${\n          isSelected && isEditMode\n            ? 'border-action-primary-border ring-2 ring-action-primary-border/30'\n            : 'border-border-default hover:border-action-primary-bg'\n        }\n        ${isEditMode ? 'cursor-pointer' : ''}\n        ${className}\n      `}\n      onMouseDown={handleMouseDown}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={isEditMode ? 0 : -1}\n      role={isEditMode ? 'button' : undefined}\n      aria-selected={isSelected}\n      aria-label={`Widget: ${widget.title}`}\n      data-widget-id={widget.id}\n      data-widget-type={widget.type}\n    >\n      {/* Header */}\n      <WidgetHeader\n        widget={widget}\n        definition={definition}\n        isSelected={isSelected}\n        isEditMode={isEditMode}\n        isLoading={isLoading}\n        isSampleData={isSampleData}\n        timeUntilRefresh={widget.refreshInterval && !isPaused ? formatTimeUntilRefresh(timeUntilRefresh) : undefined}\n        hasDrilldown={hasDrilldown}\n        onRefresh={onRefresh}\n        onExportCSV={exportData ? exportCSV : undefined}\n        onExportPNG={exportPNG}\n        onDrilldown={hasDrilldown ? () => handleDrilldown() : undefined}\n        onToggleComments={toggleComments}\n        commentsOpen={showComments}\n        commentCount={commentsEverOpened ? commentCount : undefined}\n      />\n\n      {/* Content Area */}\n      <div\n        className={`\n          flex-1 overflow-hidden p-4 min-h-0\n          ${showContainerDrilldownHints && !isEditMode ? 'cursor-pointer' : ''}\n        `}\n        title={showContainerDrilldownHints && !isEditMode ? 'Click data to drill down' : undefined}\n      >\n        <div className=\"h-full overflow-auto\">{renderContent()}</div>\n      </div>\n\n      {/* v2.0: Widget Actions */}\n      {actions && actions.length > 0 && !isLoading && !error && (\n        <div className=\"px-4 py-3 border-t border-border-default bg-bg-sunken\" style={{ flexShrink: 0 }}>\n          <WidgetActions\n            actions={actions}\n            context={actionContext}\n            onAction={onAction}\n            disabled={isEditMode}\n            layout=\"horizontal\"\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {/* Edit mode: react-grid-layout provides resize handles */}\n\n      {/* Drilldown Indicator */}\n      {showContainerDrilldownHints && !isEditMode && (\n        <div\n          className=\"\n            absolute bottom-2 right-2\n            opacity-0 group-hover:opacity-100\n            transition-opacity duration-200\n          \"\n          title=\"Click to drill down\"\n        >\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=\"M13 7l5 5m0 0l-5 5m5-5H6\" />\n          </svg>\n        </div>\n      )}\n\n      {/* Comments panel (overlay) */}\n      {showComments && (\n        <Suspense fallback={null}>\n          <WidgetComments widgetId={widget.id} onClose={() => setShowComments(false)} />\n        </Suspense>\n      )}\n    </div>\n  );\n}, arePropsEqual);\n\nexport default WidgetWrapper;\n"],"mappings":"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"}
+{"version":3,"file":"WidgetWrapper.js","names":[],"sources":["../../../../src/bigconsole/components/widgets/WidgetWrapper.tsx"],"sourcesContent":["/**\n * WidgetWrapper Component (v2.1)\n *\n * Common wrapper for all widget types. Handles:\n * - Header with title and menu\n * - Loading, error, and empty states\n * - Selection highlighting\n * - Edit mode controls\n * - Real data only — no mock fallback; widgets show empty state when data is missing\n * - v2.0: Multi-renderer support via WidgetRendererFactory\n * - v2.0: Widget actions support\n */\n\nimport {\n  type FC,\n  type ReactNode,\n  type RefObject,\n  useCallback,\n  memo,\n  useMemo,\n  useRef,\n  useState,\n  useEffect,\n  lazy,\n  Suspense,\n} from 'react';\nimport type { Widget } from '../../types';\nimport {\n  useWidgetStore,\n  useDashboardStore,\n  useIsWidgetSelected,\n  useWidgetUIState,\n  useGlobalFilterValues,\n} from '../../store';\nimport {\n  useWidgetAutoRefresh,\n  formatTimeUntilRefresh,\n  useWidgetExport,\n  useDrilldown,\n  useWidgetData,\n  useWidgetComments,\n  type DrilldownContext,\n} from '../../hooks';\nimport { useApolloClient } from '@apollo/client/react';\nimport { GetDashboardDocument } from '../../../generated/wspace-operations';\nimport { getWidgetDefinition } from './WidgetRegistry';\nimport { resolveTextData } from './text-widget/textData';\nimport { WidgetHeader } from './WidgetHeader';\nimport { WidgetLoadingState } from './states/LoadingState';\nimport { WidgetErrorState } from './states/ErrorState';\nimport { WidgetEmptyState } from './states/EmptyState';\nimport { WidgetErrorBoundary } from './WidgetErrorBoundary';\nimport { hasRenderableCustomConfig, hasCustomIframeConfig } from './custom/config';\nimport { getBindingForWidget } from '../../utils/widgetBinding';\n\n// v2.0: Renderer factory and actions\nimport { WidgetRendererFactory } from '../../renderers/factory/WidgetRendererFactory';\nimport { WidgetActions } from './widget-actions';\nimport type { WidgetAction, ActionContext, ActionResult, RendererType } from '../../renderers/types/renderer';\n// Widget components - lazy loaded for better code splitting\n// Each widget loads only when its type is rendered\nconst MetricCardWidget = lazy(() => import('./metric-card').then((m) => ({ default: m.MetricCardWidget })));\nconst ChartWidget = lazy(() => import('./chart').then((m) => ({ default: m.ChartWidget })));\nconst TableWidget = lazy(() => import('./table').then((m) => ({ default: m.TableWidget })));\nconst PivotTableWidget = lazy(() => import('./pivot-table').then((m) => ({ default: m.PivotTableWidget })));\nconst GaugeWidget = lazy(() => import('./gauge').then((m) => ({ default: m.GaugeWidget })));\nconst ProgressWidget = lazy(() => import('./progress').then((m) => ({ default: m.ProgressWidget })));\nconst ListWidget = lazy(() => import('./list').then((m) => ({ default: m.ListWidget })));\nconst HeatmapWidget = lazy(() => import('./heatmap').then((m) => ({ default: m.HeatmapWidget })));\nconst RetentionWidget = lazy(() => import('./retention').then((m) => ({ default: m.RetentionWidget })));\nconst CalendarWidget = lazy(() => import('./calendar').then((m) => ({ default: m.CalendarWidget })));\nconst KanbanWidget = lazy(() => import('./kanban').then((m) => ({ default: m.KanbanWidget })));\nconst TimelineWidget = lazy(() => import('./timeline').then((m) => ({ default: m.TimelineWidget })));\nconst KPIComparisonWidget = lazy(() => import('./kpi-comparison').then((m) => ({ default: m.KPIComparisonWidget })));\nconst TextWidget = lazy(() => import('./text-widget').then((m) => ({ default: m.TextWidget })));\nconst MapWidget = lazy(() => import('./map-widget').then((m) => ({ default: m.MapWidget })));\nconst IframeWidget = lazy(() => import('./iframe-widget').then((m) => ({ default: m.IframeWidget })));\nconst CustomWidget = lazy(() => import('./custom').then((m) => ({ default: m.CustomWidget })));\n// AdaptiveCardWidget is HUGE (984KB) - lazy load only when 'adaptive_card' type is used\nconst AdaptiveCardWidget = lazy(() => import('./adaptive-card').then((m) => ({ default: m.AdaptiveCardWidget })));\nconst FormWidget = lazy(() => import('./form').then((m) => ({ default: m.FormWidget })));\n// Comments panel - lazy loaded; only mounts when the user opens comments\nconst WidgetComments = lazy(() => import('./comments/WidgetComments').then((m) => ({ default: m.WidgetComments })));\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface WidgetWrapperProps {\n  /** The widget data */\n  widget: Widget;\n  /** Widget content to render */\n  children?: ReactNode;\n  /** Data for the widget */\n  data?: Record<string, unknown> | null;\n  /** Custom class name */\n  className?: string;\n  /** Whether the widget is loading */\n  isLoading?: boolean;\n  /** Error message */\n  error?: string | null;\n  /** Callback to refresh widget data */\n  onRefresh?: () => Promise<void>;\n  /** Callback for drilldown navigation */\n  onDrilldown?: (params: Record<string, unknown>) => void;\n  /** v2.0: Widget actions */\n  actions?: WidgetAction[];\n  /** v2.0: Callback for action events */\n  onAction?: (action: WidgetAction, context: ActionContext) => Promise<ActionResult | void>;\n  /** Phase 2: Global filter values to apply to widget data */\n  filterValues?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Custom comparison for memo - ensures actions changes trigger re-render\n// ============================================================================\n\nfunction arePropsEqual(prevProps: WidgetWrapperProps, nextProps: WidgetWrapperProps): boolean {\n  // Always re-render if widget ID changes\n  if (prevProps.widget.id !== nextProps.widget.id) return false;\n  // Re-render if widget was updated\n  if (prevProps.widget.updatedAt !== nextProps.widget.updatedAt) return false;\n  // Re-render if loading state changes\n  if (prevProps.isLoading !== nextProps.isLoading) return false;\n  // Re-render if error changes\n  if (prevProps.error !== nextProps.error) return false;\n  // Re-render if actions count changes\n  if ((prevProps.actions?.length ?? 0) !== (nextProps.actions?.length ?? 0)) return false;\n  // Check if any action ID changed\n  if (prevProps.actions && nextProps.actions) {\n    for (let i = 0; i < prevProps.actions.length; i++) {\n      if (prevProps.actions[i]?.id !== nextProps.actions[i]?.id) return false;\n    }\n  }\n  // Also check data changes\n  if (prevProps.data !== nextProps.data) return false;\n  // Phase 2: Re-render if filter values changed\n  if (JSON.stringify(prevProps.filterValues) !== JSON.stringify(nextProps.filterValues)) return false;\n  return true;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WidgetWrapper: FC<WidgetWrapperProps> = memo(function WidgetWrapper({\n  widget,\n  children,\n  data,\n  className = '',\n  isLoading: isLoadingProp,\n  error: errorProp,\n  onRefresh,\n  onDrilldown,\n  actions,\n  onAction,\n  filterValues,\n}) {\n  // Store state - use Dashboard store for edit mode (synced with toolbar)\n  const isEditMode = useDashboardStore((state) => state.viewMode === 'edit');\n  const selectWidget = useWidgetStore((state) => state.selectWidget);\n  const isSelected = useIsWidgetSelected(widget.id);\n  const uiState = useWidgetUIState(widget.id);\n  const globalFilterValues = useGlobalFilterValues();\n  const apolloClient = useApolloClient();\n\n  // Map a global-filter's id -> the data field it targets (`config.field`).\n  // Global CATEGORY/TEXT filter values are keyed in the store by filter id (a\n  // UUID), not by the data column they filter. Without this map, applyClientFilters\n  // can only fall back to value/heuristic matching, which fails to narrow rows\n  // whose targeted column (e.g. `country`, `cohort`) isn't in the hardcoded\n  // heuristic list — so a selected Country/Cohort would not actually filter the\n  // widget. We resolve the targeted field from the dashboard's globalFilters\n  // (already in the Apollo cache from the page load) so a UUID-keyed filter\n  // matches the row's configured field exactly.\n  const widgetDashboardId = (widget as unknown as Record<string, unknown>).dashboardId as string | undefined;\n  const filterFieldMap = useMemo<Record<string, string>>(() => {\n    if (!widgetDashboardId) return {};\n    try {\n      const cached = apolloClient.readQuery<{\n        getDashboard?: {\n          globalFilters?: Array<{ id: string; config?: Record<string, unknown> | null }>;\n        };\n      }>({ query: GetDashboardDocument, variables: { id: widgetDashboardId } });\n      const map: Record<string, string> = {};\n      for (const f of cached?.getDashboard?.globalFilters ?? []) {\n        const field = f.config?.field;\n        if (typeof field === 'string' && field) map[f.id] = field;\n      }\n      return map;\n    } catch {\n      return {};\n    }\n  }, [apolloClient, widgetDashboardId]);\n\n  // Fetch per-widget data from backend (parser-processed data)\n  // This is needed because listWidgetsByDashboard uses WidgetListFields (without data)\n  // for performance, so each widget fetches its own data individually\n  const widgetBinding = useMemo(() => getBindingForWidget(widget), [widget]);\n  const hasDataSource =\n    widgetBinding.source.kind !== 'DATASINK' ||\n    !!widgetBinding.source.ref ||\n    !!widgetBinding.parserId ||\n    !!widget.datasetId;\n  const { data: fetchedWidgetData, loading: widgetDataLoading } = useWidgetData(widget.id, {\n    skip: !hasDataSource,\n    pollInterval: (widget.refreshInterval ?? 0) * 1000 || 0,\n  });\n\n  // WORKAROUND: If Zustand store is empty, directly read filter_* params from URL\n  // This handles race conditions where the store hasn't been populated yet\n  const urlFilterValues = useMemo(() => {\n    if (typeof window === 'undefined') return {};\n\n    const params = new URLSearchParams(window.location.search);\n    const filters: Record<string, unknown> = {};\n\n    params.forEach((value, key) => {\n      if (key.startsWith('filter_')) {\n        const filterId = key.slice('filter_'.length);\n        // Skip internal metadata keys\n        if (!filterId.startsWith('__')) {\n          filters[filterId] = value;\n        }\n      }\n    });\n\n    return filters;\n  }, []);\n\n  // Phase 2: Merge global filter values (from URL) with explicit filterValues prop\n  // This ensures both URL params (filter_*) and drilldown params work together\n  const mergedFilterValues = useMemo(() => {\n    const merged: Record<string, unknown> = {};\n\n    // First, add URL filter values as fallback (in case Zustand store hasn't loaded yet)\n    if (urlFilterValues && Object.keys(urlFilterValues).length > 0) {\n      Object.assign(merged, urlFilterValues);\n    }\n\n    // Then, add global filter values from Zustand store (if populated)\n    if (globalFilterValues && Object.keys(globalFilterValues).length > 0) {\n      Object.assign(merged, globalFilterValues);\n    }\n\n    // Finally, add/override with explicit filterValues prop (e.g., from drilldown modal)\n    if (filterValues && Object.keys(filterValues).length > 0) {\n      Object.assign(merged, filterValues);\n    }\n\n    return merged;\n  }, [urlFilterValues, globalFilterValues, filterValues]);\n\n  // Track active filters (client-side filtering until backend supports it)\n  const hasFilters = Object.keys(mergedFilterValues).length > 0;\n\n  // Merge loading/error from props and store\n  // Show loading if widget data is being fetched for the first time (no data yet)\n  const isLoading = isLoadingProp ?? (widgetDataLoading && !fetchedWidgetData) ?? uiState.isLoading;\n  const error = errorProp ?? uiState.errorMessage;\n\n  // Get widget definition\n  const definition = getWidgetDefinition(widget.type);\n\n  // Stable refresh callback - use ref to avoid creating new function on each render\n  const onRefreshRef = useRef(onRefresh);\n  useEffect(() => {\n    onRefreshRef.current = onRefresh;\n  }, [onRefresh]);\n\n  const stableOnRefresh = useCallback(async () => {\n    if (onRefreshRef.current) {\n      await onRefreshRef.current();\n    }\n  }, []);\n\n  // Auto-refresh\n  const { timeUntilRefresh, isPaused } = useWidgetAutoRefresh({\n    widgetId: widget.id,\n    refreshInterval: widget.refreshInterval,\n    onRefresh: stableOnRefresh,\n    enabled: !isEditMode && !!widget.refreshInterval,\n  });\n\n  // Container ref for PNG export\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  // Comments panel. The count query stays disabled until the panel is first\n  // opened, so a dashboard of N widgets doesn't fire N comment queries on load.\n  const [showComments, setShowComments] = useState(false);\n  const [commentsEverOpened, setCommentsEverOpened] = useState(false);\n  const { count: commentCount } = useWidgetComments(widget.id, commentsEverOpened);\n  const toggleComments = useCallback(() => {\n    setShowComments((open) => {\n      const next = !open;\n      if (next) setCommentsEverOpened(true);\n      return next;\n    });\n  }, []);\n\n  // Get widget data for export (computed early for hook)\n  const exportData = useMemo(() => {\n    if (data && Array.isArray(data)) return data;\n    const rawData = (widget as unknown as Record<string, unknown>).data as Record<string, unknown> | undefined;\n    if (rawData?.processed && Array.isArray(rawData.processed)) {\n      return rawData.processed;\n    }\n    if (rawData?.raw) {\n      const parsed = typeof rawData.raw === 'string' ? JSON.parse(rawData.raw) : rawData.raw;\n      if (Array.isArray(parsed)) return parsed;\n    }\n    return null;\n  }, [data, widget]);\n\n  // Export functionality\n  const { exportCSV, exportPNG } = useWidgetExport(widget, {\n    data: exportData,\n    containerRef: containerRef as unknown as RefObject<HTMLElement>,\n  });\n\n  // Helper to check if data is actually usable (has real content)\n  const isUsableData = useCallback((d: unknown): boolean => {\n    if (d === null || d === undefined) return false;\n    if (Array.isArray(d)) return d.length > 0;\n    if (typeof d === 'object') {\n      const obj = d as Record<string, unknown>;\n      const keys = Object.keys(obj);\n      if (keys.length === 0) return false;\n      // Check recursively for actual data content\n      return keys.some((key) => {\n        const val = obj[key];\n        if (val === null || val === undefined || val === '') return false;\n        if (Array.isArray(val)) return val.length > 0;\n        if (typeof val === 'object') return isUsableData(val);\n        return true;\n      });\n    }\n    return true;\n  }, []);\n\n  // Phase 2: Client-side filter function for widget data\n  const applyClientFilters = useCallback(\n    (\n      widgetData: Record<string, unknown> | Record<string, unknown>[]\n    ): Record<string, unknown> | Record<string, unknown>[] => {\n      if (!hasFilters || !widgetData) return widgetData;\n\n      // Separate drilldown context filters (ctx_*) from regular filters\n      const contextFilters: Record<string, unknown> = {};\n      const regularFilters: Record<string, unknown> = {};\n\n      Object.entries(mergedFilterValues || {}).forEach(([key, value]) => {\n        if (key.startsWith('ctx_')) {\n          // Strip ctx_ prefix to get the target field name\n          const fieldName = key.slice(4); // Remove 'ctx_'\n          contextFilters[fieldName] = value;\n        } else if (!key.startsWith('__')) {\n          // Skip internal metadata keys (__drilldown_depth, etc.)\n          regularFilters[key] = value;\n        }\n      });\n\n      // Helper to match a value against a filter (case-insensitive)\n      const matchesFilter = (itemValue: unknown, filterValue: unknown): boolean => {\n        if (filterValue === undefined || filterValue === null || filterValue === '') return true;\n        if (itemValue === undefined || itemValue === null) return false;\n\n        const itemStr = String(itemValue).toLowerCase();\n        const filterStr = String(filterValue).toLowerCase();\n\n        // Exact match or contains\n        return itemStr === filterStr || itemStr.includes(filterStr);\n      };\n\n      // Helper to find a matching field in the item (case-insensitive key matching)\n      const findFieldValue = (item: Record<string, unknown>, targetField: string): unknown => {\n        const targetLower = targetField.toLowerCase();\n\n        // Try exact match first\n        if (item[targetField] !== undefined) return item[targetField];\n\n        // Try case-insensitive match\n        const matchingKey = Object.keys(item).find((k) => k.toLowerCase() === targetLower);\n        if (matchingKey) return item[matchingKey];\n\n        // Try partial match (e.g., 'region' matches 'regionName' or 'user_region')\n        const partialMatch = Object.keys(item).find(\n          (k) => k.toLowerCase().includes(targetLower) || targetLower.includes(k.toLowerCase())\n        );\n        if (partialMatch) return item[partialMatch];\n\n        // Try stripping common prefixes from target field (e.g., 'kpiId' -> 'id', 'rowName' -> 'name')\n        // This handles drilldown context where widget passes 'kpiId' but data has 'id'\n        const commonPrefixes = ['kpi', 'row', 'item', 'data', 'cell', 'record', 'entry'];\n        for (const prefix of commonPrefixes) {\n          if (targetLower.startsWith(prefix) && targetLower.length > prefix.length) {\n            const strippedField = targetLower.slice(prefix.length);\n            // Try exact match with stripped field\n            const strippedMatch = Object.keys(item).find((k) => k.toLowerCase() === strippedField);\n            if (strippedMatch) return item[strippedMatch];\n          }\n        }\n\n        return undefined;\n      };\n\n      // Helper function to filter an array of items\n      const filterItems = (items: Record<string, unknown>[]): Record<string, unknown>[] => {\n        return items.filter((item: Record<string, unknown>) => {\n          // Only object rows are field-filterable. An array of primitives (e.g.\n          // a heatmap's `rows: [\"5W-MedSurg\", …]`) carries no named fields — keep\n          // every element. Without this, `findFieldValue` indexes into the string\n          // by character offset and spuriously \"matches\" a filter, dropping rows.\n          if (item === null || typeof item !== 'object' || Array.isArray(item)) {\n            return true;\n          }\n          // First, apply drilldown context filters (ctx_*) - these have explicit field names\n          for (const [fieldName, filterValue] of Object.entries(contextFilters)) {\n            if (filterValue === undefined || filterValue === null || filterValue === '') continue;\n\n            const itemValue = findFieldValue(item, fieldName);\n            // If the field doesn't exist in this data item, skip this context filter.\n            // Drilldown context params (e.g., source=support_status) are metadata about\n            // the drilldown origin and should NOT filter out data when the target\n            // dashboard's widgets don't have a matching field.\n            if (itemValue === undefined) continue;\n            if (!matchesFilter(itemValue, filterValue)) {\n              return false;\n            }\n          }\n\n          // Then, apply regular filters\n          for (const [filterKey, filterValue] of Object.entries(regularFilters)) {\n            if (filterValue === undefined || filterValue === null || filterValue === '') continue;\n\n            // For date range filters\n            if (typeof filterValue === 'object') {\n              const fv = filterValue as Record<string, unknown>;\n              if (fv.start || fv.end) {\n                const dateFields = Object.entries(item).filter(\n                  ([k, _v]) => k.toLowerCase().includes('date') || k.toLowerCase().includes('time')\n                );\n                if (dateFields.length > 0) {\n                  const itemDate = new Date(dateFields[0][1] as string);\n                  if (fv.start && itemDate < new Date(fv.start as string)) return false;\n                  if (fv.end && itemDate > new Date(fv.end as string)) return false;\n                }\n                continue;\n              }\n            }\n\n            // For numeric range filters\n            if (typeof filterValue === 'object') {\n              const nv = filterValue as Record<string, unknown>;\n              if (nv.min !== undefined || nv.max !== undefined) {\n                const numericFields = Object.entries(item).filter(([_k, v]) => typeof v === 'number');\n                if (numericFields.length > 0) {\n                  const itemNum = numericFields[0][1] as number;\n                  if (nv.min !== undefined && itemNum < (nv.min as number)) return false;\n                  if (nv.max !== undefined && itemNum > (nv.max as number)) return false;\n                }\n                continue;\n              }\n            }\n\n            // Any other object-shaped filter value (e.g. a DATE_RANGE filter set\n            // to a preset like { preset: \"last_30_days\" } with no resolved\n            // start/end, or a structured value we don't understand) cannot be\n            // compared with the scalar matchers below. Passing it through would\n            // stringify it to \"[object Object]\" and, via fuzzy field matching\n            // (e.g. an `enrolledAt` filter partial-matching an `enrolled` number\n            // column), spuriously exclude EVERY row. Treat such values as a no-op\n            // for client-side filtering — the row set is unchanged until the\n            // filter resolves to concrete start/end or scalar values.\n            if (filterValue !== null && typeof filterValue === 'object' && !Array.isArray(filterValue)) {\n              continue;\n            }\n\n            // Global CATEGORY/TEXT filters are keyed by filter id (UUID). Resolve\n            // the data column they target from the filter's config.field. When the\n            // widget's rows carry that column, the filter is authoritative — a\n            // mismatch excludes the row; a missing column is a no-op (the filter\n            // simply doesn't apply to this widget's shape). This is what makes a\n            // selected Country/Cohort actually narrow the visible data.\n            const targetField = filterFieldMap[filterKey];\n            if (targetField) {\n              const mappedValue = findFieldValue(item, targetField);\n              if (mappedValue !== undefined) {\n                if (!matchesFilter(mappedValue, filterValue)) {\n                  return false;\n                }\n                continue;\n              }\n              // Configured field absent from this widget's rows → filter is a\n              // no-op for this widget (do not fall through to value heuristics,\n              // which could spuriously match an unrelated column).\n              continue;\n            }\n\n            // Try to match by filter key name first (for named filters). When\n            // the widget's data actually carries the filter's field, the filter\n            // is authoritative — a mismatch excludes the row.\n            const fieldValue = findFieldValue(item, filterKey);\n            if (fieldValue !== undefined) {\n              if (!matchesFilter(fieldValue, filterValue)) {\n                return false;\n              }\n              continue;\n            }\n\n            // For text/category filters - try multiple matching strategies\n            const filterStr = String(filterValue).toLowerCase();\n\n            // Strategy 1: Check all field values for exact or partial match\n            const itemValues = Object.values(item).map((v) => String(v).toLowerCase());\n            const hasMatch = itemValues.some((v) => v === filterStr || v.includes(filterStr));\n\n            if (!hasMatch) {\n              // Strategy 2: Try to find a field name that matches the filter value context\n              const fieldNames = Object.keys(item).map((k) => k.toLowerCase());\n              const possibleFields = fieldNames.filter(\n                (f) =>\n                  f.includes('category') ||\n                  f.includes('type') ||\n                  f.includes('status') ||\n                  f.includes('name') ||\n                  f.includes('region') ||\n                  f.includes('group')\n              );\n\n              let fieldMatch = false;\n              for (const fieldName of possibleFields) {\n                const originalKey = Object.keys(item).find((k) => k.toLowerCase() === fieldName);\n                if (originalKey) {\n                  const itemFieldValue = String(item[originalKey]).toLowerCase();\n                  if (itemFieldValue === filterStr || itemFieldValue.includes(filterStr)) {\n                    fieldMatch = true;\n                    break;\n                  }\n                }\n              }\n\n              // The filter's field is NOT present in this dataset (named-field\n              // lookup failed AND no value/heuristic match). A global filter that\n              // doesn't apply to a widget's shape must be a no-op for that widget\n              // — not a silent \"exclude every row\". This mirrors the ctx_* rule\n              // above (skip when the targeted field is absent). Without this, an\n              // always-active required filter (e.g. campus=main) blanks every\n              // parser-derived widget whose output has no campus column.\n              if (!fieldMatch) {\n                continue;\n              }\n            }\n          }\n          return true;\n        });\n      };\n\n      // If data is an array, filter the items directly\n      if (Array.isArray(widgetData)) {\n        const filtered = filterItems(widgetData);\n        return filtered;\n      }\n\n      // Handle object with array properties (rows, items, members, questions, data, etc.)\n      if (widgetData && typeof widgetData === 'object') {\n        // Common array property names in widget data\n        const arrayPropertyNames = [\n          'kpis', // KPI Comparison widget\n          'rows', // Table widget\n          'items', // List widget\n          'members', // Team/member widgets\n          'questions', // Form widget\n          'data', // Generic data\n          'records', // Database-style data\n          'results', // Search/query results\n          'entries', // Log/feed entries\n          'list', // Generic list\n          'values', // Value arrays\n          'series', // Chart series\n          'datasets', // Chart datasets\n        ];\n\n        for (const propName of arrayPropertyNames) {\n          if (widgetData[propName] && Array.isArray(widgetData[propName])) {\n            const filteredArray = filterItems(widgetData[propName]);\n            return {\n              ...widgetData,\n              [propName]: filteredArray,\n              ...(propName === 'rows' ? { totalRows: filteredArray.length } : {}),\n            };\n          }\n        }\n\n        // If no known array property found, check for any array property\n        const arrayProps = Object.entries(widgetData).filter(([_key, v]) => Array.isArray(v));\n        if (arrayProps.length > 0) {\n          const [propName, propValue] = arrayProps[0];\n          const filteredArray = filterItems(propValue as Record<string, unknown>[]);\n          return {\n            ...widgetData,\n            [propName]: filteredArray,\n          };\n        }\n      }\n\n      // For non-filterable data, return as-is\n      return widgetData;\n    },\n    [hasFilters, mergedFilterValues, widget.id, filterFieldMap]\n  );\n\n  // Get widget data from the widget itself (fetched from backend)\n  const realWidgetData = useMemo(() => {\n    let rawWidgetData = null;\n\n    // Priority 1: Explicitly passed data prop\n    if (data && isUsableData(data)) {\n      rawWidgetData = data;\n    }\n    // Priority 2: Per-widget fetched data (from useWidgetData hook)\n    // fetchedWidgetData IS a WidgetData object: { raw, processed, fetchedAt, cached }\n    else if (fetchedWidgetData) {\n      const fetched = fetchedWidgetData as unknown as Record<string, unknown>;\n      if (fetched?.processed && isUsableData(fetched.processed)) {\n        rawWidgetData = fetched.processed;\n      } else if (fetched?.raw) {\n        try {\n          const parsed = typeof fetched.raw === 'string' ? JSON.parse(fetched.raw as string) : fetched.raw;\n          if (isUsableData(parsed)) rawWidgetData = parsed;\n        } catch {\n          // Invalid JSON, ignore\n        }\n      }\n    }\n    // Priority 3: widget.data from GraphQL response (if already on widget object)\n    else {\n      const rawData = (widget as unknown as Record<string, unknown>).data as Record<string, unknown> | undefined;\n      if (rawData?.processed && isUsableData(rawData.processed)) {\n        rawWidgetData = rawData.processed;\n      } else if (rawData?.raw) {\n        try {\n          const parsed = typeof rawData.raw === 'string' ? JSON.parse(rawData.raw) : rawData.raw;\n          if (isUsableData(parsed)) rawWidgetData = parsed;\n        } catch {\n          // Invalid JSON, ignore\n        }\n      }\n    }\n\n    // Priority 4: config.mockData — user-configured sample JSON from Widget Properties Data tab\n    // This is NOT auto-generated mock data; it's explicit JSON the user pasted in the UI\n    if (!rawWidgetData) {\n      const configMockData = (widget.config as Record<string, unknown> | undefined)?.mockData;\n      if (configMockData) {\n        try {\n          const parsed = typeof configMockData === 'string' ? JSON.parse(configMockData) : configMockData;\n          if (isUsableData(parsed)) {\n            rawWidgetData = parsed;\n          }\n        } catch (e) {}\n      }\n    }\n\n    // Generic parser-output resolution: a widget may bind to a parser whose\n    // output is an envelope ({ byUnit:[...], house:{...} }) rather than the\n    // exact array/object the renderer wants. config.dataKey / dataPath /\n    // seriesPath is a dot-path INTO the resolved data that points at the\n    // renderable subtree (e.g. \"byUnit\" for a table, \"rows\" for a chart).\n    // Resolving it here keeps every renderer generic — the use-case-specific\n    // shape knowledge lives in the widget config (set by the seed/UI), not in\n    // the renderer. valueField (single-value metric path) is intentionally NOT\n    // applied here: MetricCardWidget resolves it itself against the envelope.\n    if (rawWidgetData && typeof rawWidgetData === 'object' && !Array.isArray(rawWidgetData)) {\n      const cfg = widget.config as Record<string, unknown> | undefined;\n      const pathKey = (cfg?.dataKey ?? cfg?.dataPath ?? cfg?.seriesPath) as string | undefined;\n      if (pathKey && typeof pathKey === 'string') {\n        const resolved = pathKey.split('.').reduce<unknown>((cur, seg) => {\n          return cur && typeof cur === 'object' ? (cur as Record<string, unknown>)[seg] : undefined;\n        }, rawWidgetData);\n        if (resolved !== undefined && resolved !== null && isUsableData(resolved)) {\n          rawWidgetData = resolved as Record<string, unknown>;\n        }\n      }\n    }\n\n    // Phase 2: Apply client-side filters if active\n    if (hasFilters && rawWidgetData) {\n      const filtered = applyClientFilters(rawWidgetData);\n      return filtered;\n    }\n\n    return rawWidgetData;\n  }, [data, widget, fetchedWidgetData, hasFilters, applyClientFilters, mergedFilterValues, isUsableData]);\n\n  // Final widget data - real data only, no mock fallback\n  const widgetData = useMemo(() => {\n    return realWidgetData ?? null;\n  }, [realWidgetData]);\n\n  // Values rendered from a template's embedded sample rather than a connected\n  // source. Only possible when no data source is configured, since a real\n  // source outranks config.mockData in the resolution chain above.\n  const isSampleData = useMemo(() => {\n    if (!widgetData || hasDataSource) return false;\n    const mock = (widget.config as Record<string, unknown> | undefined)?.mockData;\n    return mock !== undefined && mock !== null;\n  }, [widgetData, hasDataSource, widget.config]);\n\n  // Drilldown navigation (must be after widgetData is defined)\n  const { executeDrilldown, canDrilldown } = useDrilldown({\n    onDrilldown: (params, _mode) => {\n      onDrilldown?.(params);\n    },\n  });\n\n  // Check if widget has drilldown configured\n  const hasDrilldown = useMemo(() => canDrilldown(widget), [widget, canDrilldown]);\n\n  // Handle drilldown execution with context\n  const handleDrilldown = useCallback(\n    (selectedData?: Record<string, unknown>) => {\n      if (!widget.drilldown?.enabled) return;\n\n      const context: DrilldownContext = {\n        selectedData: selectedData || {},\n        globalFilters: globalFilterValues || {},\n        widgetData: widgetData || {},\n        metadata: {\n          widgetId: widget.id,\n          widgetType: widget.type,\n          widgetTitle: widget.title,\n        },\n        sourceDashboardId: widget.dashboardId,\n      };\n\n      executeDrilldown(widget.drilldown, context);\n    },\n    [widget, widgetData, globalFilterValues, executeDrilldown]\n  );\n\n  // Track mouse position to distinguish click from drag\n  const mouseDownPos = useRef<{ x: number; y: number } | null>(null);\n  const DRAG_THRESHOLD = 5; // pixels - if mouse moves more than this, it's a drag\n\n  // Handle mouse down - record position\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    mouseDownPos.current = { x: e.clientX, y: e.clientY };\n  }, []);\n\n  // Handle widget click - Edit mode only (View mode drilldown is triggered by data clicks)\n  // Only trigger if mouse hasn't moved much (not a drag)\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation(); // Prevent DashboardGrid from also handling\n\n      // Check if this was a drag (mouse moved significantly)\n      if (mouseDownPos.current) {\n        const dx = Math.abs(e.clientX - mouseDownPos.current.x);\n        const dy = Math.abs(e.clientY - mouseDownPos.current.y);\n        if (dx > DRAG_THRESHOLD || dy > DRAG_THRESHOLD) {\n          // This was a drag, not a click - don't open config panel\n          mouseDownPos.current = null;\n          return;\n        }\n      }\n      mouseDownPos.current = null;\n\n      if (isEditMode) {\n        // Edit mode: select widget for editing\n        selectWidget(widget.id);\n      }\n      // View mode: drilldown is triggered by clicking specific data elements\n      // (table rows, chart points, etc.) - not by clicking the widget itself\n    },\n    [isEditMode, selectWidget, widget.id]\n  );\n\n  // Handle keyboard navigation (Edit mode only)\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        event.preventDefault();\n        event.stopPropagation();\n        if (isEditMode) {\n          selectWidget(widget.id);\n        }\n      }\n    },\n    [isEditMode, selectWidget, widget.id]\n  );\n\n  const hasRenderableCustomWidgetConfig = useMemo(\n    () => widget.type === 'custom' && hasRenderableCustomConfig(widget.config),\n    [widget.type, widget.config]\n  );\n\n  const customWidgetHasIframeConfig = useMemo(\n    () => widget.type === 'custom' && hasCustomIframeConfig(widget.config),\n    [widget.type, widget.config]\n  );\n\n  const showContainerDrilldownHints = hasDrilldown && !customWidgetHasIframeConfig;\n\n  // Text widgets can render static config.content even when no parser/sink is bound.\n  const isTextWithContent = useMemo(() => {\n    if (widget.type !== 'text') return false;\n    return resolveTextData(widget.config as Record<string, unknown> | undefined, widgetData).hasContent;\n  }, [widget.type, widget.config, widgetData]);\n\n  // Determine if data is empty\n  const isEmpty = !isLoading && !error && !widgetData && !hasRenderableCustomWidgetConfig && !isTextWithContent;\n\n  // v2.0: Check if widget has a renderer specified (non-BIGCONSOLE)\n  const widgetRenderer = useMemo(() => {\n    const widgetWithRenderer = widget as Widget & { renderer?: RendererType };\n    return widgetWithRenderer.renderer;\n  }, [widget]);\n\n  // v2.0: Determine if we should use the factory (non-BIGCONSOLE renderer)\n  const useRendererFactory = useMemo(() => {\n    const shouldUse = widgetRenderer && widgetRenderer !== 'BIGCONSOLE';\n    return shouldUse;\n  }, [widgetRenderer]);\n\n  // v2.0: Create action context\n  const actionContext = useMemo<ActionContext>(\n    () => ({\n      widgetId: widget.id,\n      data: widgetData || {},\n    }),\n    [widget.id, widgetData]\n  );\n\n  // v2.0: Handle action callback from WidgetRendererFactory\n  // Receives (action: WidgetAction, context: ActionContext) and forwards to parent\n  // Checks if a more detailed backend action exists with same name\n  const handleActionFromFactory = useCallback(\n    (action: WidgetAction, context: ActionContext) => {\n      if (!onAction) return;\n\n      // Try to find a matching backend action by name (has more details like confirmation)\n      const existingAction = actions?.find((a) => a.name === action.name);\n\n      if (existingAction) {\n        // Use existing backend action (has confirmation, style, icon, etc.)\n        onAction(existingAction, context);\n      } else {\n        // Use the action from WidgetRendererFactory as-is\n        onAction(action, context);\n      }\n    },\n    [onAction, actions]\n  );\n\n  // Render the appropriate widget component based on type (v1.0 snake_case)\n  const renderWidgetComponent = useCallback(() => {\n    // Extract data based on widget type expectations\n    // Different widgets expect different data formats\n    const getDataForWidget = () => {\n      if (!widgetData) return widgetData;\n\n      // If data has 'rows' property (table data), extract rows\n      if (widget.type === 'table' || widget.type === 'pivot_table') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'rows' in widgetData) {\n          return (widgetData as { rows: unknown[] }).rows;\n        }\n      }\n\n      // If data has 'items' property (list data), extract items\n      if (widget.type === 'list') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'items' in widgetData) {\n          return (widgetData as { items: unknown[] }).items;\n        }\n      }\n\n      // If data has 'stages' property (old funnel format), extract stages\n      if (widget.type === 'funnel_chart') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'stages' in widgetData) {\n          return (widgetData as { stages: unknown[] }).stages;\n        }\n      }\n\n      // If data has 'datasets' property (old chart format), convert to array format\n      if (widget.type === 'chart') {\n        if (Array.isArray(widgetData)) return widgetData;\n        if (widgetData && typeof widgetData === 'object' && 'datasets' in widgetData) {\n          // Convert old format to new array format\n          const oldData = widgetData as { labels?: string[]; datasets?: { name: string; data: number[] }[] };\n          if (oldData.labels && oldData.datasets) {\n            return oldData.labels.map((label, i) => {\n              const point: Record<string, unknown> = { name: label };\n              oldData.datasets?.forEach((ds) => {\n                point[ds.name.toLowerCase()] = ds.data[i];\n              });\n              return point;\n            });\n          }\n        }\n      }\n\n      // For text widgets: merge parser output with static config via the shared\n      // text-data contract (string/object-with-content/object-without-content).\n      if (widget.type === 'text') {\n        const resolved = resolveTextData(widget.config as Record<string, unknown> | undefined, widgetData);\n        return {\n          content: resolved.content,\n          format: resolved.format,\n          alignment: resolved.alignment,\n        };\n      }\n\n      // For custom widgets: pass data through with extracted value if configured\n      if (widget.type === 'custom') {\n        const config = widget.config as Record<string, unknown> | undefined;\n        const valueField = config?.valueField as string | undefined;\n        if (valueField && widgetData && typeof widgetData === 'object' && !Array.isArray(widgetData)) {\n          const obj = widgetData as Record<string, unknown>;\n          if (valueField in obj) {\n            return { value: obj[valueField], label: widget.title, data: obj };\n          }\n        }\n      }\n\n      return widgetData;\n    };\n\n    const normalizedData = getDataForWidget();\n    const props = {\n      widget,\n      data: normalizedData,\n      onDrilldown: hasDrilldown ? handleDrilldown : undefined,\n    };\n\n    // v2.0: Use WidgetRendererFactory for non-BIGCONSOLE renderers\n    if (useRendererFactory) {\n      // For factory renderers (Adaptive Card, BlockKit, Custom), pass the RAW\n      // processed data — NOT the type-normalized data. Normalization (e.g., text→markdown)\n      // is only for BIGCONSOLE renderer widgets. Factory renderers handle their own\n      // template interpolation against the raw data object.\n      let factoryData: Record<string, unknown> = {};\n\n      if (\n        realWidgetData &&\n        typeof realWidgetData === 'object' &&\n        !Array.isArray(realWidgetData) &&\n        Object.keys(realWidgetData as Record<string, unknown>).length > 0\n      ) {\n        // Use real data from backend (raw processed, not type-normalized)\n        factoryData = { ...(realWidgetData as Record<string, unknown>) };\n      }\n\n      // For CUSTOM renderer: enrich data with standard fields expected by built-in components.\n      // Built-in components (Counter, Card, SimpleText) read specific fields from data:\n      //   Counter: data.value, Card: data.title/data.description, SimpleText: data.text\n      // Parsed data from datasinks has domain-specific fields (totalFiles, totalMessages, etc.)\n      // Use config.valueField to extract the primary value and map it to standard fields.\n      const internalType = (widget.config as Record<string, unknown> | undefined)?._internalWidgetType as\n        string | undefined;\n      if (internalType === 'custom' && Object.keys(factoryData).length > 0) {\n        const config = widget.config as Record<string, unknown> | undefined;\n        const valueField = config?.valueField as string | undefined;\n        if (valueField && valueField in factoryData) {\n          const val = factoryData[valueField];\n          const formatted = typeof val === 'number' ? val.toLocaleString() : String(val);\n          // Map to standard fields for all built-in custom components\n          factoryData = {\n            ...factoryData,\n            value: val, // Counter component\n            title: factoryData.title || formatted, // Card component\n            description: factoryData.description || widget.title || '', // Card component\n            text: factoryData.text || formatted, // SimpleText component\n          };\n        }\n      }\n\n      return (\n        <WidgetRendererFactory\n          widget={widget}\n          data={factoryData}\n          isEditMode={isEditMode}\n          isSelected={isSelected}\n          isLoading={isLoading}\n          error={error}\n          onDrilldown={hasDrilldown ? handleDrilldown : undefined}\n          onAction={handleActionFromFactory}\n        />\n      );\n    }\n\n    // v1.0: Use switch-case for BIGCONSOLE renderer (default)\n    // Normalize widget type to lowercase for case-insensitive matching\n    const normalizedType = widget.type?.toLowerCase() || '';\n    switch (normalizedType) {\n      case 'metric_card':\n        return <MetricCardWidget {...props} />;\n      case 'kpi_card_comparison':\n        return <KPIComparisonWidget {...props} />;\n      case 'chart':\n      case 'funnel_chart':\n        return <ChartWidget {...props} />;\n      case 'table':\n        return <TableWidget {...props} />;\n      case 'pivot_table':\n        return <PivotTableWidget {...props} />;\n      case 'gauge':\n        return <GaugeWidget {...props} />;\n      case 'progress':\n        return <ProgressWidget {...props} />;\n      case 'list':\n        return <ListWidget {...props} />;\n      case 'heatmap':\n        return <HeatmapWidget {...props} />;\n      case 'retention':\n        return <RetentionWidget {...props} />;\n      case 'calendar':\n        return <CalendarWidget {...props} />;\n      case 'timeline':\n        return <TimelineWidget {...props} />;\n      case 'kanban':\n        return <KanbanWidget {...props} />;\n      case 'form':\n        return <FormWidget {...props} />;\n      case 'text':\n        return <TextWidget {...props} />;\n      case 'iframe':\n        return <IframeWidget {...props} />;\n      case 'map':\n        return <MapWidget {...props} />;\n      case 'custom':\n        return <CustomWidget {...props} />;\n      default:\n        return children || <WidgetEmptyState widgetType={widget.type} />;\n    }\n  }, [\n    widget,\n    widgetData,\n    children,\n    hasDrilldown,\n    handleDrilldown,\n    useRendererFactory,\n    isEditMode,\n    isSelected,\n    isLoading,\n    error,\n    handleActionFromFactory,\n    realWidgetData,\n  ]);\n\n  // Determine content to render\n  const renderContent = () => {\n    if (isLoading) {\n      return <WidgetLoadingState />;\n    }\n\n    if (error) {\n      return <WidgetErrorState error={error} onRetry={onRefresh} />;\n    }\n\n    if (isEmpty && !children) {\n      // v2.0: Check parserId (primary) or dataSinkId (for context/drilldowns)\n      return (\n        <WidgetEmptyState\n          widgetType={widget.type}\n          hasDataSource={hasDataSource}\n          templateSlot={\n            typeof widget.metadata?.['templateDataSinkSlot'] === 'string'\n              ? (widget.metadata['templateDataSinkSlot'] as string)\n              : null\n          }\n        />\n      );\n    }\n\n    // resetKey auto-resets the boundary on parser/sink re-bind or config edit without widget.id changing (BOFF-2242).\n    const resetKey = `${widgetBinding.source.kind}|${widgetBinding.source.ref ?? ''}|${widgetBinding.parserId ?? ''}|${widget.updatedAt ?? ''}`;\n\n    return (\n      <WidgetErrorBoundary widgetId={widget.id} widgetType={widget.type} widgetTitle={widget.title} resetKey={resetKey}>\n        {children ?? <Suspense fallback={<WidgetLoadingState />}>{renderWidgetComponent()}</Suspense>}\n      </WidgetErrorBoundary>\n    );\n  };\n\n  return (\n    <div\n      ref={containerRef}\n      className={`\n        group relative flex flex-col\n        h-full w-full\n        rounded-lg border\n        bg-bg-surface\n        transition-all duration-200\n        ${\n          isSelected && isEditMode\n            ? 'border-action-primary-border ring-2 ring-action-primary-border/30'\n            : 'border-border-default hover:border-action-primary-bg'\n        }\n        ${isEditMode ? 'cursor-pointer' : ''}\n        ${className}\n      `}\n      onMouseDown={handleMouseDown}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={isEditMode ? 0 : -1}\n      role={isEditMode ? 'button' : undefined}\n      aria-selected={isSelected}\n      aria-label={`Widget: ${widget.title}`}\n      data-widget-id={widget.id}\n      data-widget-type={widget.type}\n    >\n      {/* Header */}\n      <WidgetHeader\n        widget={widget}\n        definition={definition}\n        isSelected={isSelected}\n        isEditMode={isEditMode}\n        isLoading={isLoading}\n        isSampleData={isSampleData}\n        timeUntilRefresh={widget.refreshInterval && !isPaused ? formatTimeUntilRefresh(timeUntilRefresh) : undefined}\n        hasDrilldown={hasDrilldown}\n        onRefresh={onRefresh}\n        onExportCSV={exportData ? exportCSV : undefined}\n        onExportPNG={exportPNG}\n        onDrilldown={hasDrilldown ? () => handleDrilldown() : undefined}\n        onToggleComments={toggleComments}\n        commentsOpen={showComments}\n        commentCount={commentsEverOpened ? commentCount : undefined}\n      />\n\n      {/* Content Area */}\n      <div\n        className={`\n          flex-1 overflow-hidden p-4 min-h-0\n          ${showContainerDrilldownHints && !isEditMode ? 'cursor-pointer' : ''}\n        `}\n        title={showContainerDrilldownHints && !isEditMode ? 'Click data to drill down' : undefined}\n      >\n        <div className=\"h-full overflow-auto\">{renderContent()}</div>\n      </div>\n\n      {/* v2.0: Widget Actions */}\n      {actions && actions.length > 0 && !isLoading && !error && (\n        <div className=\"px-4 py-3 border-t border-border-default bg-bg-sunken\" style={{ flexShrink: 0 }}>\n          <WidgetActions\n            actions={actions}\n            context={actionContext}\n            onAction={onAction}\n            disabled={isEditMode}\n            layout=\"horizontal\"\n            size=\"sm\"\n          />\n        </div>\n      )}\n\n      {/* Edit mode: react-grid-layout provides resize handles */}\n\n      {/* Drilldown Indicator */}\n      {showContainerDrilldownHints && !isEditMode && (\n        <div\n          className=\"\n            absolute bottom-2 right-2\n            opacity-0 group-hover:opacity-100\n            transition-opacity duration-200\n          \"\n          title=\"Click to drill down\"\n        >\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=\"M13 7l5 5m0 0l-5 5m5-5H6\" />\n          </svg>\n        </div>\n      )}\n\n      {/* Comments panel (overlay) */}\n      {showComments && (\n        <Suspense fallback={null}>\n          <WidgetComments widgetId={widget.id} onClose={() => setShowComments(false)} />\n        </Suspense>\n      )}\n    </div>\n  );\n}, arePropsEqual);\n\nexport default WidgetWrapper;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/form/FormWidget.js

@@ -50,7 +50,41 @@ function p(e, t) {
 	}
 	return n;
 }
-var m = {
+function m(e, t) {
+	let n = {}, r = {};
+	if (!e || typeof e != "object" || Array.isArray(e)) {
+		for (let e of t) n[e.name] = e.defaultValue ?? (e.type === "checkbox" ? !1 : "");
+		return {
+			values: n,
+			fieldOptions: r
+		};
+	}
+	let i = e.values && typeof e.values == "object" && !Array.isArray(e.values) ? e.values : void 0, a = e.options && typeof e.options == "object" && !Array.isArray(e.options) ? e.options : void 0;
+	for (let o of t) {
+		let t = i?.[o.name] ?? e[o.name] ?? o.defaultValue;
+		if (o.type === "checkbox" && t === void 0 && (t = !1), n[o.name] = t ?? "", o.type === "select" || o.type === "radio") {
+			let t = a?.[o.name] ?? e[`${o.name}Options`];
+			Array.isArray(t) && (r[o.name] = t.map((e) => {
+				if (e && typeof e == "object") {
+					let t = e, n = {
+						value: String(t.value ?? t.id ?? t.key ?? ""),
+						label: String(t.label ?? t.name ?? t.text ?? t.value ?? t.id ?? t.key ?? "")
+					};
+					return t.disabled === !0 && (n.disabled = !0), n;
+				}
+				return typeof e == "string" || typeof e == "number" ? {
+					value: String(e),
+					label: String(e)
+				} : null;
+			}).filter((e) => e !== null));
+		}
+	}
+	return {
+		values: n,
+		fieldOptions: r
+	};
+}
+var h = {
 	container: {
 		display: "flex",
 		flexDirection: "column",
@@ -175,84 +209,80 @@ var m = {
 		color: "var(--color-text-muted)",
 		textAlign: "center"
 	}
-}, h = e(function({ widget: e, data: h = {}, onDrilldown: g, onSubmit: _ }) {
-	let v = {
+}, g = e(function({ widget: e, data: g = {}, onDrilldown: _, onSubmit: v }) {
+	let y = {
 		fields: [],
 		layout: "vertical",
 		submitLabel: "Submit",
 		showReset: !0,
 		validateOnBlur: !0,
 		validateOnChange: !1
-	}, y = e.config ? {
-		...v,
+	}, b = e.config ? {
+		...y,
 		...e.config
-	} : v, b = n(() => {
-		let e = {};
-		for (let t of y.fields) e[t.name] = h[t.name] ?? t.defaultValue ?? (t.type === "checkbox" ? !1 : "");
-		return e;
-	}, [y.fields, h]), [x, S] = r(b), [C, w] = r({}), [T, E] = r(/* @__PURE__ */ new Set()), [D, O] = r(!1), [k, A] = r(!1), j = t((e, t) => {
-		if (S((n) => ({
+	} : y, x = n(() => m(g, b.fields), [g, b.fields]), S = n(() => x.values, [x.values]), [C, w] = r(S), [T, E] = r({}), [D, O] = r(/* @__PURE__ */ new Set()), [k, A] = r(!1), [j, M] = r(!1), N = t((e, t) => {
+		if (w((n) => ({
 			...n,
 			[e]: t
-		})), A(!1), y.validateOnChange) {
-			let n = y.fields.find((t) => t.name === e);
+		})), M(!1), b.validateOnChange) {
+			let n = b.fields.find((t) => t.name === e);
 			if (n) {
 				let r = f(t, n);
-				w((t) => ({
+				E((t) => ({
 					...t,
 					[e]: r
 				}));
 			}
 		}
-	}, [y.fields, y.validateOnChange]), M = t((e) => {
-		if (E((t) => new Set(t).add(e)), y.validateOnBlur) {
-			let t = y.fields.find((t) => t.name === e);
+	}, [b.fields, b.validateOnChange]), P = t((e) => {
+		if (O((t) => new Set(t).add(e)), b.validateOnBlur) {
+			let t = b.fields.find((t) => t.name === e);
 			if (t) {
-				let n = f(x[e], t);
-				w((t) => ({
+				let n = f(C[e], t);
+				E((t) => ({
 					...t,
 					[e]: n
 				}));
 			}
 		}
 	}, [
-		y.fields,
-		y.validateOnBlur,
-		x
-	]), N = t(async (t) => {
+		b.fields,
+		b.validateOnBlur,
+		C
+	]), F = t(async (t) => {
 		t.preventDefault();
-		let n = p(x, y.fields);
-		if (w(n), E(new Set(y.fields.map((e) => e.name))), !Object.values(n).some((e) => e !== null)) {
-			O(!0);
+		let n = p(C, b.fields);
+		if (E(n), O(new Set(b.fields.map((e) => e.name))), !Object.values(n).some((e) => e !== null)) {
+			A(!0);
 			try {
 				let t = {
-					...x,
-					_action: y.submitAction || "form_submit",
+					...C,
+					_action: b.submitAction || "form_submit",
 					_widgetId: e.id,
 					_timestamp: (/* @__PURE__ */ new Date()).toISOString()
 				};
-				_ && await _(t), g && g({
+				v && await v(t), _ && _({
 					type: "form_submit",
-					action: y.submitAction || "form_submit",
+					action: b.submitAction || "form_submit",
 					data: t
-				}), A(!0);
+				}), M(!0);
 			} catch {} finally {
-				O(!1);
+				A(!1);
 			}
 		}
 	}, [
-		x,
-		y.fields,
-		y.submitAction,
+		C,
+		b.fields,
+		b.submitAction,
 		e.id,
-		_,
-		g
-	]), P = t(() => {
-		S(b), w({}), E(/* @__PURE__ */ new Set()), A(!1);
-	}, [b]), F = t((e) => {
-		let t = x[e.name], n = !!(T.has(e.name) && C[e.name]), r = {
-			...m.input,
-			...n ? m.inputError : {}
+		v,
+		_
+	]), I = t(() => {
+		w(S), E({}), O(/* @__PURE__ */ new Set()), M(!1);
+	}, [S]), L = t((e) => {
+		let t = C[e.name], n = !!(D.has(e.name) && T[e.name]), r = {
+			...h.input,
+			...n ? h.inputError : {}
 		};
 		switch (e.type) {
 			case "textarea": return /* @__PURE__ */ u("textarea", {
@@ -261,48 +291,51 @@ var m = {
 				value: String(t ?? ""),
 				placeholder: e.placeholder,
 				required: e.required,
-				disabled: e.disabled || D,
+				disabled: e.disabled || k,
 				readOnly: e.readonly,
 				rows: e.rows || 4,
 				style: {
 					...r,
-					...m.textarea
-				},
-				onChange: (t) => j(e.name, t.target.value),
-				onBlur: () => M(e.name)
-			});
-			case "select": return /* @__PURE__ */ d("select", {
-				id: e.name,
-				name: e.name,
-				value: String(t ?? ""),
-				required: e.required,
-				disabled: e.disabled || D,
-				style: {
-					...r,
-					...m.select
+					...h.textarea
 				},
-				onChange: (t) => j(e.name, t.target.value),
-				onBlur: () => M(e.name),
-				children: [/* @__PURE__ */ u("option", {
-					value: "",
-					children: e.placeholder || `Select ${e.label}...`
-				}), e.options?.map((e) => /* @__PURE__ */ u("option", {
-					value: e.value,
-					disabled: e.disabled,
-					children: e.label
-				}, e.value))]
+				onChange: (t) => N(e.name, t.target.value),
+				onBlur: () => P(e.name)
 			});
+			case "select": {
+				let n = x.fieldOptions[e.name] ?? e.options ?? [];
+				return /* @__PURE__ */ d("select", {
+					id: e.name,
+					name: e.name,
+					value: String(t ?? ""),
+					required: e.required,
+					disabled: e.disabled || k,
+					style: {
+						...r,
+						...h.select
+					},
+					onChange: (t) => N(e.name, t.target.value),
+					onBlur: () => P(e.name),
+					children: [/* @__PURE__ */ u("option", {
+						value: "",
+						children: e.placeholder || `Select ${e.label}...`
+					}), n.map((e) => /* @__PURE__ */ u("option", {
+						value: e.value,
+						disabled: e.disabled,
+						children: e.label
+					}, e.value))]
+				});
+			}
 			case "checkbox": return /* @__PURE__ */ d("div", {
-				style: m.checkbox,
+				style: h.checkbox,
 				children: [/* @__PURE__ */ u("input", {
 					type: "checkbox",
 					id: e.name,
 					name: e.name,
 					checked: !!t,
-					disabled: e.disabled || D,
-					style: m.checkboxInput,
-					onChange: (t) => j(e.name, t.target.checked),
-					onBlur: () => M(e.name)
+					disabled: e.disabled || k,
+					style: h.checkboxInput,
+					onChange: (t) => N(e.name, t.target.checked),
+					onBlur: () => P(e.name)
 				}), /* @__PURE__ */ u("label", {
 					htmlFor: e.name,
 					style: {
@@ -318,18 +351,18 @@ var m = {
 					flexDirection: "column",
 					gap: "8px"
 				},
-				children: e.options?.map((n) => /* @__PURE__ */ d("div", {
-					style: m.checkbox,
+				children: (x.fieldOptions[e.name] ?? e.options ?? []).map((n) => /* @__PURE__ */ d("div", {
+					style: h.checkbox,
 					children: [/* @__PURE__ */ u("input", {
 						type: "radio",
 						id: `${e.name}-${n.value}`,
 						name: e.name,
 						value: n.value,
 						checked: t === n.value,
-						disabled: e.disabled || n.disabled || D,
-						style: m.checkboxInput,
-						onChange: (t) => j(e.name, t.target.value),
-						onBlur: () => M(e.name)
+						disabled: e.disabled || n.disabled || k,
+						style: h.checkboxInput,
+						onChange: (t) => N(e.name, t.target.value),
+						onBlur: () => P(e.name)
 					}), /* @__PURE__ */ u("label", {
 						htmlFor: `${e.name}-${n.value}`,
 						style: {
@@ -352,27 +385,28 @@ var m = {
 				value: String(t ?? ""),
 				placeholder: e.placeholder,
 				required: e.required,
-				disabled: e.disabled || D,
+				disabled: e.disabled || k,
 				readOnly: e.readonly,
 				min: e.min,
 				max: e.max,
 				step: e.step,
 				pattern: e.pattern,
 				style: r,
-				onChange: (t) => j(e.name, e.type === "number" ? t.target.valueAsNumber : t.target.value),
-				onBlur: () => M(e.name)
+				onChange: (t) => N(e.name, e.type === "number" ? t.target.valueAsNumber : t.target.value),
+				onBlur: () => P(e.name)
 			});
 		}
 	}, [
-		x,
 		C,
 		T,
 		D,
-		j,
-		M
+		k,
+		N,
+		P,
+		x
 	]);
-	if (y.fields.length === 0) return /* @__PURE__ */ d("div", {
-		style: m.emptyState,
+	if (b.fields.length === 0) return /* @__PURE__ */ d("div", {
+		style: h.emptyState,
 		children: [
 			/* @__PURE__ */ u(l, { style: {
 				width: "48px",
@@ -393,49 +427,49 @@ var m = {
 			})
 		]
 	});
-	let I = y.layout === "grid" ? {
+	let R = b.layout === "grid" ? {
 		display: "grid",
-		gridTemplateColumns: `repeat(${y.columns || 2}, 1fr)`,
+		gridTemplateColumns: `repeat(${b.columns || 2}, 1fr)`,
 		gap: "16px"
 	} : {};
 	return /* @__PURE__ */ d("div", {
-		style: m.container,
+		style: h.container,
 		children: [/* @__PURE__ */ d("form", {
-			onSubmit: N,
+			onSubmit: F,
 			style: {
-				...m.form,
-				...I
+				...h.form,
+				...R
 			},
-			children: [k && y.successMessage && /* @__PURE__ */ d("div", {
+			children: [j && b.successMessage && /* @__PURE__ */ d("div", {
 				style: {
-					...m.successMessage,
+					...h.successMessage,
 					gridColumn: "1 / -1"
 				},
 				children: [/* @__PURE__ */ u(a, { style: {
 					width: "18px",
 					height: "18px"
-				} }), y.successMessage]
-			}), y.fields.map((e) => {
-				if (e.type === "hidden") return F(e);
-				let t = T.has(e.name) ? C[e.name] : null;
+				} }), b.successMessage]
+			}), b.fields.map((e) => {
+				if (e.type === "hidden") return L(e);
+				let t = D.has(e.name) ? T[e.name] : null;
 				return /* @__PURE__ */ d("div", {
-					style: m.fieldWrapper,
+					style: h.fieldWrapper,
 					children: [
 						e.type !== "checkbox" && /* @__PURE__ */ d("label", {
 							htmlFor: e.name,
-							style: m.label,
+							style: h.label,
 							children: [e.label, e.required && /* @__PURE__ */ u("span", {
-								style: m.required,
+								style: h.required,
 								children: "*"
 							})]
 						}),
-						F(e),
+						L(e),
 						e.helpText && !t && /* @__PURE__ */ u("p", {
-							style: m.helpText,
+							style: h.helpText,
 							children: e.helpText
 						}),
 						t && /* @__PURE__ */ d("p", {
-							style: m.errorText,
+							style: h.errorText,
 							children: [/* @__PURE__ */ u(i, { style: {
 								width: "14px",
 								height: "14px"
@@ -445,42 +479,42 @@ var m = {
 				}, e.name);
 			})]
 		}), /* @__PURE__ */ d("div", {
-			style: m.footer,
-			children: [y.showReset !== !1 && /* @__PURE__ */ d("button", {
+			style: h.footer,
+			children: [b.showReset !== !1 && /* @__PURE__ */ d("button", {
 				type: "button",
-				onClick: P,
-				disabled: D,
+				onClick: I,
+				disabled: k,
 				style: {
-					...m.button,
-					...m.resetButton,
-					opacity: D ? .6 : 1
+					...h.button,
+					...h.resetButton,
+					opacity: k ? .6 : 1
 				},
 				children: [/* @__PURE__ */ u(s, { style: {
 					width: "16px",
 					height: "16px"
-				} }), y.resetLabel || "Reset"]
+				} }), b.resetLabel || "Reset"]
 			}), /* @__PURE__ */ d("button", {
 				type: "submit",
-				onClick: N,
-				disabled: D,
+				onClick: F,
+				disabled: k,
 				style: {
-					...m.button,
-					...m.submitButton,
-					opacity: D ? .6 : 1
+					...h.button,
+					...h.submitButton,
+					opacity: k ? .6 : 1
 				},
-				children: [D ? /* @__PURE__ */ u(o, { style: {
+				children: [k ? /* @__PURE__ */ u(o, { style: {
 					width: "16px",
 					height: "16px",
 					animation: "spin 1s linear infinite"
 				} }) : /* @__PURE__ */ u(c, { style: {
 					width: "16px",
 					height: "16px"
-				} }), y.submitLabel || "Submit"]
+				} }), b.submitLabel || "Submit"]
 			})]
 		})]
 	});
 });
 //#endregion
-export { h as default };
+export { g as default, m as normalizeFormData };
 
 //# sourceMappingURL=FormWidget.js.map

package/dist/bigconsole/components/widgets/form/FormWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"sourcesContent":["/**\n * FormWidget Component\n *\n * Interactive form widget for data input with validation and submit actions.\n * v2.0 spec compliant widget type.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport type {\n  Widget,\n  FormConfig as FormConfigType,\n  FormFieldConfig,\n  FormFieldType as FormFieldTypeAlias,\n  FormFieldOption,\n  FormValidationRule,\n} from '../../../types';\nimport { AlertCircle, CheckCircle, Send, RotateCcw, Settings, Loader2 } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type FieldType = FormFieldTypeAlias;\nexport type FormField = FormFieldConfig;\nexport type SelectOption = FormFieldOption;\nexport type ValidationRule = FormValidationRule;\nexport type FormConfig = FormConfigType;\n\nexport interface FormWidgetProps {\n  widget: Widget;\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  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n  onSubmit?: (formData: Record<string, unknown>) => void;\n}\n\ninterface FieldErrors {\n  [fieldName: string]: string | null;\n}\n\n// ============================================================================\n// Validation\n// ============================================================================\n\nfunction validateField(value: unknown, field: FormField): string | null {\n  const strValue = String(value ?? '');\n  const isEmpty = value === null || value === undefined || strValue.trim() === '';\n\n  // Check required\n  if (field.required && isEmpty) {\n    return `${field.label} is required`;\n  }\n\n  // Skip other validations if empty and not required\n  if (isEmpty) return null;\n\n  // Apply validation rules\n  if (field.validation) {\n    for (const rule of field.validation) {\n      switch (rule.type) {\n        case 'required':\n          if (isEmpty) return rule.message;\n          break;\n        case 'minLength':\n          if (strValue.length < Number(rule.value)) return rule.message;\n          break;\n        case 'maxLength':\n          if (strValue.length > Number(rule.value)) return rule.message;\n          break;\n        case 'min':\n          if (Number(value) < Number(rule.value)) return rule.message;\n          break;\n        case 'max':\n          if (Number(value) > Number(rule.value)) return rule.message;\n          break;\n        case 'pattern':\n          if (rule.value && !new RegExp(String(rule.value)).test(strValue)) {\n            return rule.message;\n          }\n          break;\n        case 'email':\n          if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n            return rule.message;\n          }\n          break;\n      }\n    }\n  }\n\n  // Type-specific validation\n  if (field.type === 'email' && !field.validation?.some((r) => r.type === 'email')) {\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n      return 'Please enter a valid email address';\n    }\n  }\n\n  if (field.type === 'url') {\n    try {\n      new URL(strValue);\n    } catch {\n      return 'Please enter a valid URL';\n    }\n  }\n\n  if (field.type === 'number') {\n    if (isNaN(Number(value))) {\n      return 'Please enter a valid number';\n    }\n    if (field.min !== undefined && Number(value) < Number(field.min)) {\n      return `Value must be at least ${field.min}`;\n    }\n    if (field.max !== undefined && Number(value) > Number(field.max)) {\n      return `Value must be at most ${field.max}`;\n    }\n  }\n\n  return null;\n}\n\nfunction validateForm(values: Record<string, unknown>, fields: FormField[]): FieldErrors {\n  const errors: FieldErrors = {};\n  for (const field of fields) {\n    const error = validateField(values[field.name], field);\n    if (error) {\n      errors[field.name] = error;\n    }\n  }\n  return errors;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    height: '100%',\n    overflow: 'hidden',\n  },\n  form: {\n    flex: 1,\n    overflow: 'auto',\n    padding: '16px',\n  },\n  fieldWrapper: {\n    marginBottom: '16px',\n  },\n  label: {\n    display: 'block',\n    fontSize: '13px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    marginBottom: '6px',\n  },\n  required: {\n    color: 'var(--color-status-error-text)',\n    marginLeft: '2px',\n  },\n  input: {\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: '14px',\n    border: '1px solid var(--color-border-default)',\n    borderRadius: '6px',\n    backgroundColor: 'var(--color-bg-surface)',\n    transition: 'border-color 0.15s, box-shadow 0.15s',\n    outline: 'none',\n  },\n  inputError: {\n    borderColor: 'var(--color-status-error-border)',\n  },\n  inputFocus: {\n    borderColor: 'var(--color-border-focus)',\n    boxShadow: 'var(--shadow-focus)',\n  },\n  textarea: {\n    resize: 'vertical' as const,\n    minHeight: '80px',\n  },\n  select: {\n    appearance: 'none' as const,\n    backgroundImage: `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")`,\n    backgroundPosition: 'right 8px center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '20px',\n    paddingRight: '36px',\n  },\n  checkbox: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  checkboxInput: {\n    width: '16px',\n    height: '16px',\n    cursor: 'pointer',\n  },\n  helpText: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n    marginTop: '4px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'var(--color-status-error-text)',\n    marginTop: '4px',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n  },\n  footer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: '12px',\n    padding: '12px 16px',\n    borderTop: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-subtle)',\n  },\n  button: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'all 0.15s',\n    border: 'none',\n  },\n  submitButton: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-text-inverse)',\n  },\n  resetButton: {\n    backgroundColor: 'var(--color-bg-surface)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-default)',\n  },\n  successMessage: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '12px 16px',\n    backgroundColor: 'var(--color-status-success-bgSubtle)',\n    border: '1px solid var(--color-status-success-border)',\n    borderRadius: '6px',\n    marginBottom: '16px',\n    color: 'var(--color-status-success-text)',\n    fontSize: '14px',\n  },\n  emptyState: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    padding: '32px',\n    color: 'var(--color-text-muted)',\n    textAlign: 'center' as const,\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const FormWidget: FC<FormWidgetProps> = memo(function FormWidget({ widget, data = {}, onDrilldown, onSubmit }) {\n  const defaultConfig: FormConfig = {\n    fields: [],\n    layout: 'vertical',\n    submitLabel: 'Submit',\n    showReset: true,\n    validateOnBlur: true,\n    validateOnChange: false,\n  };\n  const config: FormConfig = widget.config\n    ? { ...defaultConfig, ...(widget.config as Partial<FormConfig>) }\n    : defaultConfig;\n\n  // Initialize form values from default values or data\n  const initialValues = useMemo(() => {\n    const values: Record<string, unknown> = {};\n    for (const field of config.fields) {\n      values[field.name] = data[field.name] ?? field.defaultValue ?? (field.type === 'checkbox' ? false : '');\n    }\n    return values;\n  }, [config.fields, data]);\n\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors>({});\n  const [touched, setTouched] = useState<Set<string>>(new Set());\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  // Handle field change\n  const handleChange = useCallback(\n    (fieldName: string, value: unknown) => {\n      setValues((prev) => ({ ...prev, [fieldName]: value }));\n      setSubmitSuccess(false);\n\n      if (config.validateOnChange) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(value, field);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnChange]\n  );\n\n  // Handle field blur\n  const handleBlur = useCallback(\n    (fieldName: string) => {\n      setTouched((prev) => new Set(prev).add(fieldName));\n\n      if (config.validateOnBlur) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(values[fieldName], field);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnBlur, values]\n  );\n\n  // Handle form submit\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n\n      // Validate all fields\n      const allErrors = validateForm(values, config.fields);\n      setErrors(allErrors);\n      setTouched(new Set(config.fields.map((f) => f.name)));\n\n      // Check if there are errors\n      const hasErrors = Object.values(allErrors).some((e) => e !== null);\n      if (hasErrors) {\n        return;\n      }\n\n      setIsSubmitting(true);\n\n      try {\n        // Emit form submit event via onDrilldown or onSubmit\n        const formData = {\n          ...values,\n          _action: config.submitAction || 'form_submit',\n          _widgetId: widget.id,\n          _timestamp: new Date().toISOString(),\n        };\n\n        if (onSubmit) {\n          await onSubmit(formData);\n        }\n\n        if (onDrilldown) {\n          onDrilldown({\n            type: 'form_submit',\n            action: config.submitAction || 'form_submit',\n            data: formData,\n          });\n        }\n\n        setSubmitSuccess(true);\n      } catch (error) {\n      } finally {\n        setIsSubmitting(false);\n      }\n    },\n    [values, config.fields, config.submitAction, widget.id, onSubmit, onDrilldown]\n  );\n\n  // Handle form reset\n  const handleReset = useCallback(() => {\n    setValues(initialValues);\n    setErrors({});\n    setTouched(new Set());\n    setSubmitSuccess(false);\n  }, [initialValues]);\n\n  // Render a field\n  const renderField = useCallback(\n    (field: FormField) => {\n      const value = values[field.name];\n      const error = touched.has(field.name) ? errors[field.name] : null;\n      const hasError = Boolean(error);\n\n      const inputStyle = {\n        ...styles.input,\n        ...(hasError ? styles.inputError : {}),\n      };\n\n      switch (field.type) {\n        case 'textarea':\n          return (\n            <textarea\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              rows={field.rows || 4}\n              style={{ ...inputStyle, ...styles.textarea }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n\n        case 'select':\n          return (\n            <select\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              style={{ ...inputStyle, ...styles.select }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            >\n              <option value=\"\">{field.placeholder || `Select ${field.label}...`}</option>\n              {field.options?.map((opt) => (\n                <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          );\n\n        case 'checkbox':\n          return (\n            <div style={styles.checkbox}>\n              <input\n                type=\"checkbox\"\n                id={field.name}\n                name={field.name}\n                checked={Boolean(value)}\n                disabled={field.disabled || isSubmitting}\n                style={styles.checkboxInput}\n                onChange={(e) => handleChange(field.name, e.target.checked)}\n                onBlur={() => handleBlur(field.name)}\n              />\n              <label htmlFor={field.name} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                {field.label}\n              </label>\n            </div>\n          );\n\n        case 'radio':\n          return (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n              {field.options?.map((opt) => (\n                <div key={opt.value} style={styles.checkbox}>\n                  <input\n                    type=\"radio\"\n                    id={`${field.name}-${opt.value}`}\n                    name={field.name}\n                    value={opt.value}\n                    checked={value === opt.value}\n                    disabled={field.disabled || opt.disabled || isSubmitting}\n                    style={styles.checkboxInput}\n                    onChange={(e) => handleChange(field.name, e.target.value)}\n                    onBlur={() => handleBlur(field.name)}\n                  />\n                  <label htmlFor={`${field.name}-${opt.value}`} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                    {opt.label}\n                  </label>\n                </div>\n              ))}\n            </div>\n          );\n\n        case 'hidden':\n          return <input type=\"hidden\" name={field.name} value={String(value ?? '')} />;\n\n        default:\n          return (\n            <input\n              type={field.type}\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              min={field.min}\n              max={field.max}\n              step={field.step}\n              pattern={field.pattern}\n              style={inputStyle}\n              onChange={(e) =>\n                handleChange(field.name, field.type === 'number' ? e.target.valueAsNumber : e.target.value)\n              }\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n      }\n    },\n    [values, errors, touched, isSubmitting, handleChange, handleBlur]\n  );\n\n  // Empty state\n  if (config.fields.length === 0) {\n    return (\n      <div style={styles.emptyState}>\n        <Settings style={{ width: '48px', height: '48px', marginBottom: '16px', opacity: 0.5 }} />\n        <p style={{ fontSize: '14px' }}>Configure Form Fields</p>\n        <p style={{ fontSize: '12px', marginTop: '4px' }}>Add fields in widget settings to create your form</p>\n      </div>\n    );\n  }\n\n  // Grid layout styles\n  const gridStyle =\n    config.layout === 'grid'\n      ? {\n          display: 'grid',\n          gridTemplateColumns: `repeat(${config.columns || 2}, 1fr)`,\n          gap: '16px',\n        }\n      : {};\n\n  return (\n    <div style={styles.container}>\n      <form onSubmit={handleSubmit} style={{ ...styles.form, ...gridStyle }}>\n        {/* Success message */}\n        {submitSuccess && config.successMessage && (\n          <div style={{ ...styles.successMessage, gridColumn: '1 / -1' }}>\n            <CheckCircle style={{ width: '18px', height: '18px' }} />\n            {config.successMessage}\n          </div>\n        )}\n\n        {/* Form fields */}\n        {config.fields.map((field) => {\n          if (field.type === 'hidden') {\n            return renderField(field);\n          }\n\n          const error = touched.has(field.name) ? errors[field.name] : null;\n\n          return (\n            <div key={field.name} style={styles.fieldWrapper}>\n              {field.type !== 'checkbox' && (\n                <label htmlFor={field.name} style={styles.label}>\n                  {field.label}\n                  {field.required && <span style={styles.required}>*</span>}\n                </label>\n              )}\n\n              {renderField(field)}\n\n              {field.helpText && !error && <p style={styles.helpText}>{field.helpText}</p>}\n\n              {error && (\n                <p style={styles.errorText}>\n                  <AlertCircle style={{ width: '14px', height: '14px' }} />\n                  {error}\n                </p>\n              )}\n            </div>\n          );\n        })}\n      </form>\n\n      {/* Footer with buttons */}\n      <div style={styles.footer}>\n        {config.showReset !== false && (\n          <button\n            type=\"button\"\n            onClick={handleReset}\n            disabled={isSubmitting}\n            style={{\n              ...styles.button,\n              ...styles.resetButton,\n              opacity: isSubmitting ? 0.6 : 1,\n            }}\n          >\n            <RotateCcw style={{ width: '16px', height: '16px' }} />\n            {config.resetLabel || 'Reset'}\n          </button>\n        )}\n\n        <button\n          type=\"submit\"\n          onClick={handleSubmit}\n          disabled={isSubmitting}\n          style={{\n            ...styles.button,\n            ...styles.submitButton,\n            opacity: isSubmitting ? 0.6 : 1,\n          }}\n        >\n          {isSubmitting ? (\n            <Loader2 style={{ width: '16px', height: '16px', animation: 'spin 1s linear infinite' }} />\n          ) : (\n            <Send style={{ width: '16px', height: '16px' }} />\n          )}\n          {config.submitLabel || 'Submit'}\n        </button>\n      </div>\n    </div>\n  );\n});\n\nexport default FormWidget;\n"],"mappings":"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"}
+{"version":3,"file":"FormWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"sourcesContent":["/**\n * FormWidget Component\n *\n * Interactive form widget for data input with validation and submit actions.\n * v2.0 spec compliant widget type.\n */\n\nimport { type FC, memo, useState, useCallback, useMemo } from 'react';\nimport type {\n  Widget,\n  FormConfig as FormConfigType,\n  FormFieldConfig,\n  FormFieldType as FormFieldTypeAlias,\n  FormFieldOption,\n  FormValidationRule,\n} from '../../../types';\nimport { AlertCircle, CheckCircle, Send, RotateCcw, Settings, Loader2 } from 'lucide-react';\n\n// ============================================================================\n// Types\n// ============================================================================\n\n// Re-export types from main types file\nexport type FieldType = FormFieldTypeAlias;\nexport type FormField = FormFieldConfig;\nexport type SelectOption = FormFieldOption;\nexport type ValidationRule = FormValidationRule;\nexport type FormConfig = FormConfigType;\n\nexport interface FormWidgetProps {\n  widget: Widget;\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  onDrilldown?: (selectedData: Record<string, unknown>) => void;\n  onSubmit?: (formData: Record<string, unknown>) => void;\n}\n\ninterface FieldErrors {\n  [fieldName: string]: string | null;\n}\n\n// ============================================================================\n// Validation\n// ============================================================================\n\nfunction validateField(value: unknown, field: FormField): string | null {\n  const strValue = String(value ?? '');\n  const isEmpty = value === null || value === undefined || strValue.trim() === '';\n\n  // Check required\n  if (field.required && isEmpty) {\n    return `${field.label} is required`;\n  }\n\n  // Skip other validations if empty and not required\n  if (isEmpty) return null;\n\n  // Apply validation rules\n  if (field.validation) {\n    for (const rule of field.validation) {\n      switch (rule.type) {\n        case 'required':\n          if (isEmpty) return rule.message;\n          break;\n        case 'minLength':\n          if (strValue.length < Number(rule.value)) return rule.message;\n          break;\n        case 'maxLength':\n          if (strValue.length > Number(rule.value)) return rule.message;\n          break;\n        case 'min':\n          if (Number(value) < Number(rule.value)) return rule.message;\n          break;\n        case 'max':\n          if (Number(value) > Number(rule.value)) return rule.message;\n          break;\n        case 'pattern':\n          if (rule.value && !new RegExp(String(rule.value)).test(strValue)) {\n            return rule.message;\n          }\n          break;\n        case 'email':\n          if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n            return rule.message;\n          }\n          break;\n      }\n    }\n  }\n\n  // Type-specific validation\n  if (field.type === 'email' && !field.validation?.some((r) => r.type === 'email')) {\n    if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(strValue)) {\n      return 'Please enter a valid email address';\n    }\n  }\n\n  if (field.type === 'url') {\n    try {\n      new URL(strValue);\n    } catch {\n      return 'Please enter a valid URL';\n    }\n  }\n\n  if (field.type === 'number') {\n    if (isNaN(Number(value))) {\n      return 'Please enter a valid number';\n    }\n    if (field.min !== undefined && Number(value) < Number(field.min)) {\n      return `Value must be at least ${field.min}`;\n    }\n    if (field.max !== undefined && Number(value) > Number(field.max)) {\n      return `Value must be at most ${field.max}`;\n    }\n  }\n\n  return null;\n}\n\nfunction validateForm(values: Record<string, unknown>, fields: FormField[]): FieldErrors {\n  const errors: FieldErrors = {};\n  for (const field of fields) {\n    const error = validateField(values[field.name], field);\n    if (error) {\n      errors[field.name] = error;\n    }\n  }\n  return errors;\n}\n\n// ============================================================================\n// Data normalisation (DataSink -> Parser -> Widget)\n// ============================================================================\n\nexport interface NormalizedFormData {\n  /** Resolved initial values keyed by field name. */\n  values: Record<string, unknown>;\n  /** Dynamic options keyed by field name (select / radio only). */\n  fieldOptions: Record<string, FormFieldOption[]>;\n}\n\n/**\n * Normalise parser output into the shape the FormWidget expects.\n *\n * The parser can emit one of three shapes:\n *  1. `{ values: { fieldName: value }, options: { fieldName: [...] } }` — explicit\n *     envelope. Values populate field defaults; options replace select/radio options.\n *  2. `{ fieldName: value, ... }` — flat object. Each key is treated as a field value.\n *  3. `{ questions: [...] }` or `{ fields: [...] }` — not consumed by the renderer;\n *     the widget config owns the field schema. Values are extracted when the keys match.\n *\n * Config-defined `defaultValue` is the final fallback for any missing value.\n */\nexport function normalizeFormData(data: Record<string, unknown> | undefined, fields: FormField[]): NormalizedFormData {\n  const values: Record<string, unknown> = {};\n  const fieldOptions: Record<string, FormFieldOption[]> = {};\n\n  if (!data || typeof data !== 'object' || Array.isArray(data)) {\n    for (const field of fields) {\n      values[field.name] = field.defaultValue ?? (field.type === 'checkbox' ? false : '');\n    }\n    return { values, fieldOptions };\n  }\n\n  const explicitValues =\n    data.values && typeof data.values === 'object' && !Array.isArray(data.values)\n      ? (data.values as Record<string, unknown>)\n      : undefined;\n\n  const explicitOptions =\n    data.options && typeof data.options === 'object' && !Array.isArray(data.options)\n      ? (data.options as Record<string, unknown>)\n      : undefined;\n\n  for (const field of fields) {\n    // Resolve value: explicit envelope > flat data key > config default\n    let value: unknown = explicitValues?.[field.name] ?? data[field.name] ?? field.defaultValue;\n\n    // Normalise checkbox default to boolean\n    if (field.type === 'checkbox' && value === undefined) {\n      value = false;\n    }\n    values[field.name] = value ?? '';\n\n    // Resolve dynamic options for select / radio\n    if (field.type === 'select' || field.type === 'radio') {\n      const rawOptions = explicitOptions?.[field.name] ?? data[`${field.name}Options`];\n      if (Array.isArray(rawOptions)) {\n        fieldOptions[field.name] = rawOptions\n          .map((opt) => {\n            if (opt && typeof opt === 'object') {\n              const o = opt as Record<string, unknown>;\n              const normalized: FormFieldOption = {\n                value: String(o.value ?? o.id ?? o.key ?? ''),\n                label: String(o.label ?? o.name ?? o.text ?? o.value ?? o.id ?? o.key ?? ''),\n              };\n              if (o.disabled === true) {\n                normalized.disabled = true;\n              }\n              return normalized;\n            }\n            if (typeof opt === 'string' || typeof opt === 'number') {\n              return { value: String(opt), label: String(opt) };\n            }\n            return null;\n          })\n          .filter((opt): opt is FormFieldOption => opt !== null);\n      }\n    }\n  }\n\n  return { values, fieldOptions };\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    height: '100%',\n    overflow: 'hidden',\n  },\n  form: {\n    flex: 1,\n    overflow: 'auto',\n    padding: '16px',\n  },\n  fieldWrapper: {\n    marginBottom: '16px',\n  },\n  label: {\n    display: 'block',\n    fontSize: '13px',\n    fontWeight: 500,\n    color: 'var(--color-text-primary)',\n    marginBottom: '6px',\n  },\n  required: {\n    color: 'var(--color-status-error-text)',\n    marginLeft: '2px',\n  },\n  input: {\n    width: '100%',\n    padding: '8px 12px',\n    fontSize: '14px',\n    border: '1px solid var(--color-border-default)',\n    borderRadius: '6px',\n    backgroundColor: 'var(--color-bg-surface)',\n    transition: 'border-color 0.15s, box-shadow 0.15s',\n    outline: 'none',\n  },\n  inputError: {\n    borderColor: 'var(--color-status-error-border)',\n  },\n  inputFocus: {\n    borderColor: 'var(--color-border-focus)',\n    boxShadow: 'var(--shadow-focus)',\n  },\n  textarea: {\n    resize: 'vertical' as const,\n    minHeight: '80px',\n  },\n  select: {\n    appearance: 'none' as const,\n    backgroundImage: `url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e\")`,\n    backgroundPosition: 'right 8px center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: '20px',\n    paddingRight: '36px',\n  },\n  checkbox: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n  },\n  checkboxInput: {\n    width: '16px',\n    height: '16px',\n    cursor: 'pointer',\n  },\n  helpText: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n    marginTop: '4px',\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'var(--color-status-error-text)',\n    marginTop: '4px',\n    display: 'flex',\n    alignItems: 'center',\n    gap: '4px',\n  },\n  footer: {\n    display: 'flex',\n    justifyContent: 'flex-end',\n    gap: '12px',\n    padding: '12px 16px',\n    borderTop: '1px solid var(--color-border-subtle)',\n    backgroundColor: 'var(--color-bg-subtle)',\n  },\n  button: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '8px 16px',\n    fontSize: '14px',\n    fontWeight: 500,\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'all 0.15s',\n    border: 'none',\n  },\n  submitButton: {\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-text-inverse)',\n  },\n  resetButton: {\n    backgroundColor: 'var(--color-bg-surface)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-default)',\n  },\n  successMessage: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '8px',\n    padding: '12px 16px',\n    backgroundColor: 'var(--color-status-success-bgSubtle)',\n    border: '1px solid var(--color-status-success-border)',\n    borderRadius: '6px',\n    marginBottom: '16px',\n    color: 'var(--color-status-success-text)',\n    fontSize: '14px',\n  },\n  emptyState: {\n    display: 'flex',\n    flexDirection: 'column' as const,\n    alignItems: 'center',\n    justifyContent: 'center',\n    height: '100%',\n    padding: '32px',\n    color: 'var(--color-text-muted)',\n    textAlign: 'center' as const,\n  },\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const FormWidget: FC<FormWidgetProps> = memo(function FormWidget({ widget, data = {}, onDrilldown, onSubmit }) {\n  const defaultConfig: FormConfig = {\n    fields: [],\n    layout: 'vertical',\n    submitLabel: 'Submit',\n    showReset: true,\n    validateOnBlur: true,\n    validateOnChange: false,\n  };\n  const config: FormConfig = widget.config\n    ? { ...defaultConfig, ...(widget.config as Partial<FormConfig>) }\n    : defaultConfig;\n\n  // Resolve parser-driven values and dynamic options for data-driven fields\n  const normalized = useMemo(() => normalizeFormData(data, config.fields), [data, config.fields]);\n\n  // Initialize form values from normalised parser output or config defaults\n  const initialValues = useMemo(() => {\n    return normalized.values;\n  }, [normalized.values]);\n\n  const [values, setValues] = useState<Record<string, unknown>>(initialValues);\n  const [errors, setErrors] = useState<FieldErrors>({});\n  const [touched, setTouched] = useState<Set<string>>(new Set());\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [submitSuccess, setSubmitSuccess] = useState(false);\n\n  // Handle field change\n  const handleChange = useCallback(\n    (fieldName: string, value: unknown) => {\n      setValues((prev) => ({ ...prev, [fieldName]: value }));\n      setSubmitSuccess(false);\n\n      if (config.validateOnChange) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(value, field);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnChange]\n  );\n\n  // Handle field blur\n  const handleBlur = useCallback(\n    (fieldName: string) => {\n      setTouched((prev) => new Set(prev).add(fieldName));\n\n      if (config.validateOnBlur) {\n        const field = config.fields.find((f) => f.name === fieldName);\n        if (field) {\n          const error = validateField(values[fieldName], field);\n          setErrors((prev) => ({ ...prev, [fieldName]: error }));\n        }\n      }\n    },\n    [config.fields, config.validateOnBlur, values]\n  );\n\n  // Handle form submit\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n\n      // Validate all fields\n      const allErrors = validateForm(values, config.fields);\n      setErrors(allErrors);\n      setTouched(new Set(config.fields.map((f) => f.name)));\n\n      // Check if there are errors\n      const hasErrors = Object.values(allErrors).some((e) => e !== null);\n      if (hasErrors) {\n        return;\n      }\n\n      setIsSubmitting(true);\n\n      try {\n        // Emit form submit event via onDrilldown or onSubmit\n        const formData = {\n          ...values,\n          _action: config.submitAction || 'form_submit',\n          _widgetId: widget.id,\n          _timestamp: new Date().toISOString(),\n        };\n\n        if (onSubmit) {\n          await onSubmit(formData);\n        }\n\n        if (onDrilldown) {\n          onDrilldown({\n            type: 'form_submit',\n            action: config.submitAction || 'form_submit',\n            data: formData,\n          });\n        }\n\n        setSubmitSuccess(true);\n      } catch (error) {\n      } finally {\n        setIsSubmitting(false);\n      }\n    },\n    [values, config.fields, config.submitAction, widget.id, onSubmit, onDrilldown]\n  );\n\n  // Handle form reset\n  const handleReset = useCallback(() => {\n    setValues(initialValues);\n    setErrors({});\n    setTouched(new Set());\n    setSubmitSuccess(false);\n  }, [initialValues]);\n\n  // Render a field\n  const renderField = useCallback(\n    (field: FormField) => {\n      const value = values[field.name];\n      const error = touched.has(field.name) ? errors[field.name] : null;\n      const hasError = Boolean(error);\n\n      const inputStyle = {\n        ...styles.input,\n        ...(hasError ? styles.inputError : {}),\n      };\n\n      switch (field.type) {\n        case 'textarea':\n          return (\n            <textarea\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              rows={field.rows || 4}\n              style={{ ...inputStyle, ...styles.textarea }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n\n        case 'select': {\n          const selectOptions = normalized.fieldOptions[field.name] ?? field.options ?? [];\n          return (\n            <select\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              style={{ ...inputStyle, ...styles.select }}\n              onChange={(e) => handleChange(field.name, e.target.value)}\n              onBlur={() => handleBlur(field.name)}\n            >\n              <option value=\"\">{field.placeholder || `Select ${field.label}...`}</option>\n              {selectOptions.map((opt) => (\n                <option key={opt.value} value={opt.value} disabled={opt.disabled}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          );\n        }\n\n        case 'checkbox':\n          return (\n            <div style={styles.checkbox}>\n              <input\n                type=\"checkbox\"\n                id={field.name}\n                name={field.name}\n                checked={Boolean(value)}\n                disabled={field.disabled || isSubmitting}\n                style={styles.checkboxInput}\n                onChange={(e) => handleChange(field.name, e.target.checked)}\n                onBlur={() => handleBlur(field.name)}\n              />\n              <label htmlFor={field.name} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                {field.label}\n              </label>\n            </div>\n          );\n\n        case 'radio': {\n          const radioOptions = normalized.fieldOptions[field.name] ?? field.options ?? [];\n          return (\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '8px' }}>\n              {radioOptions.map((opt) => (\n                <div key={opt.value} style={styles.checkbox}>\n                  <input\n                    type=\"radio\"\n                    id={`${field.name}-${opt.value}`}\n                    name={field.name}\n                    value={opt.value}\n                    checked={value === opt.value}\n                    disabled={field.disabled || opt.disabled || isSubmitting}\n                    style={styles.checkboxInput}\n                    onChange={(e) => handleChange(field.name, e.target.value)}\n                    onBlur={() => handleBlur(field.name)}\n                  />\n                  <label htmlFor={`${field.name}-${opt.value}`} style={{ fontSize: '14px', cursor: 'pointer' }}>\n                    {opt.label}\n                  </label>\n                </div>\n              ))}\n            </div>\n          );\n        }\n\n        case 'hidden':\n          return <input type=\"hidden\" name={field.name} value={String(value ?? '')} />;\n\n        default:\n          return (\n            <input\n              type={field.type}\n              id={field.name}\n              name={field.name}\n              value={String(value ?? '')}\n              placeholder={field.placeholder}\n              required={field.required}\n              disabled={field.disabled || isSubmitting}\n              readOnly={field.readonly}\n              min={field.min}\n              max={field.max}\n              step={field.step}\n              pattern={field.pattern}\n              style={inputStyle}\n              onChange={(e) =>\n                handleChange(field.name, field.type === 'number' ? e.target.valueAsNumber : e.target.value)\n              }\n              onBlur={() => handleBlur(field.name)}\n            />\n          );\n      }\n    },\n    [values, errors, touched, isSubmitting, handleChange, handleBlur, normalized]\n  );\n\n  // Empty state\n  if (config.fields.length === 0) {\n    return (\n      <div style={styles.emptyState}>\n        <Settings style={{ width: '48px', height: '48px', marginBottom: '16px', opacity: 0.5 }} />\n        <p style={{ fontSize: '14px' }}>Configure Form Fields</p>\n        <p style={{ fontSize: '12px', marginTop: '4px' }}>Add fields in widget settings to create your form</p>\n      </div>\n    );\n  }\n\n  // Grid layout styles\n  const gridStyle =\n    config.layout === 'grid'\n      ? {\n          display: 'grid',\n          gridTemplateColumns: `repeat(${config.columns || 2}, 1fr)`,\n          gap: '16px',\n        }\n      : {};\n\n  return (\n    <div style={styles.container}>\n      <form onSubmit={handleSubmit} style={{ ...styles.form, ...gridStyle }}>\n        {/* Success message */}\n        {submitSuccess && config.successMessage && (\n          <div style={{ ...styles.successMessage, gridColumn: '1 / -1' }}>\n            <CheckCircle style={{ width: '18px', height: '18px' }} />\n            {config.successMessage}\n          </div>\n        )}\n\n        {/* Form fields */}\n        {config.fields.map((field) => {\n          if (field.type === 'hidden') {\n            return renderField(field);\n          }\n\n          const error = touched.has(field.name) ? errors[field.name] : null;\n\n          return (\n            <div key={field.name} style={styles.fieldWrapper}>\n              {field.type !== 'checkbox' && (\n                <label htmlFor={field.name} style={styles.label}>\n                  {field.label}\n                  {field.required && <span style={styles.required}>*</span>}\n                </label>\n              )}\n\n              {renderField(field)}\n\n              {field.helpText && !error && <p style={styles.helpText}>{field.helpText}</p>}\n\n              {error && (\n                <p style={styles.errorText}>\n                  <AlertCircle style={{ width: '14px', height: '14px' }} />\n                  {error}\n                </p>\n              )}\n            </div>\n          );\n        })}\n      </form>\n\n      {/* Footer with buttons */}\n      <div style={styles.footer}>\n        {config.showReset !== false && (\n          <button\n            type=\"button\"\n            onClick={handleReset}\n            disabled={isSubmitting}\n            style={{\n              ...styles.button,\n              ...styles.resetButton,\n              opacity: isSubmitting ? 0.6 : 1,\n            }}\n          >\n            <RotateCcw style={{ width: '16px', height: '16px' }} />\n            {config.resetLabel || 'Reset'}\n          </button>\n        )}\n\n        <button\n          type=\"submit\"\n          onClick={handleSubmit}\n          disabled={isSubmitting}\n          style={{\n            ...styles.button,\n            ...styles.submitButton,\n            opacity: isSubmitting ? 0.6 : 1,\n          }}\n        >\n          {isSubmitting ? (\n            <Loader2 style={{ width: '16px', height: '16px', animation: 'spin 1s linear infinite' }} />\n          ) : (\n            <Send style={{ width: '16px', height: '16px' }} />\n          )}\n          {config.submitLabel || 'Submit'}\n        </button>\n      </div>\n    </div>\n  );\n});\n\nexport default FormWidget;\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import e from "./FormWidget.js";
-export { e as FormWidget, e as default };
+import e, { normalizeFormData as t } from "./FormWidget.js";
+export { e as FormWidget, e as default, t as normalizeFormData };

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

@@ -16,6 +16,8 @@ import "./chart/ChartWidget.js";
 import "./chart/index.js";
 import "./custom/CustomWidget.js";
 import "./custom/index.js";
+import "./form/FormWidget.js";
+import "./form/index.js";
 import "./gauge/GaugeWidget.js";
 import "./gauge/index.js";
 import "./heatmap/HeatmapWidget.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@burdenoff/microfe-bigconsole",
-  "version": "2026.804.1",
+  "version": "2026.804.2",
   "description": "BigConsole - AI-powered analytics and dashboard platform",
   "type": "module",
   "files": [