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

@viswa-test/test-citation 0.0.385 → 0.0.387

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

Files changed (4903) hide show

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

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

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

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

package/dist/features/PromptCitation/_components/CodeEditor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useRef as i,useMemo as r,useState as o,useEffect as a,useCallback as s}from"react";import{generateClassName as d,cssPropertiesToString as l,getClassNameFromDiagnostic as c}from"../../../utils/codeCitations.utils.js";const g=({startIndex:g,endIndex:h,language:u,editorHeight:m,editorWidth:p,code:x,isHighlightingEnabled:y,isDarkModeEnabled:I,openHighlightedCodeDetails:S,highlightCodeStatsLine:f,setHighlightCodeStatsLine:b,highlightCodeStatsVariable:v,setHighlightCodeStatsVariable:C,setHighlightIndexes:L,isExpanded:R,highlightIndexes:w,diagnostics:O,diagnosticStylesBySeverity:j})=>{const D=i(null),k=i([]);i([]);const H=i([]),M=i([]),N=r(()=>g,[g]),E=r(()=>h,[h]),[V,W]=o(null),[z,A]=o(null),[F,T]=o(null),[$,q]=o(void 0),[_,B]=o(null);a(()=>{Promise.all([import("@monaco-editor/react"),import("highlight.js/lib/core")]).then(([e,t])=>{T(()=>e.default);const n=t.default.highlightAuto(x).language;q(n)}).catch(()=>{B("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[x]);const J=r(()=>j&&"object"==typeof j&&Object.entries(j).map(([e,t])=>{const n=[];return t.style&&n.push(`.${d(t.style,+e,!0)} {\n${l(t.style)}\n}`),t.lightModeStyle&&n.push(`.${d(t.lightModeStyle,+e,!1)} {\n${l(t.lightModeStyle)}\n}`),n.join("\n")}).join("\n"),[j]);a(()=>()=>{D.current?._resizeObserver&&D.current._resizeObserver.disconnect()},[]),a(()=>{if(y&&V&&D.current&&z){const{start:e,end:t}=V;if(P(D.current,e,t,f,v),-1===g&&O&&O.length>0){const{lineStart:e,lineEnd:t}=O[0].range;P(D.current,e,t,f,v)}}},[V,z,y,f,v]),a(()=>{if(z&&D.current&&y){const e=D.current;if(w&&Object.keys(w)?.length>0&&-1!==w?.startIndex&&-1!==w?.endIndex){const t=e.deltaDecorations(k.current,[{range:new z.Range(w.startIndex,1,w.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);k.current=t}if(f&&Object.keys(f)?.length>0&&-1!==f?.startIndex&&-1!==f?.endIndex&&f?.name){const t=e.deltaDecorations(k.current,[{range:new z.Range(f.startIndex,1,f.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);k.current=t}if(v&&Object.keys(v)?.length>0&&-1!==v?.startIndex&&-1!==v?.endIndex&&f?.name){const t=e.deltaDecorations(H.current,[{range:new z.Range(v.startIndex,1,v.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);H.current=t}}},[g,h,y,z,f,JSON.stringify(v)]),a(()=>{if(!(z&&D.current&&O?.length&&j))return;const e=D.current,t=O.map(e=>{const t=c(e.severity,I??!0,j);return{range:new z.Range(e.range.lineStart,e.range.columnStart??1,e.range.lineEnd,e.range.columnEnd??1),options:{className:t,isWholeLine:void 0===e.range.columnStart}}});M.current=e.deltaDecorations(M.current,t)},[O,j,z,I]);const P=s((e,t,n,i,r)=>{if(!z||!e||!y)return;const o=e.getModel();o&&(t=Math.max(-1,t),(n=Math.min(n,o.getLineCount()))<t&&(n=t),requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new z.Range(t,1,n,1),z.editor.ScrollType.Smooth),e.setSelection(new z.Range(t,1,n+1,1))}),i&&-1!==i?.startIndex&&-1!==i?.endIndex&&requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new z.Range(i.startIndex,1,i.endIndex,1),z.editor.ScrollType.Smooth),e.setSelection(new z.Range(i.startIndex,1,i.endIndex+1,1))}),0===Object.keys(r)?.length&&e.getContribution("editor.contrib.findController").getState().change({isRevealed:!1},!1),Object.keys(r)?.length>0&&(requestAnimationFrame(()=>{e.revealRangeInCenterIfOutsideViewport(new z.Range(r.startIndex,1,r.endIndex,1),z.editor.ScrollType.Smooth),e.setSelection(new z.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:r?.variableName||"",isRevealed:!0},!1)))},[z,y,g,h,f?.startIndex,f?.endIndex,v]);a(()=>{if(!D.current||!z||!y)return;const e=D.current,t=e.onDidLayoutChange(()=>{if(P(e,g,h,f,v),-1===g&&O&&O.length>0){const{lineStart:t,lineEnd:n}=O[0].range;P(e,t,n,f,v)}});return()=>t.dispose()},[P,g,h,y,f?.startIndex,f?.endIndex,v,R]);const G=s((e,t)=>{P(e,N,E),D.current=e,A(t),W({start:N,end:E});const n=e.getContainerDomNode(),i=new ResizeObserver(()=>{e.layout()});if(i.observe(n),D.current._resizeObserver=i,y){const t=e.getDomNode(),n=document.createElement("div");t?.appendChild(n);const i=()=>{const t=e.getTopForLineNumber(N)-e.getScrollTop();n.style.top=`${t}px`};e.onDidScrollChange(i),i()}},[g,h,y,S]);return _?e("div",{style:{color:"red",fontSize:"12px",padding:"8px"},children:_}):F?t(n,{children:[e(F,{height:m,width:p,defaultLanguage:$||u,defaultValue:x,theme:I?"vs-dark":"vs-light",onMount:G,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}}}),t("style",{children:[J,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):e("div",{style:{padding:"8px",color:"#666"},children:"Loading code editor..."})};export{g as default};
+import{__assign as e}from"tslib";import{jsx as n,jsxs as t,Fragment as i}from"react/jsx-runtime";import{useRef as r,useMemo as o,useState as a,useEffect as l,useCallback as d}from"react";import{generateClassName as u,cssPropertiesToString as s,getClassNameFromDiagnostic as c}from"../../../utils/codeCitations.utils.js";var g;!function(e){e[e.Error=0]="Error",e[e.Warning=1]="Warning",e[e.Information=2]="Information",e[e.Hint=3]="Hint"}(g||(g={}));var v=function(g){var v=g.startIndex,h=g.endIndex,f=g.language,m=g.editorHeight,p=g.editorWidth,x=g.code,I=g.isHighlightingEnabled,y=g.isDarkModeEnabled,S=g.openHighlightedCodeDetails,b=g.highlightCodeStatsLine;g.setHighlightCodeStatsLine;var C=g.highlightCodeStatsVariable;g.setHighlightCodeStatsVariable,g.setHighlightIndexes;var L=g.isExpanded,R=g.highlightIndexes,w=g.diagnostics,O=g.diagnosticStylesBySeverity,j=r(null),D=r([]);r([]);var H=r([]),k=r([]),E=o(function(){return v},[v]),M=o(function(){return h},[h]),N=a(null),V=N[0],W=N[1],z=a(null),A=z[0],F=z[1],T=a(null),q=T[0],_=T[1],B=a(void 0),J=B[0],P=B[1],G=a(null),K=G[0],Q=G[1];l(function(){Promise.all([import("@monaco-editor/react"),import("highlight.js/lib/core")]).then(function(e){var n=e[0],t=e[1];_(function(){return n.default});var i=t.default.highlightAuto(x).language;P(i)}).catch(function(){Q("Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js")})},[x]);var U=o(function(){return O&&"object"==typeof O&&Object.entries(O).map(function(e){var n=e[0],t=e[1],i=[];return t.style&&i.push(".".concat(u(t.style,+n,!0)," {\n").concat(s(t.style),"\n}")),t.lightModeStyle&&i.push(".".concat(u(t.lightModeStyle,+n,!1)," {\n").concat(s(t.lightModeStyle),"\n}")),i.join("\n")}).join("\n")},[O]);l(function(){return function(){var e;(null===(e=j.current)||void 0===e?void 0:e._resizeObserver)&&j.current._resizeObserver.disconnect()}},[]),l(function(){if(I&&V&&j.current&&A){var e=V.start,n=V.end;if(X(j.current,e,n,b,C),-1===v&&w&&w.length>0){var t=w[0].range,i=t.lineStart,r=t.lineEnd;X(j.current,i,r,b,C)}}},[V,A,I,b,C]),l(function(){var e,n,t;if(A&&j.current&&I){var i=j.current;if(R&&(null===(e=Object.keys(R))||void 0===e?void 0:e.length)>0&&-1!==(null==R?void 0:R.startIndex)&&-1!==(null==R?void 0:R.endIndex)){var r=i.deltaDecorations(D.current,[{range:new A.Range(R.startIndex,1,R.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);D.current=r}if(b&&(null===(n=Object.keys(b))||void 0===n?void 0:n.length)>0&&-1!==(null==b?void 0:b.startIndex)&&-1!==(null==b?void 0:b.endIndex)&&(null==b?void 0:b.name)){r=i.deltaDecorations(D.current,[{range:new A.Range(b.startIndex,1,b.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);D.current=r}if(C&&(null===(t=Object.keys(C))||void 0===t?void 0:t.length)>0&&-1!==(null==C?void 0:C.startIndex)&&-1!==(null==C?void 0:C.endIndex)&&(null==b?void 0:b.name)){r=i.deltaDecorations(H.current,[{range:new A.Range(C.startIndex,1,C.endIndex,1),options:{isWholeLine:!0,className:"myLineHighlight"}}]);H.current=r}}},[v,h,I,A,b,JSON.stringify(C)]),l(function(){if(A&&j.current&&(null==w?void 0:w.length)&&O){var e=j.current,n=w.map(function(e){var n,t,i=c(e.severity,null==y||y,O);return{range:new A.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}}});k.current=e.deltaDecorations(k.current,n)}},[w,O,A,y]);var X=d(function(e,n,t,i,r){var o,a;if(A&&e&&I){var l=e.getModel();l&&(n=Math.max(-1,n),(t=Math.min(t,l.getLineCount()))<n&&(t=n),requestAnimationFrame(function(){e.revealRangeInCenterIfOutsideViewport(new A.Range(n,1,t,1),A.editor.ScrollType.Smooth),e.setSelection(new A.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 A.Range(i.startIndex,1,i.endIndex,1),A.editor.ScrollType.Smooth),e.setSelection(new A.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 A.Range(r.startIndex,1,r.endIndex,1),A.editor.ScrollType.Smooth),e.setSelection(new A.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)))}},[A,I,v,h,null==b?void 0:b.startIndex,null==b?void 0:b.endIndex,C]);l(function(){if(j.current&&A&&I){var e=j.current,n=e.onDidLayoutChange(function(){if(X(e,v,h,b,C),-1===v&&w&&w.length>0){var n=w[0].range,t=n.lineStart,i=n.lineEnd;X(e,t,i,b,C)}});return function(){return n.dispose()}}},[X,v,h,I,null==b?void 0:b.startIndex,null==b?void 0:b.endIndex,C,L]);var Y=d(function(e,n){X(e,E,M),j.current=e,F(n),W({start:E,end:M});var t=e.getContainerDomNode(),i=new ResizeObserver(function(){e.layout()});if(i.observe(t),j.current._resizeObserver=i,I){var r=e.getDomNode(),o=document.createElement("div");null==r||r.appendChild(o);var a=function(){var n=e.getTopForLineNumber(E)-e.getScrollTop();o.style.top="".concat(n,"px")};e.onDidScrollChange(a),a()}},[v,h,I,S]);return K?n("div",e({style:{color:"red",fontSize:"12px",padding:"8px"}},{children:K})):q?t(i,{children:[n(q,{height:m,width:p,defaultLanguage:J||f,defaultValue:x,theme:y?"vs-dark":"vs-light",onMount:Y,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("style",{children:[U,".myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }"]})]}):n("div",e({style:{padding:"8px",color:"#666"}},{children:"Loading code editor..."}))};export{g as DiagnosticSeverity,v as default};
 //# sourceMappingURL=CodeEditor.js.map

package/dist/features/PromptCitation/_components/CodeEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CodeEditor.js","sources":["../../../../src/features/PromptCitation/_components/CodeEditor.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useEffect, useState } from \"react\";\nimport { IDiagnostic, IDiagnosticStylesBySeverity } from \"../../../types/CodeCitationTypes\";\nimport { cssPropertiesToString, generateClassName, getClassNameFromDiagnostic } from \"../../../utils/codeCitations.utils\";\n\n\nexport enum DiagnosticSeverity { Error = 0, Warning = 1, Information = 2, Hint = 3 }\n\ninterface CodeEditorProps {\n startIndex: number;\n endIndex: number;\n language: string;\n editorHeight: number \| string;\n editorWidth?: number \| string;\n code: string;\n isHighlightingEnabled: boolean;\n isDarkModeEnabled?: boolean;\n openHighlightedCodeDetails?: any;\n highlightCodeStatsLine?: any;\n setHighlightCodeStatsLine?: any;\n highlightCodeStatsVariable: any;\n setHighlightCodeStatsVariable: any;\n setHighlightIndexes?: any;\n isExpanded: boolean;\n highlightIndexes: any;\n diagnostics?: IDiagnostic[];\n diagnosticStylesBySeverity?: IDiagnosticStylesBySeverity;\n}\n\nconst CodeEditor = ({\n startIndex,\n endIndex,\n language,\n editorHeight,\n editorWidth,\n code,\n isHighlightingEnabled,\n isDarkModeEnabled,\n openHighlightedCodeDetails,\n highlightCodeStatsLine,\n setHighlightCodeStatsLine,\n highlightCodeStatsVariable,\n setHighlightCodeStatsVariable,\n setHighlightIndexes,\n isExpanded,\n highlightIndexes,\n diagnostics,\n diagnosticStylesBySeverity,\n}: CodeEditorProps) => {\n\n const editorRef = useRef<any>(null);\n const codeHighlightDecorationsRef = useRef<string[]>([]);\n const highlightDecorationsRef = useRef<string[]>([]);\n const highlightVariablesRef = useRef<any>([]);\n const highlightRangesDecorationsRef = useRef<string[]>([]);\n\n const lineStartIndex = useMemo(() => startIndex, [startIndex]);\n const lineEndIndex = useMemo(() => endIndex, [endIndex]);\n\n const [highlightRange, setHighlightRange] = useState<{ start: number; end: number } \| null>(null);\n const [monacoInstance, setMonacoInstance] = useState<any>(null);\n\n // ✅ State for dynamically loaded modules\n const [EditorComponent, setEditorComponent] = useState<React.ComponentType<any> \| null>(null);\n const [detectedLang, setDetectedLang] = useState<string \| undefined>(undefined);\n const [modulesLoadError, setModulesLoadError] = useState<string \| null>(null);\n\n // ✅ Step 1: Dynamically load @monaco-editor/react and highlight.js\n useEffect(() => {\n Promise.all([\n import(\"@monaco-editor/react\"),\n import(\"highlight.js/lib/core\"),\n ])\n .then(([monacoMod, hljsMod]) => {\n // ✅ Store Editor component\n setEditorComponent(() => monacoMod.default);\n\n // ✅ Run hljs detection once after loading\n // This replaces the top-level: const detectedLang = hljs.highlightAuto(code).language\n const detected = hljsMod.default.highlightAuto(code).language;\n setDetectedLang(detected);\n })\n .catch(() => {\n setModulesLoadError(\n \"Code editor dependencies not installed. Run: npm install @monaco-editor/react highlight.js\"\n );\n });\n }, [code]); // re-run if code changes — hljs needs to re-detect language\n\n const diagnosticStylesMemo = useMemo(\n () =>\n diagnosticStylesBySeverity &&\n typeof diagnosticStylesBySeverity === \"object\" &&\n Object.entries(diagnosticStylesBySeverity)\n .map(([severity, styles]) => {\n const cssChunks: string[] = [];\n if (styles.style) {\n cssChunks.push(\n `.${generateClassName(styles.style, +severity, true)} {\\n${cssPropertiesToString(styles.style)}\\n}`\n );\n }\n if (styles.lightModeStyle) {\n cssChunks.push(\n `.${generateClassName(styles.lightModeStyle, +severity, false)} {\\n${cssPropertiesToString(styles.lightModeStyle)}\\n}`\n );\n }\n return cssChunks.join(\"\\n\");\n })\n .join(\"\\n\"),\n [diagnosticStylesBySeverity]\n );\n\n useEffect(() => {\n return () => {\n if ((editorRef.current as any)?._resizeObserver) {\n (editorRef.current as any)._resizeObserver.disconnect();\n }\n };\n }, []);\n\n useEffect(() => {\n if (isHighlightingEnabled && highlightRange && editorRef.current && monacoInstance) {\n const { start, end } = highlightRange;\n scrollToHighlightedRange(\n editorRef.current, start, end,\n highlightCodeStatsLine, highlightCodeStatsVariable\n );\n if (startIndex === -1 && diagnostics && diagnostics.length > 0) {\n const { lineStart, lineEnd } = diagnostics[0].range;\n scrollToHighlightedRange(\n editorRef.current, lineStart, lineEnd,\n highlightCodeStatsLine, highlightCodeStatsVariable\n );\n }\n }\n }, [highlightRange, monacoInstance, isHighlightingEnabled, highlightCodeStatsLine, highlightCodeStatsVariable]);\n\n useEffect(() => {\n if (monacoInstance && editorRef.current && isHighlightingEnabled) {\n const editor: any = editorRef.current;\n\n if (\n highlightIndexes &&\n Object.keys(highlightIndexes)?.length > 0 &&\n highlightIndexes?.startIndex !== -1 &&\n highlightIndexes?.endIndex !== -1\n ) {\n const decorationIds = editor.deltaDecorations(\n codeHighlightDecorationsRef.current,\n [{\n range: new monacoInstance.Range(\n highlightIndexes.startIndex, 1,\n highlightIndexes.endIndex, 1\n ),\n options: { isWholeLine: true, className: \"myLineHighlight\" },\n }]\n );\n codeHighlightDecorationsRef.current = decorationIds;\n }\n\n if (\n highlightCodeStatsLine &&\n Object.keys(highlightCodeStatsLine)?.length > 0 &&\n highlightCodeStatsLine?.startIndex !== -1 &&\n highlightCodeStatsLine?.endIndex !== -1 &&\n highlightCodeStatsLine?.name\n ) {\n const decorationIds = editor.deltaDecorations(\n codeHighlightDecorationsRef.current,\n [{\n range: new monacoInstance.Range(\n highlightCodeStatsLine.startIndex, 1,\n highlightCodeStatsLine.endIndex, 1\n ),\n options: { isWholeLine: true, className: \"myLineHighlight\" },\n }]\n );\n codeHighlightDecorationsRef.current = decorationIds;\n }\n\n if (\n highlightCodeStatsVariable &&\n Object.keys(highlightCodeStatsVariable)?.length > 0 &&\n highlightCodeStatsVariable?.startIndex !== -1 &&\n highlightCodeStatsVariable?.endIndex !== -1 &&\n highlightCodeStatsLine?.name\n ) {\n const decorationIds = editor.deltaDecorations(\n highlightVariablesRef.current,\n [{\n range: new monacoInstance.Range(\n highlightCodeStatsVariable.startIndex, 1,\n highlightCodeStatsVariable.endIndex, 1\n ),\n options: { isWholeLine: true, className: \"myLineHighlight\" },\n }]\n );\n highlightVariablesRef.current = decorationIds;\n }\n }\n }, [\n startIndex, endIndex, isHighlightingEnabled, monacoInstance,\n highlightCodeStatsLine, JSON.stringify(highlightCodeStatsVariable),\n ]);\n\n useEffect(() => {\n if (!monacoInstance \|\| !editorRef.current \|\| !diagnostics?.length \|\| !diagnosticStylesBySeverity) return;\n\n const editor: any = editorRef.current;\n const newDecorations = diagnostics.map((diag) => {\n const className = getClassNameFromDiagnostic(\n diag.severity, isDarkModeEnabled ?? true, diagnosticStylesBySeverity\n );\n return {\n range: new monacoInstance.Range(\n diag.range.lineStart, diag.range.columnStart ?? 1,\n diag.range.lineEnd, diag.range.columnEnd ?? 1\n ),\n options: {\n className,\n isWholeLine: diag.range.columnStart === undefined,\n },\n };\n });\n\n highlightRangesDecorationsRef.current = editor.deltaDecorations(\n highlightRangesDecorationsRef.current,\n newDecorations\n );\n }, [diagnostics, diagnosticStylesBySeverity, monacoInstance, isDarkModeEnabled]);\n\n const scrollToHighlightedRange = useCallback(\n (\n editor: any, startLine: number, endLine: number,\n highlightCodeStatsLine?: any, highlightCodeStatsVariable?: any\n ) => {\n if (!monacoInstance \|\| !editor \|\| !isHighlightingEnabled) return;\n\n const model = editor.getModel();\n if (!model) return;\n\n startLine = Math.max(-1, startLine);\n endLine = Math.min(endLine, model.getLineCount());\n if (endLine < startLine) endLine = startLine;\n\n requestAnimationFrame(() => {\n editor.revealRangeInCenterIfOutsideViewport(\n new monacoInstance.Range(startLine, 1, endLine, 1),\n monacoInstance.editor.ScrollType.Smooth\n );\n editor.setSelection(\n new monacoInstance.Range(startLine, 1, endLine + 1, 1)\n );\n });\n\n if (\n highlightCodeStatsLine &&\n highlightCodeStatsLine?.startIndex !== -1 &&\n highlightCodeStatsLine?.endIndex !== -1\n ) {\n requestAnimationFrame(() => {\n editor.revealRangeInCenterIfOutsideViewport(\n new monacoInstance.Range(\n highlightCodeStatsLine.startIndex, 1,\n highlightCodeStatsLine.endIndex, 1\n ),\n monacoInstance.editor.ScrollType.Smooth\n );\n editor.setSelection(\n new monacoInstance.Range(\n highlightCodeStatsLine.startIndex, 1,\n highlightCodeStatsLine.endIndex + 1, 1\n )\n );\n });\n }\n\n if (Object.keys(highlightCodeStatsVariable)?.length === 0) {\n editor.getContribution(\"editor.contrib.findController\")\n .getState().change({ isRevealed: false }, false);\n }\n\n if (Object.keys(highlightCodeStatsVariable)?.length > 0) {\n requestAnimationFrame(() => {\n editor.revealRangeInCenterIfOutsideViewport(\n new monacoInstance.Range(\n highlightCodeStatsVariable.startIndex, 1,\n highlightCodeStatsVariable.endIndex, 1\n ),\n monacoInstance.editor.ScrollType.Smooth\n );\n editor.setSelection(\n new monacoInstance.Range(\n highlightCodeStatsVariable.startIndex, 1,\n highlightCodeStatsVariable.endIndex + 1, 1\n )\n );\n });\n editor.trigger(\"keyboard\", \"actions.find\");\n editor.getAction(\"actions.find\").run();\n editor.getContribution(\"editor.contrib.findController\")\n .getState().change({\n searchString: highlightCodeStatsVariable?.variableName \|\| \"\",\n isRevealed: true,\n }, false);\n }\n },\n [\n monacoInstance, isHighlightingEnabled, startIndex, endIndex,\n highlightCodeStatsLine?.startIndex, highlightCodeStatsLine?.endIndex,\n highlightCodeStatsVariable,\n ]\n );\n\n useEffect(() => {\n if (!editorRef.current \|\| !monacoInstance \|\| !isHighlightingEnabled) return;\n const editor: any = editorRef.current;\n const disposable = editor.onDidLayoutChange(() => {\n scrollToHighlightedRange(\n editor, startIndex, endIndex,\n highlightCodeStatsLine, highlightCodeStatsVariable\n );\n if (startIndex === -1 && diagnostics && diagnostics.length > 0) {\n const { lineStart, lineEnd } = diagnostics[0].range;\n scrollToHighlightedRange(\n editor, lineStart, lineEnd,\n highlightCodeStatsLine, highlightCodeStatsVariable\n );\n }\n });\n return () => disposable.dispose();\n }, [\n scrollToHighlightedRange, startIndex, endIndex,\n isHighlightingEnabled, highlightCodeStatsLine?.startIndex,\n highlightCodeStatsLine?.endIndex, highlightCodeStatsVariable, isExpanded,\n ]);\n\n const handleEditorDidMount = useCallback(\n (editor: any, monaco: any) => {\n scrollToHighlightedRange(editor, lineStartIndex, lineEndIndex);\n editorRef.current = editor;\n setMonacoInstance(monaco);\n setHighlightRange({ start: lineStartIndex, end: lineEndIndex });\n\n const container = editor.getContainerDomNode();\n const resizeObserver = new ResizeObserver(() => { editor.layout(); });\n resizeObserver.observe(container);\n (editorRef.current as any)._resizeObserver = resizeObserver;\n\n if (isHighlightingEnabled) {\n const editorDom = editor.getDomNode();\n const overlay = document.createElement(\"div\");\n editorDom?.appendChild(overlay);\n\n const updatePosition = () => {\n const top = editor.getTopForLineNumber(lineStartIndex) - editor.getScrollTop();\n overlay.style.top = `${top}px`;\n };\n\n editor.onDidScrollChange(updatePosition);\n updatePosition();\n }\n },\n [startIndex, endIndex, isHighlightingEnabled, openHighlightedCodeDetails]\n );\n\n const handleBeforeMount = (monaco: any) => {\n monaco.languages.typescript.javascriptDefaults.setDiagnosticsOptions({\n noSemanticValidation: true,\n noSyntaxValidation: true,\n });\n };\n\n // ✅ Show error if modules failed to load\n if (modulesLoadError) {\n return (\n <div style={{ color: \"red\", fontSize: \"12px\", padding: \"8px\" }}>\n {modulesLoadError}\n </div>\n );\n }\n\n // ✅ Show loading state while modules are being fetched\n if (!EditorComponent) {\n return (\n <div style={{ padding: \"8px\", color: \"#666\" }}>\n Loading code editor...\n </div>\n );\n }\n\n return (\n <>\n <EditorComponent\n height={editorHeight}\n width={editorWidth}\n defaultLanguage={detectedLang \|\| language}\n defaultValue={code}\n theme={isDarkModeEnabled ? \"vs-dark\" : \"vs-light\"}\n onMount={handleEditorDidMount}\n beforeMount={handleBeforeMount}\n options={{\n minimap: { enabled: false },\n overviewRulerLanes: 3,\n fontFamily: \"Plus Jakarta Sans, sans-serif\",\n scrollBeyondLastLine: false,\n readOnly: true,\n smoothScrolling: true,\n automaticLayout: true,\n lineDecorationsWidth: 10,\n padding: { top: 20, bottom: 20 },\n }}\n />\n <style>\n {diagnosticStylesMemo}\n {`.myLineHighlight { background-color: rgba(0, 122, 204, 0.3); }`}\n </style>\n </>\n );\n};\n\nexport default CodeEditor;"],"names":["CodeEditor","startIndex","endIndex","language","editorHeight","editorWidth","code","isHighlightingEnabled","isDarkModeEnabled","openHighlightedCodeDetails","highlightCodeStatsLine","setHighlightCodeStatsLine","highlightCodeStatsVariable","setHighlightCodeStatsVariable","setHighlightIndexes","isExpanded","highlightIndexes","diagnostics","diagnosticStylesBySeverity","editorRef","useRef","codeHighlightDecorationsRef","highlightVariablesRef","highlightRangesDecorationsRef","lineStartIndex","useMemo","lineEndIndex","highlightRange","setHighlightRange","useState","monacoInstance","setMonacoInstance","EditorComponent","setEditorComponent","detectedLang","setDetectedLang","modulesLoadError","setModulesLoadError","useEffect","Promise","all","then","monacoMod","hljsMod","default","detected","highlightAuto","catch","diagnosticStylesMemo","Object","entries","map","severity","styles","cssChunks","style","push","generateClassName","cssPropertiesToString","lightModeStyle","join","current","_resizeObserver","disconnect","start","end","scrollToHighlightedRange","length","lineStart","lineEnd","range","editor","keys","decorationIds","deltaDecorations","Range","options","isWholeLine","className","name","JSON","stringify","newDecorations","diag","getClassNameFromDiagnostic","columnStart","columnEnd","useCallback","startLine","endLine","model","getModel","Math","max","min","getLineCount","requestAnimationFrame","revealRangeInCenterIfOutsideViewport","ScrollType","Smooth","setSelection","getContribution","getState","change","isRevealed","trigger","getAction","run","searchString","variableName","disposable","onDidLayoutChange","dispose","handleEditorDidMount","monaco","container","getContainerDomNode","resizeObserver","ResizeObserver","layout","observe","editorDom","getDomNode","overlay","document","createElement","appendChild","updatePosition","top","getTopForLineNumber","getScrollTop","onDidScrollChange","jsx","color","fontSize","padding","children","jsxs","Fragment","height","width","defaultLanguage","defaultValue","theme","onMount","beforeMount","languages","typescript","javascriptDefaults","setDiagnosticsOptions","noSemanticValidation","noSyntaxValidation","minimap","enabled","overviewRulerLanes","fontFamily","scrollBeyondLastLine","readOnly","smoothScrolling","automaticLayout","lineDecorationsWidth","bottom"],"mappings":"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"}
1	+ {"version":3,"file":"CodeEditor.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}