@e-llm-studio/citation 0.0.249 → 0.0.250

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PromptCitation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"PromptCitation.js","sources":["../../../../src/features/PromptCitation/PromptCitation.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport Dialog from '@mui/material/Dialog';\nimport DialogContent from '@mui/material/DialogContent';\nimport IconButton from '@mui/material/IconButton';\nimport { Close as CloseIcon } from '@mui/icons-material';\nimport Accordion from '@mui/material/Accordion';\nimport AccordionSummary from '@mui/material/AccordionSummary';\nimport AccordionDetails from '@mui/material/AccordionDetails';\nimport Typography from '@mui/material/Typography';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport CodeEditor from './_components/CodeEditor';\nimport ThemeToggle from './_components/ThemeToggle';\nimport { themeManager } from '../../utils/themeManager';\nimport MarkdownRenderer from './_components/Markdownrenderer';\nimport { InfoOutlined as InfoIcon } from \"@mui/icons-material\";\nimport Tooltip from '@mui/material/Tooltip';\nimport DependencyGraph from '../SPBAnalysisPanel/DependencyGraph';\nimport type { CognitiveReasoningPanelStyles } from '../SPBAnalysisPanel/Cognitivereasoningpanel';\n\nexport function convertDependencyGraphData(rawGraph: any): any | null {\n  if (!rawGraph || typeof rawGraph !== 'object') return null;\n\n  const clusterLabels = ['Context & Inputs', 'Core Logic & Rules', 'Outputs & Schema'];\n\n  // Case 1: Standard graph object with nodes & edges arrays\n  if (Array.isArray(rawGraph.nodes) && Array.isArray(rawGraph.edges)) {\n    let nodes = rawGraph.nodes;\n    let clusters =\n      Array.isArray(rawGraph.clusters) && rawGraph.clusters.length > 0 ? rawGraph.clusters : null;\n\n    const uniqueClusters = new Set(nodes.map((n: any) => n.cluster_id));\n    if (!clusters || uniqueClusters.size <= 1) {\n      const numClusters = Math.max(1, Math.min(3, Math.ceil(nodes.length / 3)));\n      clusters = Array.from({ length: numClusters }, (_, i) => ({\n        id: `cl_${i + 1}`,\n        label: clusterLabels[i] || `Group ${i + 1}`,\n      }));\n\n      nodes = nodes.map((node: any, idx: number) => {\n        const col = idx % numClusters;\n        const row = Math.floor(idx / numClusters);\n        return {\n          ...node,\n          cluster_id: clusters[col].id,\n          x: node.x && uniqueClusters.size > 1 ? node.x : col * 450 + 200,\n          y: node.y && uniqueClusters.size > 1 ? node.y : row * 180 + 100,\n        };\n      });\n    }\n\n    return {\n      graph_id: rawGraph.graph_id || 'spb_graph',\n      prompt_id: rawGraph.prompt_id || '',\n      last_analyzed_at: rawGraph.last_analyzed_at || new Date().toISOString(),\n      clusters,\n      nodes,\n      edges: rawGraph.edges,\n    };\n  }\n\n  // Case 2: Key-value dictionary where keys are section/node names\n  const keys = Object.keys(rawGraph);\n  if (keys.length === 0) return null;\n\n  const totalNodes = keys.length;\n  const numClusters = Math.max(1, Math.min(3, Math.ceil(totalNodes / 3)));\n  const clusters = Array.from({ length: numClusters }, (_, i) => ({\n    id: `cl_${i + 1}`,\n    label: clusterLabels[i] || `Group ${i + 1}`,\n  }));\n\n  const nodes: any[] = [];\n  const edges: any[] = [];\n\n  keys.forEach((key, index) => {\n    const col = index % numClusters;\n    const row = Math.floor(index / numClusters);\n    const clusterId = clusters[col].id;\n\n    const x = col * 450 + 200;\n    const y = row * 180 + 100;\n\n    const label = key\n      .split('_')\n      .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n      .join(' ');\n\n    const nodeId = `node_${key}`;\n    nodes.push({\n      id: nodeId,\n      label,\n      cluster_id: clusterId,\n      x,\n      y,\n      description: `Section: ${label}`,\n    });\n\n    const deps = rawGraph[key];\n    if (Array.isArray(deps)) {\n      deps.forEach((dep: any, depIdx: number) => {\n        if (!dep || typeof dep !== 'object') return;\n        const targetKey = dep.dependent_on;\n        if (!targetKey) return;\n        const targetNodeId = `node_${targetKey}`;\n\n        let reasoningText = '';\n        if (typeof dep.reasoning === 'string') {\n          reasoningText = dep.reasoning;\n        } else if (Array.isArray(dep.reasoning)) {\n          reasoningText = dep.reasoning\n            .map((r: any) => (typeof r === 'string' ? r : r?.text || ''))\n            .filter(Boolean)\n            .join(' ');\n        } else if (dep.reasoning?.text) {\n          reasoningText = String(dep.reasoning.text);\n        }\n\n        edges.push({\n          id: `e_${key}_${targetKey}_${depIdx}`,\n          source: nodeId,\n          target: targetNodeId,\n          reasoning: reasoningText || `Depends on ${targetKey}`,\n          score:\n            typeof dep.Score === 'number'\n              ? dep.Score\n              : typeof dep.score === 'number'\n              ? dep.score\n              : 80,\n          gap: dep.gap || '',\n          dependency_type: dep.dependency_type || 'implicit',\n        });\n      });\n    }\n  });\n\n  if (nodes.length === 0) return null;\n\n  return {\n    graph_id: 'spb_converted_graph',\n    prompt_id: '',\n    last_analyzed_at: new Date().toISOString(),\n    clusters,\n    nodes,\n    edges,\n  };\n}\n\nexport interface PromptCitationStyles {\n  /** Root fragment wrapper — applied to the outermost container */\n  root?: React.CSSProperties;\n  /** Trigger pill button */\n  pill?: React.CSSProperties;\n  /** Fullscreen dialog Paper overrides */\n  dialog?: React.CSSProperties;\n  /** Left metadata panel inside the fullscreen dialog */\n  leftPanel?: React.CSSProperties;\n  /** Title row (prompt title + graph icon) */\n  title?: React.CSSProperties;\n  /** Title prefix icon (the document/sparkle SVG) — width, height, and color */\n  titleIcon?: { width?: number | string; height?: number | string; color?: string };\n  /** Description paragraph */\n  description?: React.CSSProperties;\n  /** Section label headings (When to apply, When not to apply, etc.) */\n  sectionLabel?: React.CSSProperties;\n  /** When to apply section wrapper */\n  whenToApply?: React.CSSProperties;\n  /** When not to apply section wrapper */\n  whenNotToApply?: React.CSSProperties;\n  /** Specifications accordion wrapper */\n  specificationsSection?: React.CSSProperties;\n  /** Specifications accordion details (inner content area) */\n  specificationsDetails?: React.CSSProperties;\n  /** \"Specifications\" title text inside accordion summary */\n  specificationsTitle?: React.CSSProperties;\n  /** \"Strict Rules / Input / Output\" subtitle text */\n  specificationsSubtitle?: React.CSSProperties;\n  /** Expand/collapse chevron icon color for the Specifications accordion */\n  specificationsExpandIconColor?: string;\n  /** Icon color for the Specifications accordion header icon */\n  specificationsIconColor?: string;\n  /** Per-item sub-label (STRICT RULES, INPUT, OUTPUT) */\n  specificationsItemLabel?: React.CSSProperties;\n  /** Footer bar (Total APBs / Total Lines) */\n  footer?: React.CSSProperties;\n  /** Root preview stats bar wrapper shown after Prompt Preview */\n  previewStats?: React.CSSProperties;\n  /** Individual preview stats text item */\n  previewStatsItem?: React.CSSProperties;\n  /** Right editor panel inside the fullscreen dialog */\n  rightPanel?: React.CSSProperties;\n  /** Dependency graph dialog Paper overrides */\n  graphDialog?: React.CSSProperties;\n  /** Passed through to every MarkdownRenderer instance (root wrapper) */\n  markdownRenderer?: React.CSSProperties;\n  /** Inline <code> element style overrides inside MarkdownRenderer */\n  markdownCode?: React.CSSProperties;\n  /** Fenced code block <pre> style overrides inside MarkdownRenderer */\n  markdownPre?: React.CSSProperties;\n  /** <blockquote> style overrides inside MarkdownRenderer */\n  markdownBlockquote?: React.CSSProperties;\n  /** Syntax highlighter theme (e.g. oneDark / oneLight from react-syntax-highlighter) */\n  syntaxHighlighterTheme?: any;\n  /** Passed through to cognitive decisioning panels inside MarkdownRenderer */\n  cognitiveDecisioning?: CognitiveReasoningPanelStyles;\n  /** Theme mode flag — also accepts isDarkMode inside styles object */\n  isDarkMode?: boolean;\n  /** FPB badge pill (the \"FPB\" label next to the title) */\n  fpbBadge?: Pick<React.CSSProperties, 'backgroundColor' | 'color'>;\n  /** Base popup style merged into every tooltip */\n  tooltip?: React.CSSProperties;\n  /** Base arrow style merged into every tooltip arrow */\n  tooltipArrow?: React.CSSProperties;\n  /** Base content style merged into every tooltip title content */\n  tooltipContent?: React.CSSProperties;\n  /** Title hover tooltip popup */\n  titleTooltip?: React.CSSProperties;\n  /** Title hover tooltip arrow */\n  titleTooltipArrow?: React.CSSProperties;\n  /** Title hover tooltip content */\n  titleTooltipContent?: React.CSSProperties;\n  /** Dependency graph hover tooltip popup */\n  dependencyGraphTooltip?: React.CSSProperties;\n  /** Dependency graph hover tooltip arrow */\n  dependencyGraphTooltipArrow?: React.CSSProperties;\n  /** Dependency graph hover tooltip content */\n  dependencyGraphTooltipContent?: React.CSSProperties;\n  /** FPB info tooltip popup */\n  fpbTooltip?: React.CSSProperties;\n  /** FPB info tooltip arrow */\n  fpbTooltipArrow?: React.CSSProperties;\n  /** FPB info tooltip content */\n  fpbTooltipContent?: React.CSSProperties;\n  /** FPB info icon color override */\n  fpbInfoIconColor?: string;\n  /** SPB badge pill (the \"SPB\" label next to the title) */\n  spbBadge?: Pick<React.CSSProperties, 'backgroundColor' | 'color'>;\n  /** SPB info tooltip popup */\n  spbTooltip?: React.CSSProperties;\n  /** SPB info tooltip arrow */\n  spbTooltipArrow?: React.CSSProperties;\n  /** SPB info tooltip content */\n  spbTooltipContent?: React.CSSProperties;\n  /** SPB info icon color override */\n  spbInfoIconColor?: string;\n  /** SPB functionality accordion wrapper */\n  spbSection?: React.CSSProperties;\n  /** SPB functionality accordion summary header */\n  spbSectionHeader?: React.CSSProperties;\n  /** SPB functionality accordion inner content area */\n  spbSectionContent?: React.CSSProperties;\n  /** SPB functionality accordion title text */\n  spbSectionTitle?: React.CSSProperties;\n  /** SPB chevron icon color */\n  spbChevronColor?: string;\n  /** SPB functionality item card (outer wrapper) */\n  spbFunctionalityItem?: React.CSSProperties;\n  /** SPB functionality item inner box containing title + description */\n  spbFunctionalityItemInner?: React.CSSProperties;\n  /** SPB functionality item name text */\n  spbFunctionalityItemName?: React.CSSProperties;\n  /** SPB functionality item description text */\n  spbFunctionalityItemDescription?: React.CSSProperties;\n  /** SPB APB reference chip */\n  spbApbReference?: React.CSSProperties;\n  /** SPB APB reference chip label text */\n  spbApbReferenceLabel?: React.CSSProperties;\n  /** \"Graph →\" dependency button in the title row */\n  dependencyGraphButton?: React.CSSProperties;\n  /** Stroke color for the default dependency graph icon */\n  dependencyGraphIconStroke?: string;\n  /** Fill color for the default dependency graph icon */\n  dependencyGraphIconFill?: string;\n  /** Row wrapper containing \"apb references:\" label + chips */\n  spbApbReferencesRow?: React.CSSProperties;\n  /** \"apb references:\" muted label text */\n  spbApbReferencesLabel?: React.CSSProperties;\n  /** Specifications info tooltip popup */\n  specificationsTooltip?: React.CSSProperties;\n  /** Specifications info tooltip arrow */\n  specificationsTooltipArrow?: React.CSSProperties;\n  /** Specifications info tooltip content */\n  specificationsTooltipContent?: React.CSSProperties;\n  /** APB info tooltip popup */\n  apbTooltip?: React.CSSProperties;\n  /** APB info tooltip arrow */\n  apbTooltipArrow?: React.CSSProperties;\n  /** APB info tooltip content */\n  apbTooltipContent?: React.CSSProperties;\n  /** SPB APB reference tooltip popup */\n  spbApbReferenceTooltip?: React.CSSProperties;\n  /** SPB APB reference tooltip arrow */\n  spbApbReferenceTooltipArrow?: React.CSSProperties;\n  /** SPB APB reference tooltip content */\n  spbApbReferenceTooltipContent?: React.CSSProperties;\n  /** Description card wrapper */\n  descriptionCard?: Pick<React.CSSProperties, 'borderColor' | 'borderLeftColor' | 'backgroundColor' | 'borderRadius' | 'padding'>;\n  /** \"Prompt Overview\" heading inside the description card */\n  descriptionHeading?: React.CSSProperties;\n  /** Category fields row wrapper */\n  categoryRow?: React.CSSProperties;\n  /** Individual category field item wrapper */\n  categoryItem?: React.CSSProperties;\n  /** Divider between category fields */\n  categoryDivider?: React.CSSProperties;\n  /** Category field label text (e.g. \"Category\") */\n  categoryLabel?: React.CSSProperties;\n  /** Category field value text (e.g. \"Recommendation Assistance\") */\n  categoryValue?: React.CSSProperties;\n  /** \"...More\" button shown when description overflows 4 lines */\n  descriptionMoreButton?: React.CSSProperties;\n  /** \"Less\" button shown when description is expanded */\n  descriptionLessButton?: React.CSSProperties;\n  /** When to apply accordion wrapper */\n  whenToApplyAccordion?: React.CSSProperties;\n  /** When to apply accordion summary header */\n  whenToApplyHeader?: React.CSSProperties;\n  /** When to apply accordion inner content area */\n  whenToApplyContent?: React.CSSProperties;\n  /** When to apply title text */\n  whenToApplyTitle?: React.CSSProperties;\n  /** When to apply icon color */\n  whenToApplyIconColor?: string;\n  /** When to apply icon circle wrapper — override any CSS including border */\n  whenToApplyIconCircle?: React.CSSProperties;\n  /** When not to apply accordion wrapper */\n  whenNotToApplyAccordion?: React.CSSProperties;\n  /** When not to apply accordion summary header */\n  whenNotToApplyHeader?: React.CSSProperties;\n  /** When not to apply accordion inner content area */\n  whenNotToApplyContent?: React.CSSProperties;\n  /** When not to apply title text */\n  whenNotToApplyTitle?: React.CSSProperties;\n  /** When not to apply icon color */\n  whenNotToApplyIconColor?: string;\n  /** When not to apply icon circle wrapper — override any CSS including border */\n  whenNotToApplyIconCircle?: React.CSSProperties;\n  /** Accordion chevron icon color for when-to/when-not-to accordions */\n  whenAccordionChevronColor?: string;\n  /** Section list item overrides */\n  sectionItem?: {\n    borderColor?: string;\n    titleColor?: string;\n    descriptionColor?: string;\n    orderColor?: string;\n  };\n}\n\nexport interface SectionType {\n  title: string;\n  description: string;\n  order: number;\n}\n\nexport interface SpbApbReference {\n  apb_name: string;\n  context: string;\n}\n\nexport interface SpbFunctionalityItem {\n  name: string;\n  description: string;\n  apb_references: SpbApbReference[];\n}\n\nexport interface SpbFunctionalityData {\n  spb_name: string;\n  total_apbs_identified: number;\n  total_functionalities: number;\n  functionality_analysis: SpbFunctionalityItem[];\n}\n\ninterface PromptCitationMetaData {\n  title: string;\n  description: string;\n  prompt: string;\n  when_to_apply: string;\n  when_not_to_apply: string;\n  time?: string;\n  modename?: string;\n  similarity_score?: string;\n  username?: string;\n  useremail?: string;\n  current_user_id?: string;\n  enable_cognitive_decisioning?: string;\n  organization_name?: string;\n  citation_number?: string;\n  dependency_graph?: any;\n  sections?: SectionType[];\n}\n\nexport interface PromptCitationProps {\n  prompt_title: string;\n  modename?: string;\n  description?: string;\n  customMetaData: PromptCitationMetaData;\n  chevronUpComponent?: React.ReactNode;\n  chevronDownComponent?: React.ReactNode;\n  editorHeight?: number | string;\n  editorWidth?: number | string;\n  /** @deprecated use isDarkMode or styles.isDarkMode */\n  isDarkModeEnabled?: boolean;\n  isDarkMode?: boolean;\n  href?: string;\n  startLine?: number;\n  endLine?: number;\n  constraints_and_rules?: string;\n  input_analysis?: string;\n  output_analysis?: string;\n  extraMetaData?: Record<string, any> | null;\n  /** When false, hides the code editor panel — fullscreen shows only the left metadata panel at full width */\n  showEditor?: boolean;\n  /** When true, clicking the pill opens the fullscreen dialog directly, skipping the inline expand view */\n  alwaysFullscreen?: boolean;\n  /** When true, renders the content directly inline as a component — no Dialog, no backdrop, no shadow, no pill */\n  renderAsComponent?: boolean;\n  /** When true, marks this citation as a Functional Prompt Block (FPB) — changes title typography and shows an info tooltip */\n  isFpb?: boolean;\n  /** When true, shows the \"Graph →\" button in the title row; clicking it fires onDependencyGraphOpen */\n  showDependencyIcon?: boolean;\n  /** Called when the user clicks the \"Graph →\" button; receives a fixed message string */\n  onDependencyGraphOpen?: (message: string) => void;\n  /** When true, marks this citation as a System Prompt Block (SPB) — shows SPB badge with info tooltip */\n  isSpb?: boolean;\n  /** SPB functionality data — when provided, renders a dropdown after the APBs section */\n  spbFunctionality?: SpbFunctionalityData;\n  /** Called with the section title when a section title is clicked */\n  onSectionClick?: (title: string) => void;\n  /** Category fields shown after Prompt Overview — each renders as a labelled column */\n  categoryFields?: { label: string; value: string }[];\n  /** Overrides the title text shown in the header (falls back to customMetaData.title) */\n  titleText?: string;\n  /** Custom node rendered instead of the default document/sparkle SVG before the title */\n  titleIcon?: React.ReactNode;\n  /** When provided, shows \"Total APB's: <value>\" in the footer bar */\n  total_apbs?: number | string;\n  /** Icon rendered on the left side of the \"Graph →\" button; falls back to the built-in share SVG */\n  dependencyGraphIcon?: React.ReactNode;\n  /** Arrow icon rendered on the right side of the \"Graph →\" button; falls back to the built-in arrow SVG */\n  dependencyGraphArrowIcon?: React.ReactNode;\n  /** Icon rendered left of the \"When to apply\" accordion title; falls back to the built-in checkmark SVG */\n  whenToApplyIcon?: React.ReactNode;\n  /** Expand/collapse chevron for the \"When to apply\" accordion; falls back to MUI ExpandMoreIcon */\n  whenToApplyExpandIcon?: React.ReactNode;\n  /** Icon rendered left of the \"When not to apply\" accordion title; falls back to the built-in cross SVG */\n  whenNotToApplyIcon?: React.ReactNode;\n  /** Expand/collapse chevron for the \"When not to apply\" accordion; falls back to MUI ExpandMoreIcon */\n  whenNotToApplyExpandIcon?: React.ReactNode;\n  /** Icon rendered left of the \"Specifications\" accordion title; falls back to the built-in lines SVG */\n  specificationsIcon?: React.ReactNode;\n  /** Info icon rendered next to the \"Specifications\" title (tooltip trigger); falls back to MUI InfoOutlined */\n  specificationsInfoIcon?: React.ReactNode;\n  /** Expand/collapse chevron for the Specifications accordion; falls back to MUI ExpandMoreIcon */\n  specificationsExpandIcon?: React.ReactNode;\n  /** Single customisable styles object containing slot-specific overrides for all sub-components */\n  styles?: PromptCitationStyles;\n  /** @deprecated use the per-accordion default expanded props instead */\n  defaultAccordionsExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"When to apply\" accordion */\n  defaultWhenToApplyExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"When not to apply\" accordion */\n  defaultWhenNotToApplyExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"Specifications\" accordion */\n  defaultSpecificationsExpanded?: boolean;\n  /** Controls the initial open/closed state for the \"SPB Functionalities\" accordion */\n  defaultSpbFunctionalityExpanded?: boolean;\n}\n\nconst SectionLabel: React.FC<{ children: React.ReactNode; style?: React.CSSProperties }> = ({ children, style }) => (\n  <div\n    style={{\n      fontWeight: '700',\n      fontSize: '0.9rem',\n      color: '#1a1a1a',\n      marginBottom: '0.6rem',\n      fontFamily: 'Plus Jakarta Sans, sans-serif',\n      ...style,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst PromptCitation: React.FC<PromptCitationProps> = ({\n  prompt_title = \"Untitled\",\n  modename,\n  description,\n  customMetaData,\n  chevronUpComponent,\n  chevronDownComponent,\n  editorHeight = 480,\n  editorWidth = '100%',\n  isDarkModeEnabled = true,\n  isDarkMode: isDarkModeProp,\n  startLine = 8,\n  endLine = 12,\n  constraints_and_rules,\n  input_analysis,\n  output_analysis,\n  extraMetaData,\n  showEditor = true,\n  alwaysFullscreen = false,\n  renderAsComponent = false,\n  isFpb = true,\n  isSpb = false,\n  spbFunctionality,\n  showDependencyIcon = false,\n  onDependencyGraphOpen,\n  onSectionClick,\n  categoryFields,\n  total_apbs,\n  titleText,\n  titleIcon: titleIconProp,\n  dependencyGraphIcon,\n  dependencyGraphArrowIcon,\n  whenToApplyIcon,\n  whenToApplyExpandIcon,\n  whenNotToApplyIcon,\n  whenNotToApplyExpandIcon,\n  specificationsIcon,\n  specificationsInfoIcon,\n  specificationsExpandIcon,\n  styles,\n  defaultAccordionsExpanded = true,\n  defaultWhenToApplyExpanded,\n  defaultWhenNotToApplyExpanded,\n  defaultSpecificationsExpanded,\n  defaultSpbFunctionalityExpanded,\n}) => {\n  const resolvedDarkMode = isDarkModeProp ?? styles?.isDarkMode ?? isDarkModeEnabled;\n\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [isDescExpanded, setIsDescExpanded] = useState(false);\n  const [isDescOverflowing, setIsDescOverflowing] = useState(false);\n  const descRef = useRef<HTMLParagraphElement>(null);\n  const [isFullscreen, setIsFullscreen] = useState(alwaysFullscreen);\n  const [showGraphDialog, setShowGraphDialog] = useState(false);\n  const [highlightCodeStatsLine, setHighlightCodeStatsLine] = useState({ startIndex: -1, endIndex: -1 });\n  const [highlightCodeStatsVariable, setHighlightCodeStatsVariable] = useState<any>({});\n  const [isDarkMode, setIsDarkMode] = useState(() => themeManager.getTheme(resolvedDarkMode));\n\n  useEffect(() => {\n    const unsubscribe = themeManager.subscribe(setIsDarkMode);\n    return unsubscribe;\n  }, []);\n\n  \n  const title = titleText ?? customMetaData?.title ?? 'Untitled Prompt';\n  const desc = customMetaData?.description || description;\n  const promptContent = customMetaData?.prompt;\n  const mode = customMetaData?.modename || modename || '';\n  const citationNumber = customMetaData?.citation_number || '—';\n  const totalLines = promptContent.split('\\n').length;\n  const totalApbs = total_apbs ?? customMetaData?.sections?.length ?? 0;\n  const highlightRange = { startIndex: startLine, endIndex: endLine };\n  \n  const specSections = [\n    { label: 'Strict Rules', content: constraints_and_rules },\n    { label: 'Input', content: input_analysis },\n    { label: 'Output', content: output_analysis },\n  ].filter((s) => s.content);\n  \n  const hasSpecs = specSections.length > 0;\n  const whenToApplyDefaultExpanded = defaultWhenToApplyExpanded ?? defaultAccordionsExpanded;\n  const whenNotToApplyDefaultExpanded = defaultWhenNotToApplyExpanded ?? defaultAccordionsExpanded;\n  const specificationsDefaultExpanded = defaultSpecificationsExpanded ?? defaultAccordionsExpanded;\n  const spbFunctionalityDefaultExpanded = defaultSpbFunctionalityExpanded ?? defaultAccordionsExpanded;\n  const getTooltipSlotProps = (\n    tooltipStyle: React.CSSProperties | undefined,\n    arrowStyle: React.CSSProperties | undefined,\n    defaultBackgroundColor: string\n  ) => ({\n    tooltip: {\n      style: {\n        backgroundColor: defaultBackgroundColor,\n        color: '#ffffff',\n        fontFamily: 'Plus Jakarta Sans, sans-serif',\n        ...styles?.tooltip,\n        ...tooltipStyle,\n      },\n    },\n    arrow: {\n      style: {\n        color:\n          arrowStyle?.color ??\n          tooltipStyle?.backgroundColor ??\n          styles?.tooltipArrow?.color ??\n          styles?.tooltip?.backgroundColor ??\n          defaultBackgroundColor,\n        ...styles?.tooltipArrow,\n        ...arrowStyle,\n      },\n    },\n  });\n\n  const previewStatsNode = (\n    <div\n      style={{\n        display: 'flex',\n        gap: '2.5rem',\n        borderTop: '1px solid #ebebeb',\n        marginTop: '1rem',\n        paddingTop: '1rem',\n        fontSize: '0.875rem',\n        fontWeight: '600',\n        color: isDarkMode ? '#e2e8f0' : '#333',\n        fontFamily: 'Plus Jakarta Sans, sans-serif',\n        ...styles?.footer,\n        ...styles?.previewStats,\n      }}\n    >\n      <span style={styles?.previewStatsItem}>Total Lines: {totalLines}</span>\n    </div>\n  );\n  \n  useEffect(() => {\n    const el = descRef.current;\n    if (!el) return;\n    setIsDescOverflowing(el.scrollHeight > el.clientHeight);\n  }, [desc]);\n\n  const toggleDarkMode = (e: React.MouseEvent | any) => {\n    e.stopPropagation();\n    e.preventDefault();\n    themeManager.setTheme(!isDarkMode);\n  };\n\n  const openFullscreen = (e: React.MouseEvent | any) => {\n    e.stopPropagation();\n    e.preventDefault();\n    setIsFullscreen(true);\n  };\n\n  const closeFullscreen = () => {\n    setIsFullscreen(false);\n  };\n\n  const editorNode = (\n    <CodeEditor\n      startIndex={highlightRange.startIndex}\n      endIndex={highlightRange.endIndex}\n      language=\"xml\"\n      editorHeight=\"100%\"\n      editorWidth=\"100%\"\n      code={promptContent}\n      isHighlightingEnabled={true}\n      isDarkModeEnabled={isDarkMode}\n      highlightCodeStatsLine={highlightCodeStatsLine}\n      setHighlightCodeStatsLine={setHighlightCodeStatsLine}\n      highlightCodeStatsVariable={highlightCodeStatsVariable}\n      setHighlightCodeStatsVariable={setHighlightCodeStatsVariable}\n      isExpanded={isExpanded || isFullscreen}\n      highlightIndexes={highlightRange}\n    />\n  );\n\n  const panelContent = (\n    <>\n      {/* Left Panel */}\n      <div\n        style={{\n          width: showEditor ? '50%' : '100%',\n          padding: '2rem 2.25rem',\n          display: 'flex',\n          flexDirection: 'column',\n          overflowY: 'auto',\n          borderRight: showEditor ? '1px solid #ebebeb' : 'none',\n          boxSizing: 'border-box',\n          ...styles?.leftPanel,\n        }}\n      >\n        {/* Title row */}\n        <div\n          style={{\n            marginBottom: '1.25rem',\n            display: 'flex',\n            alignItems: 'center',\n            gap: '0.75rem',\n            flexWrap: 'nowrap',\n          }}\n        >\n          {/* Icon + truncated title */}\n          <Tooltip\n            title={<span style={{ ...styles?.tooltipContent, ...styles?.titleTooltipContent }}>{title}</span>}\n            placement=\"top\"\n            arrow\n            componentsProps={getTooltipSlotProps(\n              {\n                fontSize: '0.75rem',\n                maxWidth: 320,\n                padding: '6px 10px',\n                ...styles?.titleTooltip,\n              },\n              styles?.titleTooltipArrow,\n              isDarkMode ? '#21262d' : '#1a1a1a'\n            )}\n          >\n            <span\n              style={{\n                fontWeight: '700',\n                fontSize: '1.05rem',\n                color: isDarkMode ? '#ffffff' : '#1a1a1a',\n                fontFamily: 'Plus Jakarta Sans, sans-serif',\n                lineHeight: 1.4,\n                display: 'flex',\n                alignItems: 'center',\n                gap: '6px',\n                minWidth: 0,\n                flexShrink: 1,\n                ...styles?.title,\n              }}\n            >\n              {titleIconProp ?? (\n                <svg\n                  width={styles?.titleIcon?.width ?? 16}\n                  height={styles?.titleIcon?.height ?? 16}\n                  viewBox=\"0 0 24 24\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                  style={{ color: styles?.titleIcon?.color ?? (isDarkMode ? '#ffffff' : '#1a1a1a'), flexShrink: 0 }}\n                >\n                  <path d=\"M4 6C4 4.895 4.895 4 6 4H14\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <path d=\"M4 6V18C4 19.105 4.895 20 6 20H18C19.105 20 20 19.105 20 18V10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"8\" y1=\"10\" x2=\"14\" y2=\"10\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"8\" y1=\"13\" x2=\"11\" y2=\"13\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"13\" y1=\"13\" x2=\"16\" y2=\"13\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <line x1=\"8\" y1=\"16\" x2=\"14\" y2=\"16\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n                  <path d=\"M19 1 L19.9 3.6 L22.5 4.5 L19.9 5.4 L19 8 L18.1 5.4 L15.5 4.5 L18.1 3.6 Z\" fill=\"currentColor\"/>\n                </svg>\n              )}\n              <span style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}>\n                {title.length > 28 ? `${title.slice(0, 28)}..` : title}\n              </span>\n            </span>\n          </Tooltip>\n          {isFpb && !isSpb && (\n            <span style={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              gap: '4px',\n              background: styles?.fpbBadge?.backgroundColor ?? (isDarkMode ? '#e2e8f0' : '#1a1a1a'),\n              borderRadius: '5px',\n              padding: '2px 8px',\n              fontSize: '0.72rem',\n              fontWeight: '700',\n              color: styles?.fpbBadge?.color ?? (isDarkMode ? '#0d1117' : '#ffffff'),\n              letterSpacing: '0.08em',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              textTransform: 'uppercase',\n              flexShrink: 0,\n            }}>\n              FPB\n              <Tooltip\n                title={\n                  <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.fpbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.fpbTooltipContent }}>\n                    <strong>FPB (Functional Prompt Block):</strong> A group of related prompt sections designed to perform a specific function or capability within the overall system prompt.\n                  </span>\n                }\n                placement=\"top\"\n                arrow\n                componentsProps={getTooltipSlotProps(\n                  { maxWidth: 280, padding: '8px 12px', ...styles?.fpbTooltip },\n                  styles?.fpbTooltipArrow,\n                  '#1a1a1a'\n                )}\n              >\n                <InfoIcon style={{ fontSize: '0.85rem', color: styles?.fpbInfoIconColor ?? (isDarkMode ? '#1a1a1acc' : '#ffffffcc'), cursor: 'default' }} />\n              </Tooltip>\n            </span>\n          )}\n          {isSpb && (\n            <span style={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              gap: '4px',\n              background: styles?.spbBadge?.backgroundColor ?? (isDarkMode ? '#e2e8f0' : '#1a1a1a'),\n              borderRadius: '5px',\n              padding: '2px 8px',\n              fontSize: '0.72rem',\n              fontWeight: '700',\n              color: styles?.spbBadge?.color ?? (isDarkMode ? '#0d1117' : '#ffffff'),\n              letterSpacing: '0.08em',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              textTransform: 'uppercase',\n              flexShrink: 0,\n            }}>\n              SPB\n              <Tooltip\n                title={\n                  <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.spbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.spbTooltipContent }}>\n                    <strong>SPB (Shippable Prompt Block) :</strong> is a complete system-level prompt that defines the overall behavior, instructions, guidelines, and context an AI system should follow when responding to users.\n                  </span>\n                }\n                placement=\"top\"\n                arrow\n                componentsProps={getTooltipSlotProps(\n                  { maxWidth: 280, padding: '8px 12px', ...styles?.spbTooltip },\n                  styles?.spbTooltipArrow,\n                  '#1a1a1a'\n                )}\n              >\n                <InfoIcon style={{ fontSize: '0.85rem', color: styles?.spbInfoIconColor ?? (isDarkMode ? '#1a1a1acc' : '#ffffffcc'), cursor: 'default' }} />\n              </Tooltip>\n            </span>\n          )}\n          {mode && (\n            <span\n              style={{\n                fontSize: '0.72rem',\n                color: '#666',\n                background: '#f0f0f0',\n                borderRadius: '4px',\n                padding: '1px 6px',\n              }}\n            >\n              {mode}\n            </span>\n          )}\n\n          {/* Graph button — pushed to the right */}\n          {showDependencyIcon && (\n            <div style={{ flex: 1 }} />\n          )}\n          {showDependencyIcon && (\n            <Tooltip\n              title={<span style={{ fontSize: '0.7rem', fontFamily: 'Plus Jakarta Sans, sans-serif', ...styles?.tooltipContent, ...styles?.dependencyGraphTooltipContent }}>Open dependency graph</span>}\n              placement=\"top\"\n              arrow\n              componentsProps={getTooltipSlotProps(\n                { padding: '5px 10px', ...styles?.dependencyGraphTooltip },\n                styles?.dependencyGraphTooltipArrow,\n                isDarkMode ? '#21262d' : '#1a1a1a'\n              )}\n            >\n              <button\n                onClick={(e) => { e.stopPropagation(); onDependencyGraphOpen?.('show dependency graph'); }}\n                style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  gap: '5px',\n                  padding: '4px 10px 4px 8px',\n                  borderRadius: '8px',\n                  border: `1px solid ${isDarkMode ? '#30363d' : '#d0d7de'}`,\n                  background: isDarkMode ? '#21262d' : '#f6f8fa',\n                  color: isDarkMode ? '#e2e8f0' : '#24292f',\n                  fontSize: '0.78rem',\n                  fontWeight: '600',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  cursor: 'pointer',\n                  flexShrink: 0,\n                  whiteSpace: 'nowrap',\n                  ...styles?.dependencyGraphButton,\n                }}\n              >\n                {dependencyGraphIcon ?? (\n                  // <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                  //   <circle cx=\"18\" cy=\"5\" r=\"3\"/><circle cx=\"6\" cy=\"12\" r=\"3\"/><circle cx=\"18\" cy=\"19\" r=\"3\"/>\n                  //   <line x1=\"8.59\" y1=\"13.51\" x2=\"15.42\" y2=\"17.49\"/><line x1=\"15.41\" y1=\"6.51\" x2=\"8.59\" y2=\"10.49\"/>\n                  // </svg>\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12px\" height=\"12px\" viewBox=\"0 0 48 48\" fill=\"none\">\n                    <path d=\"M24 33V15\" stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"10\" y=\"9\" width=\"28\" height=\"6\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <path d=\"M8 32L14 25H33.9743L40 32\" stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"4\" y=\"33\" width=\"8\" height=\"8\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"20\" y=\"33\" width=\"8\" height=\"8\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    <rect x=\"36\" y=\"33\" width=\"8\" height=\"8\" fill={styles?.dependencyGraphIconFill ?? '#2F88FF'} stroke={styles?.dependencyGraphIconStroke ?? 'currentColor'} strokeWidth=\"4\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                  </svg>\n                )}\n                Graph\n                {dependencyGraphArrowIcon ?? (\n                  <svg width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                    <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"/><polyline points=\"12 5 19 12 12 19\"/>\n                  </svg>\n                )}\n              </button>\n            </Tooltip>\n          )}\n        </div>\n\n        {/* Description */}\n        {desc && (\n          <div\n            style={{\n              border: `1px solid ${styles?.descriptionCard?.borderColor ?? 'transparent'}`,\n              borderRadius: styles?.descriptionCard?.borderRadius ?? '8px',\n              padding: styles?.descriptionCard?.padding ?? '14px 16px',\n              backgroundColor: styles?.descriptionCard?.backgroundColor ?? 'transparent',\n              marginBottom: '1.5rem',\n            }}\n          >\n            <div style={{\n              fontWeight: '700',\n              fontSize: '0.95rem',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              marginBottom: '8px',\n              color: isDarkMode ? '#ffffff' : '#111827',\n              ...styles?.descriptionHeading,\n            }}>\n              Prompt Overview\n            </div>\n            <div style={{ position: 'relative' }}>\n              <p\n                ref={descRef}\n                style={{\n                  fontSize: '0.875rem',\n                  lineHeight: '1.7',\n                  margin: 0,\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#c9d1d9' : '#444',\n                  display: '-webkit-box',\n                  WebkitBoxOrient: 'vertical',\n                  WebkitLineClamp: isDescExpanded ? 'unset' : 4,\n                  overflow: isDescExpanded ? 'visible' : 'hidden',\n                  ...styles?.description,\n                }}\n              >\n                {desc}\n              </p>\n              {isDescOverflowing && !isDescExpanded && (\n                <button\n                  onClick={() => setIsDescExpanded(true)}\n                  style={{\n                    position: 'absolute',\n                    bottom: 0,\n                    right: 0,\n                    background: `linear-gradient(to right, transparent, ${isDarkMode ? '#0d1117' : '#ffffff'} 40%)`,\n                    border: 'none',\n                    paddingLeft: '2rem',\n                    paddingRight: 0,\n                    cursor: 'pointer',\n                    fontSize: '0.875rem',\n                    fontWeight: '600',\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    color: isDarkMode ? '#7dd3fc' : '#2563eb',\n                    lineHeight: '1.7',\n                    ...styles?.descriptionMoreButton,\n                  }}\n                >\n                  ...more\n                </button>\n              )}\n              {isDescExpanded && (\n                <button\n                  onClick={() => setIsDescExpanded(false)}\n                  style={{\n                    background: 'none',\n                    border: 'none',\n                    padding: '2px 0 0',\n                    cursor: 'pointer',\n                    fontSize: '0.875rem',\n                    fontWeight: '600',\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    color: isDarkMode ? '#7dd3fc' : '#2563eb',\n                    display: 'block',\n                    ...styles?.descriptionLessButton,\n                  }}\n                >\n                  less\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Category Fields */}\n        {categoryFields && categoryFields.length > 0 && (\n          <div\n            style={{\n              display: 'flex',\n              flexWrap: 'wrap',\n              borderTop: `1px solid ${isDarkMode ? '#ffffff18' : '#1a1a1a18'}`,\n              borderBottom: `1px solid ${isDarkMode ? '#ffffff18' : '#1a1a1a18'}`,\n              marginBottom: '1.5rem',\n              ...styles?.categoryRow,\n            }}\n          >\n            {categoryFields.map((field, idx) => (\n              <React.Fragment key={idx}>\n                {idx > 0 && (\n                  <div\n                    style={{\n                      width: '1px',\n                      alignSelf: 'stretch',\n                      background: isDarkMode ? '#ffffff18' : '#1a1a1a18',\n                      ...styles?.categoryDivider,\n                    }}\n                  />\n                )}\n                <div\n                  style={{\n                    flex: '1 1 120px',\n                    padding: '12px 16px',\n                    ...styles?.categoryItem,\n                  }}\n                >\n                  <div\n                    style={{\n                      fontSize: '0.72rem',\n                      fontWeight: '500',\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      color: isDarkMode ? '#8b949e' : '#6b7280',\n                      marginBottom: '4px',\n                      ...styles?.categoryLabel,\n                    }}\n                  >\n                    {field.label}\n                  </div>\n                  <div\n                    style={{\n                      fontSize: '0.875rem',\n                      fontWeight: '600',\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      color: isDarkMode ? '#e2e8f0' : '#111827',\n                      ...styles?.categoryValue,\n                    }}\n                  >\n                    {field.value}\n                  </div>\n                </div>\n              </React.Fragment>\n            ))}\n          </div>\n        )}\n\n        {/* When to Apply */}\n        {customMetaData?.when_to_apply !== \"\" && (\n          <Accordion\n            defaultExpanded={whenToApplyDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              border: `1px solid ${styles?.whenToApplyAccordion?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '28px !important',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.whenToApplyAccordion,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={whenToApplyExpandIcon ?? <ExpandMoreIcon style={{ color: styles?.whenAccordionChevronColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n                ...styles?.whenToApplyHeader,\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n                <span style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: '20px',\n                  height: '20px',\n                  borderRadius: '50%',\n                  border: `1.5px solid ${styles?.whenToApplyIconColor ?? '#4ade80'}`,\n                  flexShrink: 0,\n                  ...styles?.whenToApplyIconCircle,\n                }}>\n                  {whenToApplyIcon ?? (\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\">\n                      <g id=\"Complete\">\n                      <g id=\"tick\">\n                      <polyline fill=\"none\" points=\"3.7 14.3 9.6 19 20.3 5\" stroke={styles?.whenToApplyIconColor ?? '#4ade80'} strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\"/>\n                      </g>\n                      </g>\n                    </svg>\n                  )}\n                </span>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.whenToApplyTitle,\n                }}>\n                  When to apply\n                </span>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '12px 16px',\n                background: styles?.whenToApplyContent?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a06'),\n                ...styles?.whenToApplyContent,\n              }}\n            >\n              <MarkdownRenderer\n                message={customMetaData?.when_to_apply}\n                style={styles?.markdownRenderer}\n                codeStyle={styles?.markdownCode}\n                preStyle={styles?.markdownPre}\n                blockquoteStyle={styles?.markdownBlockquote}\n                syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n              />\n            </AccordionDetails>\n          </Accordion>\n        )}\n\n        {/* When Not to Apply */}\n        {customMetaData?.when_not_to_apply !== \"\" && (\n          <Accordion\n            defaultExpanded={whenNotToApplyDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              border: `1px solid ${styles?.whenNotToApplyAccordion?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '8px !important',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.whenNotToApplyAccordion,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={whenNotToApplyExpandIcon ?? <ExpandMoreIcon style={{ color: styles?.whenAccordionChevronColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n                ...styles?.whenNotToApplyHeader,\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n                <span style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: '20px',\n                  height: '20px',\n                  borderRadius: '50%',\n                  border: `1.5px solid ${styles?.whenNotToApplyIconColor ?? '#f87171'}`,\n                  flexShrink: 0,\n                  ...styles?.whenNotToApplyIconCircle,\n                }}>\n                  {whenNotToApplyIcon ?? (\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"none\">\n                      <path d=\"M19 5L5 19M5.00001 5L19 19\" stroke={styles?.whenNotToApplyIconColor ?? '#f87171'} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\"/>\n                    </svg>\n                  )}\n                </span>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.whenNotToApplyTitle,\n                }}>\n                  When not to apply\n                </span>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '12px 16px',\n                background: styles?.whenNotToApplyContent?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a06'),\n                ...styles?.whenNotToApplyContent,\n              }}\n            >\n              <MarkdownRenderer\n                message={customMetaData?.when_not_to_apply}\n                style={styles?.markdownRenderer}\n                codeStyle={styles?.markdownCode}\n                preStyle={styles?.markdownPre}\n                blockquoteStyle={styles?.markdownBlockquote}\n                syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n              />\n            </AccordionDetails>\n          </Accordion>\n        )}\n\n        {/* Specifications */}\n        {hasSpecs && (\n          <Accordion\n            defaultExpanded={specificationsDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              border: `1px solid ${styles?.specificationsSection?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '8px',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.specificationsSection,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={specificationsExpandIcon ?? <ExpandMoreIcon style={{ color: styles?.specificationsExpandIconColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n                <span style={{\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  width: '18px',\n                  height: '18px',\n                  borderRadius: '5px',\n                  // border: `1.5px solid ${styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')}`,\n                  flexShrink: 0,\n                }}>\n                  {specificationsIcon ?? (\n                    // <svg width=\"16\" height=\"16\" viewBox=\"0 0 10 10\" fill=\"none\">\n                    //   <line x1=\"2\" y1=\"3\" x2=\"8\" y2=\"3\" stroke={styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                    //   <line x1=\"2\" y1=\"5\" x2=\"8\" y2=\"5\" stroke={styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                    //   <line x1=\"2\" y1=\"7\" x2=\"6\" y2=\"7\" stroke={styles?.specificationsIconColor ?? (isDarkMode ? '#94a3b8' : '#64748b')} strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n                    // </svg>\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#ffffff\">\n                      <rect x=\"4.5\" y=\"3.5\" width=\"15\" height=\"17\" rx=\"1.5\" stroke=\"#ffffff\" stroke-width=\"1.7\"/>\n                      <path d=\"M8 8H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                      <path d=\"M8 11.5H16\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                      <path d=\"M8 15H13.5\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\"/>\n                    </svg>\n                  )}\n                </span>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.specificationsTitle,\n                }}>\n                  Specifications\n                </span>\n                <Tooltip\n                  title={\n                    <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.specificationsTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.specificationsTooltipContent }}>\n                      <strong>Specifications:</strong> Specifications are the details that define a prompt’s guidelines, expected inputs, expected outputs, and constraints or rules.\n                    </span>\n                  }\n                  placement=\"top\"\n                  arrow\n                  componentsProps={getTooltipSlotProps(\n                    { maxWidth: 280, padding: '8px 12px', ...styles?.specificationsTooltip },\n                    styles?.specificationsTooltipArrow,\n                    '#1a1a1a'\n                  )}\n                >\n                  <span>\n                    {specificationsInfoIcon ?? <InfoIcon style={{ fontSize: '0.95rem', color: isDarkMode ? '#aaaaaa' : '#666666', cursor: 'default' }} />}\n                  </span>\n                </Tooltip>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '12px 16px',\n                background: styles?.specificationsDetails?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a06'),\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '12px',\n                ...styles?.specificationsDetails,\n              }}\n            >\n              {specSections.map(({ label, content }) => (\n                <div key={label}>\n                  <div style={{\n                    fontSize: '0.72rem',\n                    fontWeight: '700',\n                    color: '#6B7280',\n                    textTransform: 'uppercase',\n                    letterSpacing: '0.06em',\n                    marginBottom: '0.3rem',\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    ...styles?.specificationsItemLabel,\n                  }}>\n                    {label}\n                  </div>\n                  <MarkdownRenderer\n                    message={content}\n                    // extraMetaData={extraMetaData || undefined}\n                    fontSize=\"0.83rem\"\n                    style={styles?.markdownRenderer}\n                    codeStyle={styles?.markdownCode}\n                    preStyle={styles?.markdownPre}\n                    blockquoteStyle={styles?.markdownBlockquote}\n                    syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                    cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n                  />\n                </div>\n              ))}\n            </AccordionDetails>\n          </Accordion>\n        )}\n\n        {/* Sections */}\n        {customMetaData?.sections && customMetaData.sections.length > 0 && (\n          <div style={{ marginBottom: '1.5rem' , marginTop:\"0.6rem\" }}>\n            <div style={{ display: 'flex', alignItems: 'center', gap: '5px', marginBottom: '0.6rem',marginTop:\"0.4rem\" }}>\n              <SectionLabel style={{ ...styles?.sectionLabel, marginBottom: 0 }}>APB's</SectionLabel>\n              <Tooltip\n                title={\n                  <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.apbTooltip?.color ?? styles?.fpbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.apbTooltipContent }}>\n                    <strong>APB (Atomic Prompt Block):</strong> A self-contained prompt unit that handles one specific instruction, rule, or behavior within a Functional Prompt Block.\n                  </span>\n                }\n                placement=\"top\"\n                arrow\n                componentsProps={getTooltipSlotProps(\n                  { maxWidth: 280, padding: '8px 12px', ...(styles?.apbTooltip ?? styles?.fpbTooltip) },\n                  styles?.apbTooltipArrow ?? styles?.fpbTooltipArrow,\n                  '#1a1a1a'\n                )}\n              >\n                <InfoIcon style={{ fontSize: '0.95rem', color: isDarkMode ? '#aaaaaa' : '#666666', cursor: 'default' }} />\n              </Tooltip>\n            </div>\n            <div style={{ display: 'flex', flexDirection: 'column', gap: '6px' }}>\n              {customMetaData.sections.map((section) => (\n                <div\n                  key={section.order}\n                  style={{\n                    border: `1px solid ${styles?.sectionItem?.borderColor ?? (isDarkMode ? '#ffffff22' : '#1a1a1a22')}`,\n                    borderRadius: '8px',\n                    padding: '10px 14px',\n                  }}\n                >\n                  <div\n                    onClick={() => onSectionClick?.(section.title)}\n                    style={{\n                      fontSize: '0.83rem',\n                      fontWeight: '600',\n                      color: styles?.sectionItem?.titleColor ?? (isDarkMode ? '#e2e8f0' : '#111827'),\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      cursor: onSectionClick ? 'pointer' : 'default',\n                      marginBottom: '4px',\n                      display: 'inline-flex',\n                      alignItems: 'center',\n                      gap: '5px',\n                    }}\n                  >\n                    <span style={{\n                      fontSize: '0.68rem',\n                      fontWeight: '700',\n                      color: styles?.sectionItem?.orderColor ?? (isDarkMode ? '#6e7681' : '#9CA3AF'),\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      minWidth: '16px',\n                      flexShrink: 0,\n                    }}>\n                      {section.order}.\n                    </span>\n                    <span style={{\n                      textDecoration: onSectionClick ? 'underline' : 'none',\n                      textDecorationColor: styles?.sectionItem?.titleColor ?? (isDarkMode ? '#e2e8f0' : '#111827'),\n                      textUnderlineOffset: '3px',\n                    }}>\n                      {section.title}\n                    </span>\n                    {onSectionClick && (\n                      <svg\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        width=\"12\"\n                        height=\"12\"\n                        viewBox=\"0 0 24 24\"\n                        fill=\"none\"\n                        stroke=\"currentColor\"\n                        strokeWidth=\"2.5\"\n                        strokeLinecap=\"round\"\n                        strokeLinejoin=\"round\"\n                        style={{ flexShrink: 0, opacity: 0.5 }}\n                      >\n                        <path d=\"M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\" />\n                        <polyline points=\"15 3 21 3 21 9\" />\n                        <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\" />\n                      </svg>\n                    )}\n                  </div>\n                  <div style={{\n                    fontSize: '0.76rem',\n                    color: styles?.sectionItem?.descriptionColor ?? (isDarkMode ? '#8b949e' : '#6B7280'),\n                    fontFamily: 'Plus Jakarta Sans, sans-serif',\n                    lineHeight: 1.55,\n                    paddingLeft: '22px',\n                  }}>\n                    {section.description}\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        )}\n\n        {/* SPB Functionality */}\n        {spbFunctionality && (\n          <Accordion\n            defaultExpanded={spbFunctionalityDefaultExpanded}\n            style={{\n              marginBottom: '1rem',\n              marginTop: '0.6rem',\n              border: `1px solid ${styles?.spbSection?.borderColor ?? (isDarkMode ? '#ffffff18' : '#1a1a1a18')}`,\n              borderRadius: '8px',\n              boxShadow: 'none',\n              background: 'transparent',\n              ...styles?.spbSection,\n            }}\n          >\n            <AccordionSummary\n              expandIcon={<ExpandMoreIcon style={{ color: styles?.spbChevronColor ?? (isDarkMode ? '#e2e8f0' : '#374151') }} />}\n              style={{\n                minHeight: '36px',\n                padding: '0 12px',\n                background: 'transparent',\n                ...styles?.spbSectionHeader,\n              }}\n            >\n              <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>\n                <span style={{\n                  fontWeight: '600',\n                  fontSize: '0.9rem',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                  color: isDarkMode ? '#e2e8f0' : '#111827',\n                  ...styles?.spbSectionTitle,\n                }}>\n                  SPB Functionalities ({spbFunctionality.total_functionalities})\n                </span>\n                <span style={{ color: isDarkMode ? '#6e7681' : '#9CA3AF', fontSize: '0.75rem' }}>•</span>\n                <span style={{\n                  fontSize: '0.78rem',\n                  fontWeight: '500',\n                  color: isDarkMode ? '#6e7681' : '#9CA3AF',\n                  fontFamily: 'Plus Jakarta Sans, sans-serif',\n                }}>\n                  {spbFunctionality.total_apbs_identified} APBs\n                </span>\n              </div>\n            </AccordionSummary>\n            <AccordionDetails\n              style={{\n                padding: '10px 12px',\n                background: styles?.spbSectionContent?.backgroundColor ?? 'transparent',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '8px',\n                ...styles?.spbSectionContent,\n              }}\n            >\n              {spbFunctionality.functionality_analysis.map((item, idx) => (\n                <div\n                  key={idx}\n                  style={{\n                    border: `1px solid ${styles?.spbFunctionalityItem?.borderColor ?? (isDarkMode ? '#ffffff14' : '#1a1a1a14')}`,\n                    borderRadius: '10px',\n                    overflow: 'hidden',\n                    padding:\"4px\",\n                    background: styles?.spbFunctionalityItem?.backgroundColor ?? (isDarkMode ? '#ffffff04' : '#1a1a1a03'),\n                    ...styles?.spbFunctionalityItem,\n                  }}\n                >\n                  {/* Inner box — title + description */}\n                  <div style={{\n                    padding: '12px 14px',\n                    borderRadius:\"12px\",\n                    background: styles?.spbFunctionalityItemInner?.backgroundColor ?? (isDarkMode ? '#ffffff08' : '#1a1a1a07'),\n                    borderBottom: `1px solid ${styles?.spbFunctionalityItemInner?.borderColor ?? (isDarkMode ? '#ffffff10' : '#1a1a1a10')}`,\n                    ...styles?.spbFunctionalityItemInner,\n                  }}>\n                    <div style={{\n                      fontSize: '0.85rem',\n                      fontWeight: '700',\n                      color: isDarkMode ? '#e2e8f0' : '#111827',\n                      fontFamily: 'Plus Jakarta Sans, sans-serif',\n                      marginBottom: '6px',\n                      lineHeight: 1.4,\n                      ...styles?.spbFunctionalityItemName,\n                    }}>\n                      {idx + 1}. {item.name}\n                    </div>\n                    <MarkdownRenderer\n                      message={item.description}\n                      fontSize=\"0.78rem\"\n                      style={{ lineHeight: 1.6, color: isDarkMode ? '#8b949e' : '#6B7280', ...(styles?.spbFunctionalityItemDescription ?? {}) }}\n                      codeStyle={styles?.markdownCode}\n                      preStyle={styles?.markdownPre}\n                      blockquoteStyle={styles?.markdownBlockquote}\n                      syntaxHighlighterTheme={styles?.syntaxHighlighterTheme}\n                      cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n                    />\n                  </div>\n\n                  {/* Outer APB references row */}\n                  {item.apb_references && item.apb_references.length > 0 && (\n                    <div style={{\n                      display: 'flex',\n                      alignItems: 'center',\n                      flexWrap: 'wrap',\n                      gap: '6px',\n                      padding: '8px 14px',\n                      ...styles?.spbApbReferencesRow,\n                    }}>\n                      <span style={{\n                        fontSize: '0.68rem',\n                        fontWeight: '500',\n                        color: isDarkMode ? '#6e7681' : '#9CA3AF',\n                        fontFamily: 'Plus Jakarta Sans, sans-serif',\n                        flexShrink: 0,\n                        ...styles?.spbApbReferencesLabel,\n                      }}>\n                        apb references:\n                      </span>\n                      {item.apb_references.map((ref, refIdx) => (\n                        <Tooltip\n                          key={refIdx}\n                          title={\n                            <span style={{ fontSize: '0.7rem', lineHeight: 1.5, fontFamily: 'Plus Jakarta Sans, sans-serif', color: styles?.spbApbReferenceTooltip?.color ?? styles?.spbTooltip?.color ?? '#ffffff', ...styles?.tooltipContent, ...styles?.spbApbReferenceTooltipContent }}>\n                              {ref.context}\n                            </span>\n                          }\n                          placement=\"top\"\n                          arrow\n                          componentsProps={getTooltipSlotProps(\n                            { maxWidth: 240, padding: '6px 10px', ...(styles?.spbApbReferenceTooltip ?? styles?.spbTooltip) },\n                            styles?.spbApbReferenceTooltipArrow ?? styles?.spbTooltipArrow,\n                            '#1a1a1a'\n                          )}\n                        >\n                          <span style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            fontSize: '0.7rem',\n                            fontWeight: '500',\n                            fontFamily: 'Plus Jakarta Sans, sans-serif',\n                            padding: '3px 10px',\n                            borderRadius: '6px',\n                            background: isDarkMode ? '#ffffff0d' : '#1a1a1a08',\n                            color: isDarkMode ? '#c9d1d9' : '#374151',\n                            cursor: 'default',\n                            border: `1px solid ${isDarkMode ? '#ffffff18' : '#1a1a1a14'}`,\n                            ...styles?.spbApbReference,\n                          }}>\n                            <span style={{ ...styles?.spbApbReferenceLabel }}>{ref.apb_name}</span>\n                          </span>\n                        </Tooltip>\n                      ))}\n                    </div>\n                  )}\n                </div>\n              ))}\n            </AccordionDetails>\n          </Accordion>\n        )}\n        {!showEditor && (\n          <>\n            <div style={{ flex: 1 }} />\n            {previewStatsNode}\n          </>\n        )}\n      </div>\n\n\n\n      {/* Right Panel - only if showEditor */}\n      {showEditor && (\n        <div\n          style={{\n            width: '50%',\n            padding: '1.75rem',\n            display: 'flex',\n            flexDirection: 'column',\n            overflow: 'hidden',\n            boxSizing: 'border-box',\n            ...styles?.rightPanel,\n          }}\n        >\n          <div\n            style={{\n              fontWeight: '700',\n              fontSize: '1rem',\n              marginBottom: '1rem',\n              color: '#1a1a1a',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n            }}\n          >\n            Prompt Preview\n          </div>\n          <div\n            style={{\n              flex: 1,\n              border: '1px solid #e0e0e0',\n              borderRadius: '0.875rem',\n              overflow: 'hidden',\n              minHeight: 0,\n            }}\n          >\n            {editorNode}\n          </div>\n          {previewStatsNode}\n        </div>\n      )}\n    </>\n  );\n\n  return (\n    <div style={styles?.root}>\n      {/* Pill — only when !alwaysFullscreen && !renderAsComponent */}\n      {/* {!alwaysFullscreen && !renderAsComponent && (\n        <span\n          onClick={() => setIsExpanded((prev) => !prev)}\n          style={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            gap: '4px',\n            padding: '3px 12px',\n            borderRadius: '999px',\n            border: '1px solid #d0d0d0',\n            backgroundColor: '#f5f5f5',\n            cursor: 'pointer',\n            fontSize: '0.78rem',\n            fontFamily: 'Plus Jakarta Sans, sans-serif',\n            fontWeight: '500',\n            color: '#444',\n            userSelect: 'none',\n            whiteSpace: 'nowrap',\n            ...styles?.pill,\n          }}\n        >\n          {title}\n          {isExpanded ? chevronUpComponent : chevronDownComponent}\n        </span>\n      )} */}\n\n      {/* Inline expand — only when !alwaysFullscreen && !renderAsComponent */}\n      {/* {isExpanded && !isFullscreen && !alwaysFullscreen && !renderAsComponent && (\n        <div\n          style={{\n            border: '1px solid #e0e0e0',\n            borderRadius: '0.625rem',\n            overflow: 'hidden',\n            marginTop: '0.5rem',\n            fontFamily: 'Plus Jakarta Sans, sans-serif',\n            maxWidth: \"90%\",\n            marginLeft: \"1rem\",\n          }}\n        >\n          <div\n            style={{\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'space-between',\n              padding: '10px 16px',\n              borderBottom: '1px solid #e0e0e0',\n              backgroundColor: '#ffffff',\n            }}\n          >\n            <span style={{ fontWeight: '700', fontSize: '0.95rem', color: '#1a1a1a' }}>\n              Prompt Preview\n            </span>\n            <ThemeToggle\n              darkMode={isDarkMode}\n              onToggle={toggleDarkMode}\n              toggleFullscreen={openFullscreen}\n              handleOpenFileDetailSection={() => {}}\n              showFullscreenIcon={true}\n              showFileSummaryIButton={false}\n            />\n          </div>\n\n          <div style={{ height: editorHeight, width: editorWidth }}>\n            {editorNode}\n          </div>\n        </div>\n      )} */}\n\n      {/* renderAsComponent mode — no dialog, no shadow, direct render */}\n      {renderAsComponent ? (\n        <div style={{ display: 'flex', width: '100%', fontFamily: 'Plus Jakarta Sans, sans-serif', overflow: 'hidden', ...styles?.dialog }}>\n          {panelContent}\n        </div>\n      ) : (\n        <Dialog\n          open={isFullscreen || alwaysFullscreen}\n          onClose={closeFullscreen}\n          maxWidth=\"xl\"\n          fullWidth\n          PaperProps={{\n            style: {\n              borderRadius: '1rem',\n              fontFamily: 'Plus Jakarta Sans, sans-serif',\n              height: '90vh',\n              maxHeight: '90vh',\n              overflow: 'hidden',\n              ...styles?.dialog,\n            },\n          }}\n        >\n          <IconButton\n            onClick={closeFullscreen}\n            size=\"small\"\n            style={{ position: 'absolute', top: 10, right: 12, zIndex: 20 }}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n          <DialogContent style={{ padding: 0, display: 'flex', height: '100%', overflow: 'hidden' }}>\n            {panelContent}\n          </DialogContent>\n        </Dialog>\n      )}\n\n      {/* Dependency Graph Dialog */}\n      \n      {showGraphDialog && customMetaData?.dependency_graph && (\n        <Dialog\n          open={showGraphDialog}\n          onClose={() => setShowGraphDialog(false)}\n          maxWidth=\"xl\"\n          fullWidth\n          PaperProps={{\n            style: {\n              borderRadius: '1rem',\n              height: '90vh',\n              maxHeight: '90vh',\n              overflow: 'hidden',\n              ...styles?.graphDialog,\n            },\n          }}\n        >\n          <IconButton\n            onClick={() => setShowGraphDialog(false)}\n            size=\"small\"\n            style={{ position: 'absolute', top: 10, right: 12, zIndex: 20 }}\n          >\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n          <DialogContent style={{ padding: '1rem', height: '100%', overflow: 'hidden', boxSizing: 'border-box' }}>\n            <DependencyGraph data={convertDependencyGraphData(customMetaData.dependency_graph)} isDarkMode={isDarkMode} />\n          </DialogContent>\n        </Dialog>\n      )}\n    </div>\n  );\n};\n\nexport default PromptCitation;\n"],"names":["convertDependencyGraphData","rawGraph","clusterLabels","Array","isArray","nodes","edges","clusters","length","uniqueClusters","Set","map","n","cluster_id","size","numClusters","Math","max","min","ceil","from","_","i","id","label","node","idx","col","row","floor","x","y","graph_id","prompt_id","last_analyzed_at","Date","toISOString","keys","Object","totalNodes","forEach","key","index","clusterId","split","w","charAt","toUpperCase","slice","join","nodeId","push","description","deps","dep","depIdx","targetKey","dependent_on","targetNodeId","reasoningText","reasoning","r","text","filter","Boolean","String","source","target","score","Score","gap","dependency_type","SectionLabel","children","style","jsx","fontWeight","fontSize","color","marginBottom","fontFamily","prompt_title","modename","customMetaData","chevronUpComponent","chevronDownComponent","editorHeight","editorWidth","isDarkModeEnabled","isDarkMode","isDarkModeProp","startLine","endLine","constraints_and_rules","input_analysis","output_analysis","extraMetaData","showEditor","alwaysFullscreen","renderAsComponent","isFpb","isSpb","spbFunctionality","showDependencyIcon","onDependencyGraphOpen","onSectionClick","categoryFields","total_apbs","titleText","titleIcon","titleIconProp","dependencyGraphIcon","dependencyGraphArrowIcon","whenToApplyIcon","whenToApplyExpandIcon","whenNotToApplyIcon","whenNotToApplyExpandIcon","specificationsIcon","specificationsInfoIcon","specificationsExpandIcon","styles","defaultAccordionsExpanded","defaultWhenToApplyExpanded","defaultWhenNotToApplyExpanded","defaultSpecificationsExpanded","defaultSpbFunctionalityExpanded","resolvedDarkMode","isExpanded","setIsExpanded","useState","isDescExpanded","setIsDescExpanded","isDescOverflowing","setIsDescOverflowing","descRef","useRef","isFullscreen","setIsFullscreen","showGraphDialog","setShowGraphDialog","highlightCodeStatsLine","setHighlightCodeStatsLine","startIndex","endIndex","highlightCodeStatsVariable","setHighlightCodeStatsVariable","setIsDarkMode","themeManager","getTheme","useEffect","subscribe","title","desc","promptContent","prompt","mode","totalLines","highlightRange","specSections","content","s","hasSpecs","whenToApplyDefaultExpanded","whenNotToApplyDefaultExpanded","specificationsDefaultExpanded","spbFunctionalityDefaultExpanded","getTooltipSlotProps","tooltipStyle","arrowStyle","defaultBackgroundColor","tooltip","backgroundColor","arrow","tooltipArrow","previewStatsNode","display","borderTop","marginTop","paddingTop","footer","previewStats","jsxs","previewStatsItem","el","current","scrollHeight","clientHeight","closeFullscreen","editorNode","CodeEditor","language","code","isHighlightingEnabled","highlightIndexes","panelContent","Fragment","width","padding","flexDirection","overflowY","borderRight","boxSizing","leftPanel","alignItems","flexWrap","Tooltip","tooltipContent","titleTooltipContent","placement","componentsProps","maxWidth","titleTooltip","titleTooltipArrow","lineHeight","minWidth","flexShrink","height","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","x1","y1","x2","y2","overflow","textOverflow","whiteSpace","background","fpbBadge","borderRadius","letterSpacing","textTransform","fpbTooltip","fpbTooltipContent","fpbTooltipArrow","InfoIcon","fpbInfoIconColor","cursor","spbBadge","spbTooltip","spbTooltipContent","spbTooltipArrow","spbInfoIconColor","flex","dependencyGraphTooltipContent","dependencyGraphTooltip","dependencyGraphTooltipArrow","onClick","e","stopPropagation","border","dependencyGraphButton","dependencyGraphIconStroke","strokeLinejoin","dependencyGraphIconFill","points","descriptionCard","borderColor","descriptionHeading","position","ref","margin","WebkitBoxOrient","WebkitLineClamp","bottom","right","paddingLeft","paddingRight","descriptionMoreButton","descriptionLessButton","borderBottom","categoryRow","field","React","alignSelf","categoryDivider","categoryItem","categoryLabel","categoryValue","value","when_to_apply","Accordion","defaultExpanded","whenToApplyAccordion","boxShadow","AccordionSummary","expandIcon","ExpandMoreIcon","whenAccordionChevronColor","minHeight","whenToApplyHeader","justifyContent","whenToApplyIconColor","whenToApplyIconCircle","whenToApplyTitle","AccordionDetails","whenToApplyContent","MarkdownRenderer","message","markdownRenderer","codeStyle","markdownCode","preStyle","markdownPre","blockquoteStyle","markdownBlockquote","syntaxHighlighterTheme","cognitiveDecisioningStyles","cognitiveDecisioning","when_not_to_apply","whenNotToApplyAccordion","whenNotToApplyHeader","whenNotToApplyIconColor","whenNotToApplyIconCircle","whenNotToApplyTitle","whenNotToApplyContent","specificationsSection","specificationsExpandIconColor","rx","specificationsTitle","specificationsTooltip","specificationsTooltipContent","specificationsTooltipArrow","specificationsDetails","specificationsItemLabel","sections","sectionLabel","apbTooltip","apbTooltipContent","apbTooltipArrow","section","sectionItem","titleColor","orderColor","order","textDecoration","textDecorationColor","textUnderlineOffset","opacity","descriptionColor","spbSection","spbChevronColor","spbSectionHeader","spbSectionTitle","total_functionalities","total_apbs_identified","spbSectionContent","functionality_analysis","item","spbFunctionalityItem","spbFunctionalityItemInner","spbFunctionalityItemName","name","spbFunctionalityItemDescription","apb_references","spbApbReferencesRow","spbApbReferencesLabel","refIdx","spbApbReferenceTooltip","spbApbReferenceTooltipContent","context","spbApbReferenceTooltipArrow","spbApbReference","spbApbReferenceLabel","apb_name","rightPanel","root","dialog","Dialog","open","onClose","fullWidth","PaperProps","maxHeight","IconButton","top","zIndex","CloseIcon","DialogContent","dependency_graph","graphDialog","DependencyGraph","data"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,n=require("tslib"),t=require("react/jsx-runtime"),i=require("react"),r=require("../../../utils/codeCitations.utils.js");function o(e){if(e&&e.__esModule)return e;var n=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),n.default=e,Object.freeze(n)}exports.DiagnosticSeverity=void 0,(e=exports.DiagnosticSeverity||(exports.DiagnosticSeverity={}))[e.Error=0]="Error",e[e.Warning=1]="Warning",e[e.Information=2]="Information",e[e.Hint=3]="Hint";exports.default=function(e){var a=e.startIndex,l=e.endIndex,s=e.language,d=e.editorHeight,u=e.editorWidth,c=e.code,g=e.isHighlightingEnabled,v=e.isDarkModeEnabled,f=e.openHighlightedCodeDetails,h=e.highlightCodeStatsLine;e.setHighlightCodeStatsLine;var m=e.highlightCodeStatsVariable;e.setHighlightCodeStatsVariable,e.setHighlightIndexes;var p=e.isExpanded,x=e.highlightIndexes,y=e.diagnostics,S=e.diagnosticStylesBySeverity,b=i.useRef(null),I=i.useRef([]);i.useRef([]);var j=i.useRef([]),C=i.useRef([]),O=i.useMemo(function(){return a},[a]),R=i.useMemo(function(){return l},[l]),L=i.useState(null),D=L[0],w=L[1],E=i.useState(null),M=E[0],k=E[1],H=i.useState(null),N=H[0],_=H[1],q=i.useState(void 0),P=q[0],V=q[1],W=i.useState(null),F=W[0],T=W[1];i.useEffect(function(){Promise.all([Promise.resolve().then(function(){return o(require("@monaco-editor/react"))}),Promise.resolve().then(function(){return o(require("highlight.js/lib/core"))})]).then(function(e){var n=e[0],t=e[1];_(function(){return n.default});var i=t.default.highlightAuto(c).language;V(i)}).catch(function(){T("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[c]);var z=i.useMemo(function(){return S&&"object"==typeof S&&Object.entries(S).map(function(e){var n=e[0],t=e[1],i=[];return t.style&&i.push(".".concat(r.generateClassName(t.style,+n,!0)," {\n").concat(r.cssPropertiesToString(t.style),"\n}")),t.lightModeStyle&&i.push(".".concat(r.generateClassName(t.lightModeStyle,+n,!1)," {\n").concat(r.cssPropertiesToString(t.lightModeStyle),"\n}")),i.join("\n")}).join("\n")},[S]);i.useEffect(function(){return function(){var e;(null===(e=b.current)||void 0===e?void 0:e._resizeObserver)&&b.current._resizeObserver.disconnect()}},[]),i.useEffect(function(){if(g&&D&&b.current&&M){var e=D.start,n=D.end;if(A(b.current,e,n,h,m),-1===a&&y&&y.length>0){var t=y[0].range,i=t.lineStart,r=t.lineEnd;A(b.current,i,r,h,m)}}},[D,M,g,h,m]),i.useEffect(function(){var e,n,t;if(M&&b.current&&g){var i=b.current;if(x&&(null===(e=Object.keys(x))||void 0===e?void 0:e.length)>0&&-1!==(null==x?void 0:x.startIndex)&&-1!==(null==x?void 0:x.endIndex)){var r=i.deltaDecorations(I.current,[{range:new M.Range(x.startIndex,1,x.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);I.current=r}if(h&&(null===(n=Object.keys(h))||void 0===n?void 0:n.length)>0&&-1!==(null==h?void 0:h.startIndex)&&-1!==(null==h?void 0:h.endIndex)&&(null==h?void 0:h.name)){r=i.deltaDecorations(I.current,[{range:new M.Range(h.startIndex,1,h.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);I.current=r}if(m&&(null===(t=Object.keys(m))||void 0===t?void 0:t.length)>0&&-1!==(null==m?void 0:m.startIndex)&&-1!==(null==m?void 0:m.endIndex)&&(null==h?void 0:h.name)){r=i.deltaDecorations(j.current,[{range:new M.Range(m.startIndex,1,m.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);j.current=r}}},[a,l,g,M,h,JSON.stringify(m)]),i.useEffect(function(){if(M&&b.current&&(null==y?void 0:y.length)&&S){var e=b.current,n=y.map(function(e){var n,t,i=r.getClassNameFromDiagnostic(e.severity,null==v||v,S);return{range:new M.Range(e.range.lineStart,null!==(n=e.range.columnStart)&&void 0!==n?n:1,e.range.lineEnd,null!==(t=e.range.columnEnd)&&void 0!==t?t:1),options:{className:i,isWholeLine:void 0===e.range.columnStart}}});C.current=e.deltaDecorations(C.current,n)}},[y,S,M,v]);var A=i.useCallback(function(e,n,t,i,r){var o,a;if(M&&e&&g){var l=e.getModel();l&&(n=Math.max(-1,n),(t=Math.min(t,l.getLineCount()))<n&&(t=n),requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new M.Range(n,1,t,1),M.editor.ScrollType.Smooth),e.setSelection(new M.Range(n,1,t+1,1))}),i&&-1!==(null==i?void 0:i.startIndex)&&-1!==(null==i?void 0:i.endIndex)&&requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new M.Range(i.startIndex,1,i.endIndex,1),M.editor.ScrollType.Smooth),e.setSelection(new M.Range(i.startIndex,1,i.endIndex+1,1))}),0===(null===(o=Object.keys(r))||void 0===o?void 0:o.length)&&e.getContribution("editor.contrib.findController").getState().change({isRevealed:!1},!1),(null===(a=Object.keys(r))||void 0===a?void 0:a.length)>0&&(requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new M.Range(r.startIndex,1,r.endIndex,1),M.editor.ScrollType.Smooth),e.setSelection(new M.Range(r.startIndex,1,r.endIndex+1,1))}),e.trigger("keyboard","actions.find"),e.getAction("actions.find").run(),e.getContribution("editor.contrib.findController").getState().change({searchString:(null==r?void 0:r.variableName)||"",isRevealed:!0},!1)))}},[M,g,a,l,null==h?void 0:h.startIndex,null==h?void 0:h.endIndex,m]);i.useEffect(function(){if(b.current&&M&&g){var e=b.current,n=e.onDidLayoutChange(function(){if(A(e,a,l,h,m),-1===a&&y&&y.length>0){var n=y[0].range,t=n.lineStart,i=n.lineEnd;A(e,t,i,h,m)}});return function(){return n.dispose()}}},[A,a,l,g,null==h?void 0:h.startIndex,null==h?void 0:h.endIndex,m,p]);var B=i.useCallback(function(e,n){A(e,O,R),b.current=e,k(n),w({start:O,end:R});var t=e.getContainerDomNode(),i=new ResizeObserver(function(){e.layout()});if(i.observe(t),b.current._resizeObserver=i,g){var r=e.getDomNode(),o=document.createElement("div");null==r||r.appendChild(o);var a=function(){var n=e.getTopForLineNumber(O)-e.getScrollTop();o.style.top="".concat(n,"px")};e.onDidScrollChange(a),a()}},[a,l,g,f]);return F?t.jsx("div",n.__assign({style:{color:"red",fontSize:"12px",padding:"8px"}},{children:F})):N?t.jsxs(t.Fragment,{children:[t.jsx(N,{height:d,width:u,defaultLanguage:P||s,defaultValue:c,theme:v?"vs-dark":"vs-light",onMount:B,beforeMount:function(e){e.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0})},options:{minimap:{enabled:!1},overviewRulerLanes:3,fontFamily:"Plus Jakarta Sans, sans-serif",scrollBeyondLastLine:!1,readOnly:!0,smoothScrolling:!0,automaticLayout:!0,lineDecorationsWidth:10,padding:{top:20,bottom:20}}}),t.jsxs("style",{children:[z,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):t.jsx("div",n.__assign({style:{padding:"8px",color:"#666"}},{children:"Loading code editor..."}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../../utils/codeCitations.utils.js");function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}exports.default=({startIndex:i,endIndex:s,language:o,editorHeight:a,editorWidth:l,code:d,isHighlightingEnabled:c,isDarkModeEnabled:u,openHighlightedCodeDetails:g,highlightCodeStatsLine:h,setHighlightCodeStatsLine:f,highlightCodeStatsVariable:m,setHighlightCodeStatsVariable:p,setHighlightIndexes:x,isExpanded:y,highlightIndexes:S,diagnostics:b,diagnosticStylesBySeverity:I})=>{const v=t.useRef(null),j=t.useRef([]);t.useRef([]);const C=t.useRef([]),O=t.useRef([]),R=t.useMemo(()=>i,[i]),L=t.useMemo(()=>s,[s]),[w,D]=t.useState(null),[E,M]=t.useState(null),[k,N]=t.useState(null),[H,P]=t.useState(void 0),[q,V]=t.useState(null);t.useEffect(()=>{Promise.all([Promise.resolve().then(function(){return r(require("@monaco-editor/react"))}),Promise.resolve().then(function(){return r(require("highlight.js/lib/core"))})]).then(([e,t])=>{N(()=>e.default);const n=t.default.highlightAuto(d).language;P(n)}).catch(()=>{V("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[d]);const F=t.useMemo(()=>I&&"object"==typeof I&&Object.entries(I).map(([e,t])=>{const r=[];return t.style&&r.push(`.${n.generateClassName(t.style,+e,!0)} {\n${n.cssPropertiesToString(t.style)}\n}`),t.lightModeStyle&&r.push(`.${n.generateClassName(t.lightModeStyle,+e,!1)} {\n${n.cssPropertiesToString(t.lightModeStyle)}\n}`),r.join("\n")}).join("\n"),[I]);t.useEffect(()=>()=>{v.current?._resizeObserver&&v.current._resizeObserver.disconnect()},[]),t.useEffect(()=>{if(c&&w&&v.current&&E){const{start:e,end:t}=w;if(T(v.current,e,t,h,m),-1===i&&b&&b.length>0){const{lineStart:e,lineEnd:t}=b[0].range;T(v.current,e,t,h,m)}}},[w,E,c,h,m]),t.useEffect(()=>{if(E&&v.current&&c){const e=v.current;if(S&&Object.keys(S)?.length>0&&-1!==S?.startIndex&&-1!==S?.endIndex){const t=e.deltaDecorations(j.current,[{range:new E.Range(S.startIndex,1,S.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);j.current=t}if(h&&Object.keys(h)?.length>0&&-1!==h?.startIndex&&-1!==h?.endIndex&&h?.name){const t=e.deltaDecorations(j.current,[{range:new E.Range(h.startIndex,1,h.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);j.current=t}if(m&&Object.keys(m)?.length>0&&-1!==m?.startIndex&&-1!==m?.endIndex&&h?.name){const t=e.deltaDecorations(C.current,[{range:new E.Range(m.startIndex,1,m.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);C.current=t}}},[i,s,c,E,h,JSON.stringify(m)]),t.useEffect(()=>{if(!(E&&v.current&&b?.length&&I))return;const e=v.current,t=b.map(e=>{const t=n.getClassNameFromDiagnostic(e.severity,u??!0,I);return{range:new E.Range(e.range.lineStart,e.range.columnStart??1,e.range.lineEnd,e.range.columnEnd??1),options:{className:t,isWholeLine:void 0===e.range.columnStart}}});O.current=e.deltaDecorations(O.current,t)},[b,I,E,u]);const T=t.useCallback((e,t,n,r,i)=>{if(!E||!e||!c)return;const s=e.getModel();s&&(t=Math.max(-1,t),(n=Math.min(n,s.getLineCount()))<t&&(n=t),requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new E.Range(t,1,n,1),E.editor.ScrollType.Smooth),e.setSelection(new E.Range(t,1,n+1,1))}),r&&-1!==r?.startIndex&&-1!==r?.endIndex&&requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new E.Range(r.startIndex,1,r.endIndex,1),E.editor.ScrollType.Smooth),e.setSelection(new E.Range(r.startIndex,1,r.endIndex+1,1))}),0===Object.keys(i)?.length&&e.getContribution("editor.contrib.findController").getState().change({isRevealed:!1},!1),Object.keys(i)?.length>0&&(requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new E.Range(i.startIndex,1,i.endIndex,1),E.editor.ScrollType.Smooth),e.setSelection(new E.Range(i.startIndex,1,i.endIndex+1,1))}),e.trigger("keyboard","actions.find"),e.getAction("actions.find").run(),e.getContribution("editor.contrib.findController").getState().change({searchString:i?.variableName||"",isRevealed:!0},!1)))},[E,c,i,s,h?.startIndex,h?.endIndex,m]);t.useEffect(()=>{if(!v.current||!E||!c)return;const e=v.current,t=e.onDidLayoutChange(()=>{if(T(e,i,s,h,m),-1===i&&b&&b.length>0){const{lineStart:t,lineEnd:n}=b[0].range;T(e,t,n,h,m)}});return()=>t.dispose()},[T,i,s,c,h?.startIndex,h?.endIndex,m,y]);const _=t.useCallback((e,t)=>{T(e,R,L),v.current=e,M(t),D({start:R,end:L});const n=e.getContainerDomNode(),r=new ResizeObserver(()=>{e.layout()});if(r.observe(n),v.current._resizeObserver=r,c){const t=e.getDomNode(),n=document.createElement("div");t?.appendChild(n);const r=()=>{const t=e.getTopForLineNumber(R)-e.getScrollTop();n.style.top=`${t}px`};e.onDidScrollChange(r),r()}},[i,s,c,g]);return q?e.jsx("div",{style:{color:"red",fontSize:"12px",padding:"8px"},children:q}):k?e.jsxs(e.Fragment,{children:[e.jsx(k,{height:a,width:l,defaultLanguage:H||o,defaultValue:d,theme:u?"vs-dark":"vs-light",onMount:_,beforeMount:e=>{e.languages.typescript.javascriptDefaults.setDiagnosticsOptions({noSemanticValidation:!0,noSyntaxValidation:!0})},options:{minimap:{enabled:!1},overviewRulerLanes:3,fontFamily:"Plus Jakarta Sans, sans-serif",scrollBeyondLastLine:!1,readOnly:!0,smoothScrolling:!0,automaticLayout:!0,lineDecorationsWidth:10,padding:{top:20,bottom:20}}}),e.jsxs("style",{children:[F,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):e.jsx("div",{style:{padding:"8px",color:"#666"},children:"Loading code editor..."})};
 //# sourceMappingURL=CodeEditor.js.map