@burdenoff/microfe-bigconsole 2026.624.2 → 2026.626.1

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

@@ -1 +1 @@
-{"version":3,"file":"ParserBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/ParserBuilderPage.tsx"],"sourcesContent":["/**\n * Parser Builder Page\n *\n * Page for creating and editing Parsers with JQ or JSONata expressions.\n * Required fields: consoleId, name, type, expression, inputSinkKey, outputKey\n */\n\nimport { memo, useState, useMemo, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../contexts';\nimport { useParserOperations } from '../hooks/useParserOperations';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { useDashboardOperations } from '../hooks/useDashboardOperations';\nimport { CacheTTLSelector } from '../components/datasink/CacheTTLSelector';\nimport type { ParserType } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport {\n  ArrowLeft,\n  Save,\n  Play,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  FileCode2,\n  Code,\n  Settings,\n  ChevronDown,\n  ChevronRight,\n  Eye,\n  LayoutDashboard,\n} from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface FormState {\n  name: string;\n  outputKey: string;\n  description: string;\n  type: ParserType;\n  expression: string;\n  inputSinkKey: string;\n  // `null` represents \"no caching / not set\" (matches Parser.ttl: number | null\n  // on the backend and CacheTTLSelector's value prop). Using number-only here\n  // would force a collapse to 0/900 that silently loses user intent on edit.\n  ttl: number | null;\n}\n\ninterface FormErrors {\n  name?: string;\n  outputKey?: string;\n  expression?: string;\n  inputSinkKey?: string;\n  ttl?: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Generate a key from name (slug format)\n */\nfunction generateKey(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '_')\n    .replace(/^_+|_+$/g, '')\n    .substring(0, 64);\n}\n\n/**\n * Validate form data\n */\nfunction validateForm(form: FormState): FormErrors {\n  const errors: FormErrors = {};\n\n  if (!form.name.trim()) {\n    errors.name = 'Name is required';\n  } else if (form.name.length < 2) {\n    errors.name = 'Name must be at least 2 characters';\n  }\n\n  if (!form.outputKey.trim()) {\n    errors.outputKey = 'Output key is required';\n  } else if (!/^[a-z0-9_]+$/.test(form.outputKey)) {\n    errors.outputKey = 'Output key can only contain lowercase letters, numbers, and underscores';\n  }\n\n  if (!form.expression.trim()) {\n    errors.expression = 'Expression is required';\n  }\n\n  if (!form.inputSinkKey.trim()) {\n    errors.inputSinkKey = 'Source DataSink is required';\n  }\n\n  if (form.ttl != null && form.ttl > 0 && (form.ttl < 30 || form.ttl > 86400)) {\n    errors.ttl = 'Cache duration must be between 30 and 86400 seconds';\n  }\n\n  return errors;\n}\n\n// Parser type descriptions (JQ and JSONata only)\nconst PARSER_TYPE_INFO: Record<\n  ParserType,\n  { name: string; description: string; placeholder: string; example: string }\n> = {\n  jq: {\n    name: 'JQ',\n    description: 'Lightweight JSON processor - fast and efficient for simple transformations',\n    placeholder: '.data | map({name: .name, value: .count})',\n    example: '.data | map(.name) - Extract names from data array',\n  },\n  jsonata: {\n    name: 'JSONata',\n    description: 'Query and transformation language - supports complex queries and calculations',\n    placeholder: '$sum(data[*].value)',\n    example: '$sum(data.values) - Calculate sum of values',\n  },\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\n// Default console ID for standalone parser creation (must match DataParsersPage)\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const ParserBuilderPage = memo(function ParserBuilderPage() {\n  const { parserId, consoleId: urlConsoleId } = useParams<{\n    parserId?: string;\n    consoleId?: string;\n  }>();\n  const navigate = useAppNavigate();\n\n  // State for selected dashboard (when creating from global route)\n  const [selectedDashboardId, setSelectedDashboardId] = useState<string>(DEFAULT_CONSOLE_ID);\n\n  // Use URL consoleId, or selected dashboard, or fall back to default\n  const consoleId = urlConsoleId || selectedDashboardId || DEFAULT_CONSOLE_ID;\n\n  const isEdit = parserId !== 'new' && !!parserId;\n\n  // Show dashboard selector when NOT on dashboard-scoped route (both create and edit)\n  const showDashboardSelector = !urlConsoleId;\n\n  // Form state\n  const [form, setForm] = useState<FormState>({\n    name: '',\n    outputKey: '',\n    description: '',\n    type: 'jq',\n    expression: '',\n    inputSinkKey: '',\n    // 15 minutes (Recommended preset). A 0 default made CacheTTLSelector\n    // auto-select \"Custom\" with an invalid value, blocking form submission.\n    ttl: 900,\n  });\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [keyManuallyEdited, setKeyManuallyEdited] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n\n  // Test panel state\n  const [testInput, setTestInput] = useState(\n    '{\\n  \"data\": [\\n    {\"name\": \"Item 1\", \"count\": 10},\\n    {\"name\": \"Item 2\", \"count\": 20}\\n  ]\\n}'\n  );\n  const [testOutput, setTestOutput] = useState('');\n  const [testError, setTestError] = useState<string | null>(null);\n  const [isTesting, setIsTesting] = useState(false);\n\n  // Data preview state\n  const [showDataPreview, setShowDataPreview] = useState(false);\n  const [dataPreview, setDataPreview] = useState<Record<string, unknown> | null>(null);\n  const [dataPreviewLoading, setDataPreviewLoading] = useState(false);\n  const [dataPreviewError, setDataPreviewError] = useState<string | null>(null);\n\n  // Operations\n  const { loading, error, parsers, fetchParser, createParser, updateParser, testParserExpression } =\n    useParserOperations({\n      consoleId: consoleId || '',\n      skipFetch: true,\n    });\n\n  const { dataSinks, fetchDataSinks, getDataSinkData } = useDataSinkOperations({\n    skipFetch: true,\n  });\n\n  // Fetch dashboards for the dashboard selector (only when showing selector)\n  const { dashboards, fetchDashboards, loading: dashboardsLoading } = useDashboardOperations();\n\n  // Get existing parser if editing\n  const existingParser = isEdit ? parsers.find((p) => p.id === parserId) : null;\n\n  // Load data on mount\n  useEffect(() => {\n    fetchDataSinks();\n    if (isEdit && parserId) {\n      fetchParser(parserId);\n    }\n    // Fetch dashboards for the selector (only when showing selector)\n    if (showDashboardSelector) {\n      fetchDashboards();\n    }\n  }, [isEdit, parserId, fetchParser, fetchDataSinks, showDashboardSelector, fetchDashboards]);\n\n  // Populate form with existing data when editing\n  useEffect(() => {\n    if (existingParser) {\n      setForm({\n        name: existingParser.name || '',\n        outputKey: existingParser.outputKey || '',\n        description: existingParser.description || '',\n        type: existingParser.type,\n        expression: existingParser.expression || '',\n        inputSinkKey: existingParser.inputSinkKey || '',\n        // Preserve the stored ttl exactly as saved — `null` and `0` both mean\n        // \"no caching\" and are legitimate user choices. The BOFF-2241 default\n        // (900) applies only to the *initial* Create-form state, never to\n        // hydrating an existing parser.\n        ttl: existingParser.ttl ?? null,\n      });\n      setKeyManuallyEdited(true);\n      // Set the dashboard scope from existing parser's consoleId\n      if (existingParser.consoleId) {\n        setSelectedDashboardId(existingParser.consoleId);\n      }\n    }\n  }, [existingParser]);\n\n  // Auto-generate key from name\n  const handleNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const name = e.target.value;\n      setForm((prev) => ({\n        ...prev,\n        name,\n        outputKey: keyManuallyEdited ? prev.outputKey : generateKey(name),\n      }));\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    },\n    [keyManuallyEdited]\n  );\n\n  // Handle output key change\n  const handleOutputKeyChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const outputKey = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, '');\n    setForm((prev) => ({ ...prev, outputKey }));\n    setKeyManuallyEdited(true);\n    setErrors((prev) => ({ ...prev, outputKey: undefined }));\n  }, []);\n\n  // Handle description change\n  const handleDescriptionChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, description: e.target.value }));\n  }, []);\n\n  // Handle type change\n  const handleTypeChange = useCallback((type: ParserType) => {\n    setForm((prev) => ({ ...prev, type }));\n    // Clear test output when type changes\n    setTestOutput('');\n    setTestError(null);\n  }, []);\n\n  // Handle expression change\n  const handleExpressionChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, expression: e.target.value }));\n    setErrors((prev) => ({ ...prev, expression: undefined }));\n  }, []);\n\n  // Handle input sink change\n  const handleInputSinkChange = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {\n    setForm((prev) => ({ ...prev, inputSinkKey: e.target.value }));\n    setErrors((prev) => ({ ...prev, inputSinkKey: undefined }));\n  }, []);\n\n  // Handle TTL change\n  const handleTTLChange = useCallback((ttl: number | null) => {\n    setForm((prev) => ({ ...prev, ttl }));\n    setErrors((prev) => ({ ...prev, ttl: undefined }));\n  }, []);\n\n  // Handle dashboard selection change\n  const handleDashboardChange = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {\n    setSelectedDashboardId(e.target.value);\n  }, []);\n\n  // Load sample data from selected datasink\n  const handleLoadSampleData = useCallback(async () => {\n    if (!form.inputSinkKey) return;\n    try {\n      const result = await getDataSinkData({ key: form.inputSinkKey });\n      if (result?.raw) {\n        setTestInput(JSON.stringify(result.raw, null, 2));\n      }\n    } catch (err) {}\n  }, [form.inputSinkKey, getDataSinkData]);\n\n  // Handle data preview toggle\n  const handleToggleDataPreview = useCallback(async () => {\n    if (showDataPreview) {\n      setShowDataPreview(false);\n      return;\n    }\n\n    if (!form.inputSinkKey) {\n      setDataPreviewError('Please select a source DataSink first');\n      return;\n    }\n\n    setShowDataPreview(true);\n    setDataPreviewLoading(true);\n    setDataPreviewError(null);\n\n    try {\n      const result = await getDataSinkData({ key: form.inputSinkKey });\n      if (result?.raw) {\n        setDataPreview(result.raw as Record<string, unknown>);\n      } else {\n        setDataPreviewError('No data available in selected DataSink');\n      }\n    } catch (err) {\n      setDataPreviewError(err instanceof Error ? err.message : 'Failed to load data');\n    } finally {\n      setDataPreviewLoading(false);\n    }\n  }, [showDataPreview, form.inputSinkKey, getDataSinkData]);\n\n  // Handle test expression\n  const handleTestExpression = useCallback(async () => {\n    if (!form.expression.trim()) {\n      setTestError('Expression is required');\n      return;\n    }\n\n    setIsTesting(true);\n    setTestError(null);\n    setTestOutput('');\n\n    try {\n      const result = await testParserExpression({\n        type: form.type,\n        expression: form.expression,\n        sampleData: JSON.parse(testInput),\n      });\n\n      if (result) {\n        if (result.success) {\n          setTestOutput(JSON.stringify(result.output, null, 2));\n        } else {\n          setTestError(result.error || 'Test failed');\n        }\n      }\n    } catch (err) {\n      setTestError(err instanceof Error ? err.message : 'Test failed');\n    } finally {\n      setIsTesting(false);\n    }\n  }, [form.type, form.expression, testInput, testParserExpression]);\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    // Navigate to dashboard-scoped parsers list if consoleId is provided, otherwise global parsers\n    if (urlConsoleId) {\n      navigate(`/dashboards/${urlConsoleId}/parsers`);\n    } else {\n      navigate('/parsers');\n    }\n  }, [navigate, urlConsoleId]);\n\n  // Handle form submission\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n      setSubmitError(null);\n\n      // Validate form\n      const validationErrors = validateForm(form);\n      if (Object.keys(validationErrors).length > 0) {\n        setErrors(validationErrors);\n        return;\n      }\n\n      setIsSaving(true);\n      try {\n        if (isEdit && existingParser) {\n          // Update existing (type is immutable, not included in update)\n          const result = await updateParser(\n            existingParser.id,\n            {\n              name: form.name,\n              description: form.description || undefined,\n              expression: form.expression,\n              inputSinkKey: form.inputSinkKey,\n              outputKey: form.outputKey,\n              // Pass `null` through so the backend distinguishes an explicit\n              // \"clear caching\" from an unset field (InputMaybe<Int> = Int | null).\n              ttl: form.ttl,\n            },\n            existingParser.version\n          );\n          if (!result) {\n            throw new Error('Failed to update parser');\n          }\n        } else {\n          // Create new - include all required fields\n          const result = await createParser({\n            consoleId: consoleId || '',\n            name: form.name,\n            type: form.type,\n            expression: form.expression,\n            inputSinkKey: form.inputSinkKey,\n            outputKey: form.outputKey,\n            description: form.description || undefined,\n            ttl: form.ttl || undefined,\n          });\n          if (!result) {\n            throw new Error('Failed to create parser');\n          }\n        }\n        // Navigate to dashboard-scoped parsers list if consoleId is provided, otherwise global parsers\n        if (urlConsoleId) {\n          navigate(`/dashboards/${urlConsoleId}/parsers`);\n        } else {\n          navigate(`/parsers`);\n        }\n      } catch (err) {\n        setSubmitError(err instanceof Error ? err.message : 'Failed to save parser');\n      } finally {\n        setIsSaving(false);\n      }\n    },\n    [form, isEdit, existingParser, createParser, updateParser, navigate, consoleId, urlConsoleId]\n  );\n\n  // Check if form is valid\n  const isFormValid = useMemo(() => {\n    return (\n      form.name.trim().length >= 2 &&\n      form.expression.trim().length > 0 &&\n      form.inputSinkKey.trim().length > 0 &&\n      form.outputKey.trim().length > 0\n    );\n  }, [form.name, form.expression, form.inputSinkKey, form.outputKey]);\n\n  // Loading state\n  if (loading && isEdit) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <Loader2 className=\"w-8 h-8 text-text-secondary animate-spin\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px] p-card-padding\">\n        <div className=\"text-center\">\n          <AlertCircle className=\"w-12 h-12 text-state-error mx-auto mb-spacing-md\" />\n          <p className=\"text-state-error text-body-sm font-medium mb-spacing-sm\">Failed to load Parser</p>\n          <p className=\"text-text-tertiary text-body-xs\">{error.message}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const typeInfo = PARSER_TYPE_INFO[form.type];\n\n  return (\n    <div className=\"min-h-screen bg-bg-canvas\">\n      <div className=\"max-w-7xl mx-auto p-card-padding\">\n        {/* Header */}\n        <div className=\"mb-spacing-lg\">\n          <Button onClick={handleBack} variant=\"ghost\" size=\"sm\" className=\"mb-spacing-md\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            Back to Parsers\n          </Button>\n          <h1 className=\"text-heading-h1 font-bold text-text-primary\">{isEdit ? 'Edit Parser' : 'Create Parser'}</h1>\n          <p className=\"text-body-sm text-text-secondary mt-spacing-xs\">\n            {isEdit\n              ? 'Update the parser configuration and test your changes.'\n              : 'Transform data using JQ or JSONata expressions.'}\n          </p>\n        </div>\n\n        {/* Error Alert */}\n        {submitError && (\n          <div className=\"mb-spacing-lg p-4 bg-state-error/10 border border-state-error/30 rounded-lg flex items-start gap-3\">\n            <AlertCircle className=\"w-5 h-5 text-state-error flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-state-error\">Failed to save Parser</p>\n              <p className=\"text-xs text-state-error/80 mt-1\">{submitError}</p>\n            </div>\n          </div>\n        )}\n\n        <form onSubmit={handleSubmit}>\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            {/* Column 1 - Basic Information */}\n            <div className=\"space-y-6\">\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <FileCode2 className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Basic Information</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Essential details for your parser</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Name field */}\n                  <div>\n                    <label htmlFor=\"name\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Name <span className=\"text-state-error\">*</span>\n                    </label>\n                    <input\n                      id=\"name\"\n                      type=\"text\"\n                      value={form.name}\n                      onChange={handleNameChange}\n                      placeholder=\"e.g., User Analytics Parser\"\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary\n                        bg-bg-surface\n                        border ${errors.name ? 'border-state-error' : 'border-border-default'}\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        transition-all\n                      `}\n                    />\n                    {errors.name && <p className=\"text-xs text-state-error mt-1.5\">{errors.name}</p>}\n                  </div>\n\n                  {/* Output Key field */}\n                  <div>\n                    <label htmlFor=\"outputKey\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Output Key <span className=\"text-state-error\">*</span>\n                    </label>\n                    <input\n                      id=\"outputKey\"\n                      type=\"text\"\n                      value={form.outputKey}\n                      onChange={handleOutputKeyChange}\n                      placeholder=\"user_analytics_parser\"\n                      disabled={isEdit}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary font-mono\n                        bg-bg-surface\n                        border ${errors.outputKey ? 'border-state-error' : 'border-border-default'}\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\n                        transition-all\n                      `}\n                    />\n                    {errors.outputKey && <p className=\"text-xs text-state-error mt-1.5\">{errors.outputKey}</p>}\n                    {!isEdit && (\n                      <p className=\"text-xs text-text-tertiary mt-1.5\">\n                        Auto-generated from name. Customize if needed.\n                      </p>\n                    )}\n                  </div>\n\n                  {/* Description field */}\n                  <div>\n                    <label htmlFor=\"description\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Description\n                    </label>\n                    <textarea\n                      id=\"description\"\n                      value={form.description}\n                      onChange={handleDescriptionChange}\n                      placeholder=\"Describe what this parser does...\"\n                      rows={3}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary\n                        bg-bg-surface\n                        border border-border-default\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        resize-none\n                        transition-all\n                      `}\n                    />\n                  </div>\n\n                  {/* Dashboard Selector - shown when NOT on dashboard-scoped route */}\n                  {showDashboardSelector && (\n                    <div>\n                      <label htmlFor=\"dashboard\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                        <div className=\"flex items-center gap-2\">\n                          <LayoutDashboard className=\"w-4 h-4\" />\n                          Dashboard Scope\n                        </div>\n                      </label>\n                      <select\n                        id=\"dashboard\"\n                        value={selectedDashboardId}\n                        onChange={handleDashboardChange}\n                        disabled={dashboardsLoading || isEdit}\n                        className={`\n                          w-full px-3 py-2.5\n                          text-sm text-text-primary\n                          bg-bg-surface\n                          border border-border-default\n                          rounded-md\n                          focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                          disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\n                          transition-all\n                        `}\n                      >\n                        <option value=\"default\">Global (available everywhere)</option>\n                        {dashboards.map((dashboard) => (\n                          <option key={dashboard.id} value={dashboard.id}>\n                            {dashboard.name}\n                          </option>\n                        ))}\n                      </select>\n                      <p className=\"text-xs text-text-tertiary mt-1.5\">\n                        {isEdit\n                          ? 'Dashboard scope cannot be changed after creation.'\n                          : selectedDashboardId === 'default'\n                            ? 'Global parsers are available across all dashboards.'\n                            : 'This parser will only be available in the selected dashboard.'}\n                      </p>\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n            </div>\n\n            {/* Column 2 - Parser Configuration */}\n            <div className=\"space-y-6\">\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Code className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Parser Configuration</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Configure parser type and data source</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Parser Type */}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-3\">\n                      Parser Type <span className=\"text-state-error\">*</span>\n                    </label>\n                    <div className=\"space-y-2\">\n                      {(Object.keys(PARSER_TYPE_INFO) as ParserType[]).map((type) => {\n                        const info = PARSER_TYPE_INFO[type];\n                        return (\n                          <label\n                            key={type}\n                            className={`\n                              flex items-start gap-3 p-3\n                              border rounded-md\n                              cursor-pointer\n                              ${\n                                form.type === type\n                                  ? 'border-action-primary-bg bg-action-primary-bg/5'\n                                  : 'border-border-default hover:bg-bg-sunken'\n                              }\n                              transition-colors\n                            `}\n                          >\n                            <input\n                              type=\"radio\"\n                              name=\"parserType\"\n                              value={type}\n                              checked={form.type === type}\n                              onChange={() => handleTypeChange(type)}\n                              className=\"mt-1 w-4 h-4 text-action-primary-bg\"\n                            />\n                            <div>\n                              <span className=\"text-sm font-medium text-text-primary\">{info.name}</span>\n                              <p className=\"text-xs text-text-secondary mt-0.5\">{info.description}</p>\n                            </div>\n                          </label>\n                        );\n                      })}\n                    </div>\n                  </div>\n\n                  {/* Source DataSink */}\n                  <div>\n                    <label htmlFor=\"inputSinkKey\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Source DataSink <span className=\"text-state-error\">*</span>\n                    </label>\n                    <div className=\"flex gap-2\">\n                      <select\n                        id=\"inputSinkKey\"\n                        value={form.inputSinkKey}\n                        onChange={handleInputSinkChange}\n                        className={`\n                          flex-1 px-3 py-2.5\n                          text-sm text-text-primary\n                          bg-bg-surface\n                          border ${errors.inputSinkKey ? 'border-state-error' : 'border-border-default'}\n                          rounded-md\n                          focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                          transition-all\n                        `}\n                      >\n                        <option value=\"\">Select a DataSink...</option>\n                        {dataSinks.map((ds) => (\n                          <option key={ds.id} value={ds.key}>\n                            {ds.name || ds.key}\n                          </option>\n                        ))}\n                      </select>\n                      {form.inputSinkKey && (\n                        <button\n                          type=\"button\"\n                          onClick={handleLoadSampleData}\n                          className=\"px-3 py-2.5 text-sm font-medium text-action-primary-bg border border-action-primary-bg rounded-md hover:bg-action-primary-bg/10 transition-colors whitespace-nowrap\"\n                        >\n                          Load Sample\n                        </button>\n                      )}\n                    </div>\n                    {errors.inputSinkKey && <p className=\"text-xs text-state-error mt-1.5\">{errors.inputSinkKey}</p>}\n                    <p className=\"text-xs text-text-tertiary mt-1.5\">\n                      Select the data source for this parser to transform.\n                    </p>\n\n                    {/* Show Data Preview Button */}\n                    {form.inputSinkKey && (\n                      <div className=\"mt-3\">\n                        <button\n                          type=\"button\"\n                          onClick={handleToggleDataPreview}\n                          className=\"inline-flex items-center gap-2 text-sm text-action-primary-bg hover:text-action-primary-bgHover transition-colors\"\n                        >\n                          {showDataPreview ? <ChevronDown className=\"w-4 h-4\" /> : <ChevronRight className=\"w-4 h-4\" />}\n                          <Eye className=\"w-4 h-4\" />\n                          Show Data Preview\n                        </button>\n\n                        {/* Data Preview Panel */}\n                        {showDataPreview && (\n                          <div className=\"mt-3 border border-border-default rounded-md overflow-hidden\">\n                            {dataPreviewLoading ? (\n                              <div className=\"p-4 flex items-center justify-center\">\n                                <Loader2 className=\"w-5 h-5 text-text-secondary animate-spin\" />\n                                <span className=\"ml-2 text-sm text-text-secondary\">Loading data...</span>\n                              </div>\n                            ) : dataPreviewError ? (\n                              <div className=\"p-4 bg-state-error/5\">\n                                <p className=\"text-sm text-state-error\">{dataPreviewError}</p>\n                              </div>\n                            ) : dataPreview ? (\n                              <pre className=\"p-3 text-xs font-mono bg-bg-sunken text-text-primary overflow-auto max-h-48\">\n                                {JSON.stringify(dataPreview, null, 2)}\n                              </pre>\n                            ) : (\n                              <div className=\"p-4 text-sm text-text-secondary text-center\">No data available</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Expression */}\n                  <div>\n                    <label htmlFor=\"expression\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Expression <span className=\"text-state-error\">*</span>\n                    </label>\n                    <textarea\n                      id=\"expression\"\n                      value={form.expression}\n                      onChange={handleExpressionChange}\n                      placeholder={typeInfo.placeholder}\n                      rows={8}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary font-mono\n                        bg-bg-surface\n                        border ${errors.expression ? 'border-state-error' : 'border-border-default'}\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        resize-none\n                        transition-all\n                      `}\n                    />\n                    {errors.expression && <p className=\"text-xs text-state-error mt-1.5\">{errors.expression}</p>}\n                    <p className=\"text-xs text-text-tertiary mt-1.5\">Example: {typeInfo.example}</p>\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n\n            {/* Column 3 - Test Panel & Advanced Settings */}\n            <div className=\"space-y-6\">\n              {/* Test Panel */}\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Play className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Test Expression</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Test your parser with sample data</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Test Input */}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-2\">Input JSON</label>\n                    <textarea\n                      value={testInput}\n                      onChange={(e) => setTestInput(e.target.value)}\n                      placeholder='{\"data\": [{\"name\": \"test\", \"value\": 123}]}'\n                      rows={6}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-xs text-text-primary font-mono leading-relaxed\n                        bg-bg-surface\n                        border border-border-default\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        resize-none\n                        transition-all\n                      `}\n                    />\n                    <p className=\"text-xs text-text-tertiary mt-1.5\">Paste test data or load from a DataSink above.</p>\n                  </div>\n\n                  {/* Test Button */}\n                  <Button\n                    type=\"button\"\n                    onClick={handleTestExpression}\n                    disabled={isTesting || !form.expression.trim()}\n                    variant=\"default\"\n                    className=\"w-full\"\n                  >\n                    {isTesting ? (\n                      <>\n                        <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                        Testing...\n                      </>\n                    ) : (\n                      <>\n                        <Play className=\"w-4 h-4 mr-2\" />\n                        Run Test\n                      </>\n                    )}\n                  </Button>\n\n                  {/* Test Output */}\n                  {(testOutput || testError) && (\n                    <div className=\"pt-4 border-t border-border-default\">\n                      <div className=\"flex items-center justify-between mb-2\">\n                        <label className=\"block text-sm font-medium text-text-primary\">\n                          {testError ? 'Error Output' : 'Success Output'}\n                        </label>\n                        {!testError ? (\n                          <span className=\"text-xs px-2 py-1 bg-state-success/10 text-state-success rounded flex items-center gap-1\">\n                            <CheckCircle2 className=\"w-3 h-3\" /> Passed\n                          </span>\n                        ) : (\n                          <span className=\"text-xs px-2 py-1 bg-state-error/10 text-state-error rounded flex items-center gap-1\">\n                            <AlertCircle className=\"w-3 h-3\" /> Failed\n                          </span>\n                        )}\n                      </div>\n                      <pre\n                        className={`\n                          w-full px-3 py-2.5\n                          text-xs font-mono leading-relaxed\n                          ${testError ? 'bg-state-error/5 text-state-error border-state-error/30' : 'bg-state-success/5 text-text-primary border-state-success/30'}\n                          border\n                          rounded-md\n                          overflow-auto\n                          max-h-[150px]\n                        `}\n                      >\n                        {testError || testOutput}\n                      </pre>\n                    </div>\n                  )}\n\n                  {/* Help Text */}\n                  {!testOutput && !testError && (\n                    <div className=\"p-3 bg-bg-sunken rounded-md border border-border-default\">\n                      <p className=\"text-xs text-text-secondary leading-relaxed\">\n                        <strong>Tip:</strong> Write your expression and click &ldquo;Run Test&rdquo; to see the\n                        transformation in real-time.\n                      </p>\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n\n              {/* Advanced Settings */}\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Settings className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Advanced Settings</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Cache configuration</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Cache TTL */}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-3\">Cache Duration</label>\n                    <CacheTTLSelector value={form.ttl} onChange={handleTTLChange} error={errors.ttl} />\n                    <p className=\"text-xs text-text-tertiary mt-2\">\n                      Select a preset or enter a custom duration (30-86400 seconds).\n                    </p>\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n\n          {/* Submit Buttons */}\n          <div className=\"flex items-center justify-end gap-spacing-md pt-spacing-lg mt-spacing-lg border-t border-border-default\">\n            <Button type=\"button\" onClick={handleBack} variant=\"secondary\">\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={!isFormValid || isSaving} variant=\"default\">\n              {isSaving ? (\n                <>\n                  <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                  Saving...\n                </>\n              ) : (\n                <>\n                  <Save className=\"w-4 h-4 mr-2\" />\n                  {isEdit ? 'Save Changes' : 'Create Parser'}\n                </>\n              )}\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n});\n\nexport default ParserBuilderPage;\n"],"mappings":"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"}
+{"version":3,"file":"ParserBuilderPage.js","names":[],"sources":["../../../src/bigconsole/pages/ParserBuilderPage.tsx"],"sourcesContent":["/**\n * Parser Builder Page\n *\n * Page for creating and editing Parsers with JQ or JSONata expressions.\n * Required fields: consoleId, name, type, expression, inputSinkKey, outputKey\n */\n\nimport { memo, useState, useMemo, useEffect, useCallback } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { useAppNavigate } from '../contexts';\nimport { useParserOperations } from '../hooks/useParserOperations';\nimport { useDataSinkOperations } from '../hooks/useDataSinkOperations';\nimport { useDashboardOperations } from '../hooks/useDashboardOperations';\nimport { CacheTTLSelector } from '../components/datasink/CacheTTLSelector';\nimport type { ParserType } from '../types';\n\n// fe-libs UI components\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { GlassCard, PagePurpose } from '@burdenoff/fe-libs/ui';\n\n// Lucide icons\nimport {\n  ArrowLeft,\n  Save,\n  Play,\n  Loader2,\n  AlertCircle,\n  CheckCircle2,\n  FileCode2,\n  Code,\n  Settings,\n  ChevronDown,\n  ChevronRight,\n  Eye,\n  LayoutDashboard,\n} from 'lucide-react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\ninterface FormState {\n  name: string;\n  outputKey: string;\n  description: string;\n  type: ParserType;\n  expression: string;\n  inputSinkKey: string;\n  // `null` represents \"no caching / not set\" (matches Parser.ttl: number | null\n  // on the backend and CacheTTLSelector's value prop). Using number-only here\n  // would force a collapse to 0/900 that silently loses user intent on edit.\n  ttl: number | null;\n}\n\ninterface FormErrors {\n  name?: string;\n  outputKey?: string;\n  expression?: string;\n  inputSinkKey?: string;\n  ttl?: string;\n}\n\n// ============================================================================\n// HELPERS\n// ============================================================================\n\n/**\n * Generate a key from name (slug format)\n */\nfunction generateKey(name: string): string {\n  return name\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, '_')\n    .replace(/^_+|_+$/g, '')\n    .substring(0, 64);\n}\n\n/**\n * Validate form data\n */\nfunction validateForm(form: FormState): FormErrors {\n  const errors: FormErrors = {};\n\n  if (!form.name.trim()) {\n    errors.name = 'Name is required';\n  } else if (form.name.length < 2) {\n    errors.name = 'Name must be at least 2 characters';\n  }\n\n  if (!form.outputKey.trim()) {\n    errors.outputKey = 'Output key is required';\n  } else if (!/^[a-z0-9_]+$/.test(form.outputKey)) {\n    errors.outputKey = 'Output key can only contain lowercase letters, numbers, and underscores';\n  }\n\n  if (!form.expression.trim()) {\n    errors.expression = 'Expression is required';\n  }\n\n  if (!form.inputSinkKey.trim()) {\n    errors.inputSinkKey = 'Source DataSink is required';\n  }\n\n  if (form.ttl != null && form.ttl > 0 && (form.ttl < 30 || form.ttl > 86400)) {\n    errors.ttl = 'Cache duration must be between 30 and 86400 seconds';\n  }\n\n  return errors;\n}\n\n// Parser type descriptions (JQ and JSONata only)\nconst PARSER_TYPE_INFO: Record<\n  ParserType,\n  { name: string; description: string; placeholder: string; example: string }\n> = {\n  jq: {\n    name: 'JQ',\n    description: 'Lightweight JSON processor - fast and efficient for simple transformations',\n    placeholder: '.data | map({name: .name, value: .count})',\n    example: '.data | map(.name) - Extract names from data array',\n  },\n  jsonata: {\n    name: 'JSONata',\n    description: 'Query and transformation language - supports complex queries and calculations',\n    placeholder: '$sum(data[*].value)',\n    example: '$sum(data.values) - Calculate sum of values',\n  },\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\n// Default console ID for standalone parser creation (must match DataParsersPage)\nconst DEFAULT_CONSOLE_ID = 'default';\n\nexport const ParserBuilderPage = memo(function ParserBuilderPage() {\n  const { parserId, consoleId: urlConsoleId } = useParams<{\n    parserId?: string;\n    consoleId?: string;\n  }>();\n  const navigate = useAppNavigate();\n\n  // State for selected dashboard (when creating from global route)\n  const [selectedDashboardId, setSelectedDashboardId] = useState<string>(DEFAULT_CONSOLE_ID);\n\n  // Use URL consoleId, or selected dashboard, or fall back to default\n  const consoleId = urlConsoleId || selectedDashboardId || DEFAULT_CONSOLE_ID;\n\n  const isEdit = parserId !== 'new' && !!parserId;\n\n  // Show dashboard selector when NOT on dashboard-scoped route (both create and edit)\n  const showDashboardSelector = !urlConsoleId;\n\n  // Form state\n  const [form, setForm] = useState<FormState>({\n    name: '',\n    outputKey: '',\n    description: '',\n    type: 'jq',\n    expression: '',\n    inputSinkKey: '',\n    // 15 minutes (Recommended preset). A 0 default made CacheTTLSelector\n    // auto-select \"Custom\" with an invalid value, blocking form submission.\n    ttl: 900,\n  });\n  const [errors, setErrors] = useState<FormErrors>({});\n  const [keyManuallyEdited, setKeyManuallyEdited] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [submitError, setSubmitError] = useState<string | null>(null);\n\n  // Test panel state\n  const [testInput, setTestInput] = useState(\n    '{\\n  \"data\": [\\n    {\"name\": \"Item 1\", \"count\": 10},\\n    {\"name\": \"Item 2\", \"count\": 20}\\n  ]\\n}'\n  );\n  const [testOutput, setTestOutput] = useState('');\n  const [testError, setTestError] = useState<string | null>(null);\n  const [isTesting, setIsTesting] = useState(false);\n\n  // Data preview state\n  const [showDataPreview, setShowDataPreview] = useState(false);\n  const [dataPreview, setDataPreview] = useState<Record<string, unknown> | null>(null);\n  const [dataPreviewLoading, setDataPreviewLoading] = useState(false);\n  const [dataPreviewError, setDataPreviewError] = useState<string | null>(null);\n\n  // Operations\n  const { loading, error, parsers, fetchParser, createParser, updateParser, testParserExpression } =\n    useParserOperations({\n      consoleId: consoleId || '',\n      skipFetch: true,\n    });\n\n  const { dataSinks, fetchDataSinks, getDataSinkData } = useDataSinkOperations({\n    skipFetch: true,\n  });\n\n  // Fetch dashboards for the dashboard selector (only when showing selector)\n  const { dashboards, fetchDashboards, loading: dashboardsLoading } = useDashboardOperations();\n\n  // Get existing parser if editing\n  const existingParser = isEdit ? parsers.find((p) => p.id === parserId) : null;\n\n  // Load data on mount\n  useEffect(() => {\n    fetchDataSinks();\n    if (isEdit && parserId) {\n      fetchParser(parserId);\n    }\n    // Fetch dashboards for the selector (only when showing selector)\n    if (showDashboardSelector) {\n      fetchDashboards();\n    }\n  }, [isEdit, parserId, fetchParser, fetchDataSinks, showDashboardSelector, fetchDashboards]);\n\n  // Populate form with existing data when editing\n  useEffect(() => {\n    if (existingParser) {\n      setForm({\n        name: existingParser.name || '',\n        outputKey: existingParser.outputKey || '',\n        description: existingParser.description || '',\n        type: existingParser.type,\n        expression: existingParser.expression || '',\n        inputSinkKey: existingParser.inputSinkKey || '',\n        // Preserve the stored ttl exactly as saved — `null` and `0` both mean\n        // \"no caching\" and are legitimate user choices. The BOFF-2241 default\n        // (900) applies only to the *initial* Create-form state, never to\n        // hydrating an existing parser.\n        ttl: existingParser.ttl ?? null,\n      });\n      setKeyManuallyEdited(true);\n      // Set the dashboard scope from existing parser's consoleId\n      if (existingParser.consoleId) {\n        setSelectedDashboardId(existingParser.consoleId);\n      }\n    }\n  }, [existingParser]);\n\n  // Auto-generate key from name\n  const handleNameChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const name = e.target.value;\n      setForm((prev) => ({\n        ...prev,\n        name,\n        outputKey: keyManuallyEdited ? prev.outputKey : generateKey(name),\n      }));\n      setErrors((prev) => ({ ...prev, name: undefined }));\n    },\n    [keyManuallyEdited]\n  );\n\n  // Handle output key change\n  const handleOutputKeyChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n    const outputKey = e.target.value.toLowerCase().replace(/[^a-z0-9_]/g, '');\n    setForm((prev) => ({ ...prev, outputKey }));\n    setKeyManuallyEdited(true);\n    setErrors((prev) => ({ ...prev, outputKey: undefined }));\n  }, []);\n\n  // Handle description change\n  const handleDescriptionChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, description: e.target.value }));\n  }, []);\n\n  // Handle type change\n  const handleTypeChange = useCallback((type: ParserType) => {\n    setForm((prev) => ({ ...prev, type }));\n    // Clear test output when type changes\n    setTestOutput('');\n    setTestError(null);\n  }, []);\n\n  // Handle expression change\n  const handleExpressionChange = useCallback((e: React.ChangeEvent<HTMLTextAreaElement>) => {\n    setForm((prev) => ({ ...prev, expression: e.target.value }));\n    setErrors((prev) => ({ ...prev, expression: undefined }));\n  }, []);\n\n  // Handle input sink change\n  const handleInputSinkChange = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {\n    setForm((prev) => ({ ...prev, inputSinkKey: e.target.value }));\n    setErrors((prev) => ({ ...prev, inputSinkKey: undefined }));\n  }, []);\n\n  // Handle TTL change\n  const handleTTLChange = useCallback((ttl: number | null) => {\n    setForm((prev) => ({ ...prev, ttl }));\n    setErrors((prev) => ({ ...prev, ttl: undefined }));\n  }, []);\n\n  // Handle dashboard selection change\n  const handleDashboardChange = useCallback((e: React.ChangeEvent<HTMLSelectElement>) => {\n    setSelectedDashboardId(e.target.value);\n  }, []);\n\n  // Load sample data from selected datasink\n  const handleLoadSampleData = useCallback(async () => {\n    if (!form.inputSinkKey) return;\n    try {\n      const result = await getDataSinkData({ key: form.inputSinkKey });\n      if (result?.raw) {\n        setTestInput(JSON.stringify(result.raw, null, 2));\n      }\n    } catch (err) {}\n  }, [form.inputSinkKey, getDataSinkData]);\n\n  // Handle data preview toggle\n  const handleToggleDataPreview = useCallback(async () => {\n    if (showDataPreview) {\n      setShowDataPreview(false);\n      return;\n    }\n\n    if (!form.inputSinkKey) {\n      setDataPreviewError('Please select a source DataSink first');\n      return;\n    }\n\n    setShowDataPreview(true);\n    setDataPreviewLoading(true);\n    setDataPreviewError(null);\n\n    try {\n      const result = await getDataSinkData({ key: form.inputSinkKey });\n      if (result?.raw) {\n        setDataPreview(result.raw as Record<string, unknown>);\n      } else {\n        setDataPreviewError('No data available in selected DataSink');\n      }\n    } catch (err) {\n      setDataPreviewError(err instanceof Error ? err.message : 'Failed to load data');\n    } finally {\n      setDataPreviewLoading(false);\n    }\n  }, [showDataPreview, form.inputSinkKey, getDataSinkData]);\n\n  // Handle test expression\n  const handleTestExpression = useCallback(async () => {\n    if (!form.expression.trim()) {\n      setTestError('Expression is required');\n      return;\n    }\n\n    setIsTesting(true);\n    setTestError(null);\n    setTestOutput('');\n\n    try {\n      const result = await testParserExpression({\n        type: form.type,\n        expression: form.expression,\n        sampleData: JSON.parse(testInput),\n      });\n\n      if (result) {\n        if (result.success) {\n          setTestOutput(JSON.stringify(result.output, null, 2));\n        } else {\n          setTestError(result.error || 'Test failed');\n        }\n      }\n    } catch (err) {\n      setTestError(err instanceof Error ? err.message : 'Test failed');\n    } finally {\n      setIsTesting(false);\n    }\n  }, [form.type, form.expression, testInput, testParserExpression]);\n\n  // Handle back navigation\n  const handleBack = useCallback(() => {\n    // Navigate to dashboard-scoped parsers list if consoleId is provided, otherwise global parsers\n    if (urlConsoleId) {\n      navigate(`/dashboards/${urlConsoleId}/parsers`);\n    } else {\n      navigate('/parsers');\n    }\n  }, [navigate, urlConsoleId]);\n\n  // Handle form submission\n  const handleSubmit = useCallback(\n    async (e: React.FormEvent) => {\n      e.preventDefault();\n      setSubmitError(null);\n\n      // Validate form\n      const validationErrors = validateForm(form);\n      if (Object.keys(validationErrors).length > 0) {\n        setErrors(validationErrors);\n        return;\n      }\n\n      setIsSaving(true);\n      try {\n        if (isEdit && existingParser) {\n          // Update existing (type is immutable, not included in update)\n          const result = await updateParser(\n            existingParser.id,\n            {\n              name: form.name,\n              description: form.description || undefined,\n              expression: form.expression,\n              inputSinkKey: form.inputSinkKey,\n              outputKey: form.outputKey,\n              // Pass `null` through so the backend distinguishes an explicit\n              // \"clear caching\" from an unset field (InputMaybe<Int> = Int | null).\n              ttl: form.ttl,\n            },\n            existingParser.version\n          );\n          if (!result) {\n            throw new Error('Failed to update parser');\n          }\n        } else {\n          // Create new - include all required fields\n          const result = await createParser({\n            consoleId: consoleId || '',\n            name: form.name,\n            type: form.type,\n            expression: form.expression,\n            inputSinkKey: form.inputSinkKey,\n            outputKey: form.outputKey,\n            description: form.description || undefined,\n            ttl: form.ttl || undefined,\n          });\n          if (!result) {\n            throw new Error('Failed to create parser');\n          }\n        }\n        // Navigate to dashboard-scoped parsers list if consoleId is provided, otherwise global parsers\n        if (urlConsoleId) {\n          navigate(`/dashboards/${urlConsoleId}/parsers`);\n        } else {\n          navigate(`/parsers`);\n        }\n      } catch (err) {\n        setSubmitError(err instanceof Error ? err.message : 'Failed to save parser');\n      } finally {\n        setIsSaving(false);\n      }\n    },\n    [form, isEdit, existingParser, createParser, updateParser, navigate, consoleId, urlConsoleId]\n  );\n\n  // Check if form is valid\n  const isFormValid = useMemo(() => {\n    return (\n      form.name.trim().length >= 2 &&\n      form.expression.trim().length > 0 &&\n      form.inputSinkKey.trim().length > 0 &&\n      form.outputKey.trim().length > 0\n    );\n  }, [form.name, form.expression, form.inputSinkKey, form.outputKey]);\n\n  // Loading state\n  if (loading && isEdit) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px]\">\n        <Loader2 className=\"w-8 h-8 text-text-secondary animate-spin\" />\n      </div>\n    );\n  }\n\n  // Error state\n  if (error) {\n    return (\n      <div className=\"flex items-center justify-center min-h-[400px] p-card-padding\">\n        <div className=\"text-center\">\n          <AlertCircle className=\"w-12 h-12 text-state-error mx-auto mb-spacing-md\" />\n          <p className=\"text-state-error text-body-sm font-medium mb-spacing-sm\">Failed to load Parser</p>\n          <p className=\"text-text-tertiary text-body-xs\">{error.message}</p>\n        </div>\n      </div>\n    );\n  }\n\n  const typeInfo = PARSER_TYPE_INFO[form.type];\n\n  return (\n    <div className=\"min-h-screen bg-bg-canvas\">\n      <div className=\"max-w-7xl mx-auto p-card-padding\">\n        {/* Header */}\n        <div className=\"mb-spacing-lg\">\n          <Button onClick={handleBack} variant=\"ghost\" size=\"sm\" className=\"mb-spacing-md\">\n            <ArrowLeft className=\"w-4 h-4 mr-2\" />\n            Back to Parsers\n          </Button>\n          <h1 className=\"text-heading-h1 font-bold text-text-primary\">{isEdit ? 'Edit Parser' : 'Create Parser'}</h1>\n          <p className=\"text-body-sm text-text-secondary mt-spacing-xs\">\n            {isEdit\n              ? 'Update the parser configuration and test your changes.'\n              : 'Transform data using JQ or JSONata expressions.'}\n          </p>\n        </div>\n\n        <PagePurpose className=\"mb-spacing-lg\">\n          A parser maps raw input into structured fields using a JQ or JSONata expression. Write the expression here,\n          run it against a sample to confirm the output, and save it once it produces the shape you need — then reuse it\n          across pipelines to normalise any source.\n        </PagePurpose>\n\n        {/* Error Alert */}\n        {submitError && (\n          <div className=\"mb-spacing-lg p-4 bg-state-error/10 border border-state-error/30 rounded-lg flex items-start gap-3\">\n            <AlertCircle className=\"w-5 h-5 text-state-error flex-shrink-0 mt-0.5\" />\n            <div>\n              <p className=\"text-sm font-medium text-state-error\">Failed to save Parser</p>\n              <p className=\"text-xs text-state-error/80 mt-1\">{submitError}</p>\n            </div>\n          </div>\n        )}\n\n        <form onSubmit={handleSubmit}>\n          <div className=\"grid gap-6 lg:grid-cols-3\">\n            {/* Column 1 - Basic Information */}\n            <div className=\"space-y-6\">\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <FileCode2 className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Basic Information</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Essential details for your parser</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Name field */}\n                  <div>\n                    <label htmlFor=\"name\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Name <span className=\"text-state-error\">*</span>\n                    </label>\n                    <input\n                      id=\"name\"\n                      type=\"text\"\n                      value={form.name}\n                      onChange={handleNameChange}\n                      placeholder=\"e.g., User Analytics Parser\"\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary\n                        bg-bg-surface\n                        border ${errors.name ? 'border-state-error' : 'border-border-default'}\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        transition-all\n                      `}\n                    />\n                    {errors.name && <p className=\"text-xs text-state-error mt-1.5\">{errors.name}</p>}\n                  </div>\n\n                  {/* Output Key field */}\n                  <div>\n                    <label htmlFor=\"outputKey\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Output Key <span className=\"text-state-error\">*</span>\n                    </label>\n                    <input\n                      id=\"outputKey\"\n                      type=\"text\"\n                      value={form.outputKey}\n                      onChange={handleOutputKeyChange}\n                      placeholder=\"user_analytics_parser\"\n                      disabled={isEdit}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary font-mono\n                        bg-bg-surface\n                        border ${errors.outputKey ? 'border-state-error' : 'border-border-default'}\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\n                        transition-all\n                      `}\n                    />\n                    {errors.outputKey && <p className=\"text-xs text-state-error mt-1.5\">{errors.outputKey}</p>}\n                    {!isEdit && (\n                      <p className=\"text-xs text-text-tertiary mt-1.5\">\n                        Auto-generated from name. Customize if needed.\n                      </p>\n                    )}\n                  </div>\n\n                  {/* Description field */}\n                  <div>\n                    <label htmlFor=\"description\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Description\n                    </label>\n                    <textarea\n                      id=\"description\"\n                      value={form.description}\n                      onChange={handleDescriptionChange}\n                      placeholder=\"Describe what this parser does...\"\n                      rows={3}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary\n                        bg-bg-surface\n                        border border-border-default\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        resize-none\n                        transition-all\n                      `}\n                    />\n                  </div>\n\n                  {/* Dashboard Selector - shown when NOT on dashboard-scoped route */}\n                  {showDashboardSelector && (\n                    <div>\n                      <label htmlFor=\"dashboard\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                        <div className=\"flex items-center gap-2\">\n                          <LayoutDashboard className=\"w-4 h-4\" />\n                          Dashboard Scope\n                        </div>\n                      </label>\n                      <select\n                        id=\"dashboard\"\n                        value={selectedDashboardId}\n                        onChange={handleDashboardChange}\n                        disabled={dashboardsLoading || isEdit}\n                        className={`\n                          w-full px-3 py-2.5\n                          text-sm text-text-primary\n                          bg-bg-surface\n                          border border-border-default\n                          rounded-md\n                          focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                          disabled:bg-bg-sunken disabled:cursor-not-allowed disabled:opacity-60\n                          transition-all\n                        `}\n                      >\n                        <option value=\"default\">Global (available everywhere)</option>\n                        {dashboards.map((dashboard) => (\n                          <option key={dashboard.id} value={dashboard.id}>\n                            {dashboard.name}\n                          </option>\n                        ))}\n                      </select>\n                      <p className=\"text-xs text-text-tertiary mt-1.5\">\n                        {isEdit\n                          ? 'Dashboard scope cannot be changed after creation.'\n                          : selectedDashboardId === 'default'\n                            ? 'Global parsers are available across all dashboards.'\n                            : 'This parser will only be available in the selected dashboard.'}\n                      </p>\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n            </div>\n\n            {/* Column 2 - Parser Configuration — primary emphasis zone */}\n            <div className=\"space-y-6\">\n              <GlassCard treatment=\"glass\" glow>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Code className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Parser Configuration</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Configure parser type and data source</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Parser Type */}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-3\">\n                      Parser Type <span className=\"text-state-error\">*</span>\n                    </label>\n                    <div className=\"space-y-2\">\n                      {(Object.keys(PARSER_TYPE_INFO) as ParserType[]).map((type) => {\n                        const info = PARSER_TYPE_INFO[type];\n                        return (\n                          <label\n                            key={type}\n                            className={`\n                              flex items-start gap-3 p-3\n                              border rounded-md\n                              cursor-pointer\n                              ${\n                                form.type === type\n                                  ? 'border-action-primary-bg bg-action-primary-bg/5'\n                                  : 'border-border-default hover:bg-bg-sunken'\n                              }\n                              transition-colors\n                            `}\n                          >\n                            <input\n                              type=\"radio\"\n                              name=\"parserType\"\n                              value={type}\n                              checked={form.type === type}\n                              onChange={() => handleTypeChange(type)}\n                              className=\"mt-1 w-4 h-4 text-action-primary-bg\"\n                            />\n                            <div>\n                              <span className=\"text-sm font-medium text-text-primary\">{info.name}</span>\n                              <p className=\"text-xs text-text-secondary mt-0.5\">{info.description}</p>\n                            </div>\n                          </label>\n                        );\n                      })}\n                    </div>\n                  </div>\n\n                  {/* Source DataSink */}\n                  <div>\n                    <label htmlFor=\"inputSinkKey\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Source DataSink <span className=\"text-state-error\">*</span>\n                    </label>\n                    <div className=\"flex gap-2\">\n                      <select\n                        id=\"inputSinkKey\"\n                        value={form.inputSinkKey}\n                        onChange={handleInputSinkChange}\n                        className={`\n                          flex-1 px-3 py-2.5\n                          text-sm text-text-primary\n                          bg-bg-surface\n                          border ${errors.inputSinkKey ? 'border-state-error' : 'border-border-default'}\n                          rounded-md\n                          focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                          transition-all\n                        `}\n                      >\n                        <option value=\"\">Select a DataSink...</option>\n                        {dataSinks.map((ds) => (\n                          <option key={ds.id} value={ds.key}>\n                            {ds.name || ds.key}\n                          </option>\n                        ))}\n                      </select>\n                      {form.inputSinkKey && (\n                        <button\n                          type=\"button\"\n                          onClick={handleLoadSampleData}\n                          className=\"px-3 py-2.5 text-sm font-medium text-action-primary-bg border border-action-primary-bg rounded-md hover:bg-action-primary-bg/10 transition-colors whitespace-nowrap\"\n                        >\n                          Load Sample\n                        </button>\n                      )}\n                    </div>\n                    {errors.inputSinkKey && <p className=\"text-xs text-state-error mt-1.5\">{errors.inputSinkKey}</p>}\n                    <p className=\"text-xs text-text-tertiary mt-1.5\">\n                      Select the data source for this parser to transform.\n                    </p>\n\n                    {/* Show Data Preview Button */}\n                    {form.inputSinkKey && (\n                      <div className=\"mt-3\">\n                        <button\n                          type=\"button\"\n                          onClick={handleToggleDataPreview}\n                          className=\"inline-flex items-center gap-2 text-sm text-action-primary-bg hover:text-action-primary-bgHover transition-colors\"\n                        >\n                          {showDataPreview ? <ChevronDown className=\"w-4 h-4\" /> : <ChevronRight className=\"w-4 h-4\" />}\n                          <Eye className=\"w-4 h-4\" />\n                          Show Data Preview\n                        </button>\n\n                        {/* Data Preview Panel */}\n                        {showDataPreview && (\n                          <div className=\"mt-3 border border-border-default rounded-md overflow-hidden\">\n                            {dataPreviewLoading ? (\n                              <div className=\"p-4 flex items-center justify-center\">\n                                <Loader2 className=\"w-5 h-5 text-text-secondary animate-spin\" />\n                                <span className=\"ml-2 text-sm text-text-secondary\">Loading data...</span>\n                              </div>\n                            ) : dataPreviewError ? (\n                              <div className=\"p-4 bg-state-error/5\">\n                                <p className=\"text-sm text-state-error\">{dataPreviewError}</p>\n                              </div>\n                            ) : dataPreview ? (\n                              <pre className=\"p-3 text-xs font-mono bg-bg-sunken text-text-primary overflow-auto max-h-48\">\n                                {JSON.stringify(dataPreview, null, 2)}\n                              </pre>\n                            ) : (\n                              <div className=\"p-4 text-sm text-text-secondary text-center\">No data available</div>\n                            )}\n                          </div>\n                        )}\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Expression */}\n                  <div>\n                    <label htmlFor=\"expression\" className=\"block text-sm font-medium text-text-primary mb-2\">\n                      Expression <span className=\"text-state-error\">*</span>\n                    </label>\n                    <textarea\n                      id=\"expression\"\n                      value={form.expression}\n                      onChange={handleExpressionChange}\n                      placeholder={typeInfo.placeholder}\n                      rows={8}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-sm text-text-primary font-mono\n                        bg-bg-surface\n                        border ${errors.expression ? 'border-state-error' : 'border-border-default'}\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        resize-none\n                        transition-all\n                      `}\n                    />\n                    {errors.expression && <p className=\"text-xs text-state-error mt-1.5\">{errors.expression}</p>}\n                    <p className=\"text-xs text-text-tertiary mt-1.5\">Example: {typeInfo.example}</p>\n                  </div>\n                </CardContent>\n              </GlassCard>\n            </div>\n\n            {/* Column 3 - Test Panel & Advanced Settings */}\n            <div className=\"space-y-6\">\n              {/* Test Panel */}\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Play className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Test Expression</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Test your parser with sample data</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Test Input */}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-2\">Input JSON</label>\n                    <textarea\n                      value={testInput}\n                      onChange={(e) => setTestInput(e.target.value)}\n                      placeholder='{\"data\": [{\"name\": \"test\", \"value\": 123}]}'\n                      rows={6}\n                      className={`\n                        w-full px-3 py-2.5\n                        text-xs text-text-primary font-mono leading-relaxed\n                        bg-bg-surface\n                        border border-border-default\n                        rounded-md\n                        placeholder:text-text-tertiary\n                        focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n                        resize-none\n                        transition-all\n                      `}\n                    />\n                    <p className=\"text-xs text-text-tertiary mt-1.5\">Paste test data or load from a DataSink above.</p>\n                  </div>\n\n                  {/* Test Button */}\n                  <Button\n                    type=\"button\"\n                    onClick={handleTestExpression}\n                    disabled={isTesting || !form.expression.trim()}\n                    variant=\"default\"\n                    className=\"w-full\"\n                  >\n                    {isTesting ? (\n                      <>\n                        <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                        Testing...\n                      </>\n                    ) : (\n                      <>\n                        <Play className=\"w-4 h-4 mr-2\" />\n                        Run Test\n                      </>\n                    )}\n                  </Button>\n\n                  {/* Test Output */}\n                  {(testOutput || testError) && (\n                    <div className=\"pt-4 border-t border-border-default\">\n                      <div className=\"flex items-center justify-between mb-2\">\n                        <label className=\"block text-sm font-medium text-text-primary\">\n                          {testError ? 'Error Output' : 'Success Output'}\n                        </label>\n                        {!testError ? (\n                          <span className=\"text-xs px-2 py-1 bg-state-success/10 text-state-success rounded flex items-center gap-1\">\n                            <CheckCircle2 className=\"w-3 h-3\" /> Passed\n                          </span>\n                        ) : (\n                          <span className=\"text-xs px-2 py-1 bg-state-error/10 text-state-error rounded flex items-center gap-1\">\n                            <AlertCircle className=\"w-3 h-3\" /> Failed\n                          </span>\n                        )}\n                      </div>\n                      <pre\n                        className={`\n                          w-full px-3 py-2.5\n                          text-xs font-mono leading-relaxed\n                          ${testError ? 'bg-state-error/5 text-state-error border-state-error/30' : 'bg-state-success/5 text-text-primary border-state-success/30'}\n                          border\n                          rounded-md\n                          overflow-auto\n                          max-h-[150px]\n                        `}\n                      >\n                        {testError || testOutput}\n                      </pre>\n                    </div>\n                  )}\n\n                  {/* Help Text */}\n                  {!testOutput && !testError && (\n                    <div className=\"p-3 bg-bg-sunken rounded-md border border-border-default\">\n                      <p className=\"text-xs text-text-secondary leading-relaxed\">\n                        <strong>Tip:</strong> Write your expression and click &ldquo;Run Test&rdquo; to see the\n                        transformation in real-time.\n                      </p>\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n\n              {/* Advanced Settings */}\n              <Card>\n                <CardHeader className=\"pb-4\">\n                  <div className=\"flex items-center gap-3\">\n                    <div className=\"w-8 h-8 rounded-full bg-action-primary-bg/10 flex items-center justify-center\">\n                      <Settings className=\"w-4 h-4 text-action-primary-bg\" />\n                    </div>\n                    <div>\n                      <CardTitle className=\"text-base\">Advanced Settings</CardTitle>\n                      <p className=\"text-xs text-text-secondary mt-0.5\">Cache configuration</p>\n                    </div>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-5\">\n                  {/* Cache TTL */}\n                  <div>\n                    <label className=\"block text-sm font-medium text-text-primary mb-3\">Cache Duration</label>\n                    <CacheTTLSelector value={form.ttl} onChange={handleTTLChange} error={errors.ttl} />\n                    <p className=\"text-xs text-text-tertiary mt-2\">\n                      Select a preset or enter a custom duration (30-86400 seconds).\n                    </p>\n                  </div>\n                </CardContent>\n              </Card>\n            </div>\n          </div>\n\n          {/* Submit Buttons */}\n          <div className=\"flex items-center justify-end gap-spacing-md pt-spacing-lg mt-spacing-lg border-t border-border-default\">\n            <Button type=\"button\" onClick={handleBack} variant=\"secondary\">\n              Cancel\n            </Button>\n            <Button type=\"submit\" disabled={!isFormValid || isSaving} variant=\"default\">\n              {isSaving ? (\n                <>\n                  <Loader2 className=\"w-4 h-4 mr-2 animate-spin\" />\n                  Saving...\n                </>\n              ) : (\n                <>\n                  <Save className=\"w-4 h-4 mr-2\" />\n                  {isEdit ? 'Save Changes' : 'Create Parser'}\n                </>\n              )}\n            </Button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n});\n\nexport default ParserBuilderPage;\n"],"mappings":"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"}