npm - @viswa-test/test-citation - Versions diffs - 0.0.385 → 0.0.387 - Mend

@viswa-test/test-citation 0.0.385 → 0.0.387

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4903) hide show

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

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

package/dist/features/SPBAnalysisPanel/Spbanalysispanel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import{useState as o,useEffect as n,useRef as r}from"react";import{Box as l,Typography as c,Skeleton as d,Accordion as a,AccordionSummary as s,AccordionDetails as h,Tooltip as p,IconButton as x,Switch as f,Dialog as m,Chip as g}from"@mui/material";import u from"@mui/icons-material/ExpandMore";import b from"@mui/icons-material/Fullscreen";import y from"@mui/icons-material/Close";import S from"@mui/icons-material/NearMeOutlined";import v from"@mui/icons-material/ChevronLeft";import w from"@mui/icons-material/ChevronRight";import D from"./DependencyGraph.js";import{MarkdownRenderer as z}from"./Markdownrenderer.js";import{InternalEditor as E}from"./Internaleditor.js";const k=({text:t,detailedSummary:n,extraMetaData:r,isDarkMode:d=!1,markdownRendererStyle:a,cognitiveDecisioningStyles:s})=>{const[h,p]=o(!1),{preview:x,truncated:f}=((e,i=220)=>{const t=e.replace(/<!--\s*<ai_reasoning>[\s\S]*?<\/ai_reasoning>\s*-->/g,"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim();if(t.length<=i)return{preview:t,truncated:!1};const o=t.slice(0,i),n=o.lastIndexOf(" ");return{preview:(n>0?o.slice(0,n):o).trim(),truncated:!0}})(t);return i(l,{children:e(l,h?{children:[i(z,{message:t,fontSize:"0.8rem",extraMetaData:r,isDarkMode:d,cognitiveDecisioningStyles:s,style:a}),n?.trim()&&i(z,{message:n,fontSize:"0.8rem",extraMetaData:r,isDarkMode:d,cognitiveDecisioningStyles:s,style:a}),i(c,{component:"span",onClick:()=>p(!1),sx:{fontSize:"0.72rem",color:d?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"},children:"view less"})]}:{sx:{display:"flex",flexDirection:"column"},children:[e(c,{sx:{fontSize:"0.8rem",color:d?"#cbd5e1":"#4B5563",lineHeight:1.6},children:[x,f&&"…"]}),(f||n?.trim())&&i(l,{sx:{display:"flex",justifyContent:"flex-end"},children:i(c,{component:"span",onClick:()=>p(!0),sx:{fontSize:"0.72rem",color:d?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"},children:"...view more"})})]})})},B=({text:t,extraMetaData:d,cognitiveDecisioningStyles:a})=>{const[s,h]=o(!1),[p,x]=o(!1),f=r(null);return n(()=>{const e=f.current;e&&x(e.scrollWidth>e.clientWidth)},[t]),i(l,{sx:{pl:1},children:e(l,s?{sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4},children:[i(z,{message:t,fontSize:"0.68rem",extraMetaData:d,cognitiveDecisioningStyles:a}),i(c,{component:"span",onClick:()=>h(!1),sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600},children:"view less"})]}:{sx:{display:"flex",alignItems:"baseline",gap:.5},children:[i(c,{ref:f,sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",flex:1,minWidth:0},children:t}),p&&i(c,{component:"span",onClick:()=>h(!0),sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600,flexShrink:0},children:"view more"})]})})},M=({promptContent:M,promptTitle:C,isLoading:R=!1,overviewSummary:A,functionalityOfSPB:F=[],spbAdditionalInfo:W,lastAnalyzedAt:I,extraMetaData:H,showCodePanel:P=!0,showInlineApbEditor:T=!0,disableApbNavigation:_=!1,showCollapseStrip:L=!0,showFullscreenButton:j=!0,showFullscreenModal:O=!0,showThemeToggle:G=!0,isDarkMode:N=!0,styles:X,className:Y,style:$,sx:q})=>{const[J,K]=o(null),[Q,U]=o(null),[V,Z]=o(""),ee=void 0!==X?.isDarkMode?X.isDarkMode:N,[ie,te]=o(ee),[oe,ne]=o(null);n(()=>{void 0!==X?.isDarkMode&&te(X.isDarkMode)},[X?.isDarkMode]);const[re,le]=o(!1),[ce,de]=o(480),ae=r(!1),se=r(null);n(()=>{var e;I?K(I):F.length>0&&K(`${(e=new Date).toLocaleTimeString("en-IN",{hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0})||""} | ${e.toLocaleDateString("en-IN",{day:"numeric",month:"short",year:"numeric"})||""}`)},[F,I]),n(()=>{R&&K(null)},[R]),n(()=>{oe&&(Z(""),setTimeout(()=>Z(oe.ref),500))},[oe]);return e(l,{className:Y,style:{...X?.root,...$},sx:{height:"100%",display:"flex",flexDirection:"column",width:"100%",minHeight:0,overflow:"hidden",...q},children:[i(l,{sx:{px:2.5,py:1.5,borderBottom:"1px solid #e5e7eb",display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#fff",flexShrink:0,...X?.header},children:e(l,{sx:{display:"flex",flexDirection:"column",gap:.25},children:[i(c,{sx:{fontWeight:700,fontSize:"0.9rem",color:"#111827",...X?.headerTitle},children:C||"SPB Analysis"}),i(c,{sx:{fontSize:"0.7rem",color:"#9CA3AF",...X?.headerSubtitle},children:J?`Last Analyzed at ${J}`:""})]})}),e(l,{ref:se,sx:{display:"flex",flex:1,minHeight:0,overflow:"hidden",position:"relative"},children:[i(l,{sx:{width:P?re&&L?0:ce:"100%",flexShrink:0,minHeight:0,overflow:"hidden",transition:ae.current?"none":"width 0.15s",borderRight:!P||re&&L?"none":"1px solid #e5e7eb",...X?.leftPanel},children:e(l,{sx:{width:"100%",height:"100%",minHeight:0,overflowY:"auto",display:"flex",flexDirection:"column",gap:1,px:1.25,py:1.25,pb:2},children:[e(l,{sx:{border:"1px solid #E5E7EB",borderRadius:"8px",bgcolor:"#F8FAFC",p:1.5,...X?.overviewSection},children:[i(c,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827",mb:1,...X?.overviewTitle},children:"Overview"}),i(l,{sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5,...X?.overviewContent},children:A?.overallSummary?.trim()?i(k,{text:A.overallSummary,detailedSummary:A.detailedSummary,extraMetaData:H,isDarkMode:ie,markdownRendererStyle:X?.markdownRenderer,cognitiveDecisioningStyles:X?.cognitiveDecisioning}):e(l,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[i(d,{variant:"text",width:"100%",height:14}),i(d,{variant:"text",width:"90%",height:14}),i(d,{variant:"text",width:"95%",height:14})]})})]}),e(a,{disableGutters:!0,elevation:0,sx:{border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff",...X?.functionalitySection},children:[i(s,{expandIcon:i(u,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75}},children:i(c,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827",...X?.functionalityTitle},children:"Functionality of SPB"})}),i(h,{sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1},children:F.length>0?F.map((t,o)=>e(a,{disableGutters:!0,elevation:0,defaultExpanded:0===o,sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},overflow:"hidden",...X?.functionalityItem},children:[i(s,{expandIcon:i(u,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:38,"& .MuiAccordionSummary-content":{my:.5}},children:e(c,{sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827"},children:[o+1,". ",t.name||t.section_name]})}),e(h,{sx:{px:1.5,pb:1.5,pt:0,display:"flex",flexDirection:"column",gap:.75},children:[i(z,{fontSize:"0.74rem",message:t.description||t.reason_for_inclusion||"",extraMetaData:H,cognitiveDecisioningStyles:X?.cognitiveDecisioning}),i(c,{sx:{fontSize:"0.72rem",color:"#9CA3AF",fontWeight:500,mt:.25},children:"APB References"}),i(l,{sx:{display:"flex",flexDirection:"column",gap:.75},children:t.apb_references.map((t,o)=>{const n="string"==typeof t?t:t.apb_name,r=Q===n;return e(l,{sx:{display:"flex",flexDirection:"column",gap:.15},children:[e(l,{onClick:_?void 0:()=>(e=>{Q===e?(U(null),Z("")):(U(e),Z(""),setTimeout(()=>Z(e),50))})(n),sx:{display:"flex",alignItems:"center",gap:.25,cursor:_?"default":"pointer"},children:[e(c,{sx:{fontSize:"0.78rem",color:r?"#5928ed":"#DB2877",fontWeight:500},children:[o+1,". ",n]}),!_&&i(S,{sx:{fontSize:"0.75rem",color:r?"#5928ed":"#DB2877"}})]}),"string"!=typeof t&&(t.description||t.context)&&i(B,{text:t.description||t.context||"",extraMetaData:H,cognitiveDecisioningStyles:X?.cognitiveDecisioning}),T&&r&&i(l,{sx:{mt:1,height:260,border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"},children:i(E,{content:M,selectedTag:V,isDarkMode:ie,height:"100%",fontSize:12})})]},o)})})]})]},o)):i(l,{sx:{display:"flex",flexDirection:"column",gap:1},children:[1,2,3].map(t=>e(l,{sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5,display:"flex",flexDirection:"column",gap:.5},children:[i(d,{variant:"text",width:"40%",height:16}),i(d,{variant:"text",width:"90%",height:14}),i(d,{variant:"text",width:"80%",height:14}),i(d,{variant:"text",width:"30%",height:14})]},t))})})]}),e(a,{disableGutters:!0,elevation:0,sx:{border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff",...X?.applicabilitySection},children:[e(s,{expandIcon:i(u,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}},children:[i(c,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827",...X?.applicabilityTitle},children:"Applicability"}),i(c,{sx:{fontSize:"0.7rem",color:"#9CA3AF"},children:"When to Apply this SPB / When Not Apply"})]}),i(h,{sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC"},children:i(l,{sx:{display:"flex",gap:1},children:[{label:"When to apply",content:W?.when_to_apply},{label:"When NOT to apply",content:W?.when_not_to_apply}].map(({label:t,content:o})=>e(l,{sx:{flex:1,bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px",p:1.25},children:[i(c,{sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151",mb:.75},children:t}),o?i(z,{fontSize:"0.8rem",message:o,isDarkMode:ie,style:X?.markdownRenderer,extraMetaData:H,cognitiveDecisioningStyles:X?.cognitiveDecisioning}):R?e(l,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[i(d,{variant:"text",width:"100%",height:14}),i(d,{variant:"text",width:"80%",height:14}),i(d,{variant:"text",width:"90%",height:14})]}):i(c,{sx:{fontSize:"0.8rem",color:"#6B7280",lineHeight:1.5},children:"— Not yet available"})]},t))})})]}),e(a,{disableGutters:!0,elevation:0,sx:{border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff",...X?.specificationsSection},children:[e(s,{expandIcon:i(u,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}},children:[i(c,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827",...X?.specificationsTitle},children:"Specifications"}),i(c,{sx:{fontSize:"0.7rem",color:"#9CA3AF"},children:"Strict Rules / Input / Output"})]}),i(h,{sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1},children:[{label:"Strict Rules",tooltip:null,content:W?.constraints_and_rules},{label:"Input",tooltip:"Input specification for this SPB",content:W?.input_analysis},{label:"Output",tooltip:"Output specification for this SPB",content:W?.output_analysis}].map(({label:o,tooltip:n,content:r})=>{const f="Output"===o,m=f&&r?(e=>{const i=[];return{text:e.replace(/<code>([\s\S]*?)<\/code>/g,(e,t)=>(i.push(t.trim()),"")).trim(),code:i.join("\n\n")}})(r):null,g=m?m.text:r,b=m?m.code:"";return e(a,{disableGutters:!0,elevation:0,defaultExpanded:"Strict Rules"===o,sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px !important","&:before":{display:"none"},overflow:"hidden"},children:[i(s,{expandIcon:i(u,{sx:{fontSize:"1rem"}}),sx:{minHeight:34,px:1.25,"& .MuiAccordionSummary-content":{my:.4}},children:e(l,{sx:{display:"flex",alignItems:"center",gap:.5},children:[i(c,{sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151"},children:o}),n&&i(p,{title:n,placement:"top",children:i(l,{component:"span",sx:{width:13,height:13,borderRadius:"50%",background:"#E5E7EB",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"0.58rem",color:"#6B7280",fontWeight:700,cursor:"default",flexShrink:0},children:"i"})})]})}),i(h,{sx:{px:1.25,pb:1.25,pt:0},children:r?e(t,{children:[g&&i(z,{fontSize:"0.8rem",message:g,isDarkMode:ie,style:X?.markdownRenderer,extraMetaData:H,cognitiveDecisioningStyles:X?.cognitiveDecisioning}),f&&b&&e(l,{sx:{width:"100%",height:"35vh",mt:1.5},children:[e(l,{sx:{display:"flex",gap:.1,backgroundColor:"black",flexDirection:"row",alignItems:"center",justifyContent:"space-between",p:1,borderTopLeftRadius:"8px",borderTopRightRadius:"8px"},children:[i(c,{sx:{color:"white",fontWeight:500,fontSize:"0.8rem"},children:"Output preview"}),i(p,{title:"Copy Code to clipboard",children:i(x,{size:"small",onClick:()=>{return e=b,navigator.clipboard.writeText(e);var e},children:i(c,{sx:{fontSize:"0.7rem",color:"white"},children:"Copy"})})})]}),i(l,{sx:{mt:-1,height:"calc(100% - 40px)",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px",overflow:"hidden"},children:i(E,{content:b,isDarkMode:ie,height:"100%",fontSize:10})})]})]}):R?e(l,{sx:{display:"flex",flexDirection:"column",gap:.5},children:[i(d,{variant:"text",width:"100%",height:14}),i(d,{variant:"text",width:"90%",height:14}),i(d,{variant:"text",width:"75%",height:14})]}):i(c,{sx:{fontSize:"0.74rem",color:"#6B7280",lineHeight:1.5},children:"— Not yet available"})})]},o)})})]}),e(a,{defaultExpanded:!0,disableGutters:!0,elevation:0,sx:{border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},bgcolor:"#fff",...X?.dependencyGraphSection},children:[i(s,{expandIcon:i(u,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75},"&.Mui-expanded":{bgcolor:"#F8FAFC",borderRadius:"8px 8px 0 0"}},children:i(c,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827",...X?.dependencyGraphTitle},children:"Dependency Graph"})}),i(h,{sx:{px:0,pb:0,pt:0},children:e(l,W?.dependency_graph?{sx:{bgcolor:"#F8FAFC",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1.5},children:[i(l,{sx:{height:500,borderRadius:"8px",overflow:"hidden"},children:i(D,{data:W.dependency_graph,isDarkMode:ie,style:X?.dependencyGraph})}),i(c,{sx:{fontSize:"0.72rem",color:"#64748B",lineHeight:1.6},children:"This graph visualises how Atomic Prompt Blocks (APBs) depend on, influence, or exchange information with one another within the prompt architecture."})]}:{sx:{bgcolor:"#fff",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1},children:[i(d,{variant:"rectangular",width:"100%",height:400,sx:{borderRadius:"8px"}}),i(d,{variant:"text",width:"100%",height:14}),i(d,{variant:"text",width:"80%",height:14})]})})]})]})}),P&&L&&i(l,{onClick:()=>le(e=>!e),sx:{width:20,flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRight:"1px solid #e5e7eb",borderLeft:"1px solid #e5e7eb",bgcolor:"#f9fafb",position:"relative",py:2,"&:hover":{bgcolor:"#f0f0f0"},...X?.collapseStrip},children:i(c,{sx:{fontSize:10,fontWeight:600,color:"#6b7280",writingMode:"vertical-rl",textOrientation:"mixed",transform:"rotate(180deg)",letterSpacing:"0.05em",userSelect:"none"},children:"SPB Details"})}),P&&L&&i(l,{onClick:()=>le(e=>!e),onMouseDown:e=>{e.preventDefault(),ae.current=!0;const i=e=>{if(!ae.current||!se.current)return;const o=se.current.getBoundingClientRect(),n=o.left,r=o.width,l=e.clientX-n;if(l<200)return le(!0),ae.current=!1,document.removeEventListener("mousemove",i),void document.removeEventListener("mouseup",t);l>.7*r||(le(!1),de(l))},t=()=>{ae.current=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",t)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",t)},sx:{position:"absolute",left:re?20:ce+20,top:"50%",transform:"translateY(-50%)",width:18,height:28,bgcolor:"#fff",border:"1px solid #e5e7eb",borderRadius:"0 6px 6px 0",display:"flex",alignItems:"center",justifyContent:"center",cursor:"col-resize",zIndex:5,boxShadow:"2px 0 4px rgba(0,0,0,0.06)","&:hover":{bgcolor:"#f9fafb"},...X?.dragHandle},children:i(re?w:v,{sx:{fontSize:12,color:"#6b7280"}})}),P&&e(l,{sx:{flex:1,minWidth:0,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden",p:2,gap:1.5,bgcolor:"#f8fafc",...X?.codePanel},children:[e(l,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0,...X?.codePanelHeader},children:[i(c,{sx:{fontSize:13,fontWeight:600,color:"#374151",...X?.codePanelTitle},children:C||"SPB Analysis"}),e(l,{sx:{display:"flex",alignItems:"center",gap:1.5},children:[G&&i(f,{checked:ie,onChange:e=>te(e.target.checked),size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}}),j&&O&&i(p,{title:"Fullscreen",placement:"top",children:i(x,{size:"small",onClick:()=>ne({ref:V||"",description:""}),sx:{color:"#6b7280"},children:i(b,{sx:{fontSize:16}})})})]})]}),i(l,{sx:{flex:1,minHeight:0,border:"1px solid #30363d",borderRadius:1,overflow:"hidden",...X?.editorContainer},children:i(E,{content:M,selectedTag:V,isDarkMode:ie,height:"100%",fontSize:13})})]})]}),O&&e(m,{open:!!oe,onClose:()=>ne(null),maxWidth:!1,PaperProps:{sx:{width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column",...X?.fullscreenModal}},children:[e(l,{sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},children:[i(c,{sx:{fontWeight:700,fontSize:"1rem",color:"#111827"},children:"Promptemon"}),i(x,{size:"small",onClick:()=>ne(null),children:i(y,{sx:{fontSize:"1.1rem",color:"#6B7280"}})})]}),e(l,{sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0},children:[e(l,{sx:{width:"40%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"},children:[e(l,{sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1},children:[i(p,{title:"Atomic Prompt Block",placement:"top",children:i(g,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}})}),i(c,{sx:{fontWeight:600,fontSize:"0.9rem",color:"#111827"},children:oe?.ref})]}),e(l,{sx:{flex:1,p:2,display:"flex",flexDirection:"column",gap:1.5,overflowY:"auto"},children:[e(l,{sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5},children:[i(c,{sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75},children:"Description"}),i(c,{sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6},children:oe?.description})]}),e(l,{sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.25,display:"flex",alignItems:"center",gap:.5},children:[i(c,{sx:{fontSize:"0.73rem",color:"#6B7280"},children:"Total Lines"}),i(c,{sx:{fontSize:"0.73rem",fontWeight:700,color:"#111827"},children:M.split("\n").length})]})]})]}),e(l,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"},children:[e(l,{sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[i(c,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"},children:"Prompt Preview"}),i(f,{checked:ie,onChange:e=>te(e.target.checked),size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}})]}),i(l,{sx:{flex:1,minHeight:0,p:1.5},children:i(E,{content:M,selectedTag:V,isDarkMode:ie,height:"100%",fontSize:13})})]})]})]})]})};export{M as default};
+import{__assign as e}from"tslib";import{jsxs as i,jsx as n,Fragment as t}from"react/jsx-runtime";import{useState as o,useEffect as r,useRef as l}from"react";import{Box as d,Typography as c,Skeleton as a,Accordion as s,AccordionSummary as h,AccordionDetails as p,Tooltip as f,IconButton as u,Switch as x,Dialog as m,Chip as g}from"@mui/material";import v from"@mui/icons-material/ExpandMore";import b from"@mui/icons-material/Fullscreen";import y from"@mui/icons-material/Close";import S from"@mui/icons-material/NearMeOutlined";import w from"@mui/icons-material/ChevronLeft";import D from"@mui/icons-material/ChevronRight";import z from"./DependencyGraph.js";import{MarkdownRenderer as E}from"./Markdownrenderer.js";import{InternalEditor as k}from"./Internaleditor.js";var B=function(t){var r=t.text,l=t.detailedSummary,a=t.extraMetaData,s=t.isDarkMode,h=void 0!==s&&s,p=t.markdownRendererStyle,f=t.cognitiveDecisioningStyles,u=o(!1),x=u[0],m=u[1],g=function(e,i){void 0===i&&(i=220);var n=e.replace(/<!--\s*<ai_reasoning>[\s\S]*?<\/ai_reasoning>\s*-->/g,"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim();if(n.length<=i)return{preview:n,truncated:!1};var t=n.slice(0,i),o=t.lastIndexOf(" ");return{preview:(o>0?t.slice(0,o):t).trim(),truncated:!0}}(r),v=g.preview,b=g.truncated;return n(d,{children:i(d,x?{children:[n(E,{message:r,fontSize:"0.8rem",extraMetaData:a,isDarkMode:h,cognitiveDecisioningStyles:f,style:p}),(null==l?void 0:l.trim())&&n(E,{message:l,fontSize:"0.8rem",extraMetaData:a,isDarkMode:h,cognitiveDecisioningStyles:f,style:p}),n(c,e({component:"span",onClick:function(){return m(!1)},sx:{fontSize:"0.72rem",color:h?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"}},{children:"view less"}))]}:e({sx:{display:"flex",flexDirection:"column"}},{children:[i(c,e({sx:{fontSize:"0.8rem",color:h?"#cbd5e1":"#4B5563",lineHeight:1.6}},{children:[v,b&&"…"]})),(b||(null==l?void 0:l.trim()))&&n(d,e({sx:{display:"flex",justifyContent:"flex-end"}},{children:n(c,e({component:"span",onClick:function(){return m(!0)},sx:{fontSize:"0.72rem",color:h?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"}},{children:"...view more"}))}))]}))})},M=function(t){var a=t.text,s=t.extraMetaData,h=t.cognitiveDecisioningStyles,p=o(!1),f=p[0],u=p[1],x=o(!1),m=x[0],g=x[1],v=l(null);return r(function(){var e=v.current;e&&g(e.scrollWidth>e.clientWidth)},[a]),n(d,e({sx:{pl:1}},{children:i(d,f?e({sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4}},{children:[n(E,{message:a,fontSize:"0.68rem",extraMetaData:s,cognitiveDecisioningStyles:h}),n(c,e({component:"span",onClick:function(){return u(!1)},sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600}},{children:"view less"}))]}):e({sx:{display:"flex",alignItems:"baseline",gap:.5}},{children:[n(c,e({ref:v,sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",flex:1,minWidth:0}},{children:a})),m&&n(c,e({component:"span",onClick:function(){return u(!0)},sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600,flexShrink:0}},{children:"view more"}))]}))}))},C=function(C){var R,A=C.promptContent,F=C.promptTitle,W=C.isLoading,I=void 0!==W&&W,H=C.overviewSummary,P=C.functionalityOfSPB,T=void 0===P?[]:P,_=C.spbAdditionalInfo,L=C.lastAnalyzedAt,j=C.extraMetaData,O=C.showCodePanel,G=void 0===O||O,N=C.showInlineApbEditor,X=void 0===N||N,Y=C.disableApbNavigation,q=void 0!==Y&&Y,J=C.showCollapseStrip,K=void 0===J||J,Q=C.showFullscreenButton,U=void 0===Q||Q,V=C.showFullscreenModal,Z=void 0===V||V,$=C.showThemeToggle,ee=void 0===$||$,ie=C.isDarkMode,ne=void 0===ie||ie,te=C.styles,oe=C.className,re=C.style,le=C.sx,de=o(null),ce=de[0],ae=de[1],se=o(null),he=se[0],pe=se[1],fe=o(""),ue=fe[0],xe=fe[1],me=void 0!==(null==te?void 0:te.isDarkMode)?te.isDarkMode:ne,ge=o(me),ve=ge[0],be=ge[1],ye=o(null),Se=ye[0],we=ye[1];r(function(){void 0!==(null==te?void 0:te.isDarkMode)&&be(te.isDarkMode)},[null==te?void 0:te.isDarkMode]);var De=o(!1),ze=De[0],Ee=De[1],ke=o(480),Be=ke[0],Me=ke[1],Ce=l(!1),Re=l(null);r(function(){var e,i,n;L?ae(L):T.length>0&&ae((e=new Date,i=e.toLocaleTimeString("en-IN",{hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0}),n=e.toLocaleDateString("en-IN",{day:"numeric",month:"short",year:"numeric"}),"".concat(i||""," | ").concat(n||"")))},[T,L]),r(function(){I&&ae(null)},[I]),r(function(){Se&&(xe(""),setTimeout(function(){return xe(Se.ref)},500))},[Se]);return i(d,e({className:oe,style:e(e({},null==te?void 0:te.root),re),sx:e({height:"100%",display:"flex",flexDirection:"column",width:"100%",minHeight:0,overflow:"hidden"},le)},{children:[n(d,e({sx:e({px:2.5,py:1.5,borderBottom:"1px solid #e5e7eb",display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#fff",flexShrink:0},null==te?void 0:te.header)},{children:i(d,e({sx:{display:"flex",flexDirection:"column",gap:.25}},{children:[n(c,e({sx:e({fontWeight:700,fontSize:"0.9rem",color:"#111827"},null==te?void 0:te.headerTitle)},{children:F||"SPB Analysis"})),n(c,e({sx:e({fontSize:"0.7rem",color:"#9CA3AF"},null==te?void 0:te.headerSubtitle)},{children:ce?"Last Analyzed at ".concat(ce):""}))]}))})),i(d,e({ref:Re,sx:{display:"flex",flex:1,minHeight:0,overflow:"hidden",position:"relative"}},{children:[n(d,e({sx:e({width:G?ze&&K?0:Be:"100%",flexShrink:0,minHeight:0,overflow:"hidden",transition:Ce.current?"none":"width 0.15s",borderRight:!G||ze&&K?"none":"1px solid #e5e7eb"},null==te?void 0:te.leftPanel)},{children:i(d,e({sx:{width:"100%",height:"100%",minHeight:0,overflowY:"auto",display:"flex",flexDirection:"column",gap:1,px:1.25,py:1.25,pb:2}},{children:[i(d,e({sx:e({border:"1px solid #E5E7EB",borderRadius:"8px",bgcolor:"#F8FAFC",p:1.5},null==te?void 0:te.overviewSection)},{children:[n(c,e({sx:e({fontWeight:600,fontSize:"0.85rem",color:"#111827",mb:1},null==te?void 0:te.overviewTitle)},{children:"Overview"})),n(d,e({sx:e({bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5},null==te?void 0:te.overviewContent)},{children:(null===(R=null==H?void 0:H.overallSummary)||void 0===R?void 0:R.trim())?n(B,{text:H.overallSummary,detailedSummary:H.detailedSummary,extraMetaData:j,isDarkMode:ve,markdownRendererStyle:null==te?void 0:te.markdownRenderer,cognitiveDecisioningStyles:null==te?void 0:te.cognitiveDecisioning}):i(d,e({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[n(a,{variant:"text",width:"100%",height:14}),n(a,{variant:"text",width:"90%",height:14}),n(a,{variant:"text",width:"95%",height:14})]}))}))]})),i(s,e({disableGutters:!0,elevation:0,sx:e({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==te?void 0:te.functionalitySection)},{children:[n(h,e({expandIcon:n(v,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75}}},{children:n(c,e({sx:e({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==te?void 0:te.functionalityTitle)},{children:"Functionality of SPB"}))})),n(p,e({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1}},{children:T.length>0?T.map(function(t,o){return i(s,e({disableGutters:!0,elevation:0,defaultExpanded:0===o,sx:e({bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},overflow:"hidden"},null==te?void 0:te.functionalityItem)},{children:[n(h,e({expandIcon:n(v,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:38,"& .MuiAccordionSummary-content":{my:.5}}},{children:i(c,e({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827"}},{children:[o+1,". ",t.name||t.section_name]}))})),i(p,e({sx:{px:1.5,pb:1.5,pt:0,display:"flex",flexDirection:"column",gap:.75}},{children:[n(E,{fontSize:"0.74rem",message:t.description||t.reason_for_inclusion||"",extraMetaData:j,cognitiveDecisioningStyles:null==te?void 0:te.cognitiveDecisioning}),n(c,e({sx:{fontSize:"0.72rem",color:"#9CA3AF",fontWeight:500,mt:.25}},{children:"APB References"})),n(d,e({sx:{display:"flex",flexDirection:"column",gap:.75}},{children:t.apb_references.map(function(t,o){var r="string"==typeof t?t:t.apb_name,l=he===r;return i(d,e({sx:{display:"flex",flexDirection:"column",gap:.15}},{children:[i(d,e({onClick:q?void 0:function(){return function(e){he===e?(pe(null),xe("")):(pe(e),xe(""),setTimeout(function(){return xe(e)},50))}(r)},sx:{display:"flex",alignItems:"center",gap:.25,cursor:q?"default":"pointer"}},{children:[i(c,e({sx:{fontSize:"0.78rem",color:l?"#5928ed":"#DB2877",fontWeight:500}},{children:[o+1,". ",r]})),!q&&n(S,{sx:{fontSize:"0.75rem",color:l?"#5928ed":"#DB2877"}})]})),"string"!=typeof t&&(t.description||t.context)&&n(M,{text:t.description||t.context||"",extraMetaData:j,cognitiveDecisioningStyles:null==te?void 0:te.cognitiveDecisioning}),X&&l&&n(d,e({sx:{mt:1,height:260,border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"}},{children:n(k,{content:A,selectedTag:ue,isDarkMode:ve,height:"100%",fontSize:12})}))]}),o)})}))]}))]}),o)}):n(d,e({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[1,2,3].map(function(t){return i(d,e({sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5,display:"flex",flexDirection:"column",gap:.5}},{children:[n(a,{variant:"text",width:"40%",height:16}),n(a,{variant:"text",width:"90%",height:14}),n(a,{variant:"text",width:"80%",height:14}),n(a,{variant:"text",width:"30%",height:14})]}),t)})}))}))]})),i(s,e({disableGutters:!0,elevation:0,sx:e({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==te?void 0:te.applicabilitySection)},{children:[i(h,e({expandIcon:n(v,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}}},{children:[n(c,e({sx:e({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==te?void 0:te.applicabilityTitle)},{children:"Applicability"})),n(c,e({sx:{fontSize:"0.7rem",color:"#9CA3AF"}},{children:"When to Apply this SPB / When Not Apply"}))]})),n(p,e({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC"}},{children:n(d,e({sx:{display:"flex",gap:1}},{children:[{label:"When to apply",content:null==_?void 0:_.when_to_apply},{label:"When NOT to apply",content:null==_?void 0:_.when_not_to_apply}].map(function(t){var o=t.label,r=t.content;return i(d,e({sx:{flex:1,bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px",p:1.25}},{children:[n(c,e({sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151",mb:.75}},{children:o})),r?n(E,{fontSize:"0.8rem",message:r,isDarkMode:ve,style:null==te?void 0:te.markdownRenderer,extraMetaData:j,cognitiveDecisioningStyles:null==te?void 0:te.cognitiveDecisioning}):I?i(d,e({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[n(a,{variant:"text",width:"100%",height:14}),n(a,{variant:"text",width:"80%",height:14}),n(a,{variant:"text",width:"90%",height:14})]})):n(c,e({sx:{fontSize:"0.8rem",color:"#6B7280",lineHeight:1.5}},{children:"— Not yet available"}))]}),o)})}))}))]})),i(s,e({disableGutters:!0,elevation:0,sx:e({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==te?void 0:te.specificationsSection)},{children:[i(h,e({expandIcon:n(v,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}}},{children:[n(c,e({sx:e({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==te?void 0:te.specificationsTitle)},{children:"Specifications"})),n(c,e({sx:{fontSize:"0.7rem",color:"#9CA3AF"}},{children:"Strict Rules / Input / Output"}))]})),n(p,e({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1}},{children:[{label:"Strict Rules",tooltip:null,content:null==_?void 0:_.constraints_and_rules},{label:"Input",tooltip:"Input specification for this SPB",content:null==_?void 0:_.input_analysis},{label:"Output",tooltip:"Output specification for this SPB",content:null==_?void 0:_.output_analysis}].map(function(o){var r=o.label,l=o.tooltip,x=o.content,m="Output"===r,g=m&&x?function(e){var i=[];return{text:e.replace(/<code>([\s\S]*?)<\/code>/g,function(e,n){return i.push(n.trim()),""}).trim(),code:i.join("\n\n")}}(x):null,b=g?g.text:x,y=g?g.code:"";return i(s,e({disableGutters:!0,elevation:0,defaultExpanded:"Strict Rules"===r,sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px !important","&:before":{display:"none"},overflow:"hidden"}},{children:[n(h,e({expandIcon:n(v,{sx:{fontSize:"1rem"}}),sx:{minHeight:34,px:1.25,"& .MuiAccordionSummary-content":{my:.4}}},{children:i(d,e({sx:{display:"flex",alignItems:"center",gap:.5}},{children:[n(c,e({sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151"}},{children:r})),l&&n(f,e({title:l,placement:"top"},{children:n(d,e({component:"span",sx:{width:13,height:13,borderRadius:"50%",background:"#E5E7EB",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"0.58rem",color:"#6B7280",fontWeight:700,cursor:"default",flexShrink:0}},{children:"i"}))}))]}))})),n(p,e({sx:{px:1.25,pb:1.25,pt:0}},{children:x?i(t,{children:[b&&n(E,{fontSize:"0.8rem",message:b,isDarkMode:ve,style:null==te?void 0:te.markdownRenderer,extraMetaData:j,cognitiveDecisioningStyles:null==te?void 0:te.cognitiveDecisioning}),m&&y&&i(d,e({sx:{width:"100%",height:"35vh",mt:1.5}},{children:[i(d,e({sx:{display:"flex",gap:.1,backgroundColor:"black",flexDirection:"row",alignItems:"center",justifyContent:"space-between",p:1,borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[n(c,e({sx:{color:"white",fontWeight:500,fontSize:"0.8rem"}},{children:"Output preview"})),n(f,e({title:"Copy Code to clipboard"},{children:n(u,e({size:"small",onClick:function(){return e=y,navigator.clipboard.writeText(e);var e}},{children:n(c,e({sx:{fontSize:"0.7rem",color:"white"}},{children:"Copy"}))}))}))]})),n(d,e({sx:{mt:-1,height:"calc(100% - 40px)",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px",overflow:"hidden"}},{children:n(k,{content:y,isDarkMode:ve,height:"100%",fontSize:10})}))]}))]}):I?i(d,e({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[n(a,{variant:"text",width:"100%",height:14}),n(a,{variant:"text",width:"90%",height:14}),n(a,{variant:"text",width:"75%",height:14})]})):n(c,e({sx:{fontSize:"0.74rem",color:"#6B7280",lineHeight:1.5}},{children:"— Not yet available"}))}))]}),r)})}))]})),i(s,e({defaultExpanded:!0,disableGutters:!0,elevation:0,sx:e({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},bgcolor:"#fff"},null==te?void 0:te.dependencyGraphSection)},{children:[n(h,e({expandIcon:n(v,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75},"&.Mui-expanded":{bgcolor:"#F8FAFC",borderRadius:"8px 8px 0 0"}}},{children:n(c,e({sx:e({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==te?void 0:te.dependencyGraphTitle)},{children:"Dependency Graph"}))})),n(p,e({sx:{px:0,pb:0,pt:0}},{children:(null==_?void 0:_.dependency_graph)?i(d,e({sx:{bgcolor:"#F8FAFC",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1.5}},{children:[n(d,e({sx:{height:500,borderRadius:"8px",overflow:"hidden"}},{children:n(z,{data:_.dependency_graph,isDarkMode:ve,style:null==te?void 0:te.dependencyGraph})})),n(c,e({sx:{fontSize:"0.72rem",color:"#64748B",lineHeight:1.6}},{children:"This graph visualises how Atomic Prompt Blocks (APBs) depend on, influence, or exchange information with one another within the prompt architecture."}))]})):i(d,e({sx:{bgcolor:"#fff",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1}},{children:[n(a,{variant:"rectangular",width:"100%",height:400,sx:{borderRadius:"8px"}}),n(a,{variant:"text",width:"100%",height:14}),n(a,{variant:"text",width:"80%",height:14})]}))}))]}))]}))})),G&&K&&n(d,e({onClick:function(){return Ee(function(e){return!e})},sx:e({width:20,flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRight:"1px solid #e5e7eb",borderLeft:"1px solid #e5e7eb",bgcolor:"#f9fafb",position:"relative",py:2,"&:hover":{bgcolor:"#f0f0f0"}},null==te?void 0:te.collapseStrip)},{children:n(c,e({sx:{fontSize:10,fontWeight:600,color:"#6b7280",writingMode:"vertical-rl",textOrientation:"mixed",transform:"rotate(180deg)",letterSpacing:"0.05em",userSelect:"none"}},{children:"SPB Details"}))})),G&&K&&n(d,e({onClick:function(){return Ee(function(e){return!e})},onMouseDown:function(e){e.preventDefault(),Ce.current=!0;var i=function(e){if(Ce.current&&Re.current){var t=Re.current.getBoundingClientRect(),o=t.left,r=t.width,l=e.clientX-o;if(l<200)return Ee(!0),Ce.current=!1,document.removeEventListener("mousemove",i),void document.removeEventListener("mouseup",n);l>.7*r||(Ee(!1),Me(l))}},n=function(){Ce.current=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",n)},sx:e({position:"absolute",left:ze?20:Be+20,top:"50%",transform:"translateY(-50%)",width:18,height:28,bgcolor:"#fff",border:"1px solid #e5e7eb",borderRadius:"0 6px 6px 0",display:"flex",alignItems:"center",justifyContent:"center",cursor:"col-resize",zIndex:5,boxShadow:"2px 0 4px rgba(0,0,0,0.06)","&:hover":{bgcolor:"#f9fafb"}},null==te?void 0:te.dragHandle)},{children:n(ze?D:w,{sx:{fontSize:12,color:"#6b7280"}})})),G&&i(d,e({sx:e({flex:1,minWidth:0,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden",p:2,gap:1.5,bgcolor:"#f8fafc"},null==te?void 0:te.codePanel)},{children:[i(d,e({sx:e({display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},null==te?void 0:te.codePanelHeader)},{children:[n(c,e({sx:e({fontSize:13,fontWeight:600,color:"#374151"},null==te?void 0:te.codePanelTitle)},{children:F||"SPB Analysis"})),i(d,e({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:[ee&&n(x,{checked:ve,onChange:function(e){return be(e.target.checked)},size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}}),U&&Z&&n(f,e({title:"Fullscreen",placement:"top"},{children:n(u,e({size:"small",onClick:function(){return we({ref:ue||"",description:""})},sx:{color:"#6b7280"}},{children:n(b,{sx:{fontSize:16}})}))}))]}))]})),n(d,e({sx:e({flex:1,minHeight:0,border:"1px solid #30363d",borderRadius:1,overflow:"hidden"},null==te?void 0:te.editorContainer)},{children:n(k,{content:A,selectedTag:ue,isDarkMode:ve,height:"100%",fontSize:13})}))]}))]})),Z&&i(m,e({open:!!Se,onClose:function(){return we(null)},maxWidth:!1,PaperProps:{sx:e({width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"},null==te?void 0:te.fullscreenModal)}},{children:[i(d,e({sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0}},{children:[n(c,e({sx:{fontWeight:700,fontSize:"1rem",color:"#111827"}},{children:"Promptemon"})),n(u,e({size:"small",onClick:function(){return we(null)}},{children:n(y,{sx:{fontSize:"1.1rem",color:"#6B7280"}})}))]})),i(d,e({sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0}},{children:[i(d,e({sx:{width:"40%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[i(d,e({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1}},{children:[n(f,e({title:"Atomic Prompt Block",placement:"top"},{children:n(g,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}})})),n(c,e({sx:{fontWeight:600,fontSize:"0.9rem",color:"#111827"}},{children:null==Se?void 0:Se.ref}))]})),i(d,e({sx:{flex:1,p:2,display:"flex",flexDirection:"column",gap:1.5,overflowY:"auto"}},{children:[i(d,e({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5}},{children:[n(c,e({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75}},{children:"Description"})),n(c,e({sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6}},{children:null==Se?void 0:Se.description}))]})),i(d,e({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.25,display:"flex",alignItems:"center",gap:.5}},{children:[n(c,e({sx:{fontSize:"0.73rem",color:"#6B7280"}},{children:"Total Lines"})),n(c,e({sx:{fontSize:"0.73rem",fontWeight:700,color:"#111827"}},{children:A.split("\n").length}))]}))]}))]})),i(d,e({sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[i(d,e({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[n(c,e({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:"Prompt Preview"})),n(x,{checked:ve,onChange:function(e){return be(e.target.checked)},size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}})]})),n(d,e({sx:{flex:1,minHeight:0,p:1.5}},{children:n(k,{content:A,selectedTag:ue,isDarkMode:ve,height:"100%",fontSize:13})}))]}))]}))]}))]}))};export{C as default};
 //# sourceMappingURL=Spbanalysispanel.js.map

package/dist/features/SPBAnalysisPanel/Spbanalysispanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Spbanalysispanel.js","sources":["../../../src/features/SPBAnalysisPanel/Spbanalysispanel.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport {\n Box, Typography, Accordion, AccordionSummary, AccordionDetails,\n Skeleton, Tooltip, Chip, IconButton, Switch, Dialog,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport NearMeOutlinedIcon from \"@mui/icons-material/NearMeOutlined\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport DependencyGraph from \"./DependencyGraph\";\nimport MarkdownRenderer from \"./Markdownrenderer\";\nimport InternalEditor from \"./Internaleditor\";\nimport type { CognitiveReasoningPanelStyles } from \"./Cognitivereasoningpanel\";\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n// These replace the app's SystemPromptTemplateGeneratorModeContextProviderForPromptBlocks\n// types (APBDefinition, FPBBlock, IOverviewSummaryForSPB, SPBAdditionalInfo). The library\n// owns its own shape; consumer maps their context data onto these props.\n\nexport interface SPBApbReference {\n apb_name: string;\n description?: string;\n context?: string;\n}\n\nexport interface SPBFunctionalityItem {\n name?: string;\n section_name?: string;\n description?: string;\n reason_for_inclusion?: string;\n apb_references: (string \| SPBApbReference)[];\n}\n\nexport interface SPBOverviewSummary {\n overallSummary: string;\n detailedSummary?: string;\n extraMetaData?: Record<string, any> \| null;\n}\n\nexport interface SPBAdditionalInfo {\n when_to_apply?: string;\n when_not_to_apply?: string;\n constraints_and_rules?: string;\n input_analysis?: string;\n output_analysis?: string;\n dependency_graph?: any; // shape expected by DependencyGraph's `data` prop\n}\n\nexport interface SPBAnalysisPanelStyles {\n /** Root container style overrides /\n root?: React.CSSProperties \| any;\n /* Header top bar style overrides /\n header?: React.CSSProperties \| any;\n /* Header title typography style overrides /\n headerTitle?: React.CSSProperties \| any;\n /* Header subtitle typography style overrides /\n headerSubtitle?: React.CSSProperties \| any;\n /* Left panel container style overrides /\n leftPanel?: React.CSSProperties \| any;\n /* Overview outer container style overrides /\n overviewSection?: React.CSSProperties \| any;\n /* Overview header title style overrides /\n overviewTitle?: React.CSSProperties \| any;\n /* Overview content box style overrides /\n overviewContent?: React.CSSProperties \| any;\n /* Functionality section main accordion style overrides /\n functionalitySection?: React.CSSProperties \| any;\n /* Functionality section title style overrides /\n functionalityTitle?: React.CSSProperties \| any;\n /* Individual functionality item accordion style overrides /\n functionalityItem?: React.CSSProperties \| any;\n /* Applicability section accordion style overrides /\n applicabilitySection?: React.CSSProperties \| any;\n /* Applicability section title style overrides /\n applicabilityTitle?: React.CSSProperties \| any;\n /* Specifications section accordion style overrides /\n specificationsSection?: React.CSSProperties \| any;\n /* Specifications section title style overrides /\n specificationsTitle?: React.CSSProperties \| any;\n /* Dependency graph section accordion style overrides /\n dependencyGraphSection?: React.CSSProperties \| any;\n /* Dependency graph title style overrides /\n dependencyGraphTitle?: React.CSSProperties \| any;\n /* Dependency graph component style overrides /\n dependencyGraph?: React.CSSProperties \| any;\n /* Right-side persistent code panel container style overrides /\n codePanel?: React.CSSProperties \| any;\n /* Code panel header bar style overrides /\n codePanelHeader?: React.CSSProperties \| any;\n /* Code panel title style overrides /\n codePanelTitle?: React.CSSProperties \| any;\n /* Monaco internal editor container style overrides /\n editorContainer?: React.CSSProperties \| any;\n /* Vertical collapse strip style overrides /\n collapseStrip?: React.CSSProperties \| any;\n /* Drag handle pill style overrides /\n dragHandle?: React.CSSProperties \| any;\n /* Fullscreen modal paper style overrides /\n fullscreenModal?: React.CSSProperties \| any;\n /* Markdown renderer custom style overrides /\n markdownRenderer?: React.CSSProperties \| any;\n /* Cognitive decisioning popup style overrides /\n cognitiveDecisioning?: CognitiveReasoningPanelStyles;\n /* Theme mode flag inside styles object if passed /\n isDarkMode?: boolean;\n}\n\nexport interface SPBAnalysisPanelProps {\n /* Full text of the system prompt this SPB analysis is derived from — used for the persistent/fullscreen preview editor /\n promptContent: string;\n promptTitle?: string;\n isLoading?: boolean;\n\n overviewSummary?: SPBOverviewSummary \| null;\n functionalityOfSPB?: SPBFunctionalityItem[];\n spbAdditionalInfo?: SPBAdditionalInfo \| null;\n lastAnalyzedAt?: string;\n\n /* Shared citation/reasoning map keyed by the id referenced in data-cognitive-reasoning anchors across ALL sections (overview, functionality, applicability, specifications, APB references) /\n extraMetaData?: Record<string, any> \| null;\n\n /* Show the persistent right-side code editor panel. Defaults to true. /\n showCodePanel?: boolean;\n\n /* Show the inline Monaco editor that expands beneath a clicked APB reference, highlighting that section. Defaults to true. /\n showInlineApbEditor?: boolean;\n\n /* When true, APB reference items are display-only: no click handler and no NearMe icon. /\n disableApbNavigation?: boolean;\n\n /* Show the vertical collapse strip and drag handle pill. Defaults to true. /\n showCollapseStrip?: boolean;\n\n /* Show the Fullscreen button in the code panel header. Defaults to true. /\n showFullscreenButton?: boolean;\n\n /* Allow and show the Fullscreen preview modal (Dialog). Defaults to true. /\n showFullscreenModal?: boolean;\n\n /* Show the dark/light theme toggle switch in code panels. Defaults to true. /\n showThemeToggle?: boolean;\n\n /* Single customizable styles object containing section-specific style overrides for all components down to the core /\n styles?: SPBAnalysisPanelStyles;\n\n /* Whether dark mode theme is active. Defaults to true. (Can also be set inside `styles.isDarkMode`). /\n isDarkMode?: boolean;\n\n /* Optional custom CSS class name for the root container /\n className?: string;\n /* Optional custom inline style object for the root container /\n style?: React.CSSProperties;\n /* Optional MUI sx prop overrides for the root container /\n sx?: any;\n}\n\n// ─── OverviewText ──────────────────────────────────────────────────────────\n\n// Strips the invisible <ai_reasoning> comment block and any HTML/markdown\n// tags, then truncates on a word boundary. Used only for the collapsed\n// preview so it never contains a CD anchor/icon that could get clipped\n// mid-element by a fixed-height container.\nconst buildPlainPreview = (raw: string, maxChars = 220): { preview: string; truncated: boolean } => {\n const withoutReasoningBlock = raw.replace(/<!--\\s<ai_reasoning>[\\s\\S]?<\\/ai_reasoning>\\s-->/g, \"\");\n const plainText = withoutReasoningBlock\n .replace(/<[^>]+>/g, \"\") // strip any HTML tags (anchors, etc.)\n .replace(/\\s+/g, \" \")\n .trim();\n\n if (plainText.length <= maxChars) {\n return { preview: plainText, truncated: false };\n }\n\n const cut = plainText.slice(0, maxChars);\n const lastSpace = cut.lastIndexOf(\" \");\n const preview = (lastSpace > 0 ? cut.slice(0, lastSpace) : cut).trim();\n return { preview, truncated: true };\n};\n\nconst OverviewText = ({\n text,\n detailedSummary,\n extraMetaData,\n isDarkMode = false,\n markdownRendererStyle,\n cognitiveDecisioningStyles,\n}: {\n text: string;\n detailedSummary?: string;\n extraMetaData?: Record<string, any> \| null;\n isDarkMode?: boolean;\n markdownRendererStyle?: React.CSSProperties \| any;\n cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles;\n}) => {\n const [expanded, setExpanded] = useState(false);\n const { preview, truncated } = buildPlainPreview(text);\n\n return (\n <Box>\n {!expanded ? (\n <Box sx={{ display: \"flex\", flexDirection: \"column\" }}>\n <Typography sx={{ fontSize: \"0.8rem\", color: isDarkMode ? \"#cbd5e1\" : \"#4B5563\", lineHeight: 1.6 }}>\n {preview}\n {truncated && \"…\"}\n </Typography>\n {(truncated \|\| detailedSummary?.trim()) && (\n <Box sx={{ display: \"flex\", justifyContent: \"flex-end\" }}>\n <Typography component=\"span\" onClick={() => setExpanded(true)} sx={{ fontSize: \"0.72rem\", color: isDarkMode ? \"#a78bfa\" : \"#5928ed\", fontWeight: 600, cursor: \"pointer\" }}>\n ...view more\n </Typography>\n </Box>\n )}\n </Box>\n ) : (\n <Box>\n <MarkdownRenderer message={text} fontSize=\"0.8rem\" extraMetaData={extraMetaData} isDarkMode={isDarkMode} cognitiveDecisioningStyles={cognitiveDecisioningStyles} style={markdownRendererStyle} />\n {detailedSummary?.trim() && <MarkdownRenderer message={detailedSummary} fontSize=\"0.8rem\" extraMetaData={extraMetaData} isDarkMode={isDarkMode} cognitiveDecisioningStyles={cognitiveDecisioningStyles} style={markdownRendererStyle} />}\n <Typography component=\"span\" onClick={() => setExpanded(false)} sx={{ fontSize: \"0.72rem\", color: isDarkMode ? \"#a78bfa\" : \"#5928ed\", fontWeight: 600, cursor: \"pointer\" }}>\n view less\n </Typography>\n </Box>\n )}\n </Box>\n );\n};\n\n// ─── APBRefDescription ───────────────────────────────────────────────────────\n\nconst APBRefDescription = ({ text, extraMetaData, cognitiveDecisioningStyles }: { text: string; extraMetaData?: Record<string, any> \| null; cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles }) => {\n const [expanded, setExpanded] = useState(false);\n const [isOverflowing, setIsOverflowing] = useState(false);\n const textRef = useRef<HTMLSpanElement>(null);\n\n useEffect(() => {\n const el = textRef.current;\n if (!el) return;\n setIsOverflowing(el.scrollWidth > el.clientWidth);\n }, [text]);\n\n return (\n <Box sx={{ pl: 1 }}>\n {expanded ? (\n <Box sx={{ fontSize: \"0.68rem\", color: \"#9CA3AF\", lineHeight: 1.4 }}>\n <MarkdownRenderer message={text} fontSize=\"0.68rem\" extraMetaData={extraMetaData} cognitiveDecisioningStyles={cognitiveDecisioningStyles} />\n <Typography component=\"span\" onClick={() => setExpanded(false)} sx={{ fontSize: \"0.65rem\", color: \"#5928ed\", cursor: \"pointer\", fontWeight: 600 }}>\n view less\n </Typography>\n </Box>\n ) : (\n <Box sx={{ display: \"flex\", alignItems: \"baseline\", gap: 0.5 }}>\n <Typography ref={textRef} sx={{ fontSize: \"0.68rem\", color: \"#9CA3AF\", lineHeight: 1.4, overflow: \"hidden\", whiteSpace: \"nowrap\", textOverflow: \"ellipsis\", flex: 1, minWidth: 0 }}>\n {text}\n </Typography>\n {isOverflowing && (\n <Typography component=\"span\" onClick={() => setExpanded(true)} sx={{ fontSize: \"0.65rem\", color: \"#5928ed\", cursor: \"pointer\", fontWeight: 600, flexShrink: 0 }}>\n view more\n </Typography>\n )}\n </Box>\n )}\n </Box>\n );\n};\n\n// ─── Main ────────────────────────────────────────────────────────────────────\n\nconst SPBAnalysisPanel = ({\n promptContent,\n promptTitle,\n isLoading = false,\n overviewSummary,\n functionalityOfSPB = [],\n spbAdditionalInfo,\n lastAnalyzedAt: lastAnalyzedAtProp,\n extraMetaData,\n showCodePanel = true,\n showInlineApbEditor = true,\n disableApbNavigation = false,\n showCollapseStrip = true,\n showFullscreenButton = true,\n showFullscreenModal = true,\n showThemeToggle = true,\n isDarkMode: isDarkModeProp = true,\n styles,\n className,\n style,\n sx,\n}: SPBAnalysisPanelProps) => {\n const [lastSyncedAt, setLastSyncedAt] = useState<string \| null>(null);\n const [expandedApbRef, setExpandedApbRef] = useState<string \| null>(null);\n const [selectedTag, setSelectedTag] = useState<string>(\"\");\n const effectiveIsDarkMode = styles?.isDarkMode !== undefined ? styles.isDarkMode : isDarkModeProp;\n const [isDarkMode, setIsDarkMode] = useState(effectiveIsDarkMode);\n const [apbPopup, setApbPopup] = useState<{ ref: string; description: string } \| null>(null);\n\n useEffect(() => {\n if (styles?.isDarkMode !== undefined) {\n setIsDarkMode(styles.isDarkMode);\n }\n }, [styles?.isDarkMode]);\n\n // ─── Drag-to-resize left panel, mirrors FPB Promptemon's behavior ───────\n const [isLeftPanelCollapsed, setIsLeftPanelCollapsed] = useState(false);\n const [leftPanelWidth, setLeftPanelWidth] = useState(480);\n const isDraggingRef = useRef(false);\n const bodyRef = useRef<HTMLDivElement>(null);\n\n const handleDragStart = (e: React.MouseEvent) => {\n e.preventDefault();\n isDraggingRef.current = true;\n const onMouseMove = (e: MouseEvent) => {\n if (!isDraggingRef.current \|\| !bodyRef.current) return;\n const bodyRect = bodyRef.current.getBoundingClientRect();\n const bodyLeft = bodyRect.left;\n const bodyWidth = bodyRect.width;\n const newWidth = e.clientX - bodyLeft;\n if (newWidth < 200) {\n setIsLeftPanelCollapsed(true);\n isDraggingRef.current = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n return;\n }\n const maxLeftPanelWidth = bodyWidth * 0.7;\n if (newWidth > maxLeftPanelWidth) return;\n setIsLeftPanelCollapsed(false);\n setLeftPanelWidth(newWidth);\n };\n const onMouseUp = () => {\n isDraggingRef.current = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n };\n\n const handleApbRefClick = (refName: string) => {\n if (expandedApbRef === refName) {\n setExpandedApbRef(null);\n setSelectedTag(\"\");\n } else {\n setExpandedApbRef(refName);\n setSelectedTag(\"\");\n setTimeout(() => setSelectedTag(refName), 50);\n }\n };\n\n const formatSyncTime = (date: Date) => {\n const time = date.toLocaleTimeString(\"en-IN\", { hour: \"numeric\", minute: \"2-digit\", second: \"2-digit\", hour12: true });\n const day = date.toLocaleDateString(\"en-IN\", { day: \"numeric\", month: \"short\", year: \"numeric\" });\n return `${time \|\| \"\"} \| ${day \|\| \"\"}`;\n };\n\n useEffect(() => {\n if (lastAnalyzedAtProp) {\n setLastSyncedAt(lastAnalyzedAtProp);\n } else if (functionalityOfSPB.length > 0) {\n setLastSyncedAt(formatSyncTime(new Date()));\n }\n }, [functionalityOfSPB, lastAnalyzedAtProp]);\n\n useEffect(() => {\n if (isLoading) setLastSyncedAt(null);\n }, [isLoading]);\n\n useEffect(() => {\n if (apbPopup) {\n setSelectedTag(\"\");\n setTimeout(() => setSelectedTag(apbPopup.ref), 500);\n }\n }, [apbPopup]);\n\n const copyToClipboard = (text: string) => navigator.clipboard.writeText(text);\n\n const extractSnCode = (content: string): { text: string; code: string } => {\n const codeBlocks: string[] = [];\n const text = content.replace(/<code>([\\s\\S]?)<\\/code>/g, (_, code) => {\n codeBlocks.push(code.trim());\n return \"\";\n }).trim();\n return { text, code: codeBlocks.join(\"\\n\\n\") };\n };\n\n return (\n <Box\n className={className}\n style={{ ...styles?.root, ...style }}\n sx={{\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n width: \"100%\",\n minHeight: 0,\n overflow: \"hidden\",\n ...sx,\n }}\n >\n {/ Header /}\n <Box sx={{ px: 2.5, py: 1.5, borderBottom: \"1px solid #e5e7eb\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", bgcolor: \"#fff\", flexShrink: 0, ...styles?.header }}>\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.25 }}>\n <Typography sx={{ fontWeight: 700, fontSize: \"0.9rem\", color: \"#111827\", ...styles?.headerTitle }}>{promptTitle \|\| \"SPB Analysis\"}</Typography>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\", ...styles?.headerSubtitle }}>{lastSyncedAt ? `Last Analyzed at ${lastSyncedAt}` : \"\"}</Typography>\n </Box>\n </Box>\n\n {/ Body — two columns: left analysis accordions (scrollable), right persistent editor (optional, draggable width) /}\n <Box ref={bodyRef} sx={{ display: \"flex\", flex: 1, minHeight: 0, overflow: \"hidden\", position: \"relative\" }}>\n <Box sx={{ width: showCodePanel ? (isLeftPanelCollapsed && showCollapseStrip ? 0 : leftPanelWidth) : \"100%\", flexShrink: 0, minHeight: 0, overflow: \"hidden\", transition: isDraggingRef.current ? \"none\" : \"width 0.15s\", borderRight: showCodePanel && (!isLeftPanelCollapsed \|\| !showCollapseStrip) ? \"1px solid #e5e7eb\" : \"none\", ...styles?.leftPanel }}>\n <Box sx={{ width: \"100%\", height: \"100%\", minHeight: 0, overflowY: \"auto\", display: \"flex\", flexDirection: \"column\", gap: 1, px: 1.25, py: 1.25, pb: 2 }}>\n\n {/ Overview /}\n <Box sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px\", bgcolor: \"#F8FAFC\", p: 1.5, ...styles?.overviewSection }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", mb: 1, ...styles?.overviewTitle }}>Overview</Typography>\n <Box sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.5, ...styles?.overviewContent }}>\n {overviewSummary?.overallSummary?.trim() ? (\n <OverviewText text={overviewSummary.overallSummary} detailedSummary={overviewSummary.detailedSummary} extraMetaData={extraMetaData} isDarkMode={isDarkMode} markdownRendererStyle={styles?.markdownRenderer} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />\n ) : (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n <Skeleton variant=\"text\" width=\"95%\" height={14} />\n </Box>\n )}\n </Box>\n </Box>\n\n {/ Functionality of SPB /}\n <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.functionalitySection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.functionalityTitle }}>Functionality of SPB</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\", display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n {functionalityOfSPB.length > 0 ? functionalityOfSPB.map((item, i) => (\n <Accordion key={i} disableGutters elevation={0} defaultExpanded={i === 0}\n sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, overflow: \"hidden\", ...styles?.functionalityItem }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: 38, \"& .MuiAccordionSummary-content\": { my: 0.5 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.8rem\", color: \"#111827\" }}>{i + 1}. {item.name \|\| item.section_name}</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, display: \"flex\", flexDirection: \"column\", gap: 0.75 }}>\n <MarkdownRenderer\n fontSize=\"0.74rem\"\n message={item.description \|\| item.reason_for_inclusion \|\| \"\"}\n extraMetaData={extraMetaData}\n cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n />\n <Typography sx={{ fontSize: \"0.72rem\", color: \"#9CA3AF\", fontWeight: 500, mt: 0.25 }}>APB References</Typography>\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.75 }}>\n {item.apb_references.map((ref, j) => {\n const refName = typeof ref === \"string\" ? ref : ref.apb_name;\n const isActiveTag = expandedApbRef === refName;\n return (\n <Box key={j} sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.15 }}>\n <Box onClick={disableApbNavigation ? undefined : () => handleApbRefClick(refName)} sx={{ display: \"flex\", alignItems: \"center\", gap: 0.25, cursor: disableApbNavigation ? \"default\" : \"pointer\" }}>\n <Typography sx={{ fontSize: \"0.78rem\", color: isActiveTag ? \"#5928ed\" : \"#DB2877\", fontWeight: 500 }}>{j + 1}. {refName}</Typography>\n {!disableApbNavigation && <NearMeOutlinedIcon sx={{ fontSize: \"0.75rem\", color: isActiveTag ? \"#5928ed\" : \"#DB2877\" }} />}\n </Box>\n {typeof ref !== \"string\" && (ref.description \|\| ref.context) && (\n <APBRefDescription text={ref.description \|\| ref.context \|\| \"\"} extraMetaData={extraMetaData} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />\n )}\n {showInlineApbEditor && isActiveTag && (\n <Box sx={{ mt: 1, height: 260, border: \"1px solid #e5e7eb\", borderRadius: \"8px\", overflow: \"hidden\" }}>\n <InternalEditor content={promptContent} selectedTag={selectedTag} isDarkMode={isDarkMode} height=\"100%\" fontSize={12} />\n </Box>\n )}\n </Box>\n );\n })}\n </Box>\n </AccordionDetails>\n </Accordion>\n )) : (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n {[1, 2, 3].map((i) => (\n <Box key={i} sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.5, display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"40%\" height={16} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n <Skeleton variant=\"text\" width=\"80%\" height={14} />\n <Skeleton variant=\"text\" width=\"30%\" height={14} />\n </Box>\n ))}\n </Box>\n )}\n </AccordionDetails>\n </Accordion>\n\n {/ Applicability /}\n <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.applicabilitySection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75, alignItems: \"center\", gap: 1 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.applicabilityTitle }}>Applicability</Typography>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\" }}>When to Apply this SPB / When Not Apply</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\" }}>\n <Box sx={{ display: \"flex\", gap: 1 }}>\n {([\n { label: \"When to apply\", content: spbAdditionalInfo?.when_to_apply },\n { label: \"When NOT to apply\", content: spbAdditionalInfo?.when_not_to_apply },\n ] as const).map(({ label, content }) => (\n <Box key={label} sx={{ flex: 1, bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"6px\", p: 1.25 }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.76rem\", color: \"#374151\", mb: 0.75 }}>{label}</Typography>\n {content ? (\n <MarkdownRenderer fontSize=\"0.8rem\" message={content} isDarkMode={isDarkMode} style={styles?.markdownRenderer} extraMetaData={extraMetaData} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />\n ) : isLoading ? (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"80%\" height={14} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n </Box>\n ) : (\n <Typography sx={{ fontSize: \"0.8rem\", color: \"#6B7280\", lineHeight: 1.5 }}>— Not yet available</Typography>\n )}\n </Box>\n ))}\n </Box>\n </AccordionDetails>\n </Accordion>\n\n {/ Specifications /}\n <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.specificationsSection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75, alignItems: \"center\", gap: 1 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.specificationsTitle }}>Specifications</Typography>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\" }}>Strict Rules / Input / Output</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\", display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n {[\n { label: \"Strict Rules\", tooltip: null, content: spbAdditionalInfo?.constraints_and_rules },\n { label: \"Input\", tooltip: \"Input specification for this SPB\", content: spbAdditionalInfo?.input_analysis },\n { label: \"Output\", tooltip: \"Output specification for this SPB\", content: spbAdditionalInfo?.output_analysis },\n ].map(({ label, tooltip, content }) => {\n const isOutput = label === \"Output\";\n const parsed = isOutput && content ? extractSnCode(content) : null;\n const markdownContent = parsed ? parsed.text : content;\n const codeContent = parsed ? parsed.code : \"\";\n\n return (\n <Accordion key={label} disableGutters elevation={0} defaultExpanded={label === \"Strict Rules\"}\n sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"6px !important\", \"&:before\": { display: \"none\" }, overflow: \"hidden\" }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\" }} />} sx={{ minHeight: 34, px: 1.25, \"& .MuiAccordionSummary-content\": { my: 0.4 } }}>\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.76rem\", color: \"#374151\" }}>{label}</Typography>\n {tooltip && (\n <Tooltip title={tooltip} placement=\"top\">\n <Box component=\"span\" sx={{ width: 13, height: 13, borderRadius: \"50%\", background: \"#E5E7EB\", display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\", fontSize: \"0.58rem\", color: \"#6B7280\", fontWeight: 700, cursor: \"default\", flexShrink: 0 }}>i</Box>\n </Tooltip>\n )}\n </Box>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.25, pb: 1.25, pt: 0 }}>\n {content ? (\n <>\n {markdownContent && <MarkdownRenderer fontSize=\"0.8rem\" message={markdownContent} isDarkMode={isDarkMode} style={styles?.markdownRenderer} extraMetaData={extraMetaData} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />}\n {isOutput && codeContent && (\n <Box sx={{ width: \"100%\", height: \"35vh\", mt: 1.5 }}>\n <Box sx={{ display: \"flex\", gap: 0.1, backgroundColor: \"black\", flexDirection: \"row\", alignItems: \"center\", justifyContent: \"space-between\", p: 1, borderTopLeftRadius: \"8px\", borderTopRightRadius: \"8px\" }}>\n <Typography sx={{ color: \"white\", fontWeight: 500, fontSize: \"0.8rem\" }}>Output preview</Typography>\n <Tooltip title=\"Copy Code to clipboard\">\n <IconButton size=\"small\" onClick={() => copyToClipboard(codeContent)}>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"white\" }}>Copy</Typography>\n </IconButton>\n </Tooltip>\n </Box>\n <Box sx={{ mt: -1, height: \"calc(100% - 40px)\", borderBottomLeftRadius: \"8px\", borderBottomRightRadius: \"8px\", overflow: \"hidden\" }}>\n <InternalEditor content={codeContent} isDarkMode={isDarkMode} height=\"100%\" fontSize={10} />\n </Box>\n </Box>\n )}\n </>\n ) : isLoading ? (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n <Skeleton variant=\"text\" width=\"75%\" height={14} />\n </Box>\n ) : (\n <Typography sx={{ fontSize: \"0.74rem\", color: \"#6B7280\", lineHeight: 1.5 }}>— Not yet available</Typography>\n )}\n </AccordionDetails>\n </Accordion>\n );\n })}\n </AccordionDetails>\n </Accordion>\n\n {/ Dependency Graph /}\n <Accordion defaultExpanded disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, bgcolor: \"#fff\", ...styles?.dependencyGraphSection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75 }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\", borderRadius: \"8px 8px 0 0\" } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.dependencyGraphTitle }}>Dependency Graph</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 0, pb: 0, pt: 0 }}>\n {spbAdditionalInfo?.dependency_graph ? (\n <Box sx={{ bgcolor: \"#F8FAFC\", borderRadius: \"0 0 8px 8px\", p: 1.5, display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\n <Box sx={{ height: 500, borderRadius: \"8px\", overflow: \"hidden\" }}>\n <DependencyGraph data={spbAdditionalInfo.dependency_graph} isDarkMode={isDarkMode} style={styles?.dependencyGraph} />\n </Box>\n <Typography sx={{ fontSize: \"0.72rem\", color: \"#64748B\", lineHeight: 1.6 }}>\n This graph visualises how Atomic Prompt Blocks (APBs) depend on, influence, or exchange information with one another within the prompt architecture.\n </Typography>\n </Box>\n ) : (\n <Box sx={{ bgcolor: \"#fff\", borderRadius: \"0 0 8px 8px\", p: 1.5, display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n <Skeleton variant=\"rectangular\" width=\"100%\" height={400} sx={{ borderRadius: \"8px\" }} />\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"80%\" height={14} />\n </Box>\n )}\n </AccordionDetails>\n </Accordion>\n </Box>\n </Box>\n\n {/ Collapse strip — click to toggle, matches FPB Promptemon's \"FPB Details\" strip /}\n {showCodePanel && showCollapseStrip && (\n <Box\n onClick={() => setIsLeftPanelCollapsed((p) => !p)}\n sx={{\n width: 20, flexShrink: 0, display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\",\n cursor: \"pointer\", borderRight: \"1px solid #e5e7eb\", borderLeft: \"1px solid #e5e7eb\", bgcolor: \"#f9fafb\",\n position: \"relative\", py: 2, \"&:hover\": { bgcolor: \"#f0f0f0\" },\n ...styles?.collapseStrip,\n }}\n >\n <Typography sx={{ fontSize: 10, fontWeight: 600, color: \"#6b7280\", writingMode: \"vertical-rl\", textOrientation: \"mixed\", transform: \"rotate(180deg)\", letterSpacing: \"0.05em\", userSelect: \"none\" }}>\n SPB Details\n </Typography>\n </Box>\n )}\n\n {/ Drag handle / arrow pill /}\n {showCodePanel && showCollapseStrip && (\n <Box\n onClick={() => setIsLeftPanelCollapsed((p) => !p)}\n onMouseDown={handleDragStart}\n sx={{\n position: \"absolute\", left: isLeftPanelCollapsed ? 20 : leftPanelWidth + 20, top: \"50%\", transform: \"translateY(-50%)\",\n width: 18, height: 28, bgcolor: \"#fff\", border: \"1px solid #e5e7eb\", borderRadius: \"0 6px 6px 0\",\n display: \"flex\", alignItems: \"center\", justifyContent: \"center\", cursor: \"col-resize\", zIndex: 5,\n boxShadow: \"2px 0 4px rgba(0,0,0,0.06)\", \"&:hover\": { bgcolor: \"#f9fafb\" },\n ...styles?.dragHandle,\n }}\n >\n {isLeftPanelCollapsed ? <ChevronRightIcon sx={{ fontSize: 12, color: \"#6b7280\" }} /> : <ChevronLeftIcon sx={{ fontSize: 12, color: \"#6b7280\" }} />}\n </Box>\n )}\n\n {/ Right panel — persistent editor, optional via showCodePanel /}\n {showCodePanel && (\n <Box sx={{ flex: 1, minWidth: 0, minHeight: 0, display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", p: 2, gap: 1.5, bgcolor: \"#f8fafc\", ...styles?.codePanel }}>\n <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", flexShrink: 0, ...styles?.codePanelHeader }}>\n <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\", ...styles?.codePanelTitle }}>\n {promptTitle \|\| \"SPB Analysis\"}\n </Typography>\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5 }}>\n {showThemeToggle && (\n <Switch checked={isDarkMode} onChange={(e) => setIsDarkMode(e.target.checked)} size=\"small\"\n sx={{ width: 36, height: 20, padding: 0, '& .MuiSwitch-switchBase': { padding: 0, margin: '2px', '&.Mui-checked': { transform: 'translateX(16px)', color: '#fff', '& + .MuiSwitch-track': { bgcolor: \"#5928ed\", opacity: 1 } } }, '& .MuiSwitch-thumb': { width: 16, height: 16, bgcolor: '#fff' }, '& .MuiSwitch-track': { borderRadius: 10, bgcolor: '#d1d5db', opacity: 1 } }} />\n )}\n {showFullscreenButton && showFullscreenModal && (\n <Tooltip title=\"Fullscreen\" placement=\"top\">\n <IconButton size=\"small\" onClick={() => setApbPopup({ ref: selectedTag \|\| \"\", description: \"\" })} sx={{ color: \"#6b7280\" }}>\n <FullscreenIcon sx={{ fontSize: 16 }} />\n </IconButton>\n </Tooltip>\n )}\n </Box>\n </Box>\n <Box sx={{ flex: 1, minHeight: 0, border: \"1px solid #30363d\", borderRadius: 1, overflow: \"hidden\", ...styles?.editorContainer }}>\n <InternalEditor content={promptContent} selectedTag={selectedTag} isDarkMode={isDarkMode} height=\"100%\" fontSize={13} />\n </Box>\n </Box>\n )}\n </Box>\n\n {/ Fullscreen APB Preview */}\n {showFullscreenModal && (\n <Dialog open={!!apbPopup} onClose={() => setApbPopup(null)} maxWidth={false}\n PaperProps={{ sx: { width: \"82vw\", height: \"80vh\", maxWidth: \"none\", borderRadius: \"12px\", overflow: \"hidden\", display: \"flex\", flexDirection: \"column\", ...styles?.fullscreenModal } }}>\n <Box sx={{ px: 2.5, py: 1.5, borderBottom: \"1px solid #E5E7EB\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", flexShrink: 0 }}>\n <Typography sx={{ fontWeight: 700, fontSize: \"1rem\", color: \"#111827\" }}>Promptemon</Typography>\n <IconButton size=\"small\" onClick={() => setApbPopup(null)}><CloseIcon sx={{ fontSize: \"1.1rem\", color: \"#6B7280\" }} /></IconButton>\n </Box>\n <Box sx={{ flex: 1, display: \"flex\", overflow: \"hidden\", minHeight: 0 }}>\n <Box sx={{ width: \"40%\", flexShrink: 0, borderRight: \"1px solid #E5E7EB\", display: \"flex\", flexDirection: \"column\", overflow: \"hidden\" }}>\n <Box sx={{ px: 2, py: 1.25, borderBottom: \"1px solid #E5E7EB\", display: \"flex\", alignItems: \"center\", gap: 1 }}>\n <Tooltip title=\"Atomic Prompt Block\" placement=\"top\">\n <Chip label=\"APB\" size=\"small\" sx={{ bgcolor: \"#f1f5f9\", color: \"#475569\", fontWeight: 700, fontSize: 10, height: 20, borderRadius: 1 }} />\n </Tooltip>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.9rem\", color: \"#111827\" }}>{apbPopup?.ref}</Typography>\n </Box>\n <Box sx={{ flex: 1, p: 2, display: \"flex\", flexDirection: \"column\", gap: 1.5, overflowY: \"auto\" }}>\n <Box sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.5 }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.8rem\", color: \"#111827\", mb: 0.75 }}>Description</Typography>\n <Typography sx={{ fontSize: \"0.73rem\", color: \"#6B7280\", lineHeight: 1.6 }}>{apbPopup?.description}</Typography>\n </Box>\n <Box sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.25, display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\n <Typography sx={{ fontSize: \"0.73rem\", color: \"#6B7280\" }}>Total Lines</Typography>\n <Typography sx={{ fontSize: \"0.73rem\", fontWeight: 700, color: \"#111827\" }}>{promptContent.split(\"\\n\").length}</Typography>\n </Box>\n </Box>\n </Box>\n <Box sx={{ flex: 1, minWidth: 0, display: \"flex\", flexDirection: \"column\", overflow: \"hidden\" }}>\n <Box sx={{ px: 2, py: 1.25, borderBottom: \"1px solid #E5E7EB\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\" }}>Prompt Preview</Typography>\n <Switch checked={isDarkMode} onChange={(e) => setIsDarkMode(e.target.checked)} size=\"small\"\n sx={{ width: 36, height: 20, padding: 0, '& .MuiSwitch-switchBase': { padding: 0, margin: '2px', '&.Mui-checked': { transform: 'translateX(16px)', color: '#fff', '& + .MuiSwitch-track': { bgcolor: \"#5928ed\", opacity: 1 } } }, '& .MuiSwitch-thumb': { width: 16, height: 16, bgcolor: '#fff' }, '& .MuiSwitch-track': { borderRadius: 10, bgcolor: '#d1d5db', opacity: 1 } }} />\n </Box>\n <Box sx={{ flex: 1, minHeight: 0, p: 1.5 }}>\n <InternalEditor content={promptContent} selectedTag={selectedTag} isDarkMode={isDarkMode} height=\"100%\" fontSize={13} />\n </Box>\n </Box>\n </Box>\n </Dialog>\n )}\n </Box>\n );\n};\n\nexport default SPBAnalysisPanel;\n"],"names":["OverviewText","text","detailedSummary","extraMetaData","isDarkMode","markdownRendererStyle","cognitiveDecisioningStyles","expanded","setExpanded","useState","preview","truncated","raw","maxChars","plainText","replace","trim","length","cut","slice","lastSpace","lastIndexOf","buildPlainPreview","jsx","Box","children","MarkdownRenderer","message","fontSize","style","Typography","component","onClick","sx","color","fontWeight","cursor","display","flexDirection","jsxs","lineHeight","justifyContent","APBRefDescription","isOverflowing","setIsOverflowing","textRef","useRef","useEffect","el","current","scrollWidth","clientWidth","pl","alignItems","gap","ref","overflow","whiteSpace","textOverflow","flex","minWidth","flexShrink","SPBAnalysisPanel","promptContent","promptTitle","isLoading","overviewSummary","functionalityOfSPB","spbAdditionalInfo","lastAnalyzedAt","lastAnalyzedAtProp","showCodePanel","showInlineApbEditor","disableApbNavigation","showCollapseStrip","showFullscreenButton","showFullscreenModal","showThemeToggle","isDarkModeProp","styles","className","lastSyncedAt","setLastSyncedAt","expandedApbRef","setExpandedApbRef","selectedTag","setSelectedTag","effectiveIsDarkMode","setIsDarkMode","apbPopup","setApbPopup","isLeftPanelCollapsed","setIsLeftPanelCollapsed","leftPanelWidth","setLeftPanelWidth","isDraggingRef","bodyRef","date","Date","toLocaleTimeString","hour","minute","second","hour12","toLocaleDateString","day","month","year","setTimeout","root","height","width","minHeight","px","py","borderBottom","bgcolor","header","headerTitle","headerSubtitle","position","transition","borderRight","leftPanel","overflowY","pb","border","borderRadius","p","overviewSection","mb","overviewTitle","overviewContent","overallSummary","markdownRenderer","cognitiveDecisioning","Skeleton","variant","Accordion","disableGutters","elevation","functionalitySection","AccordionSummary","expandIcon","ExpandMoreIcon","my","functionalityTitle","AccordionDetails","pt","map","item","i","defaultExpanded","functionalityItem","name","section_name","description","reason_for_inclusion","mt","apb_references","j","refName","apb_name","isActiveTag","handleApbRefClick","NearMeOutlinedIcon","context","InternalEditor","content","applicabilitySection","applicabilityTitle","label","when_to_apply","when_not_to_apply","specificationsSection","specificationsTitle","tooltip","constraints_and_rules","input_analysis","output_analysis","isOutput","parsed","codeBlocks","_","code","push","join","extractSnCode","markdownContent","codeContent","Tooltip","title","placement","background","Fragment","backgroundColor","borderTopLeftRadius","borderTopRightRadius","IconButton","size","copyToClipboard","navigator","clipboard","writeText","borderBottomLeftRadius","borderBottomRightRadius","dependencyGraphSection","dependencyGraphTitle","dependency_graph","DependencyGraph","data","dependencyGraph","borderLeft","collapseStrip","writingMode","textOrientation","transform","letterSpacing","userSelect","onMouseDown","e","preventDefault","onMouseMove","bodyRect","getBoundingClientRect","bodyLeft","left","bodyWidth","newWidth","clientX","document","removeEventListener","onMouseUp","addEventListener","top","zIndex","boxShadow","dragHandle","ChevronRightIcon","ChevronLeftIcon","codePanel","codePanelHeader","codePanelTitle","Switch","checked","onChange","target","padding","margin","opacity","FullscreenIcon","editorContainer","Dialog","open","onClose","maxWidth","PaperProps","fullscreenModal","CloseIcon","Chip","split"],"mappings":"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"}
1	+ {"version":3,"file":"Spbanalysispanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/ScannedDocCitation/ScannedDocCitation.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as i,jsx as t}from"react/jsx-runtime";import{useState as o,useRef as n,useCallback as r,useEffect as l}from"react";import{ChevronUp as d,ChevronDown as a,X as s,Maximize2 as c}from"lucide-react";import{Modal as p}from"../ChatCitation/components/wrappers/Modal.js";import{Tooltip as h}from"@mui/material";function g({images:g,highlights:x,pages:u,subHeadingText:m="",showFullScreenMode:b=!0,citationLabelColor:f="#FFFF2E",showCitationLabelOnHover:y=!1,highlightColor:v="rgba(255, 220, 0, 0.15)",highlightActiveColor:C="rgba(255, 220, 0, 0.35)",highlightBorderColor:k="rgba(200, 160, 0, 0.4)",height:w="700px",subHeadingTitleInsideModal:I,scrollToFirstCitation:z=!1,showPageSeparator:S=!0,pageSeparatorColor:B="#e2e8f0",activeCitationIndex:F,onActiveCitationChange:M,headerAction:L}){const R=[],$=[];u?.length?u.forEach((e,i)=>{e.gs_url&&R.push(e.gs_url),e.highlighted_coordinates?.forEach(e=>{$.push({pageIndex:i,bboxes:[e]})})}):(R.push(...g||[]),$.push(...x||[]));const T=$.flatMap((e,i)=>e.bboxes.map((t,o)=>({bbox:t,pageIndex:e.pageIndex,key:`${i}-${o}`}))),H=T.length,[A,E]=o(null),[j,D]=o(0),[P,W]=o(!1),[_,O]=o({}),q=n(null),Y=n(null),G=n(null),J=n([]),K=n([]),N=n(!1),Q=r((e,i=!1)=>{const t=Math.max(0,Math.min(H-1,e));D(t),M&&M(t),requestAnimationFrame(()=>{const e=i?G.current:Y.current,o=(i?K:J).current[t];if(!e||!o)return;const n=e.getBoundingClientRect(),r=o.getBoundingClientRect(),l=r.top-n.top+e.scrollTop-e.clientHeight/2+r.height/2;e.scrollTo({top:l,behavior:"smooth"})})},[H,M]);l(()=>{void 0!==F&&0!==H&&q.current!==F&&(q.current=F,D(F),Q(F,!1))},[F,H,Q]),l(()=>{if(!z||N.current||0===H)return;const e=T?.[0]?.pageIndex;_[e]&&(N.current=!0,Q(0,!1))},[z,_,H,T,Q]);const U=(o=!1)=>H>0&&t("div",{style:{display:"flex",alignItems:"center",marginBottom:"6px"},children:e("div",{style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:"4px"},children:[e("span",{style:{fontSize:"12px",color:"#888"},children:[j+1," / ",H]}),t("button",{onClick:()=>Q(j-1,o),disabled:j<=0,style:{padding:"2px 4px",cursor:j<=0?"not-allowed":"pointer",opacity:j<=0?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"},children:t(d,{size:14,color:"#64748b"})}),t("button",{onClick:()=>Q(j+1,o),disabled:j>=H-1,style:{padding:"2px 4px",cursor:j>=H-1?"not-allowed":"pointer",opacity:j>=H-1?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"},children:t(a,{size:14,color:"#64748b"})}),!L&&b&&e(i,{children:[t("span",{style:{width:"1px",height:"16px",background:"#e2e8f0",margin:"0 2px"}}),o?t(s,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:()=>W(!1)}):t(c,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:()=>W(!0)})]}),L&&L?.icon&&L?.onClick&&e(i,{children:[t("span",{style:{width:"1px",height:"16px",background:"#e2e8f0",margin:"0 2px"}}),t(h,{title:L?.tooltip||"",arrow:!0,placement:"top",children:t("div",{onClick:L.onClick,style:{display:"flex",alignItems:"center",cursor:"pointer"},children:L.icon})})]})]})}),V=(i=!1)=>{const o=i?K:J;let n=-1;return R.map((i,r)=>{const l=$.filter(e=>e.pageIndex===r).flatMap((e,i)=>e.bboxes.map((e,t)=>(n++,{bbox:e,key:`${r}-${i}-${t}`,globalIndex:n})));return e("div",{style:{marginBottom:"8px"},children:[e("div",{style:{fontSize:"12px",color:"#888",marginBottom:"4px"},children:["Page ",r+1]}),t("div",{style:{position:"relative",width:"100%",paddingTop:"129%",flexShrink:0},children:e("div",{style:{position:"absolute",inset:0},children:[t("img",{src:i,alt:`Page ${r+1}`,style:{display:"block",width:"100%",height:"100%",objectFit:"fill"},draggable:!1,ref:e=>{e&&e.complete&&!_[r]&&O(e=>({...e,[r]:!0}))},onLoad:()=>O(e=>({...e,[r]:!0}))}),_[r]&&l.map(({bbox:i,key:n,globalIndex:r})=>{const l=j===r;return t("div",{ref:e=>{o.current[r]=e},onMouseEnter:()=>E(r),onMouseLeave:()=>E(null),style:{position:"absolute",left:100*i.xmin+"%",top:100*i.ymin+"%",width:100*(i.xmax-i.xmin)+"%",height:100*(i.ymax-i.ymin)+"%",background:l?C:v,border:l?`1.5px solid ${k}`:"none",borderRadius:"2px",zIndex:2},children:y&&A===r&&e("div",{style:{position:"absolute",top:"-18px",right:"0",fontSize:"10px",background:f,color:"black",padding:"2px 6px",borderRadius:"3px",whiteSpace:"nowrap"},children:["Citation ",r+1]})},n)})]})}),S&&r<R.length-1&&t("div",{style:{height:"1px",background:B,margin:"0"}})]},r)})},X={overflowY:"auto",border:"1px solid #ddd",borderRadius:"4px",padding:"8px",paddingBottom:0,display:"flex",flexDirection:"column",boxSizing:"border-box"};return e(i,{children:[e("div",{style:{width:"100%",maxWidth:"800px",fontFamily:"inherit",display:"flex",flexDirection:"column"},children:[(m||H>0)&&e("div",{style:{display:"flex",alignItems:"center",marginBottom:"6px"},children:[m&&t("div",{style:{fontSize:"14px",fontWeight:500,color:"#111"},children:m}),t("div",{style:{marginLeft:"auto"},children:U(!1)})]}),t("div",{ref:Y,style:{...X,maxHeight:w},children:V(!1)})]}),t(p,{isOpen:P,onClose:()=>W(!1),children:e("div",{style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"},children:[(I||H>0)&&e("div",{style:{display:"flex",alignItems:"center",marginBottom:"6px",padding:"8px"},children:[I&&t("div",{style:{fontSize:"14px",fontWeight:500,color:"#111"},children:I}),t("div",{style:{marginLeft:"auto"},children:U(!0)})]}),t("div",{ref:G,style:{...X,flex:1},children:P&&V(!0)})]})})]})}export{g as default};
+import{__assign as i}from"tslib";import{jsxs as e,Fragment as n,jsx as o}from"react/jsx-runtime";import{useState as t,useRef as r,useCallback as l,useEffect as a}from"react";import{ChevronUp as d,ChevronDown as c,X as p,Maximize2 as u}from"lucide-react";import{Modal as s}from"../ChatCitation/components/wrappers/Modal.js";import{Tooltip as h}from"@mui/material";function g(g){var x=g.images,f=g.highlights,v=g.pages,m=g.subHeadingText,b=void 0===m?"":m,y=g.showFullScreenMode,C=void 0===y||y,k=g.citationLabelColor,w=void 0===k?"#FFFF2E":k,I=g.showCitationLabelOnHover,z=void 0!==I&&I,S=g.highlightColor,B=void 0===S?"rgba(255, 220, 0, 0.15)":S,F=g.highlightActiveColor,M=void 0===F?"rgba(255, 220, 0, 0.35)":F,L=g.highlightBorderColor,R=void 0===L?"rgba(200, 160, 0, 0.4)":L,T=g.height,H=void 0===T?"700px":T,A=g.subHeadingTitleInsideModal,E=g.scrollToFirstCitation,j=void 0!==E&&E,D=g.showPageSeparator,P=void 0===D||D,W=g.pageSeparatorColor,_=void 0===W?"#e2e8f0":W,O=g.activeCitationIndex,q=g.onActiveCitationChange,Y=g.headerAction,G=[],J=[];(null==v?void 0:v.length)?v.forEach(function(i,e){var n;i.gs_url&&G.push(i.gs_url),null===(n=i.highlighted_coordinates)||void 0===n||n.forEach(function(i){J.push({pageIndex:e,bboxes:[i]})})}):(G.push.apply(G,x||[]),J.push.apply(J,f||[]));var K=J.flatMap(function(i,e){return i.bboxes.map(function(n,o){return{bbox:n,pageIndex:i.pageIndex,key:"".concat(e,"-").concat(o)}})}),N=K.length,Q=t(null),U=Q[0],V=Q[1],X=t(0),Z=X[0],$=X[1],ii=t(!1),ei=ii[0],ni=ii[1],oi=t({}),ti=oi[0],ri=oi[1],li=r(null),ai=r(null),di=r(null),ci=r([]),pi=r([]),ui=r(!1),si=l(function(i,e){void 0===e&&(e=!1);var n=Math.max(0,Math.min(N-1,i));$(n),q&&q(n),requestAnimationFrame(function(){var i=e?di.current:ai.current,o=(e?pi:ci).current[n];if(i&&o){var t=i.getBoundingClientRect(),r=o.getBoundingClientRect(),l=r.top-t.top+i.scrollTop-i.clientHeight/2+r.height/2;i.scrollTo({top:l,behavior:"smooth"})}})},[N,q]);a(function(){void 0!==O&&0!==N&&li.current!==O&&(li.current=O,$(O),si(O,!1))},[O,N,si]),a(function(){var i;if(j&&!ui.current&&0!==N){var e=null===(i=null==K?void 0:K[0])||void 0===i?void 0:i.pageIndex;ti[e]&&(ui.current=!0,si(0,!1))}},[j,ti,N,K,si]);var hi=function(t){return void 0===t&&(t=!1),N>0&&o("div",i({style:{display:"flex",alignItems:"center",marginBottom:"6px"}},{children:e("div",i({style:{marginLeft:"auto",display:"flex",alignItems:"center",gap:"4px"}},{children:[e("span",i({style:{fontSize:"12px",color:"#888"}},{children:[Z+1," / ",N]})),o("button",i({onClick:function(){return si(Z-1,t)},disabled:Z<=0,style:{padding:"2px 4px",cursor:Z<=0?"not-allowed":"pointer",opacity:Z<=0?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"}},{children:o(d,{size:14,color:"#64748b"})})),o("button",i({onClick:function(){return si(Z+1,t)},disabled:Z>=N-1,style:{padding:"2px 4px",cursor:Z>=N-1?"not-allowed":"pointer",opacity:Z>=N-1?.4:1,border:"1px solid #ddd",borderRadius:"3px",background:"white",display:"flex",alignItems:"center"}},{children:o(c,{size:14,color:"#64748b"})})),!Y&&C&&e(n,{children:[o("span",{style:{width:"1px",height:"16px",background:"#e2e8f0",margin:"0 2px"}}),t?o(p,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:function(){return ni(!1)}}):o(u,{size:16,color:"#64748b",style:{cursor:"pointer"},onClick:function(){return ni(!0)}})]}),Y&&(null==Y?void 0:Y.icon)&&(null==Y?void 0:Y.onClick)&&e(n,{children:[o("span",{style:{width:"1px",height:"16px",background:"#e2e8f0",margin:"0 2px"}}),o(h,i({title:(null==Y?void 0:Y.tooltip)||"",arrow:!0,placement:"top"},{children:o("div",i({onClick:Y.onClick,style:{display:"flex",alignItems:"center",cursor:"pointer"}},{children:Y.icon}))}))]})]}))}))},gi=function(n){void 0===n&&(n=!1);var t=n?pi:ci,r=-1;return G.map(function(n,l){var a=J.filter(function(i){return i.pageIndex===l}).flatMap(function(i,e){return i.bboxes.map(function(i,n){return r++,{bbox:i,key:"".concat(l,"-").concat(e,"-").concat(n),globalIndex:r}})});return e("div",i({style:{marginBottom:"8px"}},{children:[e("div",i({style:{fontSize:"12px",color:"#888",marginBottom:"4px"}},{children:["Page ",l+1]})),o("div",i({style:{position:"relative",width:"100%",paddingTop:"129%",flexShrink:0}},{children:e("div",i({style:{position:"absolute",inset:0}},{children:[o("img",{src:n,alt:"Page ".concat(l+1),style:{display:"block",width:"100%",height:"100%",objectFit:"fill"},draggable:!1,ref:function(e){e&&e.complete&&!ti[l]&&ri(function(e){var n;return i(i({},e),((n={})[l]=!0,n))})},onLoad:function(){return ri(function(e){var n;return i(i({},e),((n={})[l]=!0,n))})}}),ti[l]&&a.map(function(n){var r=n.bbox,l=n.key,a=n.globalIndex,d=Z===a;return o("div",i({ref:function(i){t.current[a]=i},onMouseEnter:function(){return V(a)},onMouseLeave:function(){return V(null)},style:{position:"absolute",left:"".concat(100*r.xmin,"%"),top:"".concat(100*r.ymin,"%"),width:"".concat(100*(r.xmax-r.xmin),"%"),height:"".concat(100*(r.ymax-r.ymin),"%"),background:d?M:B,border:d?"1.5px solid ".concat(R):"none",borderRadius:"2px",zIndex:2}},{children:z&&U===a&&e("div",i({style:{position:"absolute",top:"-18px",right:"0",fontSize:"10px",background:w,color:"black",padding:"2px 6px",borderRadius:"3px",whiteSpace:"nowrap"}},{children:["Citation ",a+1]}))}),l)})]}))})),P&&l<G.length-1&&o("div",{style:{height:"1px",background:_,margin:"0"}})]}),l)})},xi={overflowY:"auto",border:"1px solid #ddd",borderRadius:"4px",padding:"8px",paddingBottom:0,display:"flex",flexDirection:"column",boxSizing:"border-box"};return e(n,{children:[e("div",i({style:{width:"100%",maxWidth:"800px",fontFamily:"inherit",display:"flex",flexDirection:"column"}},{children:[(b||N>0)&&e("div",i({style:{display:"flex",alignItems:"center",marginBottom:"6px"}},{children:[b&&o("div",i({style:{fontSize:"14px",fontWeight:500,color:"#111"}},{children:b})),o("div",i({style:{marginLeft:"auto"}},{children:hi(!1)}))]})),o("div",i({ref:ai,style:i(i({},xi),{maxHeight:H})},{children:gi(!1)}))]})),o(s,i({isOpen:ei,onClose:function(){return ni(!1)}},{children:e("div",i({style:{display:"flex",flexDirection:"column",height:"100%",overflow:"hidden"}},{children:[(A||N>0)&&e("div",i({style:{display:"flex",alignItems:"center",marginBottom:"6px",padding:"8px"}},{children:[A&&o("div",i({style:{fontSize:"14px",fontWeight:500,color:"#111"}},{children:A})),o("div",i({style:{marginLeft:"auto"}},{children:hi(!0)}))]})),o("div",i({ref:di,style:i(i({},xi),{flex:1})},{children:ei&&gi(!0)}))]}))}))]})}export{g as default};
 //# sourceMappingURL=ScannedDocCitation.js.map

package/dist/features/ScannedDocCitation/ScannedDocCitation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScannedDocCitation.js","sources":["../../../src/features/ScannedDocCitation/ScannedDocCitation.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, CSSProperties } from \"react\";\nimport { Maximize2, X, ChevronUp, ChevronDown } from \"lucide-react\";\nimport { Modal } from \"../ChatCitation/components/wrappers/Modal\";\nimport { Tooltip } from \"@mui/material\";\n\nexport interface BBox {\n xmin: number;\n ymin: number;\n xmax: number;\n ymax: number;\n}\n\nexport interface PageHighlight {\n pageIndex: number;\n bboxes: BBox[];\n}\n\nexport interface Dimensions {\n unit: string;\n width: number;\n height: number;\n}\n\nexport interface HighlightedText {\n text: string;\n excerpt_from_document: string;\n page_no: number;\n reasoning: string[];\n gap: string[];\n score: number;\n}\n\nexport interface CitationPage {\n gs_url: string;\n page_no?: number;\n highlighted_coordinates?: BBox[];\n dimensions?: Dimensions;\n highlighted_text?: HighlightedText[];\n}\n\nexport interface ScannedDocCitationProps {\n images?: string[];\n highlights?: PageHighlight[];\n pages?: CitationPage[];\n citationLabelColor?: string;\n showCitationLabelOnHover?: boolean;\n subHeadingText?: string;\n showFullScreenMode?: boolean;\n highlightColor?: string;\n highlightActiveColor?: string;\n highlightBorderColor?: string;\n height?: string \| number;\n subHeadingTitleInsideModal?: string;\n scrollToFirstCitation?: boolean;\n showPageSeparator?: boolean;\n pageSeparatorColor?: string;\n activeCitationIndex?: number;\n onActiveCitationChange?: (index: number) => void;\n headerAction?: {\n icon?: React.ReactNode;\n onClick?: () => void;\n tooltip?: string;\n };\n}\n\nexport default function ScannedDocCitation({\n images,\n highlights,\n pages,\n subHeadingText=\"\",\n showFullScreenMode=true,\n citationLabelColor = \"#FFFF2E\",\n showCitationLabelOnHover = false,\n highlightColor = \"rgba(255, 220, 0, 0.15)\",\n highlightActiveColor = \"rgba(255, 220, 0, 0.35)\",\n highlightBorderColor = \"rgba(200, 160, 0, 0.4)\",\n height = \"700px\",\n subHeadingTitleInsideModal,\n scrollToFirstCitation = false,\n showPageSeparator = true,\n pageSeparatorColor = \"#e2e8f0\",\n activeCitationIndex,\n onActiveCitationChange,\n headerAction,\n}: ScannedDocCitationProps) {\n\n // normalizing to support list and single object\n const normalizedImages: string[] = [];\n const normalizedHighlights: PageHighlight[] = [];\n\n if (pages?.length) {\n pages.forEach((page, pageIndex) => {\n if (page.gs_url) {\n normalizedImages.push(page.gs_url);\n }\n page.highlighted_coordinates?.forEach((coord) => {\n normalizedHighlights.push({\n pageIndex,\n bboxes: [coord],\n });\n });\n });\n } else {\n normalizedImages.push(...(images \|\| []));\n normalizedHighlights.push(...(highlights \|\| []));\n }\n\n const allBboxes = normalizedHighlights.flatMap((h, hi) =>\n h.bboxes.map((bbox, bi) => ({\n bbox,\n pageIndex: h.pageIndex,\n key: `${hi}-${bi}`,\n }))\n );\n\n const totalHighlights = allBboxes.length;\n const [hoveredIndex, setHoveredIndex] = useState<number \| null>(null);\n const [activeIndex, setActiveIndex] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [loadedImages, setLoadedImages] = useState<Record<number, boolean>>({});\n\n const appliedExternalIndex = useRef<number \| null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const fullscreenContainerRef = useRef<HTMLDivElement>(null);\n const bboxRefsNormal = useRef<(HTMLDivElement \| null)[]>([]);\n const bboxRefsFullscreen = useRef<(HTMLDivElement \| null)[]>([]);\n const hasScrolledToFirstRef = useRef(false);\n\n const goToHighlight = useCallback((index: number, expanded = false) => {\n const clamped = Math.max(0, Math.min(totalHighlights - 1, index));\n setActiveIndex(clamped);\n if (onActiveCitationChange) {\n onActiveCitationChange(clamped);\n }\n requestAnimationFrame(() => {\n const container = expanded ? fullscreenContainerRef.current : containerRef.current;\n const bboxRefs = expanded ? bboxRefsFullscreen : bboxRefsNormal;\n const bbox = bboxRefs.current[clamped];\n if (!container \|\| !bbox) return;\n const containerRect = container.getBoundingClientRect();\n const bboxRect = bbox.getBoundingClientRect();\n const offset = bboxRect.top - containerRect.top + container.scrollTop - container.clientHeight / 2 + bboxRect.height / 2;\n container.scrollTo({ top: offset, behavior: \"smooth\" });\n });\n }, [totalHighlights, onActiveCitationChange]);\n\n // handle external activeCitationIndex control\n useEffect(() => {\n if (activeCitationIndex === undefined) return;\n if (totalHighlights === 0) return;\n if (appliedExternalIndex.current === activeCitationIndex) return;\n appliedExternalIndex.current = activeCitationIndex;\n setActiveIndex(activeCitationIndex);\n goToHighlight(activeCitationIndex, false);\n }, [activeCitationIndex, totalHighlights, goToHighlight]);\n\n useEffect(() => {\n if (!scrollToFirstCitation \|\| hasScrolledToFirstRef.current \|\| totalHighlights === 0) return;\n const firstPageIndex = allBboxes?.[0]?.pageIndex;\n if (loadedImages[firstPageIndex]) {\n hasScrolledToFirstRef.current = true;\n goToHighlight(0, false);\n }\n }, [scrollToFirstCitation, loadedImages, totalHighlights, allBboxes, goToHighlight]);\n\n const renderNav = (expanded = false) => (\n totalHighlights > 0 && (\n <div style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"6px\" }}>\n <div style={{ marginLeft: \"auto\", display: \"flex\", alignItems: \"center\", gap: \"4px\" }}>\n <span style={{ fontSize: \"12px\", color: \"#888\" }}>\n {activeIndex + 1} / {totalHighlights}\n </span>\n <button\n onClick={() => goToHighlight(activeIndex - 1, expanded)}\n disabled={activeIndex <= 0}\n style={{ padding: \"2px 4px\", cursor: activeIndex <= 0 ? \"not-allowed\" : \"pointer\", opacity: activeIndex <= 0 ? 0.4 : 1, border: \"1px solid #ddd\", borderRadius: \"3px\", background: \"white\", display: \"flex\", alignItems: \"center\" }}\n >\n <ChevronUp size={14} color=\"#64748b\" />\n </button>\n <button\n onClick={() => goToHighlight(activeIndex + 1, expanded)}\n disabled={activeIndex >= totalHighlights - 1}\n style={{ padding: \"2px 4px\", cursor: activeIndex >= totalHighlights - 1 ? \"not-allowed\" : \"pointer\", opacity: activeIndex >= totalHighlights - 1 ? 0.4 : 1, border: \"1px solid #ddd\", borderRadius: \"3px\", background: \"white\", display: \"flex\", alignItems: \"center\" }}\n >\n <ChevronDown size={14} color=\"#64748b\" />\n </button>\n\n {!headerAction && showFullScreenMode && (\n <>\n <span style={{ width: \"1px\", height: \"16px\", background: \"#e2e8f0\", margin: \"0 2px\" }} />\n {expanded\n ? <X size={16} color=\"#64748b\" style={{ cursor: \"pointer\" }} onClick={() => setIsFullscreen(false)} />\n : <Maximize2 size={16} color=\"#64748b\" style={{ cursor: \"pointer\" }} onClick={() => setIsFullscreen(true)} />\n }\n </>\n )}\n\n {headerAction && headerAction?.icon && headerAction?.onClick && (\n <>\n <span style={{ width: \"1px\", height: \"16px\", background: \"#e2e8f0\", margin: \"0 2px\" }} />\n <Tooltip title={headerAction?.tooltip \|\| \"\"} arrow placement=\"top\">\n <div onClick={headerAction.onClick} style={{ display: \"flex\", alignItems: \"center\", cursor: \"pointer\" }}>\n {headerAction.icon}\n </div>\n </Tooltip>\n </>\n )}\n </div>\n </div>\n )\n );\n\n const renderPages = (expanded = false) => {\n const bboxRefs = expanded ? bboxRefsFullscreen : bboxRefsNormal;\n let globalIndex = -1;\n return normalizedImages.map((src, pageIndex) => {\n const pageBboxes = normalizedHighlights\n .filter((h) => h.pageIndex === pageIndex)\n .flatMap((h, hi) =>\n h.bboxes.map((bbox, bi) => {\n globalIndex++;\n return { bbox, key: `${pageIndex}-${hi}-${bi}`, globalIndex };\n })\n );\n\n return (\n <div key={pageIndex} style={{ marginBottom: \"8px\" }}>\n <div style={{ fontSize: \"12px\", color: \"#888\", marginBottom: \"4px\" }}>\n Page {pageIndex + 1}\n </div>\n <div style={{ position: \"relative\", width: \"100%\", paddingTop: \"129%\", flexShrink: 0 }}>\n <div style={{ position: \"absolute\", inset: 0 }}>\n <img\n src={src}\n alt={`Page ${pageIndex + 1}`}\n style={{ display: \"block\", width: \"100%\", height: \"100%\", objectFit: \"fill\" }}\n draggable={false}\n ref={(el) => {\n if (el && el.complete && !loadedImages[pageIndex]) {\n setLoadedImages((prev) => ({ ...prev, [pageIndex]: true }));\n }\n }}\n onLoad={() => setLoadedImages((prev) => ({ ...prev, [pageIndex]: true }))}\n />\n {loadedImages[pageIndex] && pageBboxes.map(({ bbox, key, globalIndex: gi }) => {\n const isActive = activeIndex === gi;\n return (\n <div\n key={key}\n ref={(el) => { bboxRefs.current[gi] = el; }}\n onMouseEnter={() => setHoveredIndex(gi)}\n onMouseLeave={() => setHoveredIndex(null)}\n style={{\n position: \"absolute\",\n left: `${bbox.xmin * 100}%`,\n top: `${bbox.ymin * 100}%`,\n width: `${(bbox.xmax - bbox.xmin) * 100}%`,\n height: `${(bbox.ymax - bbox.ymin) * 100}%`,\n background: isActive ? highlightActiveColor : highlightColor,\n border: isActive ? `1.5px solid ${highlightBorderColor}` : \"none\",\n borderRadius: \"2px\",\n zIndex: 2,\n } as CSSProperties}\n >\n {(showCitationLabelOnHover && hoveredIndex === gi) && (\n <div\n style={{\n position: \"absolute\",\n top: \"-18px\",\n right: \"0\",\n fontSize: \"10px\",\n background: citationLabelColor,\n color: \"black\",\n padding: \"2px 6px\",\n borderRadius: \"3px\",\n whiteSpace: \"nowrap\",\n }}\n >\n Citation {gi + 1}\n </div>\n )}\n </div>\n );\n })}\n </div>\n </div>\n {showPageSeparator && pageIndex < normalizedImages.length - 1 && (\n <div style={{ height: \"1px\", background: pageSeparatorColor, margin: \"0\" }} />\n )}\n </div>\n );\n });\n };\n\n const scrollableStyle: CSSProperties = {\n overflowY: \"auto\",\n border: \"1px solid #ddd\",\n borderRadius: \"4px\",\n padding: \"8px\",\n paddingBottom: 0,\n display: \"flex\",\n flexDirection: \"column\",\n boxSizing: \"border-box\",\n };\n\n return (\n <>\n <div style={{ width: \"100%\", maxWidth: \"800px\", fontFamily: \"inherit\", display: \"flex\", flexDirection: \"column\" }}>\n {(subHeadingText \|\| totalHighlights > 0) && (\n <div style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"6px\" }}>\n {subHeadingText && (\n <div style={{ fontSize: \"14px\", fontWeight: 500, color: \"#111\" }}>\n {subHeadingText}\n </div>\n )}\n <div style={{ marginLeft: \"auto\" }}>{renderNav(false)}</div>\n </div>\n )}\n <div ref={containerRef} style={{ ...scrollableStyle, maxHeight: height }}>\n {renderPages(false)}\n </div>\n </div>\n\n <Modal isOpen={isFullscreen} onClose={() => setIsFullscreen(false)}>\n <div style={{ display: \"flex\", flexDirection: \"column\", height: \"100%\", overflow: \"hidden\" }}>\n {(subHeadingTitleInsideModal \|\| totalHighlights > 0) && (\n <div style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"6px\", padding: \"8px\" }}>\n {subHeadingTitleInsideModal && (\n <div style={{ fontSize: \"14px\", fontWeight: 500, color: \"#111\" }}>\n {subHeadingTitleInsideModal}\n </div>\n )}\n <div style={{ marginLeft: \"auto\" }}>\n {renderNav(true)}\n </div>\n </div>\n )}\n <div ref={fullscreenContainerRef} style={{ ...scrollableStyle, flex: 1 }}>\n {isFullscreen && renderPages(true)}\n </div>\n </div>\n </Modal>\n </>\n );\n}"],"names":["ScannedDocCitation","images","highlights","pages","subHeadingText","showFullScreenMode","citationLabelColor","showCitationLabelOnHover","highlightColor","highlightActiveColor","highlightBorderColor","height","subHeadingTitleInsideModal","scrollToFirstCitation","showPageSeparator","pageSeparatorColor","activeCitationIndex","onActiveCitationChange","headerAction","normalizedImages","normalizedHighlights","length","forEach","page","pageIndex","gs_url","push","highlighted_coordinates","coord","bboxes","allBboxes","flatMap","h","hi","map","bbox","bi","key","totalHighlights","hoveredIndex","setHoveredIndex","useState","activeIndex","setActiveIndex","isFullscreen","setIsFullscreen","loadedImages","setLoadedImages","appliedExternalIndex","useRef","containerRef","fullscreenContainerRef","bboxRefsNormal","bboxRefsFullscreen","hasScrolledToFirstRef","goToHighlight","useCallback","index","expanded","clamped","Math","max","min","requestAnimationFrame","container","current","containerRect","getBoundingClientRect","bboxRect","offset","top","scrollTop","clientHeight","scrollTo","behavior","useEffect","firstPageIndex","renderNav","jsx","style","display","alignItems","marginBottom","children","jsxs","marginLeft","gap","fontSize","color","onClick","disabled","padding","cursor","opacity","border","borderRadius","background","ChevronUp","size","ChevronDown","Fragment","width","margin","X","Maximize2","icon","Tooltip","title","tooltip","arrow","placement","renderPages","bboxRefs","globalIndex","src","pageBboxes","filter","position","paddingTop","flexShrink","inset","alt","objectFit","draggable","ref","el","complete","prev","onLoad","gi","isActive","onMouseEnter","onMouseLeave","left","xmin","ymin","xmax","ymax","zIndex","right","whiteSpace","scrollableStyle","overflowY","paddingBottom","flexDirection","boxSizing","maxWidth","fontFamily","fontWeight","maxHeight","Modal","isOpen","onClose","overflow","flex"],"mappings":"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"}
1	+ {"version":3,"file":"ScannedDocCitation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}