@e-llm-studio/citation 0.0.249 → 0.0.250

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

@@ -1 +1 @@
-{"version":3,"file":"PromptCitation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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","PromptCitation","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":"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"}

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as n,jsxs as t,Fragment as i}from"react/jsx-runtime";import{useRef as r,useMemo as o,useState as a,useEffect as l,useCallback as d}from"react";import{generateClassName as u,cssPropertiesToString as s,getClassNameFromDiagnostic as c}from"../../../utils/codeCitations.utils.js";var g;!function(e){e[e.Error=0]="Error",e[e.Warning=1]="Warning",e[e.Information=2]="Information",e[e.Hint=3]="Hint"}(g||(g={}));var v=function(g){var v=g.startIndex,h=g.endIndex,f=g.language,m=g.editorHeight,p=g.editorWidth,x=g.code,I=g.isHighlightingEnabled,y=g.isDarkModeEnabled,S=g.openHighlightedCodeDetails,b=g.highlightCodeStatsLine;g.setHighlightCodeStatsLine;var C=g.highlightCodeStatsVariable;g.setHighlightCodeStatsVariable,g.setHighlightIndexes;var L=g.isExpanded,R=g.highlightIndexes,w=g.diagnostics,O=g.diagnosticStylesBySeverity,j=r(null),D=r([]);r([]);var H=r([]),k=r([]),E=o(function(){return v},[v]),M=o(function(){return h},[h]),N=a(null),V=N[0],W=N[1],z=a(null),A=z[0],F=z[1],T=a(null),q=T[0],_=T[1],B=a(void 0),J=B[0],P=B[1],G=a(null),K=G[0],Q=G[1];l(function(){Promise.all([import("@monaco-editor/react"),import("highlight.js/lib/core")]).then(function(e){var n=e[0],t=e[1];_(function(){return n.default});var i=t.default.highlightAuto(x).language;P(i)}).catch(function(){Q("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[x]);var U=o(function(){return O&&"object"==typeof O&&Object.entries(O).map(function(e){var n=e[0],t=e[1],i=[];return t.style&&i.push(".".concat(u(t.style,+n,!0)," {\n").concat(s(t.style),"\n}")),t.lightModeStyle&&i.push(".".concat(u(t.lightModeStyle,+n,!1)," {\n").concat(s(t.lightModeStyle),"\n}")),i.join("\n")}).join("\n")},[O]);l(function(){return function(){var e;(null===(e=j.current)||void 0===e?void 0:e._resizeObserver)&&j.current._resizeObserver.disconnect()}},[]),l(function(){if(I&&V&&j.current&&A){var e=V.start,n=V.end;if(X(j.current,e,n,b,C),-1===v&&w&&w.length>0){var t=w[0].range,i=t.lineStart,r=t.lineEnd;X(j.current,i,r,b,C)}}},[V,A,I,b,C]),l(function(){var e,n,t;if(A&&j.current&&I){var i=j.current;if(R&&(null===(e=Object.keys(R))||void 0===e?void 0:e.length)>0&&-1!==(null==R?void 0:R.startIndex)&&-1!==(null==R?void 0:R.endIndex)){var r=i.deltaDecorations(D.current,[{range:new A.Range(R.startIndex,1,R.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);D.current=r}if(b&&(null===(n=Object.keys(b))||void 0===n?void 0:n.length)>0&&-1!==(null==b?void 0:b.startIndex)&&-1!==(null==b?void 0:b.endIndex)&&(null==b?void 0:b.name)){r=i.deltaDecorations(D.current,[{range:new A.Range(b.startIndex,1,b.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);D.current=r}if(C&&(null===(t=Object.keys(C))||void 0===t?void 0:t.length)>0&&-1!==(null==C?void 0:C.startIndex)&&-1!==(null==C?void 0:C.endIndex)&&(null==b?void 0:b.name)){r=i.deltaDecorations(H.current,[{range:new A.Range(C.startIndex,1,C.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);H.current=r}}},[v,h,I,A,b,JSON.stringify(C)]),l(function(){if(A&&j.current&&(null==w?void 0:w.length)&&O){var e=j.current,n=w.map(function(e){var n,t,i=c(e.severity,null==y||y,O);return{range:new A.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}}});k.current=e.deltaDecorations(k.current,n)}},[w,O,A,y]);var X=d(function(e,n,t,i,r){var o,a;if(A&&e&&I){var l=e.getModel();l&&(n=Math.max(-1,n),(t=Math.min(t,l.getLineCount()))<n&&(t=n),requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new A.Range(n,1,t,1),A.editor.ScrollType.Smooth),e.setSelection(new A.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 A.Range(i.startIndex,1,i.endIndex,1),A.editor.ScrollType.Smooth),e.setSelection(new A.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 A.Range(r.startIndex,1,r.endIndex,1),A.editor.ScrollType.Smooth),e.setSelection(new A.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)))}},[A,I,v,h,null==b?void 0:b.startIndex,null==b?void 0:b.endIndex,C]);l(function(){if(j.current&&A&&I){var e=j.current,n=e.onDidLayoutChange(function(){if(X(e,v,h,b,C),-1===v&&w&&w.length>0){var n=w[0].range,t=n.lineStart,i=n.lineEnd;X(e,t,i,b,C)}});return function(){return n.dispose()}}},[X,v,h,I,null==b?void 0:b.startIndex,null==b?void 0:b.endIndex,C,L]);var Y=d(function(e,n){X(e,E,M),j.current=e,F(n),W({start:E,end:M});var t=e.getContainerDomNode(),i=new ResizeObserver(function(){e.layout()});if(i.observe(t),j.current._resizeObserver=i,I){var r=e.getDomNode(),o=document.createElement("div");null==r||r.appendChild(o);var a=function(){var n=e.getTopForLineNumber(E)-e.getScrollTop();o.style.top="".concat(n,"px")};e.onDidScrollChange(a),a()}},[v,h,I,S]);return K?n("div",e({style:{color:"red",fontSize:"12px",padding:"8px"}},{children:K})):q?t(i,{children:[n(q,{height:m,width:p,defaultLanguage:J||f,defaultValue:x,theme:y?"vs-dark":"vs-light",onMount:Y,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("style",{children:[U,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):n("div",e({style:{padding:"8px",color:"#666"}},{children:"Loading code editor..."}))};export{g as DiagnosticSeverity,v as default};
+import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useRef as i,useMemo as r,useState as o,useEffect as a,useCallback as s}from"react";import{generateClassName as d,cssPropertiesToString as l,getClassNameFromDiagnostic as c}from"../../../utils/codeCitations.utils.js";const g=({startIndex:g,endIndex:h,language:u,editorHeight:m,editorWidth:p,code:x,isHighlightingEnabled:y,isDarkModeEnabled:I,openHighlightedCodeDetails:S,highlightCodeStatsLine:f,setHighlightCodeStatsLine:b,highlightCodeStatsVariable:v,setHighlightCodeStatsVariable:C,setHighlightIndexes:L,isExpanded:R,highlightIndexes:w,diagnostics:O,diagnosticStylesBySeverity:j})=>{const D=i(null),k=i([]);i([]);const H=i([]),M=i([]),N=r(()=>g,[g]),E=r(()=>h,[h]),[V,W]=o(null),[z,A]=o(null),[F,T]=o(null),[$,q]=o(void 0),[_,B]=o(null);a(()=>{Promise.all([import("@monaco-editor/react"),import("highlight.js/lib/core")]).then(([e,t])=>{T(()=>e.default);const n=t.default.highlightAuto(x).language;q(n)}).catch(()=>{B("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[x]);const J=r(()=>j&&"object"==typeof j&&Object.entries(j).map(([e,t])=>{const n=[];return t.style&&n.push(`.${d(t.style,+e,!0)} {\n${l(t.style)}\n}`),t.lightModeStyle&&n.push(`.${d(t.lightModeStyle,+e,!1)} {\n${l(t.lightModeStyle)}\n}`),n.join("\n")}).join("\n"),[j]);a(()=>()=>{D.current?._resizeObserver&&D.current._resizeObserver.disconnect()},[]),a(()=>{if(y&&V&&D.current&&z){const{start:e,end:t}=V;if(P(D.current,e,t,f,v),-1===g&&O&&O.length>0){const{lineStart:e,lineEnd:t}=O[0].range;P(D.current,e,t,f,v)}}},[V,z,y,f,v]),a(()=>{if(z&&D.current&&y){const e=D.current;if(w&&Object.keys(w)?.length>0&&-1!==w?.startIndex&&-1!==w?.endIndex){const t=e.deltaDecorations(k.current,[{range:new z.Range(w.startIndex,1,w.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);k.current=t}if(f&&Object.keys(f)?.length>0&&-1!==f?.startIndex&&-1!==f?.endIndex&&f?.name){const t=e.deltaDecorations(k.current,[{range:new z.Range(f.startIndex,1,f.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);k.current=t}if(v&&Object.keys(v)?.length>0&&-1!==v?.startIndex&&-1!==v?.endIndex&&f?.name){const t=e.deltaDecorations(H.current,[{range:new z.Range(v.startIndex,1,v.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);H.current=t}}},[g,h,y,z,f,JSON.stringify(v)]),a(()=>{if(!(z&&D.current&&O?.length&&j))return;const e=D.current,t=O.map(e=>{const t=c(e.severity,I??!0,j);return{range:new z.Range(e.range.lineStart,e.range.columnStart??1,e.range.lineEnd,e.range.columnEnd??1),options:{className:t,isWholeLine:void 0===e.range.columnStart}}});M.current=e.deltaDecorations(M.current,t)},[O,j,z,I]);const P=s((e,t,n,i,r)=>{if(!z||!e||!y)return;const o=e.getModel();o&&(t=Math.max(-1,t),(n=Math.min(n,o.getLineCount()))<t&&(n=t),requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new z.Range(t,1,n,1),z.editor.ScrollType.Smooth),e.setSelection(new z.Range(t,1,n+1,1))}),i&&-1!==i?.startIndex&&-1!==i?.endIndex&&requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new z.Range(i.startIndex,1,i.endIndex,1),z.editor.ScrollType.Smooth),e.setSelection(new z.Range(i.startIndex,1,i.endIndex+1,1))}),0===Object.keys(r)?.length&&e.getContribution("editor.contrib.findController").getState().change({isRevealed:!1},!1),Object.keys(r)?.length>0&&(requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new z.Range(r.startIndex,1,r.endIndex,1),z.editor.ScrollType.Smooth),e.setSelection(new z.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:r?.variableName||"",isRevealed:!0},!1)))},[z,y,g,h,f?.startIndex,f?.endIndex,v]);a(()=>{if(!D.current||!z||!y)return;const e=D.current,t=e.onDidLayoutChange(()=>{if(P(e,g,h,f,v),-1===g&&O&&O.length>0){const{lineStart:t,lineEnd:n}=O[0].range;P(e,t,n,f,v)}});return()=>t.dispose()},[P,g,h,y,f?.startIndex,f?.endIndex,v,R]);const G=s((e,t)=>{P(e,N,E),D.current=e,A(t),W({start:N,end:E});const n=e.getContainerDomNode(),i=new ResizeObserver(()=>{e.layout()});if(i.observe(n),D.current._resizeObserver=i,y){const t=e.getDomNode(),n=document.createElement("div");t?.appendChild(n);const i=()=>{const t=e.getTopForLineNumber(N)-e.getScrollTop();n.style.top=`${t}px`};e.onDidScrollChange(i),i()}},[g,h,y,S]);return _?e("div",{style:{color:"red",fontSize:"12px",padding:"8px"},children:_}):F?t(n,{children:[e(F,{height:m,width:p,defaultLanguage:$||u,defaultValue:x,theme:I?"vs-dark":"vs-light",onMount:G,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}}}),t("style",{children:[J,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):e("div",{style:{padding:"8px",color:"#666"},children:"Loading code editor..."})};export{g as default};
 //# sourceMappingURL=CodeEditor.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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":["CodeEditor","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","then","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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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Markdownrenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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","ExpandMore","sx","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","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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"}