@burdenoff/microfe-bigconsole 2026.805.2 → 2026.812.1

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

@@ -1 +1 @@
-{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/bigconsole/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows Page\n *\n * List and manage FluidGrids Workflows.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { newWorkflowPath } from '../BigConsoleRoutes';\nimport { useWorkflowOperations } from '../hooks/useWorkflowOperations';\nimport { useWorkflowStore } from '../store/workflowStore';\nimport { WorkflowCard } from '../components/workflow/WorkflowCard';\nimport { WorkflowDeleteDialog } from '../components/workflow/WorkflowDeleteDialog';\nimport type { FluidGridsWorkflowStatus } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { AuroraBackground, GradientText, GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, Workflow, AlertCircle } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | FluidGridsWorkflowStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowsPage = memo(function WorkflowsPage() {\n  const navigate = useAppNavigate();\n\n  // RBAC permissions\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.WORKFLOW_READ);\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.WORKFLOW_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.WORKFLOW_DELETE);\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = useWorkflowStore((state) => state.searchQuery);\n  const setSearchQuery = useWorkflowStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useWorkflowStore((state) => state.deleteDialogOpen);\n  const currentWorkflow = useWorkflowStore((state) => state.currentWorkflow);\n  const openDeleteDialog = useWorkflowStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useWorkflowStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, workflows, deleteWorkflow, refetch } = useWorkflowOperations();\n\n  // Filter workflows\n  const filteredWorkflows = useMemo(() => {\n    let filtered = [...workflows];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((wf) => wf.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (wf) =>\n          wf.name.toLowerCase().includes(query) ||\n          wf.key.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [workflows, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateWorkflow = useCallback(() => {\n    navigate(newWorkflowPath());\n  }, [navigate]);\n\n  const handleViewWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const workflow = workflows.find((wf) => wf.id === id);\n      if (workflow) {\n        openDeleteDialog(workflow);\n      }\n    },\n    [workflows, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentWorkflow) {\n      try {\n        await deleteWorkflow(currentWorkflow.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentWorkflow, deleteWorkflow, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: 'All' },\n    { value: 'draft', label: 'Draft' },\n    { value: 'active', label: 'Active' },\n    { value: 'paused', label: 'Paused' },\n    { value: 'error', label: 'Error' },\n    { value: 'archived', label: 'Archived' },\n  ];\n\n  // Page-level read gate — only after permissions have finished loading so we\n  // don't flash Access Denied while the permission set is still being fetched.\n  if (!permissionsLoading && !canRead) {\n    return <AccessDenied title=\"Access Denied\" description=\"You don't have permission to view workflows.\" />;\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Card\n          style={{\n            borderColor: 'var(--color-status-error-border)',\n            backgroundColor: 'var(--color-status-error-bgSubtle)',\n          }}\n        >\n          <CardContent style={{ padding: 'var(--space-pagePadding)' }}>\n            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center' }}>\n              <div\n                style={{\n                  padding: 'var(--space-controlGap)',\n                  borderRadius: '50%',\n                  backgroundColor: 'var(--color-status-error-bgSubtle)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                <AlertCircle\n                  style={{\n                    height: 'var(--size-icon-xl)',\n                    width: 'var(--size-icon-xl)',\n                    color: 'var(--color-status-error-text)',\n                  }}\n                />\n              </div>\n              <h3\n                style={{\n                  fontSize: 'var(--font-size-body-lg)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  color: 'var(--color-status-error-text)',\n                  marginBottom: 'var(--space-controlGap)',\n                }}\n              >\n                Failed to load Workflows\n              </h3>\n              <p\n                style={{\n                  fontSize: 'var(--font-size-body-sm)',\n                  color: 'var(--color-text-secondary)',\n                  marginBottom: 'var(--space-formGap)',\n                }}\n              >\n                {error.message}\n              </p>\n              <Button size=\"sm\" onClick={() => refetch()}>\n                Try Again\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Header Section */}\n      <div className=\"relative overflow-hidden border-b border-border-seam bg-gloss-card\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div style={{ padding: 'var(--space-pagePadding)' }}>\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-formGap)' }}>\n              <div\n                style={{\n                  display: 'flex',\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <Workflow\n                  style={{\n                    height: 'var(--size-icon-lg)',\n                    width: 'var(--size-icon-lg)',\n                    color: 'var(--color-action-primary-text)',\n                  }}\n                />\n              </div>\n              <div>\n                <h1\n                  style={{\n                    fontSize: 'var(--font-size-heading-h4)',\n                    fontWeight: 'var(--font-weight-bold)',\n                    margin: 0,\n                    color: 'var(--color-text-primary)',\n                  }}\n                >\n                  <GradientText>Workflows</GradientText>\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  Design ETL workflows with FluidGrids and link them to DataSinks\n                </p>\n              </div>\n            </div>\n\n            <div style={{ display: 'flex', alignItems: 'center', gap: 'var(--space-controlGap)' }}>\n              <PermissionButton permission={BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE} deniedBehavior=\"disable\">\n                <Button onClick={handleCreateWorkflow}>\n                  <Plus\n                    style={{\n                      marginRight: 'var(--space-iconGap)',\n                      height: 'var(--size-icon-sm)',\n                      width: 'var(--size-icon-sm)',\n                    }}\n                  />\n                  Design Workflow\n                </Button>\n              </PermissionButton>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <PagePurpose className=\"mb-[var(--space-sectionGap)]\">\n          Workflows are visual ETL jobs built with the FluidGrids builder — they fetch data from external systems,\n          transform it, and load it into your BigConsole DataSinks on a schedule or on demand. Use them to keep\n          dashboards fed with fresh, shaped data without writing glue code.\n        </PagePurpose>\n\n        {/* Status Filter Tabs */}\n        <div style={{ marginBottom: 'var(--space-formGap)' }}>\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              gap: '2px',\n              padding: '4px',\n              backgroundColor: 'var(--color-bg-sunken)',\n              borderRadius: 'var(--radius-card)',\n              width: 'fit-content',\n            }}\n          >\n            {statusOptions.map((option) => (\n              <button\n                key={option.value}\n                type=\"button\"\n                onClick={() => setStatusFilter(option.value)}\n                style={{\n                  padding: 'var(--space-controlGap) var(--space-formGap)',\n                  fontSize: 'var(--font-size-body-sm)',\n                  fontWeight: 'var(--font-weight-medium)',\n                  borderRadius: 'var(--radius-button)',\n                  border: 'none',\n                  cursor: 'pointer',\n                  transition: 'all 0.2s ease',\n                  backgroundColor: statusFilter === option.value ? 'var(--color-bg-surface)' : 'transparent',\n                  color: statusFilter === option.value ? 'var(--color-text-primary)' : 'var(--color-text-secondary)',\n                  boxShadow: statusFilter === option.value ? '0 1px 2px rgba(0,0,0,0.05)' : 'none',\n                }}\n              >\n                {option.label}\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Search Bar */}\n        <div style={{ marginBottom: 'var(--space-sectionGap)' }}>\n          <div style={{ position: 'relative', maxWidth: '400px' }}>\n            <Search\n              style={{\n                position: 'absolute',\n                left: 'var(--space-controlGap)',\n                top: '50%',\n                transform: 'translateY(-50%)',\n                height: 'var(--size-icon-sm)',\n                width: 'var(--size-icon-sm)',\n                color: 'var(--color-text-muted)',\n              }}\n            />\n            <Input\n              type=\"text\"\n              placeholder=\"Search workflows...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n        </div>\n\n        {/* Loading state */}\n        {loading && workflows.length === 0 && (\n          <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '80px 0' }}>\n            <div style={{ textAlign: 'center' }}>\n              <Spinner\n                style={{\n                  height: 'var(--size-icon-xl)',\n                  width: 'var(--size-icon-xl)',\n                  margin: '0 auto var(--space-formGap)',\n                }}\n              />\n              <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>\n                Loading workflows...\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && workflows.length === 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No Workflows yet\"\n              description=\"Design ETL workflows with the FluidGrids visual builder to fetch, transform, and deliver data into BigConsole DataSinks.\"\n              action={\n                <PermissionButton permission={BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE} deniedBehavior=\"disable\">\n                  <Button onClick={handleCreateWorkflow}>\n                    <Plus\n                      style={{\n                        marginRight: 'var(--space-iconGap)',\n                        height: 'var(--size-icon-sm)',\n                        width: 'var(--size-icon-sm)',\n                      }}\n                    />\n                    Design Workflow\n                  </Button>\n                </PermissionButton>\n              }\n            />\n          </GlassCard>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredWorkflows.length === 0 && workflows.length > 0 && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title=\"No matching workflows\"\n              description=\"No workflows match your filters\"\n            />\n          </GlassCard>\n        )}\n\n        {/* Workflow Grid */}\n        {filteredWorkflows.length > 0 && (\n          <div\n            style={{\n              display: 'grid',\n              gridTemplateColumns: 'repeat(auto-fill, minmax(320px, 1fr))',\n              gap: 'var(--space-formGap)',\n            }}\n          >\n            {filteredWorkflows.map((workflow) => (\n              <WorkflowCard\n                key={workflow.id}\n                workflow={workflow}\n                onView={handleViewWorkflow}\n                onEdit={canUpdate ? handleEditWorkflow : undefined}\n                onDelete={canDelete ? handleDeleteClick : undefined}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Delete Dialog */}\n      {currentWorkflow && (\n        <WorkflowDeleteDialog\n          workflow={currentWorkflow}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default WorkflowsPage;\n"],"mappings":"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"}
+{"version":3,"file":"WorkflowsPage.js","names":[],"sources":["../../../src/bigconsole/pages/WorkflowsPage.tsx"],"sourcesContent":["/**\n * Workflows Page\n *\n * List and manage FluidGrids Workflows.\n *\n * Section hierarchy (BOFF-5634):\n *  - page header strip .............. `bare`     — identity + the one create action\n *  - \"Filters\" ...................... `standard` — status tabs + search, one labelled group\n *  - \"Workflows\" .................... `primary`  — the result set this route exists for;\n *                                                  loading / empty / no-results / grid all\n *                                                  live inside it so the page keeps its shape\n *  - load failure ................... `danger`   — in-page status section, not a page swap\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeNotify } from '../../utils/nativeBridge';\nimport { newWorkflowPath } from '../BigConsoleRoutes';\nimport { useWorkflowOperations } from '../hooks/useWorkflowOperations';\nimport { useWorkflowStore } from '../store/workflowStore';\nimport { WorkflowCard } from '../components/workflow/WorkflowCard';\nimport { WorkflowDeleteDialog } from '../components/workflow/WorkflowDeleteDialog';\nimport { Section, SectionStack, SECTION_FOCUS_RING } from '../components/common';\nimport type { FluidGridsWorkflowStatus } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { AuroraBackground, GradientText, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, Workflow, AlertCircle } from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ntype StatusFilter = 'all' | FluidGridsWorkflowStatus;\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport const WorkflowsPage = memo(function WorkflowsPage() {\n  const navigate = useAppNavigate();\n  const { t } = useI18n();\n\n  // RBAC permissions\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.WORKFLOW_READ);\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.WORKFLOW_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.WORKFLOW_DELETE);\n\n  // Local state\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  // Store state\n  const searchQuery = useWorkflowStore((state) => state.searchQuery);\n  const setSearchQuery = useWorkflowStore((state) => state.setSearchQuery);\n  const deleteDialogOpen = useWorkflowStore((state) => state.deleteDialogOpen);\n  const currentWorkflow = useWorkflowStore((state) => state.currentWorkflow);\n  const openDeleteDialog = useWorkflowStore((state) => state.openDeleteDialog);\n  const closeDeleteDialog = useWorkflowStore((state) => state.closeDeleteDialog);\n\n  // Operations\n  const { loading, error, workflows, deleteWorkflow, refetch } = useWorkflowOperations();\n\n  // Filter workflows\n  const filteredWorkflows = useMemo(() => {\n    let filtered = [...workflows];\n\n    // Apply status filter\n    if (statusFilter !== 'all') {\n      filtered = filtered.filter((wf) => wf.status === statusFilter);\n    }\n\n    // Apply search filter\n    if (searchQuery.trim()) {\n      const query = searchQuery.toLowerCase();\n      filtered = filtered.filter(\n        (wf) =>\n          wf.name.toLowerCase().includes(query) ||\n          wf.key.toLowerCase().includes(query) ||\n          wf.description?.toLowerCase().includes(query)\n      );\n    }\n\n    // Sort by updatedAt descending\n    return filtered.sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime());\n  }, [workflows, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleCreateWorkflow = useCallback(() => {\n    navigate(newWorkflowPath());\n  }, [navigate]);\n\n  const handleViewWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}`);\n    },\n    [navigate]\n  );\n\n  const handleEditWorkflow = useCallback(\n    (id: string) => {\n      navigate(`/workflows/${id}/edit`);\n    },\n    [navigate]\n  );\n\n  const handleDeleteClick = useCallback(\n    (id: string) => {\n      const workflow = workflows.find((wf) => wf.id === id);\n      if (workflow) {\n        openDeleteDialog(workflow);\n      }\n    },\n    [workflows, openDeleteDialog]\n  );\n\n  const handleDeleteConfirm = useCallback(async () => {\n    if (currentWorkflow) {\n      try {\n        await deleteWorkflow(currentWorkflow.id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n        throw err;\n      }\n      closeDeleteDialog();\n    }\n  }, [currentWorkflow, deleteWorkflow, closeDeleteDialog]);\n\n  // Status filter options\n  const statusOptions: { value: StatusFilter; label: string }[] = [\n    { value: 'all', label: t('bigconsole.workflows.filters.all', 'All') },\n    { value: 'draft', label: t('bigconsole.workflows.status.draft', 'Draft') },\n    { value: 'active', label: t('bigconsole.workflows.status.active', 'Active') },\n    { value: 'paused', label: t('bigconsole.workflows.status.paused', 'Paused') },\n    { value: 'error', label: t('bigconsole.workflows.status.error', 'Error') },\n    { value: 'archived', label: t('bigconsole.workflows.status.archived', 'Archived') },\n  ];\n\n  // Page-level read gate — only after permissions have finished loading so we\n  // don't flash Access Denied while the permission set is still being fetched.\n  if (!permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={t('bigconsole.workflows.errors.accessDeniedTitle', 'Access Denied')}\n        description={t(\n          'bigconsole.workflows.errors.accessDeniedListDescription',\n          \"You don't have permission to view workflows.\"\n        )}\n      />\n    );\n  }\n\n  const isEmpty = !loading && workflows.length === 0;\n  const isNoResults = !loading && filteredWorkflows.length === 0 && workflows.length > 0;\n\n  return (\n    <div className=\"min-h-dvh bg-bg-canvas\">\n      {/* ------------------------------------------------------------------ *\n       * Page header strip — `bare` emphasis: structural only. It carries the\n       * page identity and the single create action, and must never out-weigh\n       * the result set below it. Rendered as <header> (the page banner) so it\n       * stays a landmark without competing with the labelled sections below.\n       * The band itself was invisible before: `border-border-seam` and\n       * `bg-gloss-card` are unregistered utilities that emit no CSS.\n       * ------------------------------------------------------------------ */}\n      <header\n        data-section-emphasis=\"bare\"\n        className=\"relative min-w-0 overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\"\n      >\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"relative flex flex-col gap-form-gap p-[var(--space-pagePadding)] sm:flex-row sm:items-center sm:justify-between\">\n          <div className=\"flex min-w-0 items-center gap-form-gap\">\n            <span\n              aria-hidden=\"true\"\n              className=\"flex h-control-lg w-[var(--size-controlHeight-lg)] shrink-0 items-center justify-center rounded-card bg-action-primary-bg\"\n            >\n              <Workflow className=\"h-icon-lg w-icon-lg text-action-primary-text\" />\n            </span>\n            <div className=\"min-w-0\">\n              <h1 className=\"text-2xl font-bold text-text-primary\">\n                <GradientText>{t('bigconsole.workflows.list.title', 'Workflows')}</GradientText>\n              </h1>\n              <p className=\"text-sm text-text-secondary\">\n                {t(\n                  'bigconsole.workflows.list.subtitle',\n                  'Design ETL workflows with FluidGrids and link them to DataSinks'\n                )}\n              </p>\n            </div>\n          </div>\n\n          <div className=\"flex flex-wrap items-center gap-control-gap\">\n            <PermissionButton permission={BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE} deniedBehavior=\"disable\">\n              <Button onClick={handleCreateWorkflow}>\n                <Plus className=\"h-icon-sm w-icon-sm\" />\n                {t('bigconsole.workflows.actions.designWorkflow', 'Design Workflow')}\n              </Button>\n            </PermissionButton>\n          </div>\n        </div>\n      </header>\n\n      {/* Main Content */}\n      <div className=\"p-[var(--space-pagePadding)]\">\n        <SectionStack>\n          <PagePurpose>\n            {t(\n              'bigconsole.workflows.list.purpose',\n              'Workflows are visual ETL jobs built with the FluidGrids builder — they fetch data from external systems, transform it, and load it into your BigConsole DataSinks on a schedule or on demand. Use them to keep dashboards fed with fresh, shaped data without writing glue code.'\n            )}\n          </PagePurpose>\n\n          {error ? (\n            /* Load failure reads as a status section inside the page — the\n               header band and the create action stay reachable. */\n            <Section\n              headingLevel={2}\n              tone=\"danger\"\n              title={t('bigconsole.workflows.errors.loadFailedTitle', 'Failed to load Workflows')}\n              description=\"The workflow service did not respond. Nothing has been changed — retry when you are ready.\"\n              icon={<AlertCircle className=\"h-icon-md w-icon-md\" />}\n              actions={\n                <Button size=\"sm\" onClick={() => refetch()}>\n                  {t('bigconsole.workflows.actions.tryAgain', 'Try Again')}\n                </Button>\n              }\n              data-testid=\"workflows-error\"\n            >\n              <p className=\"break-words text-sm text-[var(--color-status-error-text)]\">{error.message}</p>\n            </Section>\n          ) : (\n            <>\n              {/* Configuration: the two filter controls read as ONE group. */}\n              <Section\n                headingLevel={2}\n                title=\"Filters\"\n                description=\"Narrow the list by status, or search by name, key or description.\"\n                padding=\"compact\"\n                data-testid=\"workflows-filters\"\n              >\n                <div className=\"flex flex-col gap-form-gap lg:flex-row lg:items-center lg:justify-between\">\n                  <div\n                    role=\"group\"\n                    aria-label=\"Filter workflows by status\"\n                    className=\"flex flex-wrap items-center gap-1 rounded-card bg-bg-sunken p-1\"\n                  >\n                    {statusOptions.map((option) => (\n                      <button\n                        key={option.value}\n                        type=\"button\"\n                        aria-pressed={statusFilter === option.value}\n                        onClick={() => setStatusFilter(option.value)}\n                        className={`min-h-[var(--size-controlHeight-md)] rounded-button px-3 text-sm font-medium motion-safe:transition-colors ${SECTION_FOCUS_RING} ${\n                          statusFilter === option.value\n                            ? 'bg-bg-surface text-text-primary shadow-[var(--shadow-elevation-1)]'\n                            : 'text-text-secondary hover:text-text-primary'\n                        }`}\n                      >\n                        {option.label}\n                      </button>\n                    ))}\n                  </div>\n\n                  <div className=\"relative w-full lg:max-w-[360px]\">\n                    <Search\n                      aria-hidden=\"true\"\n                      className=\"pointer-events-none absolute left-3 top-1/2 h-icon-sm w-icon-sm -translate-y-1/2 text-text-muted\"\n                    />\n                    <Input\n                      type=\"text\"\n                      aria-label={t('bigconsole.workflows.filters.searchPlaceholder', 'Search workflows...')}\n                      placeholder={t('bigconsole.workflows.filters.searchPlaceholder', 'Search workflows...')}\n                      value={searchQuery}\n                      onChange={(e) => setSearchQuery(e.target.value)}\n                      className=\"h-control-md pl-10\"\n                    />\n                  </div>\n                </div>\n              </Section>\n\n              {/* ------------------------------------------------------------ *\n               * The result set — the ONE `primary` block on this route.\n               * Loading, empty, no-results and the grid all render inside it,\n               * so the page keeps the same shape whatever the data does.\n               * ------------------------------------------------------------ */}\n              <Section\n                headingLevel={2}\n                emphasis=\"primary\"\n                title={t('bigconsole.workflows.list.title', 'Workflows')}\n                description=\"Every workflow in this workspace, most recently updated first.\"\n                meta={\n                  <span className=\"rounded-pill bg-bg-sunken px-2 py-0.5 text-xs font-medium text-text-secondary\">\n                    {filteredWorkflows.length}\n                    {filteredWorkflows.length !== workflows.length ? ` of ${workflows.length}` : ''}\n                  </span>\n                }\n                data-testid=\"workflows-results\"\n              >\n                {loading && workflows.length === 0 && (\n                  <div className=\"flex min-h-[240px] items-center justify-center\">\n                    <div className=\"text-center\">\n                      <Spinner size=\"lg\" className=\"mb-form-gap\" />\n                      <p className=\"text-sm text-text-muted\">\n                        {t('bigconsole.workflows.list.loading', 'Loading workflows...')}\n                      </p>\n                    </div>\n                  </div>\n                )}\n\n                {isEmpty && (\n                  <IllustratedEmptyState\n                    illustration=\"empty-data\"\n                    title={t('bigconsole.workflows.list.emptyTitle', 'No Workflows yet')}\n                    description={t(\n                      'bigconsole.workflows.list.emptyDescription',\n                      'Design ETL workflows with the FluidGrids visual builder to fetch, transform, and deliver data into BigConsole DataSinks.'\n                    )}\n                    action={\n                      <PermissionButton permission={BIGCONSOLE_PERMISSIONS.WORKFLOW_CREATE} deniedBehavior=\"disable\">\n                        <Button onClick={handleCreateWorkflow}>\n                          <Plus className=\"h-icon-sm w-icon-sm\" />\n                          {t('bigconsole.workflows.actions.designWorkflow', 'Design Workflow')}\n                        </Button>\n                      </PermissionButton>\n                    }\n                  />\n                )}\n\n                {isNoResults && (\n                  <IllustratedEmptyState\n                    illustration=\"empty-search\"\n                    title={t('bigconsole.workflows.list.noResultsTitle', 'No matching workflows')}\n                    description={t('bigconsole.workflows.list.noResultsDescription', 'No workflows match your filters')}\n                  />\n                )}\n\n                {filteredWorkflows.length > 0 && (\n                  <div className=\"grid grid-cols-1 gap-form-gap sm:grid-cols-2 xl:grid-cols-3\">\n                    {filteredWorkflows.map((workflow) => (\n                      <WorkflowCard\n                        key={workflow.id}\n                        workflow={workflow}\n                        onView={handleViewWorkflow}\n                        onEdit={canUpdate ? handleEditWorkflow : undefined}\n                        onDelete={canDelete ? handleDeleteClick : undefined}\n                      />\n                    ))}\n                  </div>\n                )}\n              </Section>\n            </>\n          )}\n        </SectionStack>\n      </div>\n\n      {/* Delete Dialog */}\n      {currentWorkflow && (\n        <WorkflowDeleteDialog\n          workflow={currentWorkflow}\n          isOpen={deleteDialogOpen}\n          onClose={closeDeleteDialog}\n          onConfirm={handleDeleteConfirm}\n        />\n      )}\n    </div>\n  );\n});\n\nexport default WorkflowsPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAgDA,IAAa,IAAgB,EAAK,WAAyB;CACzD,IAAM,IAAW,GAAgB,EAC3B,EAAE,SAAM,GAAS,EAGjB,EAAE,kBAAe,WAAW,MAAuB,GAAgB,EACnE,IAAU,EAAc,EAAuB,cAAc,EAC7D,IAAY,EAAc,EAAuB,gBAAgB,EACjE,IAAY,EAAc,EAAuB,gBAAgB,EAGjE,CAAC,GAAc,KAAmB,EAAuB,MAAM,EAG/D,IAAc,GAAkB,MAAU,EAAM,YAAY,EAC5D,IAAiB,GAAkB,MAAU,EAAM,eAAe,EAClE,KAAmB,GAAkB,MAAU,EAAM,iBAAiB,EACtE,IAAkB,GAAkB,MAAU,EAAM,gBAAgB,EACpE,IAAmB,GAAkB,MAAU,EAAM,iBAAiB,EACtE,IAAoB,GAAkB,MAAU,EAAM,kBAAkB,EAGxE,EAAE,YAAS,UAAO,cAAW,mBAAgB,eAAY,GAAuB,EAGhF,IAAoB,QAAc;EACtC,IAAI,IAAW,CAAC,GAAG,EAAU;AAQ7B,MALI,MAAiB,UACnB,IAAW,EAAS,QAAQ,MAAO,EAAG,WAAW,EAAa,GAI5D,EAAY,MAAM,EAAE;GACtB,IAAM,IAAQ,EAAY,aAAa;AACvC,OAAW,EAAS,QACjB,MACC,EAAG,KAAK,aAAa,CAAC,SAAS,EAAM,IACrC,EAAG,IAAI,aAAa,CAAC,SAAS,EAAM,IACpC,EAAG,aAAa,aAAa,CAAC,SAAS,EAAM,CAChD;;AAIH,SAAO,EAAS,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,UAAU,CAAC,SAAS,CAAC;IAChG;EAAC;EAAW;EAAc;EAAY,CAAC,EAGpC,IAAuB,QAAkB;AAC7C,IAAS,GAAiB,CAAC;IAC1B,CAAC,EAAS,CAAC,EAER,KAAqB,GACxB,MAAe;AACd,IAAS,cAAc,IAAK;IAE9B,CAAC,EAAS,CACX,EAEK,KAAqB,GACxB,MAAe;AACd,IAAS,cAAc,EAAG,OAAO;IAEnC,CAAC,EAAS,CACX,EAEK,KAAoB,GACvB,MAAe;EACd,IAAM,IAAW,EAAU,MAAM,MAAO,EAAG,OAAO,EAAG;AACrD,EAAI,KACF,EAAiB,EAAS;IAG9B,CAAC,GAAW,EAAiB,CAC9B,EAEK,KAAsB,EAAY,YAAY;AAClD,MAAI,GAAiB;AACnB,OAAI;AAEF,IADA,MAAM,EAAe,EAAgB,GAAG,EACpC,GAAU,IAAO,EAAa,UAAU;YACrC,GAAK;AAEZ,UADI,GAAU,IAAO,EAAa,QAAQ,EACpC;;AAER,MAAmB;;IAEpB;EAAC;EAAiB;EAAgB;EAAkB,CAAC,EAGlD,KAA0D;EAC9D;GAAE,OAAO;GAAO,OAAO,EAAE,oCAAoC,MAAM;GAAE;EACrE;GAAE,OAAO;GAAS,OAAO,EAAE,qCAAqC,QAAQ;GAAE;EAC1E;GAAE,OAAO;GAAU,OAAO,EAAE,sCAAsC,SAAS;GAAE;EAC7E;GAAE,OAAO;GAAU,OAAO,EAAE,sCAAsC,SAAS;GAAE;EAC7E;GAAE,OAAO;GAAS,OAAO,EAAE,qCAAqC,QAAQ;GAAE;EAC1E;GAAE,OAAO;GAAY,OAAO,EAAE,wCAAwC,WAAW;GAAE;EACpF;AAID,KAAI,CAAC,KAAsB,CAAC,EAC1B,QACE,kBAAC,GAAD;EACE,OAAO,EAAE,iDAAiD,gBAAgB;EAC1E,aAAa,EACX,2DACA,+CACD;EACD,CAAA;CAIN,IAAM,KAAU,CAAC,KAAW,EAAU,WAAW,GAC3C,KAAc,CAAC,KAAW,EAAkB,WAAW,KAAK,EAAU,SAAS;AAErF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GASE,kBAAC,UAAD;IACE,yBAAsB;IACtB,WAAU;cAFZ,CAIE,kBAAC,GAAD,EAAkB,WAAU,UAAW,CAAA,EACvC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OACE,eAAY;OACZ,WAAU;iBAEV,kBAAC,GAAD,EAAU,WAAU,gDAAiD,CAAA;OAChE,CAAA,EACP,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,MAAD;QAAI,WAAU;kBACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,mCAAmC,YAAY,EAAgB,CAAA;QAC7E,CAAA,EACL,kBAAC,KAAD;QAAG,WAAU;kBACV,EACC,sCACA,kEACD;QACC,CAAA,CACA;SACF;SAEN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAkB,YAAY,EAAuB;OAAiB,gBAAe;iBACnF,kBAAC,GAAD;QAAQ,SAAS;kBAAjB,CACE,kBAAC,GAAD,EAAM,WAAU,uBAAwB,CAAA,EACvC,EAAE,+CAA+C,kBAAkB,CAC7D;;OACQ,CAAA;MACf,CAAA,CACF;OACC;;GAGT,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACG,EACC,qCACA,mRACD,EACW,CAAA,EAEb,IAGC,kBAAC,GAAD;KACE,cAAc;KACd,MAAK;KACL,OAAO,EAAE,+CAA+C,2BAA2B;KACnF,aAAY;KACZ,MAAM,kBAAC,GAAD,EAAa,WAAU,uBAAwB,CAAA;KACrD,SACE,kBAAC,GAAD;MAAQ,MAAK;MAAK,eAAe,GAAS;gBACvC,EAAE,yCAAyC,YAAY;MACjD,CAAA;KAEX,eAAY;eAEZ,kBAAC,KAAD;MAAG,WAAU;gBAA6D,EAAM;MAAY,CAAA;KACpF,CAAA,GAEV,kBAAA,GAAA,EAAA,UAAA,CAEE,kBAAC,GAAD;KACE,cAAc;KACd,OAAM;KACN,aAAY;KACZ,SAAQ;KACR,eAAY;eAEZ,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,OAAD;OACE,MAAK;OACL,cAAW;OACX,WAAU;iBAET,GAAc,KAAK,MAClB,kBAAC,UAAD;QAEE,MAAK;QACL,gBAAc,MAAiB,EAAO;QACtC,eAAe,EAAgB,EAAO,MAAM;QAC5C,WAAW,8GAA8G,EAAmB,GAC1I,MAAiB,EAAO,QACpB,uEACA;kBAGL,EAAO;QACD,EAXF,EAAO,MAWL,CACT;OACE,CAAA,EAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QACE,eAAY;QACZ,WAAU;QACV,CAAA,EACF,kBAAC,GAAD;QACE,MAAK;QACL,cAAY,EAAE,kDAAkD,sBAAsB;QACtF,aAAa,EAAE,kDAAkD,sBAAsB;QACvF,OAAO;QACP,WAAW,MAAM,EAAe,EAAE,OAAO,MAAM;QAC/C,WAAU;QACV,CAAA,CACE;SACF;;KACE,CAAA,EAOV,kBAAC,GAAD;KACE,cAAc;KACd,UAAS;KACT,OAAO,EAAE,mCAAmC,YAAY;KACxD,aAAY;KACZ,MACE,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CACG,EAAkB,QAClB,EAAkB,WAAW,EAAU,SAAqC,KAA5B,OAAO,EAAU,SAC7D;;KAET,eAAY;eAXd;MAaG,KAAW,EAAU,WAAW,KAC/B,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAS,MAAK;SAAK,WAAU;SAAgB,CAAA,EAC7C,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAE,qCAAqC,uBAAuB;SAC7D,CAAA,CACA;;OACF,CAAA;MAGP,MACC,kBAAC,GAAD;OACE,cAAa;OACb,OAAO,EAAE,wCAAwC,mBAAmB;OACpE,aAAa,EACX,8CACA,2HACD;OACD,QACE,kBAAC,GAAD;QAAkB,YAAY,EAAuB;QAAiB,gBAAe;kBACnF,kBAAC,GAAD;SAAQ,SAAS;mBAAjB,CACE,kBAAC,GAAD,EAAM,WAAU,uBAAwB,CAAA,EACvC,EAAE,+CAA+C,kBAAkB,CAC7D;;QACQ,CAAA;OAErB,CAAA;MAGH,MACC,kBAAC,GAAD;OACE,cAAa;OACb,OAAO,EAAE,4CAA4C,wBAAwB;OAC7E,aAAa,EAAE,kDAAkD,kCAAkC;OACnG,CAAA;MAGH,EAAkB,SAAS,KAC1B,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAkB,KAAK,MACtB,kBAAC,GAAD;QAEY;QACV,QAAQ;QACR,QAAQ,IAAY,KAAqB,KAAA;QACzC,UAAU,IAAY,KAAoB,KAAA;QAC1C,EALK,EAAS,GAKd,CACF;OACE,CAAA;MAEA;OACT,EAAA,CAAA,CAEQ,EAAA,CAAA;IACX,CAAA;GAGL,KACC,kBAAC,GAAD;IACE,UAAU;IACV,QAAQ;IACR,SAAS;IACT,WAAW;IACX,CAAA;GAEA;;EAER"}

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

@@ -1,15 +1,16 @@
 import { memo as e, useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import * as s from "adaptivecards";
+import { useI18n as a } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import * as c from "adaptivecards";
 //#region src/bigconsole/renderers/adapters/AdaptiveCardRenderer.tsx
-function c(e, t, n) {
+function l(e, t, n) {
 	let r = n || t;
 	if (typeof e == "string") return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
-		let i = n.trim(), a = l(t, i);
-		return a === void 0 && r !== t && (a = l(r, i)), a === void 0 ? e : String(a);
+		let i = n.trim(), a = u(t, i);
+		return a === void 0 && r !== t && (a = u(r, i)), a === void 0 ? e : String(a);
 	});
 	if (Array.isArray(e)) return e.flatMap((e) => {
-		let n = c(e, t, r);
+		let n = l(e, t, r);
 		return Array.isArray(n) ? n : [n];
 	});
 	if (e && typeof e == "object") {
@@ -19,7 +20,7 @@ function c(e, t, n) {
 			if (typeof e == "string") {
 				let n = e.match(/^\$\{([^}]+)\}$/);
 				if (n) {
-					let e = l(t, n[1].trim()) || l(r, n[1].trim());
+					let e = u(t, n[1].trim()) || u(r, n[1].trim());
 					Array.isArray(e) && (i = e);
 				}
 			} else Array.isArray(e) && (i = e);
@@ -27,7 +28,7 @@ function c(e, t, n) {
 				let e = Object.fromEntries(Object.entries(n).filter(([e]) => e !== "$data"));
 				return i.map((t) => {
 					let n = typeof t == "object" && t ? t : { value: t };
-					return c(e, {
+					return l(e, {
 						...r,
 						...n
 					}, r);
@@ -35,12 +36,12 @@ function c(e, t, n) {
 			}
 		}
 		let i = {};
-		for (let [e, a] of Object.entries(n)) e !== "$data" && e !== "$when" && (i[e] = c(a, t, r));
+		for (let [e, a] of Object.entries(n)) e !== "$data" && e !== "$when" && (i[e] = l(a, t, r));
 		return i;
 	}
 	return e;
 }
-function l(e, t) {
+function u(e, t) {
 	let n = t.split("."), r = e;
 	for (let e of n) {
 		if (typeof r != "object" || !r) return;
@@ -48,11 +49,11 @@ function l(e, t) {
 	}
 	return r;
 }
-var u = (e) => e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/__(.+?)__/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/_(.+?)_/g, "<em>$1</em>").replace(/`(.+?)`/g, "<code style=\"background:#f3f4f6;padding:0.125rem 0.25rem;border-radius:0.25rem;font-family:monospace;\">$1</code>").replace(/\[(.+?)\]\((.+?)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2563eb;text-decoration:underline;\">$1</a>").replace(/\n/g, "<br/>") : "";
-s.AdaptiveCard.onProcessMarkdown || (s.AdaptiveCard.onProcessMarkdown = (e, t) => {
-	t.outputHtml = u(e), t.didProcess = !0;
+var d = (e) => e ? e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>").replace(/__(.+?)__/g, "<strong>$1</strong>").replace(/\*(.+?)\*/g, "<em>$1</em>").replace(/_(.+?)_/g, "<em>$1</em>").replace(/`(.+?)`/g, "<code style=\"background:#f3f4f6;padding:0.125rem 0.25rem;border-radius:0.25rem;font-family:monospace;\">$1</code>").replace(/\[(.+?)\]\((.+?)\)/g, "<a href=\"$2\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color:#2563eb;text-decoration:underline;\">$1</a>").replace(/\n/g, "<br/>") : "";
+c.AdaptiveCard.onProcessMarkdown || (c.AdaptiveCard.onProcessMarkdown = (e, t) => {
+	t.outputHtml = d(e), t.didProcess = !0;
 });
-var d = new s.HostConfig({
+var f = new c.HostConfig({
 	fontFamily: "Inter, system-ui, -apple-system, sans-serif",
 	containerStyles: {
 		default: {
@@ -141,35 +142,35 @@ var d = new s.HostConfig({
 	},
 	actions: {
 		maxActions: 5,
-		spacing: s.Spacing.Default,
+		spacing: c.Spacing.Default,
 		buttonSpacing: 8,
 		showCard: {
-			actionMode: s.ShowCardActionMode.Inline,
+			actionMode: c.ShowCardActionMode.Inline,
 			inlineTopMargin: 12
 		},
-		actionsOrientation: s.Orientation.Horizontal,
-		actionAlignment: s.ActionAlignment.Left
+		actionsOrientation: c.Orientation.Horizontal,
+		actionAlignment: c.ActionAlignment.Left
 	},
 	adaptiveCard: { allowCustomStyle: !0 },
 	textBlock: { headingLevel: 2 },
 	factSet: {
 		title: {
-			color: s.TextColor.Default,
-			size: s.TextSize.Default,
+			color: c.TextColor.Default,
+			size: c.TextSize.Default,
 			isSubtle: !0,
-			weight: s.TextWeight.Bolder,
+			weight: c.TextWeight.Bolder,
 			wrap: !0
 		},
 		value: {
-			color: s.TextColor.Default,
-			size: s.TextSize.Default,
+			color: c.TextColor.Default,
+			size: c.TextSize.Default,
 			isSubtle: !1,
-			weight: s.TextWeight.Default,
+			weight: c.TextWeight.Default,
 			wrap: !0
 		},
 		spacing: 8
 	}
-}), f = new s.HostConfig({
+}), p = new c.HostConfig({
 	fontFamily: "Inter, system-ui, -apple-system, sans-serif",
 	spacing: {
 		small: 4,
@@ -186,30 +187,30 @@ var d = new s.HostConfig({
 	},
 	actions: {
 		maxActions: 5,
-		spacing: s.Spacing.Default,
+		spacing: c.Spacing.Default,
 		buttonSpacing: 8,
 		showCard: {
-			actionMode: s.ShowCardActionMode.Inline,
+			actionMode: c.ShowCardActionMode.Inline,
 			inlineTopMargin: 12
 		},
-		actionsOrientation: s.Orientation.Horizontal,
-		actionAlignment: s.ActionAlignment.Left
+		actionsOrientation: c.Orientation.Horizontal,
+		actionAlignment: c.ActionAlignment.Left
 	},
 	adaptiveCard: { allowCustomStyle: !0 },
 	textBlock: { headingLevel: 2 },
 	factSet: {
 		title: {
-			color: s.TextColor.Default,
-			size: s.TextSize.Default,
+			color: c.TextColor.Default,
+			size: c.TextSize.Default,
 			isSubtle: !0,
-			weight: s.TextWeight.Bolder,
+			weight: c.TextWeight.Bolder,
 			wrap: !0
 		},
 		value: {
-			color: s.TextColor.Default,
-			size: s.TextSize.Default,
+			color: c.TextColor.Default,
+			size: c.TextSize.Default,
 			isSubtle: !1,
-			weight: s.TextWeight.Default,
+			weight: c.TextWeight.Default,
 			wrap: !0
 		},
 		spacing: 8
@@ -286,20 +287,20 @@ var d = new s.HostConfig({
 		lineThickness: 1,
 		lineColor: "#374151"
 	}
-}), p = e(function({ widget: e, data: l, template: u, isLoading: p, error: m, onAction: h }) {
-	let g = r(null), _ = r(null), [v, y] = i(null), [b, x] = i(!1), [S, C] = i([]), [w, T] = i(null), [E, D] = i(null);
+}), m = e(function({ widget: e, data: u, template: d, isLoading: m, error: h, onAction: g }) {
+	let { t: _ } = a(), v = r(null), y = r(null), [b, x] = i(null), [S, C] = i(!1), [w, T] = i([]), [E, D] = i(null), [O, k] = i(null);
 	n(() => {
 		let e = !0;
 		return import("adaptivecards-templating").then((t) => {
-			e && T(t);
+			e && D(t);
 		}).catch((t) => {
-			e && D(t.message || "Failed to load templating library");
+			e && k(t.message || _("bigconsole.widget.renderer.adaptiveCard.templatingLoadFailed", "Failed to load templating library"));
 		}), () => {
 			e = !1;
 		};
-	}, []), n(() => {
+	}, [_]), n(() => {
 		let e = () => {
-			x(document.documentElement.classList.contains("dark"));
+			C(document.documentElement.classList.contains("dark"));
 		};
 		e();
 		let t = new MutationObserver(e);
@@ -308,96 +309,97 @@ var d = new s.HostConfig({
 			attributeFilter: ["class"]
 		}), () => t.disconnect();
 	}, []);
-	let O = t((e) => {
-		e instanceof s.OpenUrlAction ? e.url && window.open(e.url, "_blank", "noopener,noreferrer") : e instanceof s.SubmitAction ? h && h(e.title || "submit", e.data || {}) : e instanceof s.ExecuteAction ? h && h(e.verb || "execute", e.data || {}) : e instanceof s.ShowCardAction;
-	}, [h]);
+	let A = t((e) => {
+		e instanceof c.OpenUrlAction ? e.url && window.open(e.url, "_blank", "noopener,noreferrer") : e instanceof c.SubmitAction ? g && g(e.title || "submit", e.data || {}) : e instanceof c.ExecuteAction ? g && g(e.verb || "execute", e.data || {}) : e instanceof c.ShowCardAction;
+	}, [g]);
 	return n(() => {
-		if (g.current && !p) {
-			g.current.innerHTML = "", y(null), C([]);
+		if (v.current && !m) {
+			v.current.innerHTML = "", x(null), T([]);
 			try {
 				let t = null, n = [];
-				if (u) {
-					let r = typeof u == "string" ? JSON.parse(u) : u;
-					if (w) try {
-						let i = new w.Template(r), a = {
-							$root: l || {},
+				if (d) {
+					let r = typeof d == "string" ? JSON.parse(d) : d;
+					if (E) try {
+						let i = new E.Template(r), a = {
+							$root: u || {},
 							$host: {
 								widgetId: e?.id,
 								widgetTitle: e?.title,
-								theme: b ? "dark" : "light"
+								theme: S ? "dark" : "light"
 							}
 						};
-						t = i.expand(a), n = i.getLastTemplateExpansionWarnings(), n.length > 0 && C(n);
+						t = i.expand(a), n = i.getLastTemplateExpansionWarnings(), n.length > 0 && T(n);
 					} catch {
-						t = c(r, l || {}), n.push("Using simplified template expansion (some features may not work)"), C(n);
+						t = l(r, u || {}), n.push(_("bigconsole.widget.renderer.adaptiveCard.simplifiedExpansion", "Using simplified template expansion (some features may not work)")), T(n);
 					}
-					else t = c(r, l || {}), E && (n.push(`Using fallback expansion: ${E}`), C(n));
-				} else l && typeof l == "object" && "type" in l && l.type === "AdaptiveCard" ? t = l : l && typeof l == "object" && "body" in l && (t = {
+					else t = l(r, u || {}), O && (n.push(_("bigconsole.widget.renderer.adaptiveCard.fallbackExpansion", "Using fallback expansion: {{error}}", { error: O ?? "" })), T(n));
+				} else u && typeof u == "object" && "type" in u && u.type === "AdaptiveCard" ? t = u : u && typeof u == "object" && "body" in u && (t = {
 					type: "AdaptiveCard",
 					version: "1.6",
-					...l
+					...u
 				});
 				if (!t) {
-					y("No template or valid Adaptive Card data provided");
+					x(_("bigconsole.widget.renderer.adaptiveCard.noValidData", "No template or valid Adaptive Card data provided"));
 					return;
 				}
-				_.current ||= new s.AdaptiveCard();
-				let r = _.current;
-				r.hostConfig = b ? f : d, r.onExecuteAction = O, r.parse(t);
+				y.current ||= new c.AdaptiveCard();
+				let r = y.current;
+				r.hostConfig = S ? p : f, r.onExecuteAction = A, r.parse(t);
 				let i = r.render();
-				i ? (i.style.height = "100%", i.style.overflow = "auto", i.classList.add("adaptive-card-container"), g.current.appendChild(i)) : y("Failed to render Adaptive Card");
+				i ? (i.style.height = "100%", i.style.overflow = "auto", i.classList.add("adaptive-card-container"), v.current.appendChild(i)) : x(_("bigconsole.widget.renderer.adaptiveCard.renderFailed", "Failed to render Adaptive Card"));
 			} catch (e) {
-				y(e.message || "Unknown error rendering card");
+				x(e.message || _("bigconsole.widget.renderer.adaptiveCard.unknownError", "Unknown error rendering card"));
 			}
 		}
 	}, [
+		d,
 		u,
-		l,
 		e,
-		p,
-		b,
+		m,
+		S,
+		A,
+		E,
 		O,
-		w,
-		E
-	]), p ? /* @__PURE__ */ a("div", {
+		_
+	]), m ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "animate-pulse space-y-3 w-full",
 			children: [
-				/* @__PURE__ */ a("div", { className: "h-5 bg-bg-sunken rounded w-3/4" }),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ o("div", { className: "h-5 bg-bg-sunken rounded w-3/4" }),
+				/* @__PURE__ */ s("div", {
 					className: "flex gap-3",
-					children: [/* @__PURE__ */ a("div", { className: "h-10 w-10 bg-bg-sunken rounded-full" }), /* @__PURE__ */ o("div", {
+					children: [/* @__PURE__ */ o("div", { className: "h-10 w-10 bg-bg-sunken rounded-full" }), /* @__PURE__ */ s("div", {
 						className: "flex-1 space-y-2",
-						children: [/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }), /* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded w-1/3" })]
+						children: [/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-1/2" }), /* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded w-1/3" })]
 					})]
 				}),
-				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-full" }),
-				/* @__PURE__ */ a("div", { className: "h-4 bg-bg-sunken rounded w-5/6" }),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-full" }),
+				/* @__PURE__ */ o("div", { className: "h-4 bg-bg-sunken rounded w-5/6" }),
+				/* @__PURE__ */ s("div", {
 					className: "grid grid-cols-2 gap-2 mt-4",
 					children: [
-						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" }),
-						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" }),
-						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" }),
-						/* @__PURE__ */ a("div", { className: "h-3 bg-bg-sunken rounded" })
+						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" }),
+						/* @__PURE__ */ o("div", { className: "h-3 bg-bg-sunken rounded" })
 					]
 				})
 			]
 		})
-	}) : m || v ? /* @__PURE__ */ a("div", {
+	}) : h || b ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full p-4",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "text-center max-w-sm",
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "w-12 h-12 mx-auto mb-3 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center",
-					children: /* @__PURE__ */ a("svg", {
+					children: /* @__PURE__ */ o("svg", {
 						className: "w-6 h-6 text-red-600 dark:text-red-400",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ a("path", {
+						children: /* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -405,39 +407,39 @@ var d = new s.HostConfig({
 						})
 					})
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "font-medium text-status-error-text",
-					children: "Error rendering card"
+					children: _("bigconsole.widget.renderer.adaptiveCard.errorRendering", "Error rendering card")
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "text-sm text-secondary mt-1",
-					children: m || v
+					children: h || b
 				}),
-				S.length > 0 && /* @__PURE__ */ o("div", {
+				w.length > 0 && /* @__PURE__ */ s("div", {
 					className: "mt-3 p-2 bg-yellow-50 dark:bg-yellow-900/20 rounded text-left",
-					children: [/* @__PURE__ */ a("p", {
+					children: [/* @__PURE__ */ o("p", {
 						className: "text-xs font-medium text-yellow-700 dark:text-yellow-400 mb-1",
-						children: "Template Warnings:"
-					}), S.map((e, t) => /* @__PURE__ */ a("p", {
+						children: _("bigconsole.widget.renderer.adaptiveCard.templateWarnings", "Template Warnings:")
+					}), w.map((e, t) => /* @__PURE__ */ o("p", {
 						className: "text-xs text-yellow-600 dark:text-yellow-300",
 						children: e
 					}, t))]
 				})
 			]
 		})
-	}) : !u && !l ? /* @__PURE__ */ a("div", {
+	}) : !d && !u ? /* @__PURE__ */ o("div", {
 		className: "flex items-center justify-center h-full p-4 animate-in fade-in duration-200",
-		children: /* @__PURE__ */ o("div", {
+		children: /* @__PURE__ */ s("div", {
 			className: "text-center max-w-sm",
 			children: [
-				/* @__PURE__ */ a("div", {
+				/* @__PURE__ */ o("div", {
 					className: "w-12 h-12 mx-auto mb-3 rounded-full bg-bg-sunken flex items-center justify-center",
-					children: /* @__PURE__ */ a("svg", {
+					children: /* @__PURE__ */ o("svg", {
 						className: "w-6 h-6 text-text-secondary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ a("path", {
+						children: /* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -445,27 +447,27 @@ var d = new s.HostConfig({
 						})
 					})
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "font-medium text-secondary",
-					children: "No content"
+					children: _("bigconsole.widget.renderer.adaptiveCard.noContent", "No content")
 				}),
-				/* @__PURE__ */ a("p", {
+				/* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary mt-1",
-					children: "Configure a template or provide data to display an Adaptive Card"
+					children: _("bigconsole.widget.renderer.adaptiveCard.noContentHint", "Configure a template or provide data to display an Adaptive Card")
 				})
 			]
 		})
-	}) : /* @__PURE__ */ a("div", {
-		ref: g,
+	}) : /* @__PURE__ */ o("div", {
+		ref: v,
 		className: "adaptive-card-wrapper h-full overflow-auto",
 		style: { "--ac-font-family": "Inter, system-ui, -apple-system, sans-serif" }
 	});
-}), m = "adaptive-card-global-styles";
-if (typeof document < "u" && !document.getElementById(m)) {
+}), h = "adaptive-card-global-styles";
+if (typeof document < "u" && !document.getElementById(h)) {
 	let e = document.createElement("style");
-	e.id = m, e.textContent = "\n    .adaptive-card-wrapper {\n      font-family: Inter, system-ui, -apple-system, sans-serif;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock {\n      font-family: inherit;\n    }\n\n    .adaptive-card-wrapper .ac-image.ac-image-person {\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton {\n      font-family: inherit;\n      font-weight: 500;\n      border-radius: 0.375rem;\n      padding: 0.5rem 1rem;\n      transition: all 0.15s ease-in-out;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton:hover {\n      filter: brightness(0.95);\n    }\n\n    .adaptive-card-wrapper .ac-input {\n      font-family: inherit;\n      border-radius: 0.375rem;\n      border: 1px solid #d1d5db;\n      padding: 0.5rem 0.75rem;\n    }\n\n    .dark .adaptive-card-wrapper .ac-input {\n      border-color: #4b5563;\n      background-color: #1f2937;\n      color: #f9fafb;\n    }\n\n    .adaptive-card-wrapper .ac-input:focus {\n      outline: none;\n      ring: 2px;\n      ring-color: #3b82f6;\n    }\n\n    .adaptive-card-wrapper .ac-separator {\n      margin: 0.5rem 0;\n    }\n\n    .adaptive-card-wrapper .ac-factSet {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: 0.25rem 1rem;\n    }\n\n    .adaptive-card-wrapper .ac-fact-title {\n      color: #6b7280;\n    }\n\n    .dark .adaptive-card-wrapper .ac-fact-title {\n      color: #9ca3af;\n    }\n\n    .adaptive-card-wrapper .ac-actionSet {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-top: 1rem;\n      padding-top: 1rem;\n      border-top: 1px solid #e5e7eb;\n    }\n\n    .dark .adaptive-card-wrapper .ac-actionSet {\n      border-top-color: #374151;\n    }\n\n    /* Markdown rendered code blocks in dark mode */\n    .dark .adaptive-card-wrapper code {\n      background: #374151 !important;\n      color: #f9fafb !important;\n    }\n\n    /* Markdown links in dark mode */\n    .dark .adaptive-card-wrapper a {\n      color: #60a5fa !important;\n    }\n\n    /* TextBlock with markdown - ensure proper wrapping */\n    .adaptive-card-wrapper .ac-textBlock p {\n      margin: 0;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock strong {\n      font-weight: 600;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock em {\n      font-style: italic;\n    }\n  ", document.head.appendChild(e);
+	e.id = h, e.textContent = "\n    .adaptive-card-wrapper {\n      font-family: Inter, system-ui, -apple-system, sans-serif;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock {\n      font-family: inherit;\n    }\n\n    .adaptive-card-wrapper .ac-image.ac-image-person {\n      border-radius: 50%;\n      object-fit: cover;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton {\n      font-family: inherit;\n      font-weight: 500;\n      border-radius: 0.375rem;\n      padding: 0.5rem 1rem;\n      transition: all 0.15s ease-in-out;\n    }\n\n    .adaptive-card-wrapper .ac-pushButton:hover {\n      filter: brightness(0.95);\n    }\n\n    .adaptive-card-wrapper .ac-input {\n      font-family: inherit;\n      border-radius: 0.375rem;\n      border: 1px solid #d1d5db;\n      padding: 0.5rem 0.75rem;\n    }\n\n    .dark .adaptive-card-wrapper .ac-input {\n      border-color: #4b5563;\n      background-color: #1f2937;\n      color: #f9fafb;\n    }\n\n    .adaptive-card-wrapper .ac-input:focus {\n      outline: none;\n      ring: 2px;\n      ring-color: #3b82f6;\n    }\n\n    .adaptive-card-wrapper .ac-separator {\n      margin: 0.5rem 0;\n    }\n\n    .adaptive-card-wrapper .ac-factSet {\n      display: grid;\n      grid-template-columns: auto 1fr;\n      gap: 0.25rem 1rem;\n    }\n\n    .adaptive-card-wrapper .ac-fact-title {\n      color: #6b7280;\n    }\n\n    .dark .adaptive-card-wrapper .ac-fact-title {\n      color: #9ca3af;\n    }\n\n    .adaptive-card-wrapper .ac-actionSet {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 0.5rem;\n      margin-top: 1rem;\n      padding-top: 1rem;\n      border-top: 1px solid #e5e7eb;\n    }\n\n    .dark .adaptive-card-wrapper .ac-actionSet {\n      border-top-color: #374151;\n    }\n\n    /* Markdown rendered code blocks in dark mode */\n    .dark .adaptive-card-wrapper code {\n      background: #374151 !important;\n      color: #f9fafb !important;\n    }\n\n    /* Markdown links in dark mode */\n    .dark .adaptive-card-wrapper a {\n      color: #60a5fa !important;\n    }\n\n    /* TextBlock with markdown - ensure proper wrapping */\n    .adaptive-card-wrapper .ac-textBlock p {\n      margin: 0;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock strong {\n      font-weight: 600;\n    }\n\n    .adaptive-card-wrapper .ac-textBlock em {\n      font-style: italic;\n    }\n  ", document.head.appendChild(e);
 }
 //#endregion
-export { p as default };
+export { m as default };
 
 //# sourceMappingURL=AdaptiveCardRenderer.js.map