@burdenoff/microfe-bigconsole 2026.624.1 → 2026.625.1

package/dist/bigconsole/pages/WorkflowsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/bigconsole/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows Page\n *\n * List and manage FluidGrids Workflows.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { newWorkflowPath } from '../BigConsoleRoutes';\nimport { useWorkflowOperations } from '../hooks/useWorkflowOperations';\nimport { useWorkflowStore } from '../store/workflowStore';\nimport { WorkflowCard } from '../components/workflow/WorkflowCard';\nimport { WorkflowDeleteDialog } from '../components/workflow/WorkflowDeleteDialog';\nimport type { FluidGridsWorkflowStatus } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, Workflow, AlertCircle, FolderOpen } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | FluidGridsWorkflowStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowsPage = memo(function WorkflowsPage() {\n  const navigate = useAppNavigate();\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = useWorkflowStore((state) => state.searchQuery);\n  const setSearchQuery = useWorkflowStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useWorkflowStore((state) => state.deleteDialogOpen);\n  const currentWorkflow = useWorkflowStore((state) => state.currentWorkflow);\n  const openDeleteDialog = useWorkflowStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useWorkflowStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, workflows, deleteWorkflow, refetch } = useWorkflowOperations();\n\n  // Filter workflows\n  const filteredWorkflows = useMemo(() => {\n    let filtered = [...workflows];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((wf) => wf.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (wf) =>\n          wf.name.toLowerCase().includes(query) ||\n          wf.key.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [workflows, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateWorkflow = useCallback(() => {\n    navigate(newWorkflowPath());\n  }, [navigate]);\n\n  const handleViewWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const workflow = workflows.find((wf) => wf.id === id);\n      if (workflow) {\n        openDeleteDialog(workflow);\n      }\n    },\n    [workflows, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentWorkflow) {\n      try {\n        await deleteWorkflow(currentWorkflow.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentWorkflow, deleteWorkflow, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: 'All' },\n    { value: 'draft', label: 'Draft' },\n    { value: 'active', label: 'Active' },\n    { value: 'paused', label: 'Paused' },\n    { value: 'error', label: 'Error' },\n    { value: 'archived', label: 'Archived' },\n  ];\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Card\n          style={{\n            borderColor: 'var(--color-status-error-border)',\n            backgroundColor: 'var(--color-status-error-bgSubtle)',\n          }}\n        >\n          <CardContent style={{ padding: 'var(--space-pagePadding)' }}>\n            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <AlertCircle\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-status-error-text)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-body-lg)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-status-error-text)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Failed to load Workflows\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                {error.message}\n              </p>\n              <Button size=\"sm\" onClick={() => refetch()}>\n                Try Again\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Header Section */}\n      <div style={{ borderBottom: '1px solid var(--color-border)', backgroundColor: 'var(--color-bg-surface)' }}>\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <Workflow\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div>\n                <h1\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-bold)',\n                    margin: 0,\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  Workflows\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  Design ETL workflows with FluidGrids and link them to DataSinks\n                </p>\n              </div>\n            </div>\n\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)' }}>\n              <Button onClick={handleCreateWorkflow}>\n                <Plus\n                  style={{\n                    marginRight: 'var(--space-iconGap)',\n                    height: 'var(--size-icon-sm)',\n                    width: 'var(--size-icon-sm)',\n                  }}\n                />\n                Design Workflow\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        {/* Status Filter Tabs */}\n        <div style={{ marginBottom: 'var(--space-formGap)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '4px',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-card)',\n              width: 'fit-content',\n            }}\n          >\n            {statusOptions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setStatusFilter(option.value)}\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  border: 'none',\n                  cursor: 'pointer',\n                  transition: 'all 0.2s ease',\n                  backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                  color: statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: statusFilter === option.value ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Search Bar */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ position: 'relative', maxWidth: '400px' }}>\n            <Search\n              style={{\n                position: 'absolute',\n                left: 'var(--space-controlGap)',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                height: 'var(--size-icon-sm)',\n                width: 'var(--size-icon-sm)',\n                color: 'var(--color-text-muted)',\n              }}\n            />\n            <Input\n              type=\"text\"\n              placeholder=\"Search workflows...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n        </div>\n\n        {/* Loading state */}\n        {loading && workflows.length === 0 && (\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n            <div style={{ textAlign: 'center' }}>\n              <Spinner\n                style={{\n                  height: 'var(--size-icon-xl)',\n                  width: 'var(--size-icon-xl)',\n                  margin: '0 auto var(--space-formGap)',\n                }}\n              />\n              <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n                Loading workflows...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && workflows.length === 0 && (\n          <Card className=\"border-dashed\">\n            <CardContent\n              style={{\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                padding: '64px var(--space-pagePadding)',\n              }}\n            >\n              <div\n                style={{\n                  display: 'flex',\n                  height: '80px',\n                  width: '80px',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-bg-sunken)',\n                  marginBottom: 'var(--space-sectionGap)',\n                }}\n              >\n                <FolderOpen\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-text-muted)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-heading-h4)',\n                  fontWeight: 'var(--font-weight-semibold)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                No Workflows yet\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-muted)',\n                  marginBottom: 'var(--space-sectionGap)',\n                  textAlign: 'center',\n                  maxWidth: '400px',\n                }}\n              >\n                Design ETL workflows with the FluidGrids visual builder to fetch, transform, and deliver data into\n                BigConsole DataSinks.\n              </p>\n              <Button onClick={handleCreateWorkflow}>\n                <Plus\n                  style={{\n                    marginRight: 'var(--space-iconGap)',\n                    height: 'var(--size-icon-sm)',\n                    width: 'var(--size-icon-sm)',\n                  }}\n                />\n                Design Workflow\n              </Button>\n            </CardContent>\n          </Card>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredWorkflows.length === 0 && workflows.length > 0 && (\n          <div style={{ padding: '64px 0', textAlign: 'center' }}>\n            <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n              No workflows match your filters\n            </p>\n          </div>\n        )}\n\n        {/* Workflow Grid */}\n        {filteredWorkflows.length > 0 && (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',\n              gap: 'var(--space-formGap)',\n            }}\n          >\n            {filteredWorkflows.map((workflow) => (\n              <WorkflowCard\n                key={workflow.id}\n                workflow={workflow}\n                onView={handleViewWorkflow}\n                onEdit={handleEditWorkflow}\n                onDelete={handleDeleteClick}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Delete Dialog */}\n      {currentWorkflow && (\n        <WorkflowDeleteDialog\n          workflow={currentWorkflow}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default WorkflowsPage;\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/bigconsole/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows Page\n *\n * List and manage FluidGrids Workflows.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { newWorkflowPath } from '../BigConsoleRoutes';\nimport { useWorkflowOperations } from '../hooks/useWorkflowOperations';\nimport { useWorkflowStore } from '../store/workflowStore';\nimport { WorkflowCard } from '../components/workflow/WorkflowCard';\nimport { WorkflowDeleteDialog } from '../components/workflow/WorkflowDeleteDialog';\nimport type { FluidGridsWorkflowStatus } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport {\n  AuroraBackground,\n  GradientText,\n  GlassCard,\n  IllustratedEmptyState,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, Workflow, AlertCircle } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | FluidGridsWorkflowStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowsPage = memo(function WorkflowsPage() {\n  const navigate = useAppNavigate();\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = useWorkflowStore((state) => state.searchQuery);\n  const setSearchQuery = useWorkflowStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useWorkflowStore((state) => state.deleteDialogOpen);\n  const currentWorkflow = useWorkflowStore((state) => state.currentWorkflow);\n  const openDeleteDialog = useWorkflowStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useWorkflowStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, workflows, deleteWorkflow, refetch } = useWorkflowOperations();\n\n  // Filter workflows\n  const filteredWorkflows = useMemo(() => {\n    let filtered = [...workflows];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((wf) => wf.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (wf) =>\n          wf.name.toLowerCase().includes(query) ||\n          wf.key.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [workflows, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateWorkflow = useCallback(() => {\n    navigate(newWorkflowPath());\n  }, [navigate]);\n\n  const handleViewWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const workflow = workflows.find((wf) => wf.id === id);\n      if (workflow) {\n        openDeleteDialog(workflow);\n      }\n    },\n    [workflows, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentWorkflow) {\n      try {\n        await deleteWorkflow(currentWorkflow.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentWorkflow, deleteWorkflow, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: 'All' },\n    { value: 'draft', label: 'Draft' },\n    { value: 'active', label: 'Active' },\n    { value: 'paused', label: 'Paused' },\n    { value: 'error', label: 'Error' },\n    { value: 'archived', label: 'Archived' },\n  ];\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Card\n          style={{\n            borderColor: 'var(--color-status-error-border)',\n            backgroundColor: 'var(--color-status-error-bgSubtle)',\n          }}\n        >\n          <CardContent style={{ padding: 'var(--space-pagePadding)' }}>\n            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <AlertCircle\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-status-error-text)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-body-lg)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-status-error-text)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Failed to load Workflows\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                {error.message}\n              </p>\n              <Button size=\"sm\" onClick={() => refetch()}>\n                Try Again\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Header Section */}\n      <div className=\"relative overflow-hidden border-b border-border-seam bg-gloss-card\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <Workflow\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div>\n                <h1\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-bold)',\n                    margin: 0,\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  <GradientText>Workflows</GradientText>\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  Design ETL workflows with FluidGrids and link them to DataSinks\n                </p>\n              </div>\n            </div>\n\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)' }}>\n              <Button onClick={handleCreateWorkflow}>\n                <Plus\n                  style={{\n                    marginRight: 'var(--space-iconGap)',\n                    height: 'var(--size-icon-sm)',\n                    width: 'var(--size-icon-sm)',\n                  }}\n                />\n                Design Workflow\n              </Button>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          Workflows are visual ETL jobs built with the FluidGrids builder — they fetch data from\n          external systems, transform it, and load it into your BigConsole DataSinks on a schedule\n          or on demand. Use them to keep dashboards fed with fresh, shaped data without writing\n          glue code.\n        </PagePurpose>\n\n        {/* Status Filter Tabs */}\n        <div style={{ marginBottom: 'var(--space-formGap)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '4px',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-card)',\n              width: 'fit-content',\n            }}\n          >\n            {statusOptions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setStatusFilter(option.value)}\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  border: 'none',\n                  cursor: 'pointer',\n                  transition: 'all 0.2s ease',\n                  backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                  color: statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: statusFilter === option.value ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Search Bar */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ position: 'relative', maxWidth: '400px' }}>\n            <Search\n              style={{\n                position: 'absolute',\n                left: 'var(--space-controlGap)',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                height: 'var(--size-icon-sm)',\n                width: 'var(--size-icon-sm)',\n                color: 'var(--color-text-muted)',\n              }}\n            />\n            <Input\n              type=\"text\"\n              placeholder=\"Search workflows...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n        </div>\n\n        {/* Loading state */}\n        {loading && workflows.length === 0 && (\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n            <div style={{ textAlign: 'center' }}>\n              <Spinner\n                style={{\n                  height: 'var(--size-icon-xl)',\n                  width: 'var(--size-icon-xl)',\n                  margin: '0 auto var(--space-formGap)',\n                }}\n              />\n              <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n                Loading workflows...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && workflows.length === 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No Workflows yet\"\n              description=\"Design ETL workflows with the FluidGrids visual builder to fetch, transform, and deliver data into BigConsole DataSinks.\"\n              action={\n                <Button onClick={handleCreateWorkflow}>\n                  <Plus\n                    style={{\n                      marginRight: 'var(--space-iconGap)',\n                      height: 'var(--size-icon-sm)',\n                      width: 'var(--size-icon-sm)',\n                    }}\n                  />\n                  Design Workflow\n                </Button>\n              }\n            />\n          </GlassCard>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredWorkflows.length === 0 && workflows.length > 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title=\"No matching workflows\"\n              description=\"No workflows match your filters\"\n            />\n          </GlassCard>\n        )}\n\n        {/* Workflow Grid */}\n        {filteredWorkflows.length > 0 && (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',\n              gap: 'var(--space-formGap)',\n            }}\n          >\n            {filteredWorkflows.map((workflow) => (\n              <WorkflowCard\n                key={workflow.id}\n                workflow={workflow}\n                onView={handleViewWorkflow}\n                onEdit={handleEditWorkflow}\n                onDelete={handleDeleteClick}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Delete Dialog */}\n      {currentWorkflow && (\n        <WorkflowDeleteDialog\n          workflow={currentWorkflow}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default WorkflowsPage;\n"],"mappings":"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"}

package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.js

@@ -364,23 +364,23 @@ var d = new s.HostConfig({
 		children: /* @__PURE__ */ o("div", {
 			className: "animate-pulse space-y-3 w-full",
 			children: [
-				/* @__PURE__ */ a("div", { className: "h-5 bg-muted rounded w-3/4" }),
+				/* @__PURE__ */ a("div", { className: "h-5 bg-bg-sunken rounded w-3/4" }),
 				/* @__PURE__ */ o("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ a("div", { className: "h-10 w-10 bg-muted rounded-full" }), /* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ a("div", { className: "h-10 w-10 bg-bg-sunken rounded-full" }), /* @__PURE__ */ o("div", {
 						className: "flex-1 space-y-2",
-						children: [/* @__PURE__ */ a("div", { className: "h-4 bg-muted rounded w-1/2" }), /* @__PURE__ */ a("div", { className: "h-3 bg-muted rounded w-1/3" })]
+						children: [/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }), /* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded w-1/3" })]
 					})]
 				}),
-				/* @__PURE__ */ a("div", { className: "h-4 bg-muted rounded w-full" }),
-				/* @__PURE__ */ a("div", { className: "h-4 bg-muted rounded w-5/6" }),
+				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-full" }),
+				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-5/6" }),
 				/* @__PURE__ */ o("div", {
 					className: "grid grid-cols-2 gap-2 mt-4",
 					children: [
-						/* @__PURE__ */ a("div", { className: "h-3 bg-muted rounded" }),
-						/* @__PURE__ */ a("div", { className: "h-3 bg-muted rounded" }),
-						/* @__PURE__ */ a("div", { className: "h-3 bg-muted rounded" }),
-						/* @__PURE__ */ a("div", { className: "h-3 bg-muted rounded" })
+						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" })
 					]
 				})
 			]
@@ -431,9 +431,9 @@ var d = new s.HostConfig({
 			className: "text-center max-w-sm",
 			children: [
 				/* @__PURE__ */ a("div", {
-					className: "w-12 h-12 mx-auto mb-3 rounded-full bg-muted flex items-center justify-center",
+					className: "w-12 h-12 mx-auto mb-3 rounded-full bg-bg-sunken flex items-center justify-center",
 					children: /* @__PURE__ */ a("svg", {
-						className: "w-6 h-6 text-muted-foreground",
+						className: "w-6 h-6 text-text-secondary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
@@ -450,7 +450,7 @@ var d = new s.HostConfig({
 					children: "No content"
 				}),
 				/* @__PURE__ */ a("p", {
-					className: "text-sm text-muted-foreground mt-1",
+					className: "text-sm text-text-secondary mt-1",
 					children: "Configure a template or provide data to display an Adaptive Card"
 				})
 			]

package/dist/bigconsole/renderers/adapters/AdaptiveCardRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdaptiveCardRenderer.js","names":[],"sources":["../../../../src/bigconsole/renderers/adapters/AdaptiveCardRenderer.tsx"],"sourcesContent":["/**\n * Adaptive Card Renderer (v2.1)\n *\n * Renders widgets using the official Microsoft Adaptive Cards SDK.\n * Based on patterns from https://github.com/microsoft/AdaptiveCards\n *\n * Supports full template binding with data context including:\n * - Nested object access: ${creator.name}\n * - Array iteration with $data\n * - Conditional rendering with $when\n * - Date formatting: {{DATE(${field},SHORT)}}\n * - All Adaptive Card elements and actions\n * - Markdown rendering in TextBlocks\n *\n * @see https://adaptivecards.io/\n */\n\nimport React, { memo, useEffect, useRef, useCallback, useState } from 'react';\nimport * as AdaptiveCards from 'adaptivecards';\nimport type { RendererProps } from '../types/renderer';\n\n// Type for the templating module\ntype ACDataModule = typeof import('adaptivecards-templating');\n\n// ============================================================================\n// Fallback Template Expansion (when adaptivecards-templating fails)\n// ============================================================================\n\n/**\n * Simple template expansion fallback.\n * Handles basic ${property}, ${object.property} syntax, and $data iteration.\n * Used when adaptivecards-templating library fails to load.\n */\nfunction expandTemplateFallback(\n  template: unknown,\n  data: Record<string, unknown>,\n  rootData?: Record<string, unknown>\n): unknown {\n  // Keep reference to root data for nested expansions\n  const root = rootData || data;\n\n  if (typeof template === 'string') {\n    // Replace ${property} patterns\n    return template.replace(/\\$\\{([^}]+)\\}/g, (match, path) => {\n      const trimmedPath = path.trim();\n      // Try current data first, then root data\n      let value = getNestedValue(data, trimmedPath);\n      if (value === undefined && root !== data) {\n        value = getNestedValue(root, trimmedPath);\n      }\n      return value !== undefined ? String(value) : match;\n    });\n  }\n\n  if (Array.isArray(template)) {\n    return template.flatMap((item) => {\n      const expanded = expandTemplateFallback(item, data, root);\n      return Array.isArray(expanded) ? expanded : [expanded];\n    });\n  }\n\n  if (template && typeof template === 'object') {\n    const templateObj = template as Record<string, unknown>;\n\n    // Handle $data iteration\n    if ('$data' in templateObj) {\n      const dataPath = templateObj.$data;\n      let arrayData: unknown[] = [];\n\n      if (typeof dataPath === 'string') {\n        // Extract array path from ${arrayName} pattern\n        const match = dataPath.match(/^\\$\\{([^}]+)\\}$/);\n        if (match) {\n          const arrValue = getNestedValue(data, match[1].trim()) || getNestedValue(root, match[1].trim());\n          if (Array.isArray(arrValue)) {\n            arrayData = arrValue;\n          }\n        }\n      } else if (Array.isArray(dataPath)) {\n        arrayData = dataPath;\n      }\n\n      if (arrayData.length > 0) {\n        // Create a copy of template without $data for each array item\n        const templateWithoutData = Object.fromEntries(Object.entries(templateObj).filter(([key]) => key !== '$data'));\n        return arrayData.map((item) => {\n          const itemData =\n            typeof item === 'object' && item !== null ? (item as Record<string, unknown>) : { value: item };\n          // Merge item data with root data for nested references\n          const mergedData = { ...root, ...itemData };\n          return expandTemplateFallback(templateWithoutData, mergedData, root);\n        });\n      }\n    }\n\n    const result: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(templateObj)) {\n      if (key === '$data') continue; // Already handled above\n      if (key === '$when') continue; // Skip conditional rendering in fallback\n      result[key] = expandTemplateFallback(value, data, root);\n    }\n    return result;\n  }\n\n  return template;\n}\n\n/**\n * Get nested property value from object using dot notation.\n * e.g., getNestedValue({a: {b: 1}}, 'a.b') => 1\n */\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n  const parts = path.split('.');\n  let current: unknown = obj;\n\n  for (const part of parts) {\n    if (current === null || current === undefined) return undefined;\n    if (typeof current !== 'object') return undefined;\n    current = (current as Record<string, unknown>)[part];\n  }\n\n  return current;\n}\n\n// ============================================================================\n// Markdown Processing Setup (from official adaptivecards-react)\n// ============================================================================\n\n/**\n * Simple markdown processor for Adaptive Cards.\n * Handles basic markdown syntax: **bold**, *italic*, [links](url), `code`\n */\nconst processMarkdown = (text: string): string => {\n  if (!text) return '';\n\n  const html = text\n    // Escape HTML first\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    // Bold: **text** or __text__\n    .replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>')\n    .replace(/__(.+?)__/g, '<strong>$1</strong>')\n    // Italic: *text* or _text_\n    .replace(/\\*(.+?)\\*/g, '<em>$1</em>')\n    .replace(/_(.+?)_/g, '<em>$1</em>')\n    // Code: `code`\n    .replace(\n      /`(.+?)`/g,\n      '<code style=\"background:#f3f4f6;padding:0.125rem 0.25rem;border-radius:0.25rem;font-family:monospace;\">$1</code>'\n    )\n    // Links: [text](url)\n    .replace(\n      /\\[(.+?)\\]\\((.+?)\\)/g,\n      '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2563eb;text-decoration:underline;\">$1</a>'\n    )\n    // Line breaks\n    .replace(/\\n/g, '<br/>');\n\n  return html;\n};\n\n// Set up global markdown processor for Adaptive Cards\nif (!AdaptiveCards.AdaptiveCard.onProcessMarkdown) {\n  AdaptiveCards.AdaptiveCard.onProcessMarkdown = (text, result) => {\n    result.outputHtml = processMarkdown(text);\n    result.didProcess = true;\n  };\n}\n\n// ============================================================================\n// Host Config - Customize Adaptive Card appearance\n// ============================================================================\n\nconst hostConfig = new AdaptiveCards.HostConfig({\n  fontFamily: 'Inter, system-ui, -apple-system, sans-serif',\n  containerStyles: {\n    default: {\n      backgroundColor: '#ffffff',\n      foregroundColors: {\n        default: {\n          default: '#1f2937',\n          subtle: '#6b7280',\n        },\n        accent: {\n          default: '#2563eb',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#dc2626',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#16a34a',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#d97706',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#9ca3af',\n          subtle: '#d1d5db',\n        },\n        dark: {\n          default: '#111827',\n          subtle: '#374151',\n        },\n      },\n    },\n    emphasis: {\n      backgroundColor: '#f3f4f6',\n      foregroundColors: {\n        default: {\n          default: '#1f2937',\n          subtle: '#6b7280',\n        },\n        accent: {\n          default: '#2563eb',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#dc2626',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#16a34a',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#d97706',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#9ca3af',\n          subtle: '#d1d5db',\n        },\n        dark: {\n          default: '#111827',\n          subtle: '#374151',\n        },\n      },\n    },\n  },\n  spacing: {\n    small: 4,\n    default: 8,\n    medium: 12,\n    large: 16,\n    extraLarge: 24,\n    padding: 16,\n  },\n  separator: {\n    lineThickness: 1,\n    lineColor: '#e5e7eb',\n  },\n  imageSizes: {\n    small: 40,\n    medium: 80,\n    large: 160,\n  },\n  actions: {\n    maxActions: 5,\n    spacing: AdaptiveCards.Spacing.Default,\n    buttonSpacing: 8,\n    showCard: {\n      actionMode: AdaptiveCards.ShowCardActionMode.Inline,\n      inlineTopMargin: 12,\n    },\n    actionsOrientation: AdaptiveCards.Orientation.Horizontal,\n    actionAlignment: AdaptiveCards.ActionAlignment.Left,\n  },\n  adaptiveCard: {\n    allowCustomStyle: true,\n  },\n  textBlock: {\n    headingLevel: 2,\n  },\n  factSet: {\n    title: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: true,\n      weight: AdaptiveCards.TextWeight.Bolder,\n      wrap: true,\n    },\n    value: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: false,\n      weight: AdaptiveCards.TextWeight.Default,\n      wrap: true,\n    },\n    spacing: 8,\n  },\n});\n\n// Dark mode host config - duplicating base config with dark overrides\nconst darkHostConfig = new AdaptiveCards.HostConfig({\n  fontFamily: 'Inter, system-ui, -apple-system, sans-serif',\n  spacing: {\n    small: 4,\n    default: 8,\n    medium: 12,\n    large: 16,\n    extraLarge: 24,\n    padding: 16,\n  },\n  imageSizes: {\n    small: 40,\n    medium: 80,\n    large: 160,\n  },\n  actions: {\n    maxActions: 5,\n    spacing: AdaptiveCards.Spacing.Default,\n    buttonSpacing: 8,\n    showCard: {\n      actionMode: AdaptiveCards.ShowCardActionMode.Inline,\n      inlineTopMargin: 12,\n    },\n    actionsOrientation: AdaptiveCards.Orientation.Horizontal,\n    actionAlignment: AdaptiveCards.ActionAlignment.Left,\n  },\n  adaptiveCard: {\n    allowCustomStyle: true,\n  },\n  textBlock: {\n    headingLevel: 2,\n  },\n  factSet: {\n    title: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: true,\n      weight: AdaptiveCards.TextWeight.Bolder,\n      wrap: true,\n    },\n    value: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: false,\n      weight: AdaptiveCards.TextWeight.Default,\n      wrap: true,\n    },\n    spacing: 8,\n  },\n  containerStyles: {\n    default: {\n      backgroundColor: '#111827',\n      foregroundColors: {\n        default: {\n          default: '#f9fafb',\n          subtle: '#9ca3af',\n        },\n        accent: {\n          default: '#60a5fa',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#f87171',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#4ade80',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#fbbf24',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#d1d5db',\n          subtle: '#9ca3af',\n        },\n        dark: {\n          default: '#f9fafb',\n          subtle: '#e5e7eb',\n        },\n      },\n    },\n    emphasis: {\n      backgroundColor: '#1f2937',\n      foregroundColors: {\n        default: {\n          default: '#f9fafb',\n          subtle: '#9ca3af',\n        },\n        accent: {\n          default: '#60a5fa',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#f87171',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#4ade80',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#fbbf24',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#d1d5db',\n          subtle: '#9ca3af',\n        },\n        dark: {\n          default: '#f9fafb',\n          subtle: '#e5e7eb',\n        },\n      },\n    },\n  },\n  separator: {\n    lineThickness: 1,\n    lineColor: '#374151',\n  },\n});\n\n// ============================================================================\n// Main Renderer Component\n// ============================================================================\n\nexport const AdaptiveCardRenderer: React.FC<RendererProps> = memo(function AdaptiveCardRenderer({\n  widget,\n  data,\n  template,\n  isLoading,\n  error,\n  onAction,\n}) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cardRef = useRef<AdaptiveCards.AdaptiveCard | null>(null);\n  const [renderError, setRenderError] = useState<string | null>(null);\n  const [isDarkMode, setIsDarkMode] = useState(false);\n  const [templateWarnings, setTemplateWarnings] = useState<string[]>([]);\n  const [acDataModule, setAcDataModule] = useState<ACDataModule | null>(null);\n  const [templatingError, setTemplatingError] = useState<string | null>(null);\n\n  // Load adaptivecards-templating dynamically to avoid Node.js polyfill issues\n  useEffect(() => {\n    let mounted = true;\n\n    import('adaptivecards-templating')\n      .then((module) => {\n        if (mounted) {\n          setAcDataModule(module);\n        }\n      })\n      .catch((err) => {\n        if (mounted) {\n          setTemplatingError(err.message || 'Failed to load templating library');\n        }\n      });\n\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  // Detect dark mode\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    // Watch for changes\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Handle action execution\n  const handleAction = useCallback(\n    (action: AdaptiveCards.Action) => {\n      if (action instanceof AdaptiveCards.OpenUrlAction) {\n        // Open URL in new tab\n        if (action.url) {\n          window.open(action.url, '_blank', 'noopener,noreferrer');\n        }\n      } else if (action instanceof AdaptiveCards.SubmitAction) {\n        // Call onAction callback with action data\n        if (onAction) {\n          onAction(action.title || 'submit', (action.data as Record<string, unknown>) || {});\n        }\n      } else if (action instanceof AdaptiveCards.ExecuteAction) {\n        // Call onAction callback with verb and data\n        if (onAction) {\n          onAction(action.verb || 'execute', (action.data as Record<string, unknown>) || {});\n        }\n      } else if (action instanceof AdaptiveCards.ShowCardAction) {\n        // ShowCard is handled inline by the SDK\n      } else {\n      }\n    },\n    [onAction]\n  );\n\n  // Render the Adaptive Card\n  useEffect(() => {\n    if (!containerRef.current) return;\n    if (isLoading) return;\n\n    // Clear previous content safely\n    containerRef.current.innerHTML = '';\n    setRenderError(null);\n    setTemplateWarnings([]);\n\n    // Debug logging\n\n    try {\n      let cardPayload: object | null = null;\n      let warnings: string[] = [];\n\n      // Determine the card payload\n      if (template) {\n        // We have a template - use templating engine if available\n        const templateObj = typeof template === 'string' ? JSON.parse(template) : template;\n\n        if (acDataModule) {\n          try {\n            // Create template instance using dynamically loaded module\n            const cardTemplate = new acDataModule.Template(templateObj);\n\n            // Create evaluation context with data\n            // Supports $root for data, $host for host application context\n            const context = {\n              $root: data || {},\n              $host: {\n                widgetId: widget?.id,\n                widgetTitle: widget?.title,\n                theme: isDarkMode ? 'dark' : 'light',\n              },\n            };\n\n            // Expand template with data\n            cardPayload = cardTemplate.expand(context);\n\n            // Capture any template expansion warnings\n            warnings = cardTemplate.getLastTemplateExpansionWarnings();\n            if (warnings.length > 0) {\n              setTemplateWarnings(warnings);\n            }\n          } catch (templatingErr) {\n            // Templating library threw an error - use fallback\n            cardPayload = expandTemplateFallback(templateObj, (data || {}) as Record<string, unknown>) as object;\n            warnings.push('Using simplified template expansion (some features may not work)');\n            setTemplateWarnings(warnings);\n          }\n        } else {\n          // Templating not available - use fallback expansion\n          cardPayload = expandTemplateFallback(templateObj, (data || {}) as Record<string, unknown>) as object;\n          if (templatingError) {\n            warnings.push(`Using fallback expansion: ${templatingError}`);\n            setTemplateWarnings(warnings);\n          }\n        }\n      } else if (data && typeof data === 'object' && 'type' in data && data.type === 'AdaptiveCard') {\n        // Data is already an Adaptive Card\n        cardPayload = data;\n      } else if (data && typeof data === 'object' && 'body' in data) {\n        // Data has body property - treat as Adaptive Card\n        cardPayload = {\n          type: 'AdaptiveCard',\n          version: '1.6',\n          ...data,\n        };\n      }\n\n      if (!cardPayload) {\n        setRenderError('No template or valid Adaptive Card data provided');\n        return;\n      }\n\n      // Create or reuse Adaptive Card instance\n      if (!cardRef.current) {\n        cardRef.current = new AdaptiveCards.AdaptiveCard();\n      }\n      const adaptiveCard = cardRef.current;\n\n      // Set host config based on theme\n      adaptiveCard.hostConfig = isDarkMode ? darkHostConfig : hostConfig;\n\n      // Set action handler\n      adaptiveCard.onExecuteAction = handleAction;\n\n      // Parse the card payload\n      adaptiveCard.parse(cardPayload);\n\n      // Render to HTML element\n      const renderedCard = adaptiveCard.render();\n\n      if (renderedCard) {\n        // Apply additional styling\n        renderedCard.style.height = '100%';\n        renderedCard.style.overflow = 'auto';\n\n        // Add class for styling consistency\n        renderedCard.classList.add('adaptive-card-container');\n\n        // Append to container\n        containerRef.current.appendChild(renderedCard);\n      } else {\n        setRenderError('Failed to render Adaptive Card');\n      }\n    } catch (e) {\n      setRenderError((e as Error).message || 'Unknown error rendering card');\n    }\n  }, [template, data, widget, isLoading, isDarkMode, handleAction, acDataModule, templatingError]);\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 animate-in fade-in duration-200\">\n        <div className=\"animate-pulse space-y-3 w-full\">\n          <div className=\"h-5 bg-muted rounded w-3/4\" />\n          <div className=\"flex gap-3\">\n            <div className=\"h-10 w-10 bg-muted rounded-full\" />\n            <div className=\"flex-1 space-y-2\">\n              <div className=\"h-4 bg-muted rounded w-1/2\" />\n              <div className=\"h-3 bg-muted rounded w-1/3\" />\n            </div>\n          </div>\n          <div className=\"h-4 bg-muted rounded w-full\" />\n          <div className=\"h-4 bg-muted rounded w-5/6\" />\n          <div className=\"grid grid-cols-2 gap-2 mt-4\">\n            <div className=\"h-3 bg-muted rounded\" />\n            <div className=\"h-3 bg-muted rounded\" />\n            <div className=\"h-3 bg-muted rounded\" />\n            <div className=\"h-3 bg-muted rounded\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error || renderError) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4\">\n        <div className=\"text-center max-w-sm\">\n          <div className=\"w-12 h-12 mx-auto mb-3 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center\">\n            <svg\n              className=\"w-6 h-6 text-red-600 dark:text-red-400\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          </div>\n          <p className=\"font-medium text-state-error\">Error rendering card</p>\n          <p className=\"text-sm text-secondary mt-1\">{error || renderError}</p>\n          {templateWarnings.length > 0 && (\n            <div className=\"mt-3 p-2 bg-yellow-50 dark:bg-yellow-900/20 rounded text-left\">\n              <p className=\"text-xs font-medium text-yellow-700 dark:text-yellow-400 mb-1\">Template Warnings:</p>\n              {templateWarnings.map((warning, i) => (\n                <p key={i} className=\"text-xs text-yellow-600 dark:text-yellow-300\">\n                  {warning}\n                </p>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Empty state - no template or data\n  if (!template && !data) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 animate-in fade-in duration-200\">\n        <div className=\"text-center max-w-sm\">\n          <div className=\"w-12 h-12 mx-auto mb-3 rounded-full bg-muted flex items-center justify-center\">\n            <svg className=\"w-6 h-6 text-muted-foreground\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n          </div>\n          <p className=\"font-medium text-secondary\">No content</p>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            Configure a template or provide data to display an Adaptive Card\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"adaptive-card-wrapper h-full overflow-auto\"\n      style={{\n        // CSS custom properties for further customization\n        ['--ac-font-family' as string]: 'Inter, system-ui, -apple-system, sans-serif',\n      }}\n    />\n  );\n});\n\n// ============================================================================\n// Global Styles for Adaptive Cards\n// ============================================================================\n\n// Inject global styles for Adaptive Cards\nconst styleId = 'adaptive-card-global-styles';\nif (typeof document !== 'undefined' && !document.getElementById(styleId)) {\n  const style = document.createElement('style');\n  style.id = styleId;\n  style.textContent = `\n    .adaptive-card-wrapper {\n      font-family: Inter, system-ui, -apple-system, sans-serif;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock {\n      font-family: inherit;\n    }\n\n    .adaptive-card-wrapper .ac-image.ac-image-person {\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton {\n      font-family: inherit;\n      font-weight: 500;\n      border-radius: 0.375rem;\n      padding: 0.5rem 1rem;\n      transition: all 0.15s ease-in-out;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton:hover {\n      filter: brightness(0.95);\n    }\n\n    .adaptive-card-wrapper .ac-input {\n      font-family: inherit;\n      border-radius: 0.375rem;\n      border: 1px solid #d1d5db;\n      padding: 0.5rem 0.75rem;\n    }\n\n    .dark .adaptive-card-wrapper .ac-input {\n      border-color: #4b5563;\n      background-color: #1f2937;\n      color: #f9fafb;\n    }\n\n    .adaptive-card-wrapper .ac-input:focus {\n      outline: none;\n      ring: 2px;\n      ring-color: #3b82f6;\n    }\n\n    .adaptive-card-wrapper .ac-separator {\n      margin: 0.5rem 0;\n    }\n\n    .adaptive-card-wrapper .ac-factSet {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: 0.25rem 1rem;\n    }\n\n    .adaptive-card-wrapper .ac-fact-title {\n      color: #6b7280;\n    }\n\n    .dark .adaptive-card-wrapper .ac-fact-title {\n      color: #9ca3af;\n    }\n\n    .adaptive-card-wrapper .ac-actionSet {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-top: 1rem;\n      padding-top: 1rem;\n      border-top: 1px solid #e5e7eb;\n    }\n\n    .dark .adaptive-card-wrapper .ac-actionSet {\n      border-top-color: #374151;\n    }\n\n    /* Markdown rendered code blocks in dark mode */\n    .dark .adaptive-card-wrapper code {\n      background: #374151 !important;\n      color: #f9fafb !important;\n    }\n\n    /* Markdown links in dark mode */\n    .dark .adaptive-card-wrapper a {\n      color: #60a5fa !important;\n    }\n\n    /* TextBlock with markdown - ensure proper wrapping */\n    .adaptive-card-wrapper .ac-textBlock p {\n      margin: 0;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock strong {\n      font-weight: 600;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock em {\n      font-style: italic;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport default AdaptiveCardRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"AdaptiveCardRenderer.js","names":[],"sources":["../../../../src/bigconsole/renderers/adapters/AdaptiveCardRenderer.tsx"],"sourcesContent":["/**\n * Adaptive Card Renderer (v2.1)\n *\n * Renders widgets using the official Microsoft Adaptive Cards SDK.\n * Based on patterns from https://github.com/microsoft/AdaptiveCards\n *\n * Supports full template binding with data context including:\n * - Nested object access: ${creator.name}\n * - Array iteration with $data\n * - Conditional rendering with $when\n * - Date formatting: {{DATE(${field},SHORT)}}\n * - All Adaptive Card elements and actions\n * - Markdown rendering in TextBlocks\n *\n * @see https://adaptivecards.io/\n */\n\nimport React, { memo, useEffect, useRef, useCallback, useState } from 'react';\nimport * as AdaptiveCards from 'adaptivecards';\nimport type { RendererProps } from '../types/renderer';\n\n// Type for the templating module\ntype ACDataModule = typeof import('adaptivecards-templating');\n\n// ============================================================================\n// Fallback Template Expansion (when adaptivecards-templating fails)\n// ============================================================================\n\n/**\n * Simple template expansion fallback.\n * Handles basic ${property}, ${object.property} syntax, and $data iteration.\n * Used when adaptivecards-templating library fails to load.\n */\nfunction expandTemplateFallback(\n  template: unknown,\n  data: Record<string, unknown>,\n  rootData?: Record<string, unknown>\n): unknown {\n  // Keep reference to root data for nested expansions\n  const root = rootData || data;\n\n  if (typeof template === 'string') {\n    // Replace ${property} patterns\n    return template.replace(/\\$\\{([^}]+)\\}/g, (match, path) => {\n      const trimmedPath = path.trim();\n      // Try current data first, then root data\n      let value = getNestedValue(data, trimmedPath);\n      if (value === undefined && root !== data) {\n        value = getNestedValue(root, trimmedPath);\n      }\n      return value !== undefined ? String(value) : match;\n    });\n  }\n\n  if (Array.isArray(template)) {\n    return template.flatMap((item) => {\n      const expanded = expandTemplateFallback(item, data, root);\n      return Array.isArray(expanded) ? expanded : [expanded];\n    });\n  }\n\n  if (template && typeof template === 'object') {\n    const templateObj = template as Record<string, unknown>;\n\n    // Handle $data iteration\n    if ('$data' in templateObj) {\n      const dataPath = templateObj.$data;\n      let arrayData: unknown[] = [];\n\n      if (typeof dataPath === 'string') {\n        // Extract array path from ${arrayName} pattern\n        const match = dataPath.match(/^\\$\\{([^}]+)\\}$/);\n        if (match) {\n          const arrValue = getNestedValue(data, match[1].trim()) || getNestedValue(root, match[1].trim());\n          if (Array.isArray(arrValue)) {\n            arrayData = arrValue;\n          }\n        }\n      } else if (Array.isArray(dataPath)) {\n        arrayData = dataPath;\n      }\n\n      if (arrayData.length > 0) {\n        // Create a copy of template without $data for each array item\n        const templateWithoutData = Object.fromEntries(Object.entries(templateObj).filter(([key]) => key !== '$data'));\n        return arrayData.map((item) => {\n          const itemData =\n            typeof item === 'object' && item !== null ? (item as Record<string, unknown>) : { value: item };\n          // Merge item data with root data for nested references\n          const mergedData = { ...root, ...itemData };\n          return expandTemplateFallback(templateWithoutData, mergedData, root);\n        });\n      }\n    }\n\n    const result: Record<string, unknown> = {};\n    for (const [key, value] of Object.entries(templateObj)) {\n      if (key === '$data') continue; // Already handled above\n      if (key === '$when') continue; // Skip conditional rendering in fallback\n      result[key] = expandTemplateFallback(value, data, root);\n    }\n    return result;\n  }\n\n  return template;\n}\n\n/**\n * Get nested property value from object using dot notation.\n * e.g., getNestedValue({a: {b: 1}}, 'a.b') => 1\n */\nfunction getNestedValue(obj: Record<string, unknown>, path: string): unknown {\n  const parts = path.split('.');\n  let current: unknown = obj;\n\n  for (const part of parts) {\n    if (current === null || current === undefined) return undefined;\n    if (typeof current !== 'object') return undefined;\n    current = (current as Record<string, unknown>)[part];\n  }\n\n  return current;\n}\n\n// ============================================================================\n// Markdown Processing Setup (from official adaptivecards-react)\n// ============================================================================\n\n/**\n * Simple markdown processor for Adaptive Cards.\n * Handles basic markdown syntax: **bold**, *italic*, [links](url), `code`\n */\nconst processMarkdown = (text: string): string => {\n  if (!text) return '';\n\n  const html = text\n    // Escape HTML first\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n    // Bold: **text** or __text__\n    .replace(/\\*\\*(.+?)\\*\\*/g, '<strong>$1</strong>')\n    .replace(/__(.+?)__/g, '<strong>$1</strong>')\n    // Italic: *text* or _text_\n    .replace(/\\*(.+?)\\*/g, '<em>$1</em>')\n    .replace(/_(.+?)_/g, '<em>$1</em>')\n    // Code: `code`\n    .replace(\n      /`(.+?)`/g,\n      '<code style=\"background:#f3f4f6;padding:0.125rem 0.25rem;border-radius:0.25rem;font-family:monospace;\">$1</code>'\n    )\n    // Links: [text](url)\n    .replace(\n      /\\[(.+?)\\]\\((.+?)\\)/g,\n      '<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2563eb;text-decoration:underline;\">$1</a>'\n    )\n    // Line breaks\n    .replace(/\\n/g, '<br/>');\n\n  return html;\n};\n\n// Set up global markdown processor for Adaptive Cards\nif (!AdaptiveCards.AdaptiveCard.onProcessMarkdown) {\n  AdaptiveCards.AdaptiveCard.onProcessMarkdown = (text, result) => {\n    result.outputHtml = processMarkdown(text);\n    result.didProcess = true;\n  };\n}\n\n// ============================================================================\n// Host Config - Customize Adaptive Card appearance\n// ============================================================================\n\nconst hostConfig = new AdaptiveCards.HostConfig({\n  fontFamily: 'Inter, system-ui, -apple-system, sans-serif',\n  containerStyles: {\n    default: {\n      backgroundColor: '#ffffff',\n      foregroundColors: {\n        default: {\n          default: '#1f2937',\n          subtle: '#6b7280',\n        },\n        accent: {\n          default: '#2563eb',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#dc2626',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#16a34a',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#d97706',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#9ca3af',\n          subtle: '#d1d5db',\n        },\n        dark: {\n          default: '#111827',\n          subtle: '#374151',\n        },\n      },\n    },\n    emphasis: {\n      backgroundColor: '#f3f4f6',\n      foregroundColors: {\n        default: {\n          default: '#1f2937',\n          subtle: '#6b7280',\n        },\n        accent: {\n          default: '#2563eb',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#dc2626',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#16a34a',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#d97706',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#9ca3af',\n          subtle: '#d1d5db',\n        },\n        dark: {\n          default: '#111827',\n          subtle: '#374151',\n        },\n      },\n    },\n  },\n  spacing: {\n    small: 4,\n    default: 8,\n    medium: 12,\n    large: 16,\n    extraLarge: 24,\n    padding: 16,\n  },\n  separator: {\n    lineThickness: 1,\n    lineColor: '#e5e7eb',\n  },\n  imageSizes: {\n    small: 40,\n    medium: 80,\n    large: 160,\n  },\n  actions: {\n    maxActions: 5,\n    spacing: AdaptiveCards.Spacing.Default,\n    buttonSpacing: 8,\n    showCard: {\n      actionMode: AdaptiveCards.ShowCardActionMode.Inline,\n      inlineTopMargin: 12,\n    },\n    actionsOrientation: AdaptiveCards.Orientation.Horizontal,\n    actionAlignment: AdaptiveCards.ActionAlignment.Left,\n  },\n  adaptiveCard: {\n    allowCustomStyle: true,\n  },\n  textBlock: {\n    headingLevel: 2,\n  },\n  factSet: {\n    title: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: true,\n      weight: AdaptiveCards.TextWeight.Bolder,\n      wrap: true,\n    },\n    value: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: false,\n      weight: AdaptiveCards.TextWeight.Default,\n      wrap: true,\n    },\n    spacing: 8,\n  },\n});\n\n// Dark mode host config - duplicating base config with dark overrides\nconst darkHostConfig = new AdaptiveCards.HostConfig({\n  fontFamily: 'Inter, system-ui, -apple-system, sans-serif',\n  spacing: {\n    small: 4,\n    default: 8,\n    medium: 12,\n    large: 16,\n    extraLarge: 24,\n    padding: 16,\n  },\n  imageSizes: {\n    small: 40,\n    medium: 80,\n    large: 160,\n  },\n  actions: {\n    maxActions: 5,\n    spacing: AdaptiveCards.Spacing.Default,\n    buttonSpacing: 8,\n    showCard: {\n      actionMode: AdaptiveCards.ShowCardActionMode.Inline,\n      inlineTopMargin: 12,\n    },\n    actionsOrientation: AdaptiveCards.Orientation.Horizontal,\n    actionAlignment: AdaptiveCards.ActionAlignment.Left,\n  },\n  adaptiveCard: {\n    allowCustomStyle: true,\n  },\n  textBlock: {\n    headingLevel: 2,\n  },\n  factSet: {\n    title: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: true,\n      weight: AdaptiveCards.TextWeight.Bolder,\n      wrap: true,\n    },\n    value: {\n      color: AdaptiveCards.TextColor.Default,\n      size: AdaptiveCards.TextSize.Default,\n      isSubtle: false,\n      weight: AdaptiveCards.TextWeight.Default,\n      wrap: true,\n    },\n    spacing: 8,\n  },\n  containerStyles: {\n    default: {\n      backgroundColor: '#111827',\n      foregroundColors: {\n        default: {\n          default: '#f9fafb',\n          subtle: '#9ca3af',\n        },\n        accent: {\n          default: '#60a5fa',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#f87171',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#4ade80',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#fbbf24',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#d1d5db',\n          subtle: '#9ca3af',\n        },\n        dark: {\n          default: '#f9fafb',\n          subtle: '#e5e7eb',\n        },\n      },\n    },\n    emphasis: {\n      backgroundColor: '#1f2937',\n      foregroundColors: {\n        default: {\n          default: '#f9fafb',\n          subtle: '#9ca3af',\n        },\n        accent: {\n          default: '#60a5fa',\n          subtle: '#3b82f6',\n        },\n        attention: {\n          default: '#f87171',\n          subtle: '#ef4444',\n        },\n        good: {\n          default: '#4ade80',\n          subtle: '#22c55e',\n        },\n        warning: {\n          default: '#fbbf24',\n          subtle: '#f59e0b',\n        },\n        light: {\n          default: '#d1d5db',\n          subtle: '#9ca3af',\n        },\n        dark: {\n          default: '#f9fafb',\n          subtle: '#e5e7eb',\n        },\n      },\n    },\n  },\n  separator: {\n    lineThickness: 1,\n    lineColor: '#374151',\n  },\n});\n\n// ============================================================================\n// Main Renderer Component\n// ============================================================================\n\nexport const AdaptiveCardRenderer: React.FC<RendererProps> = memo(function AdaptiveCardRenderer({\n  widget,\n  data,\n  template,\n  isLoading,\n  error,\n  onAction,\n}) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const cardRef = useRef<AdaptiveCards.AdaptiveCard | null>(null);\n  const [renderError, setRenderError] = useState<string | null>(null);\n  const [isDarkMode, setIsDarkMode] = useState(false);\n  const [templateWarnings, setTemplateWarnings] = useState<string[]>([]);\n  const [acDataModule, setAcDataModule] = useState<ACDataModule | null>(null);\n  const [templatingError, setTemplatingError] = useState<string | null>(null);\n\n  // Load adaptivecards-templating dynamically to avoid Node.js polyfill issues\n  useEffect(() => {\n    let mounted = true;\n\n    import('adaptivecards-templating')\n      .then((module) => {\n        if (mounted) {\n          setAcDataModule(module);\n        }\n      })\n      .catch((err) => {\n        if (mounted) {\n          setTemplatingError(err.message || 'Failed to load templating library');\n        }\n      });\n\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  // Detect dark mode\n  useEffect(() => {\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n    checkDarkMode();\n\n    // Watch for changes\n    const observer = new MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Handle action execution\n  const handleAction = useCallback(\n    (action: AdaptiveCards.Action) => {\n      if (action instanceof AdaptiveCards.OpenUrlAction) {\n        // Open URL in new tab\n        if (action.url) {\n          window.open(action.url, '_blank', 'noopener,noreferrer');\n        }\n      } else if (action instanceof AdaptiveCards.SubmitAction) {\n        // Call onAction callback with action data\n        if (onAction) {\n          onAction(action.title || 'submit', (action.data as Record<string, unknown>) || {});\n        }\n      } else if (action instanceof AdaptiveCards.ExecuteAction) {\n        // Call onAction callback with verb and data\n        if (onAction) {\n          onAction(action.verb || 'execute', (action.data as Record<string, unknown>) || {});\n        }\n      } else if (action instanceof AdaptiveCards.ShowCardAction) {\n        // ShowCard is handled inline by the SDK\n      } else {\n      }\n    },\n    [onAction]\n  );\n\n  // Render the Adaptive Card\n  useEffect(() => {\n    if (!containerRef.current) return;\n    if (isLoading) return;\n\n    // Clear previous content safely\n    containerRef.current.innerHTML = '';\n    setRenderError(null);\n    setTemplateWarnings([]);\n\n    // Debug logging\n\n    try {\n      let cardPayload: object | null = null;\n      let warnings: string[] = [];\n\n      // Determine the card payload\n      if (template) {\n        // We have a template - use templating engine if available\n        const templateObj = typeof template === 'string' ? JSON.parse(template) : template;\n\n        if (acDataModule) {\n          try {\n            // Create template instance using dynamically loaded module\n            const cardTemplate = new acDataModule.Template(templateObj);\n\n            // Create evaluation context with data\n            // Supports $root for data, $host for host application context\n            const context = {\n              $root: data || {},\n              $host: {\n                widgetId: widget?.id,\n                widgetTitle: widget?.title,\n                theme: isDarkMode ? 'dark' : 'light',\n              },\n            };\n\n            // Expand template with data\n            cardPayload = cardTemplate.expand(context);\n\n            // Capture any template expansion warnings\n            warnings = cardTemplate.getLastTemplateExpansionWarnings();\n            if (warnings.length > 0) {\n              setTemplateWarnings(warnings);\n            }\n          } catch (templatingErr) {\n            // Templating library threw an error - use fallback\n            cardPayload = expandTemplateFallback(templateObj, (data || {}) as Record<string, unknown>) as object;\n            warnings.push('Using simplified template expansion (some features may not work)');\n            setTemplateWarnings(warnings);\n          }\n        } else {\n          // Templating not available - use fallback expansion\n          cardPayload = expandTemplateFallback(templateObj, (data || {}) as Record<string, unknown>) as object;\n          if (templatingError) {\n            warnings.push(`Using fallback expansion: ${templatingError}`);\n            setTemplateWarnings(warnings);\n          }\n        }\n      } else if (data && typeof data === 'object' && 'type' in data && data.type === 'AdaptiveCard') {\n        // Data is already an Adaptive Card\n        cardPayload = data;\n      } else if (data && typeof data === 'object' && 'body' in data) {\n        // Data has body property - treat as Adaptive Card\n        cardPayload = {\n          type: 'AdaptiveCard',\n          version: '1.6',\n          ...data,\n        };\n      }\n\n      if (!cardPayload) {\n        setRenderError('No template or valid Adaptive Card data provided');\n        return;\n      }\n\n      // Create or reuse Adaptive Card instance\n      if (!cardRef.current) {\n        cardRef.current = new AdaptiveCards.AdaptiveCard();\n      }\n      const adaptiveCard = cardRef.current;\n\n      // Set host config based on theme\n      adaptiveCard.hostConfig = isDarkMode ? darkHostConfig : hostConfig;\n\n      // Set action handler\n      adaptiveCard.onExecuteAction = handleAction;\n\n      // Parse the card payload\n      adaptiveCard.parse(cardPayload);\n\n      // Render to HTML element\n      const renderedCard = adaptiveCard.render();\n\n      if (renderedCard) {\n        // Apply additional styling\n        renderedCard.style.height = '100%';\n        renderedCard.style.overflow = 'auto';\n\n        // Add class for styling consistency\n        renderedCard.classList.add('adaptive-card-container');\n\n        // Append to container\n        containerRef.current.appendChild(renderedCard);\n      } else {\n        setRenderError('Failed to render Adaptive Card');\n      }\n    } catch (e) {\n      setRenderError((e as Error).message || 'Unknown error rendering card');\n    }\n  }, [template, data, widget, isLoading, isDarkMode, handleAction, acDataModule, templatingError]);\n\n  // Loading state\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 animate-in fade-in duration-200\">\n        <div className=\"animate-pulse space-y-3 w-full\">\n          <div className=\"h-5 bg-bg-sunken rounded w-3/4\" />\n          <div className=\"flex gap-3\">\n            <div className=\"h-10 w-10 bg-bg-sunken rounded-full\" />\n            <div className=\"flex-1 space-y-2\">\n              <div className=\"h-4 bg-bg-sunken rounded w-1/2\" />\n              <div className=\"h-3 bg-bg-sunken rounded w-1/3\" />\n            </div>\n          </div>\n          <div className=\"h-4 bg-bg-sunken rounded w-full\" />\n          <div className=\"h-4 bg-bg-sunken rounded w-5/6\" />\n          <div className=\"grid grid-cols-2 gap-2 mt-4\">\n            <div className=\"h-3 bg-bg-sunken rounded\" />\n            <div className=\"h-3 bg-bg-sunken rounded\" />\n            <div className=\"h-3 bg-bg-sunken rounded\" />\n            <div className=\"h-3 bg-bg-sunken rounded\" />\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  // Error state\n  if (error || renderError) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4\">\n        <div className=\"text-center max-w-sm\">\n          <div className=\"w-12 h-12 mx-auto mb-3 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center\">\n            <svg\n              className=\"w-6 h-6 text-red-600 dark:text-red-400\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z\"\n              />\n            </svg>\n          </div>\n          <p className=\"font-medium text-state-error\">Error rendering card</p>\n          <p className=\"text-sm text-secondary mt-1\">{error || renderError}</p>\n          {templateWarnings.length > 0 && (\n            <div className=\"mt-3 p-2 bg-yellow-50 dark:bg-yellow-900/20 rounded text-left\">\n              <p className=\"text-xs font-medium text-yellow-700 dark:text-yellow-400 mb-1\">Template Warnings:</p>\n              {templateWarnings.map((warning, i) => (\n                <p key={i} className=\"text-xs text-yellow-600 dark:text-yellow-300\">\n                  {warning}\n                </p>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  // Empty state - no template or data\n  if (!template && !data) {\n    return (\n      <div className=\"flex items-center justify-center h-full p-4 animate-in fade-in duration-200\">\n        <div className=\"text-center max-w-sm\">\n          <div className=\"w-12 h-12 mx-auto mb-3 rounded-full bg-bg-sunken flex items-center justify-center\">\n            <svg className=\"w-6 h-6 text-text-secondary\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z\"\n              />\n            </svg>\n          </div>\n          <p className=\"font-medium text-secondary\">No content</p>\n          <p className=\"text-sm text-text-secondary mt-1\">\n            Configure a template or provide data to display an Adaptive Card\n          </p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"adaptive-card-wrapper h-full overflow-auto\"\n      style={{\n        // CSS custom properties for further customization\n        ['--ac-font-family' as string]: 'Inter, system-ui, -apple-system, sans-serif',\n      }}\n    />\n  );\n});\n\n// ============================================================================\n// Global Styles for Adaptive Cards\n// ============================================================================\n\n// Inject global styles for Adaptive Cards\nconst styleId = 'adaptive-card-global-styles';\nif (typeof document !== 'undefined' && !document.getElementById(styleId)) {\n  const style = document.createElement('style');\n  style.id = styleId;\n  style.textContent = `\n    .adaptive-card-wrapper {\n      font-family: Inter, system-ui, -apple-system, sans-serif;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock {\n      font-family: inherit;\n    }\n\n    .adaptive-card-wrapper .ac-image.ac-image-person {\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton {\n      font-family: inherit;\n      font-weight: 500;\n      border-radius: 0.375rem;\n      padding: 0.5rem 1rem;\n      transition: all 0.15s ease-in-out;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton:hover {\n      filter: brightness(0.95);\n    }\n\n    .adaptive-card-wrapper .ac-input {\n      font-family: inherit;\n      border-radius: 0.375rem;\n      border: 1px solid #d1d5db;\n      padding: 0.5rem 0.75rem;\n    }\n\n    .dark .adaptive-card-wrapper .ac-input {\n      border-color: #4b5563;\n      background-color: #1f2937;\n      color: #f9fafb;\n    }\n\n    .adaptive-card-wrapper .ac-input:focus {\n      outline: none;\n      ring: 2px;\n      ring-color: #3b82f6;\n    }\n\n    .adaptive-card-wrapper .ac-separator {\n      margin: 0.5rem 0;\n    }\n\n    .adaptive-card-wrapper .ac-factSet {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: 0.25rem 1rem;\n    }\n\n    .adaptive-card-wrapper .ac-fact-title {\n      color: #6b7280;\n    }\n\n    .dark .adaptive-card-wrapper .ac-fact-title {\n      color: #9ca3af;\n    }\n\n    .adaptive-card-wrapper .ac-actionSet {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-top: 1rem;\n      padding-top: 1rem;\n      border-top: 1px solid #e5e7eb;\n    }\n\n    .dark .adaptive-card-wrapper .ac-actionSet {\n      border-top-color: #374151;\n    }\n\n    /* Markdown rendered code blocks in dark mode */\n    .dark .adaptive-card-wrapper code {\n      background: #374151 !important;\n      color: #f9fafb !important;\n    }\n\n    /* Markdown links in dark mode */\n    .dark .adaptive-card-wrapper a {\n      color: #60a5fa !important;\n    }\n\n    /* TextBlock with markdown - ensure proper wrapping */\n    .adaptive-card-wrapper .ac-textBlock p {\n      margin: 0;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock strong {\n      font-weight: 600;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock em {\n      font-style: italic;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport default AdaptiveCardRenderer;\n"],"mappings":"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"}

package/dist/bigconsole/renderers/adapters/BigConsoleRenderer.js

@@ -35,7 +35,7 @@ var i = e.lazy(() => import("../../components/widgets/metric-card/index.js").the
 	return d ? /* @__PURE__ */ t(e.Suspense, {
 		fallback: /* @__PURE__ */ t("div", {
 			className: "flex items-center justify-center h-full animate-in fade-in duration-200",
-			children: /* @__PURE__ */ t("div", { className: "animate-pulse bg-muted rounded w-full h-full" })
+			children: /* @__PURE__ */ t("div", { className: "animate-pulse bg-bg-sunken rounded w-full h-full" })
 		}),
 		children: /* @__PURE__ */ t(d, {
 			widget: r,
@@ -47,7 +47,7 @@ var i = e.lazy(() => import("../../components/widgets/metric-card/index.js").the
 			onDrilldown: l
 		})
 	}) : /* @__PURE__ */ t("div", {
-		className: "flex items-center justify-center h-full bg-muted rounded-lg p-4 animate-in fade-in duration-200",
+		className: "flex items-center justify-center h-full bg-bg-sunken rounded-lg p-4 animate-in fade-in duration-200",
 		children: /* @__PURE__ */ n("div", {
 			className: "text-center text-secondary",
 			children: [/* @__PURE__ */ t("p", {

package/dist/bigconsole/renderers/adapters/BigConsoleRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BigConsoleRenderer.js","names":[],"sources":["../../../../src/bigconsole/renderers/adapters/BigConsoleRenderer.tsx"],"sourcesContent":["/**\n * BigConsole Native Renderer\n *\n * Pass-through renderer that uses the native BigConsole widget system.\n * This is the default renderer for all widget types.\n */\n\nimport React from 'react';\nimport type { RendererProps } from '../types/renderer';\nimport { type WidgetComponentProps } from '../../components/widgets/WidgetRegistry';\n\n// Type for widget module exports (used in lazy imports)\ninterface WidgetModule {\n  [key: string]: unknown;\n}\n\n// Helper to resolve the widget component from a module\nfunction resolveWidget(m: WidgetModule, ...names: string[]): { default: React.ComponentType<WidgetComponentProps> } {\n  for (const name of names) {\n    if (m[name]) return { default: m[name] as React.ComponentType<WidgetComponentProps> };\n  }\n  return { default: (m as { default: React.ComponentType<WidgetComponentProps> }).default };\n}\n\n// Lazy load widget components (handle both default and named exports)\nconst MetricCardWidget = React.lazy(() =>\n  import('../../components/widgets/metric-card').then((m: WidgetModule) => resolveWidget(m, 'MetricCardWidget'))\n);\nconst ChartWidget = React.lazy(() =>\n  import('../../components/widgets/chart').then((m: WidgetModule) => resolveWidget(m, 'ChartWidget'))\n);\nconst TableWidget = React.lazy(() =>\n  import('../../components/widgets/table').then((m: WidgetModule) => resolveWidget(m, 'TableWidget'))\n);\nconst GaugeWidget = React.lazy(() =>\n  import('../../components/widgets/gauge').then((m: WidgetModule) => resolveWidget(m, 'GaugeWidget'))\n);\nconst ProgressWidget = React.lazy(() =>\n  import('../../components/widgets/progress').then((m: WidgetModule) => resolveWidget(m, 'ProgressWidget'))\n);\nconst ListWidget = React.lazy(() =>\n  import('../../components/widgets/list').then((m: WidgetModule) => resolveWidget(m, 'ListWidget'))\n);\nconst TextWidget = React.lazy(() =>\n  import('../../components/widgets/text-widget').then((m: WidgetModule) => resolveWidget(m, 'TextWidget'))\n);\nconst KanbanWidget = React.lazy(() =>\n  import('../../components/widgets/kanban').then((m: WidgetModule) => resolveWidget(m, 'KanbanWidget'))\n);\nconst TimelineWidget = React.lazy(() =>\n  import('../../components/widgets/timeline').then((m: WidgetModule) => resolveWidget(m, 'TimelineWidget'))\n);\nconst CalendarWidget = React.lazy(() =>\n  import('../../components/widgets/calendar').then((m: WidgetModule) => resolveWidget(m, 'CalendarWidget'))\n);\nconst MapWidget = React.lazy(() =>\n  import('../../components/widgets/map-widget').then((m: WidgetModule) => resolveWidget(m, 'MapWidget'))\n);\nconst HeatmapWidget = React.lazy(() =>\n  import('../../components/widgets/heatmap').then((m: WidgetModule) => resolveWidget(m, 'HeatmapWidget'))\n);\nconst FunnelWidget = React.lazy(() =>\n  import('../../components/widgets/funnel').then((m: WidgetModule) =>\n    resolveWidget(m, 'FunnelWidget', 'FunnelChartWidget')\n  )\n);\nconst RetentionWidget = React.lazy(() =>\n  import('../../components/widgets/retention').then((m: WidgetModule) => resolveWidget(m, 'RetentionWidget'))\n);\nconst IframeWidget = React.lazy(() =>\n  import('../../components/widgets/iframe-widget').then((m: WidgetModule) => resolveWidget(m, 'IframeWidget'))\n);\nconst CustomWidget = React.lazy(() =>\n  import('../../components/widgets/custom').then((m: WidgetModule) => resolveWidget(m, 'CustomWidget'))\n);\nconst KpiComparisonWidget = React.lazy(() =>\n  import('../../components/widgets/kpi-comparison').then((m: WidgetModule) => resolveWidget(m, 'KpiComparisonWidget'))\n);\nconst PivotTableWidget = React.lazy(() =>\n  import('../../components/widgets/pivot-table').then((m: WidgetModule) => resolveWidget(m, 'PivotTableWidget'))\n);\nconst FormWidget = React.lazy(() =>\n  import('../../components/widgets/form').then((m: WidgetModule) => resolveWidget(m, 'FormWidget'))\n);\n\n// Widget component map\nconst WIDGET_COMPONENTS: Record<string, React.ComponentType<WidgetComponentProps>> = {\n  metric_card: MetricCardWidget,\n  chart: ChartWidget,\n  table: TableWidget,\n  gauge: GaugeWidget,\n  progress: ProgressWidget,\n  list: ListWidget,\n  text: TextWidget,\n  kanban: KanbanWidget,\n  timeline: TimelineWidget,\n  calendar: CalendarWidget,\n  map: MapWidget,\n  heatmap: HeatmapWidget,\n  funnel_chart: FunnelWidget,\n  retention: RetentionWidget,\n  form: FormWidget,\n  iframe: IframeWidget,\n  custom: CustomWidget,\n  kpi_card_comparison: KpiComparisonWidget,\n  pivot_table: PivotTableWidget,\n  // Type aliases for backwards compatibility\n  kpi: KpiComparisonWidget,\n  kpi_comparison: KpiComparisonWidget,\n  metric: MetricCardWidget,\n  funnel: FunnelWidget,\n  pivot: PivotTableWidget,\n};\n\n/**\n * BigConsole Native Renderer Component\n */\nexport const BigConsoleRenderer: React.FC<RendererProps> = ({\n  widget,\n  data,\n  isEditMode,\n  isSelected,\n  isLoading,\n  error,\n  onDrilldown,\n  onAction: _onAction,\n}) => {\n  // Normalize widget type to lowercase for lookup (handles CUSTOM -> custom, etc.)\n  const normalizedType = widget.type?.toLowerCase() || '';\n  const WidgetComponent = WIDGET_COMPONENTS[normalizedType];\n\n  if (!WidgetComponent) {\n    return (\n      <div className=\"flex items-center justify-center h-full bg-muted rounded-lg p-4 animate-in fade-in duration-200\">\n        <div className=\"text-center text-secondary\">\n          <p className=\"font-medium\">Unknown Widget Type</p>\n          <p className=\"text-sm\">{widget.type}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <React.Suspense\n      fallback={\n        <div className=\"flex items-center justify-center h-full animate-in fade-in duration-200\">\n          <div className=\"animate-pulse bg-muted rounded w-full h-full\" />\n        </div>\n      }\n    >\n      <WidgetComponent\n        widget={widget}\n        data={data}\n        isEditMode={isEditMode}\n        isSelected={isSelected}\n        isLoading={isLoading}\n        error={error}\n        onDrilldown={onDrilldown}\n      />\n    </React.Suspense>\n  );\n};\n\nexport default BigConsoleRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"BigConsoleRenderer.js","names":[],"sources":["../../../../src/bigconsole/renderers/adapters/BigConsoleRenderer.tsx"],"sourcesContent":["/**\n * BigConsole Native Renderer\n *\n * Pass-through renderer that uses the native BigConsole widget system.\n * This is the default renderer for all widget types.\n */\n\nimport React from 'react';\nimport type { RendererProps } from '../types/renderer';\nimport { type WidgetComponentProps } from '../../components/widgets/WidgetRegistry';\n\n// Type for widget module exports (used in lazy imports)\ninterface WidgetModule {\n  [key: string]: unknown;\n}\n\n// Helper to resolve the widget component from a module\nfunction resolveWidget(m: WidgetModule, ...names: string[]): { default: React.ComponentType<WidgetComponentProps> } {\n  for (const name of names) {\n    if (m[name]) return { default: m[name] as React.ComponentType<WidgetComponentProps> };\n  }\n  return { default: (m as { default: React.ComponentType<WidgetComponentProps> }).default };\n}\n\n// Lazy load widget components (handle both default and named exports)\nconst MetricCardWidget = React.lazy(() =>\n  import('../../components/widgets/metric-card').then((m: WidgetModule) => resolveWidget(m, 'MetricCardWidget'))\n);\nconst ChartWidget = React.lazy(() =>\n  import('../../components/widgets/chart').then((m: WidgetModule) => resolveWidget(m, 'ChartWidget'))\n);\nconst TableWidget = React.lazy(() =>\n  import('../../components/widgets/table').then((m: WidgetModule) => resolveWidget(m, 'TableWidget'))\n);\nconst GaugeWidget = React.lazy(() =>\n  import('../../components/widgets/gauge').then((m: WidgetModule) => resolveWidget(m, 'GaugeWidget'))\n);\nconst ProgressWidget = React.lazy(() =>\n  import('../../components/widgets/progress').then((m: WidgetModule) => resolveWidget(m, 'ProgressWidget'))\n);\nconst ListWidget = React.lazy(() =>\n  import('../../components/widgets/list').then((m: WidgetModule) => resolveWidget(m, 'ListWidget'))\n);\nconst TextWidget = React.lazy(() =>\n  import('../../components/widgets/text-widget').then((m: WidgetModule) => resolveWidget(m, 'TextWidget'))\n);\nconst KanbanWidget = React.lazy(() =>\n  import('../../components/widgets/kanban').then((m: WidgetModule) => resolveWidget(m, 'KanbanWidget'))\n);\nconst TimelineWidget = React.lazy(() =>\n  import('../../components/widgets/timeline').then((m: WidgetModule) => resolveWidget(m, 'TimelineWidget'))\n);\nconst CalendarWidget = React.lazy(() =>\n  import('../../components/widgets/calendar').then((m: WidgetModule) => resolveWidget(m, 'CalendarWidget'))\n);\nconst MapWidget = React.lazy(() =>\n  import('../../components/widgets/map-widget').then((m: WidgetModule) => resolveWidget(m, 'MapWidget'))\n);\nconst HeatmapWidget = React.lazy(() =>\n  import('../../components/widgets/heatmap').then((m: WidgetModule) => resolveWidget(m, 'HeatmapWidget'))\n);\nconst FunnelWidget = React.lazy(() =>\n  import('../../components/widgets/funnel').then((m: WidgetModule) =>\n    resolveWidget(m, 'FunnelWidget', 'FunnelChartWidget')\n  )\n);\nconst RetentionWidget = React.lazy(() =>\n  import('../../components/widgets/retention').then((m: WidgetModule) => resolveWidget(m, 'RetentionWidget'))\n);\nconst IframeWidget = React.lazy(() =>\n  import('../../components/widgets/iframe-widget').then((m: WidgetModule) => resolveWidget(m, 'IframeWidget'))\n);\nconst CustomWidget = React.lazy(() =>\n  import('../../components/widgets/custom').then((m: WidgetModule) => resolveWidget(m, 'CustomWidget'))\n);\nconst KpiComparisonWidget = React.lazy(() =>\n  import('../../components/widgets/kpi-comparison').then((m: WidgetModule) => resolveWidget(m, 'KpiComparisonWidget'))\n);\nconst PivotTableWidget = React.lazy(() =>\n  import('../../components/widgets/pivot-table').then((m: WidgetModule) => resolveWidget(m, 'PivotTableWidget'))\n);\nconst FormWidget = React.lazy(() =>\n  import('../../components/widgets/form').then((m: WidgetModule) => resolveWidget(m, 'FormWidget'))\n);\n\n// Widget component map\nconst WIDGET_COMPONENTS: Record<string, React.ComponentType<WidgetComponentProps>> = {\n  metric_card: MetricCardWidget,\n  chart: ChartWidget,\n  table: TableWidget,\n  gauge: GaugeWidget,\n  progress: ProgressWidget,\n  list: ListWidget,\n  text: TextWidget,\n  kanban: KanbanWidget,\n  timeline: TimelineWidget,\n  calendar: CalendarWidget,\n  map: MapWidget,\n  heatmap: HeatmapWidget,\n  funnel_chart: FunnelWidget,\n  retention: RetentionWidget,\n  form: FormWidget,\n  iframe: IframeWidget,\n  custom: CustomWidget,\n  kpi_card_comparison: KpiComparisonWidget,\n  pivot_table: PivotTableWidget,\n  // Type aliases for backwards compatibility\n  kpi: KpiComparisonWidget,\n  kpi_comparison: KpiComparisonWidget,\n  metric: MetricCardWidget,\n  funnel: FunnelWidget,\n  pivot: PivotTableWidget,\n};\n\n/**\n * BigConsole Native Renderer Component\n */\nexport const BigConsoleRenderer: React.FC<RendererProps> = ({\n  widget,\n  data,\n  isEditMode,\n  isSelected,\n  isLoading,\n  error,\n  onDrilldown,\n  onAction: _onAction,\n}) => {\n  // Normalize widget type to lowercase for lookup (handles CUSTOM -> custom, etc.)\n  const normalizedType = widget.type?.toLowerCase() || '';\n  const WidgetComponent = WIDGET_COMPONENTS[normalizedType];\n\n  if (!WidgetComponent) {\n    return (\n      <div className=\"flex items-center justify-center h-full bg-bg-sunken rounded-lg p-4 animate-in fade-in duration-200\">\n        <div className=\"text-center text-secondary\">\n          <p className=\"font-medium\">Unknown Widget Type</p>\n          <p className=\"text-sm\">{widget.type}</p>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <React.Suspense\n      fallback={\n        <div className=\"flex items-center justify-center h-full animate-in fade-in duration-200\">\n          <div className=\"animate-pulse bg-bg-sunken rounded w-full h-full\" />\n        </div>\n      }\n    >\n      <WidgetComponent\n        widget={widget}\n        data={data}\n        isEditMode={isEditMode}\n        isSelected={isSelected}\n        isLoading={isLoading}\n        error={error}\n        onDrilldown={onDrilldown}\n      />\n    </React.Suspense>\n  );\n};\n\nexport default BigConsoleRenderer;\n"],"mappings":"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"}

package/dist/bigconsole/renderers/adapters/BlockKitRenderer.js

@@ -25,7 +25,7 @@ function o(t) {
 			let c = a.match(/^`([^`]+)`/);
 			if (c) {
 				r.push(/* @__PURE__ */ i("code", {
-					className: "bg-muted px-1 rounded text-sm",
+					className: "bg-bg-sunken px-1 rounded text-sm",
 					children: c[1]
 				}, o++)), a = a.slice(c[0].length);
 				continue;
@@ -67,7 +67,7 @@ function s(e) {
 	switch (e) {
 		case "primary": return "bg-state-success hover:bg-state-success/90 text-white transition-colors";
 		case "danger": return "bg-state-error hover:bg-state-error/90 text-white transition-colors";
-		default: return "bg-muted hover:bg-muted/80 text-primary transition-colors";
+		default: return "bg-bg-sunken hover:bg-bg-sunken/80 text-primary transition-colors";
 	}
 }
 function c(e, t) {
@@ -332,9 +332,9 @@ var g = t(function({ widget: e, data: t, template: o, isLoading: s, error: l, on
 		children: /* @__PURE__ */ a("div", {
 			className: "animate-pulse space-y-2 w-full",
 			children: [
-				/* @__PURE__ */ i("div", { className: "h-4 bg-muted rounded w-3/4" }),
-				/* @__PURE__ */ i("div", { className: "h-4 bg-muted rounded w-1/2" }),
-				/* @__PURE__ */ i("div", { className: "h-4 bg-muted rounded w-5/6" })
+				/* @__PURE__ */ i("div", { className: "h-4 bg-bg-sunken rounded w-3/4" }),
+				/* @__PURE__ */ i("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }),
+				/* @__PURE__ */ i("div", { className: "h-4 bg-bg-sunken rounded w-5/6" })
 			]
 		})
 	}) : l ? /* @__PURE__ */ i("div", {