@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

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

@@ -1 +1 @@
-{"version":3,"file":"DataParsersPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataParsersPage.tsx"],"sourcesContent":["/**\n * Data Parsers Page\n *\n * Page for listing and managing parsers with filtering and search.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { useParserStore } from '../store/parserStore';\nimport { useParserOperations } from '../hooks/useParserOperations';\nimport { useExportParser } from '../hooks/useExportParser';\nimport { ParserCard } from '../components/parser/ParserCard';\nimport { ImportParserDialog } from '../components/parser/ImportParserDialog';\nimport type { Parser, ParserType, ParserStatus } from '../types';\n\n// fe-libs UI 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 { Card, CardContent } 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  GlassCard,\n  IllustratedEmptyState,\n  CTAOverflowMenu,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport { Plus, Search, AlertCircle, FileCode2, X, Upload } from 'lucide-react';\n\n// RBAC\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\n\n// i18n\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ParserFilterOption<T> {\n  value: T | 'all';\n  label: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\n// Default console ID for standalone parser listing\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const DataParsersPage = memo(function DataParsersPage() {\n  const navigate = useAppNavigate();\n  const { consoleId: urlConsoleId } = useParams<{ consoleId?: string }>();\n  const { t } = useI18n();\n\n  // Filter option labels are resolved via i18n inside the component.\n  const TYPE_OPTIONS: ParserFilterOption<ParserType>[] = useMemo(\n    () => [\n      { value: 'all', label: t('bigconsole.parsers.filters.allTypes', 'All Types') },\n      { value: 'jq', label: t('bigconsole.parsers.filters.jq', 'JQ') },\n      { value: 'jsonata', label: t('bigconsole.parsers.filters.jsonata', 'JSONata') },\n    ],\n    [t]\n  );\n\n  const STATUS_OPTIONS: ParserFilterOption<ParserStatus>[] = useMemo(\n    () => [\n      { value: 'all', label: t('bigconsole.parsers.filters.allStatus', 'All Status') },\n      { value: 'active', label: t('bigconsole.parsers.filters.active', 'Active') },\n      { value: 'inactive', label: t('bigconsole.parsers.filters.inactive', 'Inactive') },\n    ],\n    [t]\n  );\n\n  // RBAC — gate the page and its actions on the seeded parser permissions.\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_READ);\n  const canCreate = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_CREATE);\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_DELETE);\n\n  // Use URL consoleId or fall back to default\n  const consoleId = urlConsoleId || DEFAULT_CONSOLE_ID;\n\n  // Store state\n  const typeFilter = useParserStore((state) => state.typeFilter);\n  const statusFilter = useParserStore((state) => state.statusFilter);\n  const searchQuery = useParserStore((state) => state.searchQuery);\n  const setTypeFilter = useParserStore((state) => state.setTypeFilter);\n  const setStatusFilter = useParserStore((state) => state.setStatusFilter);\n  const setSearchQuery = useParserStore((state) => state.setSearchQuery);\n\n  // Local state\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);\n  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);\n\n  // Operations - use consoleId from URL or default\n  const { loading, error, parsers, deleteParser, refetch } = useParserOperations({\n    consoleId,\n    skipFetch: false,\n  });\n\n  // Export hook\n  const { downloadParser, loading: exportLoading } = useExportParser();\n\n  // Filter parsers\n  const filteredParsers = useMemo(() => {\n    if (!parsers) return [];\n\n    return parsers.filter((parser: Parser) => {\n      if (typeFilter && parser.type !== typeFilter) {\n        return false;\n      }\n      if (statusFilter && parser.status !== statusFilter) {\n        return false;\n      }\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        const nameMatch = parser.name?.toLowerCase().includes(query);\n        const descMatch = parser.description?.toLowerCase().includes(query);\n        const inputKeyMatch = parser.inputSinkKey?.toLowerCase().includes(query);\n        const outputKeyMatch = parser.outputKey?.toLowerCase().includes(query);\n        if (!nameMatch && !descMatch && !inputKeyMatch && !outputKeyMatch) {\n          return false;\n        }\n      }\n      return true;\n    });\n  }, [parsers, typeFilter, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleTypeFilterChange = useCallback(\n    (value: string) => {\n      setTypeFilter(value === 'all' ? null : (value as ParserType));\n    },\n    [setTypeFilter]\n  );\n\n  const handleStatusFilterChange = useCallback(\n    (value: string) => {\n      setStatusFilter(value === 'all' ? null : (value as ParserStatus));\n    },\n    [setStatusFilter]\n  );\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.target.value);\n    },\n    [setSearchQuery]\n  );\n\n  const handleCreateParser = useCallback(() => {\n    // Navigate to dashboard-scoped parser creation if consoleId is provided\n    if (urlConsoleId) {\n      navigate(`/dashboards/${urlConsoleId}/parsers/new`);\n    } else {\n      navigate('/parsers/new');\n    }\n  }, [navigate, urlConsoleId]);\n\n  const handleViewParser = useCallback(\n    (id: string) => {\n      // Navigate to dashboard-scoped parser view if consoleId is provided\n      if (urlConsoleId) {\n        navigate(`/dashboards/${urlConsoleId}/parsers/${id}`);\n      } else {\n        navigate(`/parsers/${id}`);\n      }\n    },\n    [navigate, urlConsoleId]\n  );\n\n  const handleEditParser = useCallback(\n    (id: string) => {\n      // Navigate to dashboard-scoped parser edit if consoleId is provided\n      if (urlConsoleId) {\n        navigate(`/dashboards/${urlConsoleId}/parsers/${id}/edit`);\n      } else {\n        navigate(`/parsers/${id}/edit`);\n      }\n    },\n    [navigate, urlConsoleId]\n  );\n\n  const handleDeleteParser = useCallback(\n    async (id: string) => {\n      const native = await nativeConfirm({\n        title: t('bigconsole.parsers.confirmDelete.title', 'Delete parser?'),\n        message: t('bigconsole.parsers.confirmDelete.message', 'Are you sure you want to delete this parser?'),\n        okButtonTitle: t('bigconsole.parsers.actions.delete', 'Delete'),\n        cancelButtonTitle: t('bigconsole.parsers.actions.cancel', 'Cancel'),\n      });\n      const ok =\n        native === null\n          ? window.confirm(\n              t('bigconsole.parsers.confirmDelete.message', 'Are you sure you want to delete this parser?')\n            )\n          : native;\n      if (!ok) return;\n      nativeImpact('medium');\n      setIsDeleting(true);\n      setDeleteTargetId(id);\n      try {\n        await deleteParser(id);\n        if (isNative()) void nativeNotify('success');\n      } catch (err) {\n        if (isNative()) void nativeNotify('error');\n      } finally {\n        setIsDeleting(false);\n        setDeleteTargetId(null);\n      }\n    },\n    [deleteParser, t]\n  );\n\n  const handleClearFilters = useCallback(() => {\n    setTypeFilter(null);\n    setStatusFilter(null);\n    setSearchQuery('');\n  }, [setTypeFilter, setStatusFilter, setSearchQuery]);\n\n  const handleExportParser = useCallback(\n    async (id: string) => {\n      const parser = parsers.find((p: Parser) => p.id === id);\n      if (parser) {\n        await downloadParser(id, parser.name);\n      }\n    },\n    [parsers, downloadParser]\n  );\n\n  const handleImportParser = useCallback(() => {\n    setIsImportDialogOpen(true);\n  }, []);\n\n  const handleImportSuccess = useCallback(\n    (_parserId: string, _parserName: string, _wasUpdate: boolean) => {\n      // Refetch parsers to show the newly imported one\n      refetch();\n    },\n    [refetch]\n  );\n\n  const hasActiveFilters = typeFilter !== null || statusFilter !== null || (searchQuery?.length ?? 0) > 0;\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                {t('bigconsole.parsers.errors.loadFailed', 'Failed to load Parsers')}\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                {t('bigconsole.parsers.actions.tryAgain', 'Try Again')}\n              </Button>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    );\n  }\n\n  // Read gate — once permissions have loaded, block users without parser:read.\n  if (!permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={t('bigconsole.parsers.accessDenied.title', 'Access Denied')}\n        description={t('bigconsole.parsers.accessDenied.list', \"You don't have permission to view parsers.\")}\n      />\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                <FileCode2\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>{t('bigconsole.parsers.list.title', 'Data Parsers')}</GradientText>\n                </h1>\n                <p style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-secondary)', margin: 0 }}>\n                  {t('bigconsole.parsers.list.subtitle', 'Transform and process data with JQ or JSONata expressions')}\n                </p>\n              </div>\n            </div>\n\n            {/*\n              Creating and importing a parser both require parser:create, so the\n              entire CTA (primary + Import overflow action) is gated on canCreate.\n            */}\n            <CTAOverflowMenu\n              primary={\n                canCreate\n                  ? {\n                      label: t('bigconsole.parsers.actions.create', 'Create Parser'),\n                      onSelect: handleCreateParser,\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: t('bigconsole.parsers.actions.import', 'Import'),\n                        onSelect: handleImportParser,\n                        icon: <Upload style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />,\n                      },\n                    ]\n                  : []\n              }\n            />\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          {t(\n            'bigconsole.parsers.list.purpose',\n            'Parsers define how raw input — log lines, CSVs, JSON, or arbitrary text — is read and mapped into structured fields. Build a parser once, test it against a sample, then reuse it across pipelines so every source lands in a consistent, queryable shape.'\n          )}\n        </PagePurpose>\n\n        {/* Search and Filters Row */}\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: 'var(--space-controlGap)',\n            marginBottom: 'var(--space-sectionGap)',\n            flexWrap: 'wrap',\n          }}\n        >\n          {/* Search Bar */}\n          <div style={{ position: 'relative', maxWidth: '400px', flex: 1 }}>\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={t('bigconsole.parsers.list.searchPlaceholder', 'Search parsers...')}\n              value={searchQuery || ''}\n              onChange={handleSearchChange}\n              style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n            />\n          </div>\n\n          {/* Type Filter */}\n          <Select value={typeFilter || 'all'} onValueChange={handleTypeFilterChange}>\n            <SelectTrigger style={{ width: '150px' }}>\n              <SelectValue placeholder={t('bigconsole.parsers.filters.allTypes', 'All Types')} />\n            </SelectTrigger>\n            <SelectContent>\n              {TYPE_OPTIONS.map((opt) => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n\n          {/* Status Filter */}\n          <Select value={statusFilter || 'all'} onValueChange={handleStatusFilterChange}>\n            <SelectTrigger style={{ width: '150px' }}>\n              <SelectValue placeholder={t('bigconsole.parsers.filters.allStatus', 'All Status')} />\n            </SelectTrigger>\n            <SelectContent>\n              {STATUS_OPTIONS.map((opt) => (\n                <SelectItem key={opt.value} value={opt.value}>\n                  {opt.label}\n                </SelectItem>\n              ))}\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              {t('bigconsole.parsers.filters.clear', 'Clear Filters')}\n            </Button>\n          )}\n\n          {/* Results Count */}\n          <Badge variant=\"secondary\" style={{ marginLeft: 'auto' }}>\n            {filteredParsers.length === 1\n              ? t('bigconsole.parsers.list.countSingular', '{{count}} Parser', {\n                  count: filteredParsers.length,\n                })\n              : t('bigconsole.parsers.list.countPlural', '{{count}} Parsers', {\n                  count: filteredParsers.length,\n                })}\n          </Badge>\n        </div>\n\n        {/* Loading state */}\n        {loading && (\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                {t('bigconsole.parsers.list.loading', 'Loading parsers...')}\n              </p>\n            </div>\n          </div>\n        )}\n\n        {/* Empty state */}\n        {!loading && filteredParsers.length === 0 && !hasActiveFilters && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title={t('bigconsole.parsers.list.emptyTitle', 'No Parsers yet')}\n              description={t(\n                'bigconsole.parsers.list.emptyDescription',\n                'Create your first parser to start transforming data with JQ or JSONata.'\n              )}\n              action={\n                <PermissionButton permission={BIGCONSOLE_PERMISSIONS.PARSER_CREATE} deniedBehavior=\"disable\">\n                  <Button onClick={handleCreateParser}>\n                    <Plus\n                      style={{\n                        marginRight: 'var(--space-iconGap)',\n                        height: 'var(--size-icon-sm)',\n                        width: 'var(--size-icon-sm)',\n                      }}\n                    />\n                    {t('bigconsole.parsers.actions.create', 'Create Parser')}\n                  </Button>\n                </PermissionButton>\n              }\n            />\n          </GlassCard>\n        )}\n\n        {/* No results state */}\n        {!loading && filteredParsers.length === 0 && hasActiveFilters && (\n          <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n            <IllustratedEmptyState\n              illustration=\"empty-search\"\n              title={t('bigconsole.parsers.list.noMatchTitle', 'No matching parsers')}\n              description={t('bigconsole.parsers.list.noMatchDescription', 'No parsers match your filters')}\n              action={\n                <Button variant=\"ghost\" size=\"sm\" onClick={handleClearFilters}>\n                  {t('bigconsole.parsers.filters.clear', 'Clear Filters')}\n                </Button>\n              }\n            />\n          </GlassCard>\n        )}\n\n        {/* Parser Grid */}\n        {!loading && filteredParsers.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            {filteredParsers.map((parser: Parser) => (\n              <ParserCard\n                key={parser.id}\n                parser={parser}\n                onView={handleViewParser}\n                // ParserCard renders each action icon only when its handler is\n                // provided, so gate edit/delete by passing undefined when the\n                // caller lacks the corresponding permission. Export is a\n                // read-only download and stays available to any reader.\n                onEdit={canUpdate ? handleEditParser : undefined}\n                onExport={handleExportParser}\n                onDelete={canDelete ? handleDeleteParser : undefined}\n                isDeleting={isDeleting && deleteTargetId === parser.id}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n\n      {/* Import Parser Dialog */}\n      <ImportParserDialog\n        isOpen={isImportDialogOpen}\n        onClose={() => setIsImportDialogOpen(false)}\n        consoleId={consoleId}\n        onSuccess={handleImportSuccess}\n      />\n    </div>\n  );\n});\n\nexport default DataParsersPage;\n"],"mappings":";;;;;;;;;;;;;;;;;;AA2DA,IAAM,KAAqB,WAEd,IAAkB,EAAK,WAA2B;CAC7D,IAAM,IAAW,GAAgB,EAC3B,EAAE,WAAW,MAAiB,IAAmC,EACjE,EAAE,SAAM,GAAS,EAGjB,IAAiD,QAC/C;EACJ;GAAE,OAAO;GAAO,OAAO,EAAE,uCAAuC,YAAY;GAAE;EAC9E;GAAE,OAAO;GAAM,OAAO,EAAE,iCAAiC,KAAK;GAAE;EAChE;GAAE,OAAO;GAAW,OAAO,EAAE,sCAAsC,UAAU;GAAE;EAChF,EACD,CAAC,EAAE,CACJ,EAEK,IAAqD,QACnD;EACJ;GAAE,OAAO;GAAO,OAAO,EAAE,wCAAwC,aAAa;GAAE;EAChF;GAAE,OAAO;GAAU,OAAO,EAAE,qCAAqC,SAAS;GAAE;EAC5E;GAAE,OAAO;GAAY,OAAO,EAAE,uCAAuC,WAAW;GAAE;EACnF,EACD,CAAC,EAAE,CACJ,EAGK,EAAE,kBAAe,WAAW,MAAuB,IAAgB,EACnE,IAAU,EAAc,EAAuB,YAAY,EAC3D,IAAY,EAAc,EAAuB,cAAc,EAC/D,IAAY,EAAc,EAAuB,cAAc,EAC/D,KAAY,EAAc,EAAuB,cAAc,EAG/D,IAAY,KAAgB,IAG5B,IAAa,GAAgB,MAAU,EAAM,WAAW,EACxD,IAAe,GAAgB,MAAU,EAAM,aAAa,EAC5D,IAAc,GAAgB,MAAU,EAAM,YAAY,EAC1D,IAAgB,GAAgB,MAAU,EAAM,cAAc,EAC9D,IAAkB,GAAgB,MAAU,EAAM,gBAAgB,EAClE,IAAiB,GAAgB,MAAU,EAAM,eAAe,EAGhE,CAAC,IAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,IAAgB,KAAqB,EAAwB,KAAK,EACnE,CAAC,IAAoB,KAAyB,EAAS,GAAM,EAG7D,EAAE,YAAS,UAAO,YAAS,iBAAc,eAAY,EAAoB;EAC7E;EACA,WAAW;EACZ,CAAC,EAGI,EAAE,mBAAgB,SAAS,OAAkB,GAAiB,EAG9D,IAAkB,QACjB,IAEE,EAAQ,QAAQ,MAAmB;AAIxC,MAHI,KAAc,EAAO,SAAS,KAG9B,KAAgB,EAAO,WAAW,EACpC,QAAO;AAET,MAAI,GAAa;GACf,IAAM,IAAQ,EAAY,aAAa,EACjC,IAAY,EAAO,MAAM,aAAa,CAAC,SAAS,EAAM,EACtD,IAAY,EAAO,aAAa,aAAa,CAAC,SAAS,EAAM,EAC7D,IAAgB,EAAO,cAAc,aAAa,CAAC,SAAS,EAAM,EAClE,IAAiB,EAAO,WAAW,aAAa,CAAC,SAAS,EAAM;AACtE,OAAI,CAAC,KAAa,CAAC,KAAa,CAAC,KAAiB,CAAC,EACjD,QAAO;;AAGX,SAAO;GACP,GApBmB,EAAE,EAqBtB;EAAC;EAAS;EAAY;EAAc;EAAY,CAAC,EAG9C,KAAyB,GAC5B,MAAkB;AACjB,IAAc,MAAU,QAAQ,OAAQ,EAAqB;IAE/D,CAAC,EAAc,CAChB,EAEK,KAA2B,GAC9B,MAAkB;AACjB,IAAgB,MAAU,QAAQ,OAAQ,EAAuB;IAEnE,CAAC,EAAgB,CAClB,EAEK,KAAqB,GACxB,MAA2C;AAC1C,IAAe,EAAE,OAAO,MAAM;IAEhC,CAAC,EAAe,CACjB,EAEK,IAAqB,QAAkB;AAE3C,EACE,EADE,IACO,eAAe,EAAa,gBAE5B,eAAe;IAEzB,CAAC,GAAU,EAAa,CAAC,EAEtB,IAAmB,GACtB,MAAe;AAEd,EACE,EADE,IACO,eAAe,EAAa,WAAW,MAEvC,YAAY,IAAK;IAG9B,CAAC,GAAU,EAAa,CACzB,EAEK,KAAmB,GACtB,MAAe;AAEd,EACE,EADE,IACO,eAAe,EAAa,WAAW,EAAG,SAE1C,YAAY,EAAG,OAAO;IAGnC,CAAC,GAAU,EAAa,CACzB,EAEK,KAAqB,EACzB,OAAO,MAAe;EACpB,IAAM,IAAS,MAAM,GAAc;GACjC,OAAO,EAAE,0CAA0C,iBAAiB;GACpE,SAAS,EAAE,4CAA4C,+CAA+C;GACtG,eAAe,EAAE,qCAAqC,SAAS;GAC/D,mBAAmB,EAAE,qCAAqC,SAAS;GACpE,CAAC;AAEA,YAAW,OACP,OAAO,QACL,EAAE,4CAA4C,+CAA+C,CAC9F,GACD,GAIN;GAFA,GAAa,SAAS,EACtB,EAAc,GAAK,EACnB,EAAkB,EAAG;AACrB,OAAI;AAEF,IADA,MAAM,EAAa,EAAG,EAClB,GAAU,IAAO,EAAa,UAAU;WAChC;AACZ,IAAI,GAAU,IAAO,EAAa,QAAQ;aAClC;AAER,IADA,EAAc,GAAM,EACpB,EAAkB,KAAK;;;IAG3B,CAAC,GAAc,EAAE,CAClB,EAEK,IAAqB,QAAkB;AAG3C,EAFA,EAAc,KAAK,EACnB,EAAgB,KAAK,EACrB,EAAe,GAAG;IACjB;EAAC;EAAe;EAAiB;EAAe,CAAC,EAE9C,KAAqB,EACzB,OAAO,MAAe;EACpB,IAAM,IAAS,EAAQ,MAAM,MAAc,EAAE,OAAO,EAAG;AACvD,EAAI,KACF,MAAM,EAAe,GAAI,EAAO,KAAK;IAGzC,CAAC,GAAS,EAAe,CAC1B,EAEK,KAAqB,QAAkB;AAC3C,IAAsB,GAAK;IAC1B,EAAE,CAAC,EAEA,KAAsB,GACzB,GAAmB,GAAqB,MAAwB;AAE/D,KAAS;IAEX,CAAC,EAAQ,CACV,EAEK,IAAmB,MAAe,QAAQ,MAAiB,SAAS,GAAa,UAAU,KAAK;AAqEtG,QAlEI,IAEA,kBAAC,OAAD;EAAK,OAAO,EAAE,SAAS,4BAA4B;YACjD,kBAAC,IAAD;GACE,OAAO;IACL,aAAa;IACb,iBAAiB;IAClB;aAED,kBAAC,IAAD;IAAa,OAAO,EAAE,SAAS,4BAA4B;cACzD,kBAAC,OAAD;KAAK,OAAO;MAAE,SAAS;MAAQ,eAAe;MAAU,YAAY;MAAU,WAAW;MAAU;eAAnG;MACE,kBAAC,OAAD;OACE,OAAO;QACL,SAAS;QACT,cAAc;QACd,iBAAiB;QACjB,cAAc;QACf;iBAED,kBAAC,IAAD,EACE,OAAO;QACL,QAAQ;QACR,OAAO;QACP,OAAO;QACR,EACD,CAAA;OACE,CAAA;MACN,kBAAC,MAAD;OACE,OAAO;QACL,UAAU;QACV,YAAY;QACZ,OAAO;QACP,cAAc;QACf;iBAEA,EAAE,wCAAwC,yBAAyB;OACjE,CAAA;MACL,kBAAC,KAAD;OACE,OAAO;QACL,UAAU;QACV,OAAO;QACP,cAAc;QACf;iBAEA,EAAM;OACL,CAAA;MACJ,kBAAC,GAAD;OAAQ,MAAK;OAAK,eAAe,GAAS;iBACvC,EAAE,uCAAuC,YAAY;OAC/C,CAAA;MACL;;IACM,CAAA;GACT,CAAA;EACH,CAAA,GAKN,CAAC,KAAsB,CAAC,IAExB,kBAAC,IAAD;EACE,OAAO,EAAE,yCAAyC,gBAAgB;EAClE,aAAa,EAAE,wCAAwC,6CAA6C;EACpG,CAAA,GAKJ,kBAAC,OAAD;EAAK,OAAO;GAAE,WAAW;GAAS,iBAAiB;GAA0B;YAA7E;GAEE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,IAAD,EAAkB,WAAU,UAAW,CAAA,EACvC,kBAAC,OAAD;KAAK,OAAO,EAAE,SAAS,4BAA4B;eACjD,kBAAC,OAAD;MAAK,OAAO;OAAE,SAAS;OAAQ,YAAY;OAAU,gBAAgB;OAAiB;gBAAtF,CACE,kBAAC,OAAD;OAAK,OAAO;QAAE,SAAS;QAAQ,YAAY;QAAU,KAAK;QAAwB;iBAAlF,CACE,kBAAC,OAAD;QACE,OAAO;SACL,SAAS;SACT,QAAQ;SACR,OAAO;SACP,YAAY;SACZ,gBAAgB;SAChB,cAAc;SACd,iBAAiB;SAClB;kBAED,kBAAC,IAAD,EACE,OAAO;SACL,QAAQ;SACR,OAAO;SACP,OAAO;SACR,EACD,CAAA;QACE,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;QACE,OAAO;SACL,UAAU;SACV,YAAY;SACZ,QAAQ;SACR,OAAO;SACR;kBAED,kBAAC,IAAD,EAAA,UAAe,EAAE,iCAAiC,eAAe,EAAgB,CAAA;QAC9E,CAAA,EACL,kBAAC,KAAD;QAAG,OAAO;SAAE,UAAU;SAA4B,OAAO;SAA+B,QAAQ;SAAG;kBAChG,EAAE,oCAAoC,4DAA4D;QACjG,CAAA,CACA,EAAA,CAAA,CACF;UAMN,kBAAC,IAAD;OACE,SACE,IACI;QACE,OAAO,EAAE,qCAAqC,gBAAgB;QAC9D,UAAU;QACV,MACE,kBAAC,GAAD,EACE,OAAO;SACL,aAAa;SACb,QAAQ;SACR,OAAO;SACR,EACD,CAAA;QAEL,GACD,KAAA;OAEN,SACE,IACI,CACE;QACE,OAAO,EAAE,qCAAqC,SAAS;QACvD,UAAU;QACV,MAAM,kBAAC,IAAD,EAAQ,OAAO;SAAE,QAAQ;SAAuB,OAAO;SAAuB,EAAI,CAAA;QACzF,CACF,GACD,EAAE;OAER,CAAA,CACE;;KACF,CAAA,CACF;;GAGN,kBAAC,OAAD;IAAK,OAAO,EAAE,SAAS,4BAA4B;cAAnD;KACE,kBAAC,IAAD;MAAa,WAAU;gBACpB,EACC,mCACA,6PACD;MACW,CAAA;KAGd,kBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,YAAY;OACZ,KAAK;OACL,cAAc;OACd,UAAU;OACX;gBAPH;OAUE,kBAAC,OAAD;QAAK,OAAO;SAAE,UAAU;SAAY,UAAU;SAAS,MAAM;SAAG;kBAAhE,CACE,kBAAC,IAAD,EACE,OAAO;SACL,UAAU;SACV,MAAM;SACN,KAAK;SACL,WAAW;SACX,QAAQ;SACR,OAAO;SACP,OAAO;SACR,EACD,CAAA,EACF,kBAAC,IAAD;SACE,MAAK;SACL,aAAa,EAAE,6CAA6C,oBAAoB;SAChF,OAAO,KAAe;SACtB,UAAU;SACV,OAAO;UAAE,aAAa;UAAgC,QAAQ;UAAgC;SAC9F,CAAA,CACE;;OAGN,kBAAC,GAAD;QAAQ,OAAO,KAAc;QAAO,eAAe;kBAAnD,CACE,kBAAC,GAAD;SAAe,OAAO,EAAE,OAAO,SAAS;mBACtC,kBAAC,GAAD,EAAa,aAAa,EAAE,uCAAuC,YAAY,EAAI,CAAA;SACrE,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,EAAa,KAAK,MACjB,kBAAC,GAAD;SAA4B,OAAO,EAAI;mBACpC,EAAI;SACM,EAFI,EAAI,MAER,CACb,EACY,CAAA,CACT;;OAGT,kBAAC,GAAD;QAAQ,OAAO,KAAgB;QAAO,eAAe;kBAArD,CACE,kBAAC,GAAD;SAAe,OAAO,EAAE,OAAO,SAAS;mBACtC,kBAAC,GAAD,EAAa,aAAa,EAAE,wCAAwC,aAAa,EAAI,CAAA;SACvE,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,EAAe,KAAK,MACnB,kBAAC,GAAD;SAA4B,OAAO,EAAI;mBACpC,EAAI;SACM,EAFI,EAAI,MAER,CACb,EACY,CAAA,CACT;;OAGR,KACC,kBAAC,GAAD;QAAQ,SAAQ;QAAQ,MAAK;QAAK,SAAS;kBAA3C,CACE,kBAAC,GAAD,EACE,OAAO;SACL,aAAa;SACb,QAAQ;SACR,OAAO;SACR,EACD,CAAA,EACD,EAAE,oCAAoC,gBAAgB,CAChD;;OAIX,kBAAC,IAAD;QAAO,SAAQ;QAAY,OAAO,EAAE,YAAY,QAAQ;kBACrD,EAAgB,WAAW,IACxB,EAAE,yCAAyC,oBAAoB,EAC7D,OAAO,EAAgB,QACxB,CAAC,GACF,EAAE,uCAAuC,qBAAqB,EAC5D,OAAO,EAAgB,QACxB,CAAC;QACA,CAAA;OACJ;;KAGL,KACC,kBAAC,OAAD;MAAK,OAAO;OAAE,SAAS;OAAQ,YAAY;OAAU,gBAAgB;OAAU,SAAS;OAAU;gBAChG,kBAAC,OAAD;OAAK,OAAO,EAAE,WAAW,UAAU;iBAAnC,CACE,kBAAC,IAAD,EACE,OAAO;QACL,QAAQ;QACR,OAAO;QACP,QAAQ;QACT,EACD,CAAA,EACF,kBAAC,KAAD;QAAG,OAAO;SAAE,UAAU;SAA4B,OAAO;SAA2B;kBACjF,EAAE,mCAAmC,qBAAqB;QACzD,CAAA,CACA;;MACF,CAAA;KAIP,CAAC,KAAW,EAAgB,WAAW,KAAK,CAAC,KAC5C,kBAAC,GAAD;MAAW,WAAU;MAAU,WAAU;gBACvC,kBAAC,GAAD;OACE,cAAa;OACb,OAAO,EAAE,sCAAsC,iBAAiB;OAChE,aAAa,EACX,4CACA,0EACD;OACD,QACE,kBAAC,IAAD;QAAkB,YAAY,EAAuB;QAAe,gBAAe;kBACjF,kBAAC,GAAD;SAAQ,SAAS;mBAAjB,CACE,kBAAC,GAAD,EACE,OAAO;UACL,aAAa;UACb,QAAQ;UACR,OAAO;UACR,EACD,CAAA,EACD,EAAE,qCAAqC,gBAAgB,CACjD;;QACQ,CAAA;OAErB,CAAA;MACQ,CAAA;KAIb,CAAC,KAAW,EAAgB,WAAW,KAAK,KAC3C,kBAAC,GAAD;MAAW,WAAU;MAAU,WAAU;gBACvC,kBAAC,GAAD;OACE,cAAa;OACb,OAAO,EAAE,wCAAwC,sBAAsB;OACvE,aAAa,EAAE,8CAA8C,gCAAgC;OAC7F,QACE,kBAAC,GAAD;QAAQ,SAAQ;QAAQ,MAAK;QAAK,SAAS;kBACxC,EAAE,oCAAoC,gBAAgB;QAChD,CAAA;OAEX,CAAA;MACQ,CAAA;KAIb,CAAC,KAAW,EAAgB,SAAS,KACpC,kBAAC,OAAD;MACE,OAAO;OACL,SAAS;OACT,qBAAqB;OACrB,KAAK;OACN;gBAEA,EAAgB,KAAK,MACpB,kBAAC,IAAD;OAEU;OACR,QAAQ;OAKR,QAAQ,IAAY,KAAmB,KAAA;OACvC,UAAU;OACV,UAAU,KAAY,KAAqB,KAAA;OAC3C,YAAY,MAAc,OAAmB,EAAO;OACpD,EAXK,EAAO,GAWZ,CACF;MACE,CAAA;KAEJ;;GAGN,kBAAC,IAAD;IACE,QAAQ;IACR,eAAe,EAAsB,GAAM;IAChC;IACX,WAAW;IACX,CAAA;GACE;;EAER"}
+{"version":3,"file":"DataParsersPage.js","names":[],"sources":["../../../src/bigconsole/pages/DataParsersPage.tsx"],"sourcesContent":["/**\n * Data Parsers Page\n *\n * Page for listing and managing parsers with filtering and search.\n * Uses fe-libs shared UI components and semantic tokens for consistent styling.\n */\n\nimport { memo, useState, useMemo, useCallback } from 'react';\nimport { useParams } from 'react-router';\nimport { useAppNavigate } from '../contexts';\nimport { isNative, nativeConfirm, nativeImpact, nativeNotify } from '../../utils/nativeBridge';\nimport { useParserStore } from '../store/parserStore';\nimport { useParserOperations } from '../hooks/useParserOperations';\nimport { useExportParser } from '../hooks/useExportParser';\nimport { ParserCard } from '../components/parser/ParserCard';\nimport { ImportParserDialog } from '../components/parser/ImportParserDialog';\nimport { Section, SectionStack } from '../components/common';\nimport type { Parser, ParserType, ParserStatus } from '../types';\n\n// fe-libs UI 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// Lucide icons\nimport { Plus, Search, AlertCircle, FileCode2, X, Upload } from 'lucide-react';\n\n// RBAC\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { AccessDenied, PermissionButton } from '@burdenoff/fe-libs/shared/components';\nimport { BIGCONSOLE_PERMISSIONS } from '../../constants/permissions';\n\n// i18n\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface ParserFilterOption<T> {\n  value: T | 'all';\n  label: string;\n}\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\n// Default console ID for standalone parser listing\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const DataParsersPage = memo(function DataParsersPage() {\n  const navigate = useAppNavigate();\n  const { consoleId: urlConsoleId } = useParams<{ consoleId?: string }>();\n  const { t } = useI18n();\n\n  // Filter option labels are resolved via i18n inside the component.\n  const TYPE_OPTIONS: ParserFilterOption<ParserType>[] = useMemo(\n    () => [\n      { value: 'all', label: t('bigconsole.parsers.filters.allTypes', 'All Types') },\n      { value: 'jq', label: t('bigconsole.parsers.filters.jq', 'JQ') },\n      { value: 'jsonata', label: t('bigconsole.parsers.filters.jsonata', 'JSONata') },\n    ],\n    [t]\n  );\n\n  const STATUS_OPTIONS: ParserFilterOption<ParserStatus>[] = useMemo(\n    () => [\n      { value: 'all', label: t('bigconsole.parsers.filters.allStatus', 'All Status') },\n      { value: 'active', label: t('bigconsole.parsers.filters.active', 'Active') },\n      { value: 'inactive', label: t('bigconsole.parsers.filters.inactive', 'Inactive') },\n    ],\n    [t]\n  );\n\n  // RBAC — gate the page and its actions on the seeded parser permissions.\n  const { hasPermission, isLoading: permissionsLoading } = usePermissions();\n  const canRead = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_READ);\n  const canCreate = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_CREATE);\n  const canUpdate = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_UPDATE);\n  const canDelete = hasPermission(BIGCONSOLE_PERMISSIONS.PARSER_DELETE);\n\n  // Use URL consoleId or fall back to default\n  const consoleId = urlConsoleId || DEFAULT_CONSOLE_ID;\n\n  // Store state\n  const typeFilter = useParserStore((state) => state.typeFilter);\n  const statusFilter = useParserStore((state) => state.statusFilter);\n  const searchQuery = useParserStore((state) => state.searchQuery);\n  const setTypeFilter = useParserStore((state) => state.setTypeFilter);\n  const setStatusFilter = useParserStore((state) => state.setStatusFilter);\n  const setSearchQuery = useParserStore((state) => state.setSearchQuery);\n\n  // Local state\n  const [isDeleting, setIsDeleting] = useState(false);\n  const [deleteTargetId, setDeleteTargetId] = useState<string | null>(null);\n  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);\n\n  // Operations - use consoleId from URL or default\n  const { loading, error, parsers, deleteParser, refetch } = useParserOperations({\n    consoleId,\n    skipFetch: false,\n  });\n\n  // Export hook\n  const { downloadParser } = useExportParser();\n\n  // Filter parsers\n  const filteredParsers = useMemo(() => {\n    if (!parsers) return [];\n\n    return parsers.filter((parser: Parser) => {\n      if (typeFilter && parser.type !== typeFilter) {\n        return false;\n      }\n      if (statusFilter && parser.status !== statusFilter) {\n        return false;\n      }\n      if (searchQuery) {\n        const query = searchQuery.toLowerCase();\n        const nameMatch = parser.name?.toLowerCase().includes(query);\n        const descMatch = parser.description?.toLowerCase().includes(query);\n        const inputKeyMatch = parser.inputSinkKey?.toLowerCase().includes(query);\n        const outputKeyMatch = parser.outputKey?.toLowerCase().includes(query);\n        if (!nameMatch && !descMatch && !inputKeyMatch && !outputKeyMatch) {\n          return false;\n        }\n      }\n      return true;\n    });\n  }, [parsers, typeFilter, statusFilter, searchQuery]);\n\n  // Handlers\n  const handleTypeFilterChange = useCallback(\n    (value: string) => {\n      setTypeFilter(value === 'all' ? null : (value as ParserType));\n    },\n    [setTypeFilter]\n  );\n\n  const handleStatusFilterChange = useCallback(\n    (value: string) => {\n      setStatusFilter(value === 'all' ? null : (value as ParserStatus));\n    },\n    [setStatusFilter]\n  );\n\n  const handleSearchChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(e.target.value);\n    },\n    [setSearchQuery]\n  );\n\n  const handleCreateParser = useCallback(() => {\n    // Navigate to dashboard-scoped parser creation if consoleId is provided\n    if (urlConsoleId) {\n      navigate(`/dashboards/${urlConsoleId}/parsers/new`);\n    } else {\n      navigate('/parsers/new');\n    }\n  }, [navigate, urlConsoleId]);\n\n  const handleViewParser = useCallback(\n    (id: string) => {\n      // Navigate to dashboard-scoped parser view if consoleId is provided\n      if (urlConsoleId) {\n        navigate(`/dashboards/${urlConsoleId}/parsers/${id}`);\n      } else {\n        navigate(`/parsers/${id}`);\n      }\n    },\n    [navigate, urlConsoleId]\n  );\n\n  const handleEditParser = useCallback(\n    (id: string) => {\n      // Navigate to dashboard-scoped parser edit if consoleId is provided\n      if (urlConsoleId) {\n        navigate(`/dashboards/${urlConsoleId}/parsers/${id}/edit`);\n      } else {\n        navigate(`/parsers/${id}/edit`);\n      }\n    },\n    [navigate, urlConsoleId]\n  );\n\n  const handleDeleteParser = useCallback(\n    async (id: string) => {\n      const native = await nativeConfirm({\n        title: t('bigconsole.parsers.confirmDelete.title', 'Delete parser?'),\n        message: t('bigconsole.parsers.confirmDelete.message', 'Are you sure you want to delete this parser?'),\n        okButtonTitle: t('bigconsole.parsers.actions.delete', 'Delete'),\n        cancelButtonTitle: t('bigconsole.parsers.actions.cancel', 'Cancel'),\n      });\n      const ok =\n        native === null\n          ? window.confirm(\n              t('bigconsole.parsers.confirmDelete.message', 'Are you sure you want to delete this parser?')\n            )\n          : native;\n      if (!ok) return;\n      nativeImpact('medium');\n      setIsDeleting(true);\n      setDeleteTargetId(id);\n      try {\n        await deleteParser(id);\n        if (isNative()) void nativeNotify('success');\n      } catch {\n        if (isNative()) void nativeNotify('error');\n      } finally {\n        setIsDeleting(false);\n        setDeleteTargetId(null);\n      }\n    },\n    [deleteParser, t]\n  );\n\n  const handleClearFilters = useCallback(() => {\n    setTypeFilter(null);\n    setStatusFilter(null);\n    setSearchQuery('');\n  }, [setTypeFilter, setStatusFilter, setSearchQuery]);\n\n  const handleExportParser = useCallback(\n    async (id: string) => {\n      const parser = parsers.find((p: Parser) => p.id === id);\n      if (parser) {\n        await downloadParser(id, parser.name);\n      }\n    },\n    [parsers, downloadParser]\n  );\n\n  const handleImportParser = useCallback(() => {\n    setIsImportDialogOpen(true);\n  }, []);\n\n  const handleImportSuccess = useCallback(\n    (_parserId: string, _parserName: string, _wasUpdate: boolean) => {\n      // Refetch parsers to show the newly imported one\n      refetch();\n    },\n    [refetch]\n  );\n\n  const hasActiveFilters = typeFilter !== null || statusFilter !== null || (searchQuery?.length ?? 0) > 0;\n\n  // Error state\n  if (error) {\n    return (\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <Section\n          tone=\"danger\"\n          headingLevel={2}\n          title={t('bigconsole.parsers.errors.loadFailed', 'Failed to load Parsers')}\n          description=\"The parser list could not be fetched. Retry, or check that the BigConsole service is reachable.\"\n          icon={<AlertCircle className=\"h-icon-md w-icon-md text-[var(--color-status-error-text)]\" />}\n          actions={\n            <Button size=\"sm\" onClick={() => refetch()}>\n              {t('bigconsole.parsers.actions.tryAgain', 'Try Again')}\n            </Button>\n          }\n          data-testid=\"parsers-error\"\n        >\n          <p className=\"font-mono text-xs break-words text-text-secondary\">{error.message}</p>\n        </Section>\n      </div>\n    );\n  }\n\n  // Read gate — once permissions have loaded, block users without parser:read.\n  if (!permissionsLoading && !canRead) {\n    return (\n      <AccessDenied\n        title={t('bigconsole.parsers.accessDenied.title', 'Access Denied')}\n        description={t('bigconsole.parsers.accessDenied.list', \"You don't have permission to view parsers.\")}\n      />\n    );\n  }\n\n  return (\n    <div style={{ minHeight: '100vh', backgroundColor: 'var(--color-bg-canvas)' }}>\n      {/* Page header strip — structural only (no surface of its own beyond the gloss band) */}\n      <div className=\"relative overflow-hidden border-b border-[var(--color-border-seam)] bg-[image:var(--gradient-gloss-card)]\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"relative\" style={{ padding: 'var(--space-pagePadding)' }}>\n          <div className=\"flex flex-wrap items-center justify-between gap-form-gap\">\n            <div className=\"flex min-w-0 items-center gap-form-gap\">\n              <div\n                className=\"flex shrink-0 items-center justify-center\"\n                style={{\n                  height: 'var(--size-controlHeight-lg)',\n                  width: 'var(--size-controlHeight-lg)',\n                  borderRadius: 'var(--radius-card)',\n                  backgroundColor: 'var(--color-action-primary-bg)',\n                }}\n              >\n                <FileCode2\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 className=\"min-w-0\">\n                <h1 className=\"m-0 text-2xl font-bold text-text-primary sm:text-3xl\">\n                  <GradientText>{t('bigconsole.parsers.list.title', 'Data Parsers')}</GradientText>\n                </h1>\n                <p className=\"m-0 text-sm text-text-secondary\">\n                  {t('bigconsole.parsers.list.subtitle', 'Transform and process data with JQ or JSONata expressions')}\n                </p>\n              </div>\n            </div>\n\n            {/*\n              Creating and importing a parser both require parser:create, so the\n              entire CTA (primary + Import overflow action) is gated on canCreate.\n            */}\n            <CTAOverflowMenu\n              primary={\n                canCreate\n                  ? {\n                      label: t('bigconsole.parsers.actions.create', 'Create Parser'),\n                      onSelect: handleCreateParser,\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: t('bigconsole.parsers.actions.import', 'Import'),\n                        onSelect: handleImportParser,\n                        icon: <Upload style={{ height: 'var(--size-icon-sm)', width: 'var(--size-icon-sm)' }} />,\n                      },\n                    ]\n                  : []\n              }\n            />\n          </div>\n        </div>\n      </div>\n\n      {/* Main Content */}\n      <div style={{ padding: 'var(--space-pagePadding)' }}>\n        <SectionStack>\n          <PagePurpose className=\"max-w-[80ch]\">\n            {t(\n              'bigconsole.parsers.list.purpose',\n              'Parsers define how raw input — log lines, CSVs, JSON, or arbitrary text — is read and mapped into structured fields. Build a parser once, test it against a sample, then reuse it across pipelines so every source lands in a consistent, queryable shape.'\n            )}\n          </PagePurpose>\n\n          {/* Controls — recessed so the eye separates filters from results */}\n          <Section\n            emphasis=\"muted\"\n            padding=\"compact\"\n            headingLevel={2}\n            title=\"Find a parser\"\n            headerClassName=\"mb-control-gap\"\n            data-testid=\"parser-filters\"\n          >\n            <div className=\"flex flex-wrap items-center gap-control-gap\">\n              {/* Search Bar */}\n              <div className=\"relative w-full min-w-0 flex-1 sm:max-w-[400px]\">\n                <Search\n                  aria-hidden=\"true\"\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                  aria-label={t('bigconsole.parsers.list.searchPlaceholder', 'Search parsers...')}\n                  placeholder={t('bigconsole.parsers.list.searchPlaceholder', 'Search parsers...')}\n                  value={searchQuery || ''}\n                  onChange={handleSearchChange}\n                  className=\"min-h-control-md\"\n                  style={{ paddingLeft: 'var(--size-controlHeight-md)', height: 'var(--size-controlHeight-md)' }}\n                />\n              </div>\n\n              {/* Type Filter */}\n              <Select value={typeFilter || 'all'} onValueChange={handleTypeFilterChange}>\n                <SelectTrigger aria-label=\"Filter by parser type\" className=\"min-h-control-md w-full sm:w-[150px]\">\n                  <SelectValue placeholder={t('bigconsole.parsers.filters.allTypes', 'All Types')} />\n                </SelectTrigger>\n                <SelectContent>\n                  {TYPE_OPTIONS.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n\n              {/* Status Filter */}\n              <Select value={statusFilter || 'all'} onValueChange={handleStatusFilterChange}>\n                <SelectTrigger aria-label=\"Filter by status\" className=\"min-h-control-md w-full sm:w-[150px]\">\n                  <SelectValue placeholder={t('bigconsole.parsers.filters.allStatus', 'All Status')} />\n                </SelectTrigger>\n                <SelectContent>\n                  {STATUS_OPTIONS.map((opt) => (\n                    <SelectItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n\n              {/* Clear Filters */}\n              {hasActiveFilters && (\n                <Button variant=\"ghost\" size=\"sm\" onClick={handleClearFilters} className=\"min-h-control-md\">\n                  <X\n                    style={{\n                      marginRight: 'var(--space-iconGap)',\n                      height: 'var(--size-icon-sm)',\n                      width: 'var(--size-icon-sm)',\n                    }}\n                  />\n                  {t('bigconsole.parsers.filters.clear', 'Clear Filters')}\n                </Button>\n              )}\n            </div>\n          </Section>\n\n          {/* Results — the block this route exists for */}\n          <Section\n            emphasis=\"primary\"\n            padding=\"compact\"\n            headingLevel={2}\n            title=\"Parsers\"\n            description=\"Open a parser to review its expression, or use the actions on a card to edit, export or delete it.\"\n            meta={\n              <Badge variant=\"secondary\">\n                {filteredParsers.length === 1\n                  ? t('bigconsole.parsers.list.countSingular', '{{count}} Parser', {\n                      count: filteredParsers.length,\n                    })\n                  : t('bigconsole.parsers.list.countPlural', '{{count}} Parsers', {\n                      count: filteredParsers.length,\n                    })}\n              </Badge>\n            }\n            data-testid=\"parser-results\"\n          >\n            {/* Loading state — keeps the section frame so the layout does not collapse */}\n            {loading && (\n              <div className=\"flex items-center justify-center py-12 sm:py-16\">\n                <div className=\"text-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                    {t('bigconsole.parsers.list.loading', 'Loading parsers...')}\n                  </p>\n                </div>\n              </div>\n            )}\n\n            {/* Empty state */}\n            {!loading && filteredParsers.length === 0 && !hasActiveFilters && (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title={t('bigconsole.parsers.list.emptyTitle', 'No Parsers yet')}\n                description={t(\n                  'bigconsole.parsers.list.emptyDescription',\n                  'Create your first parser to start transforming data with JQ or JSONata.'\n                )}\n                action={\n                  <PermissionButton permission={BIGCONSOLE_PERMISSIONS.PARSER_CREATE} deniedBehavior=\"disable\">\n                    <Button onClick={handleCreateParser}>\n                      <Plus\n                        style={{\n                          marginRight: 'var(--space-iconGap)',\n                          height: 'var(--size-icon-sm)',\n                          width: 'var(--size-icon-sm)',\n                        }}\n                      />\n                      {t('bigconsole.parsers.actions.create', 'Create Parser')}\n                    </Button>\n                  </PermissionButton>\n                }\n              />\n            )}\n\n            {/* No results state */}\n            {!loading && filteredParsers.length === 0 && hasActiveFilters && (\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title={t('bigconsole.parsers.list.noMatchTitle', 'No matching parsers')}\n                description={t('bigconsole.parsers.list.noMatchDescription', 'No parsers match your filters')}\n                action={\n                  <Button variant=\"ghost\" size=\"sm\" onClick={handleClearFilters}>\n                    {t('bigconsole.parsers.filters.clear', 'Clear Filters')}\n                  </Button>\n                }\n              />\n            )}\n\n            {/* Parser Grid */}\n            {!loading && filteredParsers.length > 0 && (\n              <ul className=\"grid list-none grid-cols-[repeat(auto-fill,minmax(min(100%,18rem),1fr))] gap-form-gap p-0\">\n                {filteredParsers.map((parser: Parser) => (\n                  <li key={parser.id} className=\"min-w-0\">\n                    <ParserCard\n                      parser={parser}\n                      onView={handleViewParser}\n                      // ParserCard renders each action icon only when its handler is\n                      // provided, so gate edit/delete by passing undefined when the\n                      // caller lacks the corresponding permission. Export is a\n                      // read-only download and stays available to any reader.\n                      onEdit={canUpdate ? handleEditParser : undefined}\n                      onExport={handleExportParser}\n                      onDelete={canDelete ? handleDeleteParser : undefined}\n                      isDeleting={isDeleting && deleteTargetId === parser.id}\n                    />\n                  </li>\n                ))}\n              </ul>\n            )}\n          </Section>\n        </SectionStack>\n      </div>\n\n      {/* Import Parser Dialog */}\n      <ImportParserDialog\n        isOpen={isImportDialogOpen}\n        onClose={() => setIsImportDialogOpen(false)}\n        consoleId={consoleId}\n        onSuccess={handleImportSuccess}\n      />\n    </div>\n  );\n});\n\nexport default DataParsersPage;\n"],"mappings":"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"}