@e-llm-studio/citation 0.0.249 → 0.0.250

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Dialog"),i=require("@mui/icons-material/Fullscreen"),o=require("@mui/icons-material/CloseFullscreen");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t),s=a(r),d=a(i),c=a(o),u=170,f=48,g=["#ede9fe","#e0f2fe","#fef3c7","#dcfce7","#ffe4e6","#f0fdf4","#fef9c3","#e0e7ff","#fce7f3","#f1f5f9"],v=["#7c3aed","#0284c7","#b45309","#16a34a","#e11d48","#15803d","#a16207","#4338ca","#db2777","#475569"],p=["⚙","◈","⟐","✦","◎","⬡","◇","⊕","✶","◉"],h=["#a78bfa","#7dd3fc","#fbbf24","#86efac","#fda4af","#6ee7b7","#fde047","#a5b4fc","#f9a8d4","#94a3b8"],x=["linear-gradient(135deg,#7c3aed,#a78bfa)","linear-gradient(135deg,#0284c7,#38bdf8)","linear-gradient(135deg,#b45309,#fbbf24)","linear-gradient(135deg,#16a34a,#86efac)","linear-gradient(135deg,#e11d48,#fda4af)","linear-gradient(135deg,#15803d,#6ee7b7)","linear-gradient(135deg,#a16207,#fde047)","linear-gradient(135deg,#4338ca,#a5b4fc)","linear-gradient(135deg,#db2777,#f9a8d4)","linear-gradient(135deg,#475569,#94a3b8)"];function y(n){var t=Array.isArray(null==n?void 0:n.clusters)?n.clusters:[],r=Array.isArray(null==n?void 0:n.nodes)?n.nodes:[],i=Array.isArray(null==n?void 0:n.edges)?n.edges:[],o=function(n,t,r){var i;void 0===n&&(n=[]),void 0===t&&(t=[]),void 0===r&&(r=[]);var o=Array.isArray(n)?n:[],a=Array.isArray(t)?t:[],l=Array.isArray(r)?r:[],s=o.length;if(0===s)return new Map;var d={};o.forEach(function(e,n){d[e.id]=n});var c={},u={};o.forEach(function(e){c[e.id]=[],u[e.id]=[]}),a.forEach(function(e){c[e.source]&&c[e.source].push(e.target),u[e.target]&&u[e.target].push(e.source)});var f={};o.forEach(function(e){f[e.id]=0});for(var g=0;g<s;g++){for(var v=!1,p=0,h=a;p<h.length;p++){var x=h[p],y=(f[x.source]||0)+1;y>(f[x.target]||0)&&y<s&&(f[x.target]=y,v=!0)}if(!v)break}var b={};l.forEach(function(e,n){b[e.id]=n});var _={};l.forEach(function(e){_[e.id]=[]}),o.forEach(function(e){var n;null===(n=_[e.cluster_id])||void 0===n||n.push(e)}),Object.values(_).forEach(function(e){return e.sort(function(e,n){return(f[e.id]||0)-(f[n.id]||0)})});for(var m=new Float64Array(s),j=new Float64Array(s),k=new Float64Array(s),w=new Float64Array(s),M=function(e){var n=null!==(i=b[e.id])&&void 0!==i?i:0;(_[e.id]||[]).forEach(function(e,t){var r=d[e.id];m[r]=520*n+280,j[r]=200*t+120})},S=0,C=l;S<C.length;S++)M(V=C[S]);for(var E=.0015,z=Math.max.apply(Math,e.__spreadArray(e.__spreadArray([],o.map(function(e){return f[e.id]||0}),!1),[1],!1)),P=new Float64Array(s),A=0;A<s;A++)P[A]=(f[o[A].id]||0)/z*(200*s*.6)+120;for(var F=0;F<350;F++){var R=Math.max(.015,1-F/350),I=new Float64Array(s),W=new Float64Array(s);for(A=0;A<s;A++)for(var B=A+1;B<s;B++){var D=(Q=m[A]-m[B])*Q+(U=j[A]-j[B])*U;D<400&&(D=(Q=12*(A-B))*Q+(U=8*(A+B))*U);var Y=Q/(T=Math.sqrt(D))*(O=48e4/D),N=U/T*O;I[A]+=Y,W[A]+=N,I[B]-=Y,W[B]-=N}for(var q=0,L=a;q<L.length;q++){x=L[q];var X=d[x.source],H=d[x.target];if(void 0!==X&&void 0!==H){var T,O,Q=m[H]-m[X],U=j[H]-j[X];if(!((T=Math.sqrt(Q*Q+U*U))<1))Y=Q/T*(O=.004*(T-380)),N=U/T*O,I[X]+=Y,W[X]+=N,I[H]-=Y,W[H]-=N}}var G={},J={},K={};for(A=0;A<s;A++)G[V=o[A].cluster_id]=(G[V]||0)+m[A],J[V]=(J[V]||0)+j[A],K[V]=(K[V]||0)+1;for(A=0;A<s;A++){var V=o[A].cluster_id;I[A]+=(G[V]/K[V]-m[A])*E,W[A]+=(J[V]/K[V]-j[A])*E}for(A=0;A<s;A++)W[A]+=.002*(P[A]-j[A]);for(A=0;A<s;A++)k[A]=.84*(k[A]+I[A])*R,w[A]=.84*(w[A]+W[A])*R,m[A]+=k[A],j[A]+=w[A]}for(g=0;g<40;g++){var Z=!1;for(A=0;A<s;A++)for(B=A+1;B<s;B++){Q=m[A]-m[B],U=j[A]-j[B];var $=270-Math.abs(Q),ee=128-Math.abs(U);if($>0&&ee>0)if(Z=!0,$<ee){var ne=$/2+5;m[A]+=Q>0?ne:-ne,m[B]-=Q>0?ne:-ne}else ne=ee/2+5,j[A]+=U>0?ne:-ne,j[B]-=U>0?ne:-ne}if(!Z)break}var te=1/0,re=1/0;for(A=0;A<s;A++)te=Math.min(te,m[A]),re=Math.min(re,j[A]);var ie=new Map;for(A=0;A<s;A++)ie.set(o[A].id,{x:Math.round(m[A]-te+80),y:Math.round(j[A]-re+80)});return ie}(r,i,t),a=r.map(function(n){var t=o.get(n.id)||{x:0,y:0};return e.__assign(e.__assign({},n),{x:t.x,y:t.y})}),l={};t.forEach(function(e,n){l[e.id]=n});var s={};t.forEach(function(e){s[e.id]=[]}),a.forEach(function(e){var n;null===(n=s[e.cluster_id])||void 0===n||n.push(e)});var d=36,c=t.map(function(e){var n=s[e.id];if(!n.length)return null;var t=Math.min.apply(Math,n.map(function(e){return e.x})),r=Math.min.apply(Math,n.map(function(e){return e.y})),i=Math.max.apply(Math,n.map(function(e){return e.x+u})),o=Math.max.apply(Math,n.map(function(e){return e.y+f}));return{id:e.id,label:e.label,idx:l[e.id],x:t-d,y:r-d,width:i-t+72,height:o-r+72+22}}).filter(function(e){return null!==e});return{nodes:a.map(function(n){var t;return e.__assign(e.__assign({},n),{cluster:null!==(t=l[n.cluster_id])&&void 0!==t?t:0})}),edges:i,clusterBounds:c,canvasW:Math.max.apply(Math,a.map(function(e){return e.x+u}))+72,canvasH:Math.max.apply(Math,a.map(function(e){return e.y+f}))+72}}function b(e,n,t){var r=n[e.source],i=n[e.target];if(!r||!i)return"";var o=function(e,n){var t=e.x+85,r=e.y+24,i=n.x+85,o=n.y+24;function a(e,n,t,r){var i=t-e,o=r-n;return Math.abs(o)>.4*Math.abs(i)?o>0?{x:e,y:n+24}:{x:e,y:n-24}:i>0?{x:e+85,y:n}:{x:e-85,y:n}}return{source:a(t,r,i,o),target:a(i,o,t,r)}}(r,i),a=o.source,l=o.target,s=l.x-a.x,d=l.y-a.y,c=Math.sqrt(s*s+d*d);if(c<5)return"M ".concat(a.x," ").concat(a.y," L ").concat(l.x," ").concat(l.y);if(i.y+150<r.y&&i.y<r.y-f){var u=Math.min(r.x,i.x)-110;return"M ".concat(a.x," ").concat(a.y," C ").concat(u," ").concat(a.y,", ").concat(u," ").concat(l.y,", ").concat(l.x," ").concat(l.y)}var g=-d/c,v=s/c;if(t.some(function(n){return n.source===e.target&&n.target===e.source})){var p=e.source<e.target?1:-1,h=Math.max(.18*c,40)*p,x=(a.x+l.x)/2+g*h,y=(a.y+l.y)/2+v*h;return"M ".concat(a.x," ").concat(a.y," Q ").concat(x," ").concat(y," ").concat(l.x," ").concat(l.y)}var b=Math.min(.12*c,55),_=(a.x+l.x)/2+g*b,m=(a.y+l.y)/2+v*b;return"M ".concat(a.x," ").concat(a.y," Q ").concat(_," ").concat(m," ").concat(l.x," ").concat(l.y)}function _(r){var i,o,a,l=r.data,s=r.onFullscreen,_=r.isFullscreen,m=r.isDarkMode,j=void 0!==m&&m,k=r.style,w=t.useRef(null),M=t.useState({x:0,y:0}),S=M[0],C=M[1],E=t.useState(.5),z=E[0],P=E[1],A=t.useState(!1),F=A[0],R=A[1],I=t.useRef({x:0,y:0}),W=t.useRef({x:0,y:0}),B=t.useState(null),D=B[0],Y=B[1],N=t.useState(null),q=N[0],L=N[1],X=t.useState(null),H=X[0],T=X[1],O=t.useState(null),Q=O[0],U=O[1],G=t.useMemo(function(){return y(l)},[l]),J=t.useMemo(function(){var e={};return G.nodes.forEach(function(n){e[n.id]=n}),e},[G]),K=t.useMemo(function(){var e={};return l.clusters.forEach(function(n,t){e[n.id]=t}),e},[l]),V=t.useMemo(function(){return Q?new Set(G.edges.filter(function(e){return e.source===Q||e.target===Q}).map(function(e){return e.id})):new Set},[Q,G.edges]),Z=t.useMemo(function(){if(!Q)return new Set;var e=new Set([Q]);return G.edges.forEach(function(n){n.source===Q&&e.add(n.target),n.target===Q&&e.add(n.source)}),e},[Q,G.edges]),$=t.useMemo(function(){return new Date(l.last_analyzed_at).toLocaleString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,day:"numeric",month:"short",year:"numeric"})},[l.last_analyzed_at]),ee=t.useCallback(function(n){n.target.closest("[data-edge-hit]")||n.target.closest("[data-node]")||(R(!0),I.current={x:n.clientX,y:n.clientY},W.current=e.__assign({},S),n.currentTarget.style.cursor="grabbing")},[S]),ne=t.useCallback(function(e){F&&C({x:W.current.x+(e.clientX-I.current.x),y:W.current.y+(e.clientY-I.current.y)})},[F]),te=t.useCallback(function(){R(!1),w.current&&(w.current.style.cursor="grab")},[]),re=t.useCallback(function(e){e.preventDefault(),P(function(n){return Math.min(2.5,Math.max(.2,n-.001*e.deltaY))})},[]);t.useEffect(function(){var e=w.current;return e&&e.addEventListener("wheel",re,{passive:!1}),function(){return null==e?void 0:e.removeEventListener("wheel",re)}},[re]);var ie=(null==k?void 0:k.backgroundColor)||(null==k?void 0:k.background)||(j?"#090d16":"#ffffff"),oe=(null==k?void 0:k.color)||(j?"#f8fafc":"#1e293b"),ae=(null===(i=null==k?void 0:k.subtitle)||void 0===i?void 0:i.color)||"#94a3b8",le=function(e,n){return"string"==typeof e?e:n},se=e.__assign({width:32,height:32,border:"none",background:"transparent",borderRadius:8,cursor:"pointer",fontSize:16,color:j?"#cbd5e1":"#475569",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:500},null==k?void 0:k.controlButton);return n.jsxs("div",e.__assign({style:e.__assign({width:"100%",height:"100%",background:ie,color:oe,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",position:"relative",overflow:"hidden"},null==k?void 0:k.root)},{children:[n.jsxs("div",e.__assign({style:e.__assign({position:"absolute",top:0,left:0,right:0,zIndex:20,borderBottom:_?j?"1px solid #1e293b":"1px solid #f1f5f9":"none",background:_?ie:"transparent"},null==k?void 0:k.header)},{children:[n.jsxs("div",e.__assign({style:{padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[n.jsxs("div",{children:[_&&n.jsx("h2",e.__assign({style:e.__assign({margin:0,fontSize:17,fontWeight:700,color:oe},null==k?void 0:k.title)},{children:"Dependency Graph"})),n.jsxs("p",e.__assign({style:e.__assign({margin:"2px 0 0",fontSize:12,color:ae},null==k?void 0:k.subtitle)},{children:["Last analyzed: ".concat($||"","  · "),"Click a node or connection to explore details and dependencies."]}))]}),n.jsxs("div",e.__assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[n.jsxs("div",e.__assign({style:e.__assign({display:"flex",gap:2,background:j?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:j?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)"},null==k?void 0:k.controls)},{children:[n.jsx("button",e.__assign({onClick:function(){return P(function(e){return Math.max(.2,e-.15)})},style:se},{children:"−"})),n.jsxs("button",e.__assign({onClick:function(){P(.5),C({x:0,y:0})},style:e.__assign(e.__assign({},se),{fontSize:11,width:52,fontWeight:600})},{children:[Math.round(100*z)||0,"%"]})),n.jsx("button",e.__assign({onClick:function(){return P(function(e){return Math.min(2.5,e+.15)})},style:se},{children:"+"}))]})),s&&n.jsx("div",e.__assign({style:e.__assign({display:"flex",background:j?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:j?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)"},null==k?void 0:k.controls)},{children:n.jsx("button",e.__assign({onClick:s,style:se},{children:_?n.jsx(c.default,{style:{fontSize:16}}):n.jsx(d.default,{style:{fontSize:16}})}))}))]}))]})),q&&n.jsx("div",e.__assign({style:e.__assign({margin:"0 20px 14px",width:"30%",minWidth:280,borderRadius:12,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",border:"1px solid #e2e8f0",animation:"slideDown 0.2s ease-out"},null==k?void 0:k.nodePopup)},{children:function(){var t,r,i=q.node,o=null!==(t=K[i.cluster_id])&&void 0!==t?t:0;return G.edges.filter(function(e){return e.source===i.id}).length,G.edges.filter(function(e){return e.target===i.id}).length,n.jsxs("div",{children:[n.jsxs("div",e.__assign({style:e.__assign({padding:"10px 14px",background:x[o%x.length||0],color:"#fff",display:"flex",alignItems:"center",justifyContent:"space-between"},null==k?void 0:k.nodePopupHeader)},{children:[n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:10}},{children:[n.jsx("span",e.__assign({style:{width:28,height:28,borderRadius:8,background:"rgba(255,255,255,0.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14}},{children:p[o%p.length||0]})),n.jsxs("div",{children:[n.jsx("div",e.__assign({style:{fontSize:9,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.75}},{children:(null===(r=l.clusters[o])||void 0===r?void 0:r.label)||"Cluster Name"})),n.jsx("div",e.__assign({style:{fontSize:14,fontWeight:700,marginTop:1}},{children:i.label||"Cluster Name"}))]})]})),n.jsx("button",e.__assign({onClick:function(){L(null),U(null)},style:e.__assign({background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},null==k?void 0:k.popupCloseButton)},{children:"×"}))]})),n.jsx("div",e.__assign({style:e.__assign({padding:"10px 14px",fontSize:13,lineHeight:1.6,color:j?"#cbd5e1":"#475569",background:j?"#1e293b":"#fff"},null==k?void 0:k.nodePopupBody)},{children:i.description||"No description available..."}))]})}()}))]})),n.jsxs("div",e.__assign({ref:w,onPointerDown:ee,onPointerMove:ne,onPointerUp:te,onPointerLeave:te,onClick:function(){Y(null),L(null),U(null)},style:{width:"100%",height:"100%",cursor:F?"grabbing":"grab",position:"relative"}},{children:[n.jsx("div",e.__assign({style:{transform:"translate(".concat(S.x,"px, ").concat(S.y,"px) scale(").concat(z,")"),transformOrigin:"top left",position:"absolute",top:_?70:50,left:20,transition:F?"none":"transform 0.08s ease-out"}},{children:n.jsxs("svg",e.__assign({width:G.canvasW,height:G.canvasH,style:{overflow:"visible"}},{children:[G.clusterBounds.map(function(t){var r,i,o,a,l;return n.jsxs("g",{children:[n.jsx("rect",{x:t.x,y:t.y,width:t.width,height:t.height,rx:"16",fill:le((null===(r=null==k?void 0:k.cluster)||void 0===r?void 0:r.backgroundColor)||(null===(i=null==k?void 0:k.cluster)||void 0===i?void 0:i.background),j?"rgba(30, 41, 59, 0.35)":"none"),stroke:le((null===(o=null==k?void 0:k.cluster)||void 0===o?void 0:o.borderColor)||(null===(a=null==k?void 0:k.cluster)||void 0===a?void 0:a.border),j?"#334155":"#e2e8f0"),strokeWidth:"1.5",strokeDasharray:"8 4"}),n.jsx("text",e.__assign({x:t.x+14,y:t.y+t.height-10,fontSize:"11",fill:le(null===(l=null==k?void 0:k.clusterLabel)||void 0===l?void 0:l.color,"#94a3b8"),fontFamily:"Inter, sans-serif",fontWeight:"500"},{children:t.label||"Cluster Name"}))]},t.id)}),G.edges.map(function(t){var r,i,o,a,l,s,d,c,u,f=b(t,J,G.edges);if(!f)return null;var g=V.has(t.id),v=(null==D?void 0:D.edge.id)===t.id,p=H===t.id,h=!!Q&&!g,x=g||v?(null===(r=null==k?void 0:k.activeEdge)||void 0===r?void 0:r.color)||(null===(i=null==k?void 0:k.activeEdge)||void 0===i?void 0:i.borderColor)||"#6366f1":p?(null===(o=null==k?void 0:k.edge)||void 0===o?void 0:o.color)||"#818cf8":(null===(a=null==k?void 0:k.edge)||void 0===a?void 0:a.borderColor)||(null===(l=null==k?void 0:k.edge)||void 0===l?void 0:l.color)||(j?"#475569":"#cbd5e1"),y=g||v?2.5:p?2:1.5;return n.jsxs("g",e.__assign({style:{opacity:h?.1:1,transition:"opacity 0.25s"}},{children:[n.jsx("path",{"data-edge-hit":"true",d:f,fill:"none",stroke:"transparent",strokeWidth:18,style:{cursor:"pointer"},onClick:function(e){return function(e,n){e.stopPropagation();var t=w.current.getBoundingClientRect();Y({edge:n,screenX:e.clientX-t.left,screenY:e.clientY-t.top}),L(null),U(null)}(e,t)},onMouseEnter:function(){return T(t.id)},onMouseLeave:function(){return T(null)}}),n.jsx("path",{d:f,fill:"none",stroke:x,strokeWidth:y,style:{transition:"stroke 0.2s, stroke-width 0.2s",pointerEvents:"none"}}),(g||v)&&n.jsxs(n.Fragment,{children:[n.jsx("circle",e.__assign({r:4,fill:(null===(s=null==k?void 0:k.edgeMarker)||void 0===s?void 0:s.color)||(null===(d=null==k?void 0:k.activeEdge)||void 0===d?void 0:d.color)||"#6366f1"},{children:n.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:f})})),n.jsx("circle",e.__assign({r:6,fill:(null===(c=null==k?void 0:k.edgeMarker)||void 0===c?void 0:c.color)||(null===(u=null==k?void 0:k.activeEdge)||void 0===u?void 0:u.color)||"#6366f1",opacity:.2},{children:n.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:f})}))]})]}),t.id)}),G.nodes.map(function(t){var r,i,o,a,l,s,d,c,x,y=Q===t.id,b=Z.has(t.id),_=!!Q&&!b,m=(null!==(r=K[t.cluster_id])&&void 0!==r?r:0)%h.length,M=h[m||0];return n.jsx("g",e.__assign({"data-node":"true",onClick:function(e){return function(e,n){e.stopPropagation();var t=w.current.getBoundingClientRect();Q===n.id?(U(null),L(null)):(U(n.id),L({node:n,screenX:e.clientX-t.left,screenY:e.clientY-t.top}),Y(null))}(e,t)},style:{cursor:"pointer",opacity:_?.15:1,transition:"opacity 0.25s"}},{children:n.jsx("foreignObject",e.__assign({x:t.x,y:t.y,width:u,height:f},{children:n.jsxs("div",e.__assign({style:e.__assign(e.__assign({background:(null===(i=null==k?void 0:k.node)||void 0===i?void 0:i.backgroundColor)||(null===(o=null==k?void 0:k.node)||void 0===o?void 0:o.background)||(j?"#1e293b":"#fff"),border:y?(null===(a=null==k?void 0:k.selectedNode)||void 0===a?void 0:a.border)||"2.5px solid ".concat((null===(l=null==k?void 0:k.selectedNode)||void 0===l?void 0:l.borderColor)||M):(null===(s=null==k?void 0:k.node)||void 0===s?void 0:s.border)||"1.5px solid ".concat((null===(d=null==k?void 0:k.node)||void 0===d?void 0:d.borderColor)||(j?"#334155":"#e2e8f0")),borderRadius:10,padding:"8px 14px",fontSize:13,fontWeight:600,color:j?"#f1f5f9":"#334155",fontFamily:"'Inter', sans-serif",display:"flex",alignItems:"center",gap:8,boxShadow:y?(null===(c=null==k?void 0:k.selectedNode)||void 0===c?void 0:c.boxShadow)||"0 0 0 3px ".concat(M,"33, 0 2px 8px rgba(0,0,0,0.4)"):(null===(x=null==k?void 0:k.node)||void 0===x?void 0:x.boxShadow)||(j?"0 2px 6px rgba(0,0,0,0.3)":"0 1px 3px rgba(0,0,0,0.05)"),whiteSpace:"nowrap",userSelect:"none",height:46,boxSizing:"border-box",transition:"border 0.2s, box-shadow 0.2s"},null==k?void 0:k.node),y?null==k?void 0:k.selectedNode:{})},{children:[n.jsx("span",e.__assign({style:e.__assign({width:22,height:22,borderRadius:6,background:g[m],display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,flexShrink:0,color:v[m]},null==k?void 0:k.nodeIcon)},{children:p[m]})),n.jsx("span",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis"}},{children:t.label||"Node name"}))]}))}))}),t.id)})]}))})),D&&n.jsxs("div",e.__assign({onClick:function(e){return e.stopPropagation()},style:e.__assign(e.__assign(e.__assign({position:"absolute"},function(e,n,t,r){if(!w.current)return{};var i=w.current.getBoundingClientRect(),o=e+14,a=n-r/2;return o+t>i.width&&(o=e-t-14),a<8&&(a=8),a+r>i.height&&(a=i.height-r-8),{left:o,top:a}}(D.screenX,D.screenY,320,180)),{width:320,background:j?"#1e293b":"#fff",borderRadius:14,boxShadow:"0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)",border:"1px solid #e2e8f0",zIndex:30,animation:"popIn 0.18s ease-out",overflow:"hidden"}),null==k?void 0:k.edgePopup)},{children:[n.jsxs("div",e.__assign({style:e.__assign({padding:"12px 16px 10px",background:"linear-gradient(135deg, #6366f1, #8b5cf6)",color:"#fff"},null==k?void 0:k.edgePopupHeader)},{children:[n.jsx("div",e.__assign({style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.8}},{children:"Edge Reasoning"})),n.jsxs("div",e.__assign({style:{fontSize:13,fontWeight:600,marginTop:4}},{children:[(null===(o=J[D.edge.source])||void 0===o?void 0:o.label)||"Source",n.jsx("span",e.__assign({style:{opacity:.6,margin:"0 6px"}},{children:"→"})),(null===(a=J[D.edge.target])||void 0===a?void 0:a.label)||"Target"]}))]})),n.jsx("div",e.__assign({style:e.__assign({padding:"12px 16px 14px",fontSize:13,lineHeight:1.6,color:j?"#cbd5e1":"#475569",whiteSpace:"pre-line"},null==k?void 0:k.edgePopupBody)},{children:D.edge.reasoning||"No Reasoning available..."})),n.jsx("button",e.__assign({onClick:function(){return Y(null)},style:e.__assign({position:"absolute",top:8,right:10,background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center"},null==k?void 0:k.popupCloseButton)},{children:"×"}))]}))]})),n.jsx("style",{children:"\n        @keyframes popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      "})]}))}var m=l.default.memo(function(r){var i=r.data,o=r.isDarkMode,a=void 0!==o&&o,l=r.style,d=t.useState(!1),c=d[0],u=d[1],f=l||{};f.fullscreenPaper,f.root,f.header,f.title,f.subtitle,f.controls,f.controlButton,f.nodePopup,f.edgePopup;var g=e.__rest(f,["fullscreenPaper","root","header","title","subtitle","controls","controlButton","nodePopup","edgePopup"]),v=l||{},p=t.useCallback(function(){u(!0)},[]),h=t.useCallback(function(){u(!1)},[]);return n.jsxs(n.Fragment,{children:[n.jsx("div",e.__assign({style:e.__assign({position:"relative",width:"100%",height:"500px"},g)},{children:n.jsx(_,{data:i,onFullscreen:p,isDarkMode:a,style:v})})),n.jsx(s.default,e.__assign({open:c,onClose:h,maxWidth:!1,PaperProps:{style:e.__assign({width:"95vw",height:"92vh",maxWidth:"none",borderRadius:12,overflow:"hidden",background:v.backgroundColor||v.background||(a?"#090d16":"#ffffff"),color:v.color||(a?"#f8fafc":"#1e293b")},v.fullscreenPaper)}},{children:n.jsx("div",e.__assign({style:{width:"100%",height:"100%",position:"relative",background:v.backgroundColor||v.background||(a?"#090d16":"#ffffff")}},{children:n.jsx(_,{data:i,onFullscreen:h,isFullscreen:!0,isDarkMode:a,style:v})}))}))]})});exports.default=m;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Dialog"),n=require("@mui/icons-material/Fullscreen"),o=require("@mui/icons-material/CloseFullscreen");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var a=i(t),s=i(r),l=i(n),d=i(o);const c=170,f=48,u=["#ede9fe","#e0f2fe","#fef3c7","#dcfce7","#ffe4e6","#f0fdf4","#fef9c3","#e0e7ff","#fce7f3","#f1f5f9"],g=["#7c3aed","#0284c7","#b45309","#16a34a","#e11d48","#15803d","#a16207","#4338ca","#db2777","#475569"],h=["⚙","◈","⟐","✦","◎","⬡","◇","⊕","✶","◉"],p=["#a78bfa","#7dd3fc","#fbbf24","#86efac","#fda4af","#6ee7b7","#fde047","#a5b4fc","#f9a8d4","#94a3b8"],x=["linear-gradient(135deg,#7c3aed,#a78bfa)","linear-gradient(135deg,#0284c7,#38bdf8)","linear-gradient(135deg,#b45309,#fbbf24)","linear-gradient(135deg,#16a34a,#86efac)","linear-gradient(135deg,#e11d48,#fda4af)","linear-gradient(135deg,#15803d,#6ee7b7)","linear-gradient(135deg,#a16207,#fde047)","linear-gradient(135deg,#4338ca,#a5b4fc)","linear-gradient(135deg,#db2777,#f9a8d4)","linear-gradient(135deg,#475569,#94a3b8)"];function y(e){const t=Array.isArray(e?.clusters)?e.clusters:[],r=Array.isArray(e?.nodes)?e.nodes:[],n=Array.isArray(e?.edges)?e.edges:[],o=function(e=[],t=[],r=[]){const n=Array.isArray(e)?e:[],o=Array.isArray(t)?t:[],i=Array.isArray(r)?r:[],a=n.length;if(0===a)return new Map;const s={};n.forEach((e,t)=>{s[e.id]=t});const l={},d={};n.forEach(e=>{l[e.id]=[],d[e.id]=[]}),o.forEach(e=>{l[e.source]&&l[e.source].push(e.target),d[e.target]&&d[e.target].push(e.source)});const c={};n.forEach(e=>{c[e.id]=0});for(let e=0;e<a;e++){let e=!1;for(const t of o){const r=(c[t.source]||0)+1;r>(c[t.target]||0)&&r<a&&(c[t.target]=r,e=!0)}if(!e)break}const f={};i.forEach((e,t)=>{f[e.id]=t});const u={};i.forEach(e=>{u[e.id]=[]}),n.forEach(e=>{u[e.cluster_id]?.push(e)}),Object.values(u).forEach(e=>e.sort((e,t)=>(c[e.id]||0)-(c[t.id]||0)));const g=new Float64Array(a),h=new Float64Array(a),p=new Float64Array(a),x=new Float64Array(a);for(const e of i){const t=f[e.id]??0;(u[e.id]||[]).forEach((e,r)=>{const n=s[e.id];g[n]=520*t+280,h[n]=200*r+120})}const y=.0015,b=Math.max(...n.map(e=>c[e.id]||0),1),m=new Float64Array(a);for(let e=0;e<a;e++)m[e]=(c[n[e].id]||0)/b*(200*a*.6)+120;for(let e=0;e<350;e++){const t=Math.max(.015,1-e/350),r=new Float64Array(a),i=new Float64Array(a);for(let e=0;e<a;e++)for(let t=e+1;t<a;t++){let n=g[e]-g[t],o=h[e]-h[t],a=n*n+o*o;a<400&&(n=12*(e-t),o=8*(e+t),a=n*n+o*o);const s=Math.sqrt(a),l=48e4/a,d=n/s*l,c=o/s*l;r[e]+=d,i[e]+=c,r[t]-=d,i[t]-=c}for(const e of o){const t=s[e.source],n=s[e.target];if(void 0===t||void 0===n)continue;const o=g[n]-g[t],a=h[n]-h[t],l=Math.sqrt(o*o+a*a);if(l<1)continue;const d=.004*(l-380),c=o/l*d,f=a/l*d;r[t]+=c,i[t]+=f,r[n]-=c,i[n]-=f}const l={},d={},c={};for(let e=0;e<a;e++){const t=n[e].cluster_id;l[t]=(l[t]||0)+g[e],d[t]=(d[t]||0)+h[e],c[t]=(c[t]||0)+1}for(let e=0;e<a;e++){const t=n[e].cluster_id;r[e]+=(l[t]/c[t]-g[e])*y,i[e]+=(d[t]/c[t]-h[e])*y}for(let e=0;e<a;e++)i[e]+=.002*(m[e]-h[e]);for(let e=0;e<a;e++)p[e]=.84*(p[e]+r[e])*t,x[e]=.84*(x[e]+i[e])*t,g[e]+=p[e],h[e]+=x[e]}for(let e=0;e<40;e++){let e=!1;for(let t=0;t<a;t++)for(let r=t+1;r<a;r++){const n=g[t]-g[r],o=h[t]-h[r],i=270-Math.abs(n),a=128-Math.abs(o);if(i>0&&a>0)if(e=!0,i<a){const e=i/2+5;g[t]+=n>0?e:-e,g[r]-=n>0?e:-e}else{const e=a/2+5;h[t]+=o>0?e:-e,h[r]-=o>0?e:-e}}if(!e)break}let j=1/0,v=1/0;for(let e=0;e<a;e++)j=Math.min(j,g[e]),v=Math.min(v,h[e]);const k=new Map;for(let e=0;e<a;e++)k.set(n[e].id,{x:Math.round(g[e]-j+80),y:Math.round(h[e]-v+80)});return k}(r,n,t),i=r.map(e=>{const t=o.get(e.id)||{x:0,y:0};return{...e,x:t.x,y:t.y}}),a={};t.forEach((e,t)=>{a[e.id]=t});const s={};t.forEach(e=>{s[e.id]=[]}),i.forEach(e=>{s[e.cluster_id]?.push(e)});const l=36,d=t.map(e=>{const t=s[e.id];if(!t.length)return null;const r=Math.min(...t.map(e=>e.x)),n=Math.min(...t.map(e=>e.y)),o=Math.max(...t.map(e=>e.x+c)),i=Math.max(...t.map(e=>e.y+f));return{id:e.id,label:e.label,idx:a[e.id],x:r-l,y:n-l,width:o-r+72,height:i-n+72+22}}).filter(e=>null!==e);return{nodes:i.map(e=>({...e,cluster:a[e.cluster_id]??0})),edges:n,clusterBounds:d,canvasW:Math.max(...i.map(e=>e.x+c))+72,canvasH:Math.max(...i.map(e=>e.y+f))+72}}function b(e,t,r){const n=t[e.source],o=t[e.target];if(!n||!o)return"";const{source:i,target:a}=function(e,t){const r=e.x+85,n=e.y+24,o=t.x+85,i=t.y+24;function a(e,t,r,n){const o=r-e,i=n-t;return Math.abs(i)>.4*Math.abs(o)?i>0?{x:e,y:t+24}:{x:e,y:t-24}:o>0?{x:e+85,y:t}:{x:e-85,y:t}}return{source:a(r,n,o,i),target:a(o,i,r,n)}}(n,o),s=a.x-i.x,l=a.y-i.y,d=Math.sqrt(s*s+l*l);if(d<5)return`M ${i.x} ${i.y} L ${a.x} ${a.y}`;if(o.y+150<n.y&&o.y<n.y-f){const e=Math.min(n.x,o.x)-110;return`M ${i.x} ${i.y} C ${e} ${i.y}, ${e} ${a.y}, ${a.x} ${a.y}`}const c=-l/d,u=s/d;if(r.some(t=>t.source===e.target&&t.target===e.source)){const t=e.source<e.target?1:-1,r=Math.max(.18*d,40)*t,n=(i.x+a.x)/2+c*r,o=(i.y+a.y)/2+u*r;return`M ${i.x} ${i.y} Q ${n} ${o} ${a.x} ${a.y}`}const g=Math.min(.12*d,55),h=(i.x+a.x)/2+c*g,p=(i.y+a.y)/2+u*g;return`M ${i.x} ${i.y} Q ${h} ${p} ${a.x} ${a.y}`}function m({data:r,onFullscreen:n,isFullscreen:o,isDarkMode:i=!1,style:a}){const s=t.useRef(null),[m,j]=t.useState({x:0,y:0}),[v,k]=t.useState(.5),[w,M]=t.useState(!1),S=t.useRef({x:0,y:0}),C=t.useRef({x:0,y:0}),[$,E]=t.useState(null),[z,F]=t.useState(null),[P,A]=t.useState(null),[R,I]=t.useState(null),W=t.useMemo(()=>y(r),[r]),B=t.useMemo(()=>{const e={};return W.nodes.forEach(t=>{e[t.id]=t}),e},[W]),_=t.useMemo(()=>{const e={};return r.clusters.forEach((t,r)=>{e[t.id]=r}),e},[r]),D=t.useMemo(()=>R?new Set(W.edges.filter(e=>e.source===R||e.target===R).map(e=>e.id)):new Set,[R,W.edges]),Y=t.useMemo(()=>{if(!R)return new Set;const e=new Set([R]);return W.edges.forEach(t=>{t.source===R&&e.add(t.target),t.target===R&&e.add(t.source)}),e},[R,W.edges]),N=t.useMemo(()=>new Date(r.last_analyzed_at).toLocaleString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,day:"numeric",month:"short",year:"numeric"}),[r.last_analyzed_at]),q=t.useCallback(e=>{e.target.closest("[data-edge-hit]")||e.target.closest("[data-node]")||(M(!0),S.current={x:e.clientX,y:e.clientY},C.current={...m},e.currentTarget.style.cursor="grabbing")},[m]),L=t.useCallback(e=>{w&&j({x:C.current.x+(e.clientX-S.current.x),y:C.current.y+(e.clientY-S.current.y)})},[w]),X=t.useCallback(()=>{M(!1),s.current&&(s.current.style.cursor="grab")},[]),H=t.useCallback(e=>{e.preventDefault(),k(t=>Math.min(2.5,Math.max(.2,t-.001*e.deltaY)))},[]);t.useEffect(()=>{const e=s.current;return e&&e.addEventListener("wheel",H,{passive:!1}),()=>e?.removeEventListener("wheel",H)},[H]);const T=a?.backgroundColor||a?.background||(i?"#090d16":"#ffffff"),O=a?.color||(i?"#f8fafc":"#1e293b"),Q=a?.subtitle?.color||"#94a3b8",U=(e,t)=>"string"==typeof e?e:t,G={width:32,height:32,border:"none",background:"transparent",borderRadius:8,cursor:"pointer",fontSize:16,color:i?"#cbd5e1":"#475569",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:500,...a?.controlButton};return e.jsxs("div",{style:{width:"100%",height:"100%",background:T,color:O,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",position:"relative",overflow:"hidden",...a?.root},children:[e.jsxs("div",{style:{position:"absolute",top:0,left:0,right:0,zIndex:20,borderBottom:o?i?"1px solid #1e293b":"1px solid #f1f5f9":"none",background:o?T:"transparent",...a?.header},children:[e.jsxs("div",{style:{padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsxs("div",{children:[o&&e.jsx("h2",{style:{margin:0,fontSize:17,fontWeight:700,color:O,...a?.title},children:"Dependency Graph"}),e.jsxs("p",{style:{margin:"2px 0 0",fontSize:12,color:Q,...a?.subtitle},children:[`Last analyzed: ${N||""}  · `,"Click a node or connection to explore details and dependencies."]})]}),e.jsxs("div",{style:{display:"flex",gap:6,alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",gap:2,background:i?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:i?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)",...a?.controls},children:[e.jsx("button",{onClick:()=>k(e=>Math.max(.2,e-.15)),style:G,children:"−"}),e.jsxs("button",{onClick:()=>{k(.5),j({x:0,y:0})},style:{...G,fontSize:11,width:52,fontWeight:600},children:[Math.round(100*v)||0,"%"]}),e.jsx("button",{onClick:()=>k(e=>Math.min(2.5,e+.15)),style:G,children:"+"})]}),n&&e.jsx("div",{style:{display:"flex",background:i?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:i?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)",...a?.controls},children:e.jsx("button",{onClick:n,style:G,children:o?e.jsx(d.default,{style:{fontSize:16}}):e.jsx(l.default,{style:{fontSize:16}})})})]})]}),z&&e.jsx("div",{style:{margin:"0 20px 14px",width:"30%",minWidth:280,borderRadius:12,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",border:"1px solid #e2e8f0",animation:"slideDown 0.2s ease-out",...a?.nodePopup},children:(()=>{const t=z.node,n=_[t.cluster_id]??0;return W.edges.filter(e=>e.source===t.id).length,W.edges.filter(e=>e.target===t.id).length,e.jsxs("div",{children:[e.jsxs("div",{style:{padding:"10px 14px",background:x[n%x.length||0],color:"#fff",display:"flex",alignItems:"center",justifyContent:"space-between",...a?.nodePopupHeader},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("span",{style:{width:28,height:28,borderRadius:8,background:"rgba(255,255,255,0.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14},children:h[n%h.length||0]}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:9,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.75},children:r.clusters[n]?.label||"Cluster Name"}),e.jsx("div",{style:{fontSize:14,fontWeight:700,marginTop:1},children:t.label||"Cluster Name"})]})]}),e.jsx("button",{onClick:()=>{F(null),I(null)},style:{background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0,...a?.popupCloseButton},children:"×"})]}),e.jsx("div",{style:{padding:"10px 14px",fontSize:13,lineHeight:1.6,color:i?"#cbd5e1":"#475569",background:i?"#1e293b":"#fff",...a?.nodePopupBody},children:t.description||"No description available..."})]})})()})]}),e.jsxs("div",{ref:s,onPointerDown:q,onPointerMove:L,onPointerUp:X,onPointerLeave:X,onClick:()=>{E(null),F(null),I(null)},style:{width:"100%",height:"100%",cursor:w?"grabbing":"grab",position:"relative"},children:[e.jsx("div",{style:{transform:`translate(${m.x}px, ${m.y}px) scale(${v})`,transformOrigin:"top left",position:"absolute",top:o?70:50,left:20,transition:w?"none":"transform 0.08s ease-out"},children:e.jsxs("svg",{width:W.canvasW,height:W.canvasH,style:{overflow:"visible"},children:[W.clusterBounds.map(t=>e.jsxs("g",{children:[e.jsx("rect",{x:t.x,y:t.y,width:t.width,height:t.height,rx:"16",fill:U(a?.cluster?.backgroundColor||a?.cluster?.background,i?"rgba(30, 41, 59, 0.35)":"none"),stroke:U(a?.cluster?.borderColor||a?.cluster?.border,i?"#334155":"#e2e8f0"),strokeWidth:"1.5",strokeDasharray:"8 4"}),e.jsx("text",{x:t.x+14,y:t.y+t.height-10,fontSize:"11",fill:U(a?.clusterLabel?.color,"#94a3b8"),fontFamily:"Inter, sans-serif",fontWeight:"500",children:t.label||"Cluster Name"})]},t.id)),W.edges.map(t=>{const r=b(t,B,W.edges);if(!r)return null;const n=D.has(t.id),o=$?.edge.id===t.id,l=P===t.id,d=!!R&&!n,c=n||o?a?.activeEdge?.color||a?.activeEdge?.borderColor||"#6366f1":l?a?.edge?.color||"#818cf8":a?.edge?.borderColor||a?.edge?.color||(i?"#475569":"#cbd5e1"),f=n||o?2.5:l?2:1.5;return e.jsxs("g",{style:{opacity:d?.1:1,transition:"opacity 0.25s"},children:[e.jsx("path",{"data-edge-hit":"true",d:r,fill:"none",stroke:"transparent",strokeWidth:18,style:{cursor:"pointer"},onClick:e=>((e,t)=>{e.stopPropagation();const r=s.current.getBoundingClientRect();E({edge:t,screenX:e.clientX-r.left,screenY:e.clientY-r.top}),F(null),I(null)})(e,t),onMouseEnter:()=>A(t.id),onMouseLeave:()=>A(null)}),e.jsx("path",{d:r,fill:"none",stroke:c,strokeWidth:f,style:{transition:"stroke 0.2s, stroke-width 0.2s",pointerEvents:"none"}}),(n||o)&&e.jsxs(e.Fragment,{children:[e.jsx("circle",{r:4,fill:a?.edgeMarker?.color||a?.activeEdge?.color||"#6366f1",children:e.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:r})}),e.jsx("circle",{r:6,fill:a?.edgeMarker?.color||a?.activeEdge?.color||"#6366f1",opacity:.2,children:e.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:r})})]})]},t.id)}),W.nodes.map(t=>{const r=R===t.id,n=Y.has(t.id),o=!!R&&!n,l=(_[t.cluster_id]??0)%p.length,d=p[l||0];return e.jsx("g",{"data-node":"true",onClick:e=>((e,t)=>{e.stopPropagation();const r=s.current.getBoundingClientRect();R===t.id?(I(null),F(null)):(I(t.id),F({node:t,screenX:e.clientX-r.left,screenY:e.clientY-r.top}),E(null))})(e,t),style:{cursor:"pointer",opacity:o?.15:1,transition:"opacity 0.25s"},children:e.jsx("foreignObject",{x:t.x,y:t.y,width:c,height:f,children:e.jsxs("div",{style:{background:a?.node?.backgroundColor||a?.node?.background||(i?"#1e293b":"#fff"),border:r?a?.selectedNode?.border||`2.5px solid ${a?.selectedNode?.borderColor||d}`:a?.node?.border||`1.5px solid ${a?.node?.borderColor||(i?"#334155":"#e2e8f0")}`,borderRadius:10,padding:"8px 14px",fontSize:13,fontWeight:600,color:i?"#f1f5f9":"#334155",fontFamily:"'Inter', sans-serif",display:"flex",alignItems:"center",gap:8,boxShadow:r?a?.selectedNode?.boxShadow||`0 0 0 3px ${d}33, 0 2px 8px rgba(0,0,0,0.4)`:a?.node?.boxShadow||(i?"0 2px 6px rgba(0,0,0,0.3)":"0 1px 3px rgba(0,0,0,0.05)"),whiteSpace:"nowrap",userSelect:"none",height:46,boxSizing:"border-box",transition:"border 0.2s, box-shadow 0.2s",...a?.node,...r?a?.selectedNode:{}},children:[e.jsx("span",{style:{width:22,height:22,borderRadius:6,background:u[l],display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,flexShrink:0,color:g[l],...a?.nodeIcon},children:h[l]}),e.jsx("span",{style:{overflow:"hidden",textOverflow:"ellipsis"},children:t.label||"Node name"})]})})},t.id)})]})}),$&&e.jsxs("div",{onClick:e=>e.stopPropagation(),style:{position:"absolute",...function(e,t,r,n){if(!s.current)return{};const o=s.current.getBoundingClientRect();let i=e+14,a=t-n/2;return i+r>o.width&&(i=e-r-14),a<8&&(a=8),a+n>o.height&&(a=o.height-n-8),{left:i,top:a}}($.screenX,$.screenY,320,180),width:320,background:i?"#1e293b":"#fff",borderRadius:14,boxShadow:"0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)",border:"1px solid #e2e8f0",zIndex:30,animation:"popIn 0.18s ease-out",overflow:"hidden",...a?.edgePopup},children:[e.jsxs("div",{style:{padding:"12px 16px 10px",background:"linear-gradient(135deg, #6366f1, #8b5cf6)",color:"#fff",...a?.edgePopupHeader},children:[e.jsx("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.8},children:"Edge Reasoning"}),e.jsxs("div",{style:{fontSize:13,fontWeight:600,marginTop:4},children:[B[$.edge.source]?.label||"Source",e.jsx("span",{style:{opacity:.6,margin:"0 6px"},children:"→"}),B[$.edge.target]?.label||"Target"]})]}),e.jsx("div",{style:{padding:"12px 16px 14px",fontSize:13,lineHeight:1.6,color:i?"#cbd5e1":"#475569",whiteSpace:"pre-line",...a?.edgePopupBody},children:$.edge.reasoning||"No Reasoning available..."}),e.jsx("button",{onClick:()=>E(null),style:{position:"absolute",top:8,right:10,background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center",...a?.popupCloseButton},children:"×"})]})]}),e.jsx("style",{children:"\n        @keyframes popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      "})]})}var j=a.default.memo(function({data:r,isDarkMode:n=!1,style:o}){const[i,a]=t.useState(!1),{fullscreenPaper:l,root:d,header:c,title:f,subtitle:u,controls:g,controlButton:h,nodePopup:p,edgePopup:x,...y}=o||{},b=o||{},j=t.useCallback(()=>{a(!0)},[]),v=t.useCallback(()=>{a(!1)},[]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{style:{position:"relative",width:"100%",height:"500px",...y},children:e.jsx(m,{data:r,onFullscreen:j,isDarkMode:n,style:b})}),e.jsx(s.default,{open:i,onClose:v,maxWidth:!1,PaperProps:{style:{width:"95vw",height:"92vh",maxWidth:"none",borderRadius:12,overflow:"hidden",background:b.backgroundColor||b.background||(n?"#090d16":"#ffffff"),color:b.color||(n?"#f8fafc":"#1e293b"),...b.fullscreenPaper}},children:e.jsx("div",{style:{width:"100%",height:"100%",position:"relative",background:b.backgroundColor||b.background||(n?"#090d16":"#ffffff")},children:e.jsx(m,{data:r,onFullscreen:v,isFullscreen:!0,isDarkMode:n,style:b})})})]})});exports.default=j;
 //# sourceMappingURL=DependencyGraph.js.map

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

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

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

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

package/dist/cjs/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/cjs/features/SPBAnalysisPanel/Markdownrenderer.js

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