@viswa-test/test-citation 0.0.390 → 0.0.394

package/dist/features/SPBAnalysisPanel/DependencyGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"DependencyGraph.js","sources":["../../../src/features/SPBAnalysisPanel/DependencyGraph.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useCallback, useEffect } from \"react\";\nimport Dialog from \"@mui/material/Dialog\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport CloseFullscreenIcon from \"@mui/icons-material/CloseFullscreen\";\n\ninterface Cluster {\n  id: string;\n  label: string;\n}\n\ninterface RawNode {\n  id: string;\n  label: string;\n  cluster_id: string;\n  x: number;\n  y: number;\n  description: string;\n}\n\ninterface Edge {\n  id: string;\n  source: string;\n  target: string;\n  reasoning: string;\n  score: number;\n  gap: string;\n  dependency_type: string;\n}\n\ninterface ApiData {\n  graph_id: string;\n  prompt_id: string;\n  last_analyzed_at: string;\n  clusters: Cluster[];\n  nodes: RawNode[];\n  edges: Edge[];\n}\n\ninterface Position {\n  x: number;\n  y: number;\n}\n\ninterface LayoutNode extends RawNode {\n  cluster: number;\n}\n\ninterface ClusterBound {\n  id: string;\n  label: string;\n  idx: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface ComputedGraph {\n  nodes: LayoutNode[];\n  edges: Edge[];\n  clusterBounds: ClusterBound[];\n  canvasW: number;\n  canvasH: number;\n}\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\ninterface EdgePopupState {\n  edge: Edge;\n  screenX: number;\n  screenY: number;\n}\n\ninterface NodePopupState {\n  node: LayoutNode;\n  screenX: number;\n  screenY: number;\n}\n\nexport interface DependencyGraphProps {\n  data: ApiData;\n  isDarkMode?: boolean;\n  style?: React.CSSProperties | any;\n  sx?: any;\n}\n\ninterface DependencyGraphStyles extends React.CSSProperties {\n  fullscreenPaper?: React.CSSProperties;\n  root?: React.CSSProperties;\n  header?: React.CSSProperties;\n  title?: React.CSSProperties;\n  subtitle?: React.CSSProperties;\n  controls?: React.CSSProperties;\n  controlButton?: React.CSSProperties;\n  cluster?: React.CSSProperties;\n  clusterLabel?: React.CSSProperties;\n  node?: React.CSSProperties;\n  selectedNode?: React.CSSProperties;\n  nodeIcon?: React.CSSProperties;\n  edge?: React.CSSProperties;\n  activeEdge?: React.CSSProperties;\n  edgeMarker?: React.CSSProperties;\n  nodePopup?: React.CSSProperties;\n  nodePopupHeader?: React.CSSProperties;\n  nodePopupBody?: React.CSSProperties;\n  popupCloseButton?: React.CSSProperties;\n  edgePopup?: React.CSSProperties;\n  edgePopupHeader?: React.CSSProperties;\n  edgePopupBody?: React.CSSProperties;\n}\n\nexport interface DependencyGraphInnerProps {\n  data: ApiData;\n  onFullscreen?: () => void;\n  isFullscreen?: boolean;\n  isDarkMode?: boolean;\n  style?: DependencyGraphStyles;\n}\n\n// const data: ApiData = {\"graph_id\": \"pg_deps_5e0066ee\", \"prompt_id\": \"\", \"last_analyzed_at\": \"2026-06-12T19:29:35Z\", \"clusters\": [{\"id\": \"cl_1\", \"label\": \"C1\"}, {\"id\": \"cl_2\", \"label\": \"C2\"}, {\"id\": \"cl_3\", \"label\": \"C3\"}], \"nodes\": [{\"id\": \"node_role\", \"label\": \"Role\", \"cluster_id\": \"cl_1\", \"x\": 153, \"y\": 50, \"description\": \"Defines the AI's persona as the 'Citations Recommendation Tool (CRT)' and its core mission to analyze ground truth and generate structured citation recommendations.\"}, {\"id\": \"node_core_capabilities\", \"label\": \"Core Capabilities\", \"cluster_id\": \"cl_1\", \"x\": 373, \"y\": 50, \"description\": \"Lists the key functions the CRT is designed to perform, such as generating citation recommendations, semantic matching, decision strength calculation, and gap analysis.\"}, {\"id\": \"node_input_format\", \"label\": \"Input Format\", \"cluster_id\": \"cl_2\", \"x\": 799, \"y\": 50, \"description\": \"Specifies the exact structured format in which the tool will receive its input, including available citations and ground truth data.\"}, {\"id\": \"node_output_format\", \"label\": \"Output Format\", \"cluster_id\": \"cl_3\", \"x\": 476, \"y\": 788, \"description\": \"Describes the two-part structure (conversational response and metadata block) required for every output, including key order and field definitions.\"}, {\"id\": \"node_recommendation_structure\", \"label\": \"Recommendation Structure\", \"cluster_id\": \"cl_3\", \"x\": 183, \"y\": 489, \"description\": \"Details the precise JSON structure for individual recommendation objects, including fields like citation_type, decision_strength, reasoning, and gap, along with their requirements.\"}, {\"id\": \"node_mandatory_citations\", \"label\": \"Mandatory Citations\", \"cluster_id\": \"cl_3\", \"x\": 50, \"y\": 835, \"description\": \"Instructs the tool to always include a specific citation ('CognitiveDecisioningCard') as the first recommendation with predefined attributes and 100% decision strength.\"}, {\"id\": \"node_citation_matching_algorithm\", \"label\": \"Citation Matching Algorithm\", \"cluster_id\": \"cl_3\", \"x\": 405, \"y\": 575, \"description\": \"Provides a detailed, step-by-step process for how the tool should generate citation recommendations, from parsing input to calculating scores and building the recommendations array.\"}, {\"id\": \"node_error_handling\", \"label\": \"Error Handling\", \"cluster_id\": \"cl_3\", \"x\": 260, \"y\": 928, \"description\": \"Defines specific responses and metadata structures for various error conditions, such as missing input, no ground truth, or no matching citations.\"}, {\"id\": \"node_example_response\", \"label\": \"Example Response\", \"cluster_id\": \"cl_2\", \"x\": 1019, \"y\": 50, \"description\": \"Illustrates a complete interaction with an example input and the corresponding expected output, demonstrating adherence to the specified formats and logic.\"}, {\"id\": \"node_best_practices\", \"label\": \"Best Practices\", \"cluster_id\": \"cl_3\", \"x\": 230, \"y\": 709, \"description\": \"Offers general guidelines and reminders for maintaining consistency and quality in the tool's responses, covering aspects like key order, brevity, and specificity.\"}], \"edges\": [{\"id\": \"e001\", \"source\": \"node_core_capabilities\", \"target\": \"node_role\", \"reasoning\": \"The capabilities listed are specific functions of the 'Citations Recommendation Tool (CRT)', directly linking them to the persona and mission established in the 'role' section.\", \"score\": 85, \"gap\": \"The connection is strong but inferred; the section describes the tool's functions without explicitly referencing the tool's name or mission from the 'role' section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e002\", \"source\": \"node_output_format\", \"target\": \"node_recommendation_structure\", \"reasoning\": \"The 'output_format' explicitly states that the 'recommendations' array within its 'Metadata Block' refers to 'Array of recommendation objects (see RecommendationStructure)', directly naming the section for definition.\", \"score\": 100, \"gap\": \"No gap identified.\", \"dependency_type\": \"explicit\"}, {\"id\": \"e003\", \"source\": \"node_output_format\", \"target\": \"node_citation_matching_algorithm\", \"reasoning\": \"The 'generate_recommendations' field in 'output_format' is directly controlled by the logic described in 'citation_matching_algorithm', which dictates when recommendations are generated or not.\", \"score\": 88, \"gap\": \"The 'output_format' defines the field, but the logic for populating it is entirely contained within 'citation_matching_algorithm', which is not explicitly referenced.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e004\", \"source\": \"node_output_format\", \"target\": \"node_error_handling\", \"reasoning\": \"The 'error_handling' section provides concrete examples of the 'output_format's 'Metadata Block' structure, showing how 'generate_recommendations' and 'recommendations' are populated under specific error conditions.\", \"score\": 75, \"gap\": \"While 'error_handling' uses the structure defined in 'output_format', it doesn't explicitly reference 'output_format' by name, making the link inferred through structural consistency.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e005\", \"source\": \"node_recommendation_structure\", \"target\": \"node_output_format\", \"reasoning\": \"The 'recommendation_structure' defines the objects that populate the 'recommendations' array, which is a key part of the 'output_format'. Without 'output_format', these objects would have no defined place in the overall response.\", \"score\": 89, \"gap\": \"The 'recommendation_structure' defines the content for a part of the 'output_format', but the 'output_format' only references it for its definition, not for its existence as a component of the output.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e006\", \"source\": \"node_recommendation_structure\", \"target\": \"node_citation_matching_algorithm\", \"reasoning\": \"The 'decision_strength', 'reasoning', and 'gap' fields within 'recommendation_structure' are all explicitly defined and calculated by the 'citation_matching_algorithm'.\", \"score\": 89, \"gap\": \"The 'citation_matching_algorithm' dictates the content and calculation for several fields within 'recommendation_structure', but 'recommendation_structure' itself doesn't explicitly point to the algorithm for these definitions.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e007\", \"source\": \"node_mandatory_citations\", \"target\": \"node_recommendation_structure\", \"reasoning\": \"The example recommendation object provided in 'mandatory_citations' strictly adheres to the format defined in 'recommendation_structure', using its field names and structure.\", \"score\": 89, \"gap\": \"The 'mandatory_citations' section provides a concrete example that perfectly matches the 'recommendation_structure', but it doesn't explicitly state that it is using or conforming to that structure.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e008\", \"source\": \"node_citation_matching_algorithm\", \"target\": \"node_input_format\", \"reasoning\": \"The algorithm's first step is to 'Parse ===AVAILABLE CITATIONS===' and 'Handle Ground Truth', both of which are input structures whose definition is provided in 'input_format'.\", \"score\": 89, \"gap\": \"The algorithm implicitly relies on the 'input_format' for the structure of its input, but it doesn't explicitly reference the 'input_format' section by name.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e009\", \"source\": \"node_citation_matching_algorithm\", \"target\": \"node_recommendation_structure\", \"reasoning\": \"The algorithm details how to generate 'decision_strength', 'reasoning', and 'gap' for each recommendation, which are all fields defined in 'recommendation_structure'.\", \"score\": 89, \"gap\": \"The algorithm defines the 'how' for elements whose 'what' is defined in 'recommendation_structure', but it doesn't explicitly name 'recommendation_structure' as the source of these definitions.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e010\", \"source\": \"node_citation_matching_algorithm\", \"target\": \"node_output_format\", \"reasoning\": \"The algorithm's steps directly influence the 'generate_recommendations' field and the 'recommendations' array within the 'output_format', dictating their content and conditions.\", \"score\": 89, \"gap\": \"The algorithm's output directly shapes the 'output_format', but the connection is inferred through the shared fields rather than an explicit reference to the 'output_format' section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e011\", \"source\": \"node_citation_matching_algorithm\", \"target\": \"node_mandatory_citations\", \"reasoning\": \"Step 7 of the algorithm explicitly states to 'Start with CognitiveDecisioningCard (mandatory, 100% strength)', directly incorporating the requirement and content defined in 'mandatory_citations'.\", \"score\": 95, \"gap\": \"The algorithm refers to the 'CognitiveDecisioningCard (mandatory, 100% strength)' but doesn't explicitly name the 'mandatory_citations' section as its source, leading to a minor ambiguity.\", \"dependency_type\": \"explicit\"}, {\"id\": \"e012\", \"source\": \"node_citation_matching_algorithm\", \"target\": \"node_error_handling\", \"reasoning\": \"The algorithm's Step 2 ('Handle Ground Truth') includes conditions that align with the 'No Ground Truth Available' error case described in 'error_handling', dictating when an error response is triggered.\", \"score\": 80, \"gap\": \"The algorithm implements a specific error condition, but it doesn't explicitly reference the 'error_handling' section as the source of this error definition.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e013\", \"source\": \"node_error_handling\", \"target\": \"node_output_format\", \"reasoning\": \"The 'error_handling' section provides specific examples of the 'Metadata Block' structure, including 'generate_recommendations' and 'recommendations' fields, which are defined in 'output_format'.\", \"score\": 89, \"gap\": \"The 'error_handling' section provides concrete examples that adhere to the 'output_format's structure, but it doesn't explicitly state that it is following the 'output_format' section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e014\", \"source\": \"node_error_handling\", \"target\": \"node_mandatory_citations\", \"reasoning\": \"The 'No Matches Found' error response explicitly includes the 'CognitiveDecisioningCard' recommendation with its specific 'reasoning' and 'gap', directly incorporating content from 'mandatory_citations'.\", \"score\": 89, \"gap\": \"The 'error_handling' section includes the mandatory card, but it doesn't explicitly reference the 'mandatory_citations' section as the source of this requirement.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e015\", \"source\": \"node_error_handling\", \"target\": \"node_citation_matching_algorithm\", \"reasoning\": \"The conditions for triggering the error responses (e.g., 'No Ground Truth Available', 'No Matches Found') are determined by the logic in 'citation_matching_algorithm'.\", \"score\": 85, \"gap\": \"The 'error_handling' defines the output for error conditions, but the 'citation_matching_algorithm' dictates when those conditions are met, a link that is strong but not explicitly stated.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e016\", \"source\": \"node_example_response\", \"target\": \"node_input_format\", \"reasoning\": \"The 'Input' part of the example strictly follows the structure defined in 'input_format', including the '===AVAILABLE CITATIONS===' and '===GROUND TRUTH===' sections.\", \"score\": 89, \"gap\": \"The example implicitly demonstrates adherence to the 'input_format' without explicitly stating that it is following that section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e017\", \"source\": \"node_example_response\", \"target\": \"node_output_format\", \"reasoning\": \"The 'Output' part of the example strictly follows the structure defined in 'output_format', including the 'Conversational Response' and 'Metadata Block' with specific fields.\", \"score\": 89, \"gap\": \"The example implicitly demonstrates adherence to the 'output_format' without explicitly stating that it is following that section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e018\", \"source\": \"node_example_response\", \"target\": \"node_recommendation_structure\", \"reasoning\": \"The individual recommendation objects within the 'Output' part of the example adhere to the structure defined in 'recommendation_structure', including fields like 'citation_type', 'decision_strength', 'reasoning', and 'gap'.\", \"score\": 89, \"gap\": \"The example implicitly demonstrates adherence to the 'recommendation_structure' without explicitly stating that it is following that section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e019\", \"source\": \"node_example_response\", \"target\": \"node_mandatory_citations\", \"reasoning\": \"The example output correctly includes the 'CognitiveDecisioningCard' as the first recommendation with 100% decision strength, as required by 'mandatory_citations'.\", \"score\": 89, \"gap\": \"The example implicitly demonstrates adherence to the 'mandatory_citations' requirement without explicitly stating that it is following that section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e020\", \"source\": \"node_example_response\", \"target\": \"node_citation_matching_algorithm\", \"reasoning\": \"The example output's 'decision_strength', 'reasoning', and 'gap' for the 'CitationsViewer' recommendation are consistent with the calculation and generation steps outlined in 'citation_matching_algorithm'.\", \"score\": 85, \"gap\": \"The example output is a result of applying the 'citation_matching_algorithm', but the example itself doesn't explicitly reference the algorithm as the source of its logic.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e021\", \"source\": \"node_best_practices\", \"target\": \"node_output_format\", \"reasoning\": \"The best practices regarding 'key order: generate_recommendations, recommendations' and keeping the 'conversational response brief' directly refer to structural elements defined in 'output_format'.\", \"score\": 89, \"gap\": \"The 'best_practices' section refers to elements of the 'output_format' but doesn't explicitly name the 'output_format' section as their source.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e022\", \"source\": \"node_best_practices\", \"target\": \"node_recommendation_structure\", \"reasoning\": \"The best practices regarding 'line numbers in all reasoning points' and being 'specific in gap analysis' directly refer to requirements for the 'reasoning' and 'gap' fields within 'recommendation_structure'.\", \"score\": 89, \"gap\": \"The 'best_practices' section refers to elements of the 'recommendation_structure' but doesn't explicitly name the 'recommendation_structure' section as their source.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e023\", \"source\": \"node_best_practices\", \"target\": \"node_mandatory_citations\", \"reasoning\": \"The best practice 'Always include CognitiveDecisioningCard as the first recommendation with 100% strength' is a direct restatement of the core instruction in 'mandatory_citations'.\", \"score\": 89, \"gap\": \"The 'best_practices' section restates a rule from 'mandatory_citations' but doesn't explicitly name 'mandatory_citations' as the source of that rule.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e024\", \"source\": \"node_best_practices\", \"target\": \"node_citation_matching_algorithm\", \"reasoning\": \"The best practices regarding 'Deduplicate when multiple ground truths match' and 'Generate recommendations immediately' refer to operational steps defined in 'citation_matching_algorithm'.\", \"score\": 85, \"gap\": \"The 'best_practices' section refers to operational aspects that are fully defined in 'citation_matching_algorithm', but it doesn't explicitly name the algorithm section.\", \"dependency_type\": \"implicit\"}, {\"id\": \"e025\", \"source\": \"node_best_practices\", \"target\": \"node_error_handling\", \"reasoning\": \"The best practice 'Generate recommendations immediately whenever ground truth is provided \\u2014 no confirmation steps required' implicitly refers to the handling of 'No Ground Truth Available' from 'error_handling'.\", \"score\": 70, \"gap\": \"The connection is indirect; the best practice implies a contrast with error conditions, but it doesn't directly reference the 'error_handling' section.\", \"dependency_type\": \"implicit\"}]};\n\n\nconst NODE_W: number = 170;\nconst NODE_H: number = 48;\n\nconst CL_BG: string[] = [\"#ede9fe\", \"#e0f2fe\", \"#fef3c7\", \"#dcfce7\", \"#ffe4e6\", \"#f0fdf4\", \"#fef9c3\", \"#e0e7ff\", \"#fce7f3\", \"#f1f5f9\"];\nconst CL_FG: string[] = [\"#7c3aed\", \"#0284c7\", \"#b45309\", \"#16a34a\", \"#e11d48\", \"#15803d\", \"#a16207\", \"#4338ca\", \"#db2777\", \"#475569\"];\nconst CL_ICON: string[] = [\"⚙\", \"◈\", \"⟐\", \"✦\", \"◎\", \"⬡\", \"◇\", \"⊕\", \"✶\", \"◉\"];\nconst CL_BORDER_ACTIVE: string[] = [\"#a78bfa\", \"#7dd3fc\", \"#fbbf24\", \"#86efac\", \"#fda4af\", \"#6ee7b7\", \"#fde047\", \"#a5b4fc\", \"#f9a8d4\", \"#94a3b8\"];\nconst CL_GRAD: string[] = [\n  \"linear-gradient(135deg,#7c3aed,#a78bfa)\",\n  \"linear-gradient(135deg,#0284c7,#38bdf8)\",\n  \"linear-gradient(135deg,#b45309,#fbbf24)\",\n  \"linear-gradient(135deg,#16a34a,#86efac)\",\n  \"linear-gradient(135deg,#e11d48,#fda4af)\",\n  \"linear-gradient(135deg,#15803d,#6ee7b7)\",\n  \"linear-gradient(135deg,#a16207,#fde047)\",\n  \"linear-gradient(135deg,#4338ca,#a5b4fc)\",\n  \"linear-gradient(135deg,#db2777,#f9a8d4)\",\n  \"linear-gradient(135deg,#475569,#94a3b8)\",\n];\n\n// ─── Auto Layout — rank-seeded force-directed ──\n\nfunction autoLayout(rawNodes: RawNode[] = [], rawEdges: Edge[] = [], rawClusters: Cluster[] = []): Map<string, Position> {\n  const nodes = Array.isArray(rawNodes) ? rawNodes : [];\n  const edges = Array.isArray(rawEdges) ? rawEdges : [];\n  const clusters = Array.isArray(rawClusters) ? rawClusters : [];\n  const N: number = nodes.length;\n  if (N === 0) return new Map();\n\n  const idxOf: Record<string, number> = {};\n  nodes.forEach((n, i) => { idxOf[n.id] = i; });\n\n  // ── 1. Build adjacency & compute topological rank \n  const outN: Record<string, string[]> = {};\n  const inN: Record<string, string[]> = {};\n  nodes.forEach((n) => { outN[n.id] = []; inN[n.id] = []; });\n\n  edges.forEach((e) => {\n    if (outN[e.source]) outN[e.source].push(e.target);\n    if (inN[e.target]) inN[e.target].push(e.source);\n  });\n\n  // Iterative longest-path relaxation (handles cycles by capping at N)\n  const rank: Record<string, number> = {};\n  nodes.forEach((n) => { rank[n.id] = 0; });\n\n  for (let pass = 0; pass < N; pass++) {\n\n    let changed = false;\n\n    for (const e of edges) {\n      const nr: number = (rank[e.source] || 0) + 1;\n      if (nr > (rank[e.target] || 0) && nr < N) {\n        rank[e.target] = nr;\n        changed = true;\n      }\n    }\n    if (!changed) break;\n  }\n\n  // ── 2. Initial placement: rank → Y, cluster stagger → X \n  const clusterCol: Record<string, number> = {};\n  clusters.forEach((c, i) => { clusterCol[c.id] = i; });\n\n  // Sort within each cluster by rank for cleaner vertical stacking\n  const clusterGroups: Record<string, RawNode[]> = {};\n  \n  clusters.forEach((c) => { clusterGroups[c.id] = []; });\n  nodes.forEach((n) => { clusterGroups[n.cluster_id]?.push(n); });\n  Object.values(clusterGroups).forEach((g) =>\n    g.sort((a, b) => (rank[a.id] || 0) - (rank[b.id] || 0))\n  );\n\n  const COL_GAP: number = 520;\n  const ROW_GAP: number = 200;\n  const px: Float64Array = new Float64Array(N);\n  const py: Float64Array = new Float64Array(N);\n  const vx: Float64Array = new Float64Array(N);\n  const vy: Float64Array = new Float64Array(N);\n\n  for (const c of clusters) {\n    const col: number = clusterCol[c.id] ?? 0;\n    const group: RawNode[] = clusterGroups[c.id] || [];\n\n    group.forEach((n, row) => {\n      const i: number = idxOf[n.id];\n      px[i] = col * COL_GAP + 280;\n      py[i] = row * ROW_GAP + 120;\n    });\n\n  }\n\n  // ── 3. Force simulation\n  const REPULSION: number = 480000;\n  const SPRING_K: number = 0.004;\n  const IDEAL_LEN: number = 380;\n  const CLUSTER_K: number = 0.0015;\n  const RANK_GRAVITY: number = 0.002;     \n  const DAMPING: number = 0.84;\n  const ITERS: number = 350;\n\n  // Pre-compute per-node target Y from rank (used for rank-gravity)\n  const maxRank: number = Math.max(...nodes.map((n) => rank[n.id] || 0), 1);\n  const rankTargetY: Float64Array = new Float64Array(N);\n\n  for (let i = 0; i < N; i++) {\n    rankTargetY[i] = ((rank[nodes[i].id] || 0) / maxRank) * (N * ROW_GAP * 0.6) + 120;\n  }\n\n  for (let iter = 0; iter < ITERS; iter++) {\n\n    const t: number = Math.max(0.015, 1 - iter / ITERS);\n    const fx: Float64Array = new Float64Array(N);\n    const fy: Float64Array = new Float64Array(N);\n\n    // Repulsion (all pairs — strong to keep nodes well apart)\n    for (let i = 0; i < N; i++) {\n      for (let j = i + 1; j < N; j++) {\n\n        let dx: number = px[i] - px[j], dy: number = py[i] - py[j];\n        let d2: number = dx * dx + dy * dy;\n\n        if (d2 < 400) {\n            dx = (i - j) * 12;\n            dy = (i + j) * 8;\n            d2 = dx * dx + dy * dy;\n        }\n\n        const d: number = Math.sqrt(d2);\n        const f: number = REPULSION / d2;\n\n        const ux: number = (dx / d) * f, uy: number = (dy / d) * f;\n\n        fx[i] += ux; fy[i] += uy;\n        fx[j] -= ux; fy[j] -= uy;\n      }\n    }\n\n    // Spring attraction along edges\n    for (const e of edges) {\n\n      const si: number | undefined = idxOf[e.source], ti: number | undefined = idxOf[e.target];\n\n      if (si === undefined || ti === undefined) continue;\n      const dx: number = px[ti] - px[si], dy: number = py[ti] - py[si];\n      const d: number = Math.sqrt(dx * dx + dy * dy);\n\n      if (d < 1) continue;\n\n      const f: number = (d - IDEAL_LEN) * SPRING_K;\n      const ux: number = (dx / d) * f, uy: number = (dy / d) * f;\n      fx[si] += ux; fy[si] += uy;\n      fx[ti] -= ux; fy[ti] -= uy;\n\n    }\n\n    // Cluster cohesion (gentle — just group, don't squish)\n    const csx: Record<string, number> = {}, csy: Record<string, number> = {}, cnt: Record<string, number> = {};\n    for (let i = 0; i < N; i++) {\n\n      const c: string = nodes[i].cluster_id;\n      csx[c] = (csx[c] || 0) + px[i];\n      csy[c] = (csy[c] || 0) + py[i];\n      cnt[c] = (cnt[c] || 0) + 1;\n\n    }\n\n    for (let i = 0; i < N; i++) {\n      const c: string = nodes[i].cluster_id;\n      fx[i] += (csx[c] / cnt[c] - px[i]) * CLUSTER_K;\n      fy[i] += (csy[c] / cnt[c] - py[i]) * CLUSTER_K;\n    }\n\n    // Rank gravity — nudge Y toward rank-based target so flow reads top→bottom\n    for (let i = 0; i < N; i++) {\n      fy[i] += (rankTargetY[i] - py[i]) * RANK_GRAVITY;\n    }\n\n    // Integrate with cooling\n    for (let i = 0; i < N; i++) {\n      vx[i] = (vx[i] + fx[i]) * DAMPING * t;\n      vy[i] = (vy[i] + fy[i]) * DAMPING * t;\n      px[i] += vx[i];\n      py[i] += vy[i];\n    }\n  }\n\n  // ── 4. Overlap resolution with generous margins \n  const MIN_DX: number = NODE_W + 100, MIN_DY: number = NODE_H + 80;\n\n  for (let pass = 0; pass < 40; pass++) {\n\n    let moved = false;\n\n    for (let i = 0; i < N; i++) {\n      for (let j = i + 1; j < N; j++) {\n        const dx: number = px[i] - px[j], dy: number = py[i] - py[j];\n        const ox: number = MIN_DX - Math.abs(dx), oy: number = MIN_DY - Math.abs(dy);\n        if (ox > 0 && oy > 0) {\n          moved = true;\n          if (ox < oy) {\n            const push: number = ox / 2 + 5;\n            px[i] += dx > 0 ? push : -push;\n            px[j] -= dx > 0 ? push : -push;\n          } else {\n            const push: number = oy / 2 + 5;\n            py[i] += dy > 0 ? push : -push;\n            py[j] -= dy > 0 ? push : -push;\n          }\n        }\n      }\n    }\n    if (!moved) break;\n  }\n\n  // ── 5. Normalize to positive coords with comfortable padding \n  let minX: number = Infinity, minY: number = Infinity;\n\n  for (let i = 0; i < N; i++) {\n    minX = Math.min(minX, px[i]);\n    minY = Math.min(minY, py[i]);\n  }\n\n  const result: Map<string, Position> = new Map();\n\n  for (let i = 0; i < N; i++) {\n    result.set(nodes[i].id, {\n      x: Math.round(px[i] - minX + 80),\n      y: Math.round(py[i] - minY + 80),\n    });\n  }\n\n  return result;\n}\n\n\nfunction computeGraph(apiData: ApiData): ComputedGraph {\n  const clusters = Array.isArray(apiData?.clusters) ? apiData.clusters : [];\n  const rawNodes = Array.isArray(apiData?.nodes) ? apiData.nodes : [];\n  const edges = Array.isArray(apiData?.edges) ? apiData.edges : [];\n\n  // Compute positions frontend-side (ignores backend x/y)\n  const positions: Map<string, Position> = autoLayout(rawNodes, edges, clusters);\n\n  const nodes: RawNode[] = rawNodes.map((n) => {\n    const p: Position = positions.get(n.id) || { x: 0, y: 0 };\n    return { ...n, x: p.x, y: p.y };\n  });\n\n  const clusterIdToIdx: Record<string, number> = {};\n  clusters.forEach((c, i) => { clusterIdToIdx[c.id] = i; });\n\n  const clusterNodes: Record<string, RawNode[]> = {};\n  clusters.forEach((c) => { clusterNodes[c.id] = []; });\n  nodes.forEach((n) => { clusterNodes[n.cluster_id]?.push(n); });\n\n  const PAD: number = 36;\n\n  const clusterBounds: ClusterBound[] = clusters\n    .map((c) => {\n      const cn: RawNode[] = clusterNodes[c.id];\n\n      if (!cn.length) return null;\n\n      const minX: number = Math.min(...cn.map((n) => n.x));\n      const minY: number = Math.min(...cn.map((n) => n.y));\n      const maxX: number = Math.max(...cn.map((n) => n.x + NODE_W));\n      const maxY: number = Math.max(...cn.map((n) => n.y + NODE_H));\n\n      return {\n        id: c.id,\n        label: c.label,\n        idx: clusterIdToIdx[c.id],\n        x: minX - PAD,\n        y: minY - PAD,\n        width: maxX - minX + PAD * 2,\n        height: maxY - minY + PAD * 2 + 22,\n      };\n\n    })\n    .filter((cb): cb is ClusterBound => cb !== null);\n\n  const layoutNodes: LayoutNode[] = nodes.map((n) => ({\n    ...n,\n    cluster: clusterIdToIdx[n.cluster_id] ?? 0,\n  }));\n\n  const canvasW: number = Math.max(...nodes.map((n) => n.x + NODE_W)) + PAD * 2;\n  const canvasH: number = Math.max(...nodes.map((n) => n.y + NODE_H)) + PAD * 2;\n\n  return { nodes: layoutNodes, edges, clusterBounds, canvasW, canvasH };\n}\n\nfunction getConnectionPoints(sn: LayoutNode, tn: LayoutNode): { source: Point; target: Point } {\n  const sCx: number = sn.x + NODE_W / 2, sCy: number = sn.y + NODE_H / 2;\n  const tCx: number = tn.x + NODE_W / 2, tCy: number = tn.y + NODE_H / 2;\n\n  function getPort(cx: number, cy: number, ox: number, oy: number): Point {\n\n    const dx: number = ox - cx, dy: number = oy - cy;\n\n    if (Math.abs(dy) > Math.abs(dx) * 0.4)\n      return dy > 0 ? { x: cx, y: cy + NODE_H / 2 } : { x: cx, y: cy - NODE_H / 2 };\n    return dx > 0 ? { x: cx + NODE_W / 2, y: cy } : { x: cx - NODE_W / 2, y: cy };\n  }\n\n  return {\n    source: getPort(sCx, sCy, tCx, tCy),\n    target: getPort(tCx, tCy, sCx, sCy),\n  };\n}\n\nfunction getEdgePath(edge: Edge, nodesMap: Record<string, LayoutNode>, allEdges: Edge[]): string {\n  const sn: LayoutNode | undefined = nodesMap[edge.source], tn: LayoutNode | undefined = nodesMap[edge.target];\n\n  if (!sn || !tn) return \"\";\n\n  const { source: s, target: t } = getConnectionPoints(sn, tn);\n\n  const dx: number = t.x - s.x, dy: number = t.y - s.y;\n  const dist: number = Math.sqrt(dx * dx + dy * dy);\n\n  if (dist < 5) return `M ${s.x} ${s.y} L ${t.x} ${t.y}`;\n\n  // Back-edge: target well above source — route wide around the left side\n  const isBack: boolean = tn.y + 150 < sn.y && tn.y < sn.y - NODE_H;\n\n  if (isBack) {\n    const side: number = Math.min(sn.x, tn.x) - 110;\n    return `M ${s.x} ${s.y} C ${side} ${s.y}, ${side} ${t.y}, ${t.x} ${t.y}`;\n  }\n\n  // Check for a reverse edge (A→B and B→A) — curve in opposite directions\n  const hasReverse: boolean = allEdges.some(\n    (e) => e.source === edge.target && e.target === edge.source\n  );\n\n  const nx: number = -dy / dist, ny: number = dx / dist; // perpendicular unit normal\n\n  if (hasReverse) {\n    // Deterministic sign: alphabetically-first source always curves one way\n    const sign: number = edge.source < edge.target ? 1 : -1;\n    const bend: number = Math.max(dist * 0.18, 40) * sign;\n    const mx: number = (s.x + t.x) / 2 + nx * bend;\n    const my: number = (s.y + t.y) / 2 + ny * bend;\n    return `M ${s.x} ${s.y} Q ${mx} ${my} ${t.x} ${t.y}`;\n  }\n\n  // Normal edge — gentle curve (always curves the same perpendicular side)\n  const bend: number = Math.min(dist * 0.12, 55);\n  const mx: number = (s.x + t.x) / 2 + nx * bend;\n  const my: number = (s.y + t.y) / 2 + ny * bend;\n  return `M ${s.x} ${s.y} Q ${mx} ${my} ${t.x} ${t.y}`;\n}\n\n\n\n\nfunction DependencyGraphInner({ data, onFullscreen, isFullscreen, isDarkMode = false, style }: DependencyGraphInnerProps): React.ReactElement {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [pan, setPan] = useState<Position>({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState<number>(0.5);\n  const [isPanning, setIsPanning] = useState<boolean>(false);\n  const panStart = useRef<Position>({ x: 0, y: 0 });\n  const panOrigin = useRef<Position>({ x: 0, y: 0 });\n\n  const [edgePopup, setEdgePopup] = useState<EdgePopupState | null>(null);\n  const [nodePopup, setNodePopup] = useState<NodePopupState | null>(null);\n  const [hoveredEdge, setHoveredEdge] = useState<string | null>(null);\n  const [selectedNode, setSelectedNode] = useState<string | null>(null);\n\n  const graph: ComputedGraph = useMemo(() => computeGraph(data), [data]);\n\n  const nodesMap: Record<string, LayoutNode> = useMemo(() => {\n    const m: Record<string, LayoutNode> = {};\n    graph.nodes.forEach((n) => { m[n.id] = n; });\n    return m;\n  }, [graph]);\n\n    const clusterIdToIdx: Record<string, number> = useMemo(() => {\n        const m: Record<string, number> = {};\n        data.clusters.forEach((c, i) => { m[c.id] = i; });\n        return m;\n    }, [data]);\n\n  const activeEdges: Set<string> = useMemo(() => {\n    if (!selectedNode) return new Set();\n    return new Set(\n      graph.edges\n        .filter((e) => e.source === selectedNode || e.target === selectedNode)\n        .map((e) => e.id)\n    );\n  }, [selectedNode, graph.edges]);\n\n  const connectedNodes: Set<string> = useMemo(() => {\n\n    if (!selectedNode) return new Set();\n\n    const ids = new Set<string>([selectedNode]);\n\n    graph.edges.forEach((e) => {\n      if (e.source === selectedNode) ids.add(e.target);\n      if (e.target === selectedNode) ids.add(e.source);\n    });\n    return ids;\n  }, [selectedNode, graph.edges]);\n\n  const lastAnalyzed: string = useMemo(() => {\n    const d = new Date(data.last_analyzed_at);\n    return d.toLocaleString(\"en-US\", {\n      hour: \"numeric\",\n      minute: \"2-digit\",\n      hour12: true,\n      day: \"numeric\",\n      month: \"short\",\n      year: \"numeric\",\n    });\n  }, [data.last_analyzed_at]);\n\n  const handlePointerDown = useCallback((e: React.PointerEvent<HTMLDivElement>): void => {\n\n    if ((e.target as HTMLElement).closest(\"[data-edge-hit]\") || (e.target as HTMLElement).closest(\"[data-node]\")) return;\n\n    setIsPanning(true);\n    panStart.current = { x: e.clientX, y: e.clientY };\n    panOrigin.current = { ...pan };\n    e.currentTarget.style.cursor = \"grabbing\";\n\n  }, [pan]);\n\n  const handlePointerMove = useCallback((e: React.PointerEvent<HTMLDivElement>): void => {\n\n    if (!isPanning) return;\n\n    setPan({\n      x: panOrigin.current.x + (e.clientX - panStart.current.x),\n      y: panOrigin.current.y + (e.clientY - panStart.current.y),\n    });\n\n  }, [isPanning]);\n\n  const handlePointerUp = useCallback((): void => {\n\n    setIsPanning(false);\n    if (containerRef.current) containerRef.current.style.cursor = \"grab\";\n\n  }, []);\n\n  const handleWheel = useCallback((e: WheelEvent): void => {\n    e.preventDefault();\n    setZoom((z) => Math.min(2.5, Math.max(0.2, z - e.deltaY * 0.001)));\n  }, []);\n\n  useEffect(() => {\n\n    const el: HTMLDivElement | null = containerRef.current;\n    if (el) el.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => el?.removeEventListener(\"wheel\", handleWheel);\n\n  }, [handleWheel]);\n\n  const handleEdgeClick = (e: React.MouseEvent, edge: Edge): void => {\n\n    e.stopPropagation();\n\n    const rect: DOMRect = containerRef.current!.getBoundingClientRect();\n    setEdgePopup({ edge, screenX: e.clientX - rect.left, screenY: e.clientY - rect.top });\n    setNodePopup(null);\n    setSelectedNode(null);\n  };\n\n  const handleNodeClick = (e: React.MouseEvent, node: LayoutNode): void => {\n\n    e.stopPropagation();\n\n    const rect: DOMRect = containerRef.current!.getBoundingClientRect();\n    if (selectedNode === node.id) {\n      setSelectedNode(null);\n      setNodePopup(null);\n    } else {\n      setSelectedNode(node.id);\n      setNodePopup({ node, screenX: e.clientX - rect.left, screenY: e.clientY - rect.top });\n      setEdgePopup(null);\n    }\n\n  };\n\n  const handleBgClick = (): void => {\n    setEdgePopup(null);\n    setNodePopup(null);\n    setSelectedNode(null);\n  };\n\n  function getPopupPos(screenX: number, screenY: number, w: number, h: number): { left?: number; top?: number } {\n    \n    if (!containerRef.current) return {};\n\n    const rect: DOMRect = containerRef.current.getBoundingClientRect();\n    let x: number = screenX + 14, y: number = screenY - h / 2;\n    if (x + w > rect.width) x = screenX - w - 14;\n    if (y < 8) y = 8;\n    if (y + h > rect.height) y = rect.height - h - 8;\n\n    return { left: x, top: y };\n\n  }\n\n  const zoomIn = (): void => setZoom((z) => Math.min(2.5, z + 0.15));\n  const zoomOut = (): void => setZoom((z) => Math.max(0.2, z - 0.15));\n  const zoomReset = (): void => { setZoom(0.5); setPan({ x: 0, y: 0 }); };\n\n  const graphBackground = style?.backgroundColor || style?.background || (isDarkMode ? \"#090d16\" : \"#ffffff\");\n  const graphForeground = style?.color || (isDarkMode ? \"#f8fafc\" : \"#1e293b\");\n  const graphMutedForeground = style?.subtitle?.color || (isDarkMode ? \"#94a3b8\" : \"#94a3b8\");\n  const toSvgPaint = (value: unknown, fallback: string): string =>\n    typeof value === \"string\" ? value : fallback;\n\n  const zBtnStyle: React.CSSProperties = {\n    width: 32, height: 32, border: \"none\", background: \"transparent\",\n    borderRadius: 8, cursor: \"pointer\", fontSize: 16, color: isDarkMode ? \"#cbd5e1\" : \"#475569\",\n    display: \"flex\", alignItems: \"center\", justifyContent: \"center\", fontWeight: 500,\n    ...style?.controlButton,\n  };\n\n  return (\n    <div style={{ width: \"100%\", height: \"100%\", background: graphBackground, color: graphForeground, fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\", position: \"relative\", overflow: \"hidden\", ...style?.root }}>\n\n      {/* Header */}\n        <div style={{ position: \"absolute\", top: 0, left: 0, right: 0, zIndex: 20, borderBottom: isFullscreen ? (isDarkMode ? \"1px solid #1e293b\" : \"1px solid #f1f5f9\") : \"none\", background: isFullscreen ? graphBackground : \"transparent\", ...style?.header }}>\n            <div style={{ padding: \"10px 14px\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\n                <div>\n                    {isFullscreen && <h2 style={{ margin: 0, fontSize: 17, fontWeight: 700, color: graphForeground, ...style?.title }}>Dependency Graph</h2>}\n                    <p style={{ margin: \"2px 0 0\", fontSize: 12, color: graphMutedForeground, ...style?.subtitle }}>{isFullscreen ? `Last analyzed: ${lastAnalyzed || \"\"}  · ` : `Last analyzed: ${lastAnalyzed || \"\"}  · `}Click a node or connection to explore details and dependencies.</p>\n                </div>\n          <div style={{ display: \"flex\", gap: 6, alignItems: \"center\" }}>\n            <div style={{ display: \"flex\", gap: 2, background: isDarkMode ? \"#1e293b\" : \"#fff\", borderRadius: 10, padding: 3, boxShadow: isDarkMode ? \"0 1px 4px rgba(0,0,0,0.4)\" : \"0 1px 4px rgba(0,0,0,0.08)\", ...style?.controls }}>\n                <button onClick={zoomOut} style={zBtnStyle}>−</button>\n                <button onClick={zoomReset} style={{ ...zBtnStyle, fontSize: 11, width: 52, fontWeight: 600 }}>{Math.round(zoom * 100) || 0}%</button>\n                <button onClick={zoomIn} style={zBtnStyle}>+</button>\n            </div>\n            {onFullscreen && (\n                <div style={{ display: \"flex\", background: isDarkMode ? \"#1e293b\" : \"#fff\", borderRadius: 10, padding: 3, boxShadow: isDarkMode ? \"0 1px 4px rgba(0,0,0,0.4)\" : \"0 1px 4px rgba(0,0,0,0.08)\", ...style?.controls }}>\n                    <button onClick={onFullscreen} style={zBtnStyle}>\n                        {isFullscreen \n                            ? <CloseFullscreenIcon style={{ fontSize: 16 }} />\n                            : <FullscreenIcon style={{ fontSize: 16 }} />\n                        }\n                    </button>\n                </div>\n            )}\n        </div>\n        </div>\n\n        {/* Node info panel */}\n        {nodePopup && (\n          <div style={{ margin: \"0 20px 14px\", width: \"30%\", minWidth: 280, borderRadius: 12, overflow: \"hidden\", boxShadow: \"0 2px 12px rgba(0,0,0,0.07)\", border: \"1px solid #e2e8f0\", animation: \"slideDown 0.2s ease-out\", ...style?.nodePopup }}>\n            {(() => {\n              const node: LayoutNode = nodePopup.node;\n              const idx: number = clusterIdToIdx[node.cluster_id] ?? 0;\n              const outgoing: number = graph.edges.filter((e) => e.source === node.id).length;\n              const incoming: number = graph.edges.filter((e) => e.target === node.id).length;\n              return (\n                <div>\n                  <div style={{ padding: \"10px 14px\", background: CL_GRAD[idx % CL_GRAD.length || 0], color: \"#fff\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", ...style?.nodePopupHeader }}>\n                    <div style={{ display: \"flex\", alignItems: \"center\", gap: 10 }}>\n                      <span style={{ width: 28, height: 28, borderRadius: 8, background: \"rgba(255,255,255,0.2)\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", fontSize: 14 }}>\n                        {CL_ICON[idx % CL_ICON.length || 0]}\n                      </span>\n                      <div>\n                        <div style={{ fontSize: 9, fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.06em\", opacity: 0.75 }}>{data.clusters[idx]?.label || \"Cluster Name\"}</div>\n                        <div style={{ fontSize: 14, fontWeight: 700, marginTop: 1 }}>{node.label || \"Cluster Name\"}</div>\n                      </div>\n                      {/* <div style={{ display: \"flex\", gap: 6, marginLeft: 8 }}>\n                        <span style={{ fontSize: 11, background: \"rgba(255,255,255,0.2)\", padding: \"2px 8px\", borderRadius: 20 }}>↑ {outgoing} out</span>\n                        <span style={{ fontSize: 11, background: \"rgba(255,255,255,0.2)\", padding: \"2px 8px\", borderRadius: 20 }}>↓ {incoming} in</span>\n                      </div> */}\n                    </div>\n                    <button onClick={() => { setNodePopup(null); setSelectedNode(null); }} style={{ background: \"rgba(255,255,255,0.2)\", border: \"none\", color: \"#fff\", borderRadius: 6, width: 24, height: 24, cursor: \"pointer\", fontSize: 14, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", flexShrink: 0, ...style?.popupCloseButton }}>×</button>\n                  </div>\n                  <div style={{ padding: \"10px 14px\", fontSize: 13, lineHeight: 1.6, color: isDarkMode ? \"#cbd5e1\" : \"#475569\", background: isDarkMode ? \"#1e293b\" : \"#fff\", ...style?.nodePopupBody }}>\n                    {node.description || \"No description available...\"}\n                  </div>\n                </div>\n              );\n            })()}\n          </div>\n        )}\n      </div>\n\n      {/* Canvas */}\n      <div\n        ref={containerRef}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerLeave={handlePointerUp}\n        onClick={handleBgClick}\n        style={{ width: \"100%\", height: \"100%\", cursor: isPanning ? \"grabbing\" : \"grab\", position: \"relative\" }}\n      >\n        <div style={{ transform: `translate(${pan.x}px, ${pan.y}px) scale(${zoom})`, transformOrigin: \"top left\", position: \"absolute\", top: isFullscreen ? 70 : 50, left: 20, transition: isPanning ? \"none\" : \"transform 0.08s ease-out\" }}>\n          <svg width={graph.canvasW} height={graph.canvasH} style={{ overflow: \"visible\" }}>\n\n            {/* Cluster backgrounds */}\n            {graph.clusterBounds.map((cb) => (\n              <g key={cb.id}>\n                <rect x={cb.x} y={cb.y} width={cb.width} height={cb.height} rx=\"16\" fill={toSvgPaint(style?.cluster?.backgroundColor || style?.cluster?.background, isDarkMode ? \"rgba(30, 41, 59, 0.35)\" : \"none\")} stroke={toSvgPaint(style?.cluster?.borderColor || style?.cluster?.border, isDarkMode ? \"#334155\" : \"#e2e8f0\")} strokeWidth=\"1.5\" strokeDasharray=\"8 4\" />\n                <text x={cb.x + 14} y={cb.y + cb.height - 10} fontSize=\"11\" fill={toSvgPaint(style?.clusterLabel?.color, \"#94a3b8\")} fontFamily=\"Inter, sans-serif\" fontWeight=\"500\">{cb.label || \"Cluster Name\"}</text>\n              </g>\n            ))}\n\n            {/* Edges */}\n            {graph.edges.map((edge) => {\n              const path: string = getEdgePath(edge, nodesMap, graph.edges);\n              if (!path) return null;\n              const isEdgeActive: boolean = activeEdges.has(edge.id);\n              const isEdgePopup: boolean = edgePopup?.edge.id === edge.id;\n              const isHovered: boolean = hoveredEdge === edge.id;\n              const dimmed: boolean = !!selectedNode && !isEdgeActive;\n              const color: string = (isEdgeActive || isEdgePopup)\n                ? (style?.activeEdge?.color || style?.activeEdge?.borderColor || \"#6366f1\")\n                : isHovered\n                  ? (style?.edge?.color || \"#818cf8\")\n                  : (style?.edge?.borderColor || style?.edge?.color || (isDarkMode ? \"#475569\" : \"#cbd5e1\"));\n              const strokeW: number = (isEdgeActive || isEdgePopup) ? 2.5 : isHovered ? 2 : 1.5;\n              return (\n                <g key={edge.id} style={{ opacity: dimmed ? 0.1 : 1, transition: \"opacity 0.25s\" }}>\n                  <path data-edge-hit=\"true\" d={path} fill=\"none\" stroke=\"transparent\" strokeWidth={18}\n                    style={{ cursor: \"pointer\" }}\n                    onClick={(e: React.MouseEvent<SVGPathElement>) => handleEdgeClick(e, edge)}\n                    onMouseEnter={() => setHoveredEdge(edge.id)}\n                    onMouseLeave={() => setHoveredEdge(null)} />\n                  <path d={path} fill=\"none\" stroke={color} strokeWidth={strokeW}\n                    style={{ transition: \"stroke 0.2s, stroke-width 0.2s\", pointerEvents: \"none\" }} />\n                  {(isEdgeActive || isEdgePopup) && (\n                    <>\n                      <circle r={4} fill={style?.edgeMarker?.color || style?.activeEdge?.color || \"#6366f1\"}><animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" path={path} /></circle>\n                      <circle r={6} fill={style?.edgeMarker?.color || style?.activeEdge?.color || \"#6366f1\"} opacity={0.2}><animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" path={path} /></circle>\n                    </>\n                  )}\n                </g>\n              );\n            })}\n\n            {/* Nodes */}\n            {graph.nodes.map((node) => {\n              const isSelected: boolean = selectedNode === node.id;\n              const isConnected: boolean = connectedNodes.has(node.id);\n              const dimmed: boolean = !!selectedNode && !isConnected;\n              const idx: number = clusterIdToIdx[node.cluster_id] ?? 0;\n              const clusterIdx: number = idx % CL_BORDER_ACTIVE.length;\n              const cc: string = CL_BORDER_ACTIVE[clusterIdx || 0];\n              return (\n                <g key={node.id} data-node=\"true\"\n                  onClick={(e: React.MouseEvent<SVGGElement>) => handleNodeClick(e, node)}\n                  style={{ cursor: \"pointer\", opacity: dimmed ? 0.15 : 1, transition: \"opacity 0.25s\" }}>\n                  <foreignObject x={node.x} y={node.y} width={NODE_W} height={NODE_H}>\n                    <div style={{\n                      background: style?.node?.backgroundColor || style?.node?.background || (isDarkMode ? \"#1e293b\" : \"#fff\"),\n                      border: isSelected\n                        ? (style?.selectedNode?.border || `2.5px solid ${style?.selectedNode?.borderColor || cc}`)\n                        : (style?.node?.border || `1.5px solid ${style?.node?.borderColor || (isDarkMode ? \"#334155\" : \"#e2e8f0\")}`),\n                      borderRadius: 10, padding: \"8px 14px\", fontSize: 13, fontWeight: 600, color: isDarkMode ? \"#f1f5f9\" : \"#334155\",\n                      fontFamily: \"'Inter', sans-serif\", display: \"flex\", alignItems: \"center\", gap: 8,\n                      boxShadow: isSelected\n                        ? (style?.selectedNode?.boxShadow || `0 0 0 3px ${cc}33, 0 2px 8px rgba(0,0,0,0.4)`)\n                        : (style?.node?.boxShadow || (isDarkMode ? \"0 2px 6px rgba(0,0,0,0.3)\" : \"0 1px 3px rgba(0,0,0,0.05)\")),\n                      whiteSpace: \"nowrap\", userSelect: \"none\", height: NODE_H - 2, boxSizing: \"border-box\",\n                      transition: \"border 0.2s, box-shadow 0.2s\",\n                      ...style?.node,\n                      ...(isSelected ? style?.selectedNode : {}),\n                    }}>\n                      <span style={{ width: 22, height: 22, borderRadius: 6, background: CL_BG[clusterIdx], display: \"flex\", alignItems: \"center\", justifyContent: \"center\", fontSize: 11, flexShrink: 0, color: CL_FG[clusterIdx], ...style?.nodeIcon }}>\n                        {CL_ICON[clusterIdx]}\n                      </span>\n                      <span style={{ overflow: \"hidden\", textOverflow: \"ellipsis\" }}>{node.label || \"Node name\"}</span>\n                    </div>\n                  </foreignObject>\n                </g>\n              );\n            })}\n          </svg>\n        </div>\n\n        {/* Edge popup */}\n        {edgePopup && (\n          <div onClick={(e: React.MouseEvent<HTMLDivElement>) => e.stopPropagation()} style={{\n            position: \"absolute\",\n            ...getPopupPos(edgePopup.screenX, edgePopup.screenY, 320, 180),\n            width: 320, background: isDarkMode ? \"#1e293b\" : \"#fff\", borderRadius: 14,\n            boxShadow: \"0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)\",\n            border: \"1px solid #e2e8f0\", zIndex: 30, animation: \"popIn 0.18s ease-out\", overflow: \"hidden\", ...style?.edgePopup,\n          }}>\n            <div style={{ padding: \"12px 16px 10px\", background: \"linear-gradient(135deg, #6366f1, #8b5cf6)\", color: \"#fff\", ...style?.edgePopupHeader }}>\n              <div style={{ fontSize: 10, fontWeight: 600, textTransform: \"uppercase\", letterSpacing: \"0.06em\", opacity: 0.8 }}>Edge Reasoning</div>\n              <div style={{ fontSize: 13, fontWeight: 600, marginTop: 4 }}>\n                {nodesMap[edgePopup.edge.source]?.label || \"Source\"}\n                <span style={{ opacity: 0.6, margin: \"0 6px\" }}>→</span>\n                {nodesMap[edgePopup.edge.target]?.label || \"Target\"}\n              </div>\n            </div>\n            <div style={{ padding: \"12px 16px 14px\", fontSize: 13, lineHeight: 1.6, color: isDarkMode ? \"#cbd5e1\" : \"#475569\", whiteSpace: \"pre-line\", ...style?.edgePopupBody }}>\n              {edgePopup.edge.reasoning || \"No Reasoning available...\"}\n            </div>\n            <button onClick={() => setEdgePopup(null)} style={{\n              position: \"absolute\", top: 8, right: 10, background: \"rgba(255,255,255,0.2)\", border: \"none\", color: \"#fff\",\n              borderRadius: 6, width: 24, height: 24, cursor: \"pointer\", fontSize: 14,\n              display: \"flex\", alignItems: \"center\", justifyContent: \"center\", ...style?.popupCloseButton,\n            }}>×</button>\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        @keyframes popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      `}</style>\n    </div>\n  );\n}\n\nfunction DependencyGraph({ data, isDarkMode = false, style }: DependencyGraphProps): React.ReactElement {\n  const [isFullscreen, setIsFullscreen] = useState<boolean>(false);\n  const {\n    fullscreenPaper,\n    root,\n    header,\n    title,\n    subtitle,\n    controls,\n    controlButton,\n    nodePopup,\n    edgePopup,\n    ...containerStyle\n  } = style || {};\n  const graphStyle: DependencyGraphStyles = style || {};\n\n  const openFullscreen = useCallback((): void => {\n    setIsFullscreen(true);\n  }, []);\n\n  const closeFullscreen = useCallback((): void => {\n    setIsFullscreen(false);\n  }, []);\n\n  return (\n    <>\n      <div style={{ position: \"relative\", width: \"100%\", height: \"500px\", ...containerStyle }}>\n        <DependencyGraphInner data={data} onFullscreen={openFullscreen} isDarkMode={isDarkMode} style={graphStyle} />\n      </div>\n\n      <Dialog\n        open={isFullscreen}\n        onClose={closeFullscreen}\n        maxWidth={false}\n        PaperProps={{\n          style: {\n            width: \"95vw\",\n            height: \"92vh\",\n            maxWidth: \"none\",\n            borderRadius: 12,\n            overflow: \"hidden\",\n            background: graphStyle.backgroundColor || graphStyle.background || (isDarkMode ? \"#090d16\" : \"#ffffff\"),\n            color: graphStyle.color || (isDarkMode ? \"#f8fafc\" : \"#1e293b\"),\n            ...graphStyle.fullscreenPaper,\n          },\n        }}\n      >\n        <div style={{ width: \"100%\", height: \"100%\", position: \"relative\", background: graphStyle.backgroundColor || graphStyle.background || (isDarkMode ? \"#090d16\" : \"#ffffff\") }}>\n          <DependencyGraphInner data={data} onFullscreen={closeFullscreen} isFullscreen isDarkMode={isDarkMode} style={graphStyle} />\n        </div>\n      </Dialog>\n    </>\n  );\n}\n\nexport default React.memo(DependencyGraph);\n"],"names":["NODE_W","NODE_H","CL_BG","CL_FG","CL_ICON","CL_BORDER_ACTIVE","CL_GRAD","computeGraph","apiData","clusters","Array","isArray","rawNodes","nodes","edges","positions","rawEdges","rawClusters","N","length","Map","idxOf","forEach","n","i","id","outN","inN","e","source","push","target","rank","pass","changed","nr","clusterCol","c","clusterGroups","cluster_id","Object","values","g","sort","a","b","px","Float64Array","py","vx","vy","col","row","CLUSTER_K","maxRank","Math","max","map","rankTargetY","iter","t","fx","fy","j","dx","dy","d2","d","sqrt","f","ux","uy","si","ti","csx","csy","cnt","moved","ox","abs","oy","minX","Infinity","minY","min","result","set","x","round","y","autoLayout","p","get","clusterIdToIdx","clusterNodes","PAD","clusterBounds","cn","maxX","maxY","label","idx","width","height","filter","cb","cluster","canvasW","canvasH","getEdgePath","edge","nodesMap","allEdges","sn","tn","s","sCx","sCy","tCx","tCy","getPort","cx","cy","getConnectionPoints","dist","side","nx","ny","some","sign","bend","mx","my","DependencyGraphInner","data","onFullscreen","isFullscreen","isDarkMode","style","containerRef","useRef","pan","setPan","useState","zoom","setZoom","isPanning","setIsPanning","panStart","panOrigin","edgePopup","setEdgePopup","nodePopup","setNodePopup","hoveredEdge","setHoveredEdge","selectedNode","setSelectedNode","graph","useMemo","m","activeEdges","Set","connectedNodes","ids","add","lastAnalyzed","Date","last_analyzed_at","toLocaleString","hour","minute","hour12","day","month","year","handlePointerDown","useCallback","closest","current","clientX","clientY","currentTarget","cursor","handlePointerMove","handlePointerUp","handleWheel","preventDefault","z","deltaY","useEffect","el","addEventListener","passive","removeEventListener","graphBackground","backgroundColor","background","graphForeground","color","graphMutedForeground","subtitle","toSvgPaint","value","fallback","zBtnStyle","border","borderRadius","fontSize","display","alignItems","justifyContent","fontWeight","controlButton","jsxs","fontFamily","position","overflow","root","children","top","left","right","zIndex","borderBottom","header","padding","margin","title","gap","boxShadow","controls","jsx","onClick","CloseFullscreenIcon","FullscreenIcon","minWidth","animation","node","nodePopupHeader","textTransform","letterSpacing","opacity","marginTop","flexShrink","popupCloseButton","lineHeight","nodePopupBody","description","ref","onPointerDown","onPointerMove","onPointerUp","onPointerLeave","transform","transformOrigin","transition","rx","fill","stroke","borderColor","strokeWidth","strokeDasharray","clusterLabel","path","isEdgeActive","has","isEdgePopup","isHovered","dimmed","activeEdge","strokeW","stopPropagation","rect","getBoundingClientRect","screenX","screenY","handleEdgeClick","onMouseEnter","onMouseLeave","pointerEvents","Fragment","r","edgeMarker","dur","repeatCount","isSelected","isConnected","clusterIdx","cc","handleNodeClick","whiteSpace","userSelect","boxSizing","nodeIcon","textOverflow","w","h","getPopupPos","edgePopupHeader","edgePopupBody","reasoning","DependencyGraph$1","React","memo","setIsFullscreen","fullscreenPaper","containerStyle","graphStyle","openFullscreen","closeFullscreen","Dialog","open","onClose","maxWidth","PaperProps"],"mappings":"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"}
+{"version":3,"file":"DependencyGraph.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/SPBAnalysisPanel/Internaleditor.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useRef as o,useEffect as n}from"react";import{Box as i}from"@mui/material";import a from"@monaco-editor/react";const d={base:"vs-dark",inherit:!0,rules:[{token:"tag",foreground:"714be3",fontStyle:"bold"},{token:"attribute.name",foreground:"87CEFA"},{token:"attribute.value",foreground:"98FB98"},{token:"variable",foreground:"00FFFF"},{token:"delimiter",foreground:"888888"},{token:"white",foreground:"AAAAAA"}],colors:{"editor.foreground":"#FFFFFF","editor.background":"#030202","editorLineNumber.foreground":"#858585","editorCursor.foreground":"#FFFFFF","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070"}},l={base:"vs",inherit:!0,rules:[{token:"tag",foreground:"5928ED",fontStyle:"bold"},{token:"attribute.name",foreground:"AF00DB"},{token:"attribute.value",foreground:"008000"},{token:"variable",foreground:"B000B0"},{token:"delimiter",foreground:"808080"},{token:"white",foreground:"000000"}],colors:{"editor.foreground":"#000000","editor.background":"#FFFFFF","editorLineNumber.foreground":"#999999","editorCursor.foreground":"#000000","editorIndentGuide.background":"#CCCCCC","editorIndentGuide.activeBackground":"#999999"}},g=({content:g,selectedTag:s,highlightVariable:u,isDarkMode:m,height:h=250,fontSize:c=12})=>{const p=o(),f=o();return n(()=>{if(!s||!p.current||!f.current)return;const e=p.current,r=e.getModel();if(!r)return;const t=r.getValue().split("\n");let o=-1;for(let e=0;e<t.length;e++){const r=t[e].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(r&&r[1].trim().toLowerCase()===s.toLowerCase()){o=e+1;break}}if(o>0){let r=o;const n=`</${s.toLowerCase()}>`;for(let e=o;e<t.length;e++)if(t[e].toLowerCase().includes(n)){r=e+1;break}e.setSelection(new f.current.Selection(o,1,o,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(o);const i=e.deltaDecorations([],[{range:new f.current.Range(o,1,r,t[r-1].length+1),options:{isWholeLine:!0,className:"promptemon-viewer-highlight",inlineClassName:"promptemon-viewer-highlight"}}]);setTimeout(()=>e.deltaDecorations(i,[]),2e3)}},[s]),n(()=>{if(!u||!p.current||!f.current)return;const e=p.current,r=e.getModel();if(!r)return;const t=r.getValue().split("\n"),o=[];for(let e=0;e<t.length;e++){let r=t[e].indexOf(u);for(;-1!==r;)o.push(new f.current.Range(e+1,r+1,e+1,r+u.length+1)),r=t[e].indexOf(u,r+1)}if(0===o.length)return;e.revealLineInCenterIfOutsideViewport(o[0].startLineNumber);const n=e.deltaDecorations([],o.map(e=>({range:e,options:{inlineClassName:"promptemon-viewer-variable-highlight"}})));setTimeout(()=>e.deltaDecorations(n,[]),2e3)},[u]),n(()=>{f.current&&f.current.editor.setTheme(m?"promptemonViewerDark":"promptemonViewerLight")},[m]),e(r,{children:[t("style",{children:"\n                .promptemon-viewer-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-viewer-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            "}),e(i,{sx:{width:"100%",height:h,display:"flex",flexDirection:"column"},children:[t(i,{sx:{width:"100%",height:20,bgcolor:m?"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),t(i,{sx:{flex:1,minHeight:0,overflow:"hidden"},children:t(a,{onMount:(e,r)=>{p.current=e,f.current=r,r.editor.defineTheme("promptemonViewerDark",d),r.editor.defineTheme("promptemonViewerLight",l),r.editor.setTheme(m?"promptemonViewerDark":"promptemonViewerLight"),r.languages.register({id:"promptemonViewerLang"}),r.languages.setMonarchTokensProvider("promptemonViewerLang",{tokenizer:{root:[[/(<)([a-zA-Z0-9\-]+)(\s*)/,["delimiter","tag","white"],"@tagBody"],[/(<\/)([a-zA-Z0-9\-]+)(\s*)(>)/,["delimiter","tag","white","delimiter"]],[/{{[^}]+}}/,"variable"]],tagBody:[[/[a-zA-Z0-9\:\-]+(?=\=)/,"attribute.name"],[/=/,"delimiter"],[/(".*?"|'.*?')/,"attribute.value"],[/\s+/,"white"],[/(\/?>)/,{token:"delimiter",next:"@pop"}]]}}),r.languages.registerFoldingRangeProvider("promptemonViewerLang",{provideFoldingRanges:e=>{const r=e.getLinesContent(),t=[],o=[];return r.forEach((e,r)=>{const n=r+1,i=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),a=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(i&&!e.includes("/>")&&o.push({tag:i[1],start:n}),a){const e=a[1];for(let r=o.length-1;r>=0;r--)if(o[r].tag===e){t.push({start:o[r].start,end:n}),o.splice(r,1);break}}}),t}})},beforeMount:e=>{e.editor.defineTheme("promptemonViewerDark",d),e.editor.defineTheme("promptemonViewerLight",l),e.editor.setTheme(m?"promptemonViewerDark":"promptemonViewerLight")},theme:m?"promptemonViewerDark":"promptemonViewerLight",value:g,language:"promptemonViewerLang",onChange:()=>{},options:{fontSize:c,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})}),t(i,{sx:{width:"100%",height:20,bgcolor:m?"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]})]})};export{g as InternalEditor,g as default};
+import{__assign as e}from"tslib";import{jsxs as r,Fragment as t,jsx as o}from"react/jsx-runtime";import{useRef as i,useEffect as n}from"react";import{Box as a}from"@mui/material";import d from"@monaco-editor/react";var u={base:"vs-dark",inherit:!0,rules:[{token:"tag",foreground:"714be3",fontStyle:"bold"},{token:"attribute.name",foreground:"87CEFA"},{token:"attribute.value",foreground:"98FB98"},{token:"variable",foreground:"00FFFF"},{token:"delimiter",foreground:"888888"},{token:"white",foreground:"AAAAAA"}],colors:{"editor.foreground":"#FFFFFF","editor.background":"#030202","editorLineNumber.foreground":"#858585","editorCursor.foreground":"#FFFFFF","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070"}},l={base:"vs",inherit:!0,rules:[{token:"tag",foreground:"5928ED",fontStyle:"bold"},{token:"attribute.name",foreground:"AF00DB"},{token:"attribute.value",foreground:"008000"},{token:"variable",foreground:"B000B0"},{token:"delimiter",foreground:"808080"},{token:"white",foreground:"000000"}],colors:{"editor.foreground":"#000000","editor.background":"#FFFFFF","editorLineNumber.foreground":"#999999","editorCursor.foreground":"#000000","editorIndentGuide.background":"#CCCCCC","editorIndentGuide.activeBackground":"#999999"}},g=function(g){var m=g.content,s=g.selectedTag,f=g.highlightVariable,c=g.isDarkMode,h=g.height,p=void 0===h?250:h,b=g.fontSize,v=void 0===b?12:b,w=i(),k=i();return n(function(){if(s&&w.current&&k.current){var e=w.current,r=e.getModel();if(r){for(var t=r.getValue().split("\n"),o=-1,i=0;i<t.length;i++){var n=t[i].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(n&&n[1].trim().toLowerCase()===s.toLowerCase()){o=i+1;break}}if(o>0){var a=o,d="</".concat(s.toLowerCase(),">");for(i=o;i<t.length;i++)if(t[i].toLowerCase().includes(d)){a=i+1;break}e.setSelection(new k.current.Selection(o,1,o,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(o);var u=e.deltaDecorations([],[{range:new k.current.Range(o,1,a,t[a-1].length+1),options:{isWholeLine:!0,className:"promptemon-viewer-highlight",inlineClassName:"promptemon-viewer-highlight"}}]);setTimeout(function(){return e.deltaDecorations(u,[])},2e3)}}}},[s]),n(function(){if(f&&w.current&&k.current){var e=w.current,r=e.getModel();if(r){for(var t=r.getValue().split("\n"),o=[],i=0;i<t.length;i++)for(var n=t[i].indexOf(f);-1!==n;)o.push(new k.current.Range(i+1,n+1,i+1,n+f.length+1)),n=t[i].indexOf(f,n+1);if(0!==o.length){e.revealLineInCenterIfOutsideViewport(o[0].startLineNumber);var a=e.deltaDecorations([],o.map(function(e){return{range:e,options:{inlineClassName:"promptemon-viewer-variable-highlight"}}}));setTimeout(function(){return e.deltaDecorations(a,[])},2e3)}}}},[f]),n(function(){k.current&&k.current.editor.setTheme(c?"promptemonViewerDark":"promptemonViewerLight")},[c]),r(t,{children:[o("style",{children:"\n                .promptemon-viewer-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-viewer-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            "}),r(a,e({sx:{width:"100%",height:p,display:"flex",flexDirection:"column"}},{children:[o(a,{sx:{width:"100%",height:20,bgcolor:c?"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),o(a,e({sx:{flex:1,minHeight:0,overflow:"hidden"}},{children:o(d,{onMount:function(e,r){w.current=e,k.current=r,r.editor.defineTheme("promptemonViewerDark",u),r.editor.defineTheme("promptemonViewerLight",l),r.editor.setTheme(c?"promptemonViewerDark":"promptemonViewerLight"),r.languages.register({id:"promptemonViewerLang"}),r.languages.setMonarchTokensProvider("promptemonViewerLang",{tokenizer:{root:[[/(<)([a-zA-Z0-9\-]+)(\s*)/,["delimiter","tag","white"],"@tagBody"],[/(<\/)([a-zA-Z0-9\-]+)(\s*)(>)/,["delimiter","tag","white","delimiter"]],[/{{[^}]+}}/,"variable"]],tagBody:[[/[a-zA-Z0-9\:\-]+(?=\=)/,"attribute.name"],[/=/,"delimiter"],[/(".*?"|'.*?')/,"attribute.value"],[/\s+/,"white"],[/(\/?>)/,{token:"delimiter",next:"@pop"}]]}}),r.languages.registerFoldingRangeProvider("promptemonViewerLang",{provideFoldingRanges:function(e){var r=e.getLinesContent(),t=[],o=[];return r.forEach(function(e,r){var i=r+1,n=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),a=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(n&&!e.includes("/>")&&o.push({tag:n[1],start:i}),a)for(var d=a[1],u=o.length-1;u>=0;u--)if(o[u].tag===d){t.push({start:o[u].start,end:i}),o.splice(u,1);break}}),t}})},beforeMount:function(e){e.editor.defineTheme("promptemonViewerDark",u),e.editor.defineTheme("promptemonViewerLight",l),e.editor.setTheme(c?"promptemonViewerDark":"promptemonViewerLight")},theme:c?"promptemonViewerDark":"promptemonViewerLight",value:m,language:"promptemonViewerLang",onChange:function(){},options:{fontSize:v,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})})),o(a,{sx:{width:"100%",height:20,bgcolor:c?"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]}))]})};export{g as InternalEditor,g as default};
 //# sourceMappingURL=Internaleditor.js.map

package/dist/features/SPBAnalysisPanel/Internaleditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Internaleditor.js","sources":["../../../src/features/SPBAnalysisPanel/Internaleditor.tsx"],"sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Editor, { OnMount, Monaco } from \"@monaco-editor/react\";\nimport type * as monaco from \"monaco-editor\";\n\n// ─── NOTE ────────────────────────────────────────────────────────────────────\n// Extracted verbatim from PromptemonViewer.tsx's local `InternalEditor` so it can\n// be shared between PromptemonViewer (FPB) and SPBAnalysisPanel (SPB) without\n// duplicating the Monaco tokenizer/theme/highlight logic. If you already have\n// InternalEditor living inline in PromptemonViewer.tsx, delete that local copy\n// and import from here instead — the props are unchanged.\n\nconst DARK_THEME = {\n    base: \"vs-dark\" as const,\n    inherit: true,\n    rules: [\n        { token: \"tag\", foreground: \"714be3\", fontStyle: \"bold\" },\n        { token: \"attribute.name\", foreground: \"87CEFA\" },\n        { token: \"attribute.value\", foreground: \"98FB98\" },\n        { token: \"variable\", foreground: \"00FFFF\" },\n        { token: \"delimiter\", foreground: \"888888\" },\n        { token: \"white\", foreground: \"AAAAAA\" },\n    ],\n    colors: {\n        \"editor.foreground\": \"#FFFFFF\",\n        \"editor.background\": \"#030202\",\n        \"editorLineNumber.foreground\": \"#858585\",\n        \"editorCursor.foreground\": \"#FFFFFF\",\n        \"editorIndentGuide.background\": \"#404040\",\n        \"editorIndentGuide.activeBackground\": \"#707070\",\n    },\n};\n\nconst LIGHT_THEME = {\n    base: \"vs\" as const,\n    inherit: true,\n    rules: [\n        { token: \"tag\", foreground: \"5928ED\", fontStyle: \"bold\" },\n        { token: \"attribute.name\", foreground: \"AF00DB\" },\n        { token: \"attribute.value\", foreground: \"008000\" },\n        { token: \"variable\", foreground: \"B000B0\" },\n        { token: \"delimiter\", foreground: \"808080\" },\n        { token: \"white\", foreground: \"000000\" },\n    ],\n    colors: {\n        \"editor.foreground\": \"#000000\",\n        \"editor.background\": \"#FFFFFF\",\n        \"editorLineNumber.foreground\": \"#999999\",\n        \"editorCursor.foreground\": \"#000000\",\n        \"editorIndentGuide.background\": \"#CCCCCC\",\n        \"editorIndentGuide.activeBackground\": \"#999999\",\n    },\n};\n\nexport interface InternalEditorProps {\n    content: string;\n    selectedTag?: string;\n    highlightVariable?: string;\n    isDarkMode: boolean;\n    height?: number | string;\n    fontSize?: number;\n}\n\nexport const InternalEditor = ({\n    content,\n    selectedTag,\n    highlightVariable,\n    isDarkMode,\n    height = 250,\n    fontSize = 12,\n}: InternalEditorProps) => {\n    const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n    const monacoRef = useRef<Monaco>();\n\n    const handleBeforeMount = (monacoInstance: Monaco) => {\n        // @ts-ignore\n        monacoInstance.editor.defineTheme(\"promptemonViewerDark\", DARK_THEME);\n        // @ts-ignore\n        monacoInstance.editor.defineTheme(\"promptemonViewerLight\", LIGHT_THEME);\n        monacoInstance.editor.setTheme(isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\");\n    };\n\n    const handleEditorMount: OnMount = (editor, monacoInstance) => {\n        editorRef.current = editor;\n        monacoRef.current = monacoInstance;\n\n        // @ts-ignore\n        monacoInstance.editor.defineTheme(\"promptemonViewerDark\", DARK_THEME);\n        // @ts-ignore\n        monacoInstance.editor.defineTheme(\"promptemonViewerLight\", LIGHT_THEME);\n        monacoInstance.editor.setTheme(isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\");\n\n        monacoInstance.languages.register({ id: \"promptemonViewerLang\" });\n        monacoInstance.languages.setMonarchTokensProvider(\"promptemonViewerLang\", {\n            tokenizer: {\n                root: [\n                    [/(<)([a-zA-Z0-9\\-]+)(\\s*)/, [\"delimiter\", \"tag\", \"white\"], \"@tagBody\"],\n                    [/(<\\/)([a-zA-Z0-9\\-]+)(\\s*)(>)/, [\"delimiter\", \"tag\", \"white\", \"delimiter\"]],\n                    [/{{[^}]+}}/, \"variable\"],\n                ],\n                tagBody: [\n                    [/[a-zA-Z0-9\\:\\-]+(?=\\=)/, \"attribute.name\"],\n                    [/=/, \"delimiter\"],\n                    [/(\".*?\"|'.*?')/, \"attribute.value\"],\n                    [/\\s+/, \"white\"],\n                    [/(\\/?>)/, { token: \"delimiter\", next: \"@pop\" }],\n                ],\n            },\n        });\n\n        monacoInstance.languages.registerFoldingRangeProvider(\"promptemonViewerLang\", {\n            provideFoldingRanges: (model) => {\n                const lines = model.getLinesContent();\n                const foldingRanges: any[] = [];\n                const stack: { tag: string; start: number }[] = [];\n                lines.forEach((line, index) => {\n                    const lineNumber = index + 1;\n                    const openTagMatch = line.match(/<([a-zA-Z0-9\\-]+)(\\s[^>]*)?>/);\n                    const closeTagMatch = line.match(/<\\/([a-zA-Z0-9\\-]+)>/);\n                    if (openTagMatch && !line.includes(\"/>\")) {\n                        stack.push({ tag: openTagMatch[1], start: lineNumber });\n                    }\n                    if (closeTagMatch) {\n                        const tag = closeTagMatch[1];\n                        for (let i = stack.length - 1; i >= 0; i--) {\n                            if (stack[i].tag === tag) {\n                                foldingRanges.push({ start: stack[i].start, end: lineNumber });\n                                stack.splice(i, 1);\n                                break;\n                            }\n                        }\n                    }\n                });\n                return foldingRanges;\n            },\n        });\n    };\n\n    useEffect(() => {\n        if (!selectedTag || !editorRef.current || !monacoRef.current) return;\n        const editor = editorRef.current;\n        const model = editor.getModel();\n        if (!model) return;\n        const lines = model.getValue().split(\"\\n\");\n        let targetLine = -1;\n        for (let i = 0; i < lines.length; i++) {\n            const tagMatch = lines[i].match(/<([^\\s>\\/]+(?:\\s[^\\s>\\/]+)*)/);\n            if (tagMatch && tagMatch[1].trim().toLowerCase() === selectedTag.toLowerCase()) {\n                targetLine = i + 1;\n                break;\n            }\n        }\n        if (targetLine > 0) {\n            let closingLine = targetLine;\n            const closingTagLower = `</${selectedTag.toLowerCase()}>`;\n            for (let i = targetLine; i < lines.length; i++) {\n                if (lines[i].toLowerCase().includes(closingTagLower)) {\n                    closingLine = i + 1;\n                    break;\n                }\n            }\n            editor.setSelection(new monacoRef.current.Selection(targetLine, 1, targetLine, 1));\n            editor.trigger(null, \"editor.unfold\", {});\n            editor.revealLineInCenterIfOutsideViewport(targetLine);\n            const decorations = editor.deltaDecorations([], [{\n                range: new monacoRef.current.Range(targetLine, 1, closingLine, lines[closingLine - 1].length + 1),\n                options: { isWholeLine: true, className: \"promptemon-viewer-highlight\", inlineClassName: \"promptemon-viewer-highlight\" },\n            }]);\n            setTimeout(() => editor.deltaDecorations(decorations, []), 2000);\n        }\n    }, [selectedTag]);\n\n    useEffect(() => {\n        if (!highlightVariable || !editorRef.current || !monacoRef.current) return;\n        const editor = editorRef.current;\n        const model = editor.getModel();\n        if (!model) return;\n        const lines = model.getValue().split(\"\\n\");\n        const ranges: monaco.Range[] = [];\n        for (let i = 0; i < lines.length; i++) {\n            let col = lines[i].indexOf(highlightVariable);\n            while (col !== -1) {\n                ranges.push(new monacoRef.current.Range(i + 1, col + 1, i + 1, col + highlightVariable.length + 1));\n                col = lines[i].indexOf(highlightVariable, col + 1);\n            }\n        }\n        if (ranges.length === 0) return;\n        editor.revealLineInCenterIfOutsideViewport(ranges[0].startLineNumber);\n        const decorations = editor.deltaDecorations([], ranges.map((range) => ({\n            range,\n            options: { inlineClassName: \"promptemon-viewer-variable-highlight\" },\n        })));\n        setTimeout(() => editor.deltaDecorations(decorations, []), 2000);\n    }, [highlightVariable]);\n\n    useEffect(() => {\n        if (!monacoRef.current) return;\n        monacoRef.current.editor.setTheme(isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\");\n    }, [isDarkMode]);\n\n    return (\n        <>\n            <style>{`\n                .promptemon-viewer-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-viewer-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            `}</style>\n            <Box sx={{ width: \"100%\", height, display: \"flex\", flexDirection: \"column\" }}>\n                <Box sx={{ width: \"100%\", height: 20, bgcolor: isDarkMode ? \"#030202\" : \"#fff\", borderTopLeftRadius: 8, borderTopRightRadius: 8 }} />\n                <Box sx={{ flex: 1, minHeight: 0, overflow: \"hidden\" }}>\n                    <Editor\n                        onMount={handleEditorMount}\n                        beforeMount={handleBeforeMount}\n                        theme={isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\"}\n                        value={content}\n                        language=\"promptemonViewerLang\"\n                        onChange={() => {}}\n                        options={{\n                            fontSize,\n                            minimap: { enabled: false },\n                            wordWrap: \"on\",\n                            lineNumbers: \"on\",\n                            readOnly: true,\n                            domReadOnly: true,\n                            scrollBeyondLastLine: false,\n                            padding: { top: 4, bottom: 12 },\n                            folding: true,\n                            automaticLayout: true,\n                            scrollbar: { vertical: \"visible\", horizontal: \"visible\", verticalScrollbarSize: 8 },\n                        }}\n                    />\n                </Box>\n                <Box sx={{ width: \"100%\", height: 20, bgcolor: isDarkMode ? \"#030202\" : \"#fff\", borderBottomLeftRadius: 8, borderBottomRightRadius: 8 }} />\n            </Box>\n        </>\n    );\n};\n\nexport default InternalEditor;"],"names":["DARK_THEME","base","inherit","rules","token","foreground","fontStyle","colors","LIGHT_THEME","InternalEditor","content","selectedTag","highlightVariable","isDarkMode","height","fontSize","editorRef","useRef","monacoRef","useEffect","current","editor","model","getModel","lines","getValue","split","targetLine","i","length","tagMatch","match","trim","toLowerCase","closingLine","closingTagLower","includes","setSelection","Selection","trigger","revealLineInCenterIfOutsideViewport","decorations","deltaDecorations","range","Range","options","isWholeLine","className","inlineClassName","setTimeout","ranges","col","indexOf","push","startLineNumber","map","setTheme","jsxs","Fragment","children","jsx","Box","sx","width","display","flexDirection","bgcolor","borderTopLeftRadius","borderTopRightRadius","flex","minHeight","overflow","Editor","onMount","monacoInstance","defineTheme","languages","register","id","setMonarchTokensProvider","tokenizer","root","tagBody","next","registerFoldingRangeProvider","provideFoldingRanges","getLinesContent","foldingRanges","stack","forEach","line","index","lineNumber","openTagMatch","closeTagMatch","tag","start","end","splice","beforeMount","theme","value","language","onChange","minimap","enabled","wordWrap","lineNumbers","readOnly","domReadOnly","scrollBeyondLastLine","padding","top","bottom","folding","automaticLayout","scrollbar","vertical","horizontal","verticalScrollbarSize","borderBottomLeftRadius","borderBottomRightRadius"],"mappings":"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"}
+{"version":3,"file":"Internaleditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/SPBAnalysisPanel/Markdownrenderer.js

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

package/dist/features/SPBAnalysisPanel/Markdownrenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdownrenderer.js","sources":["../../../src/features/SPBAnalysisPanel/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\";\nimport { ContentCopy, Check, ExpandLess, ExpandMore } from \"@mui/icons-material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMoreOutlined\";\nimport CognitiveReasoningPanel, {\n    type CognitiveReasoningData,\n    type BlockCognitiveCitation,\n    type CognitiveReasoningPanelStyles,\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            paraphrase: paraphrases[0] ?? \"\",\n            highlight,\n        });\n    });\n\n    return {\n        block_cognitive_reasoning_html: data.reasoning ?? \"\",\n        block_cognitive_gap_html: data.Gap ?? \"\",\n        block_cognitive_confidence: Number(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            paraphrase: paraphrases[0] ?? \"\",\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    /** Whether dark mode is active */\n    isDarkMode?: boolean;\n    cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles;\n    style?: React.CSSProperties | any;\n    sx?: any;\n}\n\nexport const MarkdownRenderer = ({ message, fontSize, extraMetaData, isDarkMode = false, cognitiveDecisioningStyles, style, sx }: MarkdownRendererProps) => {\n    const baseFontSize = fontSize ?? \"0.88rem\";\n\n    const textColor = isDarkMode ? \"#e2e8f0\" : \"#1f2937\";\n    const headingColor = isDarkMode ? \"#f8fafc\" : \"#111827\";\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: isDarkMode ? \"#a78bfa\" : \"#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: isDarkMode ? \"1px solid #334155\" : \"1px solid #e2e8f0\", borderRadius: 5, padding: \"4px 2px\" }}>\n                                <ExpandMoreIcon sx={{ fontSize: \"1rem\", color: isDarkMode ? \"#94a3b8\" : \"#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={oneLight}\n                            language=\"json\"\n                            PreTag=\"div\"\n                            customStyle={{ borderRadius: 8, padding: \"1rem\", fontSize: \"0.8rem\", border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\", margin: 0, lineHeight: 1.6 }}\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: isDarkMode ? \"1px solid #334155\" : \"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: headingColor }}>{props?.children}</strong>,\n            h1: ({ node, ...props }: any) => <h1 style={{ fontSize: \"1.35rem\", fontWeight: 700, color: headingColor, 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: headingColor, margin: \"16px 0 6px\", lineHeight: 1.35 }}>{props.children}</h2>,\n            h3: ({ node, ...props }: any) => <h3 style={{ fontSize: \"1rem\", fontWeight: 600, color: headingColor, 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: isDarkMode ? \"#1e1b4b\" : \"#faf5ff\", borderRadius: \"0 6px 6px 0\", color: isDarkMode ? \"#cbd5e1\" : \"#4b5563\", fontStyle: \"italic\", fontSize: baseFontSize, lineHeight: 1.65 }}>\n                    {props.children}\n                </blockquote>\n            ),\n            hr: () => <hr style={{ border: \"none\", height: 1, background: isDarkMode ? \"linear-gradient(to right, transparent, #334155, transparent)\" : \"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: isDarkMode ? \"1px solid #334155\" : \"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: isDarkMode ? \"#1e293b\" : \"#f9fafb\", borderBottom: isDarkMode ? \"2px solid #334155\" : \"2px solid #e5e7eb\" }}>{props.children}</thead>,\n            th: ({ node, ...props }: any) => <th style={{ padding: \"8px 12px\", textAlign: \"left\", fontWeight: 600, fontSize: \"0.76rem\", color: isDarkMode ? \"#cbd5e1\" : \"#374151\", whiteSpace: \"nowrap\" }}>{props.children}</th>,\n            td: ({ node, ...props }: any) => <td style={{ padding: \"8px 12px\", borderTop: isDarkMode ? \"1px solid #334155\" : \"1px solid #f3f4f6\", color: isDarkMode ? \"#94a3b8\" : \"#4b5563\", 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                    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: isDarkMode ? \"#a78bfa\" : \"#6932E2\", fontWeight: 500, cursor: \"pointer\", transition: \"all 0.2s\", padding: \"0 2px\", position: \"relative\", display: \"flex\", alignItems: \"center\", gap: 6, width: \"fit-content\" }}\n                            >\n                                {children || \"\"}\n                                <span style={{ cursor: \"pointer\", padding: \"4px 2px\", display: \"flex\", alignItems: \"center\", gap: 2, border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e2e8f0\", borderRadius: \"5px\", width: \"fit-content\" }}>\n                                    <ExpandMoreIcon sx={{ fontSize: \"1rem\", color: isDarkMode ? \"#94a3b8\" : \"#475569\", transition: \"transform 0.2s\" }} />\n                                </span>\n                            </span>\n                            {cognitivePanel.open && cognitivePanel.activeKey === cogKey && 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: isDarkMode ? \"#a78bfa\" : \"#6932E2\", textDecoration: \"none\", fontWeight: 500, borderBottom: isDarkMode ? \"1px solid #7c3aed\" : \"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 = isDarkMode ? \"#a78bfa\" : \"#6932E2\"; }}\n                        onMouseLeave={(e) => { e.currentTarget.style.borderBottomColor = isDarkMode ? \"#7c3aed\" : \"#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: isDarkMode ? \"#3730a3\" : \"#ede9fe\", color: isDarkMode ? \"#c084fc\" : \"#7c3aed\", fontSize: \"0.6rem\", fontWeight: 700,\n                            verticalAlign: \"super\", cursor: \"pointer\", userSelect: \"none\", lineHeight: 1, transition: \"all 0.2s\",\n                            \"&:hover\": { background: isDarkMode ? \"#6d28d9\" : \"#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: isDarkMode ? \"#e9d5ff\" : \"#9333ea\", background: isDarkMode ? \"#2e1065\" : \"#faf5ff\", padding: \"1.5px 5px\", borderRadius: 4, border: isDarkMode ? \"1px solid #581c87\" : \"1px solid #f3e8ff\", fontWeight: 500 }}>\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: textColor, background: isDarkMode ? \"#0f172a\" : \"#f9fafb\", border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\", borderRadius: 8, padding: \"14px 16px\", margin: 0, overflowX: \"auto\", whiteSpace: \"pre\" }}>\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: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\" }} loading=\"lazy\" />\n            ),\n        };\n    }, [message, baseFontSize, extraMetaData, cognitivePanel.activeKey, cognitivePanel.open, cognitiveDecisioningStyles, inlineReasoningMap, isDarkMode, textColor, headingColor]);\n\n    return (\n        <Box\n            className=\"pg-markdown-renderer\"\n            style={style}\n            sx={{\n                fontSize: baseFontSize,\n                lineHeight: 1.7,\n                color: textColor,\n                wordBreak: \"break-word\",\n                position: \"relative\",\n                ...sx,\n                \"& span[style*='color'], & font[color]\": isDarkMode\n                    ? { color: \"#60a5fa !important\" }\n                    : {},\n                \"& a\": {\n                    color: isDarkMode ? \"#a78bfa !important\" : \"#6932E2 !important\",\n                },\n                \"& strong\": {\n                    color: isDarkMode ? \"#f8fafc !important\" : \"#111827 !important\",\n                },\n                \"& h1, & h2, & h3, & h4, & h5, & h6\": {\n                    color: isDarkMode ? \"#f1f5f9 !important\" : \"#111827 !important\",\n                },\n            }}\n        >\n            {/* @ts-ignore */}\n            <ReactMarkdown components={components} rehypePlugins={[rehypeRaw]} className=\"react-markdown-renderer-with-overrides\">\n                {cleanMessage(processedMessage)}\n            </ReactMarkdown>\n        </Box>\n    );\n};\n\nexport default MarkdownRenderer;\n"],"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","isDarkMode","cognitiveDecisioningStyles","baseFontSize","textColor","headingColor","cognitivePanel","setCognitivePanel","data","activeKey","closeCognitivePanel","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","block_cognitive_gap_html","Gap","block_cognitive_confidence","decision_strength","block_cognitive_citations","transformAiReasoningToCD","ExpandMoreIcon","transform","Box","component","width","maxWidth","mt","mb","ml","CognitiveReasoningPanel","onClose","styles","codebasename","codebaseString","String","SyntaxHighlighter","oneLight","language","PreTag","customStyle","lineHeight","Fragment","backgroundColor","overflow","summary","p","wordWrap","overflowWrap","wordBreak","whiteSpace","strong","h1","letterSpacing","h2","h3","h4","ol","marginLeft","paddingLeft","flexDirection","ul","li","blockquote","borderLeft","fontStyle","hr","height","table","overflowX","borderCollapse","thead","borderBottom","th","textAlign","td","borderTop","a","cogKey","meta","Reasoning","Confidence_score","transformToCognitiveData","isAbsoluteUrl","URL","href","protocol","startsWith","textDecoration","target","rel","borderBottomColor","sup","Tooltip","title","placement","arrow","verticalAlign","userSelect","role","code","pre","extractText","child","Array","isArray","codeText","img","loading","className","ReactMarkdown","rehypePlugins","rehypeRaw"],"mappings":"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"}
+{"version":3,"file":"Markdownrenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}