@viswa-test/test-citation 0.0.385 → 0.0.387

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

@@ -1 +1 @@
-{"version":3,"file":"CitationDependencyGraph.js","sources":["../../../../src/features/PromptCitation/CitationDependencyGraph.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useCallback, useEffect } from 'react';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\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 GraphData {\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\n// ─── Public style interface ────────────────────────────────────────────────────\n\nexport interface CitationDependencyGraphStyles {\n  /** Outermost container */\n  root?: React.CSSProperties;\n  /** Header bar (last-analyzed text + zoom controls) */\n  header?: React.CSSProperties;\n  /** \"Last analyzed\" subtitle text */\n  subtitle?: React.CSSProperties;\n  /** Zoom controls pill wrapper */\n  controls?: React.CSSProperties;\n  /** Individual zoom +/−/% button */\n  controlButton?: React.CSSProperties;\n  /** SVG cluster background rect */\n  cluster?: React.CSSProperties;\n  /** Cluster label text */\n  clusterLabel?: React.CSSProperties;\n  /** Node card */\n  node?: React.CSSProperties;\n  /** Node card when selected */\n  selectedNode?: React.CSSProperties;\n  /** Cluster icon badge inside a node */\n  nodeIcon?: React.CSSProperties;\n  /** Default edge path */\n  edge?: React.CSSProperties;\n  /** Edge path when active (selected node connected) */\n  activeEdge?: React.CSSProperties;\n  /** Animated dot marker on active edges */\n  edgeMarker?: React.CSSProperties;\n  /** Node detail popup card */\n  nodePopup?: React.CSSProperties;\n  /** Node popup gradient header */\n  nodePopupHeader?: React.CSSProperties;\n  /** Node popup body */\n  nodePopupBody?: React.CSSProperties;\n  /** Edge detail popup card */\n  edgePopup?: React.CSSProperties;\n  /** Edge popup gradient header */\n  edgePopupHeader?: React.CSSProperties;\n  /** Edge popup body */\n  edgePopupBody?: React.CSSProperties;\n  /** × close button on both popups */\n  popupCloseButton?: React.CSSProperties;\n}\n\n// ─── Public props ──────────────────────────────────────────────────────────────\n\nexport interface CitationDependencyGraphProps {\n  /** Raw dependency_graph data from the API — conversion is handled internally */\n  data: any;\n  isDarkMode?: boolean;\n  /** Height of the graph container (default 500px) */\n  height?: number | string;\n  /** Width of the graph container (default 100%) */\n  width?: number | string;\n  styles?: CitationDependencyGraphStyles;\n}\n\n// ─── Constants ────────────────────────────────────────────────────────────────\n\nconst NODE_W = 170;\nconst NODE_H = 48;\n\nconst CL_BG   = ['#ede9fe','#e0f2fe','#fef3c7','#dcfce7','#ffe4e6','#f0fdf4','#fef9c3','#e0e7ff','#fce7f3','#f1f5f9'];\nconst CL_FG   = ['#7c3aed','#0284c7','#b45309','#16a34a','#e11d48','#15803d','#a16207','#4338ca','#db2777','#475569'];\nconst CL_ICON = ['⚙','◈','⟐','✦','◎','⬡','◇','⊕','✶','◉'];\nconst CL_BORDER_ACTIVE = ['#a78bfa','#7dd3fc','#fbbf24','#86efac','#fda4af','#6ee7b7','#fde047','#a5b4fc','#f9a8d4','#94a3b8'];\nconst CL_GRAD = [\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\nconst CLUSTER_LABELS = ['Context & Inputs', 'Core Logic & Rules', 'Outputs & Schema'];\n\n// ─── Raw data converter ───\n\nfunction convertRawData(raw: any): GraphData | null {\n  if (!raw || typeof raw !== 'object') return null;\n\n  if (Array.isArray(raw.nodes) && Array.isArray(raw.edges)) {\n    let nodes = raw.nodes;\n    let clusters = Array.isArray(raw.clusters) && raw.clusters.length > 0 ? raw.clusters : null;\n    const uniqueClusters = new Set(nodes.map((n: any) => n.cluster_id));\n    if (!clusters || uniqueClusters.size <= 1) {\n      const n = Math.max(1, Math.min(3, Math.ceil(nodes.length / 3)));\n      clusters = Array.from({ length: n }, (_, i) => ({ id: `cl_${i + 1}`, label: CLUSTER_LABELS[i] || `Group ${i + 1}` }));\n      nodes = nodes.map((node: any, idx: number) => {\n        const col = idx % n;\n        const row = Math.floor(idx / n);\n        return { ...node, cluster_id: clusters[col].id, x: col * 450 + 200, y: row * 180 + 100 };\n      });\n    }\n    return { graph_id: raw.graph_id || 'graph', prompt_id: raw.prompt_id || '', last_analyzed_at: raw.last_analyzed_at || new Date().toISOString(), clusters, nodes, edges: raw.edges };\n  }\n\n  const keys = Object.keys(raw);\n  if (keys.length === 0) return null;\n  const n = Math.max(1, Math.min(3, Math.ceil(keys.length / 3)));\n  const clusters = Array.from({ length: n }, (_, i) => ({ id: `cl_${i + 1}`, label: CLUSTER_LABELS[i] || `Group ${i + 1}` }));\n  const nodes: RawNode[] = [];\n  const edges: Edge[] = [];\n  keys.forEach((key, index) => {\n    const col = index % n;\n    const row = Math.floor(index / n);\n    const label = key.split('_').map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');\n    const nodeId = `node_${key}`;\n    nodes.push({ id: nodeId, label, cluster_id: clusters[col].id, x: col * 450 + 200, y: row * 180 + 100, description: `Section: ${label}` });\n    const deps = raw[key];\n    if (Array.isArray(deps)) {\n      deps.forEach((dep: any, depIdx: number) => {\n        if (!dep || typeof dep !== 'object') return;\n        const targetKey = dep.dependent_on;\n        if (!targetKey) return;\n        let reasoningText = '';\n        if (typeof dep.reasoning === 'string') reasoningText = dep.reasoning;\n        else if (Array.isArray(dep.reasoning)) reasoningText = dep.reasoning.map((r: any) => (typeof r === 'string' ? r : r?.text || '')).filter(Boolean).join(' ');\n        else if (dep.reasoning?.text) reasoningText = String(dep.reasoning.text);\n        edges.push({ id: `e_${key}_${targetKey}_${depIdx}`, source: nodeId, target: `node_${targetKey}`, reasoning: reasoningText || `Depends on ${targetKey}`, score: typeof dep.Score === 'number' ? dep.Score : typeof dep.score === 'number' ? dep.score : 80, gap: dep.gap || '', dependency_type: dep.dependency_type || 'implicit' });\n      });\n    }\n  });\n  if (nodes.length === 0) return null;\n  return { graph_id: 'converted_graph', prompt_id: '', last_analyzed_at: new Date().toISOString(), clusters, nodes, edges };\n}\n\n// ─── Layout ───\n\nfunction autoLayout(rawNodes: RawNode[], rawEdges: Edge[], rawClusters: Cluster[]): Map<string, Position> {\n  const N = rawNodes.length;\n  if (N === 0) return new Map();\n\n  const idxOf: Record<string, number> = {};\n  rawNodes.forEach((n, i) => { idxOf[n.id] = i; });\n\n  const rank: Record<string, number> = {};\n  rawNodes.forEach((n) => { rank[n.id] = 0; });\n  for (let pass = 0; pass < N; pass++) {\n    let changed = false;\n    for (const e of rawEdges) {\n      const nr = (rank[e.source] || 0) + 1;\n      if (nr > (rank[e.target] || 0) && nr < N) { rank[e.target] = nr; changed = true; }\n    }\n    if (!changed) break;\n  }\n\n  const clusterCol: Record<string, number> = {};\n  rawClusters.forEach((c, i) => { clusterCol[c.id] = i; });\n  const clusterGroups: Record<string, RawNode[]> = {};\n  rawClusters.forEach((c) => { clusterGroups[c.id] = []; });\n  rawNodes.forEach((n) => { clusterGroups[n.cluster_id]?.push(n); });\n  Object.values(clusterGroups).forEach((g) => g.sort((a, b) => (rank[a.id] || 0) - (rank[b.id] || 0)));\n\n  const COL_GAP = 520, ROW_GAP = 200;\n  const px = new Float64Array(N), py = new Float64Array(N);\n  const vx = new Float64Array(N), vy = new Float64Array(N);\n  for (const c of rawClusters) {\n    const col = clusterCol[c.id] ?? 0;\n    (clusterGroups[c.id] || []).forEach((n, row) => { const i = idxOf[n.id]; px[i] = col * COL_GAP + 280; py[i] = row * ROW_GAP + 120; });\n  }\n\n  const REPULSION = 480000, SPRING_K = 0.004, IDEAL_LEN = 380, CLUSTER_K = 0.0015, RANK_GRAVITY = 0.002, DAMPING = 0.84, ITERS = 350;\n  const maxRank = Math.max(...rawNodes.map((n) => rank[n.id] || 0), 1);\n  const rankTargetY = new Float64Array(N);\n  for (let i = 0; i < N; i++) rankTargetY[i] = ((rank[rawNodes[i].id] || 0) / maxRank) * (N * ROW_GAP * 0.6) + 120;\n\n  for (let iter = 0; iter < ITERS; iter++) {\n    const t = Math.max(0.015, 1 - iter / ITERS);\n    const fx = new Float64Array(N), fy = new Float64Array(N);\n    for (let i = 0; i < N; i++) {\n      for (let j = i + 1; j < N; j++) {\n        let dx = px[i] - px[j], dy = py[i] - py[j], d2 = dx * dx + dy * dy;\n        if (d2 < 400) { dx = (i - j) * 12; dy = (i + j) * 8; d2 = dx * dx + dy * dy; }\n        const d = Math.sqrt(d2), f = REPULSION / d2;\n        const ux = (dx / d) * f, uy = (dy / d) * f;\n        fx[i] += ux; fy[i] += uy; fx[j] -= ux; fy[j] -= uy;\n      }\n    }\n    for (const e of rawEdges) {\n      const si = idxOf[e.source], ti = idxOf[e.target];\n      if (si === undefined || ti === undefined) continue;\n      const dx = px[ti] - px[si], dy = py[ti] - py[si], d = Math.sqrt(dx * dx + dy * dy);\n      if (d < 1) continue;\n      const f = (d - IDEAL_LEN) * SPRING_K;\n      const ux = (dx / d) * f, uy = (dy / d) * f;\n      fx[si] += ux; fy[si] += uy; fx[ti] -= ux; fy[ti] -= uy;\n    }\n    const csx: Record<string, number> = {}, csy: Record<string, number> = {}, cnt: Record<string, number> = {};\n    for (let i = 0; i < N; i++) { const c = rawNodes[i].cluster_id; csx[c] = (csx[c] || 0) + px[i]; csy[c] = (csy[c] || 0) + py[i]; cnt[c] = (cnt[c] || 0) + 1; }\n    for (let i = 0; i < N; i++) { const c = rawNodes[i].cluster_id; fx[i] += (csx[c] / cnt[c] - px[i]) * CLUSTER_K; fy[i] += (csy[c] / cnt[c] - py[i]) * CLUSTER_K; }\n    for (let i = 0; i < N; i++) fy[i] += (rankTargetY[i] - py[i]) * RANK_GRAVITY;\n    for (let i = 0; i < N; i++) { vx[i] = (vx[i] + fx[i]) * DAMPING * t; vy[i] = (vy[i] + fy[i]) * DAMPING * t; px[i] += vx[i]; py[i] += vy[i]; }\n  }\n\n  const MIN_DX = NODE_W + 100, MIN_DY = NODE_H + 80;\n  for (let pass = 0; pass < 40; pass++) {\n    let moved = false;\n    for (let i = 0; i < N; i++) {\n      for (let j = i + 1; j < N; j++) {\n        const dx = px[i] - px[j], dy = py[i] - py[j], ox = MIN_DX - Math.abs(dx), oy = MIN_DY - Math.abs(dy);\n        if (ox > 0 && oy > 0) {\n          moved = true;\n          if (ox < oy) { const push = ox / 2 + 5; px[i] += dx > 0 ? push : -push; px[j] -= dx > 0 ? push : -push; }\n          else { const push = oy / 2 + 5; py[i] += dy > 0 ? push : -push; py[j] -= dy > 0 ? push : -push; }\n        }\n      }\n    }\n    if (!moved) break;\n  }\n\n  let minX = Infinity, minY = Infinity;\n  for (let i = 0; i < N; i++) { minX = Math.min(minX, px[i]); minY = Math.min(minY, py[i]); }\n  const result = new Map<string, Position>();\n  for (let i = 0; i < N; i++) result.set(rawNodes[i].id, { x: Math.round(px[i] - minX + 80), y: Math.round(py[i] - minY + 80) });\n  return result;\n}\n\nfunction computeGraph(graphData: GraphData): ComputedGraph {\n  const clusters = Array.isArray(graphData?.clusters) ? graphData.clusters : [];\n  const rawNodes = Array.isArray(graphData?.nodes) ? graphData.nodes : [];\n  const edges = Array.isArray(graphData?.edges) ? graphData.edges : [];\n  const positions = autoLayout(rawNodes, edges, clusters);\n  const nodes: RawNode[] = rawNodes.map((n) => { const p = positions.get(n.id) || { x: 0, y: 0 }; return { ...n, x: p.x, y: p.y }; });\n  const clusterIdToIdx: Record<string, number> = {};\n  clusters.forEach((c, i) => { clusterIdToIdx[c.id] = i; });\n  const clusterNodes: Record<string, RawNode[]> = {};\n  clusters.forEach((c) => { clusterNodes[c.id] = []; });\n  nodes.forEach((n) => { clusterNodes[n.cluster_id]?.push(n); });\n  const PAD = 36;\n  const clusterBounds: ClusterBound[] = clusters.map((c) => {\n    const cn = clusterNodes[c.id];\n    if (!cn.length) return null;\n    const minX = Math.min(...cn.map((n) => n.x));\n    const minY = Math.min(...cn.map((n) => n.y));\n    const maxX = Math.max(...cn.map((n) => n.x + NODE_W));\n    const maxY = Math.max(...cn.map((n) => n.y + NODE_H));\n    return { id: c.id, label: c.label, idx: clusterIdToIdx[c.id], x: minX - PAD, y: minY - PAD, width: maxX - minX + PAD * 2, height: maxY - minY + PAD * 2 + 22 };\n  }).filter((cb): cb is ClusterBound => cb !== null);\n  const layoutNodes: LayoutNode[] = nodes.map((n) => ({ ...n, cluster: clusterIdToIdx[n.cluster_id] ?? 0 }));\n  const canvasW = Math.max(...nodes.map((n) => n.x + NODE_W)) + PAD * 2;\n  const canvasH = Math.max(...nodes.map((n) => n.y + NODE_H)) + PAD * 2;\n  return { nodes: layoutNodes, edges, clusterBounds, canvasW, canvasH };\n}\n\nfunction getConnectionPoints(sn: LayoutNode, tn: LayoutNode): { source: Point; target: Point } {\n  const sCx = sn.x + NODE_W / 2, sCy = sn.y + NODE_H / 2;\n  const tCx = tn.x + NODE_W / 2, tCy = tn.y + NODE_H / 2;\n  function getPort(cx: number, cy: number, ox: number, oy: number): Point {\n    const dx = ox - cx, dy = oy - cy;\n    if (Math.abs(dy) > Math.abs(dx) * 0.4) 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  return { source: getPort(sCx, sCy, tCx, tCy), target: getPort(tCx, tCy, sCx, sCy) };\n}\n\nfunction getEdgePath(edge: Edge, nodesMap: Record<string, LayoutNode>, allEdges: Edge[]): string {\n  const sn = nodesMap[edge.source], tn = nodesMap[edge.target];\n  if (!sn || !tn) return '';\n  const { source: s, target: t } = getConnectionPoints(sn, tn);\n  const dx = t.x - s.x, dy = t.y - s.y, dist = Math.sqrt(dx * dx + dy * dy);\n  if (dist < 5) return `M ${s.x} ${s.y} L ${t.x} ${t.y}`;\n  const isBack = tn.y + 150 < sn.y && tn.y < sn.y - NODE_H;\n  if (isBack) { const side = Math.min(sn.x, tn.x) - 110; return `M ${s.x} ${s.y} C ${side} ${s.y}, ${side} ${t.y}, ${t.x} ${t.y}`; }\n  const hasReverse = allEdges.some((e) => e.source === edge.target && e.target === edge.source);\n  const nx = -dy / dist, ny = dx / dist;\n  if (hasReverse) {\n    const sign = edge.source < edge.target ? 1 : -1;\n    const bend = Math.max(dist * 0.18, 40) * sign;\n    return `M ${s.x} ${s.y} Q ${(s.x + t.x) / 2 + nx * bend} ${(s.y + t.y) / 2 + ny * bend} ${t.x} ${t.y}`;\n  }\n  const bend = Math.min(dist * 0.12, 55);\n  return `M ${s.x} ${s.y} Q ${(s.x + t.x) / 2 + nx * bend} ${(s.y + t.y) / 2 + ny * bend} ${t.x} ${t.y}`;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nconst CitationDependencyGraph: React.FC<CitationDependencyGraphProps> = ({\n  data,\n  isDarkMode = false,\n  height = 500,\n  width = '100%',\n  styles,\n}) => {\n  const graphData = useMemo(() => convertRawData(data), [data]);\n  const graph = useMemo(() => (graphData ? computeGraph(graphData) : null), [graphData]);\n  const nodesMap = useMemo<Record<string, LayoutNode>>(() => {\n    const m: Record<string, LayoutNode> = {};\n    graph?.nodes.forEach((n) => { m[n.id] = n; });\n    return m;\n  }, [graph]);\n  const clusterIdToIdx = useMemo<Record<string, number>>(() => {\n    const m: Record<string, number> = {};\n    graphData?.clusters.forEach((c, i) => { m[c.id] = i; });\n    return m;\n  }, [graphData]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [pan, setPan] = useState<Position>({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState(0.5);\n  const [isPanning, setIsPanning] = useState(false);\n  const panStart = useRef<Position>({ x: 0, y: 0 });\n  const panOrigin = useRef<Position>({ x: 0, y: 0 });\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 activeEdges = useMemo(() => {\n    if (!selectedNode || !graph) return new Set<string>();\n    return new Set(graph.edges.filter((e) => e.source === selectedNode || e.target === selectedNode).map((e) => e.id));\n  }, [selectedNode, graph]);\n\n  const connectedNodes = useMemo(() => {\n    if (!selectedNode || !graph) return new Set<string>();\n    const ids = new Set<string>([selectedNode]);\n    graph.edges.forEach((e) => { if (e.source === selectedNode) ids.add(e.target); if (e.target === selectedNode) ids.add(e.source); });\n    return ids;\n  }, [selectedNode, graph]);\n\n  const lastAnalyzed = useMemo(() => {\n    if (!graphData) return '';\n    return new Date(graphData.last_analyzed_at).toLocaleString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true, day: 'numeric', month: 'short', year: 'numeric' });\n  }, [graphData]);\n\n  const handleWheel = useCallback((e: WheelEvent) => {\n    e.preventDefault();\n    setZoom((z) => Math.min(2.5, Math.max(0.2, z - e.deltaY * 0.001)));\n  }, []);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (el) el.addEventListener('wheel', handleWheel, { passive: false });\n    return () => el?.removeEventListener('wheel', handleWheel);\n  }, [handleWheel]);\n\n  const handlePointerDown = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n    if ((e.target as HTMLElement).closest('[data-edge-hit]') || (e.target as HTMLElement).closest('[data-node]')) return;\n    setIsPanning(true);\n    panStart.current = { x: e.clientX, y: e.clientY };\n    panOrigin.current = { ...pan };\n    e.currentTarget.style.cursor = 'grabbing';\n  }, [pan]);\n\n  const handlePointerMove = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n    if (!isPanning) return;\n    setPan({ x: panOrigin.current.x + (e.clientX - panStart.current.x), y: panOrigin.current.y + (e.clientY - panStart.current.y) });\n  }, [isPanning]);\n\n  const handlePointerUp = useCallback(() => {\n    setIsPanning(false);\n    if (containerRef.current) containerRef.current.style.cursor = 'grab';\n  }, []);\n\n  const handleEdgeClick = (e: React.MouseEvent, edge: Edge) => {\n    e.stopPropagation();\n    const rect = 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) => {\n    e.stopPropagation();\n    const rect = containerRef.current!.getBoundingClientRect();\n    if (selectedNode === node.id) { setSelectedNode(null); setNodePopup(null); }\n    else { setSelectedNode(node.id); setNodePopup({ node, screenX: e.clientX - rect.left, screenY: e.clientY - rect.top }); setEdgePopup(null); }\n  };\n\n  const handleBgClick = () => { setEdgePopup(null); setNodePopup(null); setSelectedNode(null); };\n\n  function getPopupPos(screenX: number, screenY: number, w: number, h: number): { left?: number; top?: number } {\n    if (!containerRef.current) return {};\n    const rect = containerRef.current.getBoundingClientRect();\n    let x = screenX + 14, y = 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    return { left: x, top: y };\n  }\n\n  const toSvgPaint = (value: unknown, fallback: string): string => typeof value === 'string' ? value : fallback;\n\n  const bg = styles?.root?.backgroundColor ?? styles?.root?.background ?? (isDarkMode ? '#090d16' : '#ffffff');\n  const fg = styles?.root?.color ?? (isDarkMode ? '#f8fafc' : '#1e293b');\n  const mutedFg = styles?.subtitle?.color ?? (isDarkMode ? '#94a3b8' : '#94a3b8');\n\n  const zBtnStyle: React.CSSProperties = {\n    width: 32, height: 32, border: 'none', background: 'transparent', borderRadius: 8,\n    cursor: 'pointer', fontSize: 16, color: isDarkMode ? '#cbd5e1' : '#475569',\n    display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 500,\n    ...styles?.controlButton,\n  };\n\n  if (!graph || !graphData) return null;\n\n  return (\n    <div\n      style={{ width, height, position: 'relative', background: bg, color: fg, fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\", overflow: 'hidden', ...styles?.root }}\n    >\n      {/* Header */}\n      <div style={{ position: 'absolute', top: 0, left: 0, right: 0, zIndex: 20, padding: '10px 14px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', ...styles?.header }}>\n        <p style={{ margin: 0, fontSize: 12, color: mutedFg, ...styles?.subtitle }}>\n           · Click a node or connection to explore details.\n        </p>\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)', ...styles?.controls }}>\n          <button onClick={() => setZoom((z) => Math.max(0.2, z - 0.15))} style={zBtnStyle}>−</button>\n          <button onClick={() => { setZoom(0.5); setPan({ x: 0, y: 0 }); }} style={{ ...zBtnStyle, fontSize: 11, width: 52, fontWeight: 600 }}>{Math.round(zoom * 100)}%</button>\n          <button onClick={() => setZoom((z) => Math.min(2.5, z + 0.15))} style={zBtnStyle}>+</button>\n        </div>\n      </div>\n\n      {/* Node info panel */}\n      {nodePopup && (() => {\n        const node = nodePopup.node;\n        const idx = clusterIdToIdx[node.cluster_id] ?? 0;\n        return (\n          <div style={{ position: 'absolute', top: 50, left: 14, zIndex: 20, width: '30%', minWidth: 280, borderRadius: 12, overflow: 'hidden', boxShadow: '0 2px 12px rgba(0,0,0,0.07)', border: `1px solid ${isDarkMode ? '#334155' : '#e2e8f0'}`, animation: 'cdg-slideDown 0.2s ease-out', ...styles?.nodePopup }}>\n            <div style={{ padding: '10px 14px', background: CL_GRAD[idx % CL_GRAD.length], color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'space-between', ...styles?.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 }}>{CL_ICON[idx % CL_ICON.length]}</span>\n                <div>\n                  <div style={{ fontSize: 9, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em', opacity: 0.75 }}>{graphData.clusters[idx]?.label || ''}</div>\n                  <div style={{ fontSize: 14, fontWeight: 700, marginTop: 1 }}>{node.label}</div>\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', ...styles?.popupCloseButton }}>×</button>\n            </div>\n            <div style={{ padding: '10px 14px', fontSize: 13, lineHeight: 1.6, color: isDarkMode ? '#cbd5e1' : '#475569', background: isDarkMode ? '#1e293b' : '#fff', ...styles?.nodePopupBody }}>\n              {node.description || 'No description available.'}\n            </div>\n          </div>\n        );\n      })()}\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: 50, left: 20, transition: isPanning ? 'none' : 'transform 0.08s ease-out' }}>\n          <svg width={graph.canvasW} height={graph.canvasH} style={{ overflow: 'visible' }}>\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\"\n                  fill={toSvgPaint(styles?.cluster?.backgroundColor ?? styles?.cluster?.background, isDarkMode ? 'rgba(30,41,59,0.35)' : 'none')}\n                  stroke={toSvgPaint(styles?.cluster?.borderColor ?? styles?.cluster?.border, isDarkMode ? '#334155' : '#e2e8f0')}\n                  strokeWidth=\"1.5\" strokeDasharray=\"8 4\" />\n                <text x={cb.x + 14} y={cb.y + cb.height - 10} fontSize=\"11\" fill={toSvgPaint(styles?.clusterLabel?.color, '#94a3b8')} fontFamily=\"Inter, sans-serif\" fontWeight=\"500\">{cb.label}</text>\n              </g>\n            ))}\n\n            {/* Edges */}\n            {graph.edges.map((edge) => {\n              const path = getEdgePath(edge, nodesMap, graph.edges);\n              if (!path) return null;\n              const isActive = activeEdges.has(edge.id);\n              const isPopup = edgePopup?.edge.id === edge.id;\n              const isHovered = hoveredEdge === edge.id;\n              const dimmed = !!selectedNode && !isActive;\n              const color = (isActive || isPopup)\n                ? (styles?.activeEdge?.color ?? styles?.activeEdge?.borderColor ?? '#6366f1')\n                : isHovered\n                  ? (styles?.edge?.color ?? '#818cf8')\n                  : (styles?.edge?.borderColor ?? styles?.edge?.color ?? (isDarkMode ? '#475569' : '#cbd5e1'));\n              const strokeW = (isActive || isPopup) ? 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} style={{ cursor: 'pointer' }}\n                    onClick={(e) => handleEdgeClick(e, edge)} onMouseEnter={() => setHoveredEdge(edge.id)} onMouseLeave={() => setHoveredEdge(null)} />\n                  <path d={path} fill=\"none\" stroke={color} strokeWidth={strokeW} style={{ transition: 'stroke 0.2s, stroke-width 0.2s', pointerEvents: 'none' }} />\n                  {(isActive || isPopup) && (\n                    <>\n                      <circle r={4} fill={styles?.edgeMarker?.color ?? styles?.activeEdge?.color ?? '#6366f1'}><animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" path={path} /></circle>\n                      <circle r={6} fill={styles?.edgeMarker?.color ?? styles?.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 = selectedNode === node.id;\n              const isConnected = connectedNodes.has(node.id);\n              const dimmed = !!selectedNode && !isConnected;\n              const idx = clusterIdToIdx[node.cluster_id] ?? 0;\n              const clusterIdx = idx % CL_BORDER_ACTIVE.length;\n              const cc = CL_BORDER_ACTIVE[clusterIdx];\n              return (\n                <g key={node.id} data-node=\"true\" onClick={(e) => handleNodeClick(e, node)} 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: styles?.node?.backgroundColor ?? styles?.node?.background ?? (isDarkMode ? '#1e293b' : '#fff'),\n                      border: isSelected\n                        ? (styles?.selectedNode?.border ?? `2.5px solid ${styles?.selectedNode?.borderColor ?? cc}`)\n                        : (styles?.node?.border ?? `1.5px solid ${styles?.node?.borderColor ?? (isDarkMode ? '#334155' : '#e2e8f0')}`),\n                      borderRadius: 10, padding: '8px 14px', fontSize: 13, fontWeight: 600,\n                      color: isDarkMode ? '#f1f5f9' : '#334155', fontFamily: \"'Inter', sans-serif\",\n                      display: 'flex', alignItems: 'center', gap: 8,\n                      boxShadow: isSelected\n                        ? (styles?.selectedNode?.boxShadow ?? `0 0 0 3px ${cc}33, 0 2px 8px rgba(0,0,0,0.4)`)\n                        : (styles?.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                      ...styles?.node,\n                      ...(isSelected ? styles?.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], ...styles?.nodeIcon }}>\n                        {CL_ICON[clusterIdx]}\n                      </span>\n                      <span style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{node.label}</span>\n                    </div>\n                  </foreignObject>\n                </g>\n              );\n            })}\n          </svg>\n        </div>\n\n        {/* Edge popup */}\n        {edgePopup && (\n          <div onClick={(e) => e.stopPropagation()} style={{\n            position: 'absolute', ...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 ${isDarkMode ? '#334155' : '#e2e8f0'}`, zIndex: 30, animation: 'cdg-popIn 0.18s ease-out', overflow: 'hidden', ...styles?.edgePopup,\n          }}>\n            <div style={{ padding: '12px 16px 10px', background: 'linear-gradient(135deg,#6366f1,#8b5cf6)', color: '#fff', ...styles?.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', ...styles?.edgePopupBody }}>\n              {edgePopup.edge.reasoning || 'No reasoning available.'}\n            </div>\n            <button onClick={() => setEdgePopup(null)} style={{ position: 'absolute', top: 8, right: 10, 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', ...styles?.popupCloseButton }}>×</button>\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        @keyframes cdg-popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes cdg-slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      `}</style>\n    </div>\n  );\n};\n\nexport default CitationDependencyGraph;\n"],"names":["NODE_W","NODE_H","CL_BG","CL_FG","CL_ICON","CL_BORDER_ACTIVE","CL_GRAD","CLUSTER_LABELS","computeGraph","graphData","clusters","Array","isArray","rawNodes","nodes","edges","positions","rawEdges","rawClusters","N","length","Map","idxOf","forEach","n","i","id","rank","pass","changed","e","nr","source","target","clusterCol","c","clusterGroups","cluster_id","push","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","data","isDarkMode","styles","useMemo","raw","uniqueClusters","Set","size","ceil","from","_","node","floor","graph_id","prompt_id","last_analyzed_at","Date","toISOString","keys","key","index","split","w","charAt","toUpperCase","slice","join","nodeId","description","deps","dep","depIdx","targetKey","dependent_on","reasoningText","reasoning","r","text","Boolean","String","score","Score","gap","dependency_type","convertRawData","graph","m","containerRef","useRef","pan","setPan","useState","zoom","setZoom","isPanning","setIsPanning","panStart","panOrigin","edgePopup","setEdgePopup","nodePopup","setNodePopup","hoveredEdge","setHoveredEdge","selectedNode","setSelectedNode","activeEdges","connectedNodes","ids","add","toLocaleString","hour","minute","hour12","day","month","year","handleWheel","useCallback","preventDefault","z","deltaY","useEffect","el","current","addEventListener","passive","removeEventListener","handlePointerDown","closest","clientX","clientY","currentTarget","style","cursor","handlePointerMove","handlePointerUp","toSvgPaint","value","fallback","bg","root","backgroundColor","background","fg","color","mutedFg","subtitle","zBtnStyle","border","borderRadius","fontSize","display","alignItems","justifyContent","fontWeight","controlButton","jsxs","position","fontFamily","overflow","children","top","left","right","zIndex","padding","header","jsx","margin","boxShadow","controls","onClick","minWidth","animation","nodePopupHeader","textTransform","letterSpacing","opacity","marginTop","popupCloseButton","lineHeight","nodePopupBody","ref","onPointerDown","onPointerMove","onPointerUp","onPointerLeave","transform","transformOrigin","transition","rx","fill","stroke","borderColor","strokeWidth","strokeDasharray","clusterLabel","path","isActive","has","isPopup","isHovered","dimmed","activeEdge","strokeW","stopPropagation","rect","getBoundingClientRect","screenX","screenY","handleEdgeClick","onMouseEnter","onMouseLeave","pointerEvents","Fragment","edgeMarker","dur","repeatCount","isSelected","isConnected","clusterIdx","cc","handleNodeClick","whiteSpace","userSelect","boxSizing","flexShrink","nodeIcon","textOverflow","h","getPopupPos","edgePopupHeader","edgePopupBody"],"mappings":"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"}
+{"version":3,"file":"CitationDependencyGraph.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("@mui/material/Dialog"),n=require("@mui/material/DialogContent"),r=require("@mui/material/IconButton"),i=require("@mui/icons-material"),s=require("@mui/material/Accordion"),a=require("@mui/material/AccordionSummary"),l=require("@mui/material/AccordionDetails"),d=require("@mui/icons-material/ExpandMore"),p=require("./_components/CodeEditor.js"),c=require("../../utils/themeManager.js"),f=require("./_components/Markdownrenderer.js"),h=require("@mui/material/Tooltip"),x=require("../SPBAnalysisPanel/DependencyGraph.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=g(t),m=g(o),y=g(n),b=g(r),k=g(s),j=g(a),S=g(l),w=g(d),C=g(h);function v(e){if(!e||"object"!=typeof e)return null;const t=["Context & Inputs","Core Logic & Rules","Outputs & Schema"];if(Array.isArray(e.nodes)&&Array.isArray(e.edges)){let o=e.nodes,n=Array.isArray(e.clusters)&&e.clusters.length>0?e.clusters:null;const r=new Set(o.map(e=>e.cluster_id));if(!n||r.size<=1){const e=Math.max(1,Math.min(3,Math.ceil(o.length/3)));n=Array.from({length:e},(e,o)=>({id:`cl_${o+1}`,label:t[o]||`Group ${o+1}`})),o=o.map((t,o)=>{const i=o%e,s=Math.floor(o/e);return{...t,cluster_id:n[i].id,x:t.x&&r.size>1?t.x:450*i+200,y:t.y&&r.size>1?t.y:180*s+100}})}return{graph_id:e.graph_id||"spb_graph",prompt_id:e.prompt_id||"",last_analyzed_at:e.last_analyzed_at||(new Date).toISOString(),clusters:n,nodes:o,edges:e.edges}}const o=Object.keys(e);if(0===o.length)return null;const n=o.length,r=Math.max(1,Math.min(3,Math.ceil(n/3))),i=Array.from({length:r},(e,o)=>({id:`cl_${o+1}`,label:t[o]||`Group ${o+1}`})),s=[],a=[];return o.forEach((t,o)=>{const n=o%r,l=Math.floor(o/r),d=i[n].id,p=450*n+200,c=180*l+100,f=t.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),h=`node_${t}`;s.push({id:h,label:f,cluster_id:d,x:p,y:c,description:`Section: ${f}`});const x=e[t];Array.isArray(x)&&x.forEach((e,o)=>{if(!e||"object"!=typeof e)return;const n=e.dependent_on;if(!n)return;const r=`node_${n}`;let i="";"string"==typeof e.reasoning?i=e.reasoning:Array.isArray(e.reasoning)?i=e.reasoning.map(e=>"string"==typeof e?e:e?.text||"").filter(Boolean).join(" "):e.reasoning?.text&&(i=String(e.reasoning.text)),a.push({id:`e_${t}_${n}_${o}`,source:h,target:r,reasoning:i||`Depends on ${n}`,score:"number"==typeof e.Score?e.Score:"number"==typeof e.score?e.score:80,gap:e.gap||"",dependency_type:e.dependency_type||"implicit"})})}),0===s.length?null:{graph_id:"spb_converted_graph",prompt_id:"",last_analyzed_at:(new Date).toISOString(),clusters:i,nodes:s,edges:a}}const I=({children:t,style:o})=>e.jsx("div",{style:{fontWeight:"700",fontSize:"0.9rem",color:"#1a1a1a",marginBottom:"0.6rem",fontFamily:"Plus Jakarta Sans, sans-serif",...o},children:t});exports.convertDependencyGraphData=v,exports.default=({prompt_title:o="Untitled",modename:n,description:r,customMetaData:s,chevronUpComponent:a,chevronDownComponent:l,editorHeight:d=480,editorWidth:h="100%",isDarkModeEnabled:g=!0,isDarkMode:A,startLine:T=8,endLine:F=12,constraints_and_rules:P,input_analysis:W,output_analysis:_,extraMetaData:B,showEditor:z=!0,alwaysFullscreen:L=!1,renderAsComponent:H=!1,isFpb:R=!0,isSpb:D=!1,spbFunctionality:M,showDependencyIcon:J=!1,onDependencyGraphOpen:E,onSectionClick:q,categoryFields:$,total_apbs:G,titleText:O,titleIcon:N,dependencyGraphIcon:V,dependencyGraphArrowIcon:U,whenToApplyIcon:Y,whenToApplyExpandIcon:Z,whenNotToApplyIcon:K,whenNotToApplyExpandIcon:Q,specificationsIcon:X,specificationsInfoIcon:ee,specificationsExpandIcon:te,styles:oe,defaultAccordionsExpanded:ne=!0,defaultWhenToApplyExpanded:re,defaultWhenNotToApplyExpanded:ie,defaultSpecificationsExpanded:se,defaultSpbFunctionalityExpanded:ae})=>{const le=A??oe?.isDarkMode??g,[de,pe]=t.useState(!1),[ce,fe]=t.useState(!1),[he,xe]=t.useState(!1),ge=t.useRef(null),[ue,me]=t.useState(L),[ye,be]=t.useState(!1),[ke,je]=t.useState({startIndex:-1,endIndex:-1}),[Se,we]=t.useState({}),[Ce,ve]=t.useState(()=>c.themeManager.getTheme(le));t.useEffect(()=>c.themeManager.subscribe(ve),[]);const Ie=O??s?.title??"Untitled Prompt",Ae=s?.description||r,Te=s?.prompt,Fe=s?.modename||n||"",Pe=Te.split("\n").length,We={startIndex:T,endIndex:F},_e=[{label:"Strict Rules",content:P},{label:"Input",content:W},{label:"Output",content:_}].filter(e=>e.content),Be=_e.length>0,ze=re??ne,Le=ie??ne,He=se??ne,Re=ae??ne,De=(e,t,o)=>({tooltip:{style:{backgroundColor:o,color:"#ffffff",fontFamily:"Plus Jakarta Sans, sans-serif",...oe?.tooltip,...e}},arrow:{style:{color:t?.color??e?.backgroundColor??oe?.tooltipArrow?.color??oe?.tooltip?.backgroundColor??o,...oe?.tooltipArrow,...t}}}),Me=e.jsx("div",{style:{display:"flex",gap:"2.5rem",borderTop:"1px solid #ebebeb",marginTop:"1rem",paddingTop:"1rem",fontSize:"0.875rem",fontWeight:"600",color:Ce?"#e2e8f0":"#333",fontFamily:"Plus Jakarta Sans, sans-serif",...oe?.footer,...oe?.previewStats},children:e.jsxs("span",{style:oe?.previewStatsItem,children:["Total Lines: ",Pe]})});t.useEffect(()=>{const e=ge.current;e&&xe(e.scrollHeight>e.clientHeight)},[Ae]);const Je=()=>{me(!1)},Ee=e.jsx(p.default,{startIndex:We.startIndex,endIndex:We.endIndex,language:"xml",editorHeight:"100%",editorWidth:"100%",code:Te,isHighlightingEnabled:!0,isDarkModeEnabled:Ce,highlightCodeStatsLine:ke,setHighlightCodeStatsLine:je,highlightCodeStatsVariable:Se,setHighlightCodeStatsVariable:we,isExpanded:de||ue,highlightIndexes:We}),qe=e.jsxs(e.Fragment,{children:[e.jsxs("div",{style:{width:z?"50%":"100%",padding:"2rem 2.25rem",display:"flex",flexDirection:"column",overflowY:"auto",borderRight:z?"1px solid #ebebeb":"none",boxSizing:"border-box",...oe?.leftPanel},children:[e.jsxs("div",{style:{marginBottom:"1.25rem",display:"flex",alignItems:"center",gap:"0.75rem",flexWrap:"nowrap"},children:[e.jsx(C.default,{title:e.jsx("span",{style:{...oe?.tooltipContent,...oe?.titleTooltipContent},children:Ie}),placement:"top",arrow:!0,componentsProps:De({fontSize:"0.75rem",maxWidth:320,padding:"6px 10px",...oe?.titleTooltip},oe?.titleTooltipArrow,Ce?"#21262d":"#1a1a1a"),children:e.jsxs("span",{style:{fontWeight:"700",fontSize:"1.05rem",color:Ce?"#ffffff":"#1a1a1a",fontFamily:"Plus Jakarta Sans, sans-serif",lineHeight:1.4,display:"flex",alignItems:"center",gap:"6px",minWidth:0,flexShrink:1,...oe?.title},children:[N??e.jsxs("svg",{width:oe?.titleIcon?.width??16,height:oe?.titleIcon?.height??16,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:oe?.titleIcon?.color??(Ce?"#ffffff":"#1a1a1a"),flexShrink:0},children:[e.jsx("path",{d:"M4 6C4 4.895 4.895 4 6 4H14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M4 6V18C4 19.105 4.895 20 6 20H18C19.105 20 20 19.105 20 18V10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"8",y1:"10",x2:"14",y2:"10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"8",y1:"13",x2:"11",y2:"13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"13",y1:"13",x2:"16",y2:"13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"8",y1:"16",x2:"14",y2:"16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M19 1 L19.9 3.6 L22.5 4.5 L19.9 5.4 L19 8 L18.1 5.4 L15.5 4.5 L18.1 3.6 Z",fill:"currentColor"})]}),e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:Ie.length>28?`${Ie.slice(0,28)}..`:Ie})]})}),R&&!D&&e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"4px",background:oe?.fpbBadge?.backgroundColor??(Ce?"#e2e8f0":"#1a1a1a"),borderRadius:"5px",padding:"2px 8px",fontSize:"0.72rem",fontWeight:"700",color:oe?.fpbBadge?.color??(Ce?"#0d1117":"#ffffff"),letterSpacing:"0.08em",fontFamily:"Plus Jakarta Sans, sans-serif",textTransform:"uppercase",flexShrink:0},children:["FPB",e.jsx(C.default,{title:e.jsxs("span",{style:{fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:oe?.fpbTooltip?.color??"#ffffff",...oe?.tooltipContent,...oe?.fpbTooltipContent},children:[e.jsx("strong",{children:"FPB (Functional Prompt Block):"})," A group of related prompt sections designed to perform a specific function or capability within the overall system prompt."]}),placement:"top",arrow:!0,componentsProps:De({maxWidth:280,padding:"8px 12px",...oe?.fpbTooltip},oe?.fpbTooltipArrow,"#1a1a1a"),children:e.jsx(i.InfoOutlined,{style:{fontSize:"0.85rem",color:oe?.fpbInfoIconColor??(Ce?"#1a1a1acc":"#ffffffcc"),cursor:"default"}})})]}),D&&e.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"4px",background:oe?.spbBadge?.backgroundColor??(Ce?"#e2e8f0":"#1a1a1a"),borderRadius:"5px",padding:"2px 8px",fontSize:"0.72rem",fontWeight:"700",color:oe?.spbBadge?.color??(Ce?"#0d1117":"#ffffff"),letterSpacing:"0.08em",fontFamily:"Plus Jakarta Sans, sans-serif",textTransform:"uppercase",flexShrink:0},children:["SPB",e.jsx(C.default,{title:e.jsxs("span",{style:{fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:oe?.spbTooltip?.color??"#ffffff",...oe?.tooltipContent,...oe?.spbTooltipContent},children:[e.jsx("strong",{children:"SPB (Shippable Prompt Block) :"})," is a complete system-level prompt that defines the overall behavior, instructions, guidelines, and context an AI system should follow when responding to users."]}),placement:"top",arrow:!0,componentsProps:De({maxWidth:280,padding:"8px 12px",...oe?.spbTooltip},oe?.spbTooltipArrow,"#1a1a1a"),children:e.jsx(i.InfoOutlined,{style:{fontSize:"0.85rem",color:oe?.spbInfoIconColor??(Ce?"#1a1a1acc":"#ffffffcc"),cursor:"default"}})})]}),Fe&&e.jsx("span",{style:{fontSize:"0.72rem",color:"#666",background:"#f0f0f0",borderRadius:"4px",padding:"1px 6px"},children:Fe}),J&&e.jsx("div",{style:{flex:1}}),J&&e.jsx(C.default,{title:e.jsx("span",{style:{fontSize:"0.7rem",fontFamily:"Plus Jakarta Sans, sans-serif",...oe?.tooltipContent,...oe?.dependencyGraphTooltipContent},children:"Open dependency graph"}),placement:"top",arrow:!0,componentsProps:De({padding:"5px 10px",...oe?.dependencyGraphTooltip},oe?.dependencyGraphTooltipArrow,Ce?"#21262d":"#1a1a1a"),children:e.jsxs("button",{onClick:e=>{e.stopPropagation(),E?.("show dependency graph")},style:{display:"inline-flex",alignItems:"center",gap:"5px",padding:"4px 10px 4px 8px",borderRadius:"8px",border:"1px solid "+(Ce?"#30363d":"#d0d7de"),background:Ce?"#21262d":"#f6f8fa",color:Ce?"#e2e8f0":"#24292f",fontSize:"0.78rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",cursor:"pointer",flexShrink:0,whiteSpace:"nowrap",...oe?.dependencyGraphButton},children:[V??e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12px",height:"12px",viewBox:"0 0 48 48",fill:"none",children:[e.jsx("path",{d:"M24 33V15",stroke:oe?.dependencyGraphIconStroke??"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"10",y:"9",width:"28",height:"6",fill:oe?.dependencyGraphIconFill??"#2F88FF",stroke:oe?.dependencyGraphIconStroke??"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8 32L14 25H33.9743L40 32",stroke:oe?.dependencyGraphIconStroke??"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"4",y:"33",width:"8",height:"8",fill:oe?.dependencyGraphIconFill??"#2F88FF",stroke:oe?.dependencyGraphIconStroke??"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"20",y:"33",width:"8",height:"8",fill:oe?.dependencyGraphIconFill??"#2F88FF",stroke:oe?.dependencyGraphIconStroke??"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"36",y:"33",width:"8",height:"8",fill:oe?.dependencyGraphIconFill??"#2F88FF",stroke:oe?.dependencyGraphIconStroke??"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})]}),"Graph",U??e.jsxs("svg",{width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),e.jsx("polyline",{points:"12 5 19 12 12 19"})]})]})})]}),Ae&&e.jsxs("div",{style:{border:`1px solid ${oe?.descriptionCard?.borderColor??"transparent"}`,borderRadius:oe?.descriptionCard?.borderRadius??"8px",padding:oe?.descriptionCard?.padding??"14px 16px",backgroundColor:oe?.descriptionCard?.backgroundColor??"transparent",marginBottom:"1.5rem"},children:[e.jsx("div",{style:{fontWeight:"700",fontSize:"0.95rem",fontFamily:"Plus Jakarta Sans, sans-serif",marginBottom:"8px",color:Ce?"#ffffff":"#111827",...oe?.descriptionHeading},children:"Prompt Overview"}),e.jsxs("div",{style:{position:"relative"},children:[e.jsx("p",{ref:ge,style:{fontSize:"0.875rem",lineHeight:"1.7",margin:0,fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#c9d1d9":"#444",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:ce?"unset":4,overflow:ce?"visible":"hidden",...oe?.description},children:Ae}),he&&!ce&&e.jsx("button",{onClick:()=>fe(!0),style:{position:"absolute",bottom:0,right:0,background:`linear-gradient(to right, transparent, ${Ce?"#0d1117":"#ffffff"} 40%)`,border:"none",paddingLeft:"2rem",paddingRight:0,cursor:"pointer",fontSize:"0.875rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#7dd3fc":"#2563eb",lineHeight:"1.7",...oe?.descriptionMoreButton},children:"...more"}),ce&&e.jsx("button",{onClick:()=>fe(!1),style:{background:"none",border:"none",padding:"2px 0 0",cursor:"pointer",fontSize:"0.875rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#7dd3fc":"#2563eb",display:"block",...oe?.descriptionLessButton},children:"less"})]})]}),$&&$.length>0&&e.jsx("div",{style:{display:"flex",flexWrap:"wrap",borderTop:"1px solid "+(Ce?"#ffffff18":"#1a1a1a18"),borderBottom:"1px solid "+(Ce?"#ffffff18":"#1a1a1a18"),marginBottom:"1.5rem",...oe?.categoryRow},children:$.map((t,o)=>e.jsxs(u.default.Fragment,{children:[o>0&&e.jsx("div",{style:{width:"1px",alignSelf:"stretch",background:Ce?"#ffffff18":"#1a1a1a18",...oe?.categoryDivider}}),e.jsxs("div",{style:{flex:"1 1 120px",padding:"12px 16px",...oe?.categoryItem},children:[e.jsx("div",{style:{fontSize:"0.72rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#8b949e":"#6b7280",marginBottom:"4px",...oe?.categoryLabel},children:t.label}),e.jsx("div",{style:{fontSize:"0.875rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#e2e8f0":"#111827",...oe?.categoryValue},children:t.value})]})]},o))}),""!==s?.when_to_apply&&e.jsxs(k.default,{defaultExpanded:ze,style:{marginBottom:"1rem",border:`1px solid ${oe?.whenToApplyAccordion?.borderColor??(Ce?"#ffffff18":"#1a1a1a18")}`,borderRadius:"28px !important",boxShadow:"none",background:"transparent",...oe?.whenToApplyAccordion},children:[e.jsx(j.default,{expandIcon:Z??e.jsx(w.default,{style:{color:oe?.whenAccordionChevronColor??(Ce?"#e2e8f0":"#374151")}}),style:{minHeight:"36px",padding:"0 12px",background:"transparent",...oe?.whenToApplyHeader},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"50%",border:`1.5px solid ${oe?.whenToApplyIconColor??"#4ade80"}`,flexShrink:0,...oe?.whenToApplyIconCircle},children:Y??e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",children:e.jsx("g",{id:"Complete",children:e.jsx("g",{id:"tick",children:e.jsx("polyline",{fill:"none",points:"3.7 14.3 9.6 19 20.3 5",stroke:oe?.whenToApplyIconColor??"#4ade80",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})})})})}),e.jsx("span",{style:{fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#e2e8f0":"#111827",...oe?.whenToApplyTitle},children:"When to apply"})]})}),e.jsx(S.default,{style:{padding:"12px 16px",background:oe?.whenToApplyContent?.backgroundColor??(Ce?"#ffffff08":"#1a1a1a06"),...oe?.whenToApplyContent},children:e.jsx(f.MarkdownRenderer,{message:s?.when_to_apply,style:oe?.markdownRenderer,codeStyle:oe?.markdownCode,preStyle:oe?.markdownPre,blockquoteStyle:oe?.markdownBlockquote,syntaxHighlighterTheme:oe?.syntaxHighlighterTheme,cognitiveDecisioningStyles:oe?.cognitiveDecisioning})})]}),""!==s?.when_not_to_apply&&e.jsxs(k.default,{defaultExpanded:Le,style:{marginBottom:"1rem",border:`1px solid ${oe?.whenNotToApplyAccordion?.borderColor??(Ce?"#ffffff18":"#1a1a1a18")}`,borderRadius:"8px !important",boxShadow:"none",background:"transparent",...oe?.whenNotToApplyAccordion},children:[e.jsx(j.default,{expandIcon:Q??e.jsx(w.default,{style:{color:oe?.whenAccordionChevronColor??(Ce?"#e2e8f0":"#374151")}}),style:{minHeight:"36px",padding:"0 12px",background:"transparent",...oe?.whenNotToApplyHeader},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"50%",border:`1.5px solid ${oe?.whenNotToApplyIconColor??"#f87171"}`,flexShrink:0,...oe?.whenNotToApplyIconCircle},children:K??e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",children:e.jsx("path",{d:"M19 5L5 19M5.00001 5L19 19",stroke:oe?.whenNotToApplyIconColor??"#f87171",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}),e.jsx("span",{style:{fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#e2e8f0":"#111827",...oe?.whenNotToApplyTitle},children:"When not to apply"})]})}),e.jsx(S.default,{style:{padding:"12px 16px",background:oe?.whenNotToApplyContent?.backgroundColor??(Ce?"#ffffff08":"#1a1a1a06"),...oe?.whenNotToApplyContent},children:e.jsx(f.MarkdownRenderer,{message:s?.when_not_to_apply,style:oe?.markdownRenderer,codeStyle:oe?.markdownCode,preStyle:oe?.markdownPre,blockquoteStyle:oe?.markdownBlockquote,syntaxHighlighterTheme:oe?.syntaxHighlighterTheme,cognitiveDecisioningStyles:oe?.cognitiveDecisioning})})]}),Be&&e.jsxs(k.default,{defaultExpanded:He,style:{marginBottom:"1rem",border:`1px solid ${oe?.specificationsSection?.borderColor??(Ce?"#ffffff18":"#1a1a1a18")}`,borderRadius:"8px",boxShadow:"none",background:"transparent",...oe?.specificationsSection},children:[e.jsx(j.default,{expandIcon:te??e.jsx(w.default,{style:{color:oe?.specificationsExpandIconColor??(Ce?"#e2e8f0":"#374151")}}),style:{minHeight:"36px",padding:"0 12px",background:"transparent"},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"10px"},children:[e.jsx("span",{style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"18px",height:"18px",borderRadius:"5px",flexShrink:0},children:X??e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"#ffffff",children:[e.jsx("rect",{x:"4.5",y:"3.5",width:"15",height:"17",rx:"1.5",stroke:"#ffffff","stroke-width":"1.7"}),e.jsx("path",{d:"M8 8H16",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"}),e.jsx("path",{d:"M8 11.5H16",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"}),e.jsx("path",{d:"M8 15H13.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})]})}),e.jsx("span",{style:{fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#e2e8f0":"#111827",...oe?.specificationsTitle},children:"Specifications"}),e.jsx(C.default,{title:e.jsxs("span",{style:{fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:oe?.specificationsTooltip?.color??"#ffffff",...oe?.tooltipContent,...oe?.specificationsTooltipContent},children:[e.jsx("strong",{children:"Specifications:"})," Specifications are the details that define a prompt’s guidelines, expected inputs, expected outputs, and constraints or rules."]}),placement:"top",arrow:!0,componentsProps:De({maxWidth:280,padding:"8px 12px",...oe?.specificationsTooltip},oe?.specificationsTooltipArrow,"#1a1a1a"),children:e.jsx("span",{children:ee??e.jsx(i.InfoOutlined,{style:{fontSize:"0.95rem",color:Ce?"#aaaaaa":"#666666",cursor:"default"}})})})]})}),e.jsx(S.default,{style:{padding:"12px 16px",background:oe?.specificationsDetails?.backgroundColor??(Ce?"#ffffff08":"#1a1a1a06"),display:"flex",flexDirection:"column",gap:"12px",...oe?.specificationsDetails},children:_e.map(({label:t,content:o})=>e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:"0.72rem",fontWeight:"700",color:"#6B7280",textTransform:"uppercase",letterSpacing:"0.06em",marginBottom:"0.3rem",fontFamily:"Plus Jakarta Sans, sans-serif",...oe?.specificationsItemLabel},children:t}),e.jsx(f.MarkdownRenderer,{message:o,fontSize:"0.83rem",style:oe?.markdownRenderer,codeStyle:oe?.markdownCode,preStyle:oe?.markdownPre,blockquoteStyle:oe?.markdownBlockquote,syntaxHighlighterTheme:oe?.syntaxHighlighterTheme,cognitiveDecisioningStyles:oe?.cognitiveDecisioning})]},t))})]}),s?.sections&&s.sections.length>0&&e.jsxs("div",{style:{marginBottom:"1.5rem",marginTop:"0.6rem"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"5px",marginBottom:"0.6rem",marginTop:"0.4rem"},children:[e.jsx(I,{style:{...oe?.sectionLabel,marginBottom:0},children:"APB's"}),e.jsx(C.default,{title:e.jsxs("span",{style:{fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:oe?.apbTooltip?.color??oe?.fpbTooltip?.color??"#ffffff",...oe?.tooltipContent,...oe?.apbTooltipContent},children:[e.jsx("strong",{children:"APB (Atomic Prompt Block):"})," A self-contained prompt unit that handles one specific instruction, rule, or behavior within a Functional Prompt Block."]}),placement:"top",arrow:!0,componentsProps:De({maxWidth:280,padding:"8px 12px",...oe?.apbTooltip??oe?.fpbTooltip},oe?.apbTooltipArrow??oe?.fpbTooltipArrow,"#1a1a1a"),children:e.jsx(i.InfoOutlined,{style:{fontSize:"0.95rem",color:Ce?"#aaaaaa":"#666666",cursor:"default"}})})]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:"6px"},children:s.sections.map(t=>e.jsxs("div",{style:{border:`1px solid ${oe?.sectionItem?.borderColor??(Ce?"#ffffff22":"#1a1a1a22")}`,borderRadius:"8px",padding:"10px 14px"},children:[e.jsxs("div",{onClick:()=>q?.(t.title),style:{fontSize:"0.83rem",fontWeight:"600",color:oe?.sectionItem?.titleColor??(Ce?"#e2e8f0":"#111827"),fontFamily:"Plus Jakarta Sans, sans-serif",cursor:q?"pointer":"default",marginBottom:"4px",display:"inline-flex",alignItems:"center",gap:"5px"},children:[e.jsxs("span",{style:{fontSize:"0.68rem",fontWeight:"700",color:oe?.sectionItem?.orderColor??(Ce?"#6e7681":"#9CA3AF"),fontFamily:"Plus Jakarta Sans, sans-serif",minWidth:"16px",flexShrink:0},children:[t.order,"."]}),e.jsx("span",{style:{textDecoration:q?"underline":"none",textDecorationColor:oe?.sectionItem?.titleColor??(Ce?"#e2e8f0":"#111827"),textUnderlineOffset:"3px"},children:t.title}),q&&e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,opacity:.5},children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]})]}),e.jsx("div",{style:{fontSize:"0.76rem",color:oe?.sectionItem?.descriptionColor??(Ce?"#8b949e":"#6B7280"),fontFamily:"Plus Jakarta Sans, sans-serif",lineHeight:1.55,paddingLeft:"22px"},children:t.description})]},t.order))})]}),M&&e.jsxs(k.default,{defaultExpanded:Re,style:{marginBottom:"1rem",marginTop:"0.6rem",border:`1px solid ${oe?.spbSection?.borderColor??(Ce?"#ffffff18":"#1a1a1a18")}`,borderRadius:"8px",boxShadow:"none",background:"transparent",...oe?.spbSection},children:[e.jsx(j.default,{expandIcon:e.jsx(w.default,{style:{color:oe?.spbChevronColor??(Ce?"#e2e8f0":"#374151")}}),style:{minHeight:"36px",padding:"0 12px",background:"transparent",...oe?.spbSectionHeader},children:e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"8px"},children:[e.jsxs("span",{style:{fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:Ce?"#e2e8f0":"#111827",...oe?.spbSectionTitle},children:["SPB Functionalities (",M.total_functionalities,")"]}),e.jsx("span",{style:{color:Ce?"#6e7681":"#9CA3AF",fontSize:"0.75rem"},children:"•"}),e.jsxs("span",{style:{fontSize:"0.78rem",fontWeight:"500",color:Ce?"#6e7681":"#9CA3AF",fontFamily:"Plus Jakarta Sans, sans-serif"},children:[M.total_apbs_identified," APBs"]})]})}),e.jsx(S.default,{style:{padding:"10px 12px",background:oe?.spbSectionContent?.backgroundColor??"transparent",display:"flex",flexDirection:"column",gap:"8px",...oe?.spbSectionContent},children:M.functionality_analysis.map((t,o)=>e.jsxs("div",{style:{border:`1px solid ${oe?.spbFunctionalityItem?.borderColor??(Ce?"#ffffff14":"#1a1a1a14")}`,borderRadius:"10px",overflow:"hidden",padding:"4px",background:oe?.spbFunctionalityItem?.backgroundColor??(Ce?"#ffffff04":"#1a1a1a03"),...oe?.spbFunctionalityItem},children:[e.jsxs("div",{style:{padding:"12px 14px",borderRadius:"12px",background:oe?.spbFunctionalityItemInner?.backgroundColor??(Ce?"#ffffff08":"#1a1a1a07"),borderBottom:`1px solid ${oe?.spbFunctionalityItemInner?.borderColor??(Ce?"#ffffff10":"#1a1a1a10")}`,...oe?.spbFunctionalityItemInner},children:[e.jsxs("div",{style:{fontSize:"0.85rem",fontWeight:"700",color:Ce?"#e2e8f0":"#111827",fontFamily:"Plus Jakarta Sans, sans-serif",marginBottom:"6px",lineHeight:1.4,...oe?.spbFunctionalityItemName},children:[o+1,". ",t.name]}),e.jsx(f.MarkdownRenderer,{message:t.description,fontSize:"0.78rem",style:{lineHeight:1.6,color:Ce?"#8b949e":"#6B7280",...oe?.spbFunctionalityItemDescription??{}},codeStyle:oe?.markdownCode,preStyle:oe?.markdownPre,blockquoteStyle:oe?.markdownBlockquote,syntaxHighlighterTheme:oe?.syntaxHighlighterTheme,cognitiveDecisioningStyles:oe?.cognitiveDecisioning})]}),t.apb_references&&t.apb_references.length>0&&e.jsxs("div",{style:{display:"flex",alignItems:"center",flexWrap:"wrap",gap:"6px",padding:"8px 14px",...oe?.spbApbReferencesRow},children:[e.jsx("span",{style:{fontSize:"0.68rem",fontWeight:"500",color:Ce?"#6e7681":"#9CA3AF",fontFamily:"Plus Jakarta Sans, sans-serif",flexShrink:0,...oe?.spbApbReferencesLabel},children:"apb references:"}),t.apb_references.map((t,o)=>e.jsx(C.default,{title:e.jsx("span",{style:{fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:oe?.spbApbReferenceTooltip?.color??oe?.spbTooltip?.color??"#ffffff",...oe?.tooltipContent,...oe?.spbApbReferenceTooltipContent},children:t.context}),placement:"top",arrow:!0,componentsProps:De({maxWidth:240,padding:"6px 10px",...oe?.spbApbReferenceTooltip??oe?.spbTooltip},oe?.spbApbReferenceTooltipArrow??oe?.spbTooltipArrow,"#1a1a1a"),children:e.jsx("span",{style:{display:"inline-flex",alignItems:"center",fontSize:"0.7rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",padding:"3px 10px",borderRadius:"6px",background:Ce?"#ffffff0d":"#1a1a1a08",color:Ce?"#c9d1d9":"#374151",cursor:"default",border:"1px solid "+(Ce?"#ffffff18":"#1a1a1a14"),...oe?.spbApbReference},children:e.jsx("span",{style:{...oe?.spbApbReferenceLabel},children:t.apb_name})})},o))]})]},o))})]}),!z&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{flex:1}}),Me]})]}),z&&e.jsxs("div",{style:{width:"50%",padding:"1.75rem",display:"flex",flexDirection:"column",overflow:"hidden",boxSizing:"border-box",...oe?.rightPanel},children:[e.jsx("div",{style:{fontWeight:"700",fontSize:"1rem",marginBottom:"1rem",color:"#1a1a1a",fontFamily:"Plus Jakarta Sans, sans-serif"},children:"Prompt Preview"}),e.jsx("div",{style:{flex:1,border:"1px solid #e0e0e0",borderRadius:"0.875rem",overflow:"hidden",minHeight:0},children:Ee}),Me]})]});return e.jsxs("div",{style:oe?.root,children:[H?e.jsx("div",{style:{display:"flex",width:"100%",fontFamily:"Plus Jakarta Sans, sans-serif",overflow:"hidden",...oe?.dialog},children:qe}):e.jsxs(m.default,{open:ue||L,onClose:Je,maxWidth:"xl",fullWidth:!0,PaperProps:{style:{borderRadius:"1rem",fontFamily:"Plus Jakarta Sans, sans-serif",height:"90vh",maxHeight:"90vh",overflow:"hidden",...oe?.dialog}},children:[e.jsx(b.default,{onClick:Je,size:"small",style:{position:"absolute",top:10,right:12,zIndex:20},children:e.jsx(i.Close,{fontSize:"small"})}),e.jsx(y.default,{style:{padding:0,display:"flex",height:"100%",overflow:"hidden"},children:qe})]}),ye&&s?.dependency_graph&&e.jsxs(m.default,{open:ye,onClose:()=>be(!1),maxWidth:"xl",fullWidth:!0,PaperProps:{style:{borderRadius:"1rem",height:"90vh",maxHeight:"90vh",overflow:"hidden",...oe?.graphDialog}},children:[e.jsx(b.default,{onClick:()=>be(!1),size:"small",style:{position:"absolute",top:10,right:12,zIndex:20},children:e.jsx(i.Close,{fontSize:"small"})}),e.jsx(y.default,{style:{padding:"1rem",height:"100%",overflow:"hidden",boxSizing:"border-box"},children:e.jsx(x.default,{data:v(s.dependency_graph),isDarkMode:Ce})})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),o=require("@mui/material/Dialog"),l=require("@mui/material/DialogContent"),t=require("@mui/material/IconButton"),s=require("@mui/icons-material"),r=require("@mui/material/Accordion"),a=require("@mui/material/AccordionSummary"),d=require("@mui/material/AccordionDetails"),p=require("@mui/icons-material/ExpandMore"),c=require("./_components/CodeEditor.js"),u=require("../../utils/themeManager.js"),f=require("./_components/Markdownrenderer.js"),g=require("@mui/material/Tooltip"),v=require("../SPBAnalysisPanel/DependencyGraph.js");function h(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var x=h(i),_=h(o),m=h(l),y=h(t),b=h(r),k=h(a),j=h(d),S=h(p),w=h(g);function C(e){if(!e||"object"!=typeof e)return null;var i=["Context & Inputs","Core Logic & Rules","Outputs & Schema"];if(Array.isArray(e.nodes)&&Array.isArray(e.edges)){var o=e.nodes,l=Array.isArray(e.clusters)&&e.clusters.length>0?e.clusters:null,t=new Set(o.map(function(n){return n.cluster_id}));if(!l||t.size<=1){var s=Math.max(1,Math.min(3,Math.ceil(o.length/3)));l=Array.from({length:s},function(n,e){return{id:"cl_".concat(e+1),label:i[e]||"Group ".concat(e+1)}}),o=o.map(function(e,i){var o=i%s,r=Math.floor(i/s);return n.__assign(n.__assign({},e),{cluster_id:l[o].id,x:e.x&&t.size>1?e.x:450*o+200,y:e.y&&t.size>1?e.y:180*r+100})})}return{graph_id:e.graph_id||"spb_graph",prompt_id:e.prompt_id||"",last_analyzed_at:e.last_analyzed_at||(new Date).toISOString(),clusters:l,nodes:o,edges:e.edges}}var r=Object.keys(e);if(0===r.length)return null;var a=r.length,d=Math.max(1,Math.min(3,Math.ceil(a/3))),p=Array.from({length:d},function(n,e){return{id:"cl_".concat(e+1),label:i[e]||"Group ".concat(e+1)}}),c=[],u=[];return r.forEach(function(n,i){var o=i%d,l=Math.floor(i/d),t=p[o].id,s=450*o+200,r=180*l+100,a=n.split("_").map(function(n){return n.charAt(0).toUpperCase()+n.slice(1)}).join(" "),f="node_".concat(n);c.push({id:f,label:a,cluster_id:t,x:s,y:r,description:"Section: ".concat(a)});var g=e[n];Array.isArray(g)&&g.forEach(function(e,i){var o;if(e&&"object"==typeof e){var l=e.dependent_on;if(l){var t="node_".concat(l),s="";"string"==typeof e.reasoning?s=e.reasoning:Array.isArray(e.reasoning)?s=e.reasoning.map(function(n){return"string"==typeof n?n:(null==n?void 0:n.text)||""}).filter(Boolean).join(" "):(null===(o=e.reasoning)||void 0===o?void 0:o.text)&&(s=String(e.reasoning.text)),u.push({id:"e_".concat(n,"_").concat(l,"_").concat(i),source:f,target:t,reasoning:s||"Depends on ".concat(l),score:"number"==typeof e.Score?e.Score:"number"==typeof e.score?e.score:80,gap:e.gap||"",dependency_type:e.dependency_type||"implicit"})}}})}),0===c.length?null:{graph_id:"spb_converted_graph",prompt_id:"",last_analyzed_at:(new Date).toISOString(),clusters:p,nodes:c,edges:u}}var I=function(i){var o=i.children,l=i.style;return e.jsx("div",n.__assign({style:n.__assign({fontWeight:"700",fontSize:"0.9rem",color:"#1a1a1a",marginBottom:"0.6rem",fontFamily:"Plus Jakarta Sans, sans-serif"},l)},{children:o}))};exports.convertDependencyGraphData=C,exports.default=function(o){var l,t,r,a,d,p,g,h,A,T,F,P,W,B,z,L,H,R,D,M,J,q,E,G,O,N,V,U,Y,Z,K,Q,X,$,nn,en,on,ln,tn,sn,rn,an,dn,pn,cn,un,fn,gn,vn,hn,xn,_n,mn,yn,bn,kn,jn,Sn,wn,Cn,In,An,Tn,Fn,Pn,Wn,Bn,zn,Ln,Hn,Rn,Dn,Mn;o.prompt_title;var Jn=o.modename,qn=o.description,En=o.customMetaData;o.chevronUpComponent,o.chevronDownComponent,o.editorHeight,o.editorWidth;var Gn=o.isDarkModeEnabled,On=void 0===Gn||Gn,Nn=o.isDarkMode,Vn=o.startLine,Un=void 0===Vn?8:Vn,Yn=o.endLine,Zn=void 0===Yn?12:Yn,Kn=o.constraints_and_rules,Qn=o.input_analysis,Xn=o.output_analysis;o.extraMetaData;var $n=o.showEditor,ne=void 0===$n||$n,ee=o.alwaysFullscreen,ie=void 0!==ee&&ee,oe=o.renderAsComponent,le=void 0!==oe&&oe,te=o.isFpb,se=void 0===te||te,re=o.isSpb,ae=void 0!==re&&re,de=o.spbFunctionality,pe=o.showDependencyIcon,ce=void 0!==pe&&pe,ue=o.onDependencyGraphOpen,fe=o.onSectionClick,ge=o.categoryFields,ve=o.total_apbs,he=o.titleText,xe=o.titleIcon,_e=o.dependencyGraphIcon,me=o.dependencyGraphArrowIcon,ye=o.whenToApplyIcon,be=o.whenToApplyExpandIcon,ke=o.whenNotToApplyIcon,je=o.whenNotToApplyExpandIcon,Se=o.specificationsIcon,we=o.specificationsInfoIcon,Ce=o.specificationsExpandIcon,Ie=o.styles,Ae=o.defaultAccordionsExpanded,Te=void 0===Ae||Ae,Fe=o.defaultWhenToApplyExpanded,Pe=o.defaultWhenNotToApplyExpanded,We=o.defaultSpecificationsExpanded,Be=o.defaultSpbFunctionalityExpanded,ze=null!==(l=null!=Nn?Nn:null==Ie?void 0:Ie.isDarkMode)&&void 0!==l?l:On,Le=i.useState(!1),He=Le[0];Le[1];var Re=i.useState(!1),De=Re[0],Me=Re[1],Je=i.useState(!1),qe=Je[0],Ee=Je[1],Ge=i.useRef(null),Oe=i.useState(ie),Ne=Oe[0],Ve=Oe[1],Ue=i.useState(!1),Ye=Ue[0],Ze=Ue[1],Ke=i.useState({startIndex:-1,endIndex:-1}),Qe=Ke[0],Xe=Ke[1],$e=i.useState({}),ni=$e[0],ei=$e[1],ii=i.useState(function(){return u.themeManager.getTheme(ze)}),oi=ii[0],li=ii[1];i.useEffect(function(){return u.themeManager.subscribe(li)},[]);var ti=null!==(t=null!=he?he:null==En?void 0:En.title)&&void 0!==t?t:"Untitled Prompt",si=(null==En?void 0:En.description)||qn,ri=null==En?void 0:En.prompt,ai=(null==En?void 0:En.modename)||Jn||"";null==En||En.citation_number;var di=ri.split("\n").length;null!=ve||(null===(r=null==En?void 0:En.sections)||void 0===r||r.length);var pi={startIndex:Un,endIndex:Zn},ci=[{label:"Strict Rules",content:Kn},{label:"Input",content:Qn},{label:"Output",content:Xn}].filter(function(n){return n.content}),ui=ci.length>0,fi=null!=Fe?Fe:Te,gi=null!=Pe?Pe:Te,vi=null!=We?We:Te,hi=null!=Be?Be:Te,xi=function(e,i,o){var l,t,s,r,a,d;return{tooltip:{style:n.__assign(n.__assign({backgroundColor:o,color:"#ffffff",fontFamily:"Plus Jakarta Sans, sans-serif"},null==Ie?void 0:Ie.tooltip),e)},arrow:{style:n.__assign(n.__assign({color:null!==(d=null!==(r=null!==(t=null!==(l=null==i?void 0:i.color)&&void 0!==l?l:null==e?void 0:e.backgroundColor)&&void 0!==t?t:null===(s=null==Ie?void 0:Ie.tooltipArrow)||void 0===s?void 0:s.color)&&void 0!==r?r:null===(a=null==Ie?void 0:Ie.tooltip)||void 0===a?void 0:a.backgroundColor)&&void 0!==d?d:o},null==Ie?void 0:Ie.tooltipArrow),i)}}},_i=e.jsx("div",n.__assign({style:n.__assign(n.__assign({display:"flex",gap:"2.5rem",borderTop:"1px solid #ebebeb",marginTop:"1rem",paddingTop:"1rem",fontSize:"0.875rem",fontWeight:"600",color:oi?"#e2e8f0":"#333",fontFamily:"Plus Jakarta Sans, sans-serif"},null==Ie?void 0:Ie.footer),null==Ie?void 0:Ie.previewStats)},{children:e.jsxs("span",n.__assign({style:null==Ie?void 0:Ie.previewStatsItem},{children:["Total Lines: ",di]}))}));i.useEffect(function(){var n=Ge.current;n&&Ee(n.scrollHeight>n.clientHeight)},[si]);var mi=function(){Ve(!1)},yi=e.jsx(c.default,{startIndex:pi.startIndex,endIndex:pi.endIndex,language:"xml",editorHeight:"100%",editorWidth:"100%",code:ri,isHighlightingEnabled:!0,isDarkModeEnabled:oi,highlightCodeStatsLine:Qe,setHighlightCodeStatsLine:Xe,highlightCodeStatsVariable:ni,setHighlightCodeStatsVariable:ei,isExpanded:He||Ne,highlightIndexes:pi}),bi=e.jsxs(e.Fragment,{children:[e.jsxs("div",n.__assign({style:n.__assign({width:ne?"50%":"100%",padding:"2rem 2.25rem",display:"flex",flexDirection:"column",overflowY:"auto",borderRight:ne?"1px solid #ebebeb":"none",boxSizing:"border-box"},null==Ie?void 0:Ie.leftPanel)},{children:[e.jsxs("div",n.__assign({style:{marginBottom:"1.25rem",display:"flex",alignItems:"center",gap:"0.75rem",flexWrap:"nowrap"}},{children:[e.jsx(w.default,n.__assign({title:e.jsx("span",n.__assign({style:n.__assign(n.__assign({},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.titleTooltipContent)},{children:ti})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({fontSize:"0.75rem",maxWidth:320,padding:"6px 10px"},null==Ie?void 0:Ie.titleTooltip),null==Ie?void 0:Ie.titleTooltipArrow,oi?"#21262d":"#1a1a1a")},{children:e.jsxs("span",n.__assign({style:n.__assign({fontWeight:"700",fontSize:"1.05rem",color:oi?"#ffffff":"#1a1a1a",fontFamily:"Plus Jakarta Sans, sans-serif",lineHeight:1.4,display:"flex",alignItems:"center",gap:"6px",minWidth:0,flexShrink:1},null==Ie?void 0:Ie.title)},{children:[null!=xe?xe:e.jsxs("svg",n.__assign({width:null!==(d=null===(a=null==Ie?void 0:Ie.titleIcon)||void 0===a?void 0:a.width)&&void 0!==d?d:16,height:null!==(g=null===(p=null==Ie?void 0:Ie.titleIcon)||void 0===p?void 0:p.height)&&void 0!==g?g:16,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{color:null!==(A=null===(h=null==Ie?void 0:Ie.titleIcon)||void 0===h?void 0:h.color)&&void 0!==A?A:oi?"#ffffff":"#1a1a1a",flexShrink:0}},{children:[e.jsx("path",{d:"M4 6C4 4.895 4.895 4 6 4H14",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M4 6V18C4 19.105 4.895 20 6 20H18C19.105 20 20 19.105 20 18V10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"8",y1:"10",x2:"14",y2:"10",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"8",y1:"13",x2:"11",y2:"13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"13",y1:"13",x2:"16",y2:"13",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("line",{x1:"8",y1:"16",x2:"14",y2:"16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),e.jsx("path",{d:"M19 1 L19.9 3.6 L22.5 4.5 L19.9 5.4 L19 8 L18.1 5.4 L15.5 4.5 L18.1 3.6 Z",fill:"currentColor"})]})),e.jsx("span",n.__assign({style:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},{children:ti.length>28?"".concat(ti.slice(0,28),".."):ti}))]}))})),se&&!ae&&e.jsxs("span",n.__assign({style:{display:"inline-flex",alignItems:"center",gap:"4px",background:null!==(F=null===(T=null==Ie?void 0:Ie.fpbBadge)||void 0===T?void 0:T.backgroundColor)&&void 0!==F?F:oi?"#e2e8f0":"#1a1a1a",borderRadius:"5px",padding:"2px 8px",fontSize:"0.72rem",fontWeight:"700",color:null!==(W=null===(P=null==Ie?void 0:Ie.fpbBadge)||void 0===P?void 0:P.color)&&void 0!==W?W:oi?"#0d1117":"#ffffff",letterSpacing:"0.08em",fontFamily:"Plus Jakarta Sans, sans-serif",textTransform:"uppercase",flexShrink:0}},{children:["FPB",e.jsx(w.default,n.__assign({title:e.jsxs("span",n.__assign({style:n.__assign(n.__assign({fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:null!==(z=null===(B=null==Ie?void 0:Ie.fpbTooltip)||void 0===B?void 0:B.color)&&void 0!==z?z:"#ffffff"},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.fpbTooltipContent)},{children:[e.jsx("strong",{children:"FPB (Functional Prompt Block):"})," A group of related prompt sections designed to perform a specific function or capability within the overall system prompt."]})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({maxWidth:280,padding:"8px 12px"},null==Ie?void 0:Ie.fpbTooltip),null==Ie?void 0:Ie.fpbTooltipArrow,"#1a1a1a")},{children:e.jsx(s.InfoOutlined,{style:{fontSize:"0.85rem",color:null!==(L=null==Ie?void 0:Ie.fpbInfoIconColor)&&void 0!==L?L:oi?"#1a1a1acc":"#ffffffcc",cursor:"default"}})}))]})),ae&&e.jsxs("span",n.__assign({style:{display:"inline-flex",alignItems:"center",gap:"4px",background:null!==(R=null===(H=null==Ie?void 0:Ie.spbBadge)||void 0===H?void 0:H.backgroundColor)&&void 0!==R?R:oi?"#e2e8f0":"#1a1a1a",borderRadius:"5px",padding:"2px 8px",fontSize:"0.72rem",fontWeight:"700",color:null!==(M=null===(D=null==Ie?void 0:Ie.spbBadge)||void 0===D?void 0:D.color)&&void 0!==M?M:oi?"#0d1117":"#ffffff",letterSpacing:"0.08em",fontFamily:"Plus Jakarta Sans, sans-serif",textTransform:"uppercase",flexShrink:0}},{children:["SPB",e.jsx(w.default,n.__assign({title:e.jsxs("span",n.__assign({style:n.__assign(n.__assign({fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:null!==(q=null===(J=null==Ie?void 0:Ie.spbTooltip)||void 0===J?void 0:J.color)&&void 0!==q?q:"#ffffff"},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.spbTooltipContent)},{children:[e.jsx("strong",{children:"SPB (Shippable Prompt Block) :"})," is a complete system-level prompt that defines the overall behavior, instructions, guidelines, and context an AI system should follow when responding to users."]})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({maxWidth:280,padding:"8px 12px"},null==Ie?void 0:Ie.spbTooltip),null==Ie?void 0:Ie.spbTooltipArrow,"#1a1a1a")},{children:e.jsx(s.InfoOutlined,{style:{fontSize:"0.85rem",color:null!==(E=null==Ie?void 0:Ie.spbInfoIconColor)&&void 0!==E?E:oi?"#1a1a1acc":"#ffffffcc",cursor:"default"}})}))]})),ai&&e.jsx("span",n.__assign({style:{fontSize:"0.72rem",color:"#666",background:"#f0f0f0",borderRadius:"4px",padding:"1px 6px"}},{children:ai})),ce&&e.jsx("div",{style:{flex:1}}),ce&&e.jsx(w.default,n.__assign({title:e.jsx("span",n.__assign({style:n.__assign(n.__assign({fontSize:"0.7rem",fontFamily:"Plus Jakarta Sans, sans-serif"},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.dependencyGraphTooltipContent)},{children:"Open dependency graph"})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({padding:"5px 10px"},null==Ie?void 0:Ie.dependencyGraphTooltip),null==Ie?void 0:Ie.dependencyGraphTooltipArrow,oi?"#21262d":"#1a1a1a")},{children:e.jsxs("button",n.__assign({onClick:function(n){n.stopPropagation(),null==ue||ue("show dependency graph")},style:n.__assign({display:"inline-flex",alignItems:"center",gap:"5px",padding:"4px 10px 4px 8px",borderRadius:"8px",border:"1px solid ".concat(oi?"#30363d":"#d0d7de"),background:oi?"#21262d":"#f6f8fa",color:oi?"#e2e8f0":"#24292f",fontSize:"0.78rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",cursor:"pointer",flexShrink:0,whiteSpace:"nowrap"},null==Ie?void 0:Ie.dependencyGraphButton)},{children:[null!=_e?_e:e.jsxs("svg",n.__assign({xmlns:"http://www.w3.org/2000/svg",width:"12px",height:"12px",viewBox:"0 0 48 48",fill:"none"},{children:[e.jsx("path",{d:"M24 33V15",stroke:null!==(G=null==Ie?void 0:Ie.dependencyGraphIconStroke)&&void 0!==G?G:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"10",y:"9",width:"28",height:"6",fill:null!==(O=null==Ie?void 0:Ie.dependencyGraphIconFill)&&void 0!==O?O:"#2F88FF",stroke:null!==(N=null==Ie?void 0:Ie.dependencyGraphIconStroke)&&void 0!==N?N:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8 32L14 25H33.9743L40 32",stroke:null!==(V=null==Ie?void 0:Ie.dependencyGraphIconStroke)&&void 0!==V?V:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"4",y:"33",width:"8",height:"8",fill:null!==(U=null==Ie?void 0:Ie.dependencyGraphIconFill)&&void 0!==U?U:"#2F88FF",stroke:null!==(Y=null==Ie?void 0:Ie.dependencyGraphIconStroke)&&void 0!==Y?Y:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"20",y:"33",width:"8",height:"8",fill:null!==(Z=null==Ie?void 0:Ie.dependencyGraphIconFill)&&void 0!==Z?Z:"#2F88FF",stroke:null!==(K=null==Ie?void 0:Ie.dependencyGraphIconStroke)&&void 0!==K?K:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("rect",{x:"36",y:"33",width:"8",height:"8",fill:null!==(Q=null==Ie?void 0:Ie.dependencyGraphIconFill)&&void 0!==Q?Q:"#2F88FF",stroke:null!==(X=null==Ie?void 0:Ie.dependencyGraphIconStroke)&&void 0!==X?X:"currentColor",strokeWidth:"4",strokeLinecap:"round",strokeLinejoin:"round"})]})),"Graph",null!=me?me:e.jsxs("svg",n.__assign({width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},{children:[e.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),e.jsx("polyline",{points:"12 5 19 12 12 19"})]}))]}))}))]})),si&&e.jsxs("div",n.__assign({style:{border:"1px solid ".concat(null!==(nn=null===($=null==Ie?void 0:Ie.descriptionCard)||void 0===$?void 0:$.borderColor)&&void 0!==nn?nn:"transparent"),borderRadius:null!==(on=null===(en=null==Ie?void 0:Ie.descriptionCard)||void 0===en?void 0:en.borderRadius)&&void 0!==on?on:"8px",padding:null!==(tn=null===(ln=null==Ie?void 0:Ie.descriptionCard)||void 0===ln?void 0:ln.padding)&&void 0!==tn?tn:"14px 16px",backgroundColor:null!==(rn=null===(sn=null==Ie?void 0:Ie.descriptionCard)||void 0===sn?void 0:sn.backgroundColor)&&void 0!==rn?rn:"transparent",marginBottom:"1.5rem"}},{children:[e.jsx("div",n.__assign({style:n.__assign({fontWeight:"700",fontSize:"0.95rem",fontFamily:"Plus Jakarta Sans, sans-serif",marginBottom:"8px",color:oi?"#ffffff":"#111827"},null==Ie?void 0:Ie.descriptionHeading)},{children:"Prompt Overview"})),e.jsxs("div",n.__assign({style:{position:"relative"}},{children:[e.jsx("p",n.__assign({ref:Ge,style:n.__assign({fontSize:"0.875rem",lineHeight:"1.7",margin:0,fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#c9d1d9":"#444",display:"-webkit-box",WebkitBoxOrient:"vertical",WebkitLineClamp:De?"unset":4,overflow:De?"visible":"hidden"},null==Ie?void 0:Ie.description)},{children:si})),qe&&!De&&e.jsx("button",n.__assign({onClick:function(){return Me(!0)},style:n.__assign({position:"absolute",bottom:0,right:0,background:"linear-gradient(to right, transparent, ".concat(oi?"#0d1117":"#ffffff"," 40%)"),border:"none",paddingLeft:"2rem",paddingRight:0,cursor:"pointer",fontSize:"0.875rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#7dd3fc":"#2563eb",lineHeight:"1.7"},null==Ie?void 0:Ie.descriptionMoreButton)},{children:"...more"})),De&&e.jsx("button",n.__assign({onClick:function(){return Me(!1)},style:n.__assign({background:"none",border:"none",padding:"2px 0 0",cursor:"pointer",fontSize:"0.875rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#7dd3fc":"#2563eb",display:"block"},null==Ie?void 0:Ie.descriptionLessButton)},{children:"less"}))]}))]})),ge&&ge.length>0&&e.jsx("div",n.__assign({style:n.__assign({display:"flex",flexWrap:"wrap",borderTop:"1px solid ".concat(oi?"#ffffff18":"#1a1a1a18"),borderBottom:"1px solid ".concat(oi?"#ffffff18":"#1a1a1a18"),marginBottom:"1.5rem"},null==Ie?void 0:Ie.categoryRow)},{children:ge.map(function(i,o){return e.jsxs(x.default.Fragment,{children:[o>0&&e.jsx("div",{style:n.__assign({width:"1px",alignSelf:"stretch",background:oi?"#ffffff18":"#1a1a1a18"},null==Ie?void 0:Ie.categoryDivider)}),e.jsxs("div",n.__assign({style:n.__assign({flex:"1 1 120px",padding:"12px 16px"},null==Ie?void 0:Ie.categoryItem)},{children:[e.jsx("div",n.__assign({style:n.__assign({fontSize:"0.72rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#8b949e":"#6b7280",marginBottom:"4px"},null==Ie?void 0:Ie.categoryLabel)},{children:i.label})),e.jsx("div",n.__assign({style:n.__assign({fontSize:"0.875rem",fontWeight:"600",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#e2e8f0":"#111827"},null==Ie?void 0:Ie.categoryValue)},{children:i.value}))]}))]},o)})})),""!==(null==En?void 0:En.when_to_apply)&&e.jsxs(b.default,n.__assign({defaultExpanded:fi,style:n.__assign({marginBottom:"1rem",border:"1px solid ".concat(null!==(dn=null===(an=null==Ie?void 0:Ie.whenToApplyAccordion)||void 0===an?void 0:an.borderColor)&&void 0!==dn?dn:oi?"#ffffff18":"#1a1a1a18"),borderRadius:"28px !important",boxShadow:"none",background:"transparent"},null==Ie?void 0:Ie.whenToApplyAccordion)},{children:[e.jsx(k.default,n.__assign({expandIcon:null!=be?be:e.jsx(S.default,{style:{color:null!==(pn=null==Ie?void 0:Ie.whenAccordionChevronColor)&&void 0!==pn?pn:oi?"#e2e8f0":"#374151"}}),style:n.__assign({minHeight:"36px",padding:"0 12px",background:"transparent"},null==Ie?void 0:Ie.whenToApplyHeader)},{children:e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"10px"}},{children:[e.jsx("span",n.__assign({style:n.__assign({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"50%",border:"1.5px solid ".concat(null!==(cn=null==Ie?void 0:Ie.whenToApplyIconColor)&&void 0!==cn?cn:"#4ade80"),flexShrink:0},null==Ie?void 0:Ie.whenToApplyIconCircle)},{children:null!=ye?ye:e.jsx("svg",n.__assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24"},{children:e.jsx("g",n.__assign({id:"Complete"},{children:e.jsx("g",n.__assign({id:"tick"},{children:e.jsx("polyline",{fill:"none",points:"3.7 14.3 9.6 19 20.3 5",stroke:null!==(un=null==Ie?void 0:Ie.whenToApplyIconColor)&&void 0!==un?un:"#4ade80",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"2"})}))}))}))})),e.jsx("span",n.__assign({style:n.__assign({fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#e2e8f0":"#111827"},null==Ie?void 0:Ie.whenToApplyTitle)},{children:"When to apply"}))]}))})),e.jsx(j.default,n.__assign({style:n.__assign({padding:"12px 16px",background:null!==(gn=null===(fn=null==Ie?void 0:Ie.whenToApplyContent)||void 0===fn?void 0:fn.backgroundColor)&&void 0!==gn?gn:oi?"#ffffff08":"#1a1a1a06"},null==Ie?void 0:Ie.whenToApplyContent)},{children:e.jsx(f.MarkdownRenderer,{message:null==En?void 0:En.when_to_apply,style:null==Ie?void 0:Ie.markdownRenderer,codeStyle:null==Ie?void 0:Ie.markdownCode,preStyle:null==Ie?void 0:Ie.markdownPre,blockquoteStyle:null==Ie?void 0:Ie.markdownBlockquote,syntaxHighlighterTheme:null==Ie?void 0:Ie.syntaxHighlighterTheme,cognitiveDecisioningStyles:null==Ie?void 0:Ie.cognitiveDecisioning})}))]})),""!==(null==En?void 0:En.when_not_to_apply)&&e.jsxs(b.default,n.__assign({defaultExpanded:gi,style:n.__assign({marginBottom:"1rem",border:"1px solid ".concat(null!==(hn=null===(vn=null==Ie?void 0:Ie.whenNotToApplyAccordion)||void 0===vn?void 0:vn.borderColor)&&void 0!==hn?hn:oi?"#ffffff18":"#1a1a1a18"),borderRadius:"8px !important",boxShadow:"none",background:"transparent"},null==Ie?void 0:Ie.whenNotToApplyAccordion)},{children:[e.jsx(k.default,n.__assign({expandIcon:null!=je?je:e.jsx(S.default,{style:{color:null!==(xn=null==Ie?void 0:Ie.whenAccordionChevronColor)&&void 0!==xn?xn:oi?"#e2e8f0":"#374151"}}),style:n.__assign({minHeight:"36px",padding:"0 12px",background:"transparent"},null==Ie?void 0:Ie.whenNotToApplyHeader)},{children:e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"10px"}},{children:[e.jsx("span",n.__assign({style:n.__assign({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"20px",height:"20px",borderRadius:"50%",border:"1.5px solid ".concat(null!==(_n=null==Ie?void 0:Ie.whenNotToApplyIconColor)&&void 0!==_n?_n:"#f87171"),flexShrink:0},null==Ie?void 0:Ie.whenNotToApplyIconCircle)},{children:null!=ke?ke:e.jsx("svg",n.__assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{d:"M19 5L5 19M5.00001 5L19 19",stroke:null!==(mn=null==Ie?void 0:Ie.whenNotToApplyIconColor)&&void 0!==mn?mn:"#f87171",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),e.jsx("span",n.__assign({style:n.__assign({fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#e2e8f0":"#111827"},null==Ie?void 0:Ie.whenNotToApplyTitle)},{children:"When not to apply"}))]}))})),e.jsx(j.default,n.__assign({style:n.__assign({padding:"12px 16px",background:null!==(bn=null===(yn=null==Ie?void 0:Ie.whenNotToApplyContent)||void 0===yn?void 0:yn.backgroundColor)&&void 0!==bn?bn:oi?"#ffffff08":"#1a1a1a06"},null==Ie?void 0:Ie.whenNotToApplyContent)},{children:e.jsx(f.MarkdownRenderer,{message:null==En?void 0:En.when_not_to_apply,style:null==Ie?void 0:Ie.markdownRenderer,codeStyle:null==Ie?void 0:Ie.markdownCode,preStyle:null==Ie?void 0:Ie.markdownPre,blockquoteStyle:null==Ie?void 0:Ie.markdownBlockquote,syntaxHighlighterTheme:null==Ie?void 0:Ie.syntaxHighlighterTheme,cognitiveDecisioningStyles:null==Ie?void 0:Ie.cognitiveDecisioning})}))]})),ui&&e.jsxs(b.default,n.__assign({defaultExpanded:vi,style:n.__assign({marginBottom:"1rem",border:"1px solid ".concat(null!==(jn=null===(kn=null==Ie?void 0:Ie.specificationsSection)||void 0===kn?void 0:kn.borderColor)&&void 0!==jn?jn:oi?"#ffffff18":"#1a1a1a18"),borderRadius:"8px",boxShadow:"none",background:"transparent"},null==Ie?void 0:Ie.specificationsSection)},{children:[e.jsx(k.default,n.__assign({expandIcon:null!=Ce?Ce:e.jsx(S.default,{style:{color:null!==(Sn=null==Ie?void 0:Ie.specificationsExpandIconColor)&&void 0!==Sn?Sn:oi?"#e2e8f0":"#374151"}}),style:{minHeight:"36px",padding:"0 12px",background:"transparent"}},{children:e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"10px"}},{children:[e.jsx("span",n.__assign({style:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:"18px",height:"18px",borderRadius:"5px",flexShrink:0}},{children:null!=Se?Se:e.jsxs("svg",n.__assign({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 24 24",fill:"#ffffff"},{children:[e.jsx("rect",{x:"4.5",y:"3.5",width:"15",height:"17",rx:"1.5",stroke:"#ffffff","stroke-width":"1.7"}),e.jsx("path",{d:"M8 8H16",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"}),e.jsx("path",{d:"M8 11.5H16",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"}),e.jsx("path",{d:"M8 15H13.5",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})]}))})),e.jsx("span",n.__assign({style:n.__assign({fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#e2e8f0":"#111827"},null==Ie?void 0:Ie.specificationsTitle)},{children:"Specifications"})),e.jsx(w.default,n.__assign({title:e.jsxs("span",n.__assign({style:n.__assign(n.__assign({fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:null!==(Cn=null===(wn=null==Ie?void 0:Ie.specificationsTooltip)||void 0===wn?void 0:wn.color)&&void 0!==Cn?Cn:"#ffffff"},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.specificationsTooltipContent)},{children:[e.jsx("strong",{children:"Specifications:"})," Specifications are the details that define a prompt’s guidelines, expected inputs, expected outputs, and constraints or rules."]})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({maxWidth:280,padding:"8px 12px"},null==Ie?void 0:Ie.specificationsTooltip),null==Ie?void 0:Ie.specificationsTooltipArrow,"#1a1a1a")},{children:e.jsx("span",{children:null!=we?we:e.jsx(s.InfoOutlined,{style:{fontSize:"0.95rem",color:oi?"#aaaaaa":"#666666",cursor:"default"}})})}))]}))})),e.jsx(j.default,n.__assign({style:n.__assign({padding:"12px 16px",background:null!==(An=null===(In=null==Ie?void 0:Ie.specificationsDetails)||void 0===In?void 0:In.backgroundColor)&&void 0!==An?An:oi?"#ffffff08":"#1a1a1a06",display:"flex",flexDirection:"column",gap:"12px"},null==Ie?void 0:Ie.specificationsDetails)},{children:ci.map(function(i){var o=i.label,l=i.content;return e.jsxs("div",{children:[e.jsx("div",n.__assign({style:n.__assign({fontSize:"0.72rem",fontWeight:"700",color:"#6B7280",textTransform:"uppercase",letterSpacing:"0.06em",marginBottom:"0.3rem",fontFamily:"Plus Jakarta Sans, sans-serif"},null==Ie?void 0:Ie.specificationsItemLabel)},{children:o})),e.jsx(f.MarkdownRenderer,{message:l,fontSize:"0.83rem",style:null==Ie?void 0:Ie.markdownRenderer,codeStyle:null==Ie?void 0:Ie.markdownCode,preStyle:null==Ie?void 0:Ie.markdownPre,blockquoteStyle:null==Ie?void 0:Ie.markdownBlockquote,syntaxHighlighterTheme:null==Ie?void 0:Ie.syntaxHighlighterTheme,cognitiveDecisioningStyles:null==Ie?void 0:Ie.cognitiveDecisioning})]},o)})}))]})),(null==En?void 0:En.sections)&&En.sections.length>0&&e.jsxs("div",n.__assign({style:{marginBottom:"1.5rem",marginTop:"0.6rem"}},{children:[e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"5px",marginBottom:"0.6rem",marginTop:"0.4rem"}},{children:[e.jsx(I,n.__assign({style:n.__assign(n.__assign({},null==Ie?void 0:Ie.sectionLabel),{marginBottom:0})},{children:"APB's"})),e.jsx(w.default,n.__assign({title:e.jsxs("span",n.__assign({style:n.__assign(n.__assign({fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:null!==(Wn=null!==(Fn=null===(Tn=null==Ie?void 0:Ie.apbTooltip)||void 0===Tn?void 0:Tn.color)&&void 0!==Fn?Fn:null===(Pn=null==Ie?void 0:Ie.fpbTooltip)||void 0===Pn?void 0:Pn.color)&&void 0!==Wn?Wn:"#ffffff"},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.apbTooltipContent)},{children:[e.jsx("strong",{children:"APB (Atomic Prompt Block):"})," A self-contained prompt unit that handles one specific instruction, rule, or behavior within a Functional Prompt Block."]})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({maxWidth:280,padding:"8px 12px"},null!==(Bn=null==Ie?void 0:Ie.apbTooltip)&&void 0!==Bn?Bn:null==Ie?void 0:Ie.fpbTooltip),null!==(zn=null==Ie?void 0:Ie.apbTooltipArrow)&&void 0!==zn?zn:null==Ie?void 0:Ie.fpbTooltipArrow,"#1a1a1a")},{children:e.jsx(s.InfoOutlined,{style:{fontSize:"0.95rem",color:oi?"#aaaaaa":"#666666",cursor:"default"}})}))]})),e.jsx("div",n.__assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:En.sections.map(function(i){var o,l,t,s,r,a,d,p,c,u;return e.jsxs("div",n.__assign({style:{border:"1px solid ".concat(null!==(l=null===(o=null==Ie?void 0:Ie.sectionItem)||void 0===o?void 0:o.borderColor)&&void 0!==l?l:oi?"#ffffff22":"#1a1a1a22"),borderRadius:"8px",padding:"10px 14px"}},{children:[e.jsxs("div",n.__assign({onClick:function(){return null==fe?void 0:fe(i.title)},style:{fontSize:"0.83rem",fontWeight:"600",color:null!==(s=null===(t=null==Ie?void 0:Ie.sectionItem)||void 0===t?void 0:t.titleColor)&&void 0!==s?s:oi?"#e2e8f0":"#111827",fontFamily:"Plus Jakarta Sans, sans-serif",cursor:fe?"pointer":"default",marginBottom:"4px",display:"inline-flex",alignItems:"center",gap:"5px"}},{children:[e.jsxs("span",n.__assign({style:{fontSize:"0.68rem",fontWeight:"700",color:null!==(a=null===(r=null==Ie?void 0:Ie.sectionItem)||void 0===r?void 0:r.orderColor)&&void 0!==a?a:oi?"#6e7681":"#9CA3AF",fontFamily:"Plus Jakarta Sans, sans-serif",minWidth:"16px",flexShrink:0}},{children:[i.order,"."]})),e.jsx("span",n.__assign({style:{textDecoration:fe?"underline":"none",textDecorationColor:null!==(p=null===(d=null==Ie?void 0:Ie.sectionItem)||void 0===d?void 0:d.titleColor)&&void 0!==p?p:oi?"#e2e8f0":"#111827",textUnderlineOffset:"3px"}},{children:i.title})),fe&&e.jsxs("svg",n.__assign({xmlns:"http://www.w3.org/2000/svg",width:"12",height:"12",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0,opacity:.5}},{children:[e.jsx("path",{d:"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"}),e.jsx("polyline",{points:"15 3 21 3 21 9"}),e.jsx("line",{x1:"10",y1:"14",x2:"21",y2:"3"})]}))]})),e.jsx("div",n.__assign({style:{fontSize:"0.76rem",color:null!==(u=null===(c=null==Ie?void 0:Ie.sectionItem)||void 0===c?void 0:c.descriptionColor)&&void 0!==u?u:oi?"#8b949e":"#6B7280",fontFamily:"Plus Jakarta Sans, sans-serif",lineHeight:1.55,paddingLeft:"22px"}},{children:i.description}))]}),i.order)})}))]})),de&&e.jsxs(b.default,n.__assign({defaultExpanded:hi,style:n.__assign({marginBottom:"1rem",marginTop:"0.6rem",border:"1px solid ".concat(null!==(Hn=null===(Ln=null==Ie?void 0:Ie.spbSection)||void 0===Ln?void 0:Ln.borderColor)&&void 0!==Hn?Hn:oi?"#ffffff18":"#1a1a1a18"),borderRadius:"8px",boxShadow:"none",background:"transparent"},null==Ie?void 0:Ie.spbSection)},{children:[e.jsx(k.default,n.__assign({expandIcon:e.jsx(S.default,{style:{color:null!==(Rn=null==Ie?void 0:Ie.spbChevronColor)&&void 0!==Rn?Rn:oi?"#e2e8f0":"#374151"}}),style:n.__assign({minHeight:"36px",padding:"0 12px",background:"transparent"},null==Ie?void 0:Ie.spbSectionHeader)},{children:e.jsxs("div",n.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[e.jsxs("span",n.__assign({style:n.__assign({fontWeight:"600",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:oi?"#e2e8f0":"#111827"},null==Ie?void 0:Ie.spbSectionTitle)},{children:["SPB Functionalities (",de.total_functionalities,")"]})),e.jsx("span",n.__assign({style:{color:oi?"#6e7681":"#9CA3AF",fontSize:"0.75rem"}},{children:"•"})),e.jsxs("span",n.__assign({style:{fontSize:"0.78rem",fontWeight:"500",color:oi?"#6e7681":"#9CA3AF",fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[de.total_apbs_identified," APBs"]}))]}))})),e.jsx(j.default,n.__assign({style:n.__assign({padding:"10px 12px",background:null!==(Mn=null===(Dn=null==Ie?void 0:Ie.spbSectionContent)||void 0===Dn?void 0:Dn.backgroundColor)&&void 0!==Mn?Mn:"transparent",display:"flex",flexDirection:"column",gap:"8px"},null==Ie?void 0:Ie.spbSectionContent)},{children:de.functionality_analysis.map(function(i,o){var l,t,s,r,a,d,p,c,u;return e.jsxs("div",n.__assign({style:n.__assign({border:"1px solid ".concat(null!==(t=null===(l=null==Ie?void 0:Ie.spbFunctionalityItem)||void 0===l?void 0:l.borderColor)&&void 0!==t?t:oi?"#ffffff14":"#1a1a1a14"),borderRadius:"10px",overflow:"hidden",padding:"4px",background:null!==(r=null===(s=null==Ie?void 0:Ie.spbFunctionalityItem)||void 0===s?void 0:s.backgroundColor)&&void 0!==r?r:oi?"#ffffff04":"#1a1a1a03"},null==Ie?void 0:Ie.spbFunctionalityItem)},{children:[e.jsxs("div",n.__assign({style:n.__assign({padding:"12px 14px",borderRadius:"12px",background:null!==(d=null===(a=null==Ie?void 0:Ie.spbFunctionalityItemInner)||void 0===a?void 0:a.backgroundColor)&&void 0!==d?d:oi?"#ffffff08":"#1a1a1a07",borderBottom:"1px solid ".concat(null!==(c=null===(p=null==Ie?void 0:Ie.spbFunctionalityItemInner)||void 0===p?void 0:p.borderColor)&&void 0!==c?c:oi?"#ffffff10":"#1a1a1a10")},null==Ie?void 0:Ie.spbFunctionalityItemInner)},{children:[e.jsxs("div",n.__assign({style:n.__assign({fontSize:"0.85rem",fontWeight:"700",color:oi?"#e2e8f0":"#111827",fontFamily:"Plus Jakarta Sans, sans-serif",marginBottom:"6px",lineHeight:1.4},null==Ie?void 0:Ie.spbFunctionalityItemName)},{children:[o+1,". ",i.name]})),e.jsx(f.MarkdownRenderer,{message:i.description,fontSize:"0.78rem",style:n.__assign({lineHeight:1.6,color:oi?"#8b949e":"#6B7280"},null!==(u=null==Ie?void 0:Ie.spbFunctionalityItemDescription)&&void 0!==u?u:{}),codeStyle:null==Ie?void 0:Ie.markdownCode,preStyle:null==Ie?void 0:Ie.markdownPre,blockquoteStyle:null==Ie?void 0:Ie.markdownBlockquote,syntaxHighlighterTheme:null==Ie?void 0:Ie.syntaxHighlighterTheme,cognitiveDecisioningStyles:null==Ie?void 0:Ie.cognitiveDecisioning})]})),i.apb_references&&i.apb_references.length>0&&e.jsxs("div",n.__assign({style:n.__assign({display:"flex",alignItems:"center",flexWrap:"wrap",gap:"6px",padding:"8px 14px"},null==Ie?void 0:Ie.spbApbReferencesRow)},{children:[e.jsx("span",n.__assign({style:n.__assign({fontSize:"0.68rem",fontWeight:"500",color:oi?"#6e7681":"#9CA3AF",fontFamily:"Plus Jakarta Sans, sans-serif",flexShrink:0},null==Ie?void 0:Ie.spbApbReferencesLabel)},{children:"apb references:"})),i.apb_references.map(function(i,o){var l,t,s,r,a,d;return e.jsx(w.default,n.__assign({title:e.jsx("span",n.__assign({style:n.__assign(n.__assign({fontSize:"0.7rem",lineHeight:1.5,fontFamily:"Plus Jakarta Sans, sans-serif",color:null!==(r=null!==(t=null===(l=null==Ie?void 0:Ie.spbApbReferenceTooltip)||void 0===l?void 0:l.color)&&void 0!==t?t:null===(s=null==Ie?void 0:Ie.spbTooltip)||void 0===s?void 0:s.color)&&void 0!==r?r:"#ffffff"},null==Ie?void 0:Ie.tooltipContent),null==Ie?void 0:Ie.spbApbReferenceTooltipContent)},{children:i.context})),placement:"top",arrow:!0,componentsProps:xi(n.__assign({maxWidth:240,padding:"6px 10px"},null!==(a=null==Ie?void 0:Ie.spbApbReferenceTooltip)&&void 0!==a?a:null==Ie?void 0:Ie.spbTooltip),null!==(d=null==Ie?void 0:Ie.spbApbReferenceTooltipArrow)&&void 0!==d?d:null==Ie?void 0:Ie.spbTooltipArrow,"#1a1a1a")},{children:e.jsx("span",n.__assign({style:n.__assign({display:"inline-flex",alignItems:"center",fontSize:"0.7rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",padding:"3px 10px",borderRadius:"6px",background:oi?"#ffffff0d":"#1a1a1a08",color:oi?"#c9d1d9":"#374151",cursor:"default",border:"1px solid ".concat(oi?"#ffffff18":"#1a1a1a14")},null==Ie?void 0:Ie.spbApbReference)},{children:e.jsx("span",n.__assign({style:n.__assign({},null==Ie?void 0:Ie.spbApbReferenceLabel)},{children:i.apb_name}))}))}),o)})]}))]}),o)})}))]})),!ne&&e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{flex:1}}),_i]})]})),ne&&e.jsxs("div",n.__assign({style:n.__assign({width:"50%",padding:"1.75rem",display:"flex",flexDirection:"column",overflow:"hidden",boxSizing:"border-box"},null==Ie?void 0:Ie.rightPanel)},{children:[e.jsx("div",n.__assign({style:{fontWeight:"700",fontSize:"1rem",marginBottom:"1rem",color:"#1a1a1a",fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:"Prompt Preview"})),e.jsx("div",n.__assign({style:{flex:1,border:"1px solid #e0e0e0",borderRadius:"0.875rem",overflow:"hidden",minHeight:0}},{children:yi})),_i]}))]});return e.jsxs("div",n.__assign({style:null==Ie?void 0:Ie.root},{children:[le?e.jsx("div",n.__assign({style:n.__assign({display:"flex",width:"100%",fontFamily:"Plus Jakarta Sans, sans-serif",overflow:"hidden"},null==Ie?void 0:Ie.dialog)},{children:bi})):e.jsxs(_.default,n.__assign({open:Ne||ie,onClose:mi,maxWidth:"xl",fullWidth:!0,PaperProps:{style:n.__assign({borderRadius:"1rem",fontFamily:"Plus Jakarta Sans, sans-serif",height:"90vh",maxHeight:"90vh",overflow:"hidden"},null==Ie?void 0:Ie.dialog)}},{children:[e.jsx(y.default,n.__assign({onClick:mi,size:"small",style:{position:"absolute",top:10,right:12,zIndex:20}},{children:e.jsx(s.Close,{fontSize:"small"})})),e.jsx(m.default,n.__assign({style:{padding:0,display:"flex",height:"100%",overflow:"hidden"}},{children:bi}))]})),Ye&&(null==En?void 0:En.dependency_graph)&&e.jsxs(_.default,n.__assign({open:Ye,onClose:function(){return Ze(!1)},maxWidth:"xl",fullWidth:!0,PaperProps:{style:n.__assign({borderRadius:"1rem",height:"90vh",maxHeight:"90vh",overflow:"hidden"},null==Ie?void 0:Ie.graphDialog)}},{children:[e.jsx(y.default,n.__assign({onClick:function(){return Ze(!1)},size:"small",style:{position:"absolute",top:10,right:12,zIndex:20}},{children:e.jsx(s.Close,{fontSize:"small"})})),e.jsx(m.default,n.__assign({style:{padding:"1rem",height:"100%",overflow:"hidden",boxSizing:"border-box"}},{children:e.jsx(v.default,{data:C(En.dependency_graph),isDarkMode:oi})}))]}))]}))};
 //# sourceMappingURL=PromptCitation.js.map