@viswa-test/test-citation 0.0.390 → 0.0.394

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

@@ -1 +1 @@
-{"version":3,"file":"Markdownrenderer.js","sources":["../../../../src/features/SPBAnalysisPanel/Markdownrenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from \"rehype-raw\";\nimport { Tooltip, Box } from \"@mui/material\";\n// @ts-ignore\nimport { Prism as SyntaxHighlighter } from \"react-syntax-highlighter\";\n// @ts-ignore\nimport { oneLight } from \"react-syntax-highlighter/dist/esm/styles/prism\";\nimport { ContentCopy, Check, ExpandLess, ExpandMore } from \"@mui/icons-material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMoreOutlined\";\nimport CognitiveReasoningPanel, {\n    type CognitiveReasoningData,\n    type BlockCognitiveCitation,\n    type CognitiveReasoningPanelStyles,\n} from \"./Cognitivereasoningpanel\"\n\n// ─── Dropped vs. the app original ───────────────────────────────────────────\n// - `answerexample` custom element (AnswerExampleButton) — chat-only, SPB never uses it\n// - `reanalysislink` custom element (window.open to app project-analysis route) — app-only\n// - citation-message branch in `a`/`pre`/`code` (LinkWithCitation, msg.citations) — chat-only\n// - chatId / msg / ansExamplesSelectedByUser / nextMessageExists / isAssistantMessage /\n//   handleSendMessage / setSurpirseMePopup props — SPB stubbed these as no-ops anyway,\n//   so they're removed rather than kept as dead plumbing.\n// Kept: formatting renderers, <details>/<summary>, cognitive reasoning expand-on-click\n// panel via `aireasoning` + `data-cognitive-reasoning`.\n\nconst cleanMessage = (message: string = \"\") => {\n    let decoded = message?.replace(/\\\\`/g, \"`\");\n    decoded = decoded?.replace(\n        /```json\\s*([\\s\\S]*?)```/g,\n        (_match, content) => `<codebasename>${content.trim()}</codebasename>`\n    );\n    decoded = decoded?.replace(/^```.*\\n?/, \"\")?.replace(/\\n?```$/, \"\")?.trim();\n    decoded = decoded?.replace(/^```/, \"\")?.replace(/```$/, \"\");\n    decoded = decoded?.replace(/<\\/summary>/g, \"</summary>\\n\");\n    decoded = decoded?.replace(/<details>/g, \"\\n<details>\");\n    return decoded;\n};\n\nconst extractAiReasoningBlocks = (\n    message: string\n): { processed: string; reasoningMap: Record<string, any> } => {\n    const reasoningMap: Record<string, any> = {};\n    const regex = /<!--\\s*<ai_reasoning>\\s*([\\s\\S]*?)\\s*<\\/ai_reasoning>\\s*-->/g;\n\n    const processed = message.replace(regex, (_match, jsonContent) => {\n        try {\n            const parsed = JSON.parse(jsonContent.trim());\n            const key = parsed.id || `reasoning_${Object.keys(reasoningMap).length}`;\n            reasoningMap[key] = parsed;\n            return `<aireasoning data-reasoning-key=\"${key}\">${key}</aireasoning>`;\n        } catch (e) {\n            console.warn(\"[ai_reasoning] Failed to parse block:\", e);\n            return \"\";\n        }\n    });\n\n    return { processed, reasoningMap };\n};\n\nconst transformAiReasoningToCD = (data: any): CognitiveReasoningData => {\n    const citations: BlockCognitiveCitation[] = [];\n    const gptCitations = data.aiReasoningCitation?.gpt_citation ?? [];\n\n    gptCitations.forEach((cite: any) => {\n        const sources = cite.customMetadata?.data_sources ?? [];\n        const titles = cite.customMetadata?.training_data_title ?? [];\n        const paraphrases = cite.customMetadata?.paraphrase ?? [];\n        const highlightMatch = sources[0]?.match(/<highlight>([\\s\\S]*?)<\\/highlight>/);\n        const highlight = highlightMatch ? highlightMatch[1].trim() : sources[0] ?? \"\";\n\n        citations.push({\n            citation_number: Number(cite.citation_number),\n            section_ref: titles[0] ?? \"\",\n            paraphrase: paraphrases[0] ?? \"\",\n            highlight,\n        });\n    });\n\n    return {\n        block_cognitive_reasoning_html: data.reasoning ?? \"\",\n        block_cognitive_gap_html: data.Gap ?? \"\",\n        block_cognitive_confidence: Number(data.decision_strength ?? 0),\n        block_cognitive_citations: citations,\n    };\n};\n\nconst transformToCognitiveData = (meta: any): CognitiveReasoningData | null => {\n    if (!meta) return null;\n\n    const citations: BlockCognitiveCitation[] = [];\n    const gptCitations = meta.aiReasoningCitation?.gpt_citation ?? [];\n\n    gptCitations.forEach((cite: any) => {\n        const sources = cite.customMetadata?.data_sources ?? [];\n        const titles = cite.customMetadata?.training_data_title ?? [];\n        const paraphrases = cite.customMetadata?.paraphrase ?? [];\n        const highlightMatch = sources[0]?.match(/<highlight>([\\s\\S]*?)<\\/highlight>/);\n        const highlight = highlightMatch ? highlightMatch[1].trim() : sources[0] ?? \"\";\n\n        citations.push({\n            citation_number: Number(cite.citation_number),\n            section_ref: titles[0] ?? \"\",\n            paraphrase: paraphrases[0] ?? \"\",\n            highlight,\n        });\n    });\n\n    return {\n        block_cognitive_reasoning_html: meta.Reasoning ?? \"\",\n        block_cognitive_gap_html: meta.Gap ?? \"\",\n        block_cognitive_confidence: Number(meta.Confidence_score ?? 0),\n        block_cognitive_citations: citations,\n    };\n};\n\nconst CopyButton = ({ text }: { text: string }) => {\n    const [copied, setCopied] = useState(false);\n\n    const handleCopy = async () => {\n        try {\n            await navigator.clipboard.writeText(text);\n            setCopied(true);\n            setTimeout(() => setCopied(false), 2000);\n        } catch {\n            /* clipboard unavailable — silently ignore */\n        }\n    };\n\n    return (\n        <button\n            onClick={handleCopy}\n            aria-label=\"Copy code\"\n            style={{\n                position: \"absolute\", top: 8, right: 8, display: \"inline-flex\", alignItems: \"center\", gap: 4,\n                padding: \"3px 8px\", fontSize: \"0.68rem\", fontWeight: 500, fontFamily: \"inherit\",\n                color: copied ? \"#16a34a\" : \"#6B7280\", background: copied ? \"#f0fdf4\" : \"#f3f4f6\",\n                border: `1px solid ${copied ? \"#bbf7d0\" : \"#e5e7eb\"}`, borderRadius: 6, cursor: \"pointer\",\n                transition: \"all 0.2s\", opacity: 0.85,\n            }}\n            onMouseEnter={(e) => { e.currentTarget.style.opacity = \"1\"; }}\n            onMouseLeave={(e) => { e.currentTarget.style.opacity = \"0.85\"; }}\n        >\n            {copied ? <Check style={{ fontSize: 13 }} /> : <ContentCopy style={{ fontSize: 13 }} />}\n            {copied ? \"Copied\" : \"Copy\"}\n        </button>\n    );\n};\n\nconst SummaryRenderer = ({ node, ...props }: any) => {\n    const [isOpen, setIsOpen] = useState(false);\n    const detailsRef = useRef<HTMLElement | null>(null);\n\n    const childrenArray = React.Children.toArray(props.children);\n    const codebaseChild = childrenArray.find((c: any) => c?.props?.[\"data-codebase-name\"]);\n    const isCodebase = !!codebaseChild;\n    // @ts-ignore\n    const codebaseName = isCodebase ? codebaseChild.props[\"data-codebase-name\"] : \"\";\n\n    const plainText = childrenArray\n        // @ts-ignore\n        .map((c) => (typeof c === \"string\" ? c : c.props?.children || \"\"))\n        .join(\"\")\n        .replace(/\\*\\*/g, \"\")\n        .trim();\n\n    const label = isCodebase ? `From ${codebaseName} codebase` : plainText || \"Accordion title not found\";\n\n    useEffect(() => {\n        const details = detailsRef.current?.parentElement as HTMLDetailsElement;\n        if (!details) return;\n        const updateState = () => setIsOpen(details.open);\n        updateState();\n        details.addEventListener(\"toggle\", updateState);\n        return () => details.removeEventListener(\"toggle\", updateState);\n    }, []);\n\n    return (\n        <summary\n            ref={detailsRef}\n            style={{\n                padding: \"8px 12px\", listStyleType: \"none\", cursor: \"pointer\", fontWeight: 600, fontSize: \"0.82rem\",\n                color: \"#6932E2\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", gap: 8,\n                borderRadius: 8, background: isOpen ? \"#f5f3ff\" : \"transparent\", transition: \"background 0.2s\",\n            }}\n        >\n            <span>{label}</span>\n            <div style={{ display: \"flex\", alignItems: \"center\", flexShrink: 0, color: \"#6932E2\" }}>\n                {isOpen ? <ExpandLess sx={{ fontSize: \"1.1rem\" }} /> : <ExpandMore sx={{ fontSize: \"1.1rem\" }} />}\n            </div>\n        </summary>\n    );\n};\n\nexport interface MarkdownRendererProps {\n    message: string | undefined;\n    fontSize?: React.CSSProperties[\"fontSize\"];\n    /** Keyed by the id referenced in `<a data-cognitive-reasoning=\"key\">` anchors */\n    extraMetaData?: Record<string, any> | null;\n    /** Whether dark mode is active */\n    isDarkMode?: boolean;\n    cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles;\n    style?: React.CSSProperties | any;\n    sx?: any;\n}\n\nexport const MarkdownRenderer = ({ message, fontSize, extraMetaData, isDarkMode = false, cognitiveDecisioningStyles, style, sx }: MarkdownRendererProps) => {\n    const baseFontSize = fontSize ?? \"0.88rem\";\n\n    const textColor = isDarkMode ? \"#e2e8f0\" : \"#1f2937\";\n    const headingColor = isDarkMode ? \"#f8fafc\" : \"#111827\";\n\n    const [cognitivePanel, setCognitivePanel] = useState<{\n        open: boolean;\n        data: CognitiveReasoningData | null;\n        activeKey: string | null;\n    }>({ open: false, data: null, activeKey: null });\n\n    const closeCognitivePanel = () => setCognitivePanel({ open: false, data: null, activeKey: null });\n\n    const { processedMessage, inlineReasoningMap } = useMemo(() => {\n        const { processed, reasoningMap } = extractAiReasoningBlocks(message || \"\");\n        return { processedMessage: processed, inlineReasoningMap: reasoningMap };\n    }, [message]);\n\n    const components = useMemo(() => {\n        return {\n            aireasoning: ({ node, ...props }: any) => {\n                const reasoningKey = props[\"data-reasoning-key\"];\n                const reasoningData = inlineReasoningMap[reasoningKey];\n                if (!reasoningData) return null;\n\n                const isActive = cognitivePanel.open && cognitivePanel.activeKey === reasoningKey;\n\n                return (\n                    <div style={{ margin: \"6px 0\" }}>\n                        <span\n                            onClick={(e) => {\n                                e.stopPropagation();\n                                const transformed = transformAiReasoningToCD(reasoningData);\n                                setCognitivePanel((current) =>\n                                    current.open && current.activeKey === reasoningKey\n                                        ? { open: false, data: null, activeKey: null }\n                                        : { open: true, data: transformed, activeKey: reasoningKey }\n                                );\n                            }}\n                            style={{\n                                display: \"inline-flex\", alignItems: \"center\", gap: 6, cursor: \"pointer\",\n                                color: isDarkMode ? \"#a78bfa\" : \"#6932E2\", fontWeight: 500, fontSize: baseFontSize, transition: \"all 0.2s\", padding: \"2px 0\",\n                            }}\n                        >\n                            <span>{reasoningKey}</span>\n                            <span style={{ display: \"inline-flex\", alignItems: \"center\", gap: 2, border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e2e8f0\", borderRadius: 5, padding: \"4px 2px\" }}>\n                                <ExpandMoreIcon sx={{ fontSize: \"1rem\", color: isDarkMode ? \"#94a3b8\" : \"#475569\", transform: isActive ? \"rotate(180deg)\" : \"rotate(0deg)\", transition: \"transform 0.2s\" }} />\n                            </span>\n                        </span>\n\n                        {isActive && cognitivePanel.data && (\n                            <Box component=\"div\" onClick={(e) => e.stopPropagation()} sx={{ display: \"block\", width: \"fit-content\", maxWidth: \"100%\", mt: 1, mb: 1, ml: 0 }}>\n                                <CognitiveReasoningPanel open onClose={closeCognitivePanel} data={cognitivePanel.data} styles={cognitiveDecisioningStyles} />\n                            </Box>\n                        )}\n                    </div>\n                );\n            },\n\n            codebasename: ({ children }: any) => {\n                const codebaseString = (typeof children[0] === \"string\" ? children[0] : \"\").trim();\n                return codebaseString !== \"\" ? (\n                    <div data-codebase-name={codebaseString} style={{ position: \"relative\", margin: \"12px 0\" }}>\n                        <CopyButton text={String(children).replace(/\\n$/, \"\")} />\n                        <SyntaxHighlighter\n                            style={oneLight}\n                            language=\"json\"\n                            PreTag=\"div\"\n                            customStyle={{ borderRadius: 8, padding: \"1rem\", fontSize: \"0.8rem\", border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\", margin: 0, lineHeight: 1.6 }}\n                        >\n                            {String(children).replace(/\\n$/, \"\")}\n                        </SyntaxHighlighter>\n                    </div>\n                ) : (\n                    <></>\n                );\n            },\n\n            details: ({ node, ...props }: any) => (\n                <details {...props} style={{ borderRadius: 8, border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e9e5f5\", backgroundColor: \"transparent\", margin: \"8px 0\", overflow: \"hidden\" }}>\n                    {props.children}\n                </details>\n            ),\n            summary: SummaryRenderer,\n\n            p: ({ node, ...props }: any) => (\n                <p style={{ wordWrap: \"break-word\", overflowWrap: \"break-word\", wordBreak: \"break-word\", whiteSpace: \"normal\", overflow: \"hidden\", display: \"block\", maxWidth: \"100%\", fontSize: baseFontSize, lineHeight: 1.7, margin: \"4px 0\", color: textColor }}>\n                    {props?.children}\n                </p>\n            ),\n            strong: ({ node, ...props }: any) => <strong style={{ fontWeight: 650, color: headingColor }}>{props?.children}</strong>,\n            h1: ({ node, ...props }: any) => <h1 style={{ fontSize: \"1.35rem\", fontWeight: 700, color: headingColor, margin: \"20px 0 8px\", lineHeight: 1.3, letterSpacing: \"-0.01em\" }}>{props.children}</h1>,\n            h2: ({ node, ...props }: any) => <h2 style={{ fontSize: \"1.15rem\", fontWeight: 650, color: headingColor, margin: \"16px 0 6px\", lineHeight: 1.35 }}>{props.children}</h2>,\n            h3: ({ node, ...props }: any) => <h3 style={{ fontSize: \"1rem\", fontWeight: 600, color: headingColor, margin: \"14px 0 4px\", lineHeight: 1.4 }}>{props.children}</h3>,\n            h4: ({ node, ...props }: any) => <h4 style={{ fontSize: \"0.92rem\", fontWeight: 600, color: textColor, margin: \"12px 0 4px\", lineHeight: 1.4 }}>{props.children}</h4>,\n            ol: ({ node, ...props }: any) => <ol style={{ listStyleType: \"decimal\", marginLeft: 20, paddingLeft: 4, display: \"flex\", flexDirection: \"column\", gap: 2 }}>{props?.children}</ol>,\n            ul: ({ node, ...props }: any) => <ul style={{ listStyleType: \"disc\", marginLeft: 20, paddingLeft: 4, display: \"flex\", flexDirection: \"column\", gap: 2 }}>{props?.children}</ul>,\n            li: ({ node, ...props }: any) => <li style={{ fontSize: baseFontSize, lineHeight: 1.7, color: textColor, paddingLeft: 4 }}>{props.children}</li>,\n            blockquote: ({ node, ...props }: any) => (\n                <blockquote style={{ margin: \"12px 0\", padding: \"8px 16px\", borderLeft: \"3px solid #8b5cf6\", background: isDarkMode ? \"#1e1b4b\" : \"#faf5ff\", borderRadius: \"0 6px 6px 0\", color: isDarkMode ? \"#cbd5e1\" : \"#4b5563\", fontStyle: \"italic\", fontSize: baseFontSize, lineHeight: 1.65 }}>\n                    {props.children}\n                </blockquote>\n            ),\n            hr: () => <hr style={{ border: \"none\", height: 1, background: isDarkMode ? \"linear-gradient(to right, transparent, #334155, transparent)\" : \"linear-gradient(to right, transparent, #d1d5db, transparent)\", margin: \"16px 0\" }} />,\n            table: ({ node, ...props }: any) => (\n                <div style={{ overflowX: \"auto\", margin: \"12px 0\", borderRadius: 8, border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\" }}>\n                    <table style={{ width: \"100%\", borderCollapse: \"collapse\", fontSize: \"0.8rem\", lineHeight: 1.5 }}>{props.children}</table>\n                </div>\n            ),\n            thead: ({ node, ...props }: any) => <thead style={{ background: isDarkMode ? \"#1e293b\" : \"#f9fafb\", borderBottom: isDarkMode ? \"2px solid #334155\" : \"2px solid #e5e7eb\" }}>{props.children}</thead>,\n            th: ({ node, ...props }: any) => <th style={{ padding: \"8px 12px\", textAlign: \"left\", fontWeight: 600, fontSize: \"0.76rem\", color: isDarkMode ? \"#cbd5e1\" : \"#374151\", whiteSpace: \"nowrap\" }}>{props.children}</th>,\n            td: ({ node, ...props }: any) => <td style={{ padding: \"8px 12px\", borderTop: isDarkMode ? \"1px solid #334155\" : \"1px solid #f3f4f6\", color: isDarkMode ? \"#94a3b8\" : \"#4b5563\", fontSize: \"0.8rem\" }}>{props.children}</td>,\n\n            a: ({ children, node, ...props }: any) => {\n                const cogKey = props[\"data-cognitive-reasoning\"];\n                if (cogKey && extraMetaData?.[cogKey]) {\n                    return (\n                        <>\n                            <span\n                                onClick={(e) => {\n                                    e.stopPropagation();\n                                    const transformed = transformToCognitiveData(extraMetaData[cogKey]);\n                                    setCognitivePanel((current) =>\n                                        current.open && current.activeKey === cogKey\n                                            ? { open: false, data: null, activeKey: null }\n                                            : { open: true, data: transformed, activeKey: cogKey }\n                                    );\n                                }}\n                                style={{ color: isDarkMode ? \"#a78bfa\" : \"#6932E2\", fontWeight: 500, cursor: \"pointer\", transition: \"all 0.2s\", padding: \"0 2px\", position: \"relative\", display: \"flex\", alignItems: \"center\", gap: 6, width: \"fit-content\" }}\n                            >\n                                {children || \"\"}\n                                <span style={{ cursor: \"pointer\", padding: \"4px 2px\", display: \"flex\", alignItems: \"center\", gap: 2, border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e2e8f0\", borderRadius: \"5px\", width: \"fit-content\" }}>\n                                    <ExpandMoreIcon sx={{ fontSize: \"1rem\", color: isDarkMode ? \"#94a3b8\" : \"#475569\", transition: \"transform 0.2s\" }} />\n                                </span>\n                            </span>\n                            {cognitivePanel.open && cognitivePanel.activeKey === cogKey && cognitivePanel.data && (\n                                <Box component=\"div\" onClick={(e) => e.stopPropagation()} sx={{ display: \"block\", width: \"fit-content\", maxWidth: \"100%\", mt: 1, mb: 1, ml: 0 }}>\n                                    <CognitiveReasoningPanel open onClose={closeCognitivePanel} data={cognitivePanel.data} styles={cognitiveDecisioningStyles} />\n                                </Box>\n                            )}\n                        </>\n                    );\n                }\n\n                let isAbsoluteUrl = false;\n                try {\n                    isAbsoluteUrl = new URL(props?.href).protocol.startsWith(\"http\");\n                } catch {\n                    isAbsoluteUrl = false;\n                }\n\n                return isAbsoluteUrl ? (\n                    <a\n                        href={props?.href}\n                        style={{ color: isDarkMode ? \"#a78bfa\" : \"#6932E2\", textDecoration: \"none\", fontWeight: 500, borderBottom: isDarkMode ? \"1px solid #7c3aed\" : \"1px solid #c4b5fd\", transition: \"border-color 0.2s, color 0.2s\" }}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        onMouseEnter={(e) => { e.currentTarget.style.borderBottomColor = isDarkMode ? \"#a78bfa\" : \"#6932E2\"; }}\n                        onMouseLeave={(e) => { e.currentTarget.style.borderBottomColor = isDarkMode ? \"#7c3aed\" : \"#c4b5fd\"; }}\n                    >\n                        {children}\n                    </a>\n                ) : (\n                    <span>{children}</span>\n                );\n            },\n\n            sup: ({ node, ...props }: any) => (\n                <Tooltip title={props.children} placement=\"top\" arrow>\n                    <Box\n                        component=\"span\"\n                        sx={{\n                            display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\", width: 16, height: 16,\n                            borderRadius: \"50%\", background: isDarkMode ? \"#3730a3\" : \"#ede9fe\", color: isDarkMode ? \"#c084fc\" : \"#7c3aed\", fontSize: \"0.6rem\", fontWeight: 700,\n                            verticalAlign: \"super\", cursor: \"pointer\", userSelect: \"none\", lineHeight: 1, transition: \"all 0.2s\",\n                            \"&:hover\": { background: isDarkMode ? \"#6d28d9\" : \"#7c3aed\", color: \"#fff\" },\n                        }}\n                        aria-label=\"Info\"\n                        role=\"button\"\n                    >\n                        i\n                    </Box>\n                </Tooltip>\n            ),\n\n            code: ({ children }: any) => (\n                <code style={{ fontFamily: \"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace\", fontSize: \"0.82em\", color: isDarkMode ? \"#e9d5ff\" : \"#9333ea\", background: isDarkMode ? \"#2e1065\" : \"#faf5ff\", padding: \"1.5px 5px\", borderRadius: 4, border: isDarkMode ? \"1px solid #581c87\" : \"1px solid #f3e8ff\", fontWeight: 500 }}>\n                    {children}\n                </code>\n            ),\n\n            pre: ({ children }: any) => {\n                const extractText = (child: any): string => {\n                    if (typeof child === \"string\") return child;\n                    if (child?.props?.children) {\n                        const kids = Array.isArray(child.props.children) ? child.props.children : [child.props.children];\n                        return kids.map(extractText).join(\"\");\n                    }\n                    return \"\";\n                };\n                const codeText = React.Children.toArray(children).map(extractText).join(\"\");\n\n                return (\n                    <div style={{ position: \"relative\", margin: \"12px 0\" }}>\n                        <CopyButton text={codeText} />\n                        <pre style={{ fontFamily: \"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace\", fontSize: \"0.8rem\", lineHeight: 1.6, color: textColor, background: isDarkMode ? \"#0f172a\" : \"#f9fafb\", border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\", borderRadius: 8, padding: \"14px 16px\", margin: 0, overflowX: \"auto\", whiteSpace: \"pre\" }}>\n                            {children}\n                        </pre>\n                    </div>\n                );\n            },\n\n            img: ({ node, ...props }: any) => (\n                <img {...props} style={{ maxWidth: \"100%\", height: \"auto\", borderRadius: 8, margin: \"8px 0\", border: isDarkMode ? \"1px solid #334155\" : \"1px solid #e5e7eb\" }} loading=\"lazy\" />\n            ),\n        };\n    }, [message, baseFontSize, extraMetaData, cognitivePanel.activeKey, cognitivePanel.open, cognitiveDecisioningStyles, inlineReasoningMap, isDarkMode, textColor, headingColor]);\n\n    return (\n        <Box\n            className=\"pg-markdown-renderer\"\n            style={style}\n            sx={{\n                fontSize: baseFontSize,\n                lineHeight: 1.7,\n                color: textColor,\n                wordBreak: \"break-word\",\n                position: \"relative\",\n                ...sx,\n                \"& span[style*='color'], & font[color]\": isDarkMode\n                    ? { color: \"#60a5fa !important\" }\n                    : {},\n                \"& a\": {\n                    color: isDarkMode ? \"#a78bfa !important\" : \"#6932E2 !important\",\n                },\n                \"& strong\": {\n                    color: isDarkMode ? \"#f8fafc !important\" : \"#111827 !important\",\n                },\n                \"& h1, & h2, & h3, & h4, & h5, & h6\": {\n                    color: isDarkMode ? \"#f1f5f9 !important\" : \"#111827 !important\",\n                },\n            }}\n        >\n            {/* @ts-ignore */}\n            <ReactMarkdown components={components} rehypePlugins={[rehypeRaw]} className=\"react-markdown-renderer-with-overrides\">\n                {cleanMessage(processedMessage)}\n            </ReactMarkdown>\n        </Box>\n    );\n};\n\nexport default MarkdownRenderer;\n"],"names":["cleanMessage","message","decoded","replace","_match","content","trim","CopyButton","text","copied","setCopied","useState","jsxs","onClick","async","navigator","clipboard","writeText","setTimeout","style","position","top","right","display","alignItems","gap","padding","fontSize","fontWeight","fontFamily","color","background","border","borderRadius","cursor","transition","opacity","onMouseEnter","e","currentTarget","onMouseLeave","children","jsx","Check","ContentCopy","SummaryRenderer","node","props","isOpen","setIsOpen","detailsRef","useRef","childrenArray","React","Children","toArray","codebaseChild","find","c","isCodebase","codebaseName","plainText","map","join","label","useEffect","details","current","parentElement","updateState","open","addEventListener","removeEventListener","ref","listStyleType","justifyContent","flexShrink","ExpandLess","sx","ExpandMore","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","Prism","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":"khBA0BA,MAAMA,EAAe,CAACC,EAAkB,MACpC,IAAIC,EAAUD,GAASE,QAAQ,OAAQ,KAShC,OARPD,EAAUA,GAASC,QACf,2BACA,CAACC,EAAQC,IAAY,iBAAiBA,EAAQC,yBAExCJ,EAAAA,GAASC,QAAQ,YAAa,KAAKA,QAAQ,UAAW,KAAKG,OACrEJ,EAAUA,GAASC,QAAQ,OAAQ,KAAKA,QAAQ,OAAQ,IAC9CD,EAAAA,GAASC,QAAQ,eAAgB,gBACjCD,EAAAA,GAASC,QAAQ,aAAc,eAClCD,GAgFLK,EAAa,EAAGC,WAClB,MAAOC,EAAQC,GAAaC,YAAS,GAajC,OAAAC,EAAAA,KAAC,SAAA,CACGC,QAZWC,UACX,UACMC,UAAUC,UAAUC,UAAUT,GACpCE,GAAU,GACVQ,WAAW,IAAMR,GAAU,GAAQ,IAAI,CACnC,MAER,GAMI,aAAW,YACXS,MAAO,CACHC,SAAU,WAAYC,IAAK,EAAGC,MAAO,EAAGC,QAAS,cAAeC,WAAY,SAAUC,IAAK,EAC3FC,QAAS,UAAWC,SAAU,UAAWC,WAAY,IAAKC,WAAY,UACtEC,MAAOrB,EAAS,UAAY,UAAWsB,WAAYtB,EAAS,UAAY,UACxEuB,OAAQ,cAAavB,EAAS,UAAY,WAAawB,aAAc,EAAGC,OAAQ,UAChFC,WAAY,WAAYC,QAAS,KAErCC,aAAeC,IAAUA,EAAAC,cAAcpB,MAAMiB,QAAU,KACvDI,aAAeF,IAAUA,EAAAC,cAAcpB,MAAMiB,QAAU,QAEtDK,SAAA,CAAAhC,EAAUiC,EAAAA,IAAAC,EAAAA,MAAA,CAAMxB,MAAO,CAAEQ,SAAU,MAAWe,EAAAA,IAACE,EAAYA,YAAA,CAAAzB,MAAO,CAAEQ,SAAU,MAC9ElB,EAAS,SAAW,WAK3BoC,EAAkB,EAAGC,UAASC,MAChC,MAAOC,EAAQC,GAAatC,YAAS,GAC/BuC,EAAaC,SAA2B,MAExCC,EAAgBC,EAAAA,QAAMC,SAASC,QAAQR,EAAMN,UAC7Ce,EAAgBJ,EAAcK,KAAMC,GAAWA,GAAGX,QAAQ,uBAC1DY,IAAeH,EAEfI,EAAeD,EAAaH,EAAcT,MAAM,sBAAwB,GAExEc,EAAYT,EAEbU,IAAKJ,GAAoB,iBAANA,EAAiBA,EAAIA,EAAEX,OAAON,UAAY,IAC7DsB,KAAK,IACL5D,QAAQ,QAAS,IACjBG,OAEC0D,EAAQL,EAAa,QAAQC,aAA0BC,GAAa,4BAYtE,OAVJI,EAAAA,UAAU,KACA,MAAAC,EAAUhB,EAAWiB,SAASC,cACpC,IAAKF,EAAS,OACd,MAAMG,EAAc,IAAMpB,EAAUiB,EAAQI,MAG5C,OAFYD,IACJH,EAAAK,iBAAiB,SAAUF,GAC5B,IAAMH,EAAQM,oBAAoB,SAAUH,IACpD,IAGCzD,EAAAA,KAAC,UAAA,CACG6D,IAAKvB,EACL/B,MAAO,CACHO,QAAS,WAAYgD,cAAe,OAAQxC,OAAQ,UAAWN,WAAY,IAAKD,SAAU,UAC1FG,MAAO,UAAWP,QAAS,OAAQC,WAAY,SAAUmD,eAAgB,gBAAiBlD,IAAK,EAC/FQ,aAAc,EAAGF,WAAYiB,EAAS,UAAY,cAAeb,WAAY,mBAGjFM,SAAA,CAAAC,EAAAA,IAAC,QAAMD,SAAMuB,IACZtB,EAAAA,IAAA,MAAA,CAAIvB,MAAO,CAAEI,QAAS,OAAQC,WAAY,SAAUoD,WAAY,EAAG9C,MAAO,WACtEW,SAAAO,EAAUN,EAAAA,IAAAmC,EAAAA,WAAA,CAAWC,GAAI,CAAEnD,SAAU,YAAkBe,EAAAA,IAAAqC,EAAAA,WAAA,CAAWD,GAAI,CAAEnD,SAAU,kBAkBtFqD,EAAmB,EAAG/E,UAAS0B,WAAUsD,gBAAeC,cAAa,EAAOC,6BAA4BhE,QAAO2D,SACxH,MAAMM,EAAezD,GAAY,UAE3B0D,EAAYH,EAAa,UAAY,UACrCI,EAAeJ,EAAa,UAAY,WAEvCK,EAAgBC,GAAqB7E,EAIzCA,SAAA,CAAE2D,MAAM,EAAOmB,KAAM,KAAMC,UAAW,OAEnCC,EAAsB,IAAMH,EAAkB,CAAElB,MAAM,EAAOmB,KAAM,KAAMC,UAAW,QAEpFE,iBAAEA,EAAAC,mBAAkBA,GAAuBC,UAAQ,KACrD,MAAMC,UAAEA,EAAWC,aAAAA,GAtLM,CAC7B/F,IAEA,MAAM+F,EAAoC,CAAA,EAenC,MAAA,CAAED,UAZS9F,EAAQE,QAFZ,+DAE2B,CAACC,EAAQ6F,KAC1C,IACA,MAAMC,EAASC,KAAKC,MAAMH,EAAY3F,QAChC+F,EAAMH,EAAOI,IAAM,aAAaC,OAAOC,KAAKR,GAAcS,SAEzD,OADPT,EAAaK,GAAOH,EACb,oCAAoCG,MAAQA,wBAC9C/D,GAEE,OADCoE,QAAAC,KAAK,wCAAyCrE,GAC/C,EACX,IAGgB0D,iBAoKoBY,CAAyB3G,GAAW,IACxE,MAAO,CAAE2F,iBAAkBG,EAAWF,mBAAoBG,IAC3D,CAAC/F,IAEE4G,EAAaf,EAAAA,QAAQ,KAChB,CACHgB,YAAa,EAAGhE,UAASC,MACf,MAAAgE,EAAehE,EAAM,sBACrBiE,EAAgBnB,EAAmBkB,GACrC,IAACC,EAAsB,OAAA,KAE3B,MAAMC,EAAW1B,EAAejB,MAAQiB,EAAeG,YAAcqB,EAErE,cACK,MAAI,CAAA5F,MAAO,CAAE+F,OAAQ,SAClBzE,SAAA,CAAA7B,EAAAA,KAAC,OAAA,CACGC,QAAUyB,IACNA,EAAE6E,kBACI,MAAAC,EAnLL,CAAC3B,IAC9B,MAAM4B,EAAsC,GAkBrC,OAjBc5B,EAAK6B,qBAAqBC,cAAgB,IAElDC,QAASC,IAClB,MAAMC,EAAUD,EAAKE,gBAAgBC,cAAgB,GAC/CC,EAASJ,EAAKE,gBAAgBG,qBAAuB,GACrDC,EAAcN,EAAKE,gBAAgBK,YAAc,GACjDC,EAAiBP,EAAQ,IAAIQ,MAAM,sCACnCC,EAAYF,EAAiBA,EAAe,GAAG3H,OAASoH,EAAQ,IAAM,GAE5EL,EAAUe,KAAK,CACXC,gBAAiBC,OAAOb,EAAKY,iBAC7BE,YAAaV,EAAO,IAAM,GAC1BG,WAAYD,EAAY,IAAM,GAC9BI,gBAID,CACHK,+BAAgC/C,EAAKgD,WAAa,GAClDC,yBAA0BjD,EAAKkD,KAAO,GACtCC,2BAA4BN,OAAO7C,EAAKoD,mBAAqB,GAC7DC,0BAA2BzB,IA4JiB0B,CAAyB/B,GAC7CxB,EAAmBrB,GACfA,EAAQG,MAAQH,EAAQuB,YAAcqB,EAChC,CAAEzC,MAAM,EAAOmB,KAAM,KAAMC,UAAW,MACtC,CAAEpB,MAAM,EAAMmB,KAAM2B,EAAa1B,UAAWqB,KAG1D5F,MAAO,CACHI,QAAS,cAAeC,WAAY,SAAUC,IAAK,EAAGS,OAAQ,UAC9DJ,MAAOoD,EAAa,UAAY,UAAWtD,WAAY,IAAKD,SAAUyD,EAAcjD,WAAY,WAAYT,QAAS,SAGzHe,SAAA,CAAAC,EAAAA,IAAC,QAAMD,SAAasE,UACnB,OAAK,CAAA5F,MAAO,CAAEI,QAAS,cAAeC,WAAY,SAAUC,IAAK,EAAGO,OAAQkD,EAAa,oBAAsB,oBAAqBjD,aAAc,EAAGP,QAAS,WAC3Je,SAAAC,EAAAA,IAACsG,WAAelE,GAAI,CAAEnD,SAAU,OAAQG,MAAOoD,EAAa,UAAY,UAAW+D,UAAWhC,EAAW,iBAAmB,eAAgB9E,WAAY,yBAI/J8E,GAAY1B,EAAeE,MACvB/C,EAAAA,IAAAwG,EAAAA,IAAA,CAAIC,UAAU,MAAMtI,QAAUyB,GAAMA,EAAE6E,kBAAmBrC,GAAI,CAAEvD,QAAS,QAAS6H,MAAO,cAAeC,SAAU,OAAQC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACxI/G,SAACC,MAAA+G,EAAAA,QAAA,CAAwBnF,MAAI,EAACoF,QAAS/D,EAAqBF,KAAMF,EAAeE,KAAMkE,OAAQxE,UAOnHyE,aAAc,EAAGnH,eACP,MAAAoH,GAAyC,iBAAhBpH,EAAS,GAAkBA,EAAS,GAAK,IAAInC,OAC5E,MAA0B,KAAnBuJ,EACFjJ,EAAAA,KAAA,MAAA,CAAI,qBAAoBiJ,EAAgB1I,MAAO,CAAEC,SAAU,WAAY8F,OAAQ,UAC5EzE,SAAA,CAACC,MAAAnC,EAAA,CAAWC,KAAMsJ,OAAOrH,GAAUtC,QAAQ,MAAO,MAClDuC,EAAAA,IAACqH,EAAAC,MAAA,CACG7I,MAAO8I,EAAAA,SACPC,SAAS,OACTC,OAAO,MACPC,YAAa,CAAEnI,aAAc,EAAGP,QAAS,OAAQC,SAAU,SAAUK,OAAQkD,EAAa,oBAAsB,oBAAqBgC,OAAQ,EAAGmD,WAAY,KAE3J5H,SAAOqH,OAAArH,GAAUtC,QAAQ,MAAO,SAIvCuC,EAAAA,IAAA4H,EAAAA,SAAA,CAAA,IAIVpG,QAAS,EAAGpB,UAASC,KAChBL,EAAAA,IAAA,UAAA,IAAYK,EAAO5B,MAAO,CAAEc,aAAc,EAAGD,OAAQkD,EAAa,oBAAsB,oBAAqBqF,gBAAiB,cAAerD,OAAQ,QAASsD,SAAU,UACpK/H,SAAAM,EAAMN,WAGfgI,QAAS5H,EAET6H,EAAG,EAAG5H,UAASC,KACVL,EAAAA,IAAA,IAAA,CAAEvB,MAAO,CAAEwJ,SAAU,aAAcC,aAAc,aAAcC,UAAW,aAAcC,WAAY,SAAUN,SAAU,SAAUjJ,QAAS,QAAS8H,SAAU,OAAQ1H,SAAUyD,EAAciF,WAAY,IAAKnD,OAAQ,QAASpF,MAAOuD,GACnO5C,YAAOA,WAGhBsI,OAAQ,EAAGjI,UAASC,KAAiBL,EAAAA,IAAC,SAAO,CAAAvB,MAAO,CAAES,WAAY,IAAKE,MAAOwD,GAAiB7C,YAAOA,WACtGuI,GAAI,EAAGlI,UAASC,KAAiBL,EAAAA,IAAC,KAAG,CAAAvB,MAAO,CAAEQ,SAAU,UAAWC,WAAY,IAAKE,MAAOwD,EAAc4B,OAAQ,aAAcmD,WAAY,IAAKY,cAAe,WAAcxI,SAAAM,EAAMN,WACnLyI,GAAI,EAAGpI,UAASC,KAAkBL,MAAA,KAAA,CAAGvB,MAAO,CAAEQ,SAAU,UAAWC,WAAY,IAAKE,MAAOwD,EAAc4B,OAAQ,aAAcmD,WAAY,MAAS5H,SAAAM,EAAMN,WAC1J0I,GAAI,EAAGrI,UAASC,KAAkBL,MAAA,KAAA,CAAGvB,MAAO,CAAEQ,SAAU,OAAQC,WAAY,IAAKE,MAAOwD,EAAc4B,OAAQ,aAAcmD,WAAY,KAAQ5H,SAAAM,EAAMN,WACtJ2I,GAAI,EAAGtI,UAASC,KAAkBL,MAAA,KAAA,CAAGvB,MAAO,CAAEQ,SAAU,UAAWC,WAAY,IAAKE,MAAOuD,EAAW6B,OAAQ,aAAcmD,WAAY,KAAQ5H,SAAAM,EAAMN,WACtJ4I,GAAI,EAAGvI,UAASC,KAAiBL,EAAAA,IAAC,KAAG,CAAAvB,MAAO,CAAEuD,cAAe,UAAW4G,WAAY,GAAIC,YAAa,EAAGhK,QAAS,OAAQiK,cAAe,SAAU/J,IAAK,GAAMgB,SAAAM,GAAON,WACpKgJ,GAAI,EAAG3I,UAASC,KAAiBL,EAAAA,IAAC,KAAG,CAAAvB,MAAO,CAAEuD,cAAe,OAAQ4G,WAAY,GAAIC,YAAa,EAAGhK,QAAS,OAAQiK,cAAe,SAAU/J,IAAK,GAAMgB,SAAAM,GAAON,WACjKiJ,GAAI,EAAG5I,UAASC,WAAkB,KAAG,CAAA5B,MAAO,CAAEQ,SAAUyD,EAAciF,WAAY,IAAKvI,MAAOuD,EAAWkG,YAAa,GAAM9I,SAAAM,EAAMN,WAClIkJ,WAAY,EAAG7I,UAASC,KACnBL,EAAAA,IAAA,aAAA,CAAWvB,MAAO,CAAE+F,OAAQ,SAAUxF,QAAS,WAAYkK,WAAY,oBAAqB7J,WAAYmD,EAAa,UAAY,UAAWjD,aAAc,cAAeH,MAAOoD,EAAa,UAAY,UAAW2G,UAAW,SAAUlK,SAAUyD,EAAciF,WAAY,MACzQ5H,WAAMA,WAGfqJ,GAAI,IAAMpJ,EAAAA,IAAC,KAAG,CAAAvB,MAAO,CAAEa,OAAQ,OAAQ+J,OAAQ,EAAGhK,WAAYmD,EAAa,+DAAiE,+DAAgEgC,OAAQ,YACpN8E,MAAO,EAAGlJ,UAASC,KACfL,EAAAA,IAAC,MAAI,CAAAvB,MAAO,CAAE8K,UAAW,OAAQ/E,OAAQ,SAAUjF,aAAc,EAAGD,OAAQkD,EAAa,oBAAsB,qBAC3GzC,SAAAC,EAAAA,IAAC,QAAM,CAAAvB,MAAO,CAAEiI,MAAO,OAAQ8C,eAAgB,WAAYvK,SAAU,SAAU0I,WAAY,KAAQ5H,SAAAM,EAAMN,aAGjH0J,MAAO,EAAGrJ,UAASC,WAAkB,QAAM,CAAA5B,MAAO,CAAEY,WAAYmD,EAAa,UAAY,UAAWkH,aAAclH,EAAa,oBAAsB,qBAAwBzC,SAAAM,EAAMN,WACnL4J,GAAI,EAAGvJ,UAASC,KAAkBL,EAAAA,IAAA,KAAA,CAAGvB,MAAO,CAAEO,QAAS,WAAY4K,UAAW,OAAQ1K,WAAY,IAAKD,SAAU,UAAWG,MAAOoD,EAAa,UAAY,UAAW4F,WAAY,UAAarI,SAAAM,EAAMN,WACtM8J,GAAI,EAAGzJ,UAASC,KAAiBL,EAAAA,IAAC,KAAG,CAAAvB,MAAO,CAAEO,QAAS,WAAY8K,UAAWtH,EAAa,oBAAsB,oBAAqBpD,MAAOoD,EAAa,UAAY,UAAWvD,SAAU,UAAac,SAAAM,EAAMN,WAE9MgK,EAAG,EAAGhK,WAAUK,UAASC,MACf,MAAA2J,EAAS3J,EAAM,4BACjB,GAAA2J,GAAUzH,IAAgByH,GAC1B,OAEQ9L,EAAAA,KAAA0J,WAAA,CAAA7H,SAAA,CAAA7B,EAAAA,KAAC,OAAA,CACGC,QAAUyB,IACNA,EAAE6E,kBACF,MAAMC,EAjPT,CAACuF,IAC1B,IAACA,EAAa,OAAA,KAElB,MAAMtF,EAAsC,GAkBrC,OAjBcsF,EAAKrF,qBAAqBC,cAAgB,IAElDC,QAASC,IAClB,MAAMC,EAAUD,EAAKE,gBAAgBC,cAAgB,GAC/CC,EAASJ,EAAKE,gBAAgBG,qBAAuB,GACrDC,EAAcN,EAAKE,gBAAgBK,YAAc,GACjDC,EAAiBP,EAAQ,IAAIQ,MAAM,sCACnCC,EAAYF,EAAiBA,EAAe,GAAG3H,OAASoH,EAAQ,IAAM,GAE5EL,EAAUe,KAAK,CACXC,gBAAiBC,OAAOb,EAAKY,iBAC7BE,YAAaV,EAAO,IAAM,GAC1BG,WAAYD,EAAY,IAAM,GAC9BI,gBAID,CACHK,+BAAgCmE,EAAKC,WAAa,GAClDlE,yBAA0BiE,EAAKhE,KAAO,GACtCC,2BAA4BN,OAAOqE,EAAKE,kBAAoB,GAC5D/D,0BAA2BzB,IAwNqByF,CAAyB7H,EAAcyH,IAC3DlH,EAAmBrB,GACfA,EAAQG,MAAQH,EAAQuB,YAAcgH,EAChC,CAAEpI,MAAM,EAAOmB,KAAM,KAAMC,UAAW,MACtC,CAAEpB,MAAM,EAAMmB,KAAM2B,EAAa1B,UAAWgH,KAG1DvL,MAAO,CAAEW,MAAOoD,EAAa,UAAY,UAAWtD,WAAY,IAAKM,OAAQ,UAAWC,WAAY,WAAYT,QAAS,QAASN,SAAU,WAAYG,QAAS,OAAQC,WAAY,SAAUC,IAAK,EAAG2H,MAAO,eAE7M3G,SAAA,CAAYA,GAAA,SACZ,OAAK,CAAAtB,MAAO,CAAEe,OAAQ,UAAWR,QAAS,UAAWH,QAAS,OAAQC,WAAY,SAAUC,IAAK,EAAGO,OAAQkD,EAAa,oBAAsB,oBAAqBjD,aAAc,MAAOmH,MAAO,eAC7L3G,SAACC,EAAAA,IAAAsG,EAAA,QAAA,CAAelE,GAAI,CAAEnD,SAAU,OAAQG,MAAOoD,EAAa,UAAY,UAAW/C,WAAY,yBAGtGoD,EAAejB,MAAQiB,EAAeG,YAAcgH,GAAUnH,EAAeE,MACzE/C,EAAAA,IAAAwG,EAAAA,IAAA,CAAIC,UAAU,MAAMtI,QAAUyB,GAAMA,EAAE6E,kBAAmBrC,GAAI,CAAEvD,QAAS,QAAS6H,MAAO,cAAeC,SAAU,OAAQC,GAAI,EAAGC,GAAI,EAAGC,GAAI,GACxI/G,SAAAC,EAAAA,IAAC+G,WAAwBnF,MAAI,EAACoF,QAAS/D,EAAqBF,KAAMF,EAAeE,KAAMkE,OAAQxE,SAOnH,IAAI4H,GAAgB,EAChB,IACAA,EAAgB,IAAIC,IAAIjK,GAAOkK,MAAMC,SAASC,WAAW,OAAM,CAC3D,MACYJ,GAAA,CACpB,CAEA,OAAOA,EACHrK,EAAAA,IAAC,IAAA,CACGuK,KAAMlK,GAAOkK,KACb9L,MAAO,CAAEW,MAAOoD,EAAa,UAAY,UAAWkI,eAAgB,OAAQxL,WAAY,IAAKwK,aAAclH,EAAa,oBAAsB,oBAAqB/C,WAAY,iCAC/KkL,OAAO,SACPC,IAAI,sBACJjL,aAAeC,IAAQA,EAAEC,cAAcpB,MAAMoM,kBAAoBrI,EAAa,UAAY,WAC1F1C,aAAeF,IAAQA,EAAEC,cAAcpB,MAAMoM,kBAAoBrI,EAAa,UAAY,WAEzFzC,aAGJC,MAAA,OAAA,CAAMD,cAIf+K,IAAK,EAAG1K,UAASC,KACZL,EAAAA,IAAA+K,UAAA,CAAQC,MAAO3K,EAAMN,SAAUkL,UAAU,MAAMC,OAAK,EACjDnL,SAAAC,EAAAA,IAACwG,EAAAA,IAAA,CACGC,UAAU,OACVrE,GAAI,CACAvD,QAAS,cAAeC,WAAY,SAAUmD,eAAgB,SAAUyE,MAAO,GAAI2C,OAAQ,GAC3F9J,aAAc,MAAOF,WAAYmD,EAAa,UAAY,UAAWpD,MAAOoD,EAAa,UAAY,UAAWvD,SAAU,SAAUC,WAAY,IAChJiM,cAAe,QAAS3L,OAAQ,UAAW4L,WAAY,OAAQzD,WAAY,EAAGlI,WAAY,WAC1F,UAAW,CAAEJ,WAAYmD,EAAa,UAAY,UAAWpD,MAAO,SAExE,aAAW,OACXiM,KAAK,SACRtL,SAAA,QAMTuL,KAAM,EAAGvL,cACJC,EAAAA,IAAA,OAAA,CAAKvB,MAAO,CAAEU,WAAY,6DAA8DF,SAAU,SAAUG,MAAOoD,EAAa,UAAY,UAAWnD,WAAYmD,EAAa,UAAY,UAAWxD,QAAS,YAAaO,aAAc,EAAGD,OAAQkD,EAAa,oBAAsB,oBAAqBtD,WAAY,KACtTa,aAITwL,IAAK,EAAGxL,eACE,MAAAyL,EAAeC,IACb,GAAiB,iBAAVA,EAA2B,OAAAA,EAClC,GAAAA,GAAOpL,OAAON,SAAU,CAExB,OADa2L,MAAMC,QAAQF,EAAMpL,MAAMN,UAAY0L,EAAMpL,MAAMN,SAAW,CAAC0L,EAAMpL,MAAMN,WAC3EqB,IAAIoK,GAAanK,KAAK,GACtC,CACO,MAAA,IAELuK,EAAWjL,EAAAA,QAAMC,SAASC,QAAQd,GAAUqB,IAAIoK,GAAanK,KAAK,IAGpE,OAAAnD,EAAAA,KAAC,OAAIO,MAAO,CAAEC,SAAU,WAAY8F,OAAQ,UACxCzE,SAAA,CAACC,EAAAA,IAAAnC,EAAA,CAAWC,KAAM8N,IACjB5L,EAAAA,IAAA,MAAA,CAAIvB,MAAO,CAAEU,WAAY,6DAA8DF,SAAU,SAAU0I,WAAY,IAAKvI,MAAOuD,EAAWtD,WAAYmD,EAAa,UAAY,UAAWlD,OAAQkD,EAAa,oBAAsB,oBAAqBjD,aAAc,EAAGP,QAAS,YAAawF,OAAQ,EAAG+E,UAAW,OAAQnB,WAAY,OAC3UrI,iBAMjB8L,IAAK,EAAGzL,UAASC,KACZL,EAAAA,IAAA,MAAA,IAAQK,EAAO5B,MAAO,CAAEkI,SAAU,OAAQ0C,OAAQ,OAAQ9J,aAAc,EAAGiF,OAAQ,QAASlF,OAAQkD,EAAa,oBAAsB,qBAAuBsJ,QAAQ,WAGhL,CAACvO,EAASmF,EAAcH,EAAeM,EAAeG,UAAWH,EAAejB,KAAMa,EAA4BU,EAAoBX,EAAYG,EAAWC,IAG5J,OAAA5C,EAAAA,IAACwG,EAAAA,IAAA,CACGuF,UAAU,uBACVtN,QACA2D,GAAI,CACAnD,SAAUyD,EACViF,WAAY,IACZvI,MAAOuD,EACPwF,UAAW,aACXzJ,SAAU,cACP0D,EACH,wCAAyCI,EACnC,CAAEpD,MAAO,sBACT,CAAC,EACP,MAAO,CACHA,MAAOoD,EAAa,qBAAuB,sBAE/C,WAAY,CACRpD,MAAOoD,EAAa,qBAAuB,sBAE/C,qCAAsC,CAClCpD,MAAOoD,EAAa,qBAAuB,uBAKnDzC,SAAAC,EAAAA,IAACgM,EAAAA,QAAc,CAAA7H,aAAwB8H,cAAe,CAACC,EAAAA,SAAYH,UAAU,yCACxEhM,SAAazC,EAAA4F"}
+{"version":3,"file":"Markdownrenderer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/SPBAnalysisPanel/Spbanalysispanel.js

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

package/dist/cjs/features/SPBAnalysisPanel/Spbanalysispanel.js.map

@@ -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","jsxs","display","flexDirection","lineHeight","justifyContent","APBRefDescription","isOverflowing","setIsOverflowing","textRef","useRef","useEffect","el","current","scrollWidth","clientWidth","pl","alignItems","gap","ref","overflow","whiteSpace","textOverflow","flex","minWidth","flexShrink","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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"}
+{"version":3,"file":"Spbanalysispanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/ScannedDocCitation/ScannedDocCitation.js

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

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

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