@burdenoff/microfe-bigconsole 2026.1006.1 → 2026.1007.10

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSinksPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSinksPage.tsx"],"sourcesContent":["/**\n * DataSinksPage\n *\n * List and manage DataSinks - fetches data from backend.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { type FC, memo, useCallback, useMemo, useState } from 'react';\nimport { formatDistanceToNow } from 'date-fns';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { getProfileScopedKey } from '@burdenoff/fe-libs/shared/utils';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { useExportDataSink } from '../hooks/useExportDataSink';\nimport { useDataSinkStore } from '../store/dataSinkStore';\nimport { formatByteSize } from '../utils';\nimport type { DataSink, DataSinkSetupState } from '../types';\nimport { DataSinkCard } from '../components/datasink/DataSinkCard';\nimport { DataSinkDeleteDialog } from '../components/datasink/DataSinkDeleteDialog';\nimport { DataSinkRefreshDialog } from '../components/datasink/DataSinkRefreshDialog';\nimport { ImportDataSinkDialog } from '../components/datasink/ImportDataSinkDialog';\n\n// fe-libs components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@burdenoff/fe-libs/ui';\nimport { Badge } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport {\n  AuroraBackground,\n  GradientText,\n  IllustratedEmptyState,\n  CTAOverflowMenu,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\n// Section-emphasis primitives (BOFF-5632)\nimport { Section, SectionStack, SECTION_FOCUS_RING } from '../components/common';\n\n// Lucide icons\nimport {\n  Plus,\n  Search,\n  AlertCircle,\n  Container,\n  X,\n  Upload,\n  LayoutGrid,\n  Table2,\n  Eye,\n  Pencil,\n  RefreshCw,\n  Download,\n  Trash2,\n} from 'lucide-react';\nimport { DataSinkStatusBadge } from '../components/datasink/DataSinkStatusBadge';\nimport { SetupStateBadge } from '../components/datasink/SetupStateBadge';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype SetupStateFilter = 'all' | 'in_progress' | 'completed';\ntype ListViewMode = 'grid' | 'table';\n\nconst VIEW_MODE_KEY = 'bigconsole-datasinks-view-mode';\n\n/**\n * Row-action buttons in the table view. `--size-controlHeight-md` (40px) replaces the\n * previous `padding: 4` around a 14px icon, which was a ~22px hit target — far\n * under the touch minimum on the one layout that is already a side-scroll.\n */\nconst TABLE_ICON_BUTTON =\n  `inline-flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center rounded-button border-0 bg-transparent text-text-muted hover:bg-bg-surface hover:text-text-primary motion-safe:transition-colors ${SECTION_FOCUS_RING}` as const;\n\n/**\n * Segmented controls clip their children (`overflow: hidden` keeps the group's\n * rounded corners), which would swallow an offset focus ring entirely — leaving\n * the buttons with no visible focus at all, since `SECTION_FOCUS_RING` also\n * suppresses the native outline. Painting the ring inside the button keeps it\n * visible without dropping the group's rounding.\n */\nconst SEGMENT_RING_FIX = 'focus-visible:ring-inset focus-visible:ring-offset-0' as const;\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\n/**\n * Determine setup state for a DataSink based on its properties.\n */\nconst getSetupState = (dataSink: DataSink): DataSinkSetupState => {\n  if (dataSink.setupState === 'completed') {\n    return 'completed';\n  }\n  if (dataSink.ttl !== null && dataSink.ttl !== undefined && dataSink.ttl > 0) {\n    return 'completed';\n  }\n  if (dataSink.fluidGridsWorkflowId && dataSink.data && Object.keys(dataSink.data).length > 0) {\n    return 'completed';\n  }\n  if (dataSink.fluidGridsWorkflowId) {\n    return 'workflow_running';\n  }\n  return 'workflow_pending';\n};\n\n/**\n * Relative \"last refreshed\" text.\n *\n * `lastRefreshedAt` is non-null on the schema, but the store's normaliser\n * substitutes `new Date()` for a missing value and an unparseable string would\n * otherwise render \"Invalid Date\", so both are guarded here.\n */\nconst formatLastRefreshed = (iso: string | null | undefined): string => {\n  if (!iso) return '—';\n  const date = new Date(iso);\n  if (Number.isNaN(date.getTime())) return '—';\n  return formatDistanceToNow(date, { addSuffix: true });\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const DataSinksPage: FC = memo(function DataSinksPage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n  const tr = useCallback(\n    (key: string, fallback: string) => {\n      const translated = t(key);\n      return translated === key ? fallback : translated;\n    },\n    [t]\n  );\n\n  // Permissions\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_READ);\n  const canCreate = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE);\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_DELETE);\n  const canExecute = hasPermission(BIGCONSOLE_PERMISSIONS.DATASINK_EXECUTE);\n\n  // Local state\n  const [setupStateFilter, setSetupStateFilter] = useState<SetupStateFilter>('all');\n  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);\n  const [viewMode, setViewMode] = useState<ListViewMode>(\n    () => (localStorage.getItem(getProfileScopedKey(VIEW_MODE_KEY)) as ListViewMode) || 'grid'\n  );\n\n  const toggleViewMode = useCallback((mode: ListViewMode) => {\n    setViewMode(mode);\n    localStorage.setItem(getProfileScopedKey(VIEW_MODE_KEY), mode);\n  }, []);\n\n  // Store state\n  const statusFilter = useDataSinkStore((state) => state.statusFilter);\n  const activeFilter = useDataSinkStore((state) => state.activeFilter);\n  const searchQuery = useDataSinkStore((state) => state.searchQuery);\n  const setStatusFilter = useDataSinkStore((state) => state.setStatusFilter);\n  const setActiveFilter = useDataSinkStore((state) => state.setActiveFilter);\n  const setSearchQuery = useDataSinkStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useDataSinkStore((state) => state.deleteDialogOpen);\n  const refreshDialogOpen = useDataSinkStore((state) => state.refreshDialogOpen);\n  const currentDataSink = useDataSinkStore((state) => state.currentDataSink);\n  const openDeleteDialog = useDataSinkStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useDataSinkStore((state) => state.closeDeleteDialog);\n  const openRefreshDialog = useDataSinkStore((state) => state.openRefreshDialog);\n  const closeRefreshDialog = useDataSinkStore((state) => state.closeRefreshDialog);\n\n  // Data operations\n  const { loading, error, dataSinks, deleteDataSink, refreshDataSink, refetch } = useDataSinkOperations();\n\n  // Export hook\n  const { downloadDataSink } = useExportDataSink();\n\n  // Compute filtered DataSinks with setup states\n  const dataSinksWithSetupState = useMemo(() => {\n    return dataSinks.map((ds) => ({\n      dataSink: ds,\n      setupState: getSetupState(ds),\n    }));\n  }, [dataSinks]);\n\n  // Compute filtered DataSinks\n  const filteredDataSinks = useMemo(() => {\n    let filtered = [...dataSinksWithSetupState];\n\n    if (setupStateFilter === 'in_progress') {\n      filtered = filtered.filter((item) => item.setupState !== 'completed');\n    } else if (setupStateFilter === 'completed') {\n      filtered = filtered.filter((item) => item.setupState === 'completed');\n    }\n\n    if (statusFilter !== null) {\n      filtered = filtered.filter((item) => item.dataSink.status === statusFilter);\n    }\n\n    if (activeFilter !== null) {\n      filtered = filtered.filter((item) => item.dataSink.isActive === activeFilter);\n    }\n\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (item) =>\n          item.dataSink.name?.toLowerCase().includes(query) ||\n          item.dataSink.key.toLowerCase().includes(query) ||\n          item.dataSink.description?.toLowerCase().includes(query)\n      );\n    }\n\n    return filtered.sort((a, b) => new Date(b.dataSink.updatedAt).getTime() - new Date(a.dataSink.updatedAt).getTime());\n  }, [dataSinksWithSetupState, setupStateFilter, statusFilter, activeFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateDataSink = useCallback(() => {\n    navigate('/datasinks/new');\n  }, [navigate]);\n\n  const handleViewDataSink = useCallback(\n    (id: string) => {\n      navigate(`/datasinks/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditDataSink = useCallback(\n    (id: string) => {\n      navigate(`/datasinks/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleRefreshClick = useCallback(\n    (id: string) => {\n      const dataSink = dataSinks.find((ds) => ds.id === id);\n      if (dataSink) {\n        openRefreshDialog(dataSink);\n      }\n    },\n    [dataSinks, openRefreshDialog]\n  );\n\n  const handleRefreshConfirm = useCallback(\n    async (forceRefresh: boolean) => {\n      if (currentDataSink) {\n        await refreshDataSink({\n          id: currentDataSink.id,\n          forceRefresh,\n        });\n        closeRefreshDialog();\n      }\n    },\n    [currentDataSink, refreshDataSink, closeRefreshDialog]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const dataSink = dataSinks.find((ds) => ds.id === id);\n      if (dataSink) {\n        openDeleteDialog(dataSink);\n      }\n    },\n    [dataSinks, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentDataSink) {\n      try {\n        await deleteDataSink(currentDataSink.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentDataSink, deleteDataSink, closeDeleteDialog]);\n\n  const handleExportDataSink = useCallback(\n    async (id: string) => {\n      const dataSink = dataSinks.find((ds) => ds.id === id);\n      if (dataSink) {\n        await downloadDataSink(id, dataSink.name || dataSink.key);\n      }\n    },\n    [dataSinks, downloadDataSink]\n  );\n\n  const handleImportDataSink = useCallback(() => {\n    setIsImportDialogOpen(true);\n  }, []);\n\n  const handleImportSuccess = useCallback(\n    (_dataSinkId: string, _dataSinkName: string | null, _wasUpdate: boolean) => {\n      // Refetch DataSinks to show the newly imported one\n      refetch();\n    },\n    [refetch]\n  );\n\n  const hasActiveFilters = useMemo(() => {\n    return setupStateFilter !== 'all' || statusFilter !== null || activeFilter !== null || searchQuery.trim() !== '';\n  }, [setupStateFilter, statusFilter, activeFilter, searchQuery]);\n\n  const handleClearFilters = useCallback(() => {\n    setSetupStateFilter('all');\n    setStatusFilter(null);\n    setActiveFilter(null);\n    setSearchQuery('');\n  }, [setStatusFilter, setActiveFilter, setSearchQuery]);\n\n  // Setup state filter options\n  const setupStateOptions: { value: SetupStateFilter; label: string }[] = [\n    { value: 'all', label: tr('bigconsole.dataSinks.filters.setupState.all', 'All') },\n    { value: 'in_progress', label: tr('bigconsole.dataSinks.filters.setupState.inProgress', 'In Progress') },\n    { value: 'completed', label: tr('bigconsole.dataSinks.filters.setupState.completed', 'Completed') },\n  ];\n\n  // Read gate — once permissions have loaded, block actors without read access.\n  if (!permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={tr('bigconsole.dataSinks.accessDenied.title', 'Access Denied')}\n        description={tr(\n          'bigconsole.dataSinks.accessDenied.description',\n          \"You don't have permission to view data sinks.\"\n        )}\n      />\n    );\n  }\n\n  // The fetch-failure state is rendered inline below (inside the page body), so\n  // the header band and page purpose survive an error instead of the whole\n  // route collapsing into a standalone error card.\n  return (\n    // No `minHeight: 100vh`: the app shell already pads this content area, so a\n    // full-viewport child guaranteed ~16-24px of vertical overflow everywhere.\n    <div className=\"min-w-0\" style={{ backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Page header strip. `border-border-seam` / `bg-gloss-card` are not\n          registered utilities in this shell — they emitted no CSS at all, so\n          this band previously rendered with neither seam nor gloss. */}\n      <header className=\"relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              gap: 'var(--space-formGap)',\n              flexWrap: 'wrap',\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: 'var(--space-formGap)',\n                flex: '1 1 280px',\n                minWidth: 0,\n              }}\n            >\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                <Container\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 style={{ minWidth: 0 }}>\n                {/* text-2xl matches the builder and detail page titles — those\n                    used `text-heading-h1`, which emits no CSS in this shell. */}\n                <h1 className=\"m-0 text-2xl font-bold text-text-primary\">\n                  <GradientText>{tr('bigconsole.dataSinks.title', 'Data Sinks')}</GradientText>\n                </h1>\n                <p className=\"m-0 text-sm text-text-secondary\">\n                  {tr('bigconsole.dataSinks.subtitle', 'Manage pre-processed data from FluidGrids workflows')}\n                </p>\n              </div>\n            </div>\n\n            {/* Create + Import both require DATASINK_CREATE; omit them entirely when not permitted. */}\n            <CTAOverflowMenu\n              primary={\n                canCreate\n                  ? {\n                      label: tr('bigconsole.dataSinks.actions.create', 'Create Data Sink'),\n                      onSelect: handleCreateDataSink,\n                      icon: (\n                        <Plus\n                          style={{\n                            marginRight: 'var(--space-iconGap)',\n                            height: 'var(--size-icon-sm)',\n                            width: 'var(--size-icon-sm)',\n                          }}\n                        />\n                      ),\n                    }\n                  : undefined\n              }\n              actions={\n                canCreate\n                  ? [\n                      {\n                        label: tr('bigconsole.dataSinks.actions.import', 'Import'),\n                        onSelect: handleImportDataSink,\n                        icon: <Upload style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />,\n                      },\n                    ]\n                  : []\n              }\n            />\n          </div>\n        </div>\n      </header>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          Data sinks are the structured destinations that hold your processed data — define a schema once and every\n          pipeline, parser, and workflow can write into it. Dashboards then query sinks directly, so a sink is where\n          your data lives and where your charts read from.\n        </PagePurpose>\n\n        <SectionStack>\n          {error ? (\n            /* The header band and page purpose stay on screen, so a fetch\n               failure no longer costs the user all page identity. */\n            <Section\n              tone=\"danger\"\n              headingLevel={2}\n              title={tr('bigconsole.dataSinks.error.title', 'Failed to load Data Sinks')}\n              description={error.message}\n              icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n              actions={\n                <Button size=\"sm\" onClick={() => refetch()}>\n                  {tr('bigconsole.dataSinks.error.retry', 'Try Again')}\n                </Button>\n              }\n            />\n          ) : (\n            <>\n              {/* Both filter affordances now live in one labelled block, so it\n                  is obvious that the tab strip and the search row compose. */}\n              <Section\n                headingLevel={2}\n                padding=\"compact\"\n                title={tr('bigconsole.dataSinks.filters.heading', 'Filters')}\n                description={tr(\n                  'bigconsole.dataSinks.filters.description',\n                  'Narrow the list by setup progress, status, or name.'\n                )}\n                bodyClassName=\"space-y-form-gap\"\n              >\n                <>\n                  {/* Setup State Filter Tabs */}\n                  <div\n                    role=\"group\"\n                    aria-label={tr('bigconsole.dataSinks.filters.setupState.label', 'Setup state')}\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      flexWrap: 'wrap',\n                      gap: '2px',\n                      padding: '4px',\n                      backgroundColor: 'var(--color-bg-sunken)',\n                      borderRadius: 'var(--radius-card)',\n                      maxWidth: '100%',\n                      width: 'fit-content',\n                    }}\n                  >\n                    {setupStateOptions.map((option) => (\n                      <button\n                        key={option.value}\n                        type=\"button\"\n                        aria-pressed={setupStateFilter === option.value}\n                        onClick={() => setSetupStateFilter(option.value)}\n                        className={SECTION_FOCUS_RING}\n                        style={{\n                          minHeight: 'var(--size-controlHeight-md)',\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                          backgroundColor:\n                            setupStateFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                          color:\n                            setupStateFilter === option.value\n                              ? 'var(--color-text-primary)'\n                              : 'var(--color-text-secondary)',\n                          // Was a raw `rgba(0,0,0,0.05)` literal.\n                          boxShadow: setupStateFilter === option.value ? 'var(--shadow-elevation-1)' : 'none',\n                        }}\n                      >\n                        {option.label}\n                      </button>\n                    ))}\n                  </div>\n\n                  {/* Search and Filters Row */}\n                  <div\n                    style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      gap: 'var(--space-controlGap)',\n                      flexWrap: 'wrap',\n                    }}\n                  >\n                    {/* Search Bar */}\n                    <div\n                      style={{\n                        position: 'relative',\n                        maxWidth: '400px',\n                        minWidth: 'min(100%, 240px)',\n                        flex: '1 1 240px',\n                      }}\n                    >\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={tr('bigconsole.dataSinks.search.placeholder', 'Search data sinks...')}\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\n                    {/* Status Filter */}\n                    <Select\n                      value={statusFilter || 'all'}\n                      onValueChange={(value) =>\n                        setStatusFilter(value === 'all' ? null : (value as 'ready' | 'error' | 'stale' | 'refreshing'))\n                      }\n                    >\n                      <SelectTrigger style={{ width: 'min(100%, 150px)' }}>\n                        <SelectValue\n                          placeholder={tr('bigconsole.dataSinks.filters.status.placeholder', 'All Statuses')}\n                        />\n                      </SelectTrigger>\n                      <SelectContent>\n                        <SelectItem value=\"all\">\n                          {tr('bigconsole.dataSinks.filters.status.all', 'All Statuses')}\n                        </SelectItem>\n                        <SelectItem value=\"ready\">\n                          {tr('bigconsole.dataSinks.filters.status.ready', 'Ready')}\n                        </SelectItem>\n                        <SelectItem value=\"error\">\n                          {tr('bigconsole.dataSinks.filters.status.error', 'Error')}\n                        </SelectItem>\n                        <SelectItem value=\"stale\">\n                          {tr('bigconsole.dataSinks.filters.status.stale', 'Stale')}\n                        </SelectItem>\n                        <SelectItem value=\"refreshing\">\n                          {tr('bigconsole.dataSinks.filters.status.refreshing', 'Refreshing')}\n                        </SelectItem>\n                      </SelectContent>\n                    </Select>\n\n                    {/* Active Filter */}\n                    <Select\n                      value={activeFilter === null ? 'all' : activeFilter ? 'true' : 'false'}\n                      onValueChange={(value) => setActiveFilter(value === 'all' ? null : value === 'true')}\n                    >\n                      <SelectTrigger style={{ width: 'min(100%, 130px)' }}>\n                        <SelectValue placeholder={tr('bigconsole.dataSinks.filters.active.placeholder', 'All')} />\n                      </SelectTrigger>\n                      <SelectContent>\n                        <SelectItem value=\"all\">{tr('bigconsole.dataSinks.filters.active.all', 'All')}</SelectItem>\n                        <SelectItem value=\"true\">\n                          {tr('bigconsole.dataSinks.filters.active.active', 'Active')}\n                        </SelectItem>\n                        <SelectItem value=\"false\">\n                          {tr('bigconsole.dataSinks.filters.active.inactive', 'Inactive')}\n                        </SelectItem>\n                      </SelectContent>\n                    </Select>\n\n                    {/* Clear Filters */}\n                    {hasActiveFilters && (\n                      <Button variant=\"ghost\" size=\"sm\" onClick={handleClearFilters}>\n                        <X\n                          style={{\n                            marginRight: 'var(--space-iconGap)',\n                            height: 'var(--size-icon-sm)',\n                            width: 'var(--size-icon-sm)',\n                          }}\n                        />\n                        {tr('bigconsole.dataSinks.filters.clear', 'Clear Filters')}\n                      </Button>\n                    )}\n                  </div>\n                </>\n              </Section>\n\n              {/* The point of this route. The result count and the view toggle\n                  belong to the results, not to the filters — moving them here\n                  also removes the `margin-left: auto` that jumped to the left\n                  edge as soon as the filter row wrapped. */}\n              <Section\n                emphasis=\"primary\"\n                headingLevel={2}\n                title={tr('bigconsole.dataSinks.list.heading', 'Data sinks')}\n                description={tr(\n                  'bigconsole.dataSinks.list.description',\n                  'Every sink in this workspace, most recently updated first.'\n                )}\n                meta={\n                  <Badge variant=\"secondary\">\n                    {filteredDataSinks.length}{' '}\n                    {filteredDataSinks.length === 1\n                      ? tr('bigconsole.dataSinks.count.single', 'Data Sink')\n                      : tr('bigconsole.dataSinks.count.plural', 'Data Sinks')}\n                  </Badge>\n                }\n                actions={\n                  <div\n                    role=\"group\"\n                    aria-label={tr('bigconsole.dataSinks.view.label', 'List layout')}\n                    style={{\n                      display: 'flex',\n                      borderRadius: 'var(--radius-button)',\n                      border: '1px solid var(--color-border)',\n                      overflow: 'hidden',\n                    }}\n                  >\n                    <button\n                      type=\"button\"\n                      onClick={() => toggleViewMode('grid')}\n                      aria-pressed={viewMode === 'grid'}\n                      title={tr('bigconsole.dataSinks.view.grid', 'Grid view')}\n                      className={`flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${SECTION_FOCUS_RING} ${SEGMENT_RING_FIX}`}\n                      style={{\n                        border: 'none',\n                        cursor: 'pointer',\n                        backgroundColor: viewMode === 'grid' ? 'var(--color-bg-sunken)' : 'transparent',\n                        color: viewMode === 'grid' ? 'var(--color-text-primary)' : 'var(--color-text-muted)',\n                      }}\n                    >\n                      <LayoutGrid size={16} />\n                    </button>\n                    <button\n                      type=\"button\"\n                      onClick={() => toggleViewMode('table')}\n                      aria-pressed={viewMode === 'table'}\n                      title={tr('bigconsole.dataSinks.view.table', 'Table view')}\n                      className={`flex h-control-md w-[var(--size-controlHeight-md)] items-center justify-center ${SECTION_FOCUS_RING} ${SEGMENT_RING_FIX}`}\n                      style={{\n                        border: 'none',\n                        borderLeft: '1px solid var(--color-border)',\n                        cursor: 'pointer',\n                        backgroundColor: viewMode === 'table' ? 'var(--color-bg-sunken)' : 'transparent',\n                        color: viewMode === 'table' ? 'var(--color-text-primary)' : 'var(--color-text-muted)',\n                      }}\n                    >\n                      <Table2 size={16} />\n                    </button>\n                  </div>\n                }\n              >\n                <>\n                  {/* Loading state */}\n                  {loading && dataSinks.length === 0 && (\n                    <div className=\"flex items-center justify-center py-12\">\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 className=\"text-sm text-text-muted\">\n                          {tr('bigconsole.dataSinks.loading', 'Loading data sinks...')}\n                        </p>\n                      </div>\n                    </div>\n                  )}\n\n                  {/* Empty state — no GlassCard: the zero-data state should not\n                      be more emphasised than the content it replaces. */}\n                  {!loading && dataSinks.length === 0 && (\n                    <IllustratedEmptyState\n                      illustration=\"empty-data\"\n                      title={tr('bigconsole.dataSinks.empty.title', 'No Data Sinks yet')}\n                      description={tr(\n                        'bigconsole.dataSinks.empty.description',\n                        'Data Sinks store pre-processed data from FluidGrids workflows for fast access in widgets.'\n                      )}\n                      action={\n                        <PermissionButton permission={BIGCONSOLE_PERMISSIONS.DATASINK_CREATE} deniedBehavior=\"disable\">\n                          <Button onClick={handleCreateDataSink}>\n                            <Plus\n                              style={{\n                                marginRight: 'var(--space-iconGap)',\n                                height: 'var(--size-icon-sm)',\n                                width: 'var(--size-icon-sm)',\n                              }}\n                            />\n                            {tr('bigconsole.dataSinks.actions.create', 'Create Data Sink')}\n                          </Button>\n                        </PermissionButton>\n                      }\n                    />\n                  )}\n\n                  {/* No results state — an info tone, so \"you have none\" and\n                      \"your filter matched none\" are no longer identical. */}\n                  {!loading && filteredDataSinks.length === 0 && dataSinks.length > 0 && (\n                    <Section\n                      tone=\"info\"\n                      emphasis=\"muted\"\n                      padding=\"compact\"\n                      headingLevel={3}\n                      title={tr('bigconsole.dataSinks.empty.filteredTitle', 'No matching data sinks')}\n                      description={tr('bigconsole.dataSinks.empty.filtered', 'No data sinks match your filters')}\n                      actions={\n                        <Button variant=\"secondary\" size=\"sm\" onClick={handleClearFilters}>\n                          {tr('bigconsole.dataSinks.filters.clear', 'Clear Filters')}\n                        </Button>\n                      }\n                    />\n                  )}\n\n                  {/* DataSink Grid */}\n                  {filteredDataSinks.length > 0 && viewMode === 'grid' && (\n                    <div\n                      style={{\n                        display: 'grid',\n                        gridTemplateColumns: 'repeat(auto-fill, minmax(min(100%, 320px), 1fr))',\n                        gap: 'var(--space-formGap)',\n                      }}\n                    >\n                      {filteredDataSinks.map((item) => (\n                        <DataSinkCard\n                          key={item.dataSink.id}\n                          dataSink={item.dataSink}\n                          setupState={item.setupState}\n                          onView={handleViewDataSink}\n                          onEdit={handleEditDataSink}\n                          onRefresh={handleRefreshClick}\n                          onExport={handleExportDataSink}\n                          onDelete={handleDeleteClick}\n                          canEdit={canUpdate}\n                          canRefresh={canExecute}\n                          canDelete={canDelete}\n                        />\n                      ))}\n                    </div>\n                  )}\n\n                  {/* Table View. The section already draws the boundary, so the\n                      table no longer nests a second border inside it. */}\n                  {filteredDataSinks.length > 0 && viewMode === 'table' && (\n                    <div className=\"min-w-0\" style={{ overflowX: 'auto' }}>\n                      <table\n                        style={{ width: '100%', borderCollapse: 'collapse', fontSize: 'var(--font-size-body-sm)' }}\n                      >\n                        <thead>\n                          <tr\n                            style={{\n                              backgroundColor: 'var(--color-bg-sunken)',\n                              borderBottom: '1px solid var(--color-border)',\n                            }}\n                          >\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.name', 'Name')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.key', 'Key')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.status', 'Status')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.setup', 'Setup')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'center',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.active', 'Active')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.version', 'Version')}\n                            </th>\n                            {/* Size and Last refreshed were already fetched by\n                                DataSinkListItem (`sizeBytes`, `lastRefreshedAt`)\n                                and thrown away — they are the two facts that say\n                                whether a sink is worth opening. */}\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'right',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.size', 'Size')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.lastRefreshed', 'Last refreshed')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'left',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.updated', 'Updated')}\n                            </th>\n                            <th\n                              style={{\n                                padding: '10px 12px',\n                                textAlign: 'right',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-secondary)',\n                                whiteSpace: 'nowrap',\n                              }}\n                            >\n                              {tr('bigconsole.dataSinks.table.actions', 'Actions')}\n                            </th>\n                          </tr>\n                        </thead>\n                        <tbody>\n                          {filteredDataSinks.map((item) => {\n                            const ds = item.dataSink;\n                            return (\n                              <tr\n                                key={ds.id}\n                                onClick={() => handleViewDataSink(ds.id)}\n                                // Hover was JS-driven, so it ignored theme and the OS\n                                // reduce-motion setting and stuck after a tap on touch.\n                                className=\"cursor-pointer hover:bg-bg-sunken motion-safe:transition-colors\"\n                                style={{ borderBottom: '1px solid var(--color-border)' }}\n                              >\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    fontWeight: 'var(--font-weight-medium)',\n                                    color: 'var(--color-text-primary)',\n                                    maxWidth: 200,\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                >\n                                  {ds.name || ds.key}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    fontFamily: 'monospace',\n                                    fontSize: '12px',\n                                    maxWidth: 160,\n                                    overflow: 'hidden',\n                                    textOverflow: 'ellipsis',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                >\n                                  {ds.key}\n                                </td>\n                                <td style={{ padding: '10px 12px' }}>\n                                  <DataSinkStatusBadge status={ds.status} />\n                                </td>\n                                <td style={{ padding: '10px 12px' }}>\n                                  <SetupStateBadge state={item.setupState} />\n                                </td>\n                                <td style={{ padding: '10px 12px', textAlign: 'center' }}>\n                                  <span\n                                    style={{\n                                      display: 'inline-block',\n                                      width: 8,\n                                      height: 8,\n                                      borderRadius: '50%',\n                                      // Was a raw `#22c55e` literal.\n                                      backgroundColor: ds.isActive\n                                        ? 'var(--color-status-success-bg)'\n                                        : 'var(--color-text-muted)',\n                                    }}\n                                    title={\n                                      ds.isActive\n                                        ? tr('bigconsole.dataSinks.badges.active', 'Active')\n                                        : tr('bigconsole.dataSinks.badges.inactive', 'Inactive')\n                                    }\n                                  />\n                                </td>\n                                <td style={{ padding: '10px 12px', color: 'var(--color-text-muted)' }}>\n                                  v{ds.version ?? 0}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    textAlign: 'right',\n                                    whiteSpace: 'nowrap',\n                                    fontVariantNumeric: 'tabular-nums',\n                                  }}\n                                >\n                                  {formatByteSize(ds.sizeBytes)}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                  title={ds.lastRefreshedAt ? new Date(ds.lastRefreshedAt).toLocaleString() : undefined}\n                                >\n                                  {formatLastRefreshed(ds.lastRefreshedAt)}\n                                </td>\n                                <td\n                                  style={{\n                                    padding: '10px 12px',\n                                    color: 'var(--color-text-muted)',\n                                    whiteSpace: 'nowrap',\n                                  }}\n                                >\n                                  {new Date(ds.updatedAt).toLocaleDateString()}\n                                </td>\n                                <td style={{ padding: '10px 12px', textAlign: 'right' }}>\n                                  <div\n                                    style={{ display: 'flex', gap: 4, justifyContent: 'flex-end' }}\n                                    onClick={(e) => e.stopPropagation()}\n                                  >\n                                    <button\n                                      type=\"button\"\n                                      title={tr('bigconsole.dataSinks.actions.view', 'View')}\n                                      aria-label={tr('bigconsole.dataSinks.actions.view', 'View')}\n                                      onClick={() => handleViewDataSink(ds.id)}\n                                      className={TABLE_ICON_BUTTON}\n                                    >\n                                      <Eye size={14} />\n                                    </button>\n                                    {canUpdate && (\n                                      <button\n                                        type=\"button\"\n                                        title={tr('bigconsole.dataSinks.actions.edit', 'Edit')}\n                                        aria-label={tr('bigconsole.dataSinks.actions.edit', 'Edit')}\n                                        onClick={() => handleEditDataSink(ds.id)}\n                                        className={TABLE_ICON_BUTTON}\n                                      >\n                                        <Pencil size={14} />\n                                      </button>\n                                    )}\n                                    {canExecute && (\n                                      <button\n                                        type=\"button\"\n                                        title={tr('bigconsole.dataSinks.actions.refresh', 'Refresh')}\n                                        aria-label={tr('bigconsole.dataSinks.actions.refresh', 'Refresh')}\n                                        onClick={() => handleRefreshClick(ds.id)}\n                                        className={TABLE_ICON_BUTTON}\n                                      >\n                                        <RefreshCw size={14} />\n                                      </button>\n                                    )}\n                                    <button\n                                      type=\"button\"\n                                      title={tr('bigconsole.dataSinks.actions.export', 'Export')}\n                                      aria-label={tr('bigconsole.dataSinks.actions.export', 'Export')}\n                                      onClick={() => handleExportDataSink(ds.id)}\n                                      className={TABLE_ICON_BUTTON}\n                                    >\n                                      <Download size={14} />\n                                    </button>\n                                    {canDelete && (\n                                      <button\n                                        type=\"button\"\n                                        title={tr('bigconsole.dataSinks.actions.delete', 'Delete')}\n                                        aria-label={tr('bigconsole.dataSinks.actions.delete', 'Delete')}\n                                        onClick={() => handleDeleteClick(ds.id)}\n                                        className={TABLE_ICON_BUTTON}\n                                      >\n                                        <Trash2 size={14} />\n                                      </button>\n                                    )}\n                                  </div>\n                                </td>\n                              </tr>\n                            );\n                          })}\n                        </tbody>\n                      </table>\n                    </div>\n                  )}\n                </>\n              </Section>\n            </>\n          )}\n        </SectionStack>\n      </div>\n\n      {/* Dialogs */}\n      {currentDataSink && (\n        <>\n          <DataSinkDeleteDialog\n            dataSink={currentDataSink}\n            isOpen={deleteDialogOpen}\n            onClose={closeDeleteDialog}\n            onConfirm={handleDeleteConfirm}\n          />\n\n          <DataSinkRefreshDialog\n            dataSink={currentDataSink}\n            isOpen={refreshDialogOpen}\n            onClose={closeRefreshDialog}\n            onConfirm={handleRefreshConfirm}\n          />\n        </>\n      )}\n\n      {/* Import DataSink Dialog */}\n      <ImportDataSinkDialog\n        isOpen={isImportDialogOpen}\n        onClose={() => setIsImportDialogOpen(false)}\n        onSuccess={handleImportSuccess}\n      />\n    </div>\n  );\n});\n\nexport default DataSinksPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/DataSourcesPage.d.ts

@@ -7,3 +7,4 @@
  */
 export declare function DataSourcesPage(): import("react").JSX.Element;
 export default DataSourcesPage;
+//# sourceMappingURL=DataSourcesPage.d.ts.map

package/dist/bigconsole/pages/DataSourcesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataSourcesPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/DataSourcesPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAMH,wBAAgB,eAAe,gCAgB9B;AAED,eAAe,eAAe,CAAC"}

package/dist/bigconsole/pages/DataSourcesPage.js

@@ -20,3 +20,5 @@ function i() {
 }
 //#endregion
 export { i as DataSourcesPage, i as default };
+
+//# sourceMappingURL=DataSourcesPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataSourcesPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataSourcesPage.tsx"],"sourcesContent":["/**\n * DataSourcesPage\n *\n * Data Sources were architecturally replaced by DataSinks in the v2.0\n * pipeline refactor (BOFF-1754). This page redirects users to the\n * DataSinks page which is the primary data connection management UI.\n */\n\nimport { useEffect } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAppNavigate } from '../contexts';\n\nexport function DataSourcesPage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n\n  useEffect(() => {\n    navigate('/datasinks', { replace: true });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []); // Run once on mount - navigate is stable (memoized)\n\n  return (\n    <div className=\"p-card-padding\">\n      <p role=\"status\" aria-live=\"polite\" className=\"text-sm text-text-secondary\">\n        {t('bigconsole.dataSinks.redirecting', 'Redirecting to DataSinks...')}\n      </p>\n    </div>\n  );\n}\n\nexport default DataSourcesPage;\n"],"mappings":";;;;;;AAYA,SAAgB,IAAkB;CAChC,IAAM,IAAW,GAAgB,EAC3B,EAAE,SAAM,GAAS;AAOvB,QALA,QAAgB;AACd,IAAS,cAAc,EAAE,SAAS,IAAM,CAAC;IAExC,EAAE,CAAC,EAGJ,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,KAAD;GAAG,MAAK;GAAS,aAAU;GAAS,WAAU;aAC3C,EAAE,oCAAoC,8BAA8B;GACnE,CAAA;EACA,CAAA"}

package/dist/bigconsole/pages/InsightsPage.d.ts

@@ -2,3 +2,4 @@ import { FC } from 'react';
 
 export declare const InsightsPage: FC;
 export default InsightsPage;
+//# sourceMappingURL=InsightsPage.d.ts.map

package/dist/bigconsole/pages/InsightsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/InsightsPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAsB,KAAK,EAAE,EAA0C,MAAM,OAAO,CAAC;AAU5F,OAAO,4BAA4B,CAAC;AAugBpC,eAAO,MAAM,YAAY,EAAE,EAw2CzB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/pages/InsightsPage.js

@@ -1529,3 +1529,5 @@ var F = s(function() {
 });
 //#endregion
 export { F as InsightsPage, F as default };
+
+//# sourceMappingURL=InsightsPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InsightsPage.js","names":[],"sources":["../../../src/bigconsole/pages/InsightsPage.tsx"],"sourcesContent":["/**\n * InsightsPage\n *\n * AI-powered dashboard generation using the Prompt module backend.\n * Users enter a natural language prompt to generate dashboards with\n * suggested widgets, layouts, and configurations.\n *\n * Section emphasis (BOFF-5639): the screen reads as one ladder —\n *   header band (structural)\n *     → \"Describe your dashboard\" (PRIMARY: the reason the route exists)\n *     → \"Starting points\" (MUTED: optional shortcuts, must not compete)\n *     → \"Recent generations\" (BARE region of STANDARD result cards)\n * Status now travels through `Section tone` and a single tone-coded badge\n * instead of four unrelated hand-rolled error treatments.\n */\n\nimport { type CSSProperties, type FC, memo, useState, useCallback, useEffect } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { AuroraBackground, GradientText, GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useAppNavigate } from '../contexts';\nimport { useBigConsoleAnalytics } from '../hooks/useBigConsoleAnalytics';\nimport { reportBigConsoleQuotaError } from '../utils/quota';\nimport { isNative, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { Section, SectionStack, SECTION_FOCUS_RING } from '../components/common';\nimport './InsightsProposalGrid.css';\nimport {\n  Sparkles,\n  Loader2,\n  Trash2,\n  ArrowRight,\n  Clock,\n  CheckCircle,\n  XCircle,\n  AlertCircle,\n  RefreshCw,\n  Eye,\n  Ban,\n  Wand2,\n  X,\n  Lightbulb,\n  History,\n} from 'lucide-react';\n\n// ============================================================================\n// GRAPHQL OPERATIONS (inline until codegen is configured for prompt module)\n// TODO(BOFF-2055): Replace inline gql with codegen-generated hooks\n// ============================================================================\n\nconst LIST_PROMPT_GENERATIONS = gql`\n  query ListPromptGenerations($status: PromptGenerationStatus, $first: Int) {\n    listPromptGenerations(status: $status, first: $first) {\n      edges {\n        node {\n          id\n          prompt\n          status\n          dashboardId\n          errorMessage\n          createdAt\n          completedAt\n          generatedSpec {\n            name\n            description\n            overallConfidence\n            reasoning\n            pages {\n              name\n              layout\n              gridColumns\n              widgets {\n                position {\n                  x\n                  y\n                  width\n                  height\n                }\n                title\n                type\n                confidence\n                reasoning\n              }\n            }\n          }\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst GET_PROMPT_SUGGESTIONS = gql`\n  query GetPromptSuggestions($category: String, $limit: Int) {\n    getPromptSuggestions(category: $category, limit: $limit) {\n      id\n      category\n      title\n      prompt\n      exampleDescription\n      tags\n    }\n  }\n`;\n\nconst GENERATE_DASHBOARD = gql`\n  mutation GenerateDashboardFromPrompt($input: GenerateDashboardFromPromptInput!) {\n    generateDashboardFromPrompt(input: $input) {\n      id\n      status\n      prompt\n    }\n  }\n`;\n\nconst CREATE_FROM_GENERATION = gql`\n  mutation CreateDashboardFromGeneration($input: CreateDashboardFromGenerationInput!) {\n    createDashboardFromGeneration(input: $input) {\n      id\n    }\n  }\n`;\n\nconst DELETE_GENERATION = gql`\n  mutation DeletePromptGeneration($generationId: ID!) {\n    deletePromptGeneration(generationId: $generationId)\n  }\n`;\n\nconst CANCEL_GENERATION = gql`\n  mutation CancelPromptGeneration($generationId: ID!) {\n    cancelPromptGeneration(generationId: $generationId) {\n      id\n      status\n    }\n  }\n`;\n\nconst REGENERATE_DASHBOARD = gql`\n  mutation RegenerateDashboard($input: RegenerateDashboardInput!) {\n    regenerateDashboard(input: $input) {\n      id\n      status\n      prompt\n    }\n  }\n`;\n\nconst REFINE_GENERATION = gql`\n  mutation RefineGeneratedDashboard($input: RefineGeneratedDashboardInput!) {\n    refineGeneratedDashboard(input: $input) {\n      id\n      status\n      prompt\n    }\n  }\n`;\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ListPromptGenerationsData {\n  listPromptGenerations: {\n    edges: Array<{ node: PromptGeneration }>;\n    totalCount: number;\n  };\n}\n\ninterface GetPromptSuggestionsData {\n  getPromptSuggestions: PromptSuggestion[];\n}\n\ninterface GenerateDashboardData {\n  generateDashboardFromPrompt: {\n    id: string;\n    status: string;\n    prompt: string;\n  };\n}\n\ninterface CreateFromGenerationData {\n  createDashboardFromGeneration: {\n    id: string;\n  };\n}\n\nconst NON_TERMINAL_STATUSES = ['PENDING', 'PROCESSING', 'GENERATING'];\n\n// ----------------------------------------------------------------------------\n// Generation options\n//\n// Mirrors GenerateDashboardFromPromptInput. Values and bounds are the ones the\n// service declares/enforces: `gridColumns` 1–24, `maxWidgets` <= 50 (resolver\n// `prompt/index.ts`), and the two enums exactly as composed into the schema —\n// so nothing here can be submitted and rejected.\n// ----------------------------------------------------------------------------\n\ntype DashboardStyleType = 'MODERN' | 'CLASSIC' | 'MINIMAL' | 'DARK' | 'VIBRANT';\ntype GeneratedLayoutType = 'GRID' | 'FLEX' | 'MASONRY' | 'SINGLE_COLUMN' | 'TWO_COLUMN' | 'THREE_COLUMN';\n\nconst DEFAULT_GRID_COLUMNS = 12;\nconst DEFAULT_MAX_WIDGETS = 8;\n\nconst STYLE_TYPE_OPTIONS: ReadonlyArray<{ value: DashboardStyleType; label: string }> = [\n  { value: 'MODERN', label: 'Modern' },\n  { value: 'CLASSIC', label: 'Classic' },\n  { value: 'MINIMAL', label: 'Minimal' },\n  { value: 'DARK', label: 'Dark' },\n  { value: 'VIBRANT', label: 'Vibrant' },\n];\n\nconst LAYOUT_TYPE_OPTIONS: ReadonlyArray<{ value: GeneratedLayoutType; label: string }> = [\n  { value: 'GRID', label: 'Grid' },\n  { value: 'FLEX', label: 'Flex' },\n  { value: 'MASONRY', label: 'Masonry' },\n  { value: 'SINGLE_COLUMN', label: 'Single column' },\n  { value: 'TWO_COLUMN', label: 'Two column' },\n  { value: 'THREE_COLUMN', label: 'Three column' },\n];\n\nconst GRID_COLUMN_OPTIONS: readonly number[] = [6, 8, 12, 16, 24];\nconst MAX_WIDGET_OPTIONS: readonly number[] = [4, 6, 8, 12, 16, 24];\n\ninterface PromptSuggestion {\n  id: string;\n  category: string;\n  title: string;\n  prompt: string;\n  exampleDescription?: string;\n  tags: string[];\n}\n\ninterface PromptGeneration {\n  id: string;\n  prompt: string;\n  status: string;\n  dashboardId?: string;\n  errorMessage?: string;\n  createdAt: string;\n  completedAt?: string;\n  generatedSpec?: {\n    name: string;\n    description?: string;\n    overallConfidence: number;\n    /** Why the model chose this shape (GeneratedDashboardSpec.reasoning). */\n    reasoning?: string | null;\n    pages: Array<{\n      name: string;\n      layout: string;\n      gridColumns: number;\n      widgets: Array<{\n        position: { x: number; y: number; width: number; height: number };\n        title: string;\n        type: string;\n        /** WidgetConfidence enum — HIGH | MEDIUM | LOW. */\n        confidence: string;\n        /** Why this widget was proposed (GeneratedWidgetSpec.reasoning). */\n        reasoning?: string | null;\n      }>;\n    }>;\n  };\n}\n\n// ============================================================================\n// SHARED CONTROL STYLES\n//\n// Every action on this page used to repeat a ~12-line inline style object, and\n// none of them reserved a touch target. One base object keeps the cluster\n// consistent and guarantees `--size-controlHeight-md` (40px) on every button.\n//\n// Borders read `--color-border-default`, never `--color-border`: the latter has\n// no per-theme definition in this shell (only the frozen light `#D1D5DB` in the\n// app-shell `@theme`), so it kept a light-grey outline on every control in dark\n// mode. `--color-border-default` carries the same light value AND a dark one.\n// ============================================================================\n\nconst ACTION_BASE: CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  gap: 'var(--space-iconGap)',\n  minHeight: 'var(--size-controlHeight-md)',\n  padding: '0 var(--space-formGap)',\n  borderRadius: 'var(--radius-button)',\n  fontSize: 'var(--font-size-body-sm)',\n  fontWeight: 'var(--font-weight-medium)',\n  lineHeight: 1.2,\n  cursor: 'pointer',\n};\n\nconst NEUTRAL_ACTION: CSSProperties = {\n  ...ACTION_BASE,\n  border: '1px solid var(--color-border-default)',\n  backgroundColor: 'transparent',\n  color: 'var(--color-text-primary)',\n};\n\nconst PRIMARY_ACTION: CSSProperties = {\n  ...ACTION_BASE,\n  border: '1px solid transparent',\n  backgroundColor: 'var(--color-action-primary-bg)',\n  color: 'var(--color-action-primary-text)',\n};\n\nconst WARNING_ACTION: CSSProperties = {\n  ...ACTION_BASE,\n  border: '1px solid var(--color-status-warning-border)',\n  backgroundColor: 'transparent',\n  color: 'var(--color-status-warning-text)',\n};\n\nconst DANGER_ICON_ACTION: CSSProperties = {\n  ...ACTION_BASE,\n  minWidth: 'var(--size-controlHeight-md)',\n  padding: '0 var(--space-controlGap)',\n  border: '1px solid var(--color-border-default)',\n  backgroundColor: 'transparent',\n  color: 'var(--color-status-error-text)',\n};\n\n/** Label above a generation-option select. */\nconst OPTION_LABEL_STYLE: CSSProperties = {\n  display: 'block',\n  marginBottom: '2px',\n  fontSize: 'var(--font-size-body-sm)',\n  fontWeight: 'var(--font-weight-medium)',\n  color: 'var(--color-text-secondary)',\n};\n\n/** The select itself — matches the prompt textarea's surface and border. */\nconst OPTION_CONTROL_STYLE: CSSProperties = {\n  width: '100%',\n  minHeight: 'var(--size-controlHeight-md)',\n  padding: '0 var(--space-controlGap)',\n  borderRadius: 'var(--radius-input)',\n  border: '1px solid var(--color-border-default)',\n  backgroundColor: 'var(--color-bg-canvas)',\n  color: 'var(--color-text-primary)',\n  fontSize: 'var(--font-size-body-sm)',\n};\n\nconst CHIP_BASE: CSSProperties = {\n  display: 'inline-flex',\n  alignItems: 'center',\n  gap: 'var(--space-iconGap)',\n  padding: '2px var(--space-controlGap)',\n  borderRadius: 'var(--radius-pill)',\n  fontSize: 'var(--font-size-body-sm)',\n  fontWeight: 'var(--font-weight-medium)',\n  border: '1px solid var(--color-border-subtle)',\n  backgroundColor: 'var(--color-bg-sunken)',\n  color: 'var(--color-text-secondary)',\n};\n\n// ============================================================================\n// STATUS HELPERS\n// ============================================================================\n\ntype StatusTone = 'success' | 'danger' | 'info' | 'neutral';\n\n/**\n * Status was previously drawn with raw Tailwind palette colours\n * (`text-green-500`, `text-red-500`, …), which ignore the theme entirely. Every\n * status now resolves to a semantic token so a FAILED card is unmistakably red\n * in light, dark and high-contrast themes.\n */\nfunction getStatusTone(status: string): StatusTone {\n  switch (status) {\n    case 'COMPLETED':\n      return 'success';\n    case 'FAILED':\n      return 'danger';\n    case 'PENDING':\n    case 'PROCESSING':\n    case 'GENERATING':\n      return 'info';\n    default:\n      return 'neutral';\n  }\n}\n\nconst STATUS_TONE_COLOR: Record<StatusTone, { text: string; bg: string; border: string }> = {\n  success: {\n    text: 'var(--color-status-success-text)',\n    bg: 'var(--color-status-success-bgSubtle)',\n    border: 'var(--color-status-success-border)',\n  },\n  danger: {\n    text: 'var(--color-status-error-text)',\n    bg: 'var(--color-status-error-bgSubtle)',\n    border: 'var(--color-status-error-border)',\n  },\n  info: {\n    text: 'var(--color-status-info-text)',\n    bg: 'var(--color-status-info-bgSubtle)',\n    border: 'var(--color-status-info-border)',\n  },\n  neutral: {\n    text: 'var(--color-text-secondary)',\n    bg: 'var(--color-bg-sunken)',\n    border: 'var(--color-border-subtle)',\n  },\n};\n\nfunction getStatusIcon(status: string) {\n  const color = STATUS_TONE_COLOR[getStatusTone(status)].text;\n  switch (status) {\n    case 'COMPLETED':\n      return <CheckCircle size={14} style={{ color }} aria-hidden=\"true\" />;\n    case 'FAILED':\n    case 'CANCELLED':\n      return <XCircle size={14} style={{ color }} aria-hidden=\"true\" />;\n    case 'PENDING':\n    case 'PROCESSING':\n    case 'GENERATING':\n      return <Loader2 size={14} className=\"animate-spin\" style={{ color }} aria-hidden=\"true\" />;\n    default:\n      return <Clock size={14} style={{ color }} aria-hidden=\"true\" />;\n  }\n}\n\nfunction getStatusLabel(status: string, t: (key: string, fallback: string) => string) {\n  switch (status) {\n    case 'COMPLETED':\n      return t('bigconsole.insights.status.completed', 'Completed');\n    case 'FAILED':\n      return t('bigconsole.insights.status.failed', 'Failed');\n    case 'CANCELLED':\n      return t('bigconsole.insights.status.cancelled', 'Cancelled');\n    case 'PENDING':\n      return t('bigconsole.insights.status.pending', 'Pending');\n    case 'PROCESSING':\n      return t('bigconsole.insights.status.processing', 'Processing');\n    case 'GENERATING':\n      return t('bigconsole.insights.status.generating', 'Generating');\n    default:\n      return status;\n  }\n}\n\n/** One tone-coded chip carrying icon + label, so status is legible at a glance. */\nconst StatusBadge: FC<{ status: string }> = ({ status }) => {\n  const { t } = useI18n();\n  const palette = STATUS_TONE_COLOR[getStatusTone(status)];\n  return (\n    <span\n      data-status={status}\n      style={{\n        ...CHIP_BASE,\n        border: `1px solid ${palette.border}`,\n        backgroundColor: palette.bg,\n        color: palette.text,\n      }}\n    >\n      {getStatusIcon(status)}\n      {getStatusLabel(status, t)}\n    </span>\n  );\n};\n\n/** Confidence is the one AI-quality signal on the card — colour it, don't hide it. */\nfunction confidenceChipStyle(confidence: number): CSSProperties {\n  const tone: StatusTone = confidence >= 0.8 ? 'success' : confidence >= 0.5 ? 'neutral' : 'danger';\n  const palette = STATUS_TONE_COLOR[tone];\n  return {\n    ...CHIP_BASE,\n    border: `1px solid ${palette.border}`,\n    backgroundColor: palette.bg,\n    color: palette.text,\n  };\n}\n\nfunction countWidgets(spec: NonNullable<PromptGeneration['generatedSpec']>): number {\n  return spec.pages.reduce((acc, page) => acc + page.widgets.length, 0);\n}\n\n/**\n * Per-widget confidence (`GeneratedWidgetSpec.confidence`, WidgetConfidence).\n *\n * The overall score alone says a spec is 70% good without saying WHICH parts to\n * check — the widget-level grade is the one that tells you where to look before\n * accepting a generated board. The value is normalised because the enum is\n * declared SCREAMING_SNAKE but is carried through JSON columns; an unrecognised\n * value renders nothing rather than an unlabelled chip.\n */\ntype WidgetConfidenceLevel = 'HIGH' | 'MEDIUM' | 'LOW';\n\nfunction toConfidenceLevel(raw: string | undefined | null): WidgetConfidenceLevel | null {\n  const upper = raw?.toUpperCase();\n  return upper === 'HIGH' || upper === 'MEDIUM' || upper === 'LOW' ? upper : null;\n}\n\nconst WIDGET_CONFIDENCE_TONE: Record<WidgetConfidenceLevel, StatusTone> = {\n  HIGH: 'success',\n  MEDIUM: 'neutral',\n  LOW: 'danger',\n};\n\ntype ProposalGridStyle = CSSProperties & { '--proposal-columns': number };\ntype ProposalWidgetStyle = CSSProperties & {\n  '--proposal-column': number;\n  '--proposal-width': number;\n  '--proposal-row': number;\n  '--proposal-height': number;\n};\n\nfunction proposalGridStyle(columns: number): ProposalGridStyle {\n  return { '--proposal-columns': Math.max(1, Math.min(24, Math.trunc(columns))) };\n}\n\n// A model's proposal may contain out-of-grid positions. Keep the preview inside\n// its declared grid rather than creating implicit columns or inaccessible cards.\nfunction proposalPositionStyle(\n  position: { x: number; y: number; width: number; height: number },\n  columns: number\n): ProposalWidgetStyle {\n  const gridColumns = Math.max(1, Math.min(24, Math.trunc(columns)));\n  const column = Math.max(0, Math.min(gridColumns - 1, Math.trunc(position.x)));\n  return {\n    '--proposal-column': column + 1,\n    '--proposal-width': Math.max(1, Math.min(gridColumns - column, Math.trunc(position.width))),\n    '--proposal-row': Math.max(1, Math.min(100, Math.trunc(position.y) + 1)),\n    '--proposal-height': Math.max(1, Math.min(24, Math.trunc(position.height))),\n  };\n}\n\nfunction widgetConfidenceChipStyle(level: WidgetConfidenceLevel): CSSProperties {\n  const palette = STATUS_TONE_COLOR[WIDGET_CONFIDENCE_TONE[level]];\n  return {\n    ...CHIP_BASE,\n    padding: '0 var(--space-controlGap)',\n    fontSize: 'var(--font-size-xs)',\n    fontWeight: 'var(--font-weight-semibold)',\n    letterSpacing: '0.02em',\n    border: `1px solid ${palette.border}`,\n    backgroundColor: palette.bg,\n    color: palette.text,\n  };\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const InsightsPage: FC = memo(function InsightsPage() {\n  const { t } = useI18n();\n  const navigate = useAppNavigate();\n  const emitBigConsoleEvent = useBigConsoleAnalytics();\n  const [promptText, setPromptText] = useState('');\n  // Generation options. Every one of these is a real field on\n  // GenerateDashboardFromPromptInput that the resolver validates and the\n  // provider acts on — they were hard-coded to the schema defaults before, so\n  // the caller could not influence the shape of what came back.\n  const [styleType, setStyleType] = useState<DashboardStyleType>('MODERN');\n  const [layoutType, setLayoutType] = useState<GeneratedLayoutType>('GRID');\n  const [gridColumns, setGridColumns] = useState<number>(DEFAULT_GRID_COLUMNS);\n  const [maxWidgets, setMaxWidgets] = useState<number>(DEFAULT_MAX_WIDGETS);\n  const [isGenerating, setIsGenerating] = useState(false);\n  const [mutationError, setMutationError] = useState<string | null>(null);\n  // Track per-generation in-flight mutations independently so cancelling A\n  // does not visually \"busy\" B's regenerate (and vice-versa).\n  const [busyIds, setBusyIds] = useState<Set<string>>(() => new Set());\n  const [previewGen, setPreviewGen] = useState<PromptGeneration | null>(null);\n  const [refineGen, setRefineGen] = useState<PromptGeneration | null>(null);\n  const [refineText, setRefineText] = useState('');\n\n  const markBusy = useCallback((id: string) => {\n    setBusyIds((prev) => new Set(prev).add(id));\n  }, []);\n  const clearBusy = useCallback((id: string) => {\n    setBusyIds((prev) => {\n      const next = new Set(prev);\n      next.delete(id);\n      return next;\n    });\n  }, []);\n\n  // Fetch existing generations.\n  const {\n    data: generationsData,\n    loading: generationsLoading,\n    error: generationsError,\n    refetch: refetchGenerations,\n    startPolling,\n    stopPolling,\n  } = useQuery<ListPromptGenerationsData>(LIST_PROMPT_GENERATIONS, {\n    variables: { first: 20 },\n    fetchPolicy: 'cache-and-network',\n  });\n\n  // Whether any generation is still in a non-terminal state. Derived from the\n  // latest query data so polling stops automatically once everything settles.\n  const hasActiveGenerations =\n    generationsData?.listPromptGenerations?.edges?.some((edge) => NON_TERMINAL_STATUSES.includes(edge.node.status)) ??\n    false;\n\n  // Fetch suggestions\n  const {\n    data: suggestionsData,\n    error: suggestionsError,\n    refetch: refetchSuggestions,\n  } = useQuery<GetPromptSuggestionsData>(GET_PROMPT_SUGGESTIONS, {\n    variables: { limit: 6 },\n  });\n\n  // Mutations\n  const [generateDashboard] = useMutation<GenerateDashboardData>(GENERATE_DASHBOARD);\n  const [createFromGeneration] = useMutation<CreateFromGenerationData>(CREATE_FROM_GENERATION);\n  const [deleteGeneration] = useMutation(DELETE_GENERATION);\n  const [cancelGeneration] = useMutation(CANCEL_GENERATION);\n  const [regenerateDashboard] = useMutation(REGENERATE_DASHBOARD);\n  const [refineGeneration] = useMutation(REFINE_GENERATION);\n\n  const generations: PromptGeneration[] = generationsData?.listPromptGenerations?.edges?.map((edge) => edge.node) || [];\n  const suggestions: PromptSuggestion[] = suggestionsData?.getPromptSuggestions || [];\n\n  // Poll every 2s while a generation is non-terminal (or a generate request is\n  // in flight) so cards advance (e.g. PROCESSING → COMPLETED) without a manual\n  // refresh; polling is stopped once everything settles.\n  useEffect(() => {\n    if (hasActiveGenerations || isGenerating) {\n      startPolling(2_000);\n    } else {\n      stopPolling();\n    }\n    return () => stopPolling();\n  }, [hasActiveGenerations, isGenerating, startPolling, stopPolling]);\n\n  // Close the Preview / Refine modals on Escape for keyboard accessibility.\n  useEffect(() => {\n    if (!previewGen && !refineGen) return;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setPreviewGen(null);\n        setRefineGen(null);\n      }\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [previewGen, refineGen]);\n\n  // Handlers\n  const handleGenerate = useCallback(async () => {\n    if (!promptText.trim() || isGenerating) return;\n    if (promptText.length > 2000) {\n      setMutationError(t('bigconsole.insights.error.promptTooLong', 'Prompt is too long (max 2000 characters).'));\n      return;\n    }\n    setMutationError(null);\n    setIsGenerating(true);\n    try {\n      emitBigConsoleEvent('bigconsole.ai.generate_clicked', { maxWidgets });\n      const result = await generateDashboard({\n        variables: {\n          input: {\n            prompt: promptText.trim(),\n            styleType,\n            layoutType,\n            gridColumns,\n            maxWidgets,\n          },\n        },\n      });\n      if (reportBigConsoleQuotaError(result, 'command')) {\n        return;\n      }\n      const generationId = result.data?.generateDashboardFromPrompt?.id;\n      if (generationId) {\n        emitBigConsoleEvent('bigconsole.ai.dashboard_generated', {\n          generationId,\n          maxWidgets,\n        });\n      }\n      setPromptText('');\n      refetchGenerations();\n    } catch (err) {\n      if (reportBigConsoleQuotaError(err, 'command')) {\n        return;\n      }\n      setMutationError(\n        err instanceof Error\n          ? err.message\n          : t('bigconsole.insights.error.generateFailed', 'Failed to generate dashboard')\n      );\n    } finally {\n      setIsGenerating(false);\n    }\n  }, [\n    emitBigConsoleEvent,\n    promptText,\n    isGenerating,\n    generateDashboard,\n    refetchGenerations,\n    styleType,\n    layoutType,\n    gridColumns,\n    maxWidgets,\n    t,\n  ]);\n\n  const handleCreateDashboard = useCallback(\n    async (generationId: string) => {\n      setMutationError(null);\n      try {\n        emitBigConsoleEvent('bigconsole.ai.create_dashboard_clicked', { generationId });\n        const result = await createFromGeneration({\n          variables: { input: { generationId } },\n        });\n        if (reportBigConsoleQuotaError(result, 'project')) {\n          return;\n        }\n        const dashboardId = result.data?.createDashboardFromGeneration?.id;\n        if (dashboardId) {\n          emitBigConsoleEvent('bigconsole.ai.dashboard_created', {\n            generationId,\n            dashboardId,\n          });\n          navigate(`/dashboards/${dashboardId}`);\n        }\n      } catch (err) {\n        if (reportBigConsoleQuotaError(err, 'project')) {\n          return;\n        }\n        setMutationError(\n          err instanceof Error ? err.message : t('bigconsole.insights.error.createFailed', 'Failed to create dashboard')\n        );\n      }\n    },\n    [createFromGeneration, emitBigConsoleEvent, navigate, t]\n  );\n\n  const handleDelete = useCallback(\n    async (generationId: string) => {\n      setMutationError(null);\n      try {\n        await deleteGeneration({ variables: { generationId } });\n        if (isNative()) void nativeNotify('success');\n        refetchGenerations();\n      } catch (err) {\n        setMutationError(\n          err instanceof Error\n            ? err.message\n            : t('bigconsole.insights.error.deleteFailed', 'Failed to delete generation')\n        );\n        if (isNative()) void nativeNotify('error');\n      }\n    },\n    [deleteGeneration, refetchGenerations, t]\n  );\n\n  // Cancel an in-flight (PENDING/PROCESSING/GENERATING) generation.\n  const handleCancel = useCallback(\n    async (generationId: string) => {\n      setMutationError(null);\n      markBusy(generationId);\n      try {\n        await cancelGeneration({ variables: { generationId } });\n        refetchGenerations();\n      } catch (err) {\n        setMutationError(\n          err instanceof Error\n            ? err.message\n            : t('bigconsole.insights.error.cancelFailed', 'Failed to cancel generation')\n        );\n      } finally {\n        clearBusy(generationId);\n      }\n    },\n    [cancelGeneration, refetchGenerations, t]\n  );\n\n  // Regenerate from an existing generation, reusing its original prompt.\n  const handleRegenerate = useCallback(\n    async (generationId: string) => {\n      setMutationError(null);\n      markBusy(generationId);\n      try {\n        const result = await regenerateDashboard({ variables: { input: { generationId } } });\n        if (reportBigConsoleQuotaError(result, 'command')) {\n          return;\n        }\n        refetchGenerations();\n      } catch (err) {\n        if (reportBigConsoleQuotaError(err, 'command')) {\n          return;\n        }\n        setMutationError(\n          err instanceof Error\n            ? err.message\n            : t('bigconsole.insights.error.regenerateFailed', 'Failed to regenerate dashboard')\n        );\n      } finally {\n        clearBusy(generationId);\n      }\n    },\n    [regenerateDashboard, refetchGenerations, t]\n  );\n\n  // Submit refinement instructions for a completed generation.\n  const handleRefineSubmit = useCallback(async () => {\n    if (!refineGen || !refineText.trim()) return;\n    const generationId = refineGen.id;\n    setMutationError(null);\n    markBusy(generationId);\n    let shouldClearRefine = false;\n    try {\n      const result = await refineGeneration({\n        variables: { input: { generationId, refinementPrompt: refineText.trim() } },\n      });\n      if (reportBigConsoleQuotaError(result, 'command')) {\n        // The user cannot retry quota failures without changing plan, so clear the completed refinement.\n        shouldClearRefine = true;\n        return;\n      }\n      shouldClearRefine = true;\n      refetchGenerations();\n    } catch (err) {\n      if (reportBigConsoleQuotaError(err, 'command')) {\n        // Keep the retry text only for non-quota errors; quota failures need a plan change first.\n        shouldClearRefine = true;\n        return;\n      }\n      setMutationError(\n        err instanceof Error ? err.message : t('bigconsole.insights.error.refineFailed', 'Failed to refine generation')\n      );\n    } finally {\n      if (shouldClearRefine) {\n        setRefineGen(null);\n        setRefineText('');\n      }\n      clearBusy(generationId);\n    }\n  }, [refineGen, refineText, refineGeneration, refetchGenerations, t]);\n\n  const handleSuggestionClick = useCallback((prompt: string) => {\n    setPromptText(prompt);\n  }, []);\n\n  const previewSpec = previewGen?.generatedSpec;\n\n  return (\n    // No `minHeight: 100vh`: the app shell already pads this content area, so a\n    // full-viewport child guaranteed vertical overflow on every screen.\n    <div data-tour=\"bigconsole-ai-insights\" className=\"min-w-0\" style={{ backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Page header strip — the same full-bleed band the other BigConsole\n          pages use. The old rounded hero relied on `border-border-seam` +\n          `bg-gloss-card`, neither of which is a registered utility in this\n          shell, so it rendered with no seam and no gloss at all. */}\n      <header className=\"relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: 'var(--space-formGap)',\n              flexWrap: 'wrap',\n              minWidth: 0,\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                height: 'var(--size-controlHeight-lg)',\n                width: 'var(--size-controlHeight-lg)',\n                flexShrink: 0,\n                alignItems: 'center',\n                justifyContent: 'center',\n                borderRadius: 'var(--radius-card)',\n                backgroundColor: 'var(--color-action-primary-bg)',\n              }}\n            >\n              <Sparkles\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 style={{ minWidth: 0 }}>\n              {/* text-2xl matches the other page titles — `text-heading-h*`\n                  emits no CSS in this shell. */}\n              <h1 className=\"m-0 text-2xl font-bold text-text-primary\">\n                <GradientText>{t('bigconsole.insights.header.title', 'AI Insights')}</GradientText>\n              </h1>\n              <p className=\"m-0 text-sm text-text-secondary\">\n                {t('bigconsole.insights.header.subtitle', 'Generate dashboards from natural language prompts')}\n              </p>\n            </div>\n          </div>\n        </div>\n      </header>\n\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          Describe the dashboard you need in plain English and BigConsole proposes the pages, widgets and layout for it.\n          Review the proposal, refine it in place, then create the real dashboard in one step — a generation is only a\n          proposal until you accept it.\n        </PagePurpose>\n\n        <SectionStack>\n          {/* Page-level failures were a red-bordered neutral card; they are now\n              the same danger tone as every other status surface in BigConsole. */}\n          {mutationError && (\n            <Section\n              headingLevel={2}\n              tone=\"danger\"\n              padding=\"compact\"\n              title=\"That request did not go through\"\n              description={mutationError}\n              icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n              data-testid=\"insights-error\"\n              actions={\n                <button\n                  type=\"button\"\n                  onClick={() => setMutationError(null)}\n                  aria-label={t('bigconsole.insights.error.dismiss', 'Dismiss error')}\n                  className={SECTION_FOCUS_RING}\n                  style={NEUTRAL_ACTION}\n                >\n                  Dismiss\n                </button>\n              }\n            />\n          )}\n\n          {(generationsError || suggestionsError) && (\n            <div role=\"alert\">\n              <Section\n                tone=\"danger\"\n                padding=\"compact\"\n                headingLevel={2}\n                title={t('bigconsole.insights.error.loadFailed', 'AI Insights could not be loaded')}\n                description={t(\n                  'bigconsole.insights.error.loadFailedDescription',\n                  'Your saved generations and suggestions may be unavailable. Retry the failed request.'\n                )}\n                data-testid=\"insights-load-error\"\n                actions={\n                  <button\n                    type=\"button\"\n                    className={SECTION_FOCUS_RING}\n                    style={NEUTRAL_ACTION}\n                    onClick={() => {\n                      if (generationsError) void refetchGenerations().catch(() => undefined);\n                      if (suggestionsError) void refetchSuggestions().catch(() => undefined);\n                    }}\n                  >\n                    <RefreshCw size={14} aria-hidden=\"true\" /> {t('bigconsole.insights.error.retry', 'Retry')}\n                  </button>\n                }\n              />\n            </div>\n          )}\n\n          {/* PRIMARY — the one block this route exists for. */}\n          <Section\n            id=\"insights-prompt\"\n            emphasis=\"primary\"\n            headingLevel={2}\n            title=\"Describe your dashboard\"\n            description=\"One or two sentences is enough — name the metrics, the breakdowns and who will read it.\"\n            icon={<Sparkles className=\"h-icon-sm w-icon-sm\" />}\n            data-testid=\"insights-prompt\"\n          >\n            <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-controlGap)' }}>\n              <label\n                htmlFor=\"prompt-input\"\n                style={{\n                  display: 'block',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-text-primary)',\n                }}\n              >\n                {t('bigconsole.insights.prompt.label', 'Your prompt')}\n              </label>\n              <textarea\n                id=\"prompt-input\"\n                value={promptText}\n                onChange={(e) => setPromptText(e.target.value)}\n                placeholder={t(\n                  'bigconsole.insights.prompt.placeholder',\n                  'e.g., Create a sales dashboard showing revenue trends, top products, and regional performance'\n                )}\n                rows={3}\n                maxLength={2000}\n                // The page's most important control used to set `outline: none`\n                // with no replacement, so it had no keyboard focus indicator.\n                className={SECTION_FOCUS_RING}\n                style={{\n                  width: '100%',\n                  maxWidth: '100%',\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  borderRadius: 'var(--radius-input)',\n                  border: '1px solid var(--color-border-default)',\n                  backgroundColor: 'var(--color-bg-canvas)',\n                  color: 'var(--color-text-primary)',\n                  fontSize: 'var(--font-size-body-md)',\n                  resize: 'vertical',\n                }}\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n                    e.preventDefault();\n                    void handleGenerate();\n                  }\n                }}\n              />\n\n              {/* Generation options. Style, layout, column count and widget cap\n                  are all fields on GenerateDashboardFromPromptInput that the\n                  service honours; they were pinned to the defaults, so the only\n                  lever the caller had was the prose of the prompt itself. */}\n              <div\n                role=\"group\"\n                aria-label={t('bigconsole.insights.prompt.optionsLabel', 'Generation options')}\n                data-testid=\"insights-generation-options\"\n                style={{\n                  display: 'grid',\n                  gridTemplateColumns: 'repeat(auto-fit, minmax(min(150px, 100%), 1fr))',\n                  gap: 'var(--space-controlGap)',\n                }}\n              >\n                <div>\n                  <label htmlFor=\"prompt-style\" style={OPTION_LABEL_STYLE}>\n                    {t('bigconsole.insights.prompt.style', 'Style')}\n                  </label>\n                  <select\n                    id=\"prompt-style\"\n                    value={styleType}\n                    onChange={(e) => setStyleType(e.target.value as DashboardStyleType)}\n                    className={SECTION_FOCUS_RING}\n                    style={OPTION_CONTROL_STYLE}\n                  >\n                    {STYLE_TYPE_OPTIONS.map((option) => (\n                      <option key={option.value} value={option.value}>\n                        {option.label}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n\n                <div>\n                  <label htmlFor=\"prompt-layout\" style={OPTION_LABEL_STYLE}>\n                    {t('bigconsole.insights.prompt.layout', 'Layout')}\n                  </label>\n                  <select\n                    id=\"prompt-layout\"\n                    value={layoutType}\n                    onChange={(e) => setLayoutType(e.target.value as GeneratedLayoutType)}\n                    className={SECTION_FOCUS_RING}\n                    style={OPTION_CONTROL_STYLE}\n                  >\n                    {LAYOUT_TYPE_OPTIONS.map((option) => (\n                      <option key={option.value} value={option.value}>\n                        {option.label}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n\n                <div>\n                  <label htmlFor=\"prompt-columns\" style={OPTION_LABEL_STYLE}>\n                    {t('bigconsole.insights.prompt.columns', 'Columns')}\n                  </label>\n                  <select\n                    id=\"prompt-columns\"\n                    value={gridColumns}\n                    onChange={(e) => setGridColumns(Number(e.target.value))}\n                    className={SECTION_FOCUS_RING}\n                    style={OPTION_CONTROL_STYLE}\n                  >\n                    {GRID_COLUMN_OPTIONS.map((option) => (\n                      <option key={option} value={option}>\n                        {option}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n\n                <div>\n                  <label htmlFor=\"prompt-max-widgets\" style={OPTION_LABEL_STYLE}>\n                    {t('bigconsole.insights.prompt.maxWidgets', 'Max widgets')}\n                  </label>\n                  <select\n                    id=\"prompt-max-widgets\"\n                    value={maxWidgets}\n                    onChange={(e) => setMaxWidgets(Number(e.target.value))}\n                    className={SECTION_FOCUS_RING}\n                    style={OPTION_CONTROL_STYLE}\n                  >\n                    {MAX_WIDGET_OPTIONS.map((option) => (\n                      <option key={option} value={option}>\n                        {option}\n                      </option>\n                    ))}\n                  </select>\n                </div>\n              </div>\n\n              {/* A committed footer: the CTA now sits below a rule instead of\n                  floating as one more sibling of the label and the input. */}\n              <div\n                style={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  flexWrap: 'wrap',\n                  gap: 'var(--space-controlGap)',\n                  borderTop: '1px solid var(--color-border-subtle)',\n                  paddingTop: 'var(--space-controlGap)',\n                }}\n              >\n                <span\n                  style={{\n                    flex: '1 1 12rem',\n                    minWidth: 0,\n                    fontSize: 'var(--font-size-body-sm)',\n                    color: 'var(--color-text-muted)',\n                  }}\n                >\n                  {t('bigconsole.insights.prompt.hint', 'Press Ctrl+Enter to generate')} · {promptText.length}/2000\n                </span>\n                <button\n                  type=\"button\"\n                  onClick={handleGenerate}\n                  disabled={!promptText.trim() || isGenerating}\n                  className={SECTION_FOCUS_RING}\n                  style={{\n                    ...PRIMARY_ACTION,\n                    // Keeps the CTA anchored to the right edge even after the\n                    // hint pushes it onto its own line.\n                    marginLeft: 'auto',\n                    cursor: !promptText.trim() || isGenerating ? 'not-allowed' : 'pointer',\n                    opacity: !promptText.trim() || isGenerating ? 0.5 : 1,\n                  }}\n                >\n                  {isGenerating ? (\n                    <Loader2 size={16} className=\"animate-spin\" aria-hidden=\"true\" />\n                  ) : (\n                    <Sparkles size={16} aria-hidden=\"true\" />\n                  )}\n                  {t('bigconsole.insights.prompt.generateButton', 'Generate dashboard')}\n                </button>\n              </div>\n            </div>\n          </Section>\n\n          {/* MUTED — optional shortcuts. Recessed so a prompt template can never\n              be mistaken for a finished generation. */}\n          {suggestions.length > 0 && (\n            <Section\n              emphasis=\"muted\"\n              headingLevel={2}\n              title={t('bigconsole.insights.suggestions.heading', 'Starting points')}\n              description=\"Pick one to drop it into the prompt box above, then edit it before generating.\"\n              icon={<Lightbulb className=\"h-icon-sm w-icon-sm\" />}\n              data-testid=\"insights-suggestions\"\n            >\n              <div\n                style={{\n                  display: 'grid',\n                  gridTemplateColumns: 'repeat(auto-fill, minmax(min(260px, 100%), 1fr))',\n                  gap: 'var(--space-controlGap)',\n                }}\n              >\n                {suggestions.map((s) => (\n                  <button\n                    key={s.id}\n                    type=\"button\"\n                    onClick={() => handleSuggestionClick(s.prompt)}\n                    className={SECTION_FOCUS_RING}\n                    style={{\n                      textAlign: 'left',\n                      minWidth: 0,\n                      minHeight: 'var(--size-controlHeight-lg)',\n                      padding: 'var(--space-controlGap)',\n                      borderRadius: 'var(--radius-card)',\n                      border: '1px solid var(--color-border-subtle)',\n                      backgroundColor: 'var(--color-bg-surface)',\n                      cursor: 'pointer',\n                    }}\n                  >\n                    <span\n                      style={{\n                        display: 'block',\n                        fontWeight: 'var(--font-weight-medium)',\n                        fontSize: 'var(--font-size-body-sm)',\n                        color: 'var(--color-text-primary)',\n                        marginBottom: 'var(--space-iconGap)',\n                      }}\n                    >\n                      {s.title}\n                    </span>\n                    <span\n                      style={{\n                        display: 'block',\n                        fontSize: 'var(--font-size-body-sm)',\n                        color: 'var(--color-text-secondary)',\n                        lineHeight: 1.4,\n                      }}\n                    >\n                      {s.exampleDescription || s.prompt}\n                    </span>\n                    {s.tags.length > 0 && (\n                      <span\n                        style={{\n                          display: 'flex',\n                          gap: 'var(--space-iconGap)',\n                          marginTop: 'var(--space-controlGap)',\n                          flexWrap: 'wrap',\n                        }}\n                      >\n                        {s.tags.slice(0, 3).map((tag) => (\n                          <span key={tag} style={CHIP_BASE}>\n                            {tag}\n                          </span>\n                        ))}\n                      </span>\n                    )}\n                  </button>\n                ))}\n              </div>\n            </Section>\n          )}\n\n          {/* BARE region — the heading and count give the results a boundary;\n              the cards inside carry the surface. */}\n          <Section\n            emphasis=\"bare\"\n            padding=\"none\"\n            headingLevel={2}\n            title={t('bigconsole.insights.generations.heading', 'Recent generations')}\n            description=\"Newest first. A generation stays a proposal until you create the dashboard from it.\"\n            icon={<History className=\"h-icon-sm w-icon-sm\" />}\n            meta={\n              generations.length > 0 ? (\n                // A bare digit next to the heading is unreadable out of context\n                // for a screen reader, so the chip carries its own noun.\n                <span style={CHIP_BASE}>\n                  {generations.length} generation{generations.length === 1 ? '' : 's'}\n                </span>\n              ) : undefined\n            }\n            data-testid=\"insights-generations\"\n          >\n            {generationsLoading && generations.length === 0 ? (\n              <Section\n                emphasis=\"muted\"\n                headingLevel={3}\n                aria-label=\"Loading generations\"\n                className=\"min-h-[10rem]\"\n                data-testid=\"insights-generations-loading\"\n              >\n                <div\n                  style={{\n                    display: 'flex',\n                    minHeight: '8rem',\n                    flexDirection: 'column',\n                    alignItems: 'center',\n                    justifyContent: 'center',\n                    gap: 'var(--space-controlGap)',\n                    color: 'var(--color-text-muted)',\n                  }}\n                >\n                  <Loader2 size={24} className=\"animate-spin\" aria-hidden=\"true\" />\n                  <p style={{ fontSize: 'var(--font-size-body-sm)' }}>\n                    {t('bigconsole.insights.generations.loading', 'Loading generations…')}\n                  </p>\n                </div>\n              </Section>\n            ) : generations.length === 0 && !isGenerating && !generationsError ? (\n              // `border-border-seam` emitted no CSS — the arbitrary form is\n              // theme-aware and actually draws the seam.\n              <GlassCard treatment=\"insight\" className=\"border-[var(--color-border-seam)]\">\n                <IllustratedEmptyState\n                  illustration=\"onboarding\"\n                  title={t('bigconsole.insights.generations.emptyTitle', 'No generations yet')}\n                  description={t(\n                    'bigconsole.insights.generations.emptyDescription',\n                    'Describe a dashboard above to get started'\n                  )}\n                />\n              </GlassCard>\n            ) : (\n              <div className=\"flex flex-col gap-list-gap\">\n                {/* Transient placeholder while the generate request is in flight\n                    and the backend has not yet returned the new PENDING\n                    generation. Toned `info` so it is not mistaken for a\n                    persisted generation. */}\n                {isGenerating && !hasActiveGenerations && (\n                  <Section\n                    emphasis=\"muted\"\n                    tone=\"info\"\n                    padding=\"compact\"\n                    headingLevel={3}\n                    title=\"Sending your prompt…\"\n                    description=\"The new generation appears here as soon as the backend accepts it.\"\n                    icon={<Loader2 className=\"h-icon-sm w-icon-sm animate-spin\" />}\n                    data-testid=\"insights-generation-pending\"\n                  />\n                )}\n                {generations.map((gen) => {\n                  const spec = gen.generatedSpec;\n                  const busy = busyIds.has(gen.id);\n                  const inFlight = NON_TERMINAL_STATUSES.includes(gen.status);\n                  return (\n                    <Section\n                      key={gen.id}\n                      emphasis=\"standard\"\n                      padding=\"compact\"\n                      headingLevel={3}\n                      title={\n                        spec?.name ||\n                        (inFlight\n                          ? t('bigconsole.insights.generations.generating', 'Generating…')\n                          : 'Untitled generation')\n                      }\n                      meta={<StatusBadge status={gen.status} />}\n                      description={gen.prompt.length > 160 ? `${gen.prompt.slice(0, 160)}…` : gen.prompt}\n                      data-testid=\"insights-generation-card\"\n                      bodyClassName=\"flex flex-col gap-control-gap\"\n                    >\n                      {/* What the AI produced, separated from what was asked. */}\n                      {spec && (\n                        <div style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--space-iconGap)' }}>\n                          <span style={CHIP_BASE}>\n                            {countWidgets(spec)} widget{countWidgets(spec) === 1 ? '' : 's'}\n                          </span>\n                          <span style={CHIP_BASE}>\n                            {spec.pages.length} page{spec.pages.length === 1 ? '' : 's'}\n                          </span>\n                          <span style={confidenceChipStyle(spec.overallConfidence)}>\n                            {Math.round(spec.overallConfidence * 100)}% confidence\n                          </span>\n                        </div>\n                      )}\n\n                      {gen.errorMessage && (\n                        <Section\n                          headingLevel={4}\n                          tone=\"danger\"\n                          padding=\"compact\"\n                          title=\"Generation failed\"\n                          description={gen.errorMessage}\n                          icon={<AlertCircle className=\"h-icon-sm w-icon-sm\" />}\n                        />\n                      )}\n\n                      {/* Action cluster: reversible actions on the left, the\n                          decisive and destructive ones grouped on the right. */}\n                      <div\n                        style={{\n                          display: 'flex',\n                          flexWrap: 'wrap',\n                          alignItems: 'center',\n                          gap: 'var(--space-controlGap)',\n                          borderTop: '1px solid var(--color-border-subtle)',\n                          paddingTop: 'var(--space-controlGap)',\n                        }}\n                      >\n                        {inFlight && (\n                          <button\n                            type=\"button\"\n                            onClick={() => {\n                              nativeImpact('medium');\n                              void handleCancel(gen.id);\n                            }}\n                            disabled={busy}\n                            title={t('bigconsole.insights.actions.cancelTitle', 'Cancel generation')}\n                            className={SECTION_FOCUS_RING}\n                            style={{ ...WARNING_ACTION, cursor: busy ? 'wait' : 'pointer' }}\n                          >\n                            <Ban size={14} aria-hidden=\"true\" /> {t('bigconsole.insights.actions.cancel', 'Cancel')}\n                          </button>\n                        )}\n                        {gen.status === 'COMPLETED' && spec && (\n                          <button\n                            type=\"button\"\n                            onClick={() => setPreviewGen(gen)}\n                            title={t('bigconsole.insights.actions.previewTitle', 'Preview proposed layout')}\n                            className={SECTION_FOCUS_RING}\n                            style={NEUTRAL_ACTION}\n                          >\n                            <Eye size={14} aria-hidden=\"true\" /> {t('bigconsole.insights.actions.preview', 'Preview')}\n                          </button>\n                        )}\n                        {gen.status === 'COMPLETED' && spec && (\n                          <button\n                            type=\"button\"\n                            onClick={() => {\n                              setRefineGen(gen);\n                              setRefineText('');\n                            }}\n                            title={t('bigconsole.insights.actions.refineTitle', 'Refine with instructions')}\n                            className={SECTION_FOCUS_RING}\n                            style={NEUTRAL_ACTION}\n                          >\n                            <Wand2 size={14} aria-hidden=\"true\" /> {t('bigconsole.insights.actions.refine', 'Refine')}\n                          </button>\n                        )}\n                        {(gen.status === 'COMPLETED' || gen.status === 'FAILED' || gen.status === 'CANCELLED') && (\n                          <button\n                            type=\"button\"\n                            onClick={() => {\n                              nativeImpact('medium');\n                              void handleRegenerate(gen.id);\n                            }}\n                            disabled={busy}\n                            title={t('bigconsole.insights.actions.regenerateTitle', 'Regenerate with the same prompt')}\n                            className={SECTION_FOCUS_RING}\n                            style={{ ...NEUTRAL_ACTION, cursor: busy ? 'wait' : 'pointer' }}\n                          >\n                            <RefreshCw size={14} className={busy ? 'animate-spin' : ''} aria-hidden=\"true\" />{' '}\n                            {t('bigconsole.insights.actions.regenerate', 'Regenerate')}\n                          </button>\n                        )}\n\n                        <div\n                          style={{\n                            display: 'flex',\n                            flexWrap: 'wrap',\n                            alignItems: 'center',\n                            gap: 'var(--space-controlGap)',\n                            marginLeft: 'auto',\n                          }}\n                        >\n                          {gen.status === 'COMPLETED' && !gen.dashboardId && (\n                            <button\n                              type=\"button\"\n                              onClick={() => handleCreateDashboard(gen.id)}\n                              className={SECTION_FOCUS_RING}\n                              style={PRIMARY_ACTION}\n                            >\n                              {t('bigconsole.insights.actions.create', 'Create dashboard')}{' '}\n                              <ArrowRight size={14} aria-hidden=\"true\" />\n                            </button>\n                          )}\n                          {gen.dashboardId && (\n                            <button\n                              type=\"button\"\n                              onClick={() => navigate(`/dashboards/${gen.dashboardId ?? ''}`)}\n                              className={SECTION_FOCUS_RING}\n                              style={NEUTRAL_ACTION}\n                            >\n                              {t('bigconsole.insights.actions.viewDashboard', 'View dashboard')}{' '}\n                              <ArrowRight size={14} aria-hidden=\"true\" />\n                            </button>\n                          )}\n                          <button\n                            type=\"button\"\n                            onClick={() => {\n                              nativeImpact('medium');\n                              void handleDelete(gen.id);\n                            }}\n                            title={t('bigconsole.insights.actions.deleteTitle', 'Delete generation')}\n                            aria-label={t('bigconsole.insights.actions.deleteTitle', 'Delete generation')}\n                            className={SECTION_FOCUS_RING}\n                            style={DANGER_ICON_ACTION}\n                          >\n                            <Trash2 size={14} aria-hidden=\"true\" />\n                          </button>\n                        </div>\n                      </div>\n                    </Section>\n                  );\n                })}\n              </div>\n            )}\n          </Section>\n        </SectionStack>\n      </div>\n\n      {/* Preview modal — shows the AI-proposed page/widget structure before creation */}\n      {previewGen && previewSpec && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={t('bigconsole.insights.preview.ariaLabel', 'Generation preview')}\n          onClick={() => setPreviewGen(null)}\n          style={{\n            position: 'fixed',\n            inset: 0,\n            zIndex: 1000,\n            backgroundColor: 'var(--color-overlay-scrim)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: 'var(--space-pagePadding)',\n          }}\n        >\n          <div\n            onClick={(e) => e.stopPropagation()}\n            style={{\n              // Header and footer stay put while only the page list scrolls, so\n              // the dashboard name and the accept action never scroll away.\n              display: 'flex',\n              flexDirection: 'column',\n              minHeight: 0,\n              width: 'min(640px, 100%)',\n              maxHeight: 'calc(100dvh - 2 * var(--space-pagePadding))',\n              backgroundColor: 'var(--color-bg-surface)',\n              borderRadius: 'var(--radius-card)',\n              border: '1px solid var(--color-border-default)',\n              boxShadow: 'var(--shadow-elevation-3)',\n            }}\n          >\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'space-between',\n                alignItems: 'flex-start',\n                gap: 'var(--space-controlGap)',\n                padding: 'var(--space-cardPadding)',\n                borderBottom: '1px solid var(--color-border-subtle)',\n              }}\n            >\n              <div style={{ minWidth: 0 }}>\n                <h2\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-semibold)',\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  {previewSpec.name}\n                </h2>\n                {previewSpec.description && (\n                  <p\n                    style={{\n                      fontSize: 'var(--font-size-body-sm)',\n                      color: 'var(--color-text-secondary)',\n                      marginTop: 2,\n                    }}\n                  >\n                    {previewSpec.description}\n                  </p>\n                )}\n              </div>\n              <button\n                type=\"button\"\n                onClick={() => setPreviewGen(null)}\n                aria-label={t('bigconsole.insights.preview.close', 'Close preview')}\n                className={SECTION_FOCUS_RING}\n                style={{ ...DANGER_ICON_ACTION, color: 'var(--color-text-muted)' }}\n              >\n                <X size={18} aria-hidden=\"true\" />\n              </button>\n            </div>\n\n            <div\n              style={{\n                flex: '1 1 auto',\n                minHeight: 0,\n                overflowY: 'auto',\n                padding: 'var(--space-cardPadding)',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: 'var(--space-controlGap)',\n              }}\n            >\n              {/* The decision-making numbers were 11px muted text; they are now\n                  the first thing in the body, at readable size. */}\n              <div style={{ display: 'flex', flexWrap: 'wrap', gap: 'var(--space-iconGap)' }}>\n                <span style={CHIP_BASE}>\n                  {countWidgets(previewSpec)} widget{countWidgets(previewSpec) === 1 ? '' : 's'}\n                </span>\n                <span style={CHIP_BASE}>\n                  {previewSpec.pages.length} page{previewSpec.pages.length === 1 ? '' : 's'}\n                </span>\n                <span style={confidenceChipStyle(previewSpec.overallConfidence)}>\n                  {Math.round(previewSpec.overallConfidence * 100)}% confidence\n                </span>\n              </div>\n\n              {/* Why the model produced this shape. Reviewing a generated board\n                  without the reasoning means accepting it on the score alone. */}\n              {previewSpec.reasoning && (\n                <details data-testid=\"preview-reasoning\">\n                  <summary\n                    className={SECTION_FOCUS_RING}\n                    style={{\n                      cursor: 'pointer',\n                      fontSize: 'var(--font-size-body-sm)',\n                      fontWeight: 'var(--font-weight-medium)',\n                      color: 'var(--color-text-secondary)',\n                      borderRadius: 'var(--radius-button)',\n                    }}\n                  >\n                    {t('bigconsole.insights.preview.reasoningToggle', 'Why these widgets?')}\n                  </summary>\n                  <p\n                    style={{\n                      marginTop: 'var(--space-controlGap)',\n                      fontSize: 'var(--font-size-body-sm)',\n                      lineHeight: 'var(--font-lineHeight-normal)',\n                      color: 'var(--color-text-secondary)',\n                    }}\n                  >\n                    {previewSpec.reasoning}\n                  </p>\n                </details>\n              )}\n\n              {/* One labelled block per page. Widgets are rows, not chips: each\n                  now carries its own confidence grade and the model's reason for\n                  proposing it, which no chip row can hold. */}\n              {previewSpec.pages.map((page, pi) => (\n                <Section\n                  key={pi}\n                  emphasis=\"muted\"\n                  padding=\"compact\"\n                  headingLevel={3}\n                  title={page.name}\n                  meta={\n                    <span style={CHIP_BASE}>\n                      {page.widgets.length} widget{page.widgets.length === 1 ? '' : 's'}\n                    </span>\n                  }\n                >\n                  <p\n                    style={{\n                      fontSize: 'var(--font-size-body-sm)',\n                      color: 'var(--color-text-secondary)',\n                      marginBottom: 'var(--space-controlGap)',\n                    }}\n                  >\n                    {t('bigconsole.insights.preview.proposedLayout', 'Proposed layout')} · {page.gridColumns}{' '}\n                    {t('bigconsole.insights.preview.columns', 'columns')} ·{' '}\n                    {page.layout.toLowerCase().replaceAll('_', ' ')}\n                  </p>\n                  <div className=\"insights-proposal-grid\" style={proposalGridStyle(page.gridColumns)}>\n                    {page.widgets.map((w, wi) => {\n                      const level = toConfidenceLevel(w.confidence);\n                      return (\n                        <div\n                          key={wi}\n                          className=\"insights-proposal-widget\"\n                          style={{\n                            ...proposalPositionStyle(w.position, page.gridColumns),\n                            display: 'flex',\n                            flexDirection: 'column',\n                            gap: '2px',\n                            padding: 'var(--space-controlGap)',\n                            borderRadius: 'var(--radius-input)',\n                            backgroundColor: 'var(--color-bg-surface)',\n                            border: '1px solid var(--color-border-subtle)',\n                          }}\n                        >\n                          <div\n                            style={{\n                              display: 'flex',\n                              flexWrap: 'wrap',\n                              alignItems: 'center',\n                              gap: 'var(--space-iconGap)',\n                            }}\n                          >\n                            <span\n                              style={{\n                                fontSize: 'var(--font-size-body-sm)',\n                                fontWeight: 'var(--font-weight-medium)',\n                                color: 'var(--color-text-primary)',\n                                minWidth: 0,\n                              }}\n                            >\n                              {w.title}\n                            </span>\n                            <span\n                              style={{ fontSize: 'var(--font-size-xs)', color: 'var(--color-text-muted)' }}\n                              data-testid=\"preview-widget-type\"\n                            >\n                              {w.type}\n                            </span>\n                            {level && (\n                              <span\n                                style={{ ...widgetConfidenceChipStyle(level), marginLeft: 'auto' }}\n                                data-testid=\"preview-widget-confidence\"\n                              >\n                                {level}\n                              </span>\n                            )}\n                          </div>\n                          {w.reasoning && (\n                            <p\n                              style={{\n                                margin: 0,\n                                fontSize: 'var(--font-size-xs)',\n                                lineHeight: 'var(--font-lineHeight-normal)',\n                                color: 'var(--color-text-muted)',\n                              }}\n                            >\n                              {w.reasoning}\n                            </p>\n                          )}\n                        </div>\n                      );\n                    })}\n                  </div>\n                </Section>\n              ))}\n            </div>\n\n            {/* Review → accept in one place: previously you had to close the\n                modal and find the card again to create the dashboard. */}\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n                flexWrap: 'wrap',\n                gap: 'var(--space-controlGap)',\n                padding: 'var(--space-cardPadding)',\n                borderTop: '1px solid var(--color-border-subtle)',\n              }}\n            >\n              <button\n                type=\"button\"\n                onClick={() => setPreviewGen(null)}\n                className={SECTION_FOCUS_RING}\n                style={NEUTRAL_ACTION}\n              >\n                Close\n              </button>\n              {/* Review → refine without losing the review: the Refine control\n                  only existed on the card behind this modal, so a reviewer who\n                  disagreed with the spec had to close and hunt for it. */}\n              {previewGen.status === 'COMPLETED' && previewSpec && (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    const generation = previewGen;\n                    setPreviewGen(null);\n                    setRefineGen(generation);\n                    setRefineText('');\n                  }}\n                  title={t('bigconsole.insights.actions.refineTitle', 'Refine with instructions')}\n                  className={SECTION_FOCUS_RING}\n                  style={NEUTRAL_ACTION}\n                >\n                  <Wand2 size={14} aria-hidden=\"true\" /> {t('bigconsole.insights.actions.refine', 'Refine')}\n                </button>\n              )}\n              {previewGen.status === 'COMPLETED' && !previewGen.dashboardId && (\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    const generationId = previewGen.id;\n                    setPreviewGen(null);\n                    void handleCreateDashboard(generationId);\n                  }}\n                  className={SECTION_FOCUS_RING}\n                  style={PRIMARY_ACTION}\n                >\n                  {t('bigconsole.insights.actions.create', 'Create dashboard')}{' '}\n                  <ArrowRight size={14} aria-hidden=\"true\" />\n                </button>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Refine modal — collects refinement instructions for refineGeneratedDashboard */}\n      {refineGen && (\n        <div\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={t('bigconsole.insights.refine.ariaLabel', 'Refine generation')}\n          onClick={() => setRefineGen(null)}\n          style={{\n            position: 'fixed',\n            inset: 0,\n            zIndex: 1000,\n            backgroundColor: 'var(--color-overlay-scrim)',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n            padding: 'var(--space-pagePadding)',\n          }}\n        >\n          <div\n            onClick={(e) => e.stopPropagation()}\n            style={{\n              // The refine dialog had no height cap and no scroll: with the\n              // mobile keyboard open the Apply button was unreachable.\n              display: 'flex',\n              flexDirection: 'column',\n              minHeight: 0,\n              width: 'min(520px, 100%)',\n              maxHeight: 'calc(100dvh - 2 * var(--space-pagePadding))',\n              backgroundColor: 'var(--color-bg-surface)',\n              borderRadius: 'var(--radius-card)',\n              border: '1px solid var(--color-border-default)',\n              boxShadow: 'var(--shadow-elevation-3)',\n            }}\n          >\n            <div\n              style={{\n                padding: 'var(--space-cardPadding)',\n                borderBottom: '1px solid var(--color-border-subtle)',\n              }}\n            >\n              <h2\n                style={{\n                  fontSize: 'var(--font-size-heading-h4)',\n                  fontWeight: 'var(--font-weight-semibold)',\n                  color: 'var(--color-text-primary)',\n                }}\n              >\n                {t('bigconsole.insights.refine.heading', 'Refine dashboard')}\n              </h2>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginTop: 2,\n                }}\n              >\n                {t(\n                  'bigconsole.insights.refine.subtitle',\n                  'Describe what to change — the AI keeps the existing spec and applies your instructions.'\n                )}\n              </p>\n            </div>\n\n            <div\n              style={{\n                flex: '1 1 auto',\n                minHeight: 0,\n                overflowY: 'auto',\n                padding: 'var(--space-cardPadding)',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: 'var(--space-controlGap)',\n              }}\n            >\n              {/* You were being asked to describe changes to something you could\n                  not see — the current proposal is now echoed above the box. */}\n              <Section\n                emphasis=\"muted\"\n                padding=\"compact\"\n                headingLevel={3}\n                title={refineGen.generatedSpec?.name || 'Current proposal'}\n                description={refineGen.prompt.length > 240 ? `${refineGen.prompt.slice(0, 240)}…` : refineGen.prompt}\n                icon={<Sparkles className=\"h-icon-sm w-icon-sm\" />}\n              />\n\n              <div style={{ display: 'flex', flexDirection: 'column', gap: 'var(--space-controlGap)' }}>\n                <label\n                  htmlFor=\"refine-input\"\n                  style={{\n                    display: 'block',\n                    fontSize: 'var(--font-size-body-sm)',\n                    fontWeight: 'var(--font-weight-medium)',\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  What should change?\n                </label>\n                <textarea\n                  id=\"refine-input\"\n                  value={refineText}\n                  onChange={(e) => setRefineText(e.target.value)}\n                  maxLength={2000}\n                  rows={4}\n                  placeholder={t(\n                    'bigconsole.insights.refine.placeholder',\n                    'e.g., Add a revenue-by-region map and remove the duplicate KPI cards'\n                  )}\n                  className={SECTION_FOCUS_RING}\n                  style={{\n                    width: '100%',\n                    maxWidth: '100%',\n                    resize: 'vertical',\n                    // Matches the composer above — the two prompt inputs used\n                    // two different radii and two different padding scales.\n                    padding: 'var(--space-controlGap) var(--space-formGap)',\n                    borderRadius: 'var(--radius-input)',\n                    border: '1px solid var(--color-border-default)',\n                    backgroundColor: 'var(--color-bg-canvas)',\n                    color: 'var(--color-text-primary)',\n                    fontSize: 'var(--font-size-body-md)',\n                  }}\n                />\n              </div>\n            </div>\n\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'flex-end',\n                flexWrap: 'wrap',\n                gap: 'var(--space-controlGap)',\n                padding: 'var(--space-cardPadding)',\n                borderTop: '1px solid var(--color-border-subtle)',\n              }}\n            >\n              <button\n                type=\"button\"\n                onClick={() => setRefineGen(null)}\n                className={SECTION_FOCUS_RING}\n                style={NEUTRAL_ACTION}\n              >\n                {t('bigconsole.insights.actions.cancel', 'Cancel')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => void handleRefineSubmit()}\n                disabled={!refineText.trim() || busyIds.has(refineGen.id)}\n                className={SECTION_FOCUS_RING}\n                style={{\n                  ...PRIMARY_ACTION,\n                  cursor: !refineText.trim() || busyIds.has(refineGen.id) ? 'not-allowed' : 'pointer',\n                  opacity: !refineText.trim() ? 0.6 : 1,\n                }}\n              >\n                {busyIds.has(refineGen.id) ? (\n                  <Loader2 size={14} className=\"animate-spin\" aria-hidden=\"true\" />\n                ) : (\n                  <Wand2 size={14} aria-hidden=\"true\" />\n                )}\n                {t('bigconsole.insights.refine.apply', 'Apply refinement')}\n              </button>\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n});\n\nexport default InsightsPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/OverviewPage.d.ts

@@ -2,3 +2,4 @@ import { FC } from 'react';
 
 export declare const OverviewPage: FC;
 export default OverviewPage;
+//# sourceMappingURL=OverviewPage.d.ts.map

package/dist/bigconsole/pages/OverviewPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/OverviewPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,KAAK,EAAE,EAA2D,MAAM,OAAO,CAAC;AA2BzF,eAAO,MAAM,YAAY,EAAE,EA4UzB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/dist/bigconsole/pages/OverviewPage.js

@@ -260,3 +260,5 @@ var j = d(function() {
 });
 //#endregion
 export { j as OverviewPage, j as default };
+
+//# sourceMappingURL=OverviewPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPage.js","names":[],"sources":["../../../src/bigconsole/pages/OverviewPage.tsx"],"sourcesContent":["/**\n * OverviewPage\n *\n * BigConsole home (`/bigconsole`): the dashboards and data at a glance, plus a\n * step-by-step guide to building a complete dashboard. Mirrors the VibeControls\n * product Overview — aurora hero, purpose line, guidance, KPI tiles and a single\n * emphasis panel — while showing only data the backend reports accurately.\n *\n * Every section is gated on its own read permission and loaded by its own\n * operation (see `useOverviewData`), so a caller missing one permission still\n * gets the rest of the page.\n */\n\nimport { type FC, memo, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { PageHeader } from '@burdenoff/fe-libs/chrome';\nimport { MotionItem, MotionList, MotionPage } from '@burdenoff/fe-libs/shared/motion';\nimport { AuroraBackground, Button, GradientText, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { Workflow, Database, FileCode2, LayoutDashboard, Plus, RefreshCw, Sparkles } from 'lucide-react';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { useAppNavigate } from '../contexts';\nimport {\n  CREATE_DASHBOARD_PATH,\n  DashboardGuide,\n  DataHealthCard,\n  OverviewQuickActions,\n  OverviewStatCard,\n  RecentDashboardsPanel,\n  buildAiAlternative,\n  buildDashboardGuideSteps,\n  formatRelativeTime,\n  resolveGuideDefaultExpanded,\n  summarizeDashboards,\n  summarizeDataSinks,\n  useOverviewData,\n  type OverviewQuickAction,\n} from '../components/overview';\n\nexport const OverviewPage: FC = memo(function OverviewPage() {\n  const navigate = useAppNavigate();\n  const tr = useTr();\n  const { locale } = useI18n();\n  const { hasPermission } = usePermissions();\n  const { permissionsLoading, dashboards, dataSinks, parsers, pipelines, refetchAll } = useOverviewData();\n\n  const handleNavigate = useCallback((path: string) => navigate(path), [navigate]);\n\n  // ---------------------------------------------------------------------------\n  // Derived data\n  // ---------------------------------------------------------------------------\n\n  const dashboardSummary = useMemo(() => summarizeDashboards(dashboards.data), [dashboards.data]);\n  const dataSinkSummary = useMemo(() => summarizeDataSinks(dataSinks.data), [dataSinks.data]);\n\n  const formatUpdated = useCallback((iso: string) => formatRelativeTime(iso, new Date(), tr, locale), [tr, locale]);\n\n  const can = useCallback(\n    (permission: string) => !permissionsLoading && hasPermission(permission),\n    [permissionsLoading, hasPermission]\n  );\n\n  const guideSteps = useMemo(\n    () =>\n      buildDashboardGuideSteps({\n        tr,\n        latestDashboard: dashboardSummary.latest,\n        permissions: {\n          canCreateDataSink: can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE),\n          canReadDataSinks: can(BIGCONSOLE_PERMISSIONS.DATASINK_READ),\n          canCreateWorkflow: can(BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE),\n          canCreateParser: can(BIGCONSOLE_PERMISSIONS.PARSER_CREATE),\n          canCreateDashboard: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE),\n          canReadDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_READ),\n          canBuildDashboards: can(BIGCONSOLE_PERMISSIONS.DASHBOARD_UPDATE) && can(BIGCONSOLE_PERMISSIONS.WIDGET_CREATE),\n          canGenerateWithAi: can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE),\n        },\n      }),\n    [tr, can, dashboardSummary.latest]\n  );\n\n  const aiAlternative = useMemo(() => buildAiAlternative(tr, can(BIGCONSOLE_PERMISSIONS.PROMPT_CREATE)), [tr, can]);\n\n  const quickActions = useMemo<OverviewQuickAction[]>(() => {\n    const candidates: Array<{ permission: string; action: OverviewQuickAction }> = [\n      {\n        permission: BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE,\n        action: {\n          id: 'create-dashboard',\n          label: tr('bigconsole.overview.actions.createDashboard', 'Create Dashboard'),\n          icon: <Plus className=\"size-4\" aria-hidden=\"true\" />,\n          path: CREATE_DASHBOARD_PATH,\n          primary: true,\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.DATASINK_CREATE,\n        action: {\n          id: 'new-data-sink',\n          label: tr('bigconsole.overview.actions.newDataSink', 'New Data Sink'),\n          icon: <Database className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/datasinks/new',\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.PARSER_CREATE,\n        action: {\n          id: 'new-parser',\n          label: tr('bigconsole.overview.actions.newParser', 'New Parser'),\n          icon: <FileCode2 className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/parsers/new',\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.PIPELINE_CREATE,\n        action: {\n          id: 'new-pipeline',\n          label: tr('bigconsole.overview.actions.newPipeline', 'New Pipeline'),\n          icon: <Workflow className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/pipelines/new',\n        },\n      },\n      {\n        permission: BIGCONSOLE_PERMISSIONS.PROMPT_CREATE,\n        action: {\n          id: 'generate-with-ai',\n          label: tr('bigconsole.overview.actions.generateWithAi', 'Generate with AI Insights'),\n          icon: <Sparkles className=\"size-4\" aria-hidden=\"true\" />,\n          path: '/insights',\n        },\n      },\n    ];\n    return candidates.filter(({ permission }) => can(permission)).map(({ action }) => action);\n  }, [tr, can]);\n\n  // ---------------------------------------------------------------------------\n  // Guide: expanded by default only until the workspace has dashboards. The\n  // default is applied once, after the first answer, so it never fights a user\n  // who has toggled it.\n  // ---------------------------------------------------------------------------\n\n  const [guideExpanded, setGuideExpanded] = useState(false);\n  const guideDefaultApplied = useRef(false);\n  const guideDefault = resolveGuideDefaultExpanded({\n    permissionsLoading,\n    dashboardsAllowed: dashboards.allowed,\n    dashboardsLoading: dashboards.loading,\n    dashboardsTotal: dashboardSummary.total,\n    dashboardsFailed: Boolean(dashboards.error),\n  });\n\n  useEffect(() => {\n    if (guideDefaultApplied.current || guideDefault === null) return;\n    guideDefaultApplied.current = true;\n    setGuideExpanded(guideDefault);\n  }, [guideDefault]);\n\n  const handleToggleGuide = useCallback(() => {\n    guideDefaultApplied.current = true;\n    setGuideExpanded((expanded) => !expanded);\n  }, []);\n\n  const guideLabels = useMemo(\n    () => ({\n      title: tr('bigconsole.overview.guide.title', 'How to create a complete dashboard, end to end'),\n      subtitle: tr(\n        'bigconsole.overview.guide.subtitle',\n        'Follow these steps in order — each button takes you to the right place.'\n      ),\n      show: tr('bigconsole.overview.guide.show', 'Show guide'),\n      hide: tr('bigconsole.overview.guide.hide', 'Hide guide'),\n      optional: tr('bigconsole.overview.guide.optional', 'Optional'),\n      flow: [\n        tr('bigconsole.overview.guide.flow.dataSink', 'Data Sink'),\n        tr('bigconsole.overview.guide.flow.parser', 'Parser (optional)'),\n        tr('bigconsole.overview.guide.flow.dashboard', 'Dashboard'),\n        tr('bigconsole.overview.guide.flow.widgets', 'Widgets'),\n        tr('bigconsole.overview.guide.flow.share', 'Share'),\n      ],\n      stepPrefix: (stepNumber: number) =>\n        tr('bigconsole.overview.guide.stepPrefix', 'Step {{number}}:', { number: stepNumber }),\n    }),\n    [tr]\n  );\n\n  // ---------------------------------------------------------------------------\n  // Render\n  // ---------------------------------------------------------------------------\n\n  const refreshing =\n    (dashboards.loading && dashboards.data !== undefined) ||\n    (dataSinks.loading && dataSinks.data !== undefined) ||\n    (parsers.loading && parsers.data !== undefined) ||\n    (pipelines.loading && pipelines.data !== undefined);\n  const showKpis =\n    permissionsLoading || dashboards.allowed || dataSinks.allowed || parsers.allowed || pipelines.allowed;\n  // A section whose first load failed has no numbers to show; its tiles say so\n  // instead of shimmering forever (a Retry that is in flight shows the skeleton).\n  // (Apollo reports a rejected operation as `data: null`, so check the summaries.)\n  const dashboardsUnavailable =\n    !dashboards.loading && Boolean(dashboards.error) && dashboardSummary.total === undefined;\n  const dataSinksUnavailable = !dataSinks.loading && Boolean(dataSinks.error) && dataSinkSummary.total === undefined;\n  const unavailableLabel = tr('bigconsole.overview.kpis.unavailable', 'Currently unavailable');\n\n  const quickActionsCard =\n    quickActions.length > 0 ? <OverviewQuickActions actions={quickActions} onNavigate={handleNavigate} /> : null;\n  const dataHealthCard = dataSinks.allowed ? (\n    <DataHealthCard\n      summary={dataSinkSummary}\n      loading={dataSinks.loading}\n      error={dataSinks.error}\n      canCreate={can(BIGCONSOLE_PERMISSIONS.DATASINK_CREATE)}\n      onRetry={dataSinks.refetch}\n      onNavigate={handleNavigate}\n      formatUpdated={formatUpdated}\n    />\n  ) : null;\n\n  return (\n    <MotionPage className=\"min-h-screen bg-bg-canvas p-[var(--space-pagePadding)]\">\n      <div data-testid=\"overview-page\" className=\"space-y-6\">\n        {/* Hero header — the one aurora backdrop on this page. */}\n        <div className=\"relative overflow-hidden rounded-card border border-border-subtle bg-bg-surface px-6 py-5\">\n          <AuroraBackground intensity=\"subtle\" />\n          <PageHeader\n            title={\n              <>\n                <GradientText>{tr('bigconsole.overview.titleNoun', 'BigConsole')}</GradientText>{' '}\n                {tr('bigconsole.overview.titleSuffix', 'Overview')}\n              </>\n            }\n            description={tr('bigconsole.overview.description', 'Your dashboards and data at a glance')}\n            actions={\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={refetchAll}\n                disabled={refreshing || permissionsLoading}\n                className=\"min-h-11 sm:min-h-9\"\n                data-testid=\"overview-refresh\"\n              >\n                <RefreshCw className={`size-4 ${refreshing ? 'motion-safe:animate-spin' : ''}`} aria-hidden=\"true\" />\n                {tr('bigconsole.overview.refresh', 'Refresh')}\n              </Button>\n            }\n          />\n        </div>\n\n        {showKpis ? (\n          <MotionList\n            data-tour=\"bigconsole-overview-stats\"\n            data-testid=\"overview-kpis\"\n            className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4\"\n            stagger={0.06}\n          >\n            {permissionsLoading || dashboards.allowed ? (\n              <MotionItem variant=\"fadeScale\">\n                <OverviewStatCard\n                  title={tr('bigconsole.overview.kpis.dashboards', 'Dashboards')}\n                  value={dashboardSummary.total}\n                  loading={permissionsLoading || dashboards.loading}\n                  subtitle={\n                    dashboardsUnavailable\n                      ? unavailableLabel\n                      : tr('bigconsole.overview.kpis.dashboardsSubtitle', 'Across this workspace')\n                  }\n                  icon={<LayoutDashboard />}\n                  variant={dashboardsUnavailable ? 'warning' : 'default'}\n                  onClick={() => handleNavigate('/dashboards')}\n                  data-testid=\"overview-kpi-dashboards\"\n                />\n              </MotionItem>\n            ) : null}\n            {permissionsLoading || dataSinks.allowed ? (\n              <>\n                <MotionItem variant=\"fadeScale\">\n                  <OverviewStatCard\n                    title={tr('bigconsole.overview.kpis.dataSinks', 'Data Sinks')}\n                    value={dataSinkSummary.total}\n                    loading={permissionsLoading || dataSinks.loading}\n                    subtitle={\n                      dataSinksUnavailable\n                        ? unavailableLabel\n                        : dataSinkSummary.ready === undefined\n                          ? undefined\n                          : tr('bigconsole.overview.kpis.dataSinksReady', '{{count}} ready', {\n                              count: dataSinkSummary.ready,\n                            })\n                    }\n                    icon={<Database />}\n                    variant={dataSinksUnavailable ? 'warning' : 'default'}\n                    onClick={() => handleNavigate('/datasinks')}\n                    data-testid=\"overview-kpi-data-sinks\"\n                  />\n                </MotionItem>\n              </>\n            ) : null}\n            {permissionsLoading || parsers.allowed ? (\n              <MotionItem variant=\"fadeScale\">\n                <OverviewStatCard\n                  title={tr('bigconsole.overview.kpis.parsers', 'Parsers')}\n                  value={parsers.data?.listParsers.totalCount}\n                  loading={permissionsLoading || parsers.loading}\n                  subtitle={\n                    parsers.error\n                      ? unavailableLabel\n                      : tr('bigconsole.overview.kpis.defaultConsole', 'In the default console')\n                  }\n                  icon={<FileCode2 />}\n                  variant={parsers.error ? 'warning' : 'default'}\n                  onClick={() => handleNavigate('/parsers')}\n                  data-testid=\"overview-kpi-parsers\"\n                />\n              </MotionItem>\n            ) : null}\n            {permissionsLoading || pipelines.allowed ? (\n              <MotionItem variant=\"fadeScale\">\n                <OverviewStatCard\n                  title={tr('bigconsole.overview.kpis.pipelines', 'Pipelines')}\n                  value={pipelines.data?.listPipelines.totalCount}\n                  loading={permissionsLoading || pipelines.loading}\n                  valueSuffix={(pipelines.data?.listPipelines.totalCount ?? 0) >= 25 ? '+' : undefined}\n                  subtitle={\n                    pipelines.error\n                      ? unavailableLabel\n                      : tr('bigconsole.overview.kpis.defaultConsole', 'In the default console')\n                  }\n                  icon={<Workflow />}\n                  variant={pipelines.error ? 'warning' : 'default'}\n                  onClick={() => handleNavigate('/pipelines')}\n                  data-testid=\"overview-kpi-pipelines\"\n                />\n              </MotionItem>\n            ) : null}\n          </MotionList>\n        ) : null}\n\n        {quickActionsCard}\n        {dashboards.allowed ? (\n          <RecentDashboardsPanel\n            dashboards={dashboardSummary.recent}\n            loading={dashboards.loading}\n            error={dashboards.error}\n            canCreate={can(BIGCONSOLE_PERMISSIONS.DASHBOARD_CREATE)}\n            onRetry={dashboards.refetch}\n            onNavigate={handleNavigate}\n            formatUpdated={formatUpdated}\n            createDashboardPath={CREATE_DASHBOARD_PATH}\n          />\n        ) : null}\n        <PagePurpose icon={<LayoutDashboard className=\"size-4\" />} className=\"max-w-[80ch]\">\n          {tr(\n            'bigconsole.overview.purpose',\n            'Bring data into a Data Sink, optionally reshape it with a Parser, and turn it into live dashboards your team can share.'\n          )}\n        </PagePurpose>\n\n        <DashboardGuide\n          steps={guideSteps}\n          alternative={aiAlternative}\n          labels={guideLabels}\n          expanded={guideExpanded}\n          onToggle={handleToggleGuide}\n          onNavigate={handleNavigate}\n        />\n\n        {dataHealthCard}\n      </div>\n    </MotionPage>\n  );\n});\n\nexport default OverviewPage;\n"],"mappings":"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"}

package/dist/bigconsole/pages/ParserBuilderPage.d.ts

@@ -10,3 +10,4 @@
  */
 export declare const ParserBuilderPage: import('react').NamedExoticComponent<object>;
 export default ParserBuilderPage;
+//# sourceMappingURL=ParserBuilderPage.d.ts.map

package/dist/bigconsole/pages/ParserBuilderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParserBuilderPage.d.ts","sourceRoot":"","sources":["../../../src/bigconsole/pages/ParserBuilderPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAwOH,eAAO,MAAM,iBAAiB,8CAwuC5B,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/dist/bigconsole/pages/ParserBuilderPage.js

@@ -930,3 +930,5 @@ var b = i(function() {
 });
 //#endregion
 export { b as ParserBuilderPage, b as default };
+
+//# sourceMappingURL=ParserBuilderPage.js.map