@e-llm-studio/citation 0.0.249 → 0.0.250

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

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

package/dist/features/SPBAnalysisPanel/Markdownrenderer.js

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

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

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

package/dist/features/SPBAnalysisPanel/Spbanalysispanel.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"Spbanalysispanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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\";\nimport {PromptBlockTree, PromptBlockTreeNode, PromptBlockTreeProps} from \"@e-llm-studio/prompt-block-tree\";\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    /** Functionality of FPB section main accordion style overrides */\n    fpbSection?: React.CSSProperties | any;\n\n    /** Functionality of FPB section title style overrides */\n    fpbTitle?: React.CSSProperties | any;\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\n    functionalityOfFPB?: {\n        fpbTitle?: string;\n        treeProps: PromptBlockTreeProps;\n    };\n    spbAdditionalInfo?: SPBAdditionalInfo | null;\n    lastAnalyzedAt?: string;\n\n    showfunctionalityofFPB?: boolean,\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    functionalityOfFPB,\n    showfunctionalityofFPB = false,\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 [highlightVariable, setHighlightVariable] = useState(\"\");\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 handleFPBNodeOpen = (node: PromptBlockTreeNode) => {\n        const rawPrompt = node.meta?.rawPrompt;\n        if (typeof rawPrompt === \"string\" && rawPrompt.trim()) {\n            setHighlightVariable(rawPrompt);\n        }\n        functionalityOfFPB?.treeProps.onNodeOpen?.(node);\n    };\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                { showfunctionalityofFPB && <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.fpbSection }}>\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?.fpbTitle }}>{functionalityOfFPB?.fpbTitle || \"Functionality of FPB\"}</Typography>\n                        <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\" }}></Typography>\n                     </AccordionSummary>\n                    <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\" }}>\n                    {functionalityOfFPB?.treeProps ? (\n                     <PromptBlockTree\n                        {...functionalityOfFPB.treeProps}\n                        onNodeOpen={handleFPBNodeOpen}\n                    />\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} highlightVariable={highlightVariable} />\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} highlightVariable={highlightVariable} height=\"100%\" fontSize={13} />\n                        </Box>\n                    </Box>\n                </Box>\n            </Dialog>\n            )}\n        </Box>\n    );\n};\n\nexport default SPBAnalysisPanel;\n"],"names":["OverviewText","text","detailedSummary","extraMetaData","isDarkMode","markdownRendererStyle","cognitiveDecisioningStyles","expanded","setExpanded","useState","preview","truncated","raw","maxChars","plainText","replace","trim","length","cut","slice","lastSpace","lastIndexOf","buildPlainPreview","jsx","Box","children","MarkdownRenderer","message","fontSize","style","Typography","component","onClick","sx","color","fontWeight","cursor","display","flexDirection","jsxs","lineHeight","justifyContent","APBRefDescription","isOverflowing","setIsOverflowing","textRef","useRef","useEffect","el","current","scrollWidth","clientWidth","pl","alignItems","gap","ref","overflow","whiteSpace","textOverflow","flex","minWidth","flexShrink","SPBAnalysisPanel","promptContent","promptTitle","isLoading","overviewSummary","functionalityOfSPB","functionalityOfFPB","showfunctionalityofFPB","spbAdditionalInfo","lastAnalyzedAt","lastAnalyzedAtProp","showCodePanel","showInlineApbEditor","disableApbNavigation","showCollapseStrip","showFullscreenButton","showFullscreenModal","showThemeToggle","isDarkModeProp","styles","className","lastSyncedAt","setLastSyncedAt","expandedApbRef","setExpandedApbRef","selectedTag","setSelectedTag","highlightVariable","setHighlightVariable","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","fpbSection","fpbTitle","treeProps","PromptBlockTree","onNodeOpen","node","rawPrompt","meta","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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"}