@burdenoff/microfe-bigconsole 2026.622.1 → 2026.624.2

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 { getWidgetDefinition } from './WidgetRegistry';\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';\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\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 hasDataSource =\n    !!(widget as unknown as Record<string, unknown>).dataSinkId ||\n    !!(widget as unknown as Record<string, unknown>).datasetId ||\n    !!(widget as unknown as Record<string, unknown>).parserId;\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            // 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]\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  // 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  // Determine if data is empty\n  const isEmpty = !isLoading && !error && !widgetData && !hasRenderableCustomWidgetConfig;\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: convert parsed object data to {content, format} shape\n      if (widget.type === 'text') {\n        if (widgetData && typeof widgetData === 'object' && !('content' in (widgetData as Record<string, unknown>))) {\n          // Auto-format parsed data as markdown content\n          const obj = widgetData as Record<string, unknown>;\n          const lines: string[] = [];\n          for (const [key, val] of Object.entries(obj)) {\n            if (val && typeof val === 'object' && !Array.isArray(val)) {\n              lines.push(`### ${key}`);\n              for (const [k2, v2] of Object.entries(val as Record<string, unknown>)) {\n                lines.push(`- **${k2}:** ${v2}`);\n              }\n            } else if (Array.isArray(val)) {\n              lines.push(`### ${key}`);\n              val.slice(0, 10).forEach((item: unknown) => {\n                if (item && typeof item === 'object') {\n                  const entries = Object.entries(item as Record<string, unknown>);\n                  lines.push(`- ${entries.map(([k, v]) => `**${k}:** ${v}`).join(' | ')}`);\n                } else {\n                  lines.push(`- ${item}`);\n                }\n              });\n            } else {\n              lines.push(`- **${key}:** ${val}`);\n            }\n          }\n          return { content: lines.join('\\n'), format: 'markdown' };\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\n        | 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={\n            !!(widget as unknown as Record<string, unknown>).parserId ||\n            !!(widget as unknown as Record<string, unknown>).dataSinkId\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 = `${widget.parserId ?? ''}|${widget.dataSinkId ?? ''}|${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        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-muted\" 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 { 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';\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 hasDataSource =\n    !!(widget as unknown as Record<string, unknown>).dataSinkId ||\n    !!(widget as unknown as Record<string, unknown>).datasetId ||\n    !!(widget as unknown as Record<string, unknown>).parserId;\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  // 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  // Determine if data is empty\n  const isEmpty = !isLoading && !error && !widgetData && !hasRenderableCustomWidgetConfig;\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: convert parsed object data to {content, format} shape\n      if (widget.type === 'text') {\n        if (widgetData && typeof widgetData === 'object' && !('content' in (widgetData as Record<string, unknown>))) {\n          // Auto-format parsed data as markdown content\n          const obj = widgetData as Record<string, unknown>;\n          const lines: string[] = [];\n          for (const [key, val] of Object.entries(obj)) {\n            if (val && typeof val === 'object' && !Array.isArray(val)) {\n              lines.push(`### ${key}`);\n              for (const [k2, v2] of Object.entries(val as Record<string, unknown>)) {\n                lines.push(`- **${k2}:** ${v2}`);\n              }\n            } else if (Array.isArray(val)) {\n              lines.push(`### ${key}`);\n              val.slice(0, 10).forEach((item: unknown) => {\n                if (item && typeof item === 'object') {\n                  const entries = Object.entries(item as Record<string, unknown>);\n                  lines.push(`- ${entries.map(([k, v]) => `**${k}:** ${v}`).join(' | ')}`);\n                } else {\n                  lines.push(`- ${item}`);\n                }\n              });\n            } else {\n              lines.push(`- **${key}:** ${val}`);\n            }\n          }\n          return { content: lines.join('\\n'), format: 'markdown' };\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\n        | 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={\n            !!(widget as unknown as Record<string, unknown>).parserId ||\n            !!(widget as unknown as Record<string, unknown>).dataSinkId\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 = `${widget.parserId ?? ''}|${widget.dataSinkId ?? ''}|${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        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/calendar/CalendarWidget.js

@@ -70,7 +70,7 @@ var i = e(function({ widget: e, data: i, onClick: a }) {
 										]
 									}),
 									e.category && /* @__PURE__ */ n("span", {
-										className: "inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-muted text-text-secondary",
+										className: "inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary",
 										children: e.category
 									})
 								]

package/dist/bigconsole/components/widgets/calendar/CalendarWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/calendar/CalendarWidget.tsx"],"sourcesContent":["/**\n * CalendarWidget Component\n *\n * Simple calendar view showing events.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CalendarWidgetProps {\n  widget: Widget;\n  data?: CalendarData;\n  onClick?: (event: CalendarEvent) => void;\n}\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n  allDay?: boolean;\n  category?: string;\n}\n\nexport interface CalendarData {\n  events?: CalendarEvent[];\n  currentDate?: string;\n  view?: 'month' | 'week' | 'day';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CalendarWidget: FC<CalendarWidgetProps> = memo(function CalendarWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const events = useMemo(() => data?.events || [], [data?.events]);\n\n  // Get upcoming events (next 7 days)\n  const upcomingEvents = useMemo(() => {\n    const now = new Date();\n    const weekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n    return events\n      .filter((e) => {\n        const eventDate = new Date(e.start);\n        return eventDate >= now && eventDate <= weekFromNow;\n      })\n      .sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime())\n      .slice(0, 8);\n  }, [events]);\n\n  if (!events.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          <p>No events to display</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Upcoming Events</h3>\n        <span className=\"text-xs text-text-secondary\">{events.length} events</span>\n      </div>\n\n      {/* Event List */}\n      <div className=\"flex-1 space-y-2 overflow-auto\">\n        {upcomingEvents.map((event) => {\n          const eventDate = new Date(event.start);\n          const isToday = eventDate.toDateString() === new Date().toDateString();\n\n          return (\n            <div\n              key={event.id}\n              className={`\n                  p-3 rounded-lg border border-border-default\n                  ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                  transition-colors\n                `}\n              onClick={() => onClick?.(event)}\n            >\n              <div className=\"flex items-start gap-3\">\n                {/* Color indicator */}\n                <div\n                  className=\"w-1 h-full min-h-[40px] rounded-full flex-shrink-0\"\n                  style={{ backgroundColor: event.color || 'var(--color-action-primary-bg)' }}\n                />\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                  <p className=\"text-xs text-text-secondary mt-1\">\n                    {isToday ? (\n                      <span className=\"text-state-success font-medium\">Today</span>\n                    ) : (\n                      eventDate.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })\n                    )}\n                    {!event.allDay && (\n                      <span className=\"ml-2\">\n                        {eventDate.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })}\n                      </span>\n                    )}\n                    {event.allDay && <span className=\"ml-2\">All day</span>}\n                  </p>\n                  {event.category && (\n                    <span className=\"inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-muted text-text-secondary\">\n                      {event.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {events.length > upcomingEvents.length && (\n        <p className=\"text-xs text-text-tertiary text-center mt-3\">\n          +{events.length - upcomingEvents.length} more events\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default CalendarWidget;\n"],"mappings":";;;AAuCA,IAAa,IAA0C,EAAK,SAAwB,EAClF,QAAQ,GACR,SACA,cACC;CACD,IAAM,IAAS,QAAc,GAAM,UAAU,EAAE,EAAE,CAAC,GAAM,OAAO,CAAC,EAG1D,IAAiB,QAAc;EACnC,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAc,IAAI,KAAK,EAAI,SAAS,GAAG,QAAc,KAAK,IAAK;AACrE,SAAO,EACJ,QAAQ,MAAM;GACb,IAAM,IAAY,IAAI,KAAK,EAAE,MAAM;AACnC,UAAO,KAAa,KAAO,KAAa;IACxC,CACD,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CACzE,MAAM,GAAG,EAAE;IACb,CAAC,EAAO,CAAC;AAyBZ,QAvBK,EAAO,SAwBV,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAAoB,CAAA,EAC1E,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAA+C,EAAO,QAAO,UAAc;OACvE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAe,KAAK,MAAU;KAC7B,IAAM,IAAY,IAAI,KAAK,EAAM,MAAM,EACjC,IAAU,EAAU,cAAc,sBAAK,IAAI,MAAM,EAAC,cAAc;AAEtE,YACE,kBAAC,OAAD;MAEE,WAAW;;oBAEL,IAAU,kDAAkD,GAAG;;;MAGrE,eAAe,IAAU,EAAM;gBAE/B,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAEE,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,iBAAiB,EAAM,SAAS,kCAAkC;QAC3E,CAAA,EAEF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAkD,EAAM;UAAU,CAAA;SAC/E,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,IACC,kBAAC,QAAD;YAAM,WAAU;sBAAiC;YAAY,CAAA,GAE7D,EAAU,mBAAmB,SAAS;YAAE,SAAS;YAAS,OAAO;YAAS,KAAK;YAAW,CAAC;WAE5F,CAAC,EAAM,UACN,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAU,mBAAmB,SAAS;aAAE,MAAM;aAAW,QAAQ;aAAW,CAAC;YACzE,CAAA;WAER,EAAM,UAAU,kBAAC,QAAD;YAAM,WAAU;sBAAO;YAAc,CAAA;WACpD;;SACH,EAAM,YACL,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAM;UACF,CAAA;SAEL;UACF;;MACF,EArCC,EAAM,GAqCP;MAER;IACE,CAAA;GAEL,EAAO,SAAS,EAAe,UAC9B,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KACvD,EAAO,SAAS,EAAe;KAAO;KACtC;;GAEF;MApFJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAER,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAG,wBAAwB,CAAA,CACvB;;EACF,CAAA;EAqEV"}
+{"version":3,"file":"CalendarWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/calendar/CalendarWidget.tsx"],"sourcesContent":["/**\n * CalendarWidget Component\n *\n * Simple calendar view showing events.\n */\n\nimport { type FC, memo, useMemo } from 'react';\nimport type { Widget } from '../../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CalendarWidgetProps {\n  widget: Widget;\n  data?: CalendarData;\n  onClick?: (event: CalendarEvent) => void;\n}\n\nexport interface CalendarEvent {\n  id: string;\n  title: string;\n  start: string;\n  end: string;\n  color?: string;\n  allDay?: boolean;\n  category?: string;\n}\n\nexport interface CalendarData {\n  events?: CalendarEvent[];\n  currentDate?: string;\n  view?: 'month' | 'week' | 'day';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CalendarWidget: FC<CalendarWidgetProps> = memo(function CalendarWidget({\n  widget: _widget,\n  data,\n  onClick,\n}) {\n  const events = useMemo(() => data?.events || [], [data?.events]);\n\n  // Get upcoming events (next 7 days)\n  const upcomingEvents = useMemo(() => {\n    const now = new Date();\n    const weekFromNow = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n    return events\n      .filter((e) => {\n        const eventDate = new Date(e.start);\n        return eventDate >= now && eventDate <= weekFromNow;\n      })\n      .sort((a, b) => new Date(a.start).getTime() - new Date(b.start).getTime())\n      .slice(0, 8);\n  }, [events]);\n\n  if (!events.length) {\n    return (\n      <div className=\"flex items-center justify-center h-full text-text-secondary text-sm\">\n        <div className=\"text-center\">\n          <svg\n            className=\"w-12 h-12 mx-auto mb-2 text-text-tertiary\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            viewBox=\"0 0 24 24\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\n            />\n          </svg>\n          <p>No events to display</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col h-full p-4 overflow-auto\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h3 className=\"text-sm font-medium text-text-primary\">Upcoming Events</h3>\n        <span className=\"text-xs text-text-secondary\">{events.length} events</span>\n      </div>\n\n      {/* Event List */}\n      <div className=\"flex-1 space-y-2 overflow-auto\">\n        {upcomingEvents.map((event) => {\n          const eventDate = new Date(event.start);\n          const isToday = eventDate.toDateString() === new Date().toDateString();\n\n          return (\n            <div\n              key={event.id}\n              className={`\n                  p-3 rounded-lg border border-border-default\n                  ${onClick ? 'cursor-pointer hover:border-action-primary-bg' : ''}\n                  transition-colors\n                `}\n              onClick={() => onClick?.(event)}\n            >\n              <div className=\"flex items-start gap-3\">\n                {/* Color indicator */}\n                <div\n                  className=\"w-1 h-full min-h-[40px] rounded-full flex-shrink-0\"\n                  style={{ backgroundColor: event.color || 'var(--color-action-primary-bg)' }}\n                />\n\n                <div className=\"flex-1 min-w-0\">\n                  <p className=\"text-sm font-medium text-text-primary truncate\">{event.title}</p>\n                  <p className=\"text-xs text-text-secondary mt-1\">\n                    {isToday ? (\n                      <span className=\"text-state-success font-medium\">Today</span>\n                    ) : (\n                      eventDate.toLocaleDateString('en-US', { weekday: 'short', month: 'short', day: 'numeric' })\n                    )}\n                    {!event.allDay && (\n                      <span className=\"ml-2\">\n                        {eventDate.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' })}\n                      </span>\n                    )}\n                    {event.allDay && <span className=\"ml-2\">All day</span>}\n                  </p>\n                  {event.category && (\n                    <span className=\"inline-block mt-1 px-2 py-0.5 text-[10px] rounded bg-bg-sunken text-text-secondary\">\n                      {event.category}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n\n      {events.length > upcomingEvents.length && (\n        <p className=\"text-xs text-text-tertiary text-center mt-3\">\n          +{events.length - upcomingEvents.length} more events\n        </p>\n      )}\n    </div>\n  );\n});\n\nexport default CalendarWidget;\n"],"mappings":";;;AAuCA,IAAa,IAA0C,EAAK,SAAwB,EAClF,QAAQ,GACR,SACA,cACC;CACD,IAAM,IAAS,QAAc,GAAM,UAAU,EAAE,EAAE,CAAC,GAAM,OAAO,CAAC,EAG1D,IAAiB,QAAc;EACnC,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAc,IAAI,KAAK,EAAI,SAAS,GAAG,QAAc,KAAK,IAAK;AACrE,SAAO,EACJ,QAAQ,MAAM;GACb,IAAM,IAAY,IAAI,KAAK,EAAE,MAAM;AACnC,UAAO,KAAa,KAAO,KAAa;IACxC,CACD,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC,CACzE,MAAM,GAAG,EAAE;IACb,CAAC,EAAO,CAAC;AAyBZ,QAvBK,EAAO,SAwBV,kBAAC,OAAD;EAAK,WAAU;YAAf;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eAAwC;KAAoB,CAAA,EAC1E,kBAAC,QAAD;KAAM,WAAU;eAAhB,CAA+C,EAAO,QAAO,UAAc;OACvE;;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAe,KAAK,MAAU;KAC7B,IAAM,IAAY,IAAI,KAAK,EAAM,MAAM,EACjC,IAAU,EAAU,cAAc,sBAAK,IAAI,MAAM,EAAC,cAAc;AAEtE,YACE,kBAAC,OAAD;MAEE,WAAW;;oBAEL,IAAU,kDAAkD,GAAG;;;MAGrE,eAAe,IAAU,EAAM;gBAE/B,kBAAC,OAAD;OAAK,WAAU;iBAAf,CAEE,kBAAC,OAAD;QACE,WAAU;QACV,OAAO,EAAE,iBAAiB,EAAM,SAAS,kCAAkC;QAC3E,CAAA,EAEF,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAkD,EAAM;UAAU,CAAA;SAC/E,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,IACC,kBAAC,QAAD;YAAM,WAAU;sBAAiC;YAAY,CAAA,GAE7D,EAAU,mBAAmB,SAAS;YAAE,SAAS;YAAS,OAAO;YAAS,KAAK;YAAW,CAAC;WAE5F,CAAC,EAAM,UACN,kBAAC,QAAD;YAAM,WAAU;sBACb,EAAU,mBAAmB,SAAS;aAAE,MAAM;aAAW,QAAQ;aAAW,CAAC;YACzE,CAAA;WAER,EAAM,UAAU,kBAAC,QAAD;YAAM,WAAU;sBAAO;YAAc,CAAA;WACpD;;SACH,EAAM,YACL,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAM;UACF,CAAA;SAEL;UACF;;MACF,EArCC,EAAM,GAqCP;MAER;IACE,CAAA;GAEL,EAAO,SAAS,EAAe,UAC9B,kBAAC,KAAD;IAAG,WAAU;cAAb;KAA2D;KACvD,EAAO,SAAS,EAAe;KAAO;KACtC;;GAEF;MApFJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,QAAO;IACP,SAAQ;cAER,kBAAC,QAAD;KACE,eAAc;KACd,gBAAe;KACf,aAAa;KACb,GAAE;KACF,CAAA;IACE,CAAA,EACN,kBAAC,KAAD,EAAA,UAAG,wBAAwB,CAAA,CACvB;;EACF,CAAA;EAqEV"}

package/dist/bigconsole/components/widgets/comments/WidgetComments.js

@@ -125,7 +125,7 @@ var h = ({ comment: e, isReply: t, busy: n, onResolve: a, onDelete: o, onReply:
 						/* @__PURE__ */ d(o, { className: "h-4 w-4 text-text-secondary" }),
 						"Comments",
 						/* @__PURE__ */ d("span", {
-							className: "rounded-full bg-bg-muted px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums",
+							className: "rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums",
 							children: c
 						})
 					]
@@ -133,7 +133,7 @@ var h = ({ comment: e, isReply: t, busy: n, onResolve: a, onDelete: o, onReply:
 					type: "button",
 					onClick: i,
 					"aria-label": "Close comments",
-					className: "rounded-md p-1 text-text-tertiary hover:bg-bg-muted hover:text-text-primary",
+					className: "rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary",
 					children: /* @__PURE__ */ d(u, { className: "h-4 w-4" })
 				})]
 			}),

package/dist/bigconsole/components/widgets/comments/WidgetComments.js.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetComments.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/comments/WidgetComments.tsx"],"sourcesContent":["/**\n * WidgetComments\n *\n * Collaborative comment thread for a single widget, rendered as a slide-over\n * panel inside the widget container. Supports posting top-level comments and\n * threaded replies, resolving/reopening, and (soft) deleting. Data flows through\n * useWidgetComments → the federated EntityComment API.\n */\n\nimport { type FC, useState, useCallback } from 'react';\nimport { MessageSquare, Send, Check, RotateCcw, Trash2, X, CornerDownRight, Loader2 } from 'lucide-react';\nimport { useWidgetComments, type WidgetCommentThread } from '../../../hooks/useWidgetComments';\nimport type { EntityCommentFieldsFragment } from '../../../../generated/wspace-operations';\n\nexport interface WidgetCommentsProps {\n  widgetId: string;\n  /** Close the panel. */\n  onClose: () => void;\n}\n\nfunction authorLabel(authorId: string): string {\n  // We only have an opaque actor id here; show a short, stable handle.\n  return `User ${authorId.slice(0, 6)}`;\n}\n\nfunction formatWhen(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(d);\n}\n\ninterface CommentItemProps {\n  comment: EntityCommentFieldsFragment;\n  isReply?: boolean;\n  busy: boolean;\n  onResolve: (id: string, resolved: boolean) => void;\n  onDelete: (id: string) => void;\n  onReply?: (id: string) => void;\n}\n\nconst CommentItem: FC<CommentItemProps> = ({ comment, isReply, busy, onResolve, onDelete, onReply }) => {\n  const resolved = !!comment.resolvedAt;\n  const body = comment.content.text ?? comment.content.markdown ?? '';\n  return (\n    <div className={isReply ? 'pl-6' : ''}>\n      <div className=\"rounded-md border border-border-default bg-bg-surface p-2.5\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"text-xs font-medium text-text-primary\">{authorLabel(comment.authorId)}</span>\n          <span className=\"text-[10px] text-text-tertiary tabular-nums\">{formatWhen(comment.createdAt)}</span>\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary\">{body}</p>\n        <div className=\"mt-1.5 flex items-center gap-2\">\n          {resolved && (\n            <span className=\"inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text\">\n              <Check className=\"h-3 w-3\" /> Resolved\n            </span>\n          )}\n          {onReply && (\n            <button\n              type=\"button\"\n              disabled={busy}\n              onClick={() => onReply(comment.id)}\n              className=\"inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onResolve(comment.id, !resolved)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50\"\n          >\n            {resolved ? <RotateCcw className=\"h-3 w-3\" /> : <Check className=\"h-3 w-3\" />}\n            {resolved ? 'Reopen' : 'Resolve'}\n          </button>\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onDelete(comment.id)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-3 w-3\" /> Delete\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface ComposerProps {\n  placeholder: string;\n  busy: boolean;\n  autoFocus?: boolean;\n  /** Returns false when the post failed — the draft is kept so it isn't lost. */\n  onSubmit: (text: string) => boolean | void | Promise<boolean | void>;\n  onCancel?: () => void;\n}\n\nconst Composer: FC<ComposerProps> = ({ placeholder, busy, autoFocus, onSubmit, onCancel }) => {\n  const [text, setText] = useState('');\n  const submit = async () => {\n    const v = text.trim();\n    if (!v) return;\n    // Only clear once the post succeeds; on failure the user keeps their draft.\n    const ok = await onSubmit(v);\n    if (ok !== false) setText('');\n  };\n  return (\n    <div className=\"flex items-end gap-2\">\n      <textarea\n        autoFocus={autoFocus}\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n            e.preventDefault();\n            void submit();\n          }\n        }}\n        rows={2}\n        placeholder={placeholder}\n        className=\"flex-1 resize-none rounded-md border border-border-default bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n      />\n      <div className=\"flex flex-col gap-1\">\n        <button\n          type=\"button\"\n          disabled={busy || !text.trim()}\n          onClick={() => void submit()}\n          title=\"Post (⌘/Ctrl + Enter)\"\n          className=\"inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n        >\n          {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Send className=\"h-4 w-4\" />}\n        </button>\n        {onCancel && (\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"inline-flex items-center justify-center rounded-md border border-border-default p-1.5 text-text-tertiary hover:text-text-primary\"\n            title=\"Cancel reply\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const WidgetComments: FC<WidgetCommentsProps> = ({ widgetId, onClose }) => {\n  const { threads, count, loading, error, mutating, addComment, resolveComment, deleteComment } =\n    useWidgetComments(widgetId);\n  const [replyTo, setReplyTo] = useState<string | null>(null);\n\n  const handleAdd = useCallback(\n    async (text: string, parentId?: string): Promise<boolean> => {\n      const ok = await addComment(text, parentId);\n      if (ok && parentId) setReplyTo(null);\n      return ok;\n    },\n    [addComment]\n  );\n\n  return (\n    <div\n      className=\"absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm\"\n      role=\"dialog\"\n      aria-label=\"Widget comments\"\n      tabIndex={-1}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          e.stopPropagation();\n          onClose();\n        }\n      }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-border-default px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-sm font-medium text-text-primary\">\n          <MessageSquare className=\"h-4 w-4 text-text-secondary\" />\n          Comments\n          <span className=\"rounded-full bg-bg-muted px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums\">\n            {count}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label=\"Close comments\"\n          className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-muted hover:text-text-primary\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      {/* Thread list */}\n      <div className=\"flex-1 space-y-3 overflow-auto p-3\">\n        {loading && threads.length === 0 && (\n          <div className=\"flex items-center justify-center py-8 text-text-tertiary\">\n            <Loader2 className=\"h-5 w-5 animate-spin\" />\n          </div>\n        )}\n        {error && !loading && (\n          <p className=\"rounded-md bg-status-error-bg px-2.5 py-2 text-xs text-status-error-text\">\n            Couldn’t load comments.\n          </p>\n        )}\n        {!loading && !error && threads.length === 0 && (\n          <p className=\"py-8 text-center text-sm text-text-tertiary\">No comments yet. Start the conversation.</p>\n        )}\n        {threads.map(({ comment, replies }: WidgetCommentThread) => (\n          <div key={comment.id} className=\"space-y-2\">\n            <CommentItem\n              comment={comment}\n              busy={mutating}\n              onResolve={(id, r) => void resolveComment(id, r)}\n              onDelete={(id) => void deleteComment(id)}\n              onReply={(id) => setReplyTo((cur) => (cur === id ? null : id))}\n            />\n            {replies.map((reply) => (\n              <CommentItem\n                key={reply.id}\n                comment={reply}\n                isReply\n                busy={mutating}\n                onResolve={(id, r) => void resolveComment(id, r)}\n                onDelete={(id) => void deleteComment(id)}\n              />\n            ))}\n            {replyTo === comment.id && (\n              <div className=\"pl-6\">\n                <Composer\n                  placeholder=\"Write a reply…\"\n                  busy={mutating}\n                  autoFocus\n                  onSubmit={(text) => handleAdd(text, comment.id)}\n                  onCancel={() => setReplyTo(null)}\n                />\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* New top-level comment */}\n      <div className=\"border-t border-border-default p-3\">\n        <Composer placeholder=\"Add a comment…\" busy={mutating} onSubmit={(text) => handleAdd(text)} />\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetComments;\n"],"mappings":"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"}
+{"version":3,"file":"WidgetComments.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/comments/WidgetComments.tsx"],"sourcesContent":["/**\n * WidgetComments\n *\n * Collaborative comment thread for a single widget, rendered as a slide-over\n * panel inside the widget container. Supports posting top-level comments and\n * threaded replies, resolving/reopening, and (soft) deleting. Data flows through\n * useWidgetComments → the federated EntityComment API.\n */\n\nimport { type FC, useState, useCallback } from 'react';\nimport { MessageSquare, Send, Check, RotateCcw, Trash2, X, CornerDownRight, Loader2 } from 'lucide-react';\nimport { useWidgetComments, type WidgetCommentThread } from '../../../hooks/useWidgetComments';\nimport type { EntityCommentFieldsFragment } from '../../../../generated/wspace-operations';\n\nexport interface WidgetCommentsProps {\n  widgetId: string;\n  /** Close the panel. */\n  onClose: () => void;\n}\n\nfunction authorLabel(authorId: string): string {\n  // We only have an opaque actor id here; show a short, stable handle.\n  return `User ${authorId.slice(0, 6)}`;\n}\n\nfunction formatWhen(iso: string): string {\n  const d = new Date(iso);\n  if (Number.isNaN(d.getTime())) return '';\n  return new Intl.DateTimeFormat(undefined, { dateStyle: 'medium', timeStyle: 'short' }).format(d);\n}\n\ninterface CommentItemProps {\n  comment: EntityCommentFieldsFragment;\n  isReply?: boolean;\n  busy: boolean;\n  onResolve: (id: string, resolved: boolean) => void;\n  onDelete: (id: string) => void;\n  onReply?: (id: string) => void;\n}\n\nconst CommentItem: FC<CommentItemProps> = ({ comment, isReply, busy, onResolve, onDelete, onReply }) => {\n  const resolved = !!comment.resolvedAt;\n  const body = comment.content.text ?? comment.content.markdown ?? '';\n  return (\n    <div className={isReply ? 'pl-6' : ''}>\n      <div className=\"rounded-md border border-border-default bg-bg-surface p-2.5\">\n        <div className=\"flex items-center justify-between gap-2\">\n          <span className=\"text-xs font-medium text-text-primary\">{authorLabel(comment.authorId)}</span>\n          <span className=\"text-[10px] text-text-tertiary tabular-nums\">{formatWhen(comment.createdAt)}</span>\n        </div>\n        <p className=\"mt-1 whitespace-pre-wrap break-words text-sm text-text-secondary\">{body}</p>\n        <div className=\"mt-1.5 flex items-center gap-2\">\n          {resolved && (\n            <span className=\"inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium bg-status-success-bg text-status-success-text\">\n              <Check className=\"h-3 w-3\" /> Resolved\n            </span>\n          )}\n          {onReply && (\n            <button\n              type=\"button\"\n              disabled={busy}\n              onClick={() => onReply(comment.id)}\n              className=\"inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50\"\n            >\n              <CornerDownRight className=\"h-3 w-3\" /> Reply\n            </button>\n          )}\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onResolve(comment.id, !resolved)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-text-tertiary hover:text-text-primary disabled:opacity-50\"\n          >\n            {resolved ? <RotateCcw className=\"h-3 w-3\" /> : <Check className=\"h-3 w-3\" />}\n            {resolved ? 'Reopen' : 'Resolve'}\n          </button>\n          <button\n            type=\"button\"\n            disabled={busy}\n            onClick={() => onDelete(comment.id)}\n            className=\"inline-flex items-center gap-1 text-[11px] text-status-error-text hover:opacity-80 disabled:opacity-50\"\n          >\n            <Trash2 className=\"h-3 w-3\" /> Delete\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\ninterface ComposerProps {\n  placeholder: string;\n  busy: boolean;\n  autoFocus?: boolean;\n  /** Returns false when the post failed — the draft is kept so it isn't lost. */\n  onSubmit: (text: string) => boolean | void | Promise<boolean | void>;\n  onCancel?: () => void;\n}\n\nconst Composer: FC<ComposerProps> = ({ placeholder, busy, autoFocus, onSubmit, onCancel }) => {\n  const [text, setText] = useState('');\n  const submit = async () => {\n    const v = text.trim();\n    if (!v) return;\n    // Only clear once the post succeeds; on failure the user keeps their draft.\n    const ok = await onSubmit(v);\n    if (ok !== false) setText('');\n  };\n  return (\n    <div className=\"flex items-end gap-2\">\n      <textarea\n        autoFocus={autoFocus}\n        value={text}\n        onChange={(e) => setText(e.target.value)}\n        onKeyDown={(e) => {\n          if ((e.metaKey || e.ctrlKey) && e.key === 'Enter') {\n            e.preventDefault();\n            void submit();\n          }\n        }}\n        rows={2}\n        placeholder={placeholder}\n        className=\"flex-1 resize-none rounded-md border border-border-default bg-bg-surface px-2.5 py-1.5 text-sm text-text-primary placeholder:text-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg\"\n      />\n      <div className=\"flex flex-col gap-1\">\n        <button\n          type=\"button\"\n          disabled={busy || !text.trim()}\n          onClick={() => void submit()}\n          title=\"Post (⌘/Ctrl + Enter)\"\n          className=\"inline-flex items-center justify-center rounded-md bg-action-primary-bg p-1.5 text-action-primary-text hover:opacity-90 disabled:opacity-50\"\n        >\n          {busy ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Send className=\"h-4 w-4\" />}\n        </button>\n        {onCancel && (\n          <button\n            type=\"button\"\n            onClick={onCancel}\n            className=\"inline-flex items-center justify-center rounded-md border border-border-default p-1.5 text-text-tertiary hover:text-text-primary\"\n            title=\"Cancel reply\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport const WidgetComments: FC<WidgetCommentsProps> = ({ widgetId, onClose }) => {\n  const { threads, count, loading, error, mutating, addComment, resolveComment, deleteComment } =\n    useWidgetComments(widgetId);\n  const [replyTo, setReplyTo] = useState<string | null>(null);\n\n  const handleAdd = useCallback(\n    async (text: string, parentId?: string): Promise<boolean> => {\n      const ok = await addComment(text, parentId);\n      if (ok && parentId) setReplyTo(null);\n      return ok;\n    },\n    [addComment]\n  );\n\n  return (\n    <div\n      className=\"absolute inset-0 z-40 flex flex-col bg-bg-surface/98 backdrop-blur-sm\"\n      role=\"dialog\"\n      aria-label=\"Widget comments\"\n      tabIndex={-1}\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        if (e.key === 'Escape') {\n          e.stopPropagation();\n          onClose();\n        }\n      }}\n    >\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-border-default px-3 py-2\">\n        <div className=\"flex items-center gap-2 text-sm font-medium text-text-primary\">\n          <MessageSquare className=\"h-4 w-4 text-text-secondary\" />\n          Comments\n          <span className=\"rounded-full bg-bg-sunken px-1.5 py-0.5 text-[10px] text-text-secondary tabular-nums\">\n            {count}\n          </span>\n        </div>\n        <button\n          type=\"button\"\n          onClick={onClose}\n          aria-label=\"Close comments\"\n          className=\"rounded-md p-1 text-text-tertiary hover:bg-bg-sunken hover:text-text-primary\"\n        >\n          <X className=\"h-4 w-4\" />\n        </button>\n      </div>\n\n      {/* Thread list */}\n      <div className=\"flex-1 space-y-3 overflow-auto p-3\">\n        {loading && threads.length === 0 && (\n          <div className=\"flex items-center justify-center py-8 text-text-tertiary\">\n            <Loader2 className=\"h-5 w-5 animate-spin\" />\n          </div>\n        )}\n        {error && !loading && (\n          <p className=\"rounded-md bg-status-error-bg px-2.5 py-2 text-xs text-status-error-text\">\n            Couldn’t load comments.\n          </p>\n        )}\n        {!loading && !error && threads.length === 0 && (\n          <p className=\"py-8 text-center text-sm text-text-tertiary\">No comments yet. Start the conversation.</p>\n        )}\n        {threads.map(({ comment, replies }: WidgetCommentThread) => (\n          <div key={comment.id} className=\"space-y-2\">\n            <CommentItem\n              comment={comment}\n              busy={mutating}\n              onResolve={(id, r) => void resolveComment(id, r)}\n              onDelete={(id) => void deleteComment(id)}\n              onReply={(id) => setReplyTo((cur) => (cur === id ? null : id))}\n            />\n            {replies.map((reply) => (\n              <CommentItem\n                key={reply.id}\n                comment={reply}\n                isReply\n                busy={mutating}\n                onResolve={(id, r) => void resolveComment(id, r)}\n                onDelete={(id) => void deleteComment(id)}\n              />\n            ))}\n            {replyTo === comment.id && (\n              <div className=\"pl-6\">\n                <Composer\n                  placeholder=\"Write a reply…\"\n                  busy={mutating}\n                  autoFocus\n                  onSubmit={(text) => handleAdd(text, comment.id)}\n                  onCancel={() => setReplyTo(null)}\n                />\n              </div>\n            )}\n          </div>\n        ))}\n      </div>\n\n      {/* New top-level comment */}\n      <div className=\"border-t border-border-default p-3\">\n        <Composer placeholder=\"Add a comment…\" busy={mutating} onSubmit={(text) => handleAdd(text)} />\n      </div>\n    </div>\n  );\n};\n\nexport default WidgetComments;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/custom/CustomWidget.js

@@ -121,7 +121,7 @@ var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
 	if (h && "value" in h) {
 		let e = h.value, t = h.label || r.title, n = h.data;
 		return /* @__PURE__ */ o("div", {
-			className: `flex flex-col items-center justify-center h-full p-4 ${m ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}`,
+			className: `flex flex-col items-center justify-center h-full p-4 ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}`,
 			onClick: l,
 			children: [
 				/* @__PURE__ */ a("div", {
@@ -135,7 +135,7 @@ var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
 				n && /* @__PURE__ */ a("div", {
 					className: "mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary",
 					children: Object.entries(n).filter(([e]) => e !== "value" && e !== "label" && typeof n[e] != "object").slice(0, 4).map(([e, t]) => /* @__PURE__ */ o("div", {
-						className: "flex justify-between px-2 py-1 bg-bg-muted rounded",
+						className: "flex justify-between px-2 py-1 bg-bg-sunken rounded",
 						children: [/* @__PURE__ */ a("span", {
 							className: "capitalize",
 							children: e.replace(/([A-Z])/g, " $1").trim()
@@ -151,12 +151,12 @@ var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
 	return /* @__PURE__ */ o("div", {
 		className: `
         flex flex-col items-center justify-center h-full p-4
-        ${m ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}
+        ${m ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
       `,
 		onClick: l,
 		children: [
 			/* @__PURE__ */ a("div", {
-				className: "w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-muted",
+				className: "w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken",
 				children: /* @__PURE__ */ a("svg", {
 					className: "w-8 h-8 text-text-secondary",
 					fill: "none",
@@ -188,7 +188,7 @@ var m = r(function({ widget: r, data: s, render: c, onClick: l }) {
 			s ? /* @__PURE__ */ a("div", {
 				className: "mt-4 w-full max-h-[100px] overflow-auto",
 				children: /* @__PURE__ */ a("pre", {
-					className: "text-xs text-text-secondary bg-bg-muted p-2 rounded",
+					className: "text-xs text-text-secondary bg-bg-sunken p-2 rounded",
 					children: JSON.stringify(s, null, 2)
 				})
 			}) : null

package/dist/bigconsole/components/widgets/custom/CustomWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"sourcesContent":["/**\n * CustomWidget Component\n *\n * Supports callback-based rendering plus built-in HTML/iframe custom content.\n */\n\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport type { Widget, CustomWidgetConfig } from '../../../types';\nimport { getCustomConfigContent } from './config';\nimport { asRecord, asNonEmptyString } from './utils';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CustomWidgetProps {\n  widget: Widget;\n  data?: unknown;\n  /** Custom renderer function */\n  render?: (widget: Widget, data: unknown) => ReactNode;\n  onClick?: () => void;\n}\n\nconst DEFAULT_IFRAME_SANDBOX = 'allow-scripts';\nconst ALLOWED_SANDBOX_TOKENS = new Set([\n  'allow-forms',\n  'allow-modals',\n  'allow-orientation-lock',\n  'allow-pointer-lock',\n  'allow-popups',\n  'allow-popups-to-escape-sandbox',\n  'allow-presentation',\n  'allow-same-origin',\n  'allow-scripts',\n  'allow-storage-access-by-user-activation',\n]);\n\nfunction isSafeDomUrl(rawUrl: string): boolean {\n  const candidate = rawUrl.trim();\n  if (!candidate) return false;\n  if (candidate.startsWith('#')) return true;\n  if (candidate.startsWith('/')) return !candidate.startsWith('//');\n\n  try {\n    const parsed = new URL(candidate, window.location.origin);\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;');\n}\n\nfunction sanitizeHtml(input: string): string {\n  if (typeof window === 'undefined') {\n    return escapeHtml(input);\n  }\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(input, 'text/html');\n\n  doc.body.querySelectorAll('script, style, iframe, object, embed, link, meta, base, form').forEach((el) => {\n    el.remove();\n  });\n\n  doc.body.querySelectorAll('*').forEach((el) => {\n    Array.from(el.attributes).forEach((attr) => {\n      const attrName = attr.name.toLowerCase();\n      const attrValue = attr.value.trim();\n\n      if (attrName.startsWith('on')) {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (attrName === 'style') {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (['src', 'href', 'xlink:href'].includes(attrName) && !isSafeDomUrl(attrValue)) {\n        el.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return doc.body.innerHTML;\n}\n\nfunction sanitizeIframeUrl(rawUrl: string): string | null {\n  const candidate = rawUrl.trim();\n  if (!candidate) return null;\n  if (candidate.startsWith('//')) return null;\n  if (candidate.startsWith('/')) return candidate;\n\n  try {\n    const parsed = new URL(candidate);\n    if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {\n      return parsed.href;\n    }\n  } catch {\n    return null;\n  }\n\n  return null;\n}\n\nfunction sanitizeSandbox(rawSandbox: string | null): string {\n  if (!rawSandbox) return DEFAULT_IFRAME_SANDBOX;\n\n  const uniqueTokens = new Set(rawSandbox.split(/\\s+/).filter(Boolean));\n  const safeTokens = Array.from(uniqueTokens).filter((token) => ALLOWED_SANDBOX_TOKENS.has(token));\n\n  const hasScripts = safeTokens.includes('allow-scripts');\n  const hasSameOrigin = safeTokens.includes('allow-same-origin');\n  const withoutRiskyCombo =\n    hasScripts && hasSameOrigin ? safeTokens.filter((t) => t !== 'allow-same-origin') : safeTokens;\n\n  return withoutRiskyCombo.length > 0 ? withoutRiskyCombo.join(' ') : DEFAULT_IFRAME_SANDBOX;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CustomWidget: FC<CustomWidgetProps> = memo(function CustomWidget({ widget, data, render, onClick }) {\n  const config = widget.config as unknown as CustomWidgetConfig | undefined;\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n  const typedData = useMemo(() => asRecord(data), [data]);\n  const configRecord = useMemo(() => asRecord(config), [config]);\n  const configProps = useMemo(() => asRecord(configRecord?.props), [configRecord]);\n  const configContent = useMemo(() => getCustomConfigContent(config), [config]);\n  const componentId = configContent.componentId;\n\n  const htmlContent = useMemo(() => {\n    const rawHtml = asNonEmptyString(typedData?.html) ?? asNonEmptyString(typedData?.contentHtml) ?? configContent.html;\n\n    if (!rawHtml) return null;\n\n    const sanitized = sanitizeHtml(rawHtml);\n    return sanitized.trim().length > 0 ? sanitized : null;\n  }, [typedData, configContent]);\n\n  const iframeContent = useMemo(() => {\n    const rawUrl =\n      asNonEmptyString(typedData?.iframeUrl) ?? asNonEmptyString(typedData?.url) ?? configContent.iframeUrl;\n\n    if (!rawUrl) return null;\n\n    const safeUrl = sanitizeIframeUrl(rawUrl);\n    if (!safeUrl) return null;\n\n    const title =\n      asNonEmptyString(typedData?.title) ??\n      asNonEmptyString(configProps?.iframeTitle) ??\n      asNonEmptyString(configProps?.title) ??\n      widget.title ??\n      'Custom widget content';\n\n    const sandboxSource = asNonEmptyString(configRecord?.sandbox) ?? asNonEmptyString(configProps?.sandbox);\n    const sandbox = sanitizeSandbox(sandboxSource);\n\n    return {\n      url: safeUrl,\n      title,\n      sandbox,\n    };\n  }, [typedData, configContent, configProps, configRecord, widget.title]);\n\n  // If custom render function is provided, use it\n  if (render) {\n    return (\n      <div\n        className={`\n          h-full\n          ${isClickable ? 'cursor-pointer' : ''}\n        `}\n        onClick={onClick}\n      >\n        {render(widget, data)}\n      </div>\n    );\n  }\n\n  if (htmlContent) {\n    return (\n      <div className=\"h-full overflow-auto p-4\">\n        <div\n          className=\"prose prose-sm max-w-none text-text-primary\"\n          dangerouslySetInnerHTML={{ __html: htmlContent }}\n        />\n      </div>\n    );\n  }\n\n  if (iframeContent) {\n    return (\n      <div className=\"h-full w-full\">\n        <iframe\n          src={iframeContent.url}\n          title={iframeContent.title}\n          className=\"h-full w-full rounded border-0\"\n          sandbox={iframeContent.sandbox}\n          loading=\"lazy\"\n        />\n      </div>\n    );\n  }\n\n  // If data has value/label shape (from WidgetWrapper normalization), render as KPI-style\n  if (typedData && 'value' in typedData) {\n    const value = typedData.value;\n    const label = (typedData.label as string) || widget.title;\n    const nestedData = typedData.data as Record<string, unknown> | undefined;\n    return (\n      <div\n        className={`flex flex-col items-center justify-center h-full p-4 ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50 transition-colors' : ''}`}\n        onClick={onClick}\n      >\n        <div className=\"text-4xl font-bold text-text-primary tabular-nums\">\n          {typeof value === 'number' ? value.toLocaleString() : String(value)}\n        </div>\n        <div className=\"text-sm text-text-secondary mt-1\">{label}</div>\n        {nestedData && (\n          <div className=\"mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n            {Object.entries(nestedData)\n              .filter(([k]) => k !== 'value' && k !== 'label' && typeof nestedData[k] !== 'object')\n              .slice(0, 4)\n              .map(([key, val]) => (\n                <div key={key} className=\"flex justify-between px-2 py-1 bg-bg-muted rounded\">\n                  <span className=\"capitalize\">{key.replace(/([A-Z])/g, ' $1').trim()}</span>\n                  <span className=\"font-medium\">{typeof val === 'number' ? val.toLocaleString() : String(val)}</span>\n                </div>\n              ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Default placeholder\n  return (\n    <div\n      className={`\n        flex flex-col items-center justify-center h-full p-4\n        ${isClickable ? 'cursor-pointer hover:bg-bg-muted/50 transition-colors' : ''}\n      `}\n      onClick={onClick}\n    >\n      {/* Placeholder icon */}\n      <div className=\"w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-muted\">\n        <svg className=\"w-8 h-8 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"\n          />\n        </svg>\n      </div>\n\n      <h4 className=\"text-sm font-medium text-text-primary mb-1\">Custom Widget</h4>\n\n      <p className=\"text-xs text-text-secondary text-center max-w-[200px]\">\n        {config?.description || 'Provide HTML, an iframe URL, or a registered custom component.'}\n      </p>\n\n      {componentId ? (\n        <p className=\"text-xs text-text-secondary mt-2\">\n          Component: <code className=\"font-mono\">{componentId}</code>\n        </p>\n      ) : null}\n\n      {/* Data preview */}\n      {data ? (\n        <div className=\"mt-4 w-full max-h-[100px] overflow-auto\">\n          <pre className=\"text-xs text-text-secondary bg-bg-muted p-2 rounded\">\n            {JSON.stringify(data as Record<string, unknown>, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport default CustomWidget;\n"],"mappings":"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"}
+{"version":3,"file":"CustomWidget.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/custom/CustomWidget.tsx"],"sourcesContent":["/**\n * CustomWidget Component\n *\n * Supports callback-based rendering plus built-in HTML/iframe custom content.\n */\n\nimport { type FC, memo, type ReactNode, useMemo } from 'react';\nimport type { Widget, CustomWidgetConfig } from '../../../types';\nimport { getCustomConfigContent } from './config';\nimport { asRecord, asNonEmptyString } from './utils';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface CustomWidgetProps {\n  widget: Widget;\n  data?: unknown;\n  /** Custom renderer function */\n  render?: (widget: Widget, data: unknown) => ReactNode;\n  onClick?: () => void;\n}\n\nconst DEFAULT_IFRAME_SANDBOX = 'allow-scripts';\nconst ALLOWED_SANDBOX_TOKENS = new Set([\n  'allow-forms',\n  'allow-modals',\n  'allow-orientation-lock',\n  'allow-pointer-lock',\n  'allow-popups',\n  'allow-popups-to-escape-sandbox',\n  'allow-presentation',\n  'allow-same-origin',\n  'allow-scripts',\n  'allow-storage-access-by-user-activation',\n]);\n\nfunction isSafeDomUrl(rawUrl: string): boolean {\n  const candidate = rawUrl.trim();\n  if (!candidate) return false;\n  if (candidate.startsWith('#')) return true;\n  if (candidate.startsWith('/')) return !candidate.startsWith('//');\n\n  try {\n    const parsed = new URL(candidate, window.location.origin);\n    return parsed.protocol === 'http:' || parsed.protocol === 'https:';\n  } catch {\n    return false;\n  }\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replaceAll('&', '&amp;')\n    .replaceAll('<', '&lt;')\n    .replaceAll('>', '&gt;')\n    .replaceAll('\"', '&quot;')\n    .replaceAll(\"'\", '&#39;');\n}\n\nfunction sanitizeHtml(input: string): string {\n  if (typeof window === 'undefined') {\n    return escapeHtml(input);\n  }\n\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(input, 'text/html');\n\n  doc.body.querySelectorAll('script, style, iframe, object, embed, link, meta, base, form').forEach((el) => {\n    el.remove();\n  });\n\n  doc.body.querySelectorAll('*').forEach((el) => {\n    Array.from(el.attributes).forEach((attr) => {\n      const attrName = attr.name.toLowerCase();\n      const attrValue = attr.value.trim();\n\n      if (attrName.startsWith('on')) {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (attrName === 'style') {\n        el.removeAttribute(attr.name);\n        return;\n      }\n\n      if (['src', 'href', 'xlink:href'].includes(attrName) && !isSafeDomUrl(attrValue)) {\n        el.removeAttribute(attr.name);\n      }\n    });\n  });\n\n  return doc.body.innerHTML;\n}\n\nfunction sanitizeIframeUrl(rawUrl: string): string | null {\n  const candidate = rawUrl.trim();\n  if (!candidate) return null;\n  if (candidate.startsWith('//')) return null;\n  if (candidate.startsWith('/')) return candidate;\n\n  try {\n    const parsed = new URL(candidate);\n    if (parsed.protocol === 'http:' || parsed.protocol === 'https:') {\n      return parsed.href;\n    }\n  } catch {\n    return null;\n  }\n\n  return null;\n}\n\nfunction sanitizeSandbox(rawSandbox: string | null): string {\n  if (!rawSandbox) return DEFAULT_IFRAME_SANDBOX;\n\n  const uniqueTokens = new Set(rawSandbox.split(/\\s+/).filter(Boolean));\n  const safeTokens = Array.from(uniqueTokens).filter((token) => ALLOWED_SANDBOX_TOKENS.has(token));\n\n  const hasScripts = safeTokens.includes('allow-scripts');\n  const hasSameOrigin = safeTokens.includes('allow-same-origin');\n  const withoutRiskyCombo =\n    hasScripts && hasSameOrigin ? safeTokens.filter((t) => t !== 'allow-same-origin') : safeTokens;\n\n  return withoutRiskyCombo.length > 0 ? withoutRiskyCombo.join(' ') : DEFAULT_IFRAME_SANDBOX;\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const CustomWidget: FC<CustomWidgetProps> = memo(function CustomWidget({ widget, data, render, onClick }) {\n  const config = widget.config as unknown as CustomWidgetConfig | undefined;\n  const isClickable = Boolean(onClick && widget.drilldowns?.length);\n  const typedData = useMemo(() => asRecord(data), [data]);\n  const configRecord = useMemo(() => asRecord(config), [config]);\n  const configProps = useMemo(() => asRecord(configRecord?.props), [configRecord]);\n  const configContent = useMemo(() => getCustomConfigContent(config), [config]);\n  const componentId = configContent.componentId;\n\n  const htmlContent = useMemo(() => {\n    const rawHtml = asNonEmptyString(typedData?.html) ?? asNonEmptyString(typedData?.contentHtml) ?? configContent.html;\n\n    if (!rawHtml) return null;\n\n    const sanitized = sanitizeHtml(rawHtml);\n    return sanitized.trim().length > 0 ? sanitized : null;\n  }, [typedData, configContent]);\n\n  const iframeContent = useMemo(() => {\n    const rawUrl =\n      asNonEmptyString(typedData?.iframeUrl) ?? asNonEmptyString(typedData?.url) ?? configContent.iframeUrl;\n\n    if (!rawUrl) return null;\n\n    const safeUrl = sanitizeIframeUrl(rawUrl);\n    if (!safeUrl) return null;\n\n    const title =\n      asNonEmptyString(typedData?.title) ??\n      asNonEmptyString(configProps?.iframeTitle) ??\n      asNonEmptyString(configProps?.title) ??\n      widget.title ??\n      'Custom widget content';\n\n    const sandboxSource = asNonEmptyString(configRecord?.sandbox) ?? asNonEmptyString(configProps?.sandbox);\n    const sandbox = sanitizeSandbox(sandboxSource);\n\n    return {\n      url: safeUrl,\n      title,\n      sandbox,\n    };\n  }, [typedData, configContent, configProps, configRecord, widget.title]);\n\n  // If custom render function is provided, use it\n  if (render) {\n    return (\n      <div\n        className={`\n          h-full\n          ${isClickable ? 'cursor-pointer' : ''}\n        `}\n        onClick={onClick}\n      >\n        {render(widget, data)}\n      </div>\n    );\n  }\n\n  if (htmlContent) {\n    return (\n      <div className=\"h-full overflow-auto p-4\">\n        <div\n          className=\"prose prose-sm max-w-none text-text-primary\"\n          dangerouslySetInnerHTML={{ __html: htmlContent }}\n        />\n      </div>\n    );\n  }\n\n  if (iframeContent) {\n    return (\n      <div className=\"h-full w-full\">\n        <iframe\n          src={iframeContent.url}\n          title={iframeContent.title}\n          className=\"h-full w-full rounded border-0\"\n          sandbox={iframeContent.sandbox}\n          loading=\"lazy\"\n        />\n      </div>\n    );\n  }\n\n  // If data has value/label shape (from WidgetWrapper normalization), render as KPI-style\n  if (typedData && 'value' in typedData) {\n    const value = typedData.value;\n    const label = (typedData.label as string) || widget.title;\n    const nestedData = typedData.data as Record<string, unknown> | undefined;\n    return (\n      <div\n        className={`flex flex-col items-center justify-center h-full p-4 ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}`}\n        onClick={onClick}\n      >\n        <div className=\"text-4xl font-bold text-text-primary tabular-nums\">\n          {typeof value === 'number' ? value.toLocaleString() : String(value)}\n        </div>\n        <div className=\"text-sm text-text-secondary mt-1\">{label}</div>\n        {nestedData && (\n          <div className=\"mt-3 w-full grid grid-cols-2 gap-2 text-xs text-text-secondary\">\n            {Object.entries(nestedData)\n              .filter(([k]) => k !== 'value' && k !== 'label' && typeof nestedData[k] !== 'object')\n              .slice(0, 4)\n              .map(([key, val]) => (\n                <div key={key} className=\"flex justify-between px-2 py-1 bg-bg-sunken rounded\">\n                  <span className=\"capitalize\">{key.replace(/([A-Z])/g, ' $1').trim()}</span>\n                  <span className=\"font-medium\">{typeof val === 'number' ? val.toLocaleString() : String(val)}</span>\n                </div>\n              ))}\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  // Default placeholder\n  return (\n    <div\n      className={`\n        flex flex-col items-center justify-center h-full p-4\n        ${isClickable ? 'cursor-pointer hover:bg-bg-sunken/50 transition-colors' : ''}\n      `}\n      onClick={onClick}\n    >\n      {/* Placeholder icon */}\n      <div className=\"w-16 h-16 mb-4 flex items-center justify-center rounded-lg bg-bg-sunken\">\n        <svg className=\"w-8 h-8 text-text-secondary\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n          <path\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            strokeWidth={2}\n            d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"\n          />\n        </svg>\n      </div>\n\n      <h4 className=\"text-sm font-medium text-text-primary mb-1\">Custom Widget</h4>\n\n      <p className=\"text-xs text-text-secondary text-center max-w-[200px]\">\n        {config?.description || 'Provide HTML, an iframe URL, or a registered custom component.'}\n      </p>\n\n      {componentId ? (\n        <p className=\"text-xs text-text-secondary mt-2\">\n          Component: <code className=\"font-mono\">{componentId}</code>\n        </p>\n      ) : null}\n\n      {/* Data preview */}\n      {data ? (\n        <div className=\"mt-4 w-full max-h-[100px] overflow-auto\">\n          <pre className=\"text-xs text-text-secondary bg-bg-sunken p-2 rounded\">\n            {JSON.stringify(data as Record<string, unknown>, null, 2)}\n          </pre>\n        </div>\n      ) : null}\n    </div>\n  );\n});\n\nexport default CustomWidget;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/gauge/GaugeWidget.js

@@ -140,7 +140,7 @@ var d = r(function({ widget: r, data: c, onClick: d, onDrilldown: f }) {
 	return v ? /* @__PURE__ */ s("div", {
 		className: `
         flex flex-col items-center justify-center h-full p-4
-        ${b ? "cursor-pointer hover:bg-bg-muted/50 transition-colors" : ""}
+        ${b ? "cursor-pointer hover:bg-bg-sunken/50 transition-colors" : ""}
       `,
 		onClick: y,
 		role: b ? "button" : void 0,