@viswa-test/test-citation 0.0.385 → 0.0.387

package/dist/cjs/features/PromptCitation/PromptCitation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptCitation.js","sources":["../../../../src/features/PromptCitation/PromptCitation.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport IconButton from '@mui/material/IconButton';\nimport { Close as CloseIcon } from '@mui/icons-material';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport Typography from '@mui/material/Typography';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport CodeEditor from './_components/CodeEditor';\nimport ThemeToggle from './_components/ThemeToggle';\nimport { themeManager } from '../../utils/themeManager';\nimport MarkdownRenderer from './_components/Markdownrenderer';\nimport { InfoOutlined as InfoIcon } from \"@mui/icons-material\";\nimport Tooltip from '@mui/material/Tooltip';\nimport DependencyGraph from '../SPBAnalysisPanel/DependencyGraph';\nimport type { CognitiveReasoningPanelStyles } from '../SPBAnalysisPanel/Cognitivereasoningpanel';\n\nexport function convertDependencyGraphData(rawGraph: any): any | null {\n  if (!rawGraph || typeof rawGraph !== 'object') return null;\n\n  const clusterLabels = ['Context & Inputs', 'Core Logic & Rules', 'Outputs & Schema'];\n\n  // Case 1: Standard graph object with nodes & edges arrays\n  if (Array.isArray(rawGraph.nodes) && Array.isArray(rawGraph.edges)) {\n    let nodes = rawGraph.nodes;\n    let clusters =\n      Array.isArray(rawGraph.clusters) && rawGraph.clusters.length > 0 ? rawGraph.clusters : null;\n\n    const uniqueClusters = new Set(nodes.map((n: any) => n.cluster_id));\n    if (!clusters || uniqueClusters.size <= 1) {\n      const numClusters = Math.max(1, Math.min(3, Math.ceil(nodes.length / 3)));\n      clusters = Array.from({ length: numClusters }, (_, i) => ({\n        id: `cl_${i + 1}`,\n        label: clusterLabels[i] || `Group ${i + 1}`,\n      }));\n\n      nodes = nodes.map((node: any, idx: number) => {\n        const col = idx % numClusters;\n        const row = Math.floor(idx / numClusters);\n        return {\n          ...node,\n          cluster_id: clusters[col].id,\n          x: node.x && uniqueClusters.size > 1 ? node.x : col * 450 + 200,\n          y: node.y && uniqueClusters.size > 1 ? node.y : row * 180 + 100,\n        };\n      });\n    }\n\n    return {\n      graph_id: rawGraph.graph_id || 'spb_graph',\n      prompt_id: rawGraph.prompt_id || '',\n      last_analyzed_at: rawGraph.last_analyzed_at || new Date().toISOString(),\n      clusters,\n      nodes,\n      edges: rawGraph.edges,\n    };\n  }\n\n  // Case 2: Key-value dictionary where keys are section/node names\n  const keys = Object.keys(rawGraph);\n  if (keys.length === 0) return null;\n\n  const totalNodes = keys.length;\n  const numClusters = Math.max(1, Math.min(3, Math.ceil(totalNodes / 3)));\n  const clusters = Array.from({ length: numClusters }, (_, i) => ({\n    id: `cl_${i + 1}`,\n    label: clusterLabels[i] || `Group ${i + 1}`,\n  }));\n\n  const nodes: any[] = [];\n  const edges: any[] = [];\n\n  keys.forEach((key, index) => {\n    const col = index % numClusters;\n    const row = Math.floor(index / numClusters);\n    const clusterId = clusters[col].id;\n\n    const x = col * 450 + 200;\n    const y = row * 180 + 100;\n\n    const label = key\n      .split('_')\n      .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n      .join(' ');\n\n    const nodeId = `node_${key}`;\n    nodes.push({\n      id: nodeId,\n      label,\n      cluster_id: clusterId,\n      x,\n      y,\n      description: `Section: ${label}`,\n    });\n\n    const deps = rawGraph[key];\n    if (Array.isArray(deps)) {\n      deps.forEach((dep: any, depIdx: number) => {\n        if (!dep || typeof dep !== 'object') return;\n        const targetKey = dep.dependent_on;\n        if (!targetKey) return;\n        const targetNodeId = `node_${targetKey}`;\n\n        let reasoningText = '';\n        if (typeof dep.reasoning === 'string') {\n          reasoningText = dep.reasoning;\n        } else if (Array.isArray(dep.reasoning)) {\n          reasoningText = dep.reasoning\n            .map((r: any) => (typeof r === 'string' ? r : r?.text || ''))\n            .filter(Boolean)\n            .join(' ');\n        } else if (dep.reasoning?.text) {\n          reasoningText = String(dep.reasoning.text);\n        }\n\n        edges.push({\n          id: `e_${key}_${targetKey}_${depIdx}`,\n          source: nodeId,\n          target: targetNodeId,\n          reasoning: reasoningText || `Depends on ${targetKey}`,\n          score:\n            typeof dep.Score === 'number'\n              ? dep.Score\n              : typeof dep.score === 'number'\n              ? dep.score\n              : 80,\n          gap: dep.gap || '',\n          dependency_type: dep.dependency_type || 'implicit',\n        });\n      });\n    }\n  });\n\n  if (nodes.length === 0) return null;\n\n  return {\n    graph_id: 'spb_converted_graph',\n    prompt_id: '',\n    last_analyzed_at: new Date().toISOString(),\n    clusters,\n    nodes,\n    edges,\n  };\n}\n\nexport interface PromptCitationStyles {\n  /** Root fragment wrapper — applied to the outermost container */\n  root?: React.CSSProperties;\n  /** Trigger pill button */\n  pill?: React.CSSProperties;\n  /** Fullscreen dialog Paper overrides */\n  dialog?: React.CSSProperties;\n  /** Left metadata panel inside the fullscreen dialog */\n  leftPanel?: React.CSSProperties;\n  /** Title row (prompt title + graph icon) */\n  title?: React.CSSProperties;\n  /** Title prefix icon (the document/sparkle SVG) — width, height, and color */\n  titleIcon?: { width?: number | string; height?: number | string; color?: string };\n  /** Description paragraph */\n  description?: React.CSSProperties;\n  /** Section label headings (When to apply, When not to apply, etc.) */\n  sectionLabel?: React.CSSProperties;\n  /** When to apply section wrapper */\n  whenToApply?: React.CSSProperties;\n  /** When not to apply section wrapper */\n  whenNotToApply?: React.CSSProperties;\n  /** Specifications accordion wrapper */\n  specificationsSection?: React.CSSProperties;\n  /** Specifications accordion details (inner content area) */\n  specificationsDetails?: React.CSSProperties;\n  /** \"Specifications\" title text inside accordion summary */\n  specificationsTitle?: React.CSSProperties;\n  /** \"Strict Rules / Input / Output\" subtitle text */\n  specificationsSubtitle?: React.CSSProperties;\n  /** Expand/collapse chevron icon color for the Specifications accordion */\n  specificationsExpandIconColor?: string;\n  /** Icon color for the Specifications accordion header icon */\n  specificationsIconColor?: string;\n  /** Per-item sub-label (STRICT RULES, INPUT, OUTPUT) */\n  specificationsItemLabel?: React.CSSProperties;\n  /** Footer bar (Total APBs / Total Lines) */\n  footer?: React.CSSProperties;\n  /** Root preview stats bar wrapper shown after Prompt Preview */\n  previewStats?: React.CSSProperties;\n  /** Individual preview stats text item */\n  previewStatsItem?: React.CSSProperties;\n  /** Right editor panel inside the fullscreen dialog */\n  rightPanel?: React.CSSProperties;\n  /** Dependency graph dialog Paper overrides */\n  graphDialog?: React.CSSProperties;\n  /** Passed through to every MarkdownRenderer instance (root wrapper) */\n  markdownRenderer?: React.CSSProperties;\n  /** Inline <code> element style overrides inside MarkdownRenderer */\n  markdownCode?: React.CSSProperties;\n  /** Fenced code block <pre> style overrides inside MarkdownRenderer */\n  markdownPre?: React.CSSProperties;\n  /** <blockquote> style overrides inside MarkdownRenderer */\n  markdownBlockquote?: React.CSSProperties;\n  /** Syntax highlighter theme (e.g. oneDark / oneLight from react-syntax-highlighter) */\n  syntaxHighlighterTheme?: any;\n  /** Passed through to cognitive decisioning panels inside MarkdownRenderer */\n  cognitiveDecisioning?: CognitiveReasoningPanelStyles;\n  /** Theme mode flag — also accepts isDarkMode inside styles object */\n  isDarkMode?: boolean;\n  /** FPB badge pill (the \"FPB\" label next to the title) */\n  fpbBadge?: Pick<React.CSSProperties, 'backgroundColor' | 'color'>;\n  /** Base popup style merged into every tooltip */\n  tooltip?: React.CSSProperties;\n  /** Base arrow style merged into every tooltip arrow */\n  tooltipArrow?: React.CSSProperties;\n  /** Base content style merged into every tooltip title content */\n  tooltipContent?: React.CSSProperties;\n  /** Title hover tooltip popup */\n  titleTooltip?: React.CSSProperties;\n  /** Title hover tooltip arrow */\n  titleTooltipArrow?: React.CSSProperties;\n  /** Title hover tooltip content */\n  titleTooltipContent?: React.CSSProperties;\n  /** Dependency graph hover tooltip popup */\n  dependencyGraphTooltip?: React.CSSProperties;\n  /** Dependency graph hover tooltip arrow */\n  dependencyGraphTooltipArrow?: React.CSSProperties;\n  /** Dependency graph hover tooltip content */\n  dependencyGraphTooltipContent?: React.CSSProperties;\n  /** FPB info tooltip popup */\n  fpbTooltip?: React.CSSProperties;\n  /** FPB info tooltip arrow */\n  fpbTooltipArrow?: React.CSSProperties;\n  /** FPB info tooltip content */\n  fpbTooltipContent?: React.CSSProperties;\n  /** FPB info icon color override */\n  fpbInfoIconColor?: string;\n  /** SPB badge pill (the \"SPB\" label next to the title) */\n  spbBadge?: Pick<React.CSSProperties, 'backgroundColor' | 'color'>;\n  /** SPB info tooltip popup */\n  spbTooltip?: React.CSSProperties;\n  /** SPB info tooltip arrow */\n  spbTooltipArrow?: React.CSSProperties;\n  /** SPB info tooltip content */\n  spbTooltipContent?: React.CSSProperties;\n  /** SPB info icon color override */\n  spbInfoIconColor?: string;\n  /** SPB functionality accordion wrapper */\n  spbSection?: React.CSSProperties;\n  /** SPB functionality accordion summary header */\n  spbSectionHeader?: React.CSSProperties;\n  /** SPB functionality accordion inner content area */\n  spbSectionContent?: React.CSSProperties;\n  /** SPB functionality accordion title text */\n  spbSectionTitle?: React.CSSProperties;\n  /** SPB chevron icon color */\n  spbChevronColor?: string;\n  /** SPB functionality item card (outer wrapper) */\n  spbFunctionalityItem?: React.CSSProperties;\n  /** SPB functionality item inner box containing title + description */\n  spbFunctionalityItemInner?: React.CSSProperties;\n  /** SPB functionality item name text */\n  spbFunctionalityItemName?: React.CSSProperties;\n  /** SPB functionality item description text */\n  spbFunctionalityItemDescription?: React.CSSProperties;\n  /** SPB APB reference chip */\n  spbApbReference?: React.CSSProperties;\n  /** SPB APB reference chip label text */\n  spbApbReferenceLabel?: React.CSSProperties;\n  /** \"Graph →\" dependency button in the title row */\n  dependencyGraphButton?: React.CSSProperties;\n  /** Stroke color for the default dependency graph icon */\n  dependencyGraphIconStroke?: string;\n  /** Fill color for the default dependency graph icon */\n  dependencyGraphIconFill?: string;\n  /** Row wrapper containing \"apb references:\" label + chips */\n  spbApbReferencesRow?: React.CSSProperties;\n  /** \"apb references:\" muted label text */\n  spbApbReferencesLabel?: React.CSSProperties;\n  /** Specifications info tooltip popup */\n  specificationsTooltip?: React.CSSProperties;\n  /** Specifications info tooltip arrow */\n  specificationsTooltipArrow?: React.CSSProperties;\n  /** Specifications info tooltip content */\n  specificationsTooltipContent?: React.CSSProperties;\n  /** APB info tooltip popup */\n  apbTooltip?: React.CSSProperties;\n  /** APB info tooltip arrow */\n  apbTooltipArrow?: React.CSSProperties;\n  /** APB info tooltip content */\n  apbTooltipContent?: React.CSSProperties;\n  /** SPB APB reference tooltip popup */\n  spbApbReferenceTooltip?: React.CSSProperties;\n  /** SPB APB reference tooltip arrow */\n  spbApbReferenceTooltipArrow?: React.CSSProperties;\n  /** SPB APB reference tooltip content */\n  spbApbReferenceTooltipContent?: React.CSSProperties;\n  /** Description card wrapper */\n  descriptionCard?: Pick<React.CSSProperties, 'borderColor' | 'borderLeftColor' | 'backgroundColor' | 'borderRadius' | 'padding'>;\n  /** \"Prompt Overview\" heading inside the description card */\n  descriptionHeading?: React.CSSProperties;\n  /** Category fields row wrapper */\n  categoryRow?: React.CSSProperties;\n  /** Individual category field item wrapper */\n  categoryItem?: React.CSSProperties;\n  /** Divider between category fields */\n  categoryDivider?: React.CSSProperties;\n  /** Category field label text (e.g. \"Category\") */\n  categoryLabel?: React.CSSProperties;\n  /** Category field value text (e.g. \"Recommendation Assistance\") */\n  categoryValue?: React.CSSProperties;\n  /** \"...More\" button shown when description overflows 4 lines */\n  descriptionMoreButton?: React.CSSProperties;\n  /** \"Less\" button shown when description is expanded */\n  descriptionLessButton?: React.CSSProperties;\n  /** When to apply accordion wrapper */\n  whenToApplyAccordion?: React.CSSProperties;\n  /** When to apply accordion summary header */\n  whenToApplyHeader?: React.CSSProperties;\n  /** When to apply accordion inner content area */\n  whenToApplyContent?: React.CSSProperties;\n  /** When to apply title text */\n  whenToApplyTitle?: React.CSSProperties;\n  /** When to apply icon color */\n  whenToApplyIconColor?: string;\n  /** When to apply icon circle wrapper — override any CSS including border */\n  whenToApplyIconCircle?: React.CSSProperties;\n  /** When not to apply accordion wrapper */\n  whenNotToApplyAccordion?: React.CSSProperties;\n  /** When not to apply accordion summary header */\n  whenNotToApplyHeader?: React.CSSProperties;\n  /** When not to apply accordion inner content area */\n  whenNotToApplyContent?: React.CSSProperties;\n  /** When not to apply title text */\n  whenNotToApplyTitle?: React.CSSProperties;\n  /** When not to apply icon color */\n  whenNotToApplyIconColor?: string;\n  /** When not to apply icon circle wrapper — override any CSS including border */\n  whenNotToApplyIconCircle?: React.CSSProperties;\n  /** Accordion chevron icon color for when-to/when-not-to accordions */\n  whenAccordionChevronColor?: string;\n  /** Section list item overrides */\n  sectionItem?: {\n    borderColor?: string;\n    titleColor?: string;\n    descriptionColor?: string;\n    orderColor?: string;\n  };\n}\n\nexport interface SectionType {\n  title: string;\n  description: string;\n  order: number;\n}\n\nexport interface SpbApbReference {\n  apb_name: string;\n  context: string;\n}\n\nexport interface SpbFunctionalityItem {\n  name: string;\n  description: string;\n  apb_references: SpbApbReference[];\n}\n\nexport interface SpbFunctionalityData {\n  spb_name: string;\n  total_apbs_identified: number;\n  total_functionalities: number;\n  functionality_analysis: SpbFunctionalityItem[];\n}\n\ninterface PromptCitationMetaData {\n  title: string;\n  description: string;\n  prompt: string;\n  when_to_apply: string;\n  when_not_to_apply: string;\n  time?: string;\n  modename?: string;\n  similarity_score?: string;\n  username?: string;\n  useremail?: string;\n  current_user_id?: string;\n  enable_cognitive_decisioning?: string;\n  organization_name?: string;\n  citation_number?: string;\n  dependency_graph?: any;\n  sections?: SectionType[];\n}\n\nexport interface PromptCitationProps {\n  prompt_title: string;\n  modename?: string;\n  description?: string;\n  customMetaData: PromptCitationMetaData;\n  chevronUpComponent?: React.ReactNode;\n  chevronDownComponent?: React.ReactNode;\n  editorHeight?: number | string;\n  editorWidth?: number | string;\n  /** @deprecated use isDarkMode or styles.isDarkMode */\n  isDarkModeEnabled?: boolean;\n  isDarkMode?: boolean;\n  href?: string;\n  startLine?: number;\n  endLine?: number;\n  constraints_and_rules?: string;\n  input_analysis?: string;\n  output_analysis?: string;\n  extraMetaData?: Record<string, any> | null;\n  /** When false, hides the code editor panel — fullscreen shows only the left metadata panel at full width */\n  showEditor?: boolean;\n  /** When true, clicking the pill opens the fullscreen dialog directly, skipping the inline expand view */\n  alwaysFullscreen?: boolean;\n  /** When true, renders the content directly inline as a component — no Dialog, no backdrop, no shadow, no pill */\n  renderAsComponent?: boolean;\n  /** When true, marks this citation as a Functional Prompt Block (FPB) — changes title typography and shows an info tooltip */\n  isFpb?: boolean;\n  /** When true, shows the \"Graph →\" button in the title row; clicking it fires onDependencyGraphOpen */\n  showDependencyIcon?: boolean;\n  /** Called when the user clicks the \"Graph →\" button; receives a fixed message string */\n  onDependencyGraphOpen?: (message: string) => void;\n  /** When true, marks this citation as a System Prompt Block (SPB) — shows SPB badge with info tooltip */\n  isSpb?: boolean;\n  /** SPB functionality data — when provided, renders a dropdown after the APBs section */\n  spbFunctionality?: SpbFunctionalityData;\n  /** Called with the section title when a section title is clicked */\n  onSectionClick?: (title: string) => void;\n  /** Category fields shown after Prompt Overview — each renders as a labelled column */\n  categoryFields?: { label: string; value: string }[];\n  /** Overrides the title text shown in the header (falls back to customMetaData.title) */\n  titleText?: string;\n  /** Custom node rendered instead of the default document/sparkle SVG before the title */\n  titleIcon?: React.ReactNode;\n  /** When provided, shows \"Total APB's: <value>\" in the footer bar */\n  total_apbs?: number | string;\n  /** Icon rendered on the left side of the \"Graph →\" button; falls back to the built-in share SVG */\n  dependencyGraphIcon?: React.ReactNode;\n  /** Arrow icon rendered on the right side of the \"Graph →\" button; falls back to the built-in arrow SVG */\n  dependencyGraphArrowIcon?: React.ReactNode;\n  /** Icon rendered left of the \"When to apply\" accordion title; falls back to the built-in checkmark SVG */\n  whenToApplyIcon?: React.ReactNode;\n  /** Expand/collapse chevron for the \"When to apply\" accordion; falls back to MUI ExpandMoreIcon */\n  whenToApplyExpandIcon?: React.ReactNode;\n  /** Icon rendered left of the \"When not to apply\" accordion title; falls back to the built-in cross SVG */\n  whenNotToApplyIcon?: React.ReactNode;\n  /** Expand/collapse chevron for the \"When not to apply\" accordion; falls back to MUI ExpandMoreIcon */\n  whenNotToApplyExpandIcon?: React.ReactNode;\n  /** Icon rendered left of the \"Specifications\" accordion title; falls back to the built-in lines SVG */\n  specificationsIcon?: React.ReactNode;\n  /** Info icon rendered next to the \"Specifications\" title (tooltip trigger); falls back to MUI InfoOutlined */\n  specificationsInfoIcon?: React.ReactNode;\n  /** Expand/collapse chevron for the Specifications accordion; falls back to MUI ExpandMoreIcon */\n  specificationsExpandIcon?: React.ReactNode;\n  /** Single customisable styles object containing slot-specific overrides for all sub-components */\n  styles?: PromptCitationStyles;\n  /** @deprecated use the per-accordion default expanded props instead */\n  defaultAccordionsExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"When to apply\" accordion */\n  defaultWhenToApplyExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"When not to apply\" accordion */\n  defaultWhenNotToApplyExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"Specifications\" accordion */\n  defaultSpecificationsExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"SPB Functionalities\" accordion */\n  defaultSpbFunctionalityExpanded?: boolean;\n}\n\nconst SectionLabel: React.FC<{ children: React.ReactNode; style?: React.CSSProperties }> = ({ children, style }) => (\n  <div\n    style={{\n      fontWeight: '700',\n      fontSize: '0.9rem',\n      color: '#1a1a1a',\n      marginBottom: '0.6rem',\n      fontFamily: 'Plus Jakarta Sans, sans-serif',\n      ...style,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst PromptCitation: React.FC<PromptCitationProps> = ({\n  prompt_title = \"Untitled\",\n  modename,\n  description,\n  customMetaData,\n  chevronUpComponent,\n  chevronDownComponent,\n  editorHeight = 480,\n  editorWidth = '100%',\n  isDarkModeEnabled = true,\n  isDarkMode: isDarkModeProp,\n  startLine = 8,\n  endLine = 12,\n  constraints_and_rules,\n  input_analysis,\n  output_analysis,\n  extraMetaData,\n  showEditor = true,\n  alwaysFullscreen = false,\n  renderAsComponent = false,\n  isFpb = true,\n  isSpb = false,\n  spbFunctionality,\n  showDependencyIcon = false,\n  onDependencyGraphOpen,\n  onSectionClick,\n  categoryFields,\n  total_apbs,\n  titleText,\n  titleIcon: titleIconProp,\n  dependencyGraphIcon,\n  dependencyGraphArrowIcon,\n  whenToApplyIcon,\n  whenToApplyExpandIcon,\n  whenNotToApplyIcon,\n  whenNotToApplyExpandIcon,\n  specificationsIcon,\n  specificationsInfoIcon,\n  specificationsExpandIcon,\n  styles,\n  defaultAccordionsExpanded = true,\n  defaultWhenToApplyExpanded,\n  defaultWhenNotToApplyExpanded,\n  defaultSpecificationsExpanded,\n  defaultSpbFunctionalityExpanded,\n}) => {\n  const resolvedDarkMode = isDarkModeProp ?? styles?.isDarkMode ?? isDarkModeEnabled;\n\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [isDescExpanded, setIsDescExpanded] = useState(false);\n  const [isDescOverflowing, setIsDescOverflowing] = useState(false);\n  const descRef = useRef<HTMLParagraphElement>(null);\n  const [isFullscreen, setIsFullscreen] = useState(alwaysFullscreen);\n  const [showGraphDialog, setShowGraphDialog] = useState(false);\n  const [highlightCodeStatsLine, setHighlightCodeStatsLine] = useState({ startIndex: -1, endIndex: -1 });\n  const [highlightCodeStatsVariable, setHighlightCodeStatsVariable] = useState<any>({});\n  const [isDarkMode, setIsDarkMode] = useState(() => themeManager.getTheme(resolvedDarkMode));\n\n  useEffect(() => {\n    const unsubscribe = themeManager.subscribe(setIsDarkMode);\n    return unsubscribe;\n  }, []);\n\n  \n  const title = titleText ?? customMetaData?.title ?? 'Untitled Prompt';\n  const desc = customMetaData?.description || description;\n  const promptContent = customMetaData?.prompt;\n  const mode = customMetaData?.modename || modename || '';\n  const citationNumber = customMetaData?.citation_number || '—';\n  const totalLines = promptContent.split('\\n').length;\n  const totalApbs = total_apbs ?? customMetaData?.sections?.length ?? 0;\n  const highlightRange = { startIndex: startLine, endIndex: endLine };\n  \n  const specSections = [\n    { label: 'Strict Rules', content: constraints_and_rules },\n    { label: 'Input', content: input_analysis },\n    { label: 'Output', content: output_analysis },\n  ].filter((s) => s.content);\n  \n  const hasSpecs = specSections.length > 0;\n  const whenToApplyDefaultExpanded = defaultWhenToApplyExpanded ?? defaultAccordionsExpanded;\n  const whenNotToApplyDefaultExpanded = defaultWhenNotToApplyExpanded ?? defaultAccordionsExpanded;\n  const specificationsDefaultExpanded = defaultSpecificationsExpanded ?? defaultAccordionsExpanded;\n  const spbFunctionalityDefaultExpanded = defaultSpbFunctionalityExpanded ?? defaultAccordionsExpanded;\n  const getTooltipSlotProps = (\n    tooltipStyle: React.CSSProperties | undefined,\n    arrowStyle: React.CSSProperties | undefined,\n    defaultBackgroundColor: string\n  ) => ({\n    tooltip: {\n      style: {\n        backgroundColor: defaultBackgroundColor,\n        color: '#ffffff',\n        fontFamily: 'Plus Jakarta Sans, sans-serif',\n        ...styles?.tooltip,\n        ...tooltipStyle,\n      },\n    },\n    arrow: {\n      style: {\n        color:\n          arrowStyle?.color ??\n          tooltipStyle?.backgroundColor ??\n          styles?.tooltipArrow?.color ??\n          styles?.tooltip?.backgroundColor ??\n          defaultBackgroundColor,\n        ...styles?.tooltipArrow,\n        ...arrowStyle,\n      },\n    },\n  });\n\n  const previewStatsNode = (\n    <div\n      style={{\n        display: 'flex',\n        gap: '2.5rem',\n        borderTop: '1px solid #ebebeb',\n        marginTop: '1rem',\n        paddingTop: '1rem',\n        fontSize: '0.875rem',\n        fontWeight: '600',\n        color: isDarkMode ? '#e2e8f0' : '#333',\n        fontFamily: 'Plus Jakarta Sans, sans-serif',\n        ...styles?.footer,\n        ...styles?.previewStats,\n      }}\n    >\n      <span style={styles?.previewStatsItem}>Total Lines: {totalLines}</span>\n    </div>\n  );\n  \n  useEffect(() => {\n    const el = descRef.current;\n    if (!el) return;\n    setIsDescOverflowing(el.scrollHeight > el.clientHeight);\n  }, [desc]);\n\n  const toggleDarkMode = (e: React.MouseEvent | any) => {\n    e.stopPropagation();\n    e.preventDefault();\n    themeManager.setTheme(!isDarkMode);\n  };\n\n  const openFullscreen = (e: React.MouseEvent | any) => {\n    e.stopPropagation();\n    e.preventDefault();\n    setIsFullscreen(true);\n  };\n\n  const closeFullscreen = () => {\n    setIsFullscreen(false);\n  };\n\n  const editorNode = (\n    <CodeEditor\n      startIndex={highlightRange.startIndex}\n      endIndex={highlightRange.endIndex}\n      language=\"xml\"\n      editorHeight=\"100%\"\n      editorWidth=\"100%\"\n      code={promptContent}\n      isHighlightingEnabled={true}\n      isDarkModeEnabled={isDarkMode}\n      highlightCodeStatsLine={highlightCodeStatsLine}\n      setHighlightCodeStatsLine={setHighlightCodeStatsLine}\n      highlightCodeStatsVariable={highlightCodeStatsVariable}\n      setHighlightCodeStatsVariable={setHighlightCodeStatsVariable}\n      isExpanded={isExpanded || isFullscreen}\n      highlightIndexes={highlightRange}\n    />\n  );\n\n  const panelContent = (\n    <>\n      {/* Left Panel */}\n      <div\n        style={{\n          width: showEditor ? '50%' : '100%',\n          padding: '2rem 2.25rem',\n          display: 'flex',\n          flexDirection: 'column',\n          overflowY: 'auto',\n          borderRight: showEditor ? '1px solid #ebebeb' : 'none',\n          boxSizing: 'border-box',\n          ...styles?.leftPanel,\n        }}\n      >\n        {/* Title row */}\n        <div\n          style={{\n            marginBottom: '1.25rem',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '0.75rem',\n            flexWrap: 'nowrap',\n          }}\n        >\n          {/* Icon + truncated title */}\n          <Tooltip\n            title={<span style={{ ...styles?.tooltipContent, ...styles?.titleTooltipContent }}>{title}</span>}\n            placement=\"top\"\n            arrow\n            componentsProps={getTooltipSlotProps(\n              {\n                fontSize: '0.75rem',\n                maxWidth: 320,\n                padding: '6px 10px',\n                ...styles?.titleTooltip,\n              },\n              styles?.titleTooltipArrow,\n              isDarkMode ? '#21262d' : '#1a1a1a'\n            )}\n          >\n            <span\n              style={{\n                fontWeight: '700',\n                fontSize: '1.05rem',\n                color: isDarkMode ? '#ffffff' : '#1a1a1a',\n                fontFamily: 'Plus Jakarta Sans, sans-serif',\n                lineHeight: 1.4,\n                display: 'flex',\n                alignItems: 'center',\n                gap: '6px',\n                minWidth: 0,\n                flexShrink: 1,\n                ...styles?.title,\n              }}\n            >\n              {titleIconProp ?? (\n                <svg\n                  width={styles?.titleIcon?.width ?? 16}\n                  height={styles?.titleIcon?.height ?? 16}\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  style={{ color: styles?.titleIcon?.color ?? (isDarkMode ? '#ffffff' : '#1a1a1a'), flexShrink: 0 }}\n                >\n                  <path d=\"M4 6C4 4.895 4.895 4 6 4H14\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <path d=\"M4 6V18C4 19.105 4.895 20 6 20H18C19.105 20 20 19.105 20 18V10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"8\" y1=\"10\" x2=\"14\" y2=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"8\" y1=\"13\" x2=\"11\" y2=\"13\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"13\" y1=\"13\" x2=\"16\" y2=\"13\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"8\" y1=\"16\" x2=\"14\" y2=\"16\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <path d=\"M19 1 L19.9 3.6 L22.5 4.5 L19.9 5.4 L19 8 L18.1 5.4 L15.5 4.5 L18.1 3.6 Z\" fill=\"currentColor\"/>\n                </svg>\n              )}\n              <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n                {title.length > 28 ? `${title.slice(0, 28)}..` : title}\n              </span>\n            </span>\n          </Tooltip>\n          {isFpb && !isSpb && (\n            <span style={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              gap: '4px',\n              background: styles?.fpbBadge?.backgroundColor ?? (isDarkMode ? '#e2e8f0' : '#1a1a1a'),\n              borderRadius: '5px',\n              padding: '2px 8px',\n              fontSize: '0.72rem',\n              fontWeight: '700',\n              color: styles?.fpbBadge?.color ?? (isDarkMode ? '#0d1117' : '#ffffff'),\n              letterSpacing: '0.08em',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              textTransform: 'uppercase',\n              flexShrink: 0,\n            }}>\n              FPB\n              <Tooltip\n                title={\n                  <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.fpbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.fpbTooltipContent }}>\n                    <strong>FPB (Functional Prompt Block):</strong> A group of related prompt sections designed to perform a specific function or capability within the overall system prompt.\n                  </span>\n                }\n                placement=\"top\"\n                arrow\n                componentsProps={getTooltipSlotProps(\n                  { maxWidth: 280, padding: '8px 12px', ...styles?.fpbTooltip },\n                  styles?.fpbTooltipArrow,\n                  '#1a1a1a'\n                )}\n              >\n                <InfoIcon style={{ fontSize: '0.85rem', color: styles?.fpbInfoIconColor ?? (isDarkMode ? '#1a1a1acc' : '#ffffffcc'), cursor: 'default' }} />\n              </Tooltip>\n            </span>\n          )}\n          {isSpb && (\n            <span style={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              gap: '4px',\n              background: styles?.spbBadge?.backgroundColor ?? (isDarkMode ? '#e2e8f0' : '#1a1a1a'),\n              borderRadius: '5px',\n              padding: '2px 8px',\n              fontSize: '0.72rem',\n              fontWeight: '700',\n              color: styles?.spbBadge?.color ?? (isDarkMode ? '#0d1117' : '#ffffff'),\n              letterSpacing: '0.08em',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              textTransform: 'uppercase',\n              flexShrink: 0,\n            }}>\n              SPB\n              <Tooltip\n                title={\n                  <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.spbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.spbTooltipContent }}>\n                    <strong>SPB (Shippable Prompt Block) :</strong> is a complete system-level prompt that defines the overall behavior, instructions, guidelines, and context an AI system should follow when responding to users.\n                  </span>\n                }\n                placement=\"top\"\n                arrow\n                componentsProps={getTooltipSlotProps(\n                  { maxWidth: 280, padding: '8px 12px', ...styles?.spbTooltip },\n                  styles?.spbTooltipArrow,\n                  '#1a1a1a'\n                )}\n              >\n                <InfoIcon style={{ fontSize: '0.85rem', color: styles?.spbInfoIconColor ?? (isDarkMode ? '#1a1a1acc' : '#ffffffcc'), cursor: 'default' }} />\n              </Tooltip>\n            </span>\n          )}\n          {mode && (\n            <span\n              style={{\n                fontSize: '0.72rem',\n                color: '#666',\n                background: '#f0f0f0',\n                borderRadius: '4px',\n                padding: '1px 6px',\n              }}\n            >\n              {mode}\n            </span>\n          )}\n\n          {/* Graph button — pushed to the right */}\n          {showDependencyIcon && (\n            <div style={{ flex: 1 }} />\n          )}\n          {showDependencyIcon && (\n            <Tooltip\n              title={<span style={{ fontSize: '0.7rem', fontFamily: 'Plus Jakarta Sans, sans-serif', ...styles?.tooltipContent, ...styles?.dependencyGraphTooltipContent }}>Open dependency graph</span>}\n              placement=\"top\"\n              arrow\n              componentsProps={getTooltipSlotProps(\n                { padding: '5px 10px', ...styles?.dependencyGraphTooltip },\n                styles?.dependencyGraphTooltipArrow,\n                isDarkMode ? '#21262d' : '#1a1a1a'\n              )}\n            >\n              <button\n                onClick={(e) => { e.stopPropagation(); onDependencyGraphOpen?.('show dependency graph'); }}\n                style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  gap: '5px',\n                  padding: '4px 10px 4px 8px',\n                  borderRadius: '8px',\n                  border: `1px solid ${isDarkMode ? '#30363d' : '#d0d7de'}`,\n                  background: isDarkMode ? '#21262d' : '#f6f8fa',\n                  color: isDarkMode ? '#e2e8f0' : '#24292f',\n                  fontSize: '0.78rem',\n                  fontWeight: '600',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  cursor: 'pointer',\n                  flexShrink: 0,\n                  whiteSpace: 'nowrap',\n                  ...styles?.dependencyGraphButton,\n                }}\n              >\n                {dependencyGraphIcon ?? (\n                  // <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  //   <circle cx=\"18\" cy=\"5\" r=\"3\"/><circle cx=\"6\" cy=\"12\" r=\"3\"/><circle cx=\"18\" cy=\"19\" r=\"3\"/>\n                  //   <line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"/>\n                  // </svg>\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12px\" height=\"12px\" viewBox=\"0 0 48 48\" fill=\"none\">\n                    <path d=\"M24 33V15\" stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"10\" y=\"9\" width=\"28\" height=\"6\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <path d=\"M8 32L14 25H33.9743L40 32\" stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"4\" y=\"33\" width=\"8\" height=\"8\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"20\" y=\"33\" width=\"8\" height=\"8\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"36\" y=\"33\" width=\"8\" height=\"8\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                  </svg>\n                )}\n                Graph\n                {dependencyGraphArrowIcon ?? (\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>\n                  </svg>\n                )}\n              </button>\n            </Tooltip>\n          )}\n        </div>\n\n        {/* Description */}\n        {desc && (\n          <div\n            style={{\n              border: `1px solid ${styles?.descriptionCard?.borderColor ?? 'transparent'}`,\n              borderRadius: styles?.descriptionCard?.borderRadius ?? '8px',\n              padding: styles?.descriptionCard?.padding ?? '14px 16px',\n              backgroundColor: styles?.descriptionCard?.backgroundColor ?? 'transparent',\n              marginBottom: '1.5rem',\n            }}\n          >\n            <div style={{\n              fontWeight: '700',\n              fontSize: '0.95rem',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              marginBottom: '8px',\n              color: isDarkMode ? '#ffffff' : '#111827',\n              ...styles?.descriptionHeading,\n            }}>\n              Prompt Overview\n            </div>\n            <div style={{ position: 'relative' }}>\n              <p\n                ref={descRef}\n                style={{\n                  fontSize: '0.875rem',\n                  lineHeight: '1.7',\n                  margin: 0,\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#c9d1d9' : '#444',\n                  display: '-webkit-box',\n                  WebkitBoxOrient: 'vertical',\n                  WebkitLineClamp: isDescExpanded ? 'unset' : 4,\n                  overflow: isDescExpanded ? 'visible' : 'hidden',\n                  ...styles?.description,\n                }}\n              >\n                {desc}\n              </p>\n              {isDescOverflowing && !isDescExpanded && (\n                <button\n                  onClick={() => setIsDescExpanded(true)}\n                  style={{\n                    position: 'absolute',\n                    bottom: 0,\n                    right: 0,\n                    background: `linear-gradient(to right, transparent, ${isDarkMode ? '#0d1117' : '#ffffff'} 40%)`,\n                    border: 'none',\n                    paddingLeft: '2rem',\n                    paddingRight: 0,\n                    cursor: 'pointer',\n                    fontSize: '0.875rem',\n                    fontWeight: '600',\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    color: isDarkMode ? '#7dd3fc' : '#2563eb',\n                    lineHeight: '1.7',\n                    ...styles?.descriptionMoreButton,\n                  }}\n                >\n                  ...more\n                </button>\n              )}\n              {isDescExpanded && (\n                <button\n                  onClick={() => setIsDescExpanded(false)}\n                  style={{\n                    background: 'none',\n                    border: 'none',\n                    padding: '2px 0 0',\n                    cursor: 'pointer',\n                    fontSize: '0.875rem',\n                    fontWeight: '600',\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    color: isDarkMode ? '#7dd3fc' : '#2563eb',\n                    display: 'block',\n                    ...styles?.descriptionLessButton,\n                  }}\n                >\n                  less\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Category Fields */}\n        {categoryFields && categoryFields.length > 0 && (\n          <div\n            style={{\n              display: 'flex',\n              flexWrap: 'wrap',\n              borderTop: `1px solid ${isDarkMode ? '#ffffff18' : '#1a1a1a18'}`,\n              borderBottom: `1px solid ${isDarkMode ? '#ffffff18' : '#1a1a1a18'}`,\n              marginBottom: '1.5rem',\n              ...styles?.categoryRow,\n            }}\n          >\n            {categoryFields.map((field, idx) => (\n              <React.Fragment key={idx}>\n                {idx > 0 && (\n                  <div\n                    style={{\n                      width: '1px',\n                      alignSelf: 'stretch',\n                      background: isDarkMode ? '#ffffff18' : '#1a1a1a18',\n                      ...styles?.categoryDivider,\n                    }}\n                  />\n                )}\n                <div\n                  style={{\n                    flex: '1 1 120px',\n                    padding: '12px 16px',\n                    ...styles?.categoryItem,\n                  }}\n                >\n                  <div\n                    style={{\n                      fontSize: '0.72rem',\n                      fontWeight: '500',\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      color: isDarkMode ? '#8b949e' : '#6b7280',\n                      marginBottom: '4px',\n                      ...styles?.categoryLabel,\n                    }}\n                  >\n                    {field.label}\n                  </div>\n                  <div\n                    style={{\n                      fontSize: '0.875rem',\n                      fontWeight: '600',\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      color: isDarkMode ? '#e2e8f0' : '#111827',\n                      ...styles?.categoryValue,\n                    }}\n                  >\n                    {field.value}\n                  </div>\n                </div>\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n\n        {/* When to Apply */}\n        {customMetaData?.when_to_apply !== \"\" && (\n          <Accordion\n            defaultExpanded={whenToApplyDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              border: `1px solid ${styles?.whenToApplyAccordion?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '28px !important',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.whenToApplyAccordion,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={whenToApplyExpandIcon ?? <ExpandMoreIcon style={{ color: styles?.whenAccordionChevronColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n                ...styles?.whenToApplyHeader,\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n                <span style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: '20px',\n                  height: '20px',\n                  borderRadius: '50%',\n                  border: `1.5px solid ${styles?.whenToApplyIconColor ?? '#4ade80'}`,\n                  flexShrink: 0,\n                  ...styles?.whenToApplyIconCircle,\n                }}>\n                  {whenToApplyIcon ?? (\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\">\n                      <g id=\"Complete\">\n                      <g id=\"tick\">\n                      <polyline fill=\"none\" points=\"3.7 14.3 9.6 19 20.3 5\" stroke={styles?.whenToApplyIconColor ?? '#4ade80'} strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\"/>\n                      </g>\n                      </g>\n                    </svg>\n                  )}\n                </span>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.whenToApplyTitle,\n                }}>\n                  When to apply\n                </span>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '12px 16px',\n                background: styles?.whenToApplyContent?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a06'),\n                ...styles?.whenToApplyContent,\n              }}\n            >\n              <MarkdownRenderer\n                message={customMetaData?.when_to_apply}\n                style={styles?.markdownRenderer}\n                codeStyle={styles?.markdownCode}\n                preStyle={styles?.markdownPre}\n                blockquoteStyle={styles?.markdownBlockquote}\n                syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n              />\n            </AccordionDetails>\n          </Accordion>\n        )}\n\n        {/* When Not to Apply */}\n        {customMetaData?.when_not_to_apply !== \"\" && (\n          <Accordion\n            defaultExpanded={whenNotToApplyDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              border: `1px solid ${styles?.whenNotToApplyAccordion?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '8px !important',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.whenNotToApplyAccordion,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={whenNotToApplyExpandIcon ?? <ExpandMoreIcon style={{ color: styles?.whenAccordionChevronColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n                ...styles?.whenNotToApplyHeader,\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n                <span style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: '20px',\n                  height: '20px',\n                  borderRadius: '50%',\n                  border: `1.5px solid ${styles?.whenNotToApplyIconColor ?? '#f87171'}`,\n                  flexShrink: 0,\n                  ...styles?.whenNotToApplyIconCircle,\n                }}>\n                  {whenNotToApplyIcon ?? (\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M19 5L5 19M5.00001 5L19 19\" stroke={styles?.whenNotToApplyIconColor ?? '#f87171'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    </svg>\n                  )}\n                </span>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.whenNotToApplyTitle,\n                }}>\n                  When not to apply\n                </span>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '12px 16px',\n                background: styles?.whenNotToApplyContent?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a06'),\n                ...styles?.whenNotToApplyContent,\n              }}\n            >\n              <MarkdownRenderer\n                message={customMetaData?.when_not_to_apply}\n                style={styles?.markdownRenderer}\n                codeStyle={styles?.markdownCode}\n                preStyle={styles?.markdownPre}\n                blockquoteStyle={styles?.markdownBlockquote}\n                syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n              />\n            </AccordionDetails>\n          </Accordion>\n        )}\n\n        {/* Specifications */}\n        {hasSpecs && (\n          <Accordion\n            defaultExpanded={specificationsDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              border: `1px solid ${styles?.specificationsSection?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '8px',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.specificationsSection,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={specificationsExpandIcon ?? <ExpandMoreIcon style={{ color: styles?.specificationsExpandIconColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n                <span style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: '18px',\n                  height: '18px',\n                  borderRadius: '5px',\n                  // border: `1.5px solid ${styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')}`,\n                  flexShrink: 0,\n                }}>\n                  {specificationsIcon ?? (\n                    // <svg width=\"16\" height=\"16\" viewBox=\"0 0 10 10\" fill=\"none\">\n                    //   <line x1=\"2\" y1=\"3\" x2=\"8\" y2=\"3\" stroke={styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                    //   <line x1=\"2\" y1=\"5\" x2=\"8\" y2=\"5\" stroke={styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                    //   <line x1=\"2\" y1=\"7\" x2=\"6\" y2=\"7\" stroke={styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                    // </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n                      <rect x=\"4.5\" y=\"3.5\" width=\"15\" height=\"17\" rx=\"1.5\" stroke=\"#ffffff\" stroke-width=\"1.7\"/>\n                      <path d=\"M8 8H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                      <path d=\"M8 11.5H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                      <path d=\"M8 15H13.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                    </svg>\n                  )}\n                </span>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.specificationsTitle,\n                }}>\n                  Specifications\n                </span>\n                <Tooltip\n                  title={\n                    <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.specificationsTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.specificationsTooltipContent }}>\n                      <strong>Specifications:</strong> Specifications are the details that define a prompt’s guidelines, expected inputs, expected outputs, and constraints or rules.\n                    </span>\n                  }\n                  placement=\"top\"\n                  arrow\n                  componentsProps={getTooltipSlotProps(\n                    { maxWidth: 280, padding: '8px 12px', ...styles?.specificationsTooltip },\n                    styles?.specificationsTooltipArrow,\n                    '#1a1a1a'\n                  )}\n                >\n                  <span>\n                    {specificationsInfoIcon ?? <InfoIcon style={{ fontSize: '0.95rem', color: isDarkMode ? '#aaaaaa' : '#666666', cursor: 'default' }} />}\n                  </span>\n                </Tooltip>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '12px 16px',\n                background: styles?.specificationsDetails?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a06'),\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '12px',\n                ...styles?.specificationsDetails,\n              }}\n            >\n              {specSections.map(({ label, content }) => (\n                <div key={label}>\n                  <div style={{\n                    fontSize: '0.72rem',\n                    fontWeight: '700',\n                    color: '#6B7280',\n                    textTransform: 'uppercase',\n                    letterSpacing: '0.06em',\n                    marginBottom: '0.3rem',\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    ...styles?.specificationsItemLabel,\n                  }}>\n                    {label}\n                  </div>\n                  <MarkdownRenderer\n                    message={content}\n                    // extraMetaData={extraMetaData || undefined}\n                    fontSize=\"0.83rem\"\n                    style={styles?.markdownRenderer}\n                    codeStyle={styles?.markdownCode}\n                    preStyle={styles?.markdownPre}\n                    blockquoteStyle={styles?.markdownBlockquote}\n                    syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                    cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n                  />\n                </div>\n              ))}\n            </AccordionDetails>\n          </Accordion>\n        )}\n\n        {/* Sections */}\n        {customMetaData?.sections && customMetaData.sections.length > 0 && (\n          <div style={{ marginBottom: '1.5rem' , marginTop:\"0.6rem\" }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: '5px', marginBottom: '0.6rem',marginTop:\"0.4rem\" }}>\n              <SectionLabel style={{ ...styles?.sectionLabel, marginBottom: 0 }}>APB's</SectionLabel>\n              <Tooltip\n                title={\n                  <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.apbTooltip?.color ?? styles?.fpbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.apbTooltipContent }}>\n                    <strong>APB (Atomic Prompt Block):</strong> A self-contained prompt unit that handles one specific instruction, rule, or behavior within a Functional Prompt Block.\n                  </span>\n                }\n                placement=\"top\"\n                arrow\n                componentsProps={getTooltipSlotProps(\n                  { maxWidth: 280, padding: '8px 12px', ...(styles?.apbTooltip ?? styles?.fpbTooltip) },\n                  styles?.apbTooltipArrow ?? styles?.fpbTooltipArrow,\n                  '#1a1a1a'\n                )}\n              >\n                <InfoIcon style={{ fontSize: '0.95rem', color: isDarkMode ? '#aaaaaa' : '#666666', cursor: 'default' }} />\n              </Tooltip>\n            </div>\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>\n              {customMetaData.sections.map((section) => (\n                <div\n                  key={section.order}\n                  style={{\n                    border: `1px solid ${styles?.sectionItem?.borderColor ?? (isDarkMode ? '#ffffff22' : '#1a1a1a22')}`,\n                    borderRadius: '8px',\n                    padding: '10px 14px',\n                  }}\n                >\n                  <div\n                    onClick={() => onSectionClick?.(section.title)}\n                    style={{\n                      fontSize: '0.83rem',\n                      fontWeight: '600',\n                      color: styles?.sectionItem?.titleColor ?? (isDarkMode ? '#e2e8f0' : '#111827'),\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      cursor: onSectionClick ? 'pointer' : 'default',\n                      marginBottom: '4px',\n                      display: 'inline-flex',\n                      alignItems: 'center',\n                      gap: '5px',\n                    }}\n                  >\n                    <span style={{\n                      fontSize: '0.68rem',\n                      fontWeight: '700',\n                      color: styles?.sectionItem?.orderColor ?? (isDarkMode ? '#6e7681' : '#9CA3AF'),\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      minWidth: '16px',\n                      flexShrink: 0,\n                    }}>\n                      {section.order}.\n                    </span>\n                    <span style={{\n                      textDecoration: onSectionClick ? 'underline' : 'none',\n                      textDecorationColor: styles?.sectionItem?.titleColor ?? (isDarkMode ? '#e2e8f0' : '#111827'),\n                      textUnderlineOffset: '3px',\n                    }}>\n                      {section.title}\n                    </span>\n                    {onSectionClick && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"12\"\n                        height=\"12\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"2.5\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        style={{ flexShrink: 0, opacity: 0.5 }}\n                      >\n                        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n                        <polyline points=\"15 3 21 3 21 9\" />\n                        <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n                      </svg>\n                    )}\n                  </div>\n                  <div style={{\n                    fontSize: '0.76rem',\n                    color: styles?.sectionItem?.descriptionColor ?? (isDarkMode ? '#8b949e' : '#6B7280'),\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    lineHeight: 1.55,\n                    paddingLeft: '22px',\n                  }}>\n                    {section.description}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* SPB Functionality */}\n        {spbFunctionality && (\n          <Accordion\n            defaultExpanded={spbFunctionalityDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              marginTop: '0.6rem',\n              border: `1px solid ${styles?.spbSection?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '8px',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.spbSection,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={<ExpandMoreIcon style={{ color: styles?.spbChevronColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n                ...styles?.spbSectionHeader,\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.spbSectionTitle,\n                }}>\n                  SPB Functionalities ({spbFunctionality.total_functionalities})\n                </span>\n                <span style={{ color: isDarkMode ? '#6e7681' : '#9CA3AF', fontSize: '0.75rem' }}>•</span>\n                <span style={{\n                  fontSize: '0.78rem',\n                  fontWeight: '500',\n                  color: isDarkMode ? '#6e7681' : '#9CA3AF',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                }}>\n                  {spbFunctionality.total_apbs_identified} APBs\n                </span>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '10px 12px',\n                background: styles?.spbSectionContent?.backgroundColor ?? 'transparent',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '8px',\n                ...styles?.spbSectionContent,\n              }}\n            >\n              {spbFunctionality.functionality_analysis.map((item, idx) => (\n                <div\n                  key={idx}\n                  style={{\n                    border: `1px solid ${styles?.spbFunctionalityItem?.borderColor ?? (isDarkMode ? '#ffffff14' : '#1a1a1a14')}`,\n                    borderRadius: '10px',\n                    overflow: 'hidden',\n                    padding:\"4px\",\n                    background: styles?.spbFunctionalityItem?.backgroundColor ?? (isDarkMode ? '#ffffff04' : '#1a1a1a03'),\n                    ...styles?.spbFunctionalityItem,\n                  }}\n                >\n                  {/* Inner box — title + description */}\n                  <div style={{\n                    padding: '12px 14px',\n                    borderRadius:\"12px\",\n                    background: styles?.spbFunctionalityItemInner?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a07'),\n                    borderBottom: `1px solid ${styles?.spbFunctionalityItemInner?.borderColor ?? (isDarkMode ? '#ffffff10' : '#1a1a1a10')}`,\n                    ...styles?.spbFunctionalityItemInner,\n                  }}>\n                    <div style={{\n                      fontSize: '0.85rem',\n                      fontWeight: '700',\n                      color: isDarkMode ? '#e2e8f0' : '#111827',\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      marginBottom: '6px',\n                      lineHeight: 1.4,\n                      ...styles?.spbFunctionalityItemName,\n                    }}>\n                      {idx + 1}. {item.name}\n                    </div>\n                    <MarkdownRenderer\n                      message={item.description}\n                      fontSize=\"0.78rem\"\n                      style={{ lineHeight: 1.6, color: isDarkMode ? '#8b949e' : '#6B7280', ...(styles?.spbFunctionalityItemDescription ?? {}) }}\n                      codeStyle={styles?.markdownCode}\n                      preStyle={styles?.markdownPre}\n                      blockquoteStyle={styles?.markdownBlockquote}\n                      syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                      cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n                    />\n                  </div>\n\n                  {/* Outer APB references row */}\n                  {item.apb_references && item.apb_references.length > 0 && (\n                    <div style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      flexWrap: 'wrap',\n                      gap: '6px',\n                      padding: '8px 14px',\n                      ...styles?.spbApbReferencesRow,\n                    }}>\n                      <span style={{\n                        fontSize: '0.68rem',\n                        fontWeight: '500',\n                        color: isDarkMode ? '#6e7681' : '#9CA3AF',\n                        fontFamily: 'Plus Jakarta Sans, sans-serif',\n                        flexShrink: 0,\n                        ...styles?.spbApbReferencesLabel,\n                      }}>\n                        apb references:\n                      </span>\n                      {item.apb_references.map((ref, refIdx) => (\n                        <Tooltip\n                          key={refIdx}\n                          title={\n                            <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.spbApbReferenceTooltip?.color ?? styles?.spbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.spbApbReferenceTooltipContent }}>\n                              {ref.context}\n                            </span>\n                          }\n                          placement=\"top\"\n                          arrow\n                          componentsProps={getTooltipSlotProps(\n                            { maxWidth: 240, padding: '6px 10px', ...(styles?.spbApbReferenceTooltip ?? styles?.spbTooltip) },\n                            styles?.spbApbReferenceTooltipArrow ?? styles?.spbTooltipArrow,\n                            '#1a1a1a'\n                          )}\n                        >\n                          <span style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            fontSize: '0.7rem',\n                            fontWeight: '500',\n                            fontFamily: 'Plus Jakarta Sans, sans-serif',\n                            padding: '3px 10px',\n                            borderRadius: '6px',\n                            background: isDarkMode ? '#ffffff0d' : '#1a1a1a08',\n                            color: isDarkMode ? '#c9d1d9' : '#374151',\n                            cursor: 'default',\n                            border: `1px solid ${isDarkMode ? '#ffffff18' : '#1a1a1a14'}`,\n                            ...styles?.spbApbReference,\n                          }}>\n                            <span style={{ ...styles?.spbApbReferenceLabel }}>{ref.apb_name}</span>\n                          </span>\n                        </Tooltip>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </AccordionDetails>\n          </Accordion>\n        )}\n        {!showEditor && (\n          <>\n            <div style={{ flex: 1 }} />\n            {previewStatsNode}\n          </>\n        )}\n      </div>\n\n\n\n      {/* Right Panel - only if showEditor */}\n      {showEditor && (\n        <div\n          style={{\n            width: '50%',\n            padding: '1.75rem',\n            display: 'flex',\n            flexDirection: 'column',\n            overflow: 'hidden',\n            boxSizing: 'border-box',\n            ...styles?.rightPanel,\n          }}\n        >\n          <div\n            style={{\n              fontWeight: '700',\n              fontSize: '1rem',\n              marginBottom: '1rem',\n              color: '#1a1a1a',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n            }}\n          >\n            Prompt Preview\n          </div>\n          <div\n            style={{\n              flex: 1,\n              border: '1px solid #e0e0e0',\n              borderRadius: '0.875rem',\n              overflow: 'hidden',\n              minHeight: 0,\n            }}\n          >\n            {editorNode}\n          </div>\n          {previewStatsNode}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div style={styles?.root}>\n      {/* Pill — only when !alwaysFullscreen && !renderAsComponent */}\n      {/* {!alwaysFullscreen && !renderAsComponent && (\n        <span\n          onClick={() => setIsExpanded((prev) => !prev)}\n          style={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            gap: '4px',\n            padding: '3px 12px',\n            borderRadius: '999px',\n            border: '1px solid #d0d0d0',\n            backgroundColor: '#f5f5f5',\n            cursor: 'pointer',\n            fontSize: '0.78rem',\n            fontFamily: 'Plus Jakarta Sans, sans-serif',\n            fontWeight: '500',\n            color: '#444',\n            userSelect: 'none',\n            whiteSpace: 'nowrap',\n            ...styles?.pill,\n          }}\n        >\n          {title}\n          {isExpanded ? chevronUpComponent : chevronDownComponent}\n        </span>\n      )} */}\n\n      {/* Inline expand — only when !alwaysFullscreen && !renderAsComponent */}\n      {/* {isExpanded && !isFullscreen && !alwaysFullscreen && !renderAsComponent && (\n        <div\n          style={{\n            border: '1px solid #e0e0e0',\n            borderRadius: '0.625rem',\n            overflow: 'hidden',\n            marginTop: '0.5rem',\n            fontFamily: 'Plus Jakarta Sans, sans-serif',\n            maxWidth: \"90%\",\n            marginLeft: \"1rem\",\n          }}\n        >\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              padding: '10px 16px',\n              borderBottom: '1px solid #e0e0e0',\n              backgroundColor: '#ffffff',\n            }}\n          >\n            <span style={{ fontWeight: '700', fontSize: '0.95rem', color: '#1a1a1a' }}>\n              Prompt Preview\n            </span>\n            <ThemeToggle\n              darkMode={isDarkMode}\n              onToggle={toggleDarkMode}\n              toggleFullscreen={openFullscreen}\n              handleOpenFileDetailSection={() => {}}\n              showFullscreenIcon={true}\n              showFileSummaryIButton={false}\n            />\n          </div>\n\n          <div style={{ height: editorHeight, width: editorWidth }}>\n            {editorNode}\n          </div>\n        </div>\n      )} */}\n\n      {/* renderAsComponent mode — no dialog, no shadow, direct render */}\n      {renderAsComponent ? (\n        <div style={{ display: 'flex', width: '100%', fontFamily: 'Plus Jakarta Sans, sans-serif', overflow: 'hidden', ...styles?.dialog }}>\n          {panelContent}\n        </div>\n      ) : (\n        <Dialog\n          open={isFullscreen || alwaysFullscreen}\n          onClose={closeFullscreen}\n          maxWidth=\"xl\"\n          fullWidth\n          PaperProps={{\n            style: {\n              borderRadius: '1rem',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              height: '90vh',\n              maxHeight: '90vh',\n              overflow: 'hidden',\n              ...styles?.dialog,\n            },\n          }}\n        >\n          <IconButton\n            onClick={closeFullscreen}\n            size=\"small\"\n            style={{ position: 'absolute', top: 10, right: 12, zIndex: 20 }}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n          <DialogContent style={{ padding: 0, display: 'flex', height: '100%', overflow: 'hidden' }}>\n            {panelContent}\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {/* Dependency Graph Dialog */}\n      \n      {showGraphDialog && customMetaData?.dependency_graph && (\n        <Dialog\n          open={showGraphDialog}\n          onClose={() => setShowGraphDialog(false)}\n          maxWidth=\"xl\"\n          fullWidth\n          PaperProps={{\n            style: {\n              borderRadius: '1rem',\n              height: '90vh',\n              maxHeight: '90vh',\n              overflow: 'hidden',\n              ...styles?.graphDialog,\n            },\n          }}\n        >\n          <IconButton\n            onClick={() => setShowGraphDialog(false)}\n            size=\"small\"\n            style={{ position: 'absolute', top: 10, right: 12, zIndex: 20 }}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n          <DialogContent style={{ padding: '1rem', height: '100%', overflow: 'hidden', boxSizing: 'border-box' }}>\n            <DependencyGraph data={convertDependencyGraphData(customMetaData.dependency_graph)} isDarkMode={isDarkMode} />\n          </DialogContent>\n        </Dialog>\n      )}\n    </div>\n  );\n};\n\nexport default PromptCitation;\n"],"names":["convertDependencyGraphData","rawGraph","clusterLabels","Array","isArray","nodes","edges","clusters","length","uniqueClusters","Set","map","n","cluster_id","size","numClusters","Math","max","min","ceil","from","_","i","id","label","node","idx","col","row","floor","x","y","graph_id","prompt_id","last_analyzed_at","Date","toISOString","keys","Object","totalNodes","forEach","key","index","clusterId","split","w","charAt","toUpperCase","slice","join","nodeId","push","description","deps","dep","depIdx","targetKey","dependent_on","targetNodeId","reasoningText","reasoning","r","text","filter","Boolean","String","source","target","score","Score","gap","dependency_type","SectionLabel","children","style","jsx","fontWeight","fontSize","color","marginBottom","fontFamily","prompt_title","modename","customMetaData","chevronUpComponent","chevronDownComponent","editorHeight","editorWidth","isDarkModeEnabled","isDarkMode","isDarkModeProp","startLine","endLine","constraints_and_rules","input_analysis","output_analysis","extraMetaData","showEditor","alwaysFullscreen","renderAsComponent","isFpb","isSpb","spbFunctionality","showDependencyIcon","onDependencyGraphOpen","onSectionClick","categoryFields","total_apbs","titleText","titleIcon","titleIconProp","dependencyGraphIcon","dependencyGraphArrowIcon","whenToApplyIcon","whenToApplyExpandIcon","whenNotToApplyIcon","whenNotToApplyExpandIcon","specificationsIcon","specificationsInfoIcon","specificationsExpandIcon","styles","defaultAccordionsExpanded","defaultWhenToApplyExpanded","defaultWhenNotToApplyExpanded","defaultSpecificationsExpanded","defaultSpbFunctionalityExpanded","resolvedDarkMode","isExpanded","setIsExpanded","useState","isDescExpanded","setIsDescExpanded","isDescOverflowing","setIsDescOverflowing","descRef","useRef","isFullscreen","setIsFullscreen","showGraphDialog","setShowGraphDialog","highlightCodeStatsLine","setHighlightCodeStatsLine","startIndex","endIndex","highlightCodeStatsVariable","setHighlightCodeStatsVariable","setIsDarkMode","themeManager","getTheme","useEffect","subscribe","title","desc","promptContent","prompt","mode","totalLines","highlightRange","specSections","content","s","hasSpecs","whenToApplyDefaultExpanded","whenNotToApplyDefaultExpanded","specificationsDefaultExpanded","spbFunctionalityDefaultExpanded","getTooltipSlotProps","tooltipStyle","arrowStyle","defaultBackgroundColor","tooltip","backgroundColor","arrow","tooltipArrow","previewStatsNode","display","borderTop","marginTop","paddingTop","footer","previewStats","jsxs","previewStatsItem","el","current","scrollHeight","clientHeight","closeFullscreen","editorNode","CodeEditor","language","code","isHighlightingEnabled","highlightIndexes","panelContent","Fragment","width","padding","flexDirection","overflowY","borderRight","boxSizing","leftPanel","alignItems","flexWrap","Tooltip","tooltipContent","titleTooltipContent","placement","componentsProps","maxWidth","titleTooltip","titleTooltipArrow","lineHeight","minWidth","flexShrink","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","x1","y1","x2","y2","overflow","textOverflow","whiteSpace","background","fpbBadge","borderRadius","letterSpacing","textTransform","fpbTooltip","fpbTooltipContent","fpbTooltipArrow","InfoIcon","fpbInfoIconColor","cursor","spbBadge","spbTooltip","spbTooltipContent","spbTooltipArrow","spbInfoIconColor","flex","dependencyGraphTooltipContent","dependencyGraphTooltip","dependencyGraphTooltipArrow","onClick","e","stopPropagation","border","dependencyGraphButton","dependencyGraphIconStroke","strokeLinejoin","dependencyGraphIconFill","points","descriptionCard","borderColor","descriptionHeading","position","ref","margin","WebkitBoxOrient","WebkitLineClamp","bottom","right","paddingLeft","paddingRight","descriptionMoreButton","descriptionLessButton","borderBottom","categoryRow","field","React","alignSelf","categoryDivider","categoryItem","categoryLabel","categoryValue","value","when_to_apply","Accordion","defaultExpanded","whenToApplyAccordion","boxShadow","AccordionSummary","expandIcon","ExpandMoreIcon","whenAccordionChevronColor","minHeight","whenToApplyHeader","justifyContent","whenToApplyIconColor","whenToApplyIconCircle","whenToApplyTitle","AccordionDetails","whenToApplyContent","MarkdownRenderer","message","markdownRenderer","codeStyle","markdownCode","preStyle","markdownPre","blockquoteStyle","markdownBlockquote","syntaxHighlighterTheme","cognitiveDecisioningStyles","cognitiveDecisioning","when_not_to_apply","whenNotToApplyAccordion","whenNotToApplyHeader","whenNotToApplyIconColor","whenNotToApplyIconCircle","whenNotToApplyTitle","whenNotToApplyContent","specificationsSection","specificationsExpandIconColor","rx","specificationsTitle","specificationsTooltip","specificationsTooltipContent","specificationsTooltipArrow","specificationsDetails","specificationsItemLabel","sections","sectionLabel","apbTooltip","apbTooltipContent","apbTooltipArrow","section","sectionItem","titleColor","orderColor","order","textDecoration","textDecorationColor","textUnderlineOffset","opacity","descriptionColor","spbSection","spbChevronColor","spbSectionHeader","spbSectionTitle","total_functionalities","total_apbs_identified","spbSectionContent","functionality_analysis","item","spbFunctionalityItem","spbFunctionalityItemInner","spbFunctionalityItemName","name","spbFunctionalityItemDescription","apb_references","spbApbReferencesRow","spbApbReferencesLabel","refIdx","spbApbReferenceTooltip","spbApbReferenceTooltipContent","context","spbApbReferenceTooltipArrow","spbApbReference","spbApbReferenceLabel","apb_name","rightPanel","root","dialog","Dialog","open","onClose","fullWidth","PaperProps","maxHeight","IconButton","top","zIndex","CloseIcon","DialogContent","dependency_graph","graphDialog","DependencyGraph","data"],"mappings":"wxBAmBO,SAASA,EAA2BC,GACzC,IAAKA,GAAgC,iBAAbA,EAA8B,OAAA,KAEtD,MAAMC,EAAgB,CAAC,mBAAoB,qBAAsB,oBAG7D,GAAAC,MAAMC,QAAQH,EAASI,QAAUF,MAAMC,QAAQH,EAASK,OAAQ,CAClE,IAAID,EAAQJ,EAASI,MACjBE,EACFJ,MAAMC,QAAQH,EAASM,WAAaN,EAASM,SAASC,OAAS,EAAIP,EAASM,SAAW,KAEnF,MAAAE,EAAiB,IAAIC,IAAIL,EAAMM,IAAKC,GAAWA,EAAEC,aACvD,IAAKN,GAAYE,EAAeK,MAAQ,EAAG,CACzC,MAAMC,EAAcC,KAAKC,IAAI,EAAGD,KAAKE,IAAI,EAAGF,KAAKG,KAAKd,EAAMG,OAAS,KACrED,EAAWJ,MAAMiB,KAAK,CAAEZ,OAAQO,GAAe,CAACM,EAAGC,KAAO,CACxDC,GAAI,MAAMD,EAAI,IACdE,MAAOtB,EAAcoB,IAAM,SAASA,EAAI,OAG1CjB,EAAQA,EAAMM,IAAI,CAACc,EAAWC,KAC5B,MAAMC,EAAMD,EAAMX,EACZa,EAAMZ,KAAKa,MAAMH,EAAMX,GACtB,MAAA,IACFU,EACHZ,WAAYN,EAASoB,GAAKJ,GAC1BO,EAAGL,EAAKK,GAAKrB,EAAeK,KAAO,EAAIW,EAAKK,EAAU,IAANH,EAAY,IAC5DI,EAAGN,EAAKM,GAAKtB,EAAeK,KAAO,EAAIW,EAAKM,EAAU,IAANH,EAAY,MAGlE,CAEO,MAAA,CACLI,SAAU/B,EAAS+B,UAAY,YAC/BC,UAAWhC,EAASgC,WAAa,GACjCC,iBAAkBjC,EAASiC,mBAAA,IAAwBC,MAAOC,cAC1D7B,SAAAA,EACAF,MAAAA,EACAC,MAAOL,EAASK,MAEpB,CAGM,MAAA+B,EAAOC,OAAOD,KAAKpC,GACrB,GAAgB,IAAhBoC,EAAK7B,OAAqB,OAAA,KAE9B,MAAM+B,EAAaF,EAAK7B,OAClBO,EAAcC,KAAKC,IAAI,EAAGD,KAAKE,IAAI,EAAGF,KAAKG,KAAKoB,EAAa,KAC7DhC,EAAWJ,MAAMiB,KAAK,CAAEZ,OAAQO,GAAe,CAACM,EAAGC,KAAO,CAC9DC,GAAI,MAAMD,EAAI,IACdE,MAAOtB,EAAcoB,IAAM,SAASA,EAAI,OAGpCjB,EAAe,GACfC,EAAe,GA+DjB,OA7DC+B,EAAAG,QAAQ,CAACC,EAAKC,KACjB,MAAMf,EAAMe,EAAQ3B,EACda,EAAMZ,KAAKa,MAAMa,EAAQ3B,GACzB4B,EAAYpC,EAASoB,GAAKJ,GAE1BO,EAAU,IAANH,EAAY,IAChBI,EAAU,IAANH,EAAY,IAEhBJ,EAAQiB,EACXG,MAAM,KACNjC,IAAKkC,GAAMA,EAAEC,OAAO,GAAGC,cAAgBF,EAAEG,MAAM,IAC/CC,KAAK,KAEFC,EAAS,QAAQT,IACvBpC,EAAM8C,KAAK,CACT5B,GAAI2B,EACJ1B,QACAX,WAAY8B,EACZb,IACAC,IACAqB,YAAa,YAAY5B,MAGrB,MAAA6B,EAAOpD,EAASwC,GAClBtC,MAAMC,QAAQiD,IACXA,EAAAb,QAAQ,CAACc,EAAUC,KACtB,IAAKD,GAAsB,iBAARA,EAAkB,OACrC,MAAME,EAAYF,EAAIG,aACtB,IAAKD,EAAW,OACV,MAAAE,EAAe,QAAQF,IAE7B,IAAIG,EAAgB,GACS,iBAAlBL,EAAIM,UACbD,EAAgBL,EAAIM,UACXzD,MAAMC,QAAQkD,EAAIM,WAC3BD,EAAgBL,EAAIM,UACjBjD,IAAKkD,GAAyB,iBAANA,EAAiBA,EAAIA,GAAGC,MAAQ,IACxDC,OAAOC,SACPf,KAAK,KACCK,EAAIM,WAAWE,OACRH,EAAAM,OAAOX,EAAIM,UAAUE,OAGvCxD,EAAM6C,KAAK,CACT5B,GAAI,KAAKkB,KAAOe,KAAaD,IAC7BW,OAAQhB,EACRiB,OAAQT,EACRE,UAAWD,GAAiB,cAAcH,IAC1CY,MACuB,iBAAdd,EAAIe,MACPf,EAAIe,MACiB,iBAAdf,EAAIc,MACXd,EAAIc,MACJ,GACNE,IAAKhB,EAAIgB,KAAO,GAChBC,gBAAiBjB,EAAIiB,iBAAmB,iBAM3B,IAAjBlE,EAAMG,OAAqB,KAExB,CACLwB,SAAU,sBACVC,UAAW,GACXC,kBAAkB,IAAIC,MAAOC,cAC7B7B,WACAF,QACAC,QAEJ,CAkUA,MAAMkE,EAAqF,EAAGC,WAAUC,WACtGC,EAAAA,IAAC,MAAA,CACCD,MAAO,CACLE,WAAY,MACZC,SAAU,SACVC,MAAO,UACPC,aAAc,SACdC,WAAY,mCACTN,GAGJD,kEAIiD,EACpDQ,eAAe,WACfC,WACA9B,cACA+B,iBACAC,qBACAC,uBACAC,eAAe,IACfC,cAAc,OACdC,qBAAoB,EACpBC,WAAYC,EACZC,YAAY,EACZC,UAAU,GACVC,wBACAC,iBACAC,kBACAC,gBACAC,cAAa,EACbC,oBAAmB,EACnBC,qBAAoB,EACpBC,SAAQ,EACRC,SAAQ,EACRC,mBACAC,sBAAqB,EACrBC,wBACAC,iBACAC,iBACAC,aACAC,YACAC,UAAWC,EACXC,sBACAC,2BACAC,kBACAC,wBACAC,qBACAC,2BACAC,qBACAC,0BACAC,4BACAC,UACAC,8BAA4B,EAC5BC,8BACAC,iCACAC,iCACAC,uCAEM,MAAAC,GAAmBpC,GAAkB8B,IAAQ/B,YAAcD,GAE1DuC,GAAYC,IAAiBC,YAAS,IACtCC,GAAgBC,IAAqBF,YAAS,IAC9CG,GAAmBC,IAAwBJ,YAAS,GACrDK,GAAUC,SAA6B,OACtCC,GAAcC,IAAmBR,WAAS/B,IAC1CwC,GAAiBC,IAAsBV,YAAS,IAChDW,GAAwBC,IAA6BZ,WAAS,CAAEa,YAAY,EAAIC,UAAU,KAC1FC,GAA4BC,IAAiChB,EAAAA,SAAc,CAAE,IAC7ExC,GAAYyD,IAAiBjB,EAAAA,SAAS,IAAMkB,eAAaC,SAAStB,KAEzEuB,EAAAA,UAAU,IACYF,EAAAA,aAAaG,UAAUJ,IAE1C,IAGG,MAAAK,GAAQ3C,GAAazB,GAAgBoE,OAAS,kBAC9CC,GAAOrE,GAAgB/B,aAAeA,EACtCqG,GAAgBtE,GAAgBuE,OAChCC,GAAOxE,GAAgBD,UAAYA,GAAY,GAE/C0E,GAAaH,GAAc7G,MAAM,MAAMpC,OAEvCqJ,GAAiB,CAAEf,WAAYnD,EAAWoD,SAAUnD,GAEpDkE,GAAe,CACnB,CAAEtI,MAAO,eAAgBuI,QAASlE,GAClC,CAAErE,MAAO,QAASuI,QAASjE,GAC3B,CAAEtE,MAAO,SAAUuI,QAAShE,IAC5BhC,OAAQiG,GAAMA,EAAED,SAEZE,GAAWH,GAAatJ,OAAS,EACjC0J,GAA6BxC,IAA8BD,GAC3D0C,GAAgCxC,IAAiCF,GACjE2C,GAAgCxC,IAAiCH,GACjE4C,GAAkCxC,IAAmCJ,GACrE6C,GAAsB,CAC1BC,EACAC,EACAC,KACI,CACJC,QAAS,CACPhG,MAAO,CACLiG,gBAAiBF,EACjB3F,MAAO,UACPE,WAAY,mCACTwC,IAAQkD,WACRH,IAGPK,MAAO,CACLlG,MAAO,CACLI,MACE0F,GAAY1F,OACZyF,GAAcI,iBACdnD,IAAQqD,cAAc/F,OACtB0C,IAAQkD,SAASC,iBACjBF,KACCjD,IAAQqD,gBACRL,MAKHM,GACJnG,EAAAA,IAAC,MAAA,CACCD,MAAO,CACLqG,QAAS,OACTzG,IAAK,SACL0G,UAAW,oBACXC,UAAW,OACXC,WAAY,OACZrG,SAAU,WACVD,WAAY,MACZE,MAAOW,GAAa,UAAY,OAChCT,WAAY,mCACTwC,IAAQ2D,UACR3D,IAAQ4D,cAGb3G,SAAC4G,EAAAA,KAAA,OAAA,CAAK3G,MAAO8C,IAAQ8D,iBAAkB7G,SAAA,CAAA,gBAAcmF,QAIzDP,EAAAA,UAAU,KACR,MAAMkC,EAAKjD,GAAQkD,QACdD,GACgBlD,GAAAkD,EAAGE,aAAeF,EAAGG,eACzC,CAAClC,KAcJ,MAAMmC,GAAkB,KACtBlD,IAAgB,IAGZmD,GACJjH,EAAAA,IAACkH,EAAA,QAAA,CACC/C,WAAYe,GAAef,WAC3BC,SAAUc,GAAed,SACzB+C,SAAS,MACTxG,aAAa,OACbC,YAAY,OACZwG,KAAMtC,GACNuC,uBAAuB,EACvBxG,kBAAmBC,GACnBmD,0BACAC,6BACAG,8BACAC,iCACAlB,WAAYA,IAAcS,GAC1ByD,iBAAkBpC,KAIhBqC,GAGFb,EAAAA,KAAAc,EAAAA,SAAA,CAAA1H,SAAA,CAAA4G,EAAAA,KAAC,MAAA,CACC3G,MAAO,CACL0H,MAAOnG,EAAa,MAAQ,OAC5BoG,QAAS,eACTtB,QAAS,OACTuB,cAAe,SACfC,UAAW,OACXC,YAAavG,EAAa,oBAAsB,OAChDwG,UAAW,gBACRjF,IAAQkF,WAIbjI,SAAA,CAAA4G,EAAAA,KAAC,MAAA,CACC3G,MAAO,CACLK,aAAc,UACdgG,QAAS,OACT4B,WAAY,SACZrI,IAAK,UACLsI,SAAU,UAIZnI,SAAA,CAAAE,EAAAA,IAACkI,EAAA,QAAA,CACCtD,MAAO5E,EAAAA,IAAC,OAAK,CAAAD,MAAO,IAAK8C,IAAQsF,kBAAmBtF,IAAQuF,qBAAwBtI,SAAM8E,KAC1FyD,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CACEzF,SAAU,UACVqI,SAAU,IACVb,QAAS,cACN7E,IAAQ2F,cAEb3F,IAAQ4F,kBACR3H,GAAa,UAAY,WAG3BhB,SAAA4G,EAAAA,KAAC,OAAA,CACC3G,MAAO,CACLE,WAAY,MACZC,SAAU,UACVC,MAAOW,GAAa,UAAY,UAChCT,WAAY,gCACZqI,WAAY,IACZtC,QAAS,OACT4B,WAAY,SACZrI,IAAK,MACLgJ,SAAU,EACVC,WAAY,KACT/F,IAAQ+B,OAGZ9E,SAAA,CACCqC,GAAAuE,EAAAA,KAAC,MAAA,CACCe,MAAO5E,IAAQX,WAAWuF,OAAS,GACnCoB,OAAQhG,IAAQX,WAAW2G,QAAU,GACrCC,QAAQ,YACRC,KAAK,OACLC,MAAM,6BACNjJ,MAAO,CAAEI,MAAO0C,IAAQX,WAAW/B,QAAUW,GAAa,UAAY,WAAY8H,WAAY,GAE9F9I,SAAA,CAACE,EAAAA,IAAA,OAAA,CAAKiJ,EAAE,8BAA8BC,OAAO,eAAeC,YAAY,IAAIC,cAAc,UAC1FpJ,EAAAA,IAAC,QAAKiJ,EAAE,iEAAiEC,OAAO,eAAeC,YAAY,IAAIC,cAAc,UAC5HpJ,EAAAA,IAAA,OAAA,CAAKqJ,GAAG,IAAIC,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKN,OAAO,eAAeC,YAAY,IAAIC,cAAc,UACxFpJ,EAAAA,IAAA,OAAA,CAAKqJ,GAAG,IAAIC,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKN,OAAO,eAAeC,YAAY,IAAIC,cAAc,UACxFpJ,EAAAA,IAAA,OAAA,CAAKqJ,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKN,OAAO,eAAeC,YAAY,IAAIC,cAAc,UACzFpJ,EAAAA,IAAA,OAAA,CAAKqJ,GAAG,IAAIC,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKN,OAAO,eAAeC,YAAY,IAAIC,cAAc,UACxFpJ,EAAAA,IAAA,OAAA,CAAKiJ,EAAE,4EAA4EF,KAAK,oBAG7F/I,EAAAA,IAAC,QAAKD,MAAO,CAAE0J,SAAU,SAAUC,aAAc,WAAYC,WAAY,UACtE7J,SAAM8E,GAAA/I,OAAS,GAAK,GAAG+I,GAAMvG,MAAM,EAAG,QAAUuG,UAItDnD,IAAUC,GACTgF,EAAAA,KAAC,QAAK3G,MAAO,CACXqG,QAAS,cACT4B,WAAY,SACZrI,IAAK,MACLiK,WAAY/G,IAAQgH,UAAU7D,kBAAoBlF,GAAa,UAAY,WAC3EgJ,aAAc,MACdpC,QAAS,UACTxH,SAAU,UACVD,WAAY,MACZE,MAAO0C,IAAQgH,UAAU1J,QAAUW,GAAa,UAAY,WAC5DiJ,cAAe,SACf1J,WAAY,gCACZ2J,cAAe,YACfpB,WAAY,GACX9I,SAAA,CAAA,MAEDE,EAAAA,IAACkI,EAAA,QAAA,CACCtD,aACG,OAAK,CAAA7E,MAAO,CAAEG,SAAU,SAAUwI,WAAY,IAAKrI,WAAY,gCAAiCF,MAAO0C,IAAQoH,YAAY9J,OAAS,aAAc0C,IAAQsF,kBAAmBtF,IAAQqH,mBACpLpK,SAAA,CAAAE,EAAAA,IAAC,UAAOF,SAA8B,mCAAS,iIAGnDuI,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CAAE4C,SAAU,IAAKb,QAAS,cAAe7E,IAAQoH,YACjDpH,IAAQsH,gBACR,WAGFrK,SAACE,EAAAA,IAAAoK,eAAA,CAASrK,MAAO,CAAEG,SAAU,UAAWC,MAAO0C,IAAQwH,mBAAqBvJ,GAAa,YAAc,aAAcwJ,OAAQ,kBAIlI5I,GACEgF,EAAAA,KAAA,OAAA,CAAK3G,MAAO,CACXqG,QAAS,cACT4B,WAAY,SACZrI,IAAK,MACLiK,WAAY/G,IAAQ0H,UAAUvE,kBAAoBlF,GAAa,UAAY,WAC3EgJ,aAAc,MACdpC,QAAS,UACTxH,SAAU,UACVD,WAAY,MACZE,MAAO0C,IAAQ0H,UAAUpK,QAAUW,GAAa,UAAY,WAC5DiJ,cAAe,SACf1J,WAAY,gCACZ2J,cAAe,YACfpB,WAAY,GACX9I,SAAA,CAAA,MAEDE,EAAAA,IAACkI,EAAA,QAAA,CACCtD,aACG,OAAK,CAAA7E,MAAO,CAAEG,SAAU,SAAUwI,WAAY,IAAKrI,WAAY,gCAAiCF,MAAO0C,IAAQ2H,YAAYrK,OAAS,aAAc0C,IAAQsF,kBAAmBtF,IAAQ4H,mBACpL3K,SAAA,CAAAE,EAAAA,IAAC,UAAOF,SAA8B,mCAAS,sKAGnDuI,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CAAE4C,SAAU,IAAKb,QAAS,cAAe7E,IAAQ2H,YACjD3H,IAAQ6H,gBACR,WAGF5K,SAACE,EAAAA,IAAAoK,eAAA,CAASrK,MAAO,CAAEG,SAAU,UAAWC,MAAO0C,IAAQ8H,mBAAqB7J,GAAa,YAAc,aAAcwJ,OAAQ,kBAIlItF,IACChF,EAAAA,IAAC,OAAA,CACCD,MAAO,CACLG,SAAU,UACVC,MAAO,OACPyJ,WAAY,UACZE,aAAc,MACdpC,QAAS,WAGV5H,SAAAkF,KAKJpD,GACE5B,EAAAA,IAAA,MAAA,CAAID,MAAO,CAAE6K,KAAM,KAErBhJ,GACC5B,EAAAA,IAACkI,EAAA,QAAA,CACCtD,MAAQ5E,EAAAA,IAAA,OAAA,CAAKD,MAAO,CAAEG,SAAU,SAAUG,WAAY,mCAAoCwC,IAAQsF,kBAAmBtF,IAAQgI,+BAAiC/K,SAAqB,0BACnLuI,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CAAE+B,QAAS,cAAe7E,IAAQiI,wBAClCjI,IAAQkI,4BACRjK,GAAa,UAAY,WAG3BhB,SAAA4G,EAAAA,KAAC,SAAA,CACCsE,QAAUC,IAAQA,EAAEC,kBAAmBrJ,IAAwB,0BAC/D9B,MAAO,CACLqG,QAAS,cACT4B,WAAY,SACZrI,IAAK,MACL+H,QAAS,mBACToC,aAAc,MACdqB,OAAQ,cAAarK,GAAa,UAAY,WAC9C8I,WAAY9I,GAAa,UAAY,UACrCX,MAAOW,GAAa,UAAY,UAChCZ,SAAU,UACVD,WAAY,MACZI,WAAY,gCACZiK,OAAQ,UACR1B,WAAY,EACZe,WAAY,YACT9G,IAAQuI,uBAGZtL,SAAA,CAAAsC,GAKCsE,EAAAA,KAAC,MAAI,CAAAsC,MAAM,6BAA6BvB,MAAM,OAAOoB,OAAO,OAAOC,QAAQ,YAAYC,KAAK,OAC1FjJ,SAAA,CAAAE,EAAAA,IAAC,OAAK,CAAAiJ,EAAE,YAAYC,OAAQrG,IAAQwI,2BAA6B,eAAgBlC,YAAY,IAAIC,cAAc,QAAQkC,eAAe,UACtItL,EAAAA,IAAC,QAAK7C,EAAE,KAAKC,EAAE,IAAIqK,MAAM,KAAKoB,OAAO,IAAIE,KAAMlG,IAAQ0I,yBAA2B,UAAWrC,OAAQrG,IAAQwI,2BAA6B,eAAgBlC,YAAY,IAAIC,cAAc,QAAQkC,eAAe,UAC9MtL,EAAAA,IAAA,OAAA,CAAKiJ,EAAE,4BAA4BC,OAAQrG,IAAQwI,2BAA6B,eAAgBlC,YAAY,IAAIC,cAAc,QAAQkC,eAAe,UACtJtL,EAAAA,IAAC,QAAK7C,EAAE,IAAIC,EAAE,KAAKqK,MAAM,IAAIoB,OAAO,IAAIE,KAAMlG,IAAQ0I,yBAA2B,UAAWrC,OAAQrG,IAAQwI,2BAA6B,eAAgBlC,YAAY,IAAIC,cAAc,QAAQkC,eAAe,UAC9MtL,EAAAA,IAAC,QAAK7C,EAAE,KAAKC,EAAE,KAAKqK,MAAM,IAAIoB,OAAO,IAAIE,KAAMlG,IAAQ0I,yBAA2B,UAAWrC,OAAQrG,IAAQwI,2BAA6B,eAAgBlC,YAAY,IAAIC,cAAc,QAAQkC,eAAe,UAC/MtL,EAAAA,IAAC,QAAK7C,EAAE,KAAKC,EAAE,KAAKqK,MAAM,IAAIoB,OAAO,IAAIE,KAAMlG,IAAQ0I,yBAA2B,UAAWrC,OAAQrG,IAAQwI,2BAA6B,eAAgBlC,YAAY,IAAIC,cAAc,QAAQkC,eAAe,aAEjN,QAEDjJ,GACEqE,EAAAA,KAAA,MAAA,CAAIe,MAAM,KAAKoB,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OAAOG,OAAO,eAAeC,YAAY,MAAMC,cAAc,QAAQkC,eAAe,QACvIxL,SAAA,CAACE,EAAAA,IAAA,OAAA,CAAKqJ,GAAG,IAAIC,GAAG,KAAKC,GAAG,KAAKC,GAAG,OAAMxJ,EAAAA,IAAC,WAAS,CAAAwL,OAAO,gCASlE3G,IACC6B,EAAAA,KAAC,MAAA,CACC3G,MAAO,CACLoL,OAAQ,aAAatI,IAAQ4I,iBAAiBC,aAAe,gBAC7D5B,aAAcjH,IAAQ4I,iBAAiB3B,cAAgB,MACvDpC,QAAS7E,IAAQ4I,iBAAiB/D,SAAW,YAC7C1B,gBAAiBnD,IAAQ4I,iBAAiBzF,iBAAmB,cAC7D5F,aAAc,UAGhBN,SAAA,CAAAE,MAAC,OAAID,MAAO,CACVE,WAAY,MACZC,SAAU,UACVG,WAAY,gCACZD,aAAc,MACdD,MAAOW,GAAa,UAAY,aAC7B+B,IAAQ8I,oBACV7L,SAEH,2BACC,MAAI,CAAAC,MAAO,CAAE6L,SAAU,YACtB9L,SAAA,CAAAE,EAAAA,IAAC,IAAA,CACC6L,IAAKlI,GACL5D,MAAO,CACLG,SAAU,WACVwI,WAAY,MACZoD,OAAQ,EACRzL,WAAY,gCACZF,MAAOW,GAAa,UAAY,OAChCsF,QAAS,cACT2F,gBAAiB,WACjBC,gBAAiBzI,GAAiB,QAAU,EAC5CkG,SAAUlG,GAAiB,UAAY,YACpCV,IAAQpE,aAGZqB,SAAA+E,KAEFpB,KAAsBF,IACrBvD,EAAAA,IAAC,SAAA,CACCgL,QAAS,IAAMxH,IAAkB,GACjCzD,MAAO,CACL6L,SAAU,WACVK,OAAQ,EACRC,MAAO,EACPtC,WAAY,0CAA0C9I,GAAa,UAAY,iBAC/EqK,OAAQ,OACRgB,YAAa,OACbC,aAAc,EACd9B,OAAQ,UACRpK,SAAU,WACVD,WAAY,MACZI,WAAY,gCACZF,MAAOW,GAAa,UAAY,UAChC4H,WAAY,SACT7F,IAAQwJ,uBAEdvM,SAAA,YAIFyD,IACCvD,EAAAA,IAAC,SAAA,CACCgL,QAAS,IAAMxH,IAAkB,GACjCzD,MAAO,CACL6J,WAAY,OACZuB,OAAQ,OACRzD,QAAS,UACT4C,OAAQ,UACRpK,SAAU,WACVD,WAAY,MACZI,WAAY,gCACZF,MAAOW,GAAa,UAAY,UAChCsF,QAAS,WACNvD,IAAQyJ,uBAEdxM,SAAA,eASRiC,GAAkBA,EAAelG,OAAS,GACzCmE,EAAAA,IAAC,MAAA,CACCD,MAAO,CACLqG,QAAS,OACT6B,SAAU,OACV5B,UAAW,cAAavF,GAAa,YAAc,aACnDyL,aAAc,cAAazL,GAAa,YAAc,aACtDV,aAAc,YACXyC,IAAQ2J,aAGZ1M,SAAAiC,EAAe/F,IAAI,CAACyQ,EAAO1P,IACzB2J,EAAAA,KAAAgG,EAAA,QAAMlF,SAAN,CACE1H,SAAA,CAAA/C,EAAM,GACLiD,EAAAA,IAAC,MAAA,CACCD,MAAO,CACL0H,MAAO,MACPkF,UAAW,UACX/C,WAAY9I,GAAa,YAAc,eACpC+B,IAAQ+J,mBAIjBlG,EAAAA,KAAC,MAAA,CACC3G,MAAO,CACL6K,KAAM,YACNlD,QAAS,eACN7E,IAAQgK,cAGb/M,SAAA,CAAAE,EAAAA,IAAC,MAAA,CACCD,MAAO,CACLG,SAAU,UACVD,WAAY,MACZI,WAAY,gCACZF,MAAOW,GAAa,UAAY,UAChCV,aAAc,SACXyC,IAAQiK,eAGZhN,SAAM2M,EAAA5P,QAETmD,EAAAA,IAAC,MAAA,CACCD,MAAO,CACLG,SAAU,WACVD,WAAY,MACZI,WAAY,gCACZF,MAAOW,GAAa,UAAY,aAC7B+B,IAAQkK,eAGZjN,SAAM2M,EAAAO,aAvCQjQ,MAgDQ,KAAlCyD,GAAgByM,eACfvG,EAAAA,KAACwG,EAAA,QAAA,CACCC,gBAAiB5H,GACjBxF,MAAO,CACLK,aAAc,OACd+K,OAAQ,aAAatI,IAAQuK,sBAAsB1B,cAAgB5K,GAAa,YAAc,eAC9FgJ,aAAc,kBACduD,UAAW,OACXzD,WAAY,iBACT/G,IAAQuK,sBAGbtN,SAAA,CAAAE,EAAAA,IAACsN,EAAA,QAAA,CACCC,WAAYhL,GAA0BvC,EAAAA,IAAAwN,EAAAA,QAAA,CAAezN,MAAO,CAAEI,MAAO0C,IAAQ4K,4BAA8B3M,GAAa,UAAY,cACpIf,MAAO,CACL2N,UAAW,OACXhG,QAAS,SACTkC,WAAY,iBACT/G,IAAQ8K,mBAGb7N,SAAA4G,EAAAA,KAAC,MAAI,CAAA3G,MAAO,CAAEqG,QAAS,OAAQ4B,WAAY,SAAUrI,IAAK,QACxDG,SAAA,CAAAE,MAAC,QAAKD,MAAO,CACXqG,QAAS,cACT4B,WAAY,SACZ4F,eAAgB,SAChBnG,MAAO,OACPoB,OAAQ,OACRiB,aAAc,MACdqB,OAAQ,eAAetI,IAAQgL,sBAAwB,YACvDjF,WAAY,KACT/F,IAAQiL,uBAEVhO,SACCwC,GAAAtC,EAAAA,IAAC,MAAI,CAAAgJ,MAAM,6BAA6BvB,MAAM,KAAKoB,OAAO,KAAKC,QAAQ,YACrEhJ,SAAAE,EAAAA,IAAC,KAAEpD,GAAG,WACNkD,eAAC,IAAE,CAAAlD,GAAG,OACNkD,SAAAE,EAAAA,IAAC,YAAS+I,KAAK,OAAOyC,OAAO,yBAAyBtC,OAAQrG,IAAQgL,sBAAwB,UAAWzE,cAAc,QAAQkC,eAAe,QAAQnC,YAAY,cAMxKnJ,MAAC,QAAKD,MAAO,CACXE,WAAY,MACZC,SAAU,SACVG,WAAY,gCACZF,MAAOW,GAAa,UAAY,aAC7B+B,IAAQkL,kBACVjO,SAEH,uBAGJE,EAAAA,IAACgO,EAAA,QAAA,CACCjO,MAAO,CACL2H,QAAS,YACTkC,WAAY/G,IAAQoL,oBAAoBjI,kBAAoBlF,GAAa,YAAc,gBACpF+B,IAAQoL,oBAGbnO,SAAAE,EAAAA,IAACkO,EAAAA,iBAAA,CACCC,QAAS3N,GAAgByM,cACzBlN,MAAO8C,IAAQuL,iBACfC,UAAWxL,IAAQyL,aACnBC,SAAU1L,IAAQ2L,YAClBC,gBAAiB5L,IAAQ6L,mBACzBC,uBAAwB9L,IAAQ8L,uBAChCC,2BAA4B/L,IAAQgM,4BAOL,KAAtCrO,GAAgBsO,mBACfpI,EAAAA,KAACwG,EAAA,QAAA,CACCC,gBAAiB3H,GACjBzF,MAAO,CACLK,aAAc,OACd+K,OAAQ,aAAatI,IAAQkM,yBAAyBrD,cAAgB5K,GAAa,YAAc,eACjGgJ,aAAc,iBACduD,UAAW,OACXzD,WAAY,iBACT/G,IAAQkM,yBAGbjP,SAAA,CAAAE,EAAAA,IAACsN,EAAA,QAAA,CACCC,WAAY9K,GAA6BzC,EAAAA,IAAAwN,EAAAA,QAAA,CAAezN,MAAO,CAAEI,MAAO0C,IAAQ4K,4BAA8B3M,GAAa,UAAY,cACvIf,MAAO,CACL2N,UAAW,OACXhG,QAAS,SACTkC,WAAY,iBACT/G,IAAQmM,sBAGblP,SAAA4G,EAAAA,KAAC,MAAI,CAAA3G,MAAO,CAAEqG,QAAS,OAAQ4B,WAAY,SAAUrI,IAAK,QACxDG,SAAA,CAAAE,MAAC,QAAKD,MAAO,CACXqG,QAAS,cACT4B,WAAY,SACZ4F,eAAgB,SAChBnG,MAAO,OACPoB,OAAQ,OACRiB,aAAc,MACdqB,OAAQ,eAAetI,IAAQoM,yBAA2B,YAC1DrG,WAAY,KACT/F,IAAQqM,0BAEVpP,SAAA0C,GACExC,EAAAA,IAAA,MAAA,CAAIgJ,MAAM,6BAA6BvB,MAAM,KAAKoB,OAAO,KAAKC,QAAQ,YAAYC,KAAK,OACtFjJ,SAACE,EAAAA,IAAA,OAAA,CAAKiJ,EAAE,6BAA6BC,OAAQrG,IAAQoM,yBAA2B,UAAW9F,YAAY,IAAIC,cAAc,QAAQkC,eAAe,cAItJtL,MAAC,QAAKD,MAAO,CACXE,WAAY,MACZC,SAAU,SACVG,WAAY,gCACZF,MAAOW,GAAa,UAAY,aAC7B+B,IAAQsM,qBACVrP,SAEH,2BAGJE,EAAAA,IAACgO,EAAA,QAAA,CACCjO,MAAO,CACL2H,QAAS,YACTkC,WAAY/G,IAAQuM,uBAAuBpJ,kBAAoBlF,GAAa,YAAc,gBACvF+B,IAAQuM,uBAGbtP,SAAAE,EAAAA,IAACkO,EAAAA,iBAAA,CACCC,QAAS3N,GAAgBsO,kBACzB/O,MAAO8C,IAAQuL,iBACfC,UAAWxL,IAAQyL,aACnBC,SAAU1L,IAAQ2L,YAClBC,gBAAiB5L,IAAQ6L,mBACzBC,uBAAwB9L,IAAQ8L,uBAChCC,2BAA4B/L,IAAQgM,4BAO3CvJ,IACCoB,EAAAA,KAACwG,EAAA,QAAA,CACCC,gBAAiB1H,GACjB1F,MAAO,CACLK,aAAc,OACd+K,OAAQ,aAAatI,IAAQwM,uBAAuB3D,cAAgB5K,GAAa,YAAc,eAC/FgJ,aAAc,MACduD,UAAW,OACXzD,WAAY,iBACT/G,IAAQwM,uBAGbvP,SAAA,CAAAE,EAAAA,IAACsN,EAAA,QAAA,CACCC,WAAY3K,IAA6B5C,EAAAA,IAAAwN,EAAAA,QAAA,CAAezN,MAAO,CAAEI,MAAO0C,IAAQyM,gCAAkCxO,GAAa,UAAY,cAC3If,MAAO,CACL2N,UAAW,OACXhG,QAAS,SACTkC,WAAY,eAGd9J,SAAA4G,EAAAA,KAAC,MAAI,CAAA3G,MAAO,CAAEqG,QAAS,OAAQ4B,WAAY,SAAUrI,IAAK,QACxDG,SAAA,CAAAE,MAAC,QAAKD,MAAO,CACXqG,QAAS,cACT4B,WAAY,SACZ4F,eAAgB,SAChBnG,MAAO,OACPoB,OAAQ,OACRiB,aAAc,MAEdlB,WAAY,GAEX9I,SAAA4C,GAMCgE,EAAAA,KAAC,MAAI,CAAAsC,MAAM,6BAA6BvB,MAAM,KAAKoB,OAAO,KAAKC,QAAQ,YAAYC,KAAK,UACtFjJ,SAAA,CAAAE,EAAAA,IAAC,OAAK,CAAA7C,EAAE,MAAMC,EAAE,MAAMqK,MAAM,KAAKoB,OAAO,KAAK0G,GAAG,MAAMrG,OAAO,UAAU,eAAa,QACpFlJ,EAAAA,IAAC,QAAKiJ,EAAE,UAAUC,OAAO,eAAe,eAAa,MAAM,iBAAe,UAC1ElJ,EAAAA,IAAC,QAAKiJ,EAAE,aAAaC,OAAO,eAAe,eAAa,MAAM,iBAAe,UAC7ElJ,EAAAA,IAAC,QAAKiJ,EAAE,aAAaC,OAAO,eAAe,eAAa,MAAM,iBAAe,eAInFlJ,MAAC,QAAKD,MAAO,CACXE,WAAY,MACZC,SAAU,SACVG,WAAY,gCACZF,MAAOW,GAAa,UAAY,aAC7B+B,IAAQ2M,qBACV1P,SAEH,mBACAE,EAAAA,IAACkI,EAAA,QAAA,CACCtD,aACG,OAAK,CAAA7E,MAAO,CAAEG,SAAU,SAAUwI,WAAY,IAAKrI,WAAY,gCAAiCF,MAAO0C,IAAQ4M,uBAAuBtP,OAAS,aAAc0C,IAAQsF,kBAAmBtF,IAAQ6M,8BAC/L5P,SAAA,CAAAE,EAAAA,IAAC,UAAOF,SAAe,oBAAS,qIAGpCuI,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CAAE4C,SAAU,IAAKb,QAAS,cAAe7E,IAAQ4M,uBACjD5M,IAAQ8M,2BACR,WAGF7P,eAAC,OACE,CAAAA,SAAA6C,IAA2B3C,EAAAA,IAAAoK,eAAA,CAASrK,MAAO,CAAEG,SAAU,UAAWC,MAAOW,GAAa,UAAY,UAAWwJ,OAAQ,sBAK9HtK,EAAAA,IAACgO,EAAA,QAAA,CACCjO,MAAO,CACL2H,QAAS,YACTkC,WAAY/G,IAAQ+M,uBAAuB5J,kBAAoBlF,GAAa,YAAc,aAC1FsF,QAAS,OACTuB,cAAe,SACfhI,IAAK,UACFkD,IAAQ+M,uBAGZ9P,SAAAqF,GAAanJ,IAAI,EAAGa,QAAOuI,oBACzB,MACC,CAAAtF,SAAA,CAAAE,MAAC,OAAID,MAAO,CACVG,SAAU,UACVD,WAAY,MACZE,MAAO,UACP6J,cAAe,YACfD,cAAe,SACf3J,aAAc,SACdC,WAAY,mCACTwC,IAAQgN,yBAEV/P,SACHjD,IACAmD,EAAAA,IAACkO,EAAAA,iBAAA,CACCC,QAAS/I,EAETlF,SAAS,UACTH,MAAO8C,IAAQuL,iBACfC,UAAWxL,IAAQyL,aACnBC,SAAU1L,IAAQ2L,YAClBC,gBAAiB5L,IAAQ6L,mBACzBC,uBAAwB9L,IAAQ8L,uBAChCC,2BAA4B/L,IAAQgM,yBAtB9BhS,SA+BjB2D,GAAgBsP,UAAYtP,EAAesP,SAASjU,OAAS,GAC5D6K,OAAC,MAAI,CAAA3G,MAAO,CAAEK,aAAc,SAAWkG,UAAU,UAC/CxG,SAAA,CAAA4G,EAAAA,KAAC,MAAI,CAAA3G,MAAO,CAAEqG,QAAS,OAAQ4B,WAAY,SAAUrI,IAAK,MAAOS,aAAc,SAASkG,UAAU,UAChGxG,SAAA,CAACE,EAAAA,IAAAH,EAAA,CAAaE,MAAO,IAAK8C,IAAQkN,aAAc3P,aAAc,GAAKN,SAAK,UACxEE,EAAAA,IAACkI,EAAA,QAAA,CACCtD,MACG8B,EAAAA,KAAA,OAAA,CAAK3G,MAAO,CAAEG,SAAU,SAAUwI,WAAY,IAAKrI,WAAY,gCAAiCF,MAAO0C,IAAQmN,YAAY7P,OAAS0C,IAAQoH,YAAY9J,OAAS,aAAc0C,IAAQsF,kBAAmBtF,IAAQoN,mBACjNnQ,SAAA,CAAAE,EAAAA,IAAC,UAAOF,SAA0B,+BAAS,8HAG/CuI,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CAAE4C,SAAU,IAAKb,QAAS,cAAgB7E,IAAQmN,YAAcnN,IAAQoH,YACxEpH,IAAQqN,iBAAmBrN,IAAQsH,gBACnC,WAGFrK,SAACE,EAAAA,IAAAoK,EAAAA,aAAA,CAASrK,MAAO,CAAEG,SAAU,UAAWC,MAAOW,GAAa,UAAY,UAAWwJ,OAAQ,kBAG9FtK,EAAAA,IAAA,MAAA,CAAID,MAAO,CAAEqG,QAAS,OAAQuB,cAAe,SAAUhI,IAAK,OAC1DG,SAAAU,EAAesP,SAAS9T,IAAKmU,GAC5BzJ,EAAAA,KAAC,MAAA,CAEC3G,MAAO,CACLoL,OAAQ,aAAatI,IAAQuN,aAAa1E,cAAgB5K,GAAa,YAAc,eACrFgJ,aAAc,MACdpC,QAAS,aAGX5H,SAAA,CAAA4G,EAAAA,KAAC,MAAA,CACCsE,QAAS,IAAMlJ,IAAiBqO,EAAQvL,OACxC7E,MAAO,CACLG,SAAU,UACVD,WAAY,MACZE,MAAO0C,IAAQuN,aAAaC,aAAevP,GAAa,UAAY,WACpET,WAAY,gCACZiK,OAAQxI,EAAiB,UAAY,UACrC1B,aAAc,MACdgG,QAAS,cACT4B,WAAY,SACZrI,IAAK,OAGPG,SAAA,CAAA4G,OAAC,QAAK3G,MAAO,CACXG,SAAU,UACVD,WAAY,MACZE,MAAO0C,IAAQuN,aAAaE,aAAexP,GAAa,UAAY,WACpET,WAAY,gCACZsI,SAAU,OACVC,WAAY,GAEX9I,SAAA,CAAQqQ,EAAAI,MAAM,OAEjBvQ,MAAC,QAAKD,MAAO,CACXyQ,eAAgB1O,EAAiB,YAAc,OAC/C2O,oBAAqB5N,IAAQuN,aAAaC,aAAevP,GAAa,UAAY,WAClF4P,oBAAqB,OAEpB5Q,WAAQ8E,QAEV9C,GACC4E,EAAAA,KAAC,MAAA,CACCsC,MAAM,6BACNvB,MAAM,KACNoB,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLG,OAAO,eACPC,YAAY,MACZC,cAAc,QACdkC,eAAe,QACfvL,MAAO,CAAE6I,WAAY,EAAG+H,QAAS,IAEjC7Q,SAAA,CAACE,EAAAA,IAAA,OAAA,CAAKiJ,EAAE,6DACRjJ,EAAAA,IAAC,WAAS,CAAAwL,OAAO,mBACjBxL,EAAAA,IAAC,QAAKqJ,GAAG,KAAKC,GAAG,KAAKC,GAAG,KAAKC,GAAG,YAIvCxJ,MAAC,OAAID,MAAO,CACVG,SAAU,UACVC,MAAO0C,IAAQuN,aAAaQ,mBAAqB9P,GAAa,UAAY,WAC1ET,WAAY,gCACZqI,WAAY,KACZyD,YAAa,QAEZrM,WAAQrB,gBAhEN0R,EAAQI,aAyEtB5O,GACC+E,EAAAA,KAACwG,EAAA,QAAA,CACCC,gBAAiBzH,GACjB3F,MAAO,CACLK,aAAc,OACdkG,UAAW,SACX6E,OAAQ,aAAatI,IAAQgO,YAAYnF,cAAgB5K,GAAa,YAAc,eACpFgJ,aAAc,MACduD,UAAW,OACXzD,WAAY,iBACT/G,IAAQgO,YAGb/Q,SAAA,CAAAE,EAAAA,IAACsN,EAAA,QAAA,CACCC,WAAavN,EAAAA,IAAAwN,EAAAA,QAAA,CAAezN,MAAO,CAAEI,MAAO0C,IAAQiO,kBAAoBhQ,GAAa,UAAY,cACjGf,MAAO,CACL2N,UAAW,OACXhG,QAAS,SACTkC,WAAY,iBACT/G,IAAQkO,kBAGbjR,SAAA4G,EAAAA,KAAC,MAAI,CAAA3G,MAAO,CAAEqG,QAAS,OAAQ4B,WAAY,SAAUrI,IAAK,OACxDG,SAAA,CAAA4G,OAAC,QAAK3G,MAAO,CACXE,WAAY,MACZC,SAAU,SACVG,WAAY,gCACZF,MAAOW,GAAa,UAAY,aAC7B+B,IAAQmO,iBACVlR,SAAA,CAAA,wBACqB6B,EAAiBsP,sBAAsB,OAE/DjR,EAAAA,IAAC,OAAK,CAAAD,MAAO,CAAEI,MAAOW,GAAa,UAAY,UAAWZ,SAAU,WAAaJ,SAAC,MAClF4G,OAAC,QAAK3G,MAAO,CACXG,SAAU,UACVD,WAAY,MACZE,MAAOW,GAAa,UAAY,UAChCT,WAAY,iCAEXP,SAAA,CAAiB6B,EAAAuP,sBAAsB,gBAI9ClR,EAAAA,IAACgO,EAAA,QAAA,CACCjO,MAAO,CACL2H,QAAS,YACTkC,WAAY/G,IAAQsO,mBAAmBnL,iBAAmB,cAC1DI,QAAS,OACTuB,cAAe,SACfhI,IAAK,SACFkD,IAAQsO,mBAGZrR,SAAiB6B,EAAAyP,uBAAuBpV,IAAI,CAACqV,EAAMtU,IAClD2J,EAAAA,KAAC,MAAA,CAEC3G,MAAO,CACLoL,OAAQ,aAAatI,IAAQyO,sBAAsB5F,cAAgB5K,GAAa,YAAc,eAC9FgJ,aAAc,OACdL,SAAU,SACV/B,QAAQ,MACRkC,WAAY/G,IAAQyO,sBAAsBtL,kBAAoBlF,GAAa,YAAc,gBACtF+B,IAAQyO,sBAIbxR,SAAA,CAAA4G,OAAC,OAAI3G,MAAO,CACV2H,QAAS,YACToC,aAAa,OACbF,WAAY/G,IAAQ0O,2BAA2BvL,kBAAoBlF,GAAa,YAAc,aAC9FyL,aAAc,aAAa1J,IAAQ0O,2BAA2B7F,cAAgB5K,GAAa,YAAc,kBACtG+B,IAAQ0O,2BAEXzR,SAAA,CAAA4G,OAAC,OAAI3G,MAAO,CACVG,SAAU,UACVD,WAAY,MACZE,MAAOW,GAAa,UAAY,UAChCT,WAAY,gCACZD,aAAc,MACdsI,WAAY,OACT7F,IAAQ2O,0BAEV1R,SAAA,CAAM/C,EAAA,EAAE,KAAGsU,EAAKI,QAEnBzR,EAAAA,IAACkO,EAAAA,iBAAA,CACCC,QAASkD,EAAK5S,YACdyB,SAAS,UACTH,MAAO,CAAE2I,WAAY,IAAKvI,MAAOW,GAAa,UAAY,aAAe+B,IAAQ6O,iCAAmC,CAAA,GACpHrD,UAAWxL,IAAQyL,aACnBC,SAAU1L,IAAQ2L,YAClBC,gBAAiB5L,IAAQ6L,mBACzBC,uBAAwB9L,IAAQ8L,uBAChCC,2BAA4B/L,IAAQgM,0BAKvCwC,EAAKM,gBAAkBN,EAAKM,eAAe9V,OAAS,GACnD6K,EAAAA,KAAC,OAAI3G,MAAO,CACVqG,QAAS,OACT4B,WAAY,SACZC,SAAU,OACVtI,IAAK,MACL+H,QAAS,cACN7E,IAAQ+O,qBAEX9R,SAAA,CAAAE,MAAC,QAAKD,MAAO,CACXG,SAAU,UACVD,WAAY,MACZE,MAAOW,GAAa,UAAY,UAChCT,WAAY,gCACZuI,WAAY,KACT/F,IAAQgP,uBACV/R,SAEH,oBACCuR,EAAKM,eAAe3V,IAAI,CAAC6P,EAAKiG,IAC7B9R,EAAAA,IAACkI,EAAA,QAAA,CAECtD,MACG5E,EAAAA,IAAA,OAAA,CAAKD,MAAO,CAAEG,SAAU,SAAUwI,WAAY,IAAKrI,WAAY,gCAAiCF,MAAO0C,IAAQkP,wBAAwB5R,OAAS0C,IAAQ2H,YAAYrK,OAAS,aAAc0C,IAAQsF,kBAAmBtF,IAAQmP,+BAC5NlS,SAAA+L,EAAIoG,UAGT5J,UAAU,MACVpC,OAAK,EACLqC,gBAAiB3C,GACf,CAAE4C,SAAU,IAAKb,QAAS,cAAgB7E,IAAQkP,wBAA0BlP,IAAQ2H,YACpF3H,IAAQqP,6BAA+BrP,IAAQ6H,gBAC/C,WAGF5K,SAAAE,EAAAA,IAAC,QAAKD,MAAO,CACXqG,QAAS,cACT4B,WAAY,SACZ9H,SAAU,SACVD,WAAY,MACZI,WAAY,gCACZqH,QAAS,WACToC,aAAc,MACdF,WAAY9I,GAAa,YAAc,YACvCX,MAAOW,GAAa,UAAY,UAChCwJ,OAAQ,UACRa,OAAQ,cAAarK,GAAa,YAAc,gBAC7C+B,IAAQsP,iBAEXrS,SAACE,EAAAA,IAAA,OAAA,CAAKD,MAAO,IAAK8C,IAAQuP,sBAAyBtS,SAAI+L,EAAAwG,cA5BpDP,SA/DR/U,UAsGbuE,GAEEoF,EAAAA,KAAAc,EAAAA,SAAA,CAAA1H,SAAA,CAAAE,EAAAA,IAAC,MAAI,CAAAD,MAAO,CAAE6K,KAAM,KACnBzE,SAQN7E,GACCoF,EAAAA,KAAC,MAAA,CACC3G,MAAO,CACL0H,MAAO,MACPC,QAAS,UACTtB,QAAS,OACTuB,cAAe,SACf8B,SAAU,SACV3B,UAAW,gBACRjF,IAAQyP,YAGbxS,SAAA,CAAAE,EAAAA,IAAC,MAAA,CACCD,MAAO,CACLE,WAAY,MACZC,SAAU,OACVE,aAAc,OACdD,MAAO,UACPE,WAAY,iCAEfP,SAAA,mBAGDE,EAAAA,IAAC,MAAA,CACCD,MAAO,CACL6K,KAAM,EACNO,OAAQ,oBACRrB,aAAc,WACdL,SAAU,SACViE,UAAW,GAGZ5N,SAAAmH,KAEFd,SAMT,OACGO,EAAAA,KAAA,MAAA,CAAI3G,MAAO8C,IAAQ0P,KAuEjBzS,SAAA,CAAA0B,QACE,MAAI,CAAAzB,MAAO,CAAEqG,QAAS,OAAQqB,MAAO,OAAQpH,WAAY,gCAAiCoJ,SAAU,YAAa5G,IAAQ2P,QACvH1S,cAGH4G,EAAAA,KAAC+L,EAAA,QAAA,CACCC,KAAM7O,IAAgBtC,EACtBoR,QAAS3L,GACTuB,SAAS,KACTqK,WAAS,EACTC,WAAY,CACV9S,MAAO,CACL+J,aAAc,OACdzJ,WAAY,gCACZwI,OAAQ,OACRiK,UAAW,OACXrJ,SAAU,YACP5G,IAAQ2P,SAIf1S,SAAA,CAAAE,EAAAA,IAAC+S,EAAA,QAAA,CACC/H,QAAShE,GACT7K,KAAK,QACL4D,MAAO,CAAE6L,SAAU,WAAYoH,IAAK,GAAI9G,MAAO,GAAI+G,OAAQ,IAE3DnT,SAAAE,EAAAA,IAACkT,EAAAA,MAAU,CAAAhT,SAAS,YAErBF,EAAAA,IAAAmT,EAAA,QAAA,CAAcpT,MAAO,CAAE2H,QAAS,EAAGtB,QAAS,OAAQyC,OAAQ,OAAQY,SAAU,UAC5E3J,SACHyH,QAMHxD,IAAmBvD,GAAgB4S,kBAClC1M,EAAAA,KAAC+L,EAAA,QAAA,CACCC,KAAM3O,GACN4O,QAAS,IAAM3O,IAAmB,GAClCuE,SAAS,KACTqK,WAAS,EACTC,WAAY,CACV9S,MAAO,CACL+J,aAAc,OACdjB,OAAQ,OACRiK,UAAW,OACXrJ,SAAU,YACP5G,IAAQwQ,cAIfvT,SAAA,CAAAE,EAAAA,IAAC+S,EAAA,QAAA,CACC/H,QAAS,IAAMhH,IAAmB,GAClC7H,KAAK,QACL4D,MAAO,CAAE6L,SAAU,WAAYoH,IAAK,GAAI9G,MAAO,GAAI+G,OAAQ,IAE3DnT,SAAAE,EAAAA,IAACkT,EAAAA,MAAU,CAAAhT,SAAS,YAEtBF,EAAAA,IAACmT,WAAcpT,MAAO,CAAE2H,QAAS,OAAQmB,OAAQ,OAAQY,SAAU,SAAU3B,UAAW,cACtFhI,eAACwT,EAAgB,QAAA,CAAAC,KAAMlY,EAA2BmF,EAAe4S,kBAAmBtS"}
+{"version":3,"file":"PromptCitation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/PromptCitation/_components/CodeEditor.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../utils/codeCitations.utils.js");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}exports.default=({startIndex:i,endIndex:s,language:o,editorHeight:a,editorWidth:l,code:d,isHighlightingEnabled:c,isDarkModeEnabled:u,openHighlightedCodeDetails:g,highlightCodeStatsLine:h,setHighlightCodeStatsLine:f,highlightCodeStatsVariable:m,setHighlightCodeStatsVariable:p,setHighlightIndexes:x,isExpanded:y,highlightIndexes:S,diagnostics:b,diagnosticStylesBySeverity:I})=>{const v=t.useRef(null),j=t.useRef([]);t.useRef([]);const C=t.useRef([]),O=t.useRef([]),R=t.useMemo(()=>i,[i]),L=t.useMemo(()=>s,[s]),[w,D]=t.useState(null),[E,M]=t.useState(null),[k,N]=t.useState(null),[H,P]=t.useState(void 0),[q,V]=t.useState(null);t.useEffect(()=>{Promise.all([Promise.resolve().then(function(){return r(require("@monaco-editor/react"))}),Promise.resolve().then(function(){return r(require("highlight.js/lib/core"))})]).then(([e,t])=>{N(()=>e.default);const n=t.default.highlightAuto(d).language;P(n)}).catch(()=>{V("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[d]);const F=t.useMemo(()=>I&&"object"==typeof I&&Object.entries(I).map(([e,t])=>{const r=[];return t.style&&r.push(`.${n.generateClassName(t.style,+e,!0)} {\n${n.cssPropertiesToString(t.style)}\n}`),t.lightModeStyle&&r.push(`.${n.generateClassName(t.lightModeStyle,+e,!1)} {\n${n.cssPropertiesToString(t.lightModeStyle)}\n}`),r.join("\n")}).join("\n"),[I]);t.useEffect(()=>()=>{v.current?._resizeObserver&&v.current._resizeObserver.disconnect()},[]),t.useEffect(()=>{if(c&&w&&v.current&&E){const{start:e,end:t}=w;if(T(v.current,e,t,h,m),-1===i&&b&&b.length>0){const{lineStart:e,lineEnd:t}=b[0].range;T(v.current,e,t,h,m)}}},[w,E,c,h,m]),t.useEffect(()=>{if(E&&v.current&&c){const e=v.current;if(S&&Object.keys(S)?.length>0&&-1!==S?.startIndex&&-1!==S?.endIndex){const t=e.deltaDecorations(j.current,[{range:new E.Range(S.startIndex,1,S.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);j.current=t}if(h&&Object.keys(h)?.length>0&&-1!==h?.startIndex&&-1!==h?.endIndex&&h?.name){const t=e.deltaDecorations(j.current,[{range:new E.Range(h.startIndex,1,h.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);j.current=t}if(m&&Object.keys(m)?.length>0&&-1!==m?.startIndex&&-1!==m?.endIndex&&h?.name){const t=e.deltaDecorations(C.current,[{range:new E.Range(m.startIndex,1,m.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);C.current=t}}},[i,s,c,E,h,JSON.stringify(m)]),t.useEffect(()=>{if(!(E&&v.current&&b?.length&&I))return;const e=v.current,t=b.map(e=>{const t=n.getClassNameFromDiagnostic(e.severity,u??!0,I);return{range:new E.Range(e.range.lineStart,e.range.columnStart??1,e.range.lineEnd,e.range.columnEnd??1),options:{className:t,isWholeLine:void 0===e.range.columnStart}}});O.current=e.deltaDecorations(O.current,t)},[b,I,E,u]);const T=t.useCallback((e,t,n,r,i)=>{if(!E||!e||!c)return;const s=e.getModel();s&&(t=Math.max(-1,t),(n=Math.min(n,s.getLineCount()))<t&&(n=t),requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new E.Range(t,1,n,1),E.editor.ScrollType.Smooth),e.setSelection(new E.Range(t,1,n+1,1))}),r&&-1!==r?.startIndex&&-1!==r?.endIndex&&requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new E.Range(r.startIndex,1,r.endIndex,1),E.editor.ScrollType.Smooth),e.setSelection(new E.Range(r.startIndex,1,r.endIndex+1,1))}),0===Object.keys(i)?.length&&e.getContribution("editor.contrib.findController").getState().change({isRevealed:!1},!1),Object.keys(i)?.length>0&&(requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new E.Range(i.startIndex,1,i.endIndex,1),E.editor.ScrollType.Smooth),e.setSelection(new E.Range(i.startIndex,1,i.endIndex+1,1))}),e.trigger("keyboard","actions.find"),e.getAction("actions.find").run(),e.getContribution("editor.contrib.findController").getState().change({searchString:i?.variableName||"",isRevealed:!0},!1)))},[E,c,i,s,h?.startIndex,h?.endIndex,m]);t.useEffect(()=>{if(!v.current||!E||!c)return;const e=v.current,t=e.onDidLayoutChange(()=>{if(T(e,i,s,h,m),-1===i&&b&&b.length>0){const{lineStart:t,lineEnd:n}=b[0].range;T(e,t,n,h,m)}});return()=>t.dispose()},[T,i,s,c,h?.startIndex,h?.endIndex,m,y]);const _=t.useCallback((e,t)=>{T(e,R,L),v.current=e,M(t),D({start:R,end:L});const n=e.getContainerDomNode(),r=new ResizeObserver(()=>{e.layout()});if(r.observe(n),v.current._resizeObserver=r,c){const t=e.getDomNode(),n=document.createElement("div");t?.appendChild(n);const r=()=>{const t=e.getTopForLineNumber(R)-e.getScrollTop();n.style.top=`${t}px`};e.onDidScrollChange(r),r()}},[i,s,c,g]);return q?e.jsx("div",{style:{color:"red",fontSize:"12px",padding:"8px"},children:q}):k?e.jsxs(e.Fragment,{children:[e.jsx(k,{height:a,width:l,defaultLanguage:H||o,defaultValue:d,theme:u?"vs-dark":"vs-light",onMount:_,beforeMount:e=>{e.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0})},options:{minimap:{enabled:!1},overviewRulerLanes:3,fontFamily:"Plus Jakarta Sans, sans-serif",scrollBeyondLastLine:!1,readOnly:!0,smoothScrolling:!0,automaticLayout:!0,lineDecorationsWidth:10,padding:{top:20,bottom:20}}}),e.jsxs("style",{children:[F,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):e.jsx("div",{style:{padding:"8px",color:"#666"},children:"Loading code editor..."})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),r=require("../../../utils/codeCitations.utils.js");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),n.default=e,Object.freeze(n)}exports.DiagnosticSeverity=void 0,(e=exports.DiagnosticSeverity||(exports.DiagnosticSeverity={}))[e.Error=0]="Error",e[e.Warning=1]="Warning",e[e.Information=2]="Information",e[e.Hint=3]="Hint";exports.default=function(e){var a=e.startIndex,l=e.endIndex,s=e.language,d=e.editorHeight,u=e.editorWidth,c=e.code,g=e.isHighlightingEnabled,v=e.isDarkModeEnabled,f=e.openHighlightedCodeDetails,h=e.highlightCodeStatsLine;e.setHighlightCodeStatsLine;var m=e.highlightCodeStatsVariable;e.setHighlightCodeStatsVariable,e.setHighlightIndexes;var p=e.isExpanded,x=e.highlightIndexes,y=e.diagnostics,S=e.diagnosticStylesBySeverity,b=i.useRef(null),I=i.useRef([]);i.useRef([]);var j=i.useRef([]),C=i.useRef([]),O=i.useMemo(function(){return a},[a]),R=i.useMemo(function(){return l},[l]),L=i.useState(null),D=L[0],w=L[1],E=i.useState(null),M=E[0],k=E[1],H=i.useState(null),N=H[0],_=H[1],q=i.useState(void 0),P=q[0],V=q[1],W=i.useState(null),F=W[0],T=W[1];i.useEffect(function(){Promise.all([Promise.resolve().then(function(){return o(require("@monaco-editor/react"))}),Promise.resolve().then(function(){return o(require("highlight.js/lib/core"))})]).then(function(e){var n=e[0],t=e[1];_(function(){return n.default});var i=t.default.highlightAuto(c).language;V(i)}).catch(function(){T("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[c]);var z=i.useMemo(function(){return S&&"object"==typeof S&&Object.entries(S).map(function(e){var n=e[0],t=e[1],i=[];return t.style&&i.push(".".concat(r.generateClassName(t.style,+n,!0)," {\n").concat(r.cssPropertiesToString(t.style),"\n}")),t.lightModeStyle&&i.push(".".concat(r.generateClassName(t.lightModeStyle,+n,!1)," {\n").concat(r.cssPropertiesToString(t.lightModeStyle),"\n}")),i.join("\n")}).join("\n")},[S]);i.useEffect(function(){return function(){var e;(null===(e=b.current)||void 0===e?void 0:e._resizeObserver)&&b.current._resizeObserver.disconnect()}},[]),i.useEffect(function(){if(g&&D&&b.current&&M){var e=D.start,n=D.end;if(A(b.current,e,n,h,m),-1===a&&y&&y.length>0){var t=y[0].range,i=t.lineStart,r=t.lineEnd;A(b.current,i,r,h,m)}}},[D,M,g,h,m]),i.useEffect(function(){var e,n,t;if(M&&b.current&&g){var i=b.current;if(x&&(null===(e=Object.keys(x))||void 0===e?void 0:e.length)>0&&-1!==(null==x?void 0:x.startIndex)&&-1!==(null==x?void 0:x.endIndex)){var r=i.deltaDecorations(I.current,[{range:new M.Range(x.startIndex,1,x.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);I.current=r}if(h&&(null===(n=Object.keys(h))||void 0===n?void 0:n.length)>0&&-1!==(null==h?void 0:h.startIndex)&&-1!==(null==h?void 0:h.endIndex)&&(null==h?void 0:h.name)){r=i.deltaDecorations(I.current,[{range:new M.Range(h.startIndex,1,h.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);I.current=r}if(m&&(null===(t=Object.keys(m))||void 0===t?void 0:t.length)>0&&-1!==(null==m?void 0:m.startIndex)&&-1!==(null==m?void 0:m.endIndex)&&(null==h?void 0:h.name)){r=i.deltaDecorations(j.current,[{range:new M.Range(m.startIndex,1,m.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);j.current=r}}},[a,l,g,M,h,JSON.stringify(m)]),i.useEffect(function(){if(M&&b.current&&(null==y?void 0:y.length)&&S){var e=b.current,n=y.map(function(e){var n,t,i=r.getClassNameFromDiagnostic(e.severity,null==v||v,S);return{range:new M.Range(e.range.lineStart,null!==(n=e.range.columnStart)&&void 0!==n?n:1,e.range.lineEnd,null!==(t=e.range.columnEnd)&&void 0!==t?t:1),options:{className:i,isWholeLine:void 0===e.range.columnStart}}});C.current=e.deltaDecorations(C.current,n)}},[y,S,M,v]);var A=i.useCallback(function(e,n,t,i,r){var o,a;if(M&&e&&g){var l=e.getModel();l&&(n=Math.max(-1,n),(t=Math.min(t,l.getLineCount()))<n&&(t=n),requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new M.Range(n,1,t,1),M.editor.ScrollType.Smooth),e.setSelection(new M.Range(n,1,t+1,1))}),i&&-1!==(null==i?void 0:i.startIndex)&&-1!==(null==i?void 0:i.endIndex)&&requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new M.Range(i.startIndex,1,i.endIndex,1),M.editor.ScrollType.Smooth),e.setSelection(new M.Range(i.startIndex,1,i.endIndex+1,1))}),0===(null===(o=Object.keys(r))||void 0===o?void 0:o.length)&&e.getContribution("editor.contrib.findController").getState().change({isRevealed:!1},!1),(null===(a=Object.keys(r))||void 0===a?void 0:a.length)>0&&(requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new M.Range(r.startIndex,1,r.endIndex,1),M.editor.ScrollType.Smooth),e.setSelection(new M.Range(r.startIndex,1,r.endIndex+1,1))}),e.trigger("keyboard","actions.find"),e.getAction("actions.find").run(),e.getContribution("editor.contrib.findController").getState().change({searchString:(null==r?void 0:r.variableName)||"",isRevealed:!0},!1)))}},[M,g,a,l,null==h?void 0:h.startIndex,null==h?void 0:h.endIndex,m]);i.useEffect(function(){if(b.current&&M&&g){var e=b.current,n=e.onDidLayoutChange(function(){if(A(e,a,l,h,m),-1===a&&y&&y.length>0){var n=y[0].range,t=n.lineStart,i=n.lineEnd;A(e,t,i,h,m)}});return function(){return n.dispose()}}},[A,a,l,g,null==h?void 0:h.startIndex,null==h?void 0:h.endIndex,m,p]);var B=i.useCallback(function(e,n){A(e,O,R),b.current=e,k(n),w({start:O,end:R});var t=e.getContainerDomNode(),i=new ResizeObserver(function(){e.layout()});if(i.observe(t),b.current._resizeObserver=i,g){var r=e.getDomNode(),o=document.createElement("div");null==r||r.appendChild(o);var a=function(){var n=e.getTopForLineNumber(O)-e.getScrollTop();o.style.top="".concat(n,"px")};e.onDidScrollChange(a),a()}},[a,l,g,f]);return F?t.jsx("div",n.__assign({style:{color:"red",fontSize:"12px",padding:"8px"}},{children:F})):N?t.jsxs(t.Fragment,{children:[t.jsx(N,{height:d,width:u,defaultLanguage:P||s,defaultValue:c,theme:v?"vs-dark":"vs-light",onMount:B,beforeMount:function(e){e.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0})},options:{minimap:{enabled:!1},overviewRulerLanes:3,fontFamily:"Plus Jakarta Sans, sans-serif",scrollBeyondLastLine:!1,readOnly:!0,smoothScrolling:!0,automaticLayout:!0,lineDecorationsWidth:10,padding:{top:20,bottom:20}}}),t.jsxs("style",{children:[z,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):t.jsx("div",n.__assign({style:{padding:"8px",color:"#666"}},{children:"Loading code editor..."}))};
 //# sourceMappingURL=CodeEditor.js.map

package/dist/cjs/features/PromptCitation/_components/CodeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sources":["../../../../../src/features/PromptCitation/_components/CodeEditor.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useEffect, useState } from \"react\";\nimport { IDiagnostic, IDiagnosticStylesBySeverity } from \"../../../types/CodeCitationTypes\";\nimport { cssPropertiesToString, generateClassName, getClassNameFromDiagnostic } from \"../../../utils/codeCitations.utils\";\n\n\nexport enum DiagnosticSeverity { Error = 0, Warning = 1, Information = 2, Hint = 3 }\n\ninterface CodeEditorProps {\n  startIndex: number;\n  endIndex: number;\n  language: string;\n  editorHeight: number | string;\n  editorWidth?: number | string;\n  code: string;\n  isHighlightingEnabled: boolean;\n  isDarkModeEnabled?: boolean;\n  openHighlightedCodeDetails?: any;\n  highlightCodeStatsLine?: any;\n  setHighlightCodeStatsLine?: any;\n  highlightCodeStatsVariable: any;\n  setHighlightCodeStatsVariable: any;\n  setHighlightIndexes?: any;\n  isExpanded: boolean;\n  highlightIndexes: any;\n  diagnostics?: IDiagnostic[];\n  diagnosticStylesBySeverity?: IDiagnosticStylesBySeverity;\n}\n\nconst CodeEditor = ({\n  startIndex,\n  endIndex,\n  language,\n  editorHeight,\n  editorWidth,\n  code,\n  isHighlightingEnabled,\n  isDarkModeEnabled,\n  openHighlightedCodeDetails,\n  highlightCodeStatsLine,\n  setHighlightCodeStatsLine,\n  highlightCodeStatsVariable,\n  setHighlightCodeStatsVariable,\n  setHighlightIndexes,\n  isExpanded,\n  highlightIndexes,\n  diagnostics,\n  diagnosticStylesBySeverity,\n}: CodeEditorProps) => {\n\n  const editorRef = useRef<any>(null);\n  const codeHighlightDecorationsRef = useRef<string[]>([]);\n  const highlightDecorationsRef = useRef<string[]>([]);\n  const highlightVariablesRef = useRef<any>([]);\n  const highlightRangesDecorationsRef = useRef<string[]>([]);\n\n  const lineStartIndex = useMemo(() => startIndex, [startIndex]);\n  const lineEndIndex = useMemo(() => endIndex, [endIndex]);\n\n  const [highlightRange, setHighlightRange] = useState<{ start: number; end: number } | null>(null);\n  const [monacoInstance, setMonacoInstance] = useState<any>(null);\n\n  // ✅ State for dynamically loaded modules\n  const [EditorComponent, setEditorComponent] = useState<React.ComponentType<any> | null>(null);\n  const [detectedLang, setDetectedLang] = useState<string | undefined>(undefined);\n  const [modulesLoadError, setModulesLoadError] = useState<string | null>(null);\n\n  // ✅ Step 1: Dynamically load @monaco-editor/react and highlight.js\n  useEffect(() => {\n    Promise.all([\n      import(\"@monaco-editor/react\"),\n      import(\"highlight.js/lib/core\"),\n    ])\n      .then(([monacoMod, hljsMod]) => {\n        // ✅ Store Editor component\n        setEditorComponent(() => monacoMod.default);\n\n        // ✅ Run hljs detection once after loading\n        // This replaces the top-level: const detectedLang = hljs.highlightAuto(code).language\n        const detected = hljsMod.default.highlightAuto(code).language;\n        setDetectedLang(detected);\n      })\n      .catch(() => {\n        setModulesLoadError(\n          \"Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js\"\n        );\n      });\n  }, [code]); // re-run if code changes — hljs needs to re-detect language\n\n  const diagnosticStylesMemo = useMemo(\n    () =>\n      diagnosticStylesBySeverity &&\n      typeof diagnosticStylesBySeverity === \"object\" &&\n      Object.entries(diagnosticStylesBySeverity)\n        .map(([severity, styles]) => {\n          const cssChunks: string[] = [];\n          if (styles.style) {\n            cssChunks.push(\n              `.${generateClassName(styles.style, +severity, true)} {\\n${cssPropertiesToString(styles.style)}\\n}`\n            );\n          }\n          if (styles.lightModeStyle) {\n            cssChunks.push(\n              `.${generateClassName(styles.lightModeStyle, +severity, false)} {\\n${cssPropertiesToString(styles.lightModeStyle)}\\n}`\n            );\n          }\n          return cssChunks.join(\"\\n\");\n        })\n        .join(\"\\n\"),\n    [diagnosticStylesBySeverity]\n  );\n\n  useEffect(() => {\n    return () => {\n      if ((editorRef.current as any)?._resizeObserver) {\n        (editorRef.current as any)._resizeObserver.disconnect();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (isHighlightingEnabled && highlightRange && editorRef.current && monacoInstance) {\n      const { start, end } = highlightRange;\n      scrollToHighlightedRange(\n        editorRef.current, start, end,\n        highlightCodeStatsLine, highlightCodeStatsVariable\n      );\n      if (startIndex === -1 && diagnostics && diagnostics.length > 0) {\n        const { lineStart, lineEnd } = diagnostics[0].range;\n        scrollToHighlightedRange(\n          editorRef.current, lineStart, lineEnd,\n          highlightCodeStatsLine, highlightCodeStatsVariable\n        );\n      }\n    }\n  }, [highlightRange, monacoInstance, isHighlightingEnabled, highlightCodeStatsLine, highlightCodeStatsVariable]);\n\n  useEffect(() => {\n    if (monacoInstance && editorRef.current && isHighlightingEnabled) {\n      const editor: any = editorRef.current;\n\n      if (\n        highlightIndexes &&\n        Object.keys(highlightIndexes)?.length > 0 &&\n        highlightIndexes?.startIndex !== -1 &&\n        highlightIndexes?.endIndex !== -1\n      ) {\n        const decorationIds = editor.deltaDecorations(\n          codeHighlightDecorationsRef.current,\n          [{\n            range: new monacoInstance.Range(\n              highlightIndexes.startIndex, 1,\n              highlightIndexes.endIndex, 1\n            ),\n            options: { isWholeLine: true, className: \"myLineHighlight\" },\n          }]\n        );\n        codeHighlightDecorationsRef.current = decorationIds;\n      }\n\n      if (\n        highlightCodeStatsLine &&\n        Object.keys(highlightCodeStatsLine)?.length > 0 &&\n        highlightCodeStatsLine?.startIndex !== -1 &&\n        highlightCodeStatsLine?.endIndex !== -1 &&\n        highlightCodeStatsLine?.name\n      ) {\n        const decorationIds = editor.deltaDecorations(\n          codeHighlightDecorationsRef.current,\n          [{\n            range: new monacoInstance.Range(\n              highlightCodeStatsLine.startIndex, 1,\n              highlightCodeStatsLine.endIndex, 1\n            ),\n            options: { isWholeLine: true, className: \"myLineHighlight\" },\n          }]\n        );\n        codeHighlightDecorationsRef.current = decorationIds;\n      }\n\n      if (\n        highlightCodeStatsVariable &&\n        Object.keys(highlightCodeStatsVariable)?.length > 0 &&\n        highlightCodeStatsVariable?.startIndex !== -1 &&\n        highlightCodeStatsVariable?.endIndex !== -1 &&\n        highlightCodeStatsLine?.name\n      ) {\n        const decorationIds = editor.deltaDecorations(\n          highlightVariablesRef.current,\n          [{\n            range: new monacoInstance.Range(\n              highlightCodeStatsVariable.startIndex, 1,\n              highlightCodeStatsVariable.endIndex, 1\n            ),\n            options: { isWholeLine: true, className: \"myLineHighlight\" },\n          }]\n        );\n        highlightVariablesRef.current = decorationIds;\n      }\n    }\n  }, [\n    startIndex, endIndex, isHighlightingEnabled, monacoInstance,\n    highlightCodeStatsLine, JSON.stringify(highlightCodeStatsVariable),\n  ]);\n\n  useEffect(() => {\n    if (!monacoInstance || !editorRef.current || !diagnostics?.length || !diagnosticStylesBySeverity) return;\n\n    const editor: any = editorRef.current;\n    const newDecorations = diagnostics.map((diag) => {\n      const className = getClassNameFromDiagnostic(\n        diag.severity, isDarkModeEnabled ?? true, diagnosticStylesBySeverity\n      );\n      return {\n        range: new monacoInstance.Range(\n          diag.range.lineStart, diag.range.columnStart ?? 1,\n          diag.range.lineEnd, diag.range.columnEnd ?? 1\n        ),\n        options: {\n          className,\n          isWholeLine: diag.range.columnStart === undefined,\n        },\n      };\n    });\n\n    highlightRangesDecorationsRef.current = editor.deltaDecorations(\n      highlightRangesDecorationsRef.current,\n      newDecorations\n    );\n  }, [diagnostics, diagnosticStylesBySeverity, monacoInstance, isDarkModeEnabled]);\n\n  const scrollToHighlightedRange = useCallback(\n    (\n      editor: any, startLine: number, endLine: number,\n      highlightCodeStatsLine?: any, highlightCodeStatsVariable?: any\n    ) => {\n      if (!monacoInstance || !editor || !isHighlightingEnabled) return;\n\n      const model = editor.getModel();\n      if (!model) return;\n\n      startLine = Math.max(-1, startLine);\n      endLine = Math.min(endLine, model.getLineCount());\n      if (endLine < startLine) endLine = startLine;\n\n      requestAnimationFrame(() => {\n        editor.revealRangeInCenterIfOutsideViewport(\n          new monacoInstance.Range(startLine, 1, endLine, 1),\n          monacoInstance.editor.ScrollType.Smooth\n        );\n        editor.setSelection(\n          new monacoInstance.Range(startLine, 1, endLine + 1, 1)\n        );\n      });\n\n      if (\n        highlightCodeStatsLine &&\n        highlightCodeStatsLine?.startIndex !== -1 &&\n        highlightCodeStatsLine?.endIndex !== -1\n      ) {\n        requestAnimationFrame(() => {\n          editor.revealRangeInCenterIfOutsideViewport(\n            new monacoInstance.Range(\n              highlightCodeStatsLine.startIndex, 1,\n              highlightCodeStatsLine.endIndex, 1\n            ),\n            monacoInstance.editor.ScrollType.Smooth\n          );\n          editor.setSelection(\n            new monacoInstance.Range(\n              highlightCodeStatsLine.startIndex, 1,\n              highlightCodeStatsLine.endIndex + 1, 1\n            )\n          );\n        });\n      }\n\n      if (Object.keys(highlightCodeStatsVariable)?.length === 0) {\n        editor.getContribution(\"editor.contrib.findController\")\n          .getState().change({ isRevealed: false }, false);\n      }\n\n      if (Object.keys(highlightCodeStatsVariable)?.length > 0) {\n        requestAnimationFrame(() => {\n          editor.revealRangeInCenterIfOutsideViewport(\n            new monacoInstance.Range(\n              highlightCodeStatsVariable.startIndex, 1,\n              highlightCodeStatsVariable.endIndex, 1\n            ),\n            monacoInstance.editor.ScrollType.Smooth\n          );\n          editor.setSelection(\n            new monacoInstance.Range(\n              highlightCodeStatsVariable.startIndex, 1,\n              highlightCodeStatsVariable.endIndex + 1, 1\n            )\n          );\n        });\n        editor.trigger(\"keyboard\", \"actions.find\");\n        editor.getAction(\"actions.find\").run();\n        editor.getContribution(\"editor.contrib.findController\")\n          .getState().change({\n            searchString: highlightCodeStatsVariable?.variableName || \"\",\n            isRevealed: true,\n          }, false);\n      }\n    },\n    [\n      monacoInstance, isHighlightingEnabled, startIndex, endIndex,\n      highlightCodeStatsLine?.startIndex, highlightCodeStatsLine?.endIndex,\n      highlightCodeStatsVariable,\n    ]\n  );\n\n  useEffect(() => {\n    if (!editorRef.current || !monacoInstance || !isHighlightingEnabled) return;\n    const editor: any = editorRef.current;\n    const disposable = editor.onDidLayoutChange(() => {\n      scrollToHighlightedRange(\n        editor, startIndex, endIndex,\n        highlightCodeStatsLine, highlightCodeStatsVariable\n      );\n      if (startIndex === -1 && diagnostics && diagnostics.length > 0) {\n        const { lineStart, lineEnd } = diagnostics[0].range;\n        scrollToHighlightedRange(\n          editor, lineStart, lineEnd,\n          highlightCodeStatsLine, highlightCodeStatsVariable\n        );\n      }\n    });\n    return () => disposable.dispose();\n  }, [\n    scrollToHighlightedRange, startIndex, endIndex,\n    isHighlightingEnabled, highlightCodeStatsLine?.startIndex,\n    highlightCodeStatsLine?.endIndex, highlightCodeStatsVariable, isExpanded,\n  ]);\n\n  const handleEditorDidMount = useCallback(\n    (editor: any, monaco: any) => {\n      scrollToHighlightedRange(editor, lineStartIndex, lineEndIndex);\n      editorRef.current = editor;\n      setMonacoInstance(monaco);\n      setHighlightRange({ start: lineStartIndex, end: lineEndIndex });\n\n      const container = editor.getContainerDomNode();\n      const resizeObserver = new ResizeObserver(() => { editor.layout(); });\n      resizeObserver.observe(container);\n      (editorRef.current as any)._resizeObserver = resizeObserver;\n\n      if (isHighlightingEnabled) {\n        const editorDom = editor.getDomNode();\n        const overlay = document.createElement(\"div\");\n        editorDom?.appendChild(overlay);\n\n        const updatePosition = () => {\n          const top = editor.getTopForLineNumber(lineStartIndex) - editor.getScrollTop();\n          overlay.style.top = `${top}px`;\n        };\n\n        editor.onDidScrollChange(updatePosition);\n        updatePosition();\n      }\n    },\n    [startIndex, endIndex, isHighlightingEnabled, openHighlightedCodeDetails]\n  );\n\n  const handleBeforeMount = (monaco: any) => {\n    monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n      noSemanticValidation: true,\n      noSyntaxValidation: true,\n    });\n  };\n\n  // ✅ Show error if modules failed to load\n  if (modulesLoadError) {\n    return (\n      <div style={{ color: \"red\", fontSize: \"12px\", padding: \"8px\" }}>\n        {modulesLoadError}\n      </div>\n    );\n  }\n\n  // ✅ Show loading state while modules are being fetched\n  if (!EditorComponent) {\n    return (\n      <div style={{ padding: \"8px\", color: \"#666\" }}>\n        Loading code editor...\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <EditorComponent\n        height={editorHeight}\n        width={editorWidth}\n        defaultLanguage={detectedLang || language}\n        defaultValue={code}\n        theme={isDarkModeEnabled ? \"vs-dark\" : \"vs-light\"}\n        onMount={handleEditorDidMount}\n        beforeMount={handleBeforeMount}\n        options={{\n          minimap: { enabled: false },\n          overviewRulerLanes: 3,\n          fontFamily: \"Plus Jakarta Sans, sans-serif\",\n          scrollBeyondLastLine: false,\n          readOnly: true,\n          smoothScrolling: true,\n          automaticLayout: true,\n          lineDecorationsWidth: 10,\n          padding: { top: 20, bottom: 20 },\n        }}\n      />\n      <style>\n        {diagnosticStylesMemo}\n        {`.myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }`}\n      </style>\n    </>\n  );\n};\n\nexport default CodeEditor;"],"names":["startIndex","endIndex","language","editorHeight","editorWidth","code","isHighlightingEnabled","isDarkModeEnabled","openHighlightedCodeDetails","highlightCodeStatsLine","setHighlightCodeStatsLine","highlightCodeStatsVariable","setHighlightCodeStatsVariable","setHighlightIndexes","isExpanded","highlightIndexes","diagnostics","diagnosticStylesBySeverity","editorRef","useRef","codeHighlightDecorationsRef","highlightVariablesRef","highlightRangesDecorationsRef","lineStartIndex","useMemo","lineEndIndex","highlightRange","setHighlightRange","useState","monacoInstance","setMonacoInstance","EditorComponent","setEditorComponent","detectedLang","setDetectedLang","modulesLoadError","setModulesLoadError","useEffect","Promise","all","resolve","then","_interopNamespace","require","monacoMod","hljsMod","default","detected","highlightAuto","catch","diagnosticStylesMemo","Object","entries","map","severity","styles","cssChunks","style","push","generateClassName","cssPropertiesToString","lightModeStyle","join","current","_resizeObserver","disconnect","start","end","scrollToHighlightedRange","length","lineStart","lineEnd","range","editor","keys","decorationIds","deltaDecorations","Range","options","isWholeLine","className","name","JSON","stringify","newDecorations","diag","getClassNameFromDiagnostic","columnStart","columnEnd","useCallback","startLine","endLine","model","getModel","Math","max","min","getLineCount","requestAnimationFrame","revealRangeInCenterIfOutsideViewport","ScrollType","Smooth","setSelection","getContribution","getState","change","isRevealed","trigger","getAction","run","searchString","variableName","disposable","onDidLayoutChange","dispose","handleEditorDidMount","monaco","container","getContainerDomNode","resizeObserver","ResizeObserver","layout","observe","editorDom","getDomNode","overlay","document","createElement","appendChild","updatePosition","top","getTopForLineNumber","getScrollTop","onDidScrollChange","jsx","color","fontSize","padding","children","jsxs","Fragment","height","width","defaultLanguage","defaultValue","theme","onMount","beforeMount","languages","typescript","javascriptDefaults","setDiagnosticsOptions","noSemanticValidation","noSyntaxValidation","minimap","enabled","overviewRulerLanes","fontFamily","scrollBeyondLastLine","readOnly","smoothScrolling","automaticLayout","lineDecorationsWidth","bottom"],"mappings":"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"}
+{"version":3,"file":"CodeEditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/PromptCitation/_components/Markdownrenderer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-markdown"),n=require("rehype-raw"),i=require("@mui/material"),o=require("react-syntax-highlighter"),a=require("react-syntax-highlighter/dist/esm/styles/prism"),s=require("@mui/icons-material"),l=require("@mui/icons-material/ExpandMoreOutlined");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(r),p=d(t),g=d(n),h=d(l);const f=(e="")=>{let r=e?.replace(/\\`/g,"`");return r=r?.replace(/```json\s*([\s\S]*?)```/g,(e,r)=>`<codebasename>${r.trim()}</codebasename>`),r=r?.replace(/^```.*\n?/,"")?.replace(/\n?```$/,"")?.trim(),r=r?.replace(/^```/,"")?.replace(/```$/,""),r=r?.replace(/<\/summary>/g,"</summary>\n"),r=r?.replace(/<details>/g,"\n<details>"),r},u=({text:t})=>{const[n,i]=r.useState(!1);return e.jsxs("button",{onClick:async()=>{try{await navigator.clipboard.writeText(t),i(!0),setTimeout(()=>i(!1),2e3)}catch{}},"aria-label":"Copy code",style:{position:"absolute",top:8,right:8,display:"inline-flex",alignItems:"center",gap:4,padding:"3px 8px",fontSize:"0.68rem",fontWeight:500,fontFamily:"inherit",color:n?"#16a34a":"#6B7280",background:n?"#f0fdf4":"#f3f4f6",border:"1px solid "+(n?"#bbf7d0":"#e5e7eb"),borderRadius:6,cursor:"pointer",transition:"all 0.2s",opacity:.85},onMouseEnter:e=>{e.currentTarget.style.opacity="1"},onMouseLeave:e=>{e.currentTarget.style.opacity="0.85"},children:[n?e.jsx(s.Check,{style:{fontSize:13}}):e.jsx(s.ContentCopy,{style:{fontSize:13}}),n?"Copied":"Copy"]})},x=({node:t,...n})=>{const[i,o]=r.useState(!1),a=r.useRef(null),l=c.default.Children.toArray(n.children),d=l.find(e=>e?.props?.["data-codebase-name"]),p=!!d,g=p?d.props["data-codebase-name"]:"",h=l.map(e=>"string"==typeof e?e:e.props?.children||"").join("").replace(/\*\*/g,"").trim(),f=p?`From ${g} codebase`:h||"Accordion title not found";return r.useEffect(()=>{const e=a.current?.parentElement;if(!e)return;const r=()=>o(e.open);return r(),e.addEventListener("toggle",r),()=>e.removeEventListener("toggle",r)},[]),e.jsxs("summary",{ref:a,style:{padding:"8px 12px",listStyleType:"none",cursor:"pointer",fontWeight:600,fontSize:"0.82rem",color:"#6932E2",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,borderRadius:8,background:i?"#f5f3ff":"transparent",transition:"background 0.2s"},children:[e.jsx("span",{children:f}),e.jsx("div",{style:{display:"flex",alignItems:"center",flexShrink:0,color:"#6932E2"},children:i?e.jsx(s.ExpandLess,{sx:{fontSize:"1.1rem"}}):e.jsx(s.ExpandMore,{sx:{fontSize:"1.1rem"}})})]})},m=({message:t,fontSize:n,extraMetaData:s,style:l,codeStyle:d,preStyle:m,blockquoteStyle:y,syntaxHighlighterTheme:b,cognitiveDecisioningStyles:j})=>{const S=n??"0.88rem",_=l?.color??"#1f2937",[v,k]=r.useState({open:!1,data:null,activeKey:null}),{processedMessage:w,inlineReasoningMap:M}=r.useMemo(()=>{const{processed:e,reasoningMap:r}=(e=>{const r={};return{processed:e.replace(/<!--\s*<ai_reasoning>\s*([\s\S]*?)\s*<\/ai_reasoning>\s*-->/g,(e,t)=>{try{const e=JSON.parse(t.trim()),n=e.id||`reasoning_${Object.keys(r).length}`;return r[n]=e,`<aireasoning data-reasoning-key="${n}">${n}</aireasoning>`}catch(e){return console.warn("[ai_reasoning] Failed to parse block:",e),""}}),reasoningMap:r}})(t||"");return{processedMessage:e,inlineReasoningMap:r}},[t]),z=r.useMemo(()=>({aireasoning:({node:r,...t})=>{const n=t["data-reasoning-key"],i=M[n];if(!i)return null;const o=v.open&&v.activeKey===n;return e.jsx("div",{style:{margin:"6px 0"},children:e.jsxs("span",{onClick:e=>{e.stopPropagation();const r=(e=>{const r=[];return(e.aiReasoningCitation?.gpt_citation??[]).forEach(e=>{const t=e.customMetadata?.data_sources??[],n=e.customMetadata?.training_data_title??[],i=e.customMetadata?.paraphrase??[],o=t[0]?.match(/<highlight>([\s\S]*?)<\/highlight>/),a=o?o[1].trim():t[0]??"";r.push({citation_number:Number(e.citation_number),section_ref:n[0]??"",training_data_title:n[0]??"",paraphrase:i[0]??"",data_sources:t,highlight:a})}),{block_cognitive_reasoning_html:e.Reasoning??e.reasoning??"",block_cognitive_gap_html:e.Gap??"",block_cognitive_confidence:Number(e.Confidence_score??e.decision_strength??0),block_cognitive_citations:r}})(i);k(e=>e.open&&e.activeKey===n?{open:!1,data:null,activeKey:null}:{open:!0,data:r,activeKey:n})},style:{display:"inline-flex",alignItems:"center",gap:6,cursor:"pointer",color:"#6932E2",fontWeight:500,fontSize:S,transition:"all 0.2s",padding:"2px 0"},children:[e.jsx("span",{children:n}),e.jsx("span",{style:{display:"inline-flex",alignItems:"center",gap:2,border:"1px solid #e2e8f0",borderRadius:5,padding:"4px 2px"},children:e.jsx(h.default,{sx:{fontSize:"1rem",color:"#475569",transform:o?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}})})]})})},codebasename:({children:r})=>{const t=("string"==typeof r[0]?r[0]:"").trim();return""!==t?e.jsxs("div",{"data-codebase-name":t,style:{position:"relative",margin:"12px 0"},children:[e.jsx(u,{text:String(r).replace(/\n$/,"")}),e.jsx(o.Prism,{style:b??a.oneLight,language:"json",PreTag:"div",customStyle:{borderRadius:8,padding:"1rem",fontSize:"0.8rem",border:"1px solid #e5e7eb",margin:0,lineHeight:1.6,...m},children:String(r).replace(/\n$/,"")})]}):e.jsx(e.Fragment,{})},details:({node:r,...t})=>e.jsx("details",{...t,style:{borderRadius:8,border:"1px solid #e9e5f5",backgroundColor:"transparent",margin:"8px 0",overflow:"hidden"},children:t.children}),summary:x,p:({node:r,...t})=>e.jsx("p",{style:{wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"block",maxWidth:"100%",fontSize:S,lineHeight:1.7,margin:"4px 0",color:_},children:t?.children}),strong:({node:r,...t})=>e.jsx("strong",{style:{fontWeight:650,color:_},children:t?.children}),h1:({node:r,...t})=>e.jsx("h1",{style:{fontSize:"1.35rem",fontWeight:700,color:_,margin:"20px 0 8px",lineHeight:1.3,letterSpacing:"-0.01em"},children:t.children}),h2:({node:r,...t})=>e.jsx("h2",{style:{fontSize:"1.15rem",fontWeight:650,color:_,margin:"16px 0 6px",lineHeight:1.35},children:t.children}),h3:({node:r,...t})=>e.jsx("h3",{style:{fontSize:"1rem",fontWeight:600,color:_,margin:"14px 0 4px",lineHeight:1.4},children:t.children}),h4:({node:r,...t})=>e.jsx("h4",{style:{fontSize:"0.92rem",fontWeight:600,color:_,margin:"12px 0 4px",lineHeight:1.4},children:t.children}),ol:({node:r,...t})=>e.jsx("ol",{style:{listStyleType:"decimal",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2},children:t?.children}),ul:({node:r,...t})=>e.jsx("ul",{style:{listStyleType:"disc",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2},children:t?.children}),li:({node:r,...t})=>e.jsx("li",{style:{fontSize:S,lineHeight:1.7,color:_,paddingLeft:4},children:t.children}),blockquote:({node:r,...t})=>e.jsx("blockquote",{style:{margin:"12px 0",padding:"8px 16px",borderLeft:"3px solid #8b5cf6",background:"#faf5ff",borderRadius:"0 6px 6px 0",color:_,fontStyle:"italic",fontSize:S,lineHeight:1.65,...y},children:t.children}),hr:()=>e.jsx("hr",{style:{border:"none",height:1,background:"linear-gradient(to right, transparent, #d1d5db, transparent)",margin:"16px 0"}}),table:({node:r,...t})=>e.jsx("div",{style:{overflowX:"auto",margin:"12px 0",borderRadius:8,border:"1px solid #e5e7eb"},children:e.jsx("table",{style:{width:"100%",borderCollapse:"collapse",fontSize:"0.8rem",lineHeight:1.5},children:t.children})}),thead:({node:r,...t})=>e.jsx("thead",{style:{background:"#f9fafb",borderBottom:"2px solid #e5e7eb"},children:t.children}),th:({node:r,...t})=>e.jsx("th",{style:{padding:"8px 12px",textAlign:"left",fontWeight:600,fontSize:"0.76rem",color:_,whiteSpace:"nowrap"},children:t.children}),td:({node:r,...t})=>e.jsx("td",{style:{padding:"8px 12px",borderTop:"1px solid #f3f4f6",color:_,fontSize:"0.8rem"},children:t.children}),a:({children:r,node:t,...n})=>{const i=n["data-cognitive-reasoning"];if(i&&s?.[i]){const t=v.open&&v.activeKey===i;return e.jsx(e.Fragment,{children:e.jsxs("span",{onClick:e=>{e.stopPropagation();const r=(e=>{if(!e)return null;const r=[];return(e.aiReasoningCitation?.gpt_citation??[]).forEach(e=>{const t=e.customMetadata?.data_sources??[],n=e.customMetadata?.training_data_title??[],i=e.customMetadata?.paraphrase??[],o=t[0]?.match(/<highlight>([\s\S]*?)<\/highlight>/),a=o?o[1].trim():t[0]??"";r.push({citation_number:Number(e.citation_number),section_ref:n[0]??"",training_data_title:n[0]??"",paraphrase:i[0]??"",data_sources:t,highlight:a})}),{block_cognitive_reasoning_html:e.Reasoning??"",block_cognitive_gap_html:e.Gap??"",block_cognitive_confidence:Number(e.Confidence_score??0),block_cognitive_citations:r}})(s[i]);k(e=>e.open&&e.activeKey===i?{open:!1,data:null,activeKey:null}:{open:!0,data:r,activeKey:i})},style:{color:"#6932E2",fontWeight:500,cursor:"pointer",transition:"all 0.2s",padding:"0 2px",position:"relative",display:"inline-flex",alignItems:"center",gap:6},children:[r||"",e.jsx("span",{style:{cursor:"pointer",padding:"4px 2px",display:"inline-flex",alignItems:"center",gap:2,border:"1px solid #e2e8f0",borderRadius:"5px"},children:e.jsx(h.default,{sx:{fontSize:"1rem",color:"#475569",transform:t?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}})})]})})}let o=!1;try{o=new URL(n?.href).protocol.startsWith("http")}catch{o=!1}return o?e.jsx("a",{href:n?.href,style:{color:"#6932E2",textDecoration:"none",fontWeight:500,borderBottom:"1px solid #c4b5fd",transition:"border-color 0.2s, color 0.2s"},target:"_blank",rel:"noopener noreferrer",onMouseEnter:e=>{e.currentTarget.style.borderBottomColor="#6932E2"},onMouseLeave:e=>{e.currentTarget.style.borderBottomColor="#c4b5fd"},children:r}):e.jsx("span",{children:r})},sup:({node:r,...t})=>e.jsx(i.Tooltip,{title:t.children,placement:"top",arrow:!0,children:e.jsx(i.Box,{component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:16,height:16,borderRadius:"50%",background:"#ede9fe",color:"#7c3aed",fontSize:"0.6rem",fontWeight:700,verticalAlign:"super",cursor:"pointer",userSelect:"none",lineHeight:1,transition:"all 0.2s","&:hover":{background:"#7c3aed",color:"#fff"}},"aria-label":"Info",role:"button",children:"i"})}),code:({children:r})=>e.jsx("code",{style:{fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.82em",color:"#9333ea",background:"#faf5ff",padding:"1.5px 5px",borderRadius:4,border:"1px solid #f3e8ff",fontWeight:500,...d},children:r}),pre:({children:r})=>{const t=e=>{if("string"==typeof e)return e;if(e?.props?.children){return(Array.isArray(e.props.children)?e.props.children:[e.props.children]).map(t).join("")}return""},n=c.default.Children.toArray(r).map(t).join("");return e.jsxs("div",{style:{position:"relative",margin:"12px 0"},children:[e.jsx(u,{text:n}),e.jsx("pre",{style:{fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.8rem",lineHeight:1.6,color:"#1f2937",background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:8,padding:"14px 16px",margin:0,overflowX:"auto",whiteSpace:"pre",...m},children:r})]})},img:({node:r,...t})=>e.jsx("img",{...t,style:{maxWidth:"100%",height:"auto",borderRadius:8,margin:"8px 0",border:"1px solid #e5e7eb"},loading:"lazy"})}),[S,s,v.activeKey,v.open,M,_,d,m,y,b,j]);return e.jsx("div",{className:"pg-markdown-renderer",style:{fontSize:S,lineHeight:1.7,color:"#1f2937",wordBreak:"break-word",position:"relative",...l},children:e.jsx(p.default,{components:z,rehypePlugins:[g.default],className:"react-markdown-renderer-with-overrides",children:f(w)})})};exports.MarkdownRenderer=m,exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),i=require("react-markdown"),t=require("rehype-raw"),o=require("@mui/material"),a=require("react-syntax-highlighter"),l=require("react-syntax-highlighter/dist/esm/styles/prism"),s=require("@mui/icons-material"),d=require("@mui/icons-material/ExpandMoreOutlined");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=c(r),p=c(i),g=c(t),f=c(d),h=function(e){var n,r,i;void 0===e&&(e="");var t=null==e?void 0:e.replace(/\\`/g,"`");return t=null==(t=null==(t=null===(i=null==(t=null===(r=null===(n=null==(t=null==t?void 0:t.replace(/```json\s*([\s\S]*?)```/g,function(e,n){return"<codebasename>".concat(n.trim(),"</codebasename>")}))?void 0:t.replace(/^```.*\n?/,""))||void 0===n?void 0:n.replace(/\n?```$/,""))||void 0===r?void 0:r.trim())?void 0:t.replace(/^```/,""))||void 0===i?void 0:i.replace(/```$/,""))?void 0:t.replace(/<\/summary>/g,"</summary>\n"))?void 0:t.replace(/<details>/g,"\n<details>")},_=function(i){var t=i.text,o=r.useState(!1),a=o[0],l=o[1];return n.jsxs("button",e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,navigator.clipboard.writeText(t)];case 1:return e.sent(),l(!0),setTimeout(function(){return l(!1)},2e3),[3,3];case 2:return e.sent(),[3,3];case 3:return[2]}})})},"aria-label":"Copy code",style:{position:"absolute",top:8,right:8,display:"inline-flex",alignItems:"center",gap:4,padding:"3px 8px",fontSize:"0.68rem",fontWeight:500,fontFamily:"inherit",color:a?"#16a34a":"#6B7280",background:a?"#f0fdf4":"#f3f4f6",border:"1px solid ".concat(a?"#bbf7d0":"#e5e7eb"),borderRadius:6,cursor:"pointer",transition:"all 0.2s",opacity:.85},onMouseEnter:function(e){e.currentTarget.style.opacity="1"},onMouseLeave:function(e){e.currentTarget.style.opacity="0.85"}},{children:[a?n.jsx(s.Check,{style:{fontSize:13}}):n.jsx(s.ContentCopy,{style:{fontSize:13}}),a?"Copied":"Copy"]}))},v=function(i){i.node;var t=e.__rest(i,["node"]),o=r.useState(!1),a=o[0],l=o[1],d=r.useRef(null),c=u.default.Children.toArray(t.children),p=c.find(function(e){var n;return null===(n=null==e?void 0:e.props)||void 0===n?void 0:n["data-codebase-name"]}),g=!!p,f=g?p.props["data-codebase-name"]:"",h=c.map(function(e){var n;return"string"==typeof e?e:(null===(n=e.props)||void 0===n?void 0:n.children)||""}).join("").replace(/\*\*/g,"").trim(),_=g?"From ".concat(f," codebase"):h||"Accordion title not found";return r.useEffect(function(){var e,n=null===(e=d.current)||void 0===e?void 0:e.parentElement;if(n){var r=function(){return l(n.open)};return r(),n.addEventListener("toggle",r),function(){return n.removeEventListener("toggle",r)}}},[]),n.jsxs("summary",e.__assign({ref:d,style:{padding:"8px 12px",listStyleType:"none",cursor:"pointer",fontWeight:600,fontSize:"0.82rem",color:"#6932E2",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,borderRadius:8,background:a?"#f5f3ff":"transparent",transition:"background 0.2s"}},{children:[n.jsx("span",{children:_}),n.jsx("div",e.__assign({style:{display:"flex",alignItems:"center",flexShrink:0,color:"#6932E2"}},{children:a?n.jsx(s.ExpandLess,{sx:{fontSize:"1.1rem"}}):n.jsx(s.ExpandMore,{sx:{fontSize:"1.1rem"}})}))]}))},x=function(i){var t,s=i.message,d=i.fontSize,c=i.extraMetaData,x=i.style,m=i.codeStyle,y=i.preStyle,b=i.blockquoteStyle,j=i.syntaxHighlighterTheme,S=i.cognitiveDecisioningStyles,k=null!=d?d:"0.88rem",w=null!==(t=null==x?void 0:x.color)&&void 0!==t?t:"#1f2937",M=r.useState({open:!1,data:null,activeKey:null}),z=M[0],C=M[1],R=r.useMemo(function(){var e=function(e){var n={};return{processed:e.replace(/<!--\s*<ai_reasoning>\s*([\s\S]*?)\s*<\/ai_reasoning>\s*-->/g,function(e,r){try{var i=JSON.parse(r.trim()),t=i.id||"reasoning_".concat(Object.keys(n).length);return n[t]=i,'<aireasoning data-reasoning-key="'.concat(t,'">').concat(t,"</aireasoning>")}catch(e){return console.warn("[ai_reasoning] Failed to parse block:",e),""}}),reasoningMap:n}}(s||"");return{processedMessage:e.processed,inlineReasoningMap:e.reasoningMap}},[s]),W=R.processedMessage,E=R.inlineReasoningMap,q=r.useMemo(function(){return{aireasoning:function(r){r.node;var i=e.__rest(r,["node"])["data-reasoning-key"],t=E[i];if(!t)return null;var o=z.open&&z.activeKey===i;return n.jsx("div",e.__assign({style:{margin:"6px 0"}},{children:n.jsxs("span",e.__assign({onClick:function(e){e.stopPropagation();var n=function(e){var n,r,i,t,o,a,l,s=[];return(null!==(r=null===(n=e.aiReasoningCitation)||void 0===n?void 0:n.gpt_citation)&&void 0!==r?r:[]).forEach(function(e){var n,r,i,t,o,a,l,d,c,u,p,g=null!==(r=null===(n=e.customMetadata)||void 0===n?void 0:n.data_sources)&&void 0!==r?r:[],f=null!==(t=null===(i=e.customMetadata)||void 0===i?void 0:i.training_data_title)&&void 0!==t?t:[],h=null!==(a=null===(o=e.customMetadata)||void 0===o?void 0:o.paraphrase)&&void 0!==a?a:[],_=null===(l=g[0])||void 0===l?void 0:l.match(/<highlight>([\s\S]*?)<\/highlight>/),v=_?_[1].trim():null!==(d=g[0])&&void 0!==d?d:"";s.push({citation_number:Number(e.citation_number),section_ref:null!==(c=f[0])&&void 0!==c?c:"",training_data_title:null!==(u=f[0])&&void 0!==u?u:"",paraphrase:null!==(p=h[0])&&void 0!==p?p:"",data_sources:g,highlight:v})}),{block_cognitive_reasoning_html:null!==(t=null!==(i=e.Reasoning)&&void 0!==i?i:e.reasoning)&&void 0!==t?t:"",block_cognitive_gap_html:null!==(o=e.Gap)&&void 0!==o?o:"",block_cognitive_confidence:Number(null!==(l=null!==(a=e.Confidence_score)&&void 0!==a?a:e.decision_strength)&&void 0!==l?l:0),block_cognitive_citations:s}}(t);C(function(e){return e.open&&e.activeKey===i?{open:!1,data:null,activeKey:null}:{open:!0,data:n,activeKey:i}})},style:{display:"inline-flex",alignItems:"center",gap:6,cursor:"pointer",color:"#6932E2",fontWeight:500,fontSize:k,transition:"all 0.2s",padding:"2px 0"}},{children:[n.jsx("span",{children:i}),n.jsx("span",e.__assign({style:{display:"inline-flex",alignItems:"center",gap:2,border:"1px solid #e2e8f0",borderRadius:5,padding:"4px 2px"}},{children:n.jsx(f.default,{sx:{fontSize:"1rem",color:"#475569",transform:o?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}})}))]}))}))},codebasename:function(r){var i=r.children,t=("string"==typeof i[0]?i[0]:"").trim();return""!==t?n.jsxs("div",e.__assign({"data-codebase-name":t,style:{position:"relative",margin:"12px 0"}},{children:[n.jsx(_,{text:String(i).replace(/\n$/,"")}),n.jsx(a.Prism,e.__assign({style:null!=j?j:l.oneLight,language:"json",PreTag:"div",customStyle:e.__assign({borderRadius:8,padding:"1rem",fontSize:"0.8rem",border:"1px solid #e5e7eb",margin:0,lineHeight:1.6},y)},{children:String(i).replace(/\n$/,"")}))]})):n.jsx(n.Fragment,{})},details:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("details",e.__assign({},i,{style:{borderRadius:8,border:"1px solid #e9e5f5",backgroundColor:"transparent",margin:"8px 0",overflow:"hidden"}},{children:i.children}))},summary:v,p:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("p",e.__assign({style:{wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"block",maxWidth:"100%",fontSize:k,lineHeight:1.7,margin:"4px 0",color:w}},{children:null==i?void 0:i.children}))},strong:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("strong",e.__assign({style:{fontWeight:650,color:w}},{children:null==i?void 0:i.children}))},h1:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h1",e.__assign({style:{fontSize:"1.35rem",fontWeight:700,color:w,margin:"20px 0 8px",lineHeight:1.3,letterSpacing:"-0.01em"}},{children:i.children}))},h2:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h2",e.__assign({style:{fontSize:"1.15rem",fontWeight:650,color:w,margin:"16px 0 6px",lineHeight:1.35}},{children:i.children}))},h3:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h3",e.__assign({style:{fontSize:"1rem",fontWeight:600,color:w,margin:"14px 0 4px",lineHeight:1.4}},{children:i.children}))},h4:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h4",e.__assign({style:{fontSize:"0.92rem",fontWeight:600,color:w,margin:"12px 0 4px",lineHeight:1.4}},{children:i.children}))},ol:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("ol",e.__assign({style:{listStyleType:"decimal",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2}},{children:null==i?void 0:i.children}))},ul:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("ul",e.__assign({style:{listStyleType:"disc",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2}},{children:null==i?void 0:i.children}))},li:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("li",e.__assign({style:{fontSize:k,lineHeight:1.7,color:w,paddingLeft:4}},{children:i.children}))},blockquote:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("blockquote",e.__assign({style:e.__assign({margin:"12px 0",padding:"8px 16px",borderLeft:"3px solid #8b5cf6",background:"#faf5ff",borderRadius:"0 6px 6px 0",color:w,fontStyle:"italic",fontSize:k,lineHeight:1.65},b)},{children:i.children}))},hr:function(){return n.jsx("hr",{style:{border:"none",height:1,background:"linear-gradient(to right, transparent, #d1d5db, transparent)",margin:"16px 0"}})},table:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("div",e.__assign({style:{overflowX:"auto",margin:"12px 0",borderRadius:8,border:"1px solid #e5e7eb"}},{children:n.jsx("table",e.__assign({style:{width:"100%",borderCollapse:"collapse",fontSize:"0.8rem",lineHeight:1.5}},{children:i.children}))}))},thead:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("thead",e.__assign({style:{background:"#f9fafb",borderBottom:"2px solid #e5e7eb"}},{children:i.children}))},th:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("th",e.__assign({style:{padding:"8px 12px",textAlign:"left",fontWeight:600,fontSize:"0.76rem",color:w,whiteSpace:"nowrap"}},{children:i.children}))},td:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("td",e.__assign({style:{padding:"8px 12px",borderTop:"1px solid #f3f4f6",color:w,fontSize:"0.8rem"}},{children:i.children}))},a:function(r){var i=r.children;r.node;var t=e.__rest(r,["children","node"]),o=t["data-cognitive-reasoning"];if(o&&(null==c?void 0:c[o])){var a=z.open&&z.activeKey===o;return n.jsx(n.Fragment,{children:n.jsxs("span",e.__assign({onClick:function(e){e.stopPropagation();var n=function(e){var n,r,i,t,o;if(!e)return null;var a=[];return(null!==(r=null===(n=e.aiReasoningCitation)||void 0===n?void 0:n.gpt_citation)&&void 0!==r?r:[]).forEach(function(e){var n,r,i,t,o,l,s,d,c,u,p,g=null!==(r=null===(n=e.customMetadata)||void 0===n?void 0:n.data_sources)&&void 0!==r?r:[],f=null!==(t=null===(i=e.customMetadata)||void 0===i?void 0:i.training_data_title)&&void 0!==t?t:[],h=null!==(l=null===(o=e.customMetadata)||void 0===o?void 0:o.paraphrase)&&void 0!==l?l:[],_=null===(s=g[0])||void 0===s?void 0:s.match(/<highlight>([\s\S]*?)<\/highlight>/),v=_?_[1].trim():null!==(d=g[0])&&void 0!==d?d:"";a.push({citation_number:Number(e.citation_number),section_ref:null!==(c=f[0])&&void 0!==c?c:"",training_data_title:null!==(u=f[0])&&void 0!==u?u:"",paraphrase:null!==(p=h[0])&&void 0!==p?p:"",data_sources:g,highlight:v})}),{block_cognitive_reasoning_html:null!==(i=e.Reasoning)&&void 0!==i?i:"",block_cognitive_gap_html:null!==(t=e.Gap)&&void 0!==t?t:"",block_cognitive_confidence:Number(null!==(o=e.Confidence_score)&&void 0!==o?o:0),block_cognitive_citations:a}}(c[o]);C(function(e){return e.open&&e.activeKey===o?{open:!1,data:null,activeKey:null}:{open:!0,data:n,activeKey:o}})},style:{color:"#6932E2",fontWeight:500,cursor:"pointer",transition:"all 0.2s",padding:"0 2px",position:"relative",display:"inline-flex",alignItems:"center",gap:6}},{children:[i||"",n.jsx("span",e.__assign({style:{cursor:"pointer",padding:"4px 2px",display:"inline-flex",alignItems:"center",gap:2,border:"1px solid #e2e8f0",borderRadius:"5px"}},{children:n.jsx(f.default,{sx:{fontSize:"1rem",color:"#475569",transform:a?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}})}))]}))})}var l=!1;try{l=new URL(null==t?void 0:t.href).protocol.startsWith("http")}catch(e){l=!1}return l?n.jsx("a",e.__assign({href:null==t?void 0:t.href,style:{color:"#6932E2",textDecoration:"none",fontWeight:500,borderBottom:"1px solid #c4b5fd",transition:"border-color 0.2s, color 0.2s"},target:"_blank",rel:"noopener noreferrer",onMouseEnter:function(e){e.currentTarget.style.borderBottomColor="#6932E2"},onMouseLeave:function(e){e.currentTarget.style.borderBottomColor="#c4b5fd"}},{children:i})):n.jsx("span",{children:i})},sup:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx(o.Tooltip,e.__assign({title:i.children,placement:"top",arrow:!0},{children:n.jsx(o.Box,e.__assign({component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:16,height:16,borderRadius:"50%",background:"#ede9fe",color:"#7c3aed",fontSize:"0.6rem",fontWeight:700,verticalAlign:"super",cursor:"pointer",userSelect:"none",lineHeight:1,transition:"all 0.2s","&:hover":{background:"#7c3aed",color:"#fff"}},"aria-label":"Info",role:"button"},{children:"i"}))}))},code:function(r){var i=r.children;return n.jsx("code",e.__assign({style:e.__assign({fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.82em",color:"#9333ea",background:"#faf5ff",padding:"1.5px 5px",borderRadius:4,border:"1px solid #f3e8ff",fontWeight:500},m)},{children:i}))},pre:function(r){var i=r.children,t=function(e){var n;return"string"==typeof e?e:(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.children)?(Array.isArray(e.props.children)?e.props.children:[e.props.children]).map(t).join(""):""},o=u.default.Children.toArray(i).map(t).join("");return n.jsxs("div",e.__assign({style:{position:"relative",margin:"12px 0"}},{children:[n.jsx(_,{text:o}),n.jsx("pre",e.__assign({style:e.__assign({fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.8rem",lineHeight:1.6,color:"#1f2937",background:"#f9fafb",border:"1px solid #e5e7eb",borderRadius:8,padding:"14px 16px",margin:0,overflowX:"auto",whiteSpace:"pre"},y)},{children:i}))]}))},img:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("img",e.__assign({},i,{style:{maxWidth:"100%",height:"auto",borderRadius:8,margin:"8px 0",border:"1px solid #e5e7eb"},loading:"lazy"}))}}},[k,c,z.activeKey,z.open,E,w,m,y,b,j,S]);return n.jsx("div",e.__assign({className:"pg-markdown-renderer",style:e.__assign({fontSize:k,lineHeight:1.7,color:"#1f2937",wordBreak:"break-word",position:"relative"},x)},{children:n.jsx(p.default,e.__assign({components:q,rehypePlugins:[g.default],className:"react-markdown-renderer-with-overrides"},{children:h(W)}))}))};exports.MarkdownRenderer=x,exports.default=x;
 //# sourceMappingURL=Markdownrenderer.js.map

package/dist/cjs/features/PromptCitation/_components/Markdownrenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdownrenderer.js","sources":["../../../../../src/features/PromptCitation/_components/Markdownrenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport { Tooltip, Box } from \"@mui/material\";\n// @ts-ignore\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\n// @ts-ignore\nimport { oneLight } from \"react-syntax-highlighter/dist/esm/styles/prism\";\n// @ts-ignore\nimport { oneDark } from \"react-syntax-highlighter/dist/esm/styles/prism\";\nimport { ContentCopy, Check, ExpandLess, ExpandMore } from \"@mui/icons-material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMoreOutlined\";\nimport { BlockCognitiveCitation, CognitiveReasoningData, CognitiveReasoningPanel } from \"../../SPBAnalysisPanel\";\nimport type { CognitiveReasoningPanelStyles } from \"../../SPBAnalysisPanel/Cognitivereasoningpanel\";\n// import CognitiveReasoningPanel, {\n//     type CognitiveReasoningData,\n//     type BlockCognitiveCitation,\n// } from \"./Cognitivereasoningpanel\"\n\n// ─── Dropped vs. the app original ───────────────────────────────────────────\n// - `answerexample` custom element (AnswerExampleButton) — chat-only, SPB never uses it\n// - `reanalysislink` custom element (window.open to app project-analysis route) — app-only\n// - citation-message branch in `a`/`pre`/`code` (LinkWithCitation, msg.citations) — chat-only\n// - chatId / msg / ansExamplesSelectedByUser / nextMessageExists / isAssistantMessage /\n//   handleSendMessage / setSurpirseMePopup props — SPB stubbed these as no-ops anyway,\n//   so they're removed rather than kept as dead plumbing.\n// Kept: formatting renderers, <details>/<summary>, cognitive reasoning expand-on-click\n// panel via `aireasoning` + `data-cognitive-reasoning`.\n\nconst cleanMessage = (message: string = \"\") => {\n    let decoded = message?.replace(/\\\\`/g, \"`\");\n    decoded = decoded?.replace(\n        /```json\\s*([\\s\\S]*?)```/g,\n        (_match, content) => `<codebasename>${content.trim()}</codebasename>`\n    );\n    decoded = decoded?.replace(/^```.*\\n?/, \"\")?.replace(/\\n?```$/, \"\")?.trim();\n    decoded = decoded?.replace(/^```/, \"\")?.replace(/```$/, \"\");\n    decoded = decoded?.replace(/<\\/summary>/g, \"</summary>\\n\");\n    decoded = decoded?.replace(/<details>/g, \"\\n<details>\");\n    return decoded;\n};\n\nconst extractAiReasoningBlocks = (\n    message: string\n): { processed: string; reasoningMap: Record<string, any> } => {\n    const reasoningMap: Record<string, any> = {};\n    const regex = /<!--\\s*<ai_reasoning>\\s*([\\s\\S]*?)\\s*<\\/ai_reasoning>\\s*-->/g;\n\n    const processed = message.replace(regex, (_match, jsonContent) => {\n        try {\n            const parsed = JSON.parse(jsonContent.trim());\n            const key = parsed.id || `reasoning_${Object.keys(reasoningMap).length}`;\n            reasoningMap[key] = parsed;\n            return `<aireasoning data-reasoning-key=\"${key}\">${key}</aireasoning>`;\n        } catch (e) {\n            console.warn(\"[ai_reasoning] Failed to parse block:\", e);\n            return \"\";\n        }\n    });\n\n    return { processed, reasoningMap };\n};\n\nconst transformAiReasoningToCD = (data: any): CognitiveReasoningData => {\n    const citations: BlockCognitiveCitation[] = [];\n    const gptCitations = data.aiReasoningCitation?.gpt_citation ?? [];\n\n    gptCitations.forEach((cite: any) => {\n        const sources = cite.customMetadata?.data_sources ?? [];\n        const titles = cite.customMetadata?.training_data_title ?? [];\n        const paraphrases = cite.customMetadata?.paraphrase ?? [];\n        const highlightMatch = sources[0]?.match(/<highlight>([\\s\\S]*?)<\\/highlight>/);\n        const highlight = highlightMatch ? highlightMatch[1].trim() : sources[0] ?? \"\";\n\n        citations.push({\n            citation_number: Number(cite.citation_number),\n            section_ref: titles[0] ?? \"\",\n            training_data_title: titles[0] ?? \"\",\n            paraphrase: paraphrases[0] ?? \"\",\n            data_sources: sources,\n            highlight,\n        });\n    });\n\n    return {\n        block_cognitive_reasoning_html: data.Reasoning ?? data.reasoning ?? \"\",\n        block_cognitive_gap_html: data.Gap ?? \"\",\n        block_cognitive_confidence: Number(data.Confidence_score ?? data.decision_strength ?? 0),\n        block_cognitive_citations: citations,\n    };\n};\n\nconst transformToCognitiveData = (meta: any): CognitiveReasoningData | null => {\n    if (!meta) return null;\n\n    const citations: BlockCognitiveCitation[] = [];\n    const gptCitations = meta.aiReasoningCitation?.gpt_citation ?? [];\n\n    gptCitations.forEach((cite: any) => {\n        const sources = cite.customMetadata?.data_sources ?? [];\n        const titles = cite.customMetadata?.training_data_title ?? [];\n        const paraphrases = cite.customMetadata?.paraphrase ?? [];\n        const highlightMatch = sources[0]?.match(/<highlight>([\\s\\S]*?)<\\/highlight>/);\n        const highlight = highlightMatch ? highlightMatch[1].trim() : sources[0] ?? \"\";\n\n        citations.push({\n            citation_number: Number(cite.citation_number),\n            section_ref: titles[0] ?? \"\",\n            training_data_title: titles[0] ?? \"\",\n            paraphrase: paraphrases[0] ?? \"\",\n            data_sources: sources,\n            highlight,\n        });\n    });\n\n    return {\n        block_cognitive_reasoning_html: meta.Reasoning ?? \"\",\n        block_cognitive_gap_html: meta.Gap ?? \"\",\n        block_cognitive_confidence: Number(meta.Confidence_score ?? 0),\n        block_cognitive_citations: citations,\n    };\n};\n\nconst CopyButton = ({ text }: { text: string }) => {\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n        try {\n            await navigator.clipboard.writeText(text);\n            setCopied(true);\n            setTimeout(() => setCopied(false), 2000);\n        } catch {\n            /* clipboard unavailable — silently ignore */\n        }\n    };\n\n    return (\n        <button\n            onClick={handleCopy}\n            aria-label=\"Copy code\"\n            style={{\n                position: \"absolute\", top: 8, right: 8, display: \"inline-flex\", alignItems: \"center\", gap: 4,\n                padding: \"3px 8px\", fontSize: \"0.68rem\", fontWeight: 500, fontFamily: \"inherit\",\n                color: copied ? \"#16a34a\" : \"#6B7280\", background: copied ? \"#f0fdf4\" : \"#f3f4f6\",\n                border: `1px solid ${copied ? \"#bbf7d0\" : \"#e5e7eb\"}`, borderRadius: 6, cursor: \"pointer\",\n                transition: \"all 0.2s\", opacity: 0.85,\n            }}\n            onMouseEnter={(e) => { e.currentTarget.style.opacity = \"1\"; }}\n            onMouseLeave={(e) => { e.currentTarget.style.opacity = \"0.85\"; }}\n        >\n            {copied ? <Check style={{ fontSize: 13 }} /> : <ContentCopy style={{ fontSize: 13 }} />}\n            {copied ? \"Copied\" : \"Copy\"}\n        </button>\n    );\n};\n\nconst SummaryRenderer = ({ node, ...props }: any) => {\n    const [isOpen, setIsOpen] = useState(false);\n    const detailsRef = useRef<HTMLElement | null>(null);\n\n    const childrenArray = React.Children.toArray(props.children);\n    const codebaseChild = childrenArray.find((c: any) => c?.props?.[\"data-codebase-name\"]);\n    const isCodebase = !!codebaseChild;\n    // @ts-ignore\n    const codebaseName = isCodebase ? codebaseChild.props[\"data-codebase-name\"] : \"\";\n\n    const plainText = childrenArray\n        // @ts-ignore\n        .map((c) => (typeof c === \"string\" ? c : c.props?.children || \"\"))\n        .join(\"\")\n        .replace(/\\*\\*/g, \"\")\n        .trim();\n\n    const label = isCodebase ? `From ${codebaseName} codebase` : plainText || \"Accordion title not found\";\n\n    useEffect(() => {\n        const details = detailsRef.current?.parentElement as HTMLDetailsElement;\n        if (!details) return;\n        const updateState = () => setIsOpen(details.open);\n        updateState();\n        details.addEventListener(\"toggle\", updateState);\n        return () => details.removeEventListener(\"toggle\", updateState);\n    }, []);\n\n    return (\n        <summary\n            ref={detailsRef}\n            style={{\n                padding: \"8px 12px\", listStyleType: \"none\", cursor: \"pointer\", fontWeight: 600, fontSize: \"0.82rem\",\n                color: \"#6932E2\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8,\n                borderRadius: 8, background: isOpen ? \"#f5f3ff\" : \"transparent\", transition: \"background 0.2s\",\n            }}\n        >\n            <span>{label}</span>\n            <div style={{ display: \"flex\", alignItems: \"center\", flexShrink: 0, color: \"#6932E2\" }}>\n                {isOpen ? <ExpandLess sx={{ fontSize: \"1.1rem\" }} /> : <ExpandMore sx={{ fontSize: \"1.1rem\" }} />}\n            </div>\n        </summary>\n    );\n};\n\nexport interface MarkdownRendererProps {\n    message: string | undefined;\n    fontSize?: React.CSSProperties[\"fontSize\"];\n    /** Keyed by the id referenced in `<a data-cognitive-reasoning=\"key\">` anchors */\n    extraMetaData?: Record<string, any> | null;\n    /** Root wrapper style — `color` here cascades as the default text color for all elements */\n    style?: React.CSSProperties;\n    /** Style overrides for inline <code> elements */\n    codeStyle?: React.CSSProperties;\n    /** Style overrides for <pre> fenced code blocks */\n    preStyle?: React.CSSProperties;\n    /** Style overrides for <blockquote> elements */\n    blockquoteStyle?: React.CSSProperties;\n    /** Syntax highlighter theme object (e.g. oneDark / oneLight from react-syntax-highlighter) */\n    syntaxHighlighterTheme?: any;\n    /** Style overrides passed into each CognitiveReasoningPanel rendered inline */\n    cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles;\n}\n\nexport const MarkdownRenderer = ({ message, fontSize, extraMetaData, style, codeStyle, preStyle, blockquoteStyle, syntaxHighlighterTheme, cognitiveDecisioningStyles }: MarkdownRendererProps) => {\n    const baseFontSize = fontSize ?? \"0.88rem\";\n    const textColor = style?.color ?? \"#1f2937\";\n\n    const [cognitivePanel, setCognitivePanel] = useState<{\n        open: boolean;\n        data: CognitiveReasoningData | null;\n        activeKey: string | null;\n    }>({ open: false, data: null, activeKey: null });\n\n    const closeCognitivePanel = () => setCognitivePanel({ open: false, data: null, activeKey: null });\n\n    const { processedMessage, inlineReasoningMap } = useMemo(() => {\n        const { processed, reasoningMap } = extractAiReasoningBlocks(message || \"\");\n        return { processedMessage: processed, inlineReasoningMap: reasoningMap };\n    }, [message]);\n\n    const components = useMemo(() => {\n        return {\n            aireasoning: ({ node, ...props }: any) => {\n                const reasoningKey = props[\"data-reasoning-key\"];\n                const reasoningData = inlineReasoningMap[reasoningKey];\n                if (!reasoningData) return null;\n\n                const isActive = cognitivePanel.open && cognitivePanel.activeKey === reasoningKey;\n\n                return (\n                    <div style={{ margin: \"6px 0\" }}>\n                        <span\n                            onClick={(e) => {\n                                e.stopPropagation();\n                                const transformed = transformAiReasoningToCD(reasoningData);\n                                setCognitivePanel((current) =>\n                                    current.open && current.activeKey === reasoningKey\n                                        ? { open: false, data: null, activeKey: null }\n                                        : { open: true, data: transformed, activeKey: reasoningKey }\n                                );\n                            }}\n                            style={{\n                                display: \"inline-flex\", alignItems: \"center\", gap: 6, cursor: \"pointer\",\n                                color: \"#6932E2\", fontWeight: 500, fontSize: baseFontSize, transition: \"all 0.2s\", padding: \"2px 0\",\n                            }}\n                        >\n                            <span>{reasoningKey}</span>\n                            <span style={{ display: \"inline-flex\", alignItems: \"center\", gap: 2, border: \"1px solid #e2e8f0\", borderRadius: 5, padding: \"4px 2px\" }}>\n                                <ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#475569\", transform: isActive ? \"rotate(180deg)\" : \"rotate(0deg)\", transition: \"transform 0.2s\" }} />\n                            </span>\n                        </span>\n\n                        {/* {isActive && cognitivePanel.data && (\n                            <Box component=\"div\" onClick={(e) => e.stopPropagation()} sx={{ display: \"block\", width: \"fit-content\", maxWidth: \"100%\", mt: 1, mb: 1, ml: 0 }}>\n                                <CognitiveReasoningPanel open onClose={closeCognitivePanel} data={cognitivePanel.data} styles={cognitiveDecisioningStyles} />\n                            </Box>\n                        )} */}\n                    </div>\n                );\n            },\n\n            codebasename: ({ children }: any) => {\n                const codebaseString = (typeof children[0] === \"string\" ? children[0] : \"\").trim();\n                return codebaseString !== \"\" ? (\n                    <div data-codebase-name={codebaseString} style={{ position: \"relative\", margin: \"12px 0\" }}>\n                        <CopyButton text={String(children).replace(/\\n$/, \"\")} />\n                        <SyntaxHighlighter\n                            style={syntaxHighlighterTheme ?? oneLight}\n                            language=\"json\"\n                            PreTag=\"div\"\n                            customStyle={{ borderRadius: 8, padding: \"1rem\", fontSize: \"0.8rem\", border: \"1px solid #e5e7eb\", margin: 0, lineHeight: 1.6, ...preStyle }}\n                        >\n                            {String(children).replace(/\\n$/, \"\")}\n                        </SyntaxHighlighter>\n                    </div>\n                ) : (\n                    <></>\n                );\n            },\n\n            details: ({ node, ...props }: any) => (\n                <details {...props} style={{ borderRadius: 8, border: \"1px solid #e9e5f5\", backgroundColor: \"transparent\", margin: \"8px 0\", overflow: \"hidden\" }}>\n                    {props.children}\n                </details>\n            ),\n            summary: SummaryRenderer,\n\n            p: ({ node, ...props }: any) => (\n                <p style={{ wordWrap: \"break-word\", overflowWrap: \"break-word\", wordBreak: \"break-word\", whiteSpace: \"normal\", overflow: \"hidden\", display: \"block\", maxWidth: \"100%\", fontSize: baseFontSize, lineHeight: 1.7, margin: \"4px 0\", color: textColor }}>\n                    {props?.children}\n                </p>\n            ),\n            strong: ({ node, ...props }: any) => <strong style={{ fontWeight: 650, color: textColor }}>{props?.children}</strong>,\n            h1: ({ node, ...props }: any) => <h1 style={{ fontSize: \"1.35rem\", fontWeight: 700, color: textColor, margin: \"20px 0 8px\", lineHeight: 1.3, letterSpacing: \"-0.01em\" }}>{props.children}</h1>,\n            h2: ({ node, ...props }: any) => <h2 style={{ fontSize: \"1.15rem\", fontWeight: 650, color: textColor, margin: \"16px 0 6px\", lineHeight: 1.35 }}>{props.children}</h2>,\n            h3: ({ node, ...props }: any) => <h3 style={{ fontSize: \"1rem\", fontWeight: 600, color: textColor, margin: \"14px 0 4px\", lineHeight: 1.4 }}>{props.children}</h3>,\n            h4: ({ node, ...props }: any) => <h4 style={{ fontSize: \"0.92rem\", fontWeight: 600, color: textColor, margin: \"12px 0 4px\", lineHeight: 1.4 }}>{props.children}</h4>,\n            ol: ({ node, ...props }: any) => <ol style={{ listStyleType: \"decimal\", marginLeft: 20, paddingLeft: 4, display: \"flex\", flexDirection: \"column\", gap: 2 }}>{props?.children}</ol>,\n            ul: ({ node, ...props }: any) => <ul style={{ listStyleType: \"disc\", marginLeft: 20, paddingLeft: 4, display: \"flex\", flexDirection: \"column\", gap: 2 }}>{props?.children}</ul>,\n            li: ({ node, ...props }: any) => <li style={{ fontSize: baseFontSize, lineHeight: 1.7, color: textColor, paddingLeft: 4 }}>{props.children}</li>,\n            blockquote: ({ node, ...props }: any) => (\n                <blockquote style={{ margin: \"12px 0\", padding: \"8px 16px\", borderLeft: \"3px solid #8b5cf6\", background: \"#faf5ff\", borderRadius: \"0 6px 6px 0\", color: textColor, fontStyle: \"italic\", fontSize: baseFontSize, lineHeight: 1.65, ...blockquoteStyle }}>\n                    {props.children}\n                </blockquote>\n            ),\n            hr: () => <hr style={{ border: \"none\", height: 1, background: \"linear-gradient(to right, transparent, #d1d5db, transparent)\", margin: \"16px 0\" }} />,\n            table: ({ node, ...props }: any) => (\n                <div style={{ overflowX: \"auto\", margin: \"12px 0\", borderRadius: 8, border: \"1px solid #e5e7eb\" }}>\n                    <table style={{ width: \"100%\", borderCollapse: \"collapse\", fontSize: \"0.8rem\", lineHeight: 1.5 }}>{props.children}</table>\n                </div>\n            ),\n            thead: ({ node, ...props }: any) => <thead style={{ background: \"#f9fafb\", borderBottom: \"2px solid #e5e7eb\" }}>{props.children}</thead>,\n            th: ({ node, ...props }: any) => <th style={{ padding: \"8px 12px\", textAlign: \"left\", fontWeight: 600, fontSize: \"0.76rem\", color: textColor, whiteSpace: \"nowrap\" }}>{props.children}</th>,\n            td: ({ node, ...props }: any) => <td style={{ padding: \"8px 12px\", borderTop: \"1px solid #f3f4f6\", color: textColor, fontSize: \"0.8rem\" }}>{props.children}</td>,\n\n            a: ({ children, node, ...props }: any) => {\n                const cogKey = props[\"data-cognitive-reasoning\"];\n                if (cogKey && extraMetaData?.[cogKey]) {\n                    const isActive = cognitivePanel.open && cognitivePanel.activeKey === cogKey;\n                    return (\n                        <>\n                            <span\n                                onClick={(e) => {\n                                    e.stopPropagation();\n                                    const transformed = transformToCognitiveData(extraMetaData[cogKey]);\n                                    setCognitivePanel((current) =>\n                                        current.open && current.activeKey === cogKey\n                                            ? { open: false, data: null, activeKey: null }\n                                            : { open: true, data: transformed, activeKey: cogKey }\n                                    );\n                                }}\n                                style={{ color: \"#6932E2\", fontWeight: 500, cursor: \"pointer\", transition: \"all 0.2s\", padding: \"0 2px\", position: \"relative\", display: \"inline-flex\", alignItems: \"center\", gap: 6 }}\n                            >\n                                {children || \"\"}\n                                <span style={{ cursor: \"pointer\", padding: \"4px 2px\", display: \"inline-flex\", alignItems: \"center\", gap: 2, border: \"1px solid #e2e8f0\", borderRadius: \"5px\" }}>\n                                    <ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#475569\", transform: isActive ? \"rotate(180deg)\" : \"rotate(0deg)\", transition: \"transform 0.2s\" }} />\n                                </span>\n                            </span>\n                            {/* {isActive && cognitivePanel.data && (\n                                <Box component=\"div\" onClick={(e) => e.stopPropagation()} sx={{ display: \"block\", width: \"fit-content\", maxWidth: \"100%\", mt: 1, mb: 1, ml: 0 }}>\n                                    <CognitiveReasoningPanel open onClose={closeCognitivePanel} data={cognitivePanel.data} styles={cognitiveDecisioningStyles} />\n                                </Box>\n                            )} */}\n                        </>\n                    );\n                }\n\n                let isAbsoluteUrl = false;\n                try {\n                    isAbsoluteUrl = new URL(props?.href).protocol.startsWith(\"http\");\n                } catch {\n                    isAbsoluteUrl = false;\n                }\n\n                return isAbsoluteUrl ? (\n                    <a\n                        href={props?.href}\n                        style={{ color: \"#6932E2\", textDecoration: \"none\", fontWeight: 500, borderBottom: \"1px solid #c4b5fd\", transition: \"border-color 0.2s, color 0.2s\" }}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        onMouseEnter={(e) => { e.currentTarget.style.borderBottomColor = \"#6932E2\"; }}\n                        onMouseLeave={(e) => { e.currentTarget.style.borderBottomColor = \"#c4b5fd\"; }}\n                    >\n                        {children}\n                    </a>\n                ) : (\n                    <span>{children}</span>\n                );\n            },\n\n            sup: ({ node, ...props }: any) => (\n                <Tooltip title={props.children} placement=\"top\" arrow>\n                    <Box\n                        component=\"span\"\n                        sx={{\n                            display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\", width: 16, height: 16,\n                            borderRadius: \"50%\", background: \"#ede9fe\", color: \"#7c3aed\", fontSize: \"0.6rem\", fontWeight: 700,\n                            verticalAlign: \"super\", cursor: \"pointer\", userSelect: \"none\", lineHeight: 1, transition: \"all 0.2s\",\n                            \"&:hover\": { background: \"#7c3aed\", color: \"#fff\" },\n                        }}\n                        aria-label=\"Info\"\n                        role=\"button\"\n                    >\n                        i\n                    </Box>\n                </Tooltip>\n            ),\n\n            code: ({ children }: any) => (\n                <code style={{ fontFamily: \"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace\", fontSize: \"0.82em\", color: \"#9333ea\", background: \"#faf5ff\", padding: \"1.5px 5px\", borderRadius: 4, border: \"1px solid #f3e8ff\", fontWeight: 500, ...codeStyle }}>\n                    {children}\n                </code>\n            ),\n\n            pre: ({ children }: any) => {\n                const extractText = (child: any): string => {\n                    if (typeof child === \"string\") return child;\n                    if (child?.props?.children) {\n                        const kids = Array.isArray(child.props.children) ? child.props.children : [child.props.children];\n                        return kids.map(extractText).join(\"\");\n                    }\n                    return \"\";\n                };\n                const codeText = React.Children.toArray(children).map(extractText).join(\"\");\n\n                return (\n                    <div style={{ position: \"relative\", margin: \"12px 0\" }}>\n                        <CopyButton text={codeText} />\n                        <pre style={{ fontFamily: \"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace\", fontSize: \"0.8rem\", lineHeight: 1.6, color: \"#1f2937\", background: \"#f9fafb\", border: \"1px solid #e5e7eb\", borderRadius: 8, padding: \"14px 16px\", margin: 0, overflowX: \"auto\", whiteSpace: \"pre\", ...preStyle }}>\n                            {children}\n                        </pre>\n                    </div>\n                );\n            },\n\n            img: ({ node, ...props }: any) => (\n                <img {...props} style={{ maxWidth: \"100%\", height: \"auto\", borderRadius: 8, margin: \"8px 0\", border: \"1px solid #e5e7eb\" }} loading=\"lazy\" />\n            ),\n        };\n    }, [baseFontSize, extraMetaData, cognitivePanel.activeKey, cognitivePanel.open, inlineReasoningMap, textColor, codeStyle, preStyle, blockquoteStyle, syntaxHighlighterTheme, cognitiveDecisioningStyles]);\n\n    return (\n        <div className=\"pg-markdown-renderer\" style={{ fontSize: baseFontSize, lineHeight: 1.7, color: \"#1f2937\", wordBreak: \"break-word\", position: \"relative\", ...style }}>\n            {/* @ts-ignore */}\n            <ReactMarkdown components={components} rehypePlugins={[rehypeRaw]} className=\"react-markdown-renderer-with-overrides\">\n                {cleanMessage(processedMessage)}\n            </ReactMarkdown>\n        </div>\n    );\n};\n\nexport default MarkdownRenderer;"],"names":["cleanMessage","message","decoded","replace","_match","content","trim","CopyButton","text","copied","setCopied","useState","jsxs","onClick","async","navigator","clipboard","writeText","setTimeout","style","position","top","right","display","alignItems","gap","padding","fontSize","fontWeight","fontFamily","color","background","border","borderRadius","cursor","transition","opacity","onMouseEnter","e","currentTarget","onMouseLeave","children","jsx","Check","ContentCopy","SummaryRenderer","node","props","isOpen","setIsOpen","detailsRef","useRef","childrenArray","React","Children","toArray","codebaseChild","find","c","isCodebase","codebaseName","plainText","map","join","label","useEffect","details","current","parentElement","updateState","open","addEventListener","removeEventListener","ref","listStyleType","justifyContent","flexShrink","ExpandLess","sx","ExpandMore","MarkdownRenderer","extraMetaData","codeStyle","preStyle","blockquoteStyle","syntaxHighlighterTheme","cognitiveDecisioningStyles","baseFontSize","textColor","cognitivePanel","setCognitivePanel","data","activeKey","processedMessage","inlineReasoningMap","useMemo","processed","reasoningMap","jsonContent","parsed","JSON","parse","key","id","Object","keys","length","console","warn","extractAiReasoningBlocks","components","aireasoning","reasoningKey","reasoningData","isActive","margin","stopPropagation","transformed","citations","aiReasoningCitation","gpt_citation","forEach","cite","sources","customMetadata","data_sources","titles","training_data_title","paraphrases","paraphrase","highlightMatch","match","highlight","push","citation_number","Number","section_ref","block_cognitive_reasoning_html","Reasoning","reasoning","block_cognitive_gap_html","Gap","block_cognitive_confidence","Confidence_score","decision_strength","block_cognitive_citations","transformAiReasoningToCD","ExpandMoreIcon","transform","codebasename","codebaseString","String","SyntaxHighlighter","Prism","oneLight","language","PreTag","customStyle","lineHeight","Fragment","backgroundColor","overflow","summary","p","wordWrap","overflowWrap","wordBreak","whiteSpace","maxWidth","strong","h1","letterSpacing","h2","h3","h4","ol","marginLeft","paddingLeft","flexDirection","ul","li","blockquote","borderLeft","fontStyle","hr","height","table","overflowX","width","borderCollapse","thead","borderBottom","th","textAlign","td","borderTop","a","cogKey","meta","transformToCognitiveData","isAbsoluteUrl","URL","href","protocol","startsWith","textDecoration","target","rel","borderBottomColor","sup","Tooltip","title","placement","arrow","Box","component","verticalAlign","userSelect","role","code","pre","extractText","child","Array","isArray","codeText","img","loading","className","ReactMarkdown","rehypePlugins","rehypeRaw"],"mappings":"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"}
+{"version":3,"file":"Markdownrenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}