npm - @viswa-test/test-citation - Versions diffs - 0.0.390 → 0.0.394 - Mend

@viswa-test/test-citation 0.0.390 → 0.0.394

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 (4352) hide show

package/dist/features/SPBAnalysisPanel/Spbanalysispanel.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Spbanalysispanel.js","sources":["../../../src/features/SPBAnalysisPanel/Spbanalysispanel.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport {\n Box, Typography, Accordion, AccordionSummary, AccordionDetails,\n Skeleton, Tooltip, Chip, IconButton, Switch, Dialog,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport NearMeOutlinedIcon from \"@mui/icons-material/NearMeOutlined\";\nimport ChevronLeftIcon from \"@mui/icons-material/ChevronLeft\";\nimport ChevronRightIcon from \"@mui/icons-material/ChevronRight\";\nimport DependencyGraph from \"./DependencyGraph\";\nimport MarkdownRenderer from \"./Markdownrenderer\";\nimport InternalEditor from \"./Internaleditor\";\nimport type { CognitiveReasoningPanelStyles } from \"./Cognitivereasoningpanel\";\n\n// ─── Types ───────────────────────────────────────────────────────────────────\n// These replace the app's SystemPromptTemplateGeneratorModeContextProviderForPromptBlocks\n// types (APBDefinition, FPBBlock, IOverviewSummaryForSPB, SPBAdditionalInfo). The library\n// owns its own shape; consumer maps their context data onto these props.\n\nexport interface SPBApbReference {\n apb_name: string;\n description?: string;\n context?: string;\n}\n\nexport interface SPBFunctionalityItem {\n name?: string;\n section_name?: string;\n description?: string;\n reason_for_inclusion?: string;\n apb_references: (string \| SPBApbReference)[];\n}\n\nexport interface SPBOverviewSummary {\n overallSummary: string;\n detailedSummary?: string;\n extraMetaData?: Record<string, any> \| null;\n}\n\nexport interface SPBAdditionalInfo {\n when_to_apply?: string;\n when_not_to_apply?: string;\n constraints_and_rules?: string;\n input_analysis?: string;\n output_analysis?: string;\n dependency_graph?: any; // shape expected by DependencyGraph's `data` prop\n}\n\nexport interface SPBAnalysisPanelStyles {\n /** Root container style overrides /\n root?: React.CSSProperties \| any;\n /* Header top bar style overrides /\n header?: React.CSSProperties \| any;\n /* Header title typography style overrides /\n headerTitle?: React.CSSProperties \| any;\n /* Header subtitle typography style overrides /\n headerSubtitle?: React.CSSProperties \| any;\n /* Left panel container style overrides /\n leftPanel?: React.CSSProperties \| any;\n /* Overview outer container style overrides /\n overviewSection?: React.CSSProperties \| any;\n /* Overview header title style overrides /\n overviewTitle?: React.CSSProperties \| any;\n /* Overview content box style overrides /\n overviewContent?: React.CSSProperties \| any;\n /* Functionality section main accordion style overrides /\n functionalitySection?: React.CSSProperties \| any;\n /* Functionality section title style overrides /\n functionalityTitle?: React.CSSProperties \| any;\n /* Individual functionality item accordion style overrides /\n functionalityItem?: React.CSSProperties \| any;\n /* Applicability section accordion style overrides /\n applicabilitySection?: React.CSSProperties \| any;\n /* Applicability section title style overrides /\n applicabilityTitle?: React.CSSProperties \| any;\n /* Specifications section accordion style overrides /\n specificationsSection?: React.CSSProperties \| any;\n /* Specifications section title style overrides /\n specificationsTitle?: React.CSSProperties \| any;\n /* Dependency graph section accordion style overrides /\n dependencyGraphSection?: React.CSSProperties \| any;\n /* Dependency graph title style overrides /\n dependencyGraphTitle?: React.CSSProperties \| any;\n /* Dependency graph component style overrides /\n dependencyGraph?: React.CSSProperties \| any;\n /* Right-side persistent code panel container style overrides /\n codePanel?: React.CSSProperties \| any;\n /* Code panel header bar style overrides /\n codePanelHeader?: React.CSSProperties \| any;\n /* Code panel title style overrides /\n codePanelTitle?: React.CSSProperties \| any;\n /* Monaco internal editor container style overrides /\n editorContainer?: React.CSSProperties \| any;\n /* Vertical collapse strip style overrides /\n collapseStrip?: React.CSSProperties \| any;\n /* Drag handle pill style overrides /\n dragHandle?: React.CSSProperties \| any;\n /* Fullscreen modal paper style overrides /\n fullscreenModal?: React.CSSProperties \| any;\n /* Markdown renderer custom style overrides /\n markdownRenderer?: React.CSSProperties \| any;\n /* Cognitive decisioning popup style overrides /\n cognitiveDecisioning?: CognitiveReasoningPanelStyles;\n /* Theme mode flag inside styles object if passed /\n isDarkMode?: boolean;\n}\n\nexport interface SPBAnalysisPanelProps {\n /* Full text of the system prompt this SPB analysis is derived from — used for the persistent/fullscreen preview editor /\n promptContent: string;\n promptTitle?: string;\n isLoading?: boolean;\n\n overviewSummary?: SPBOverviewSummary \| null;\n functionalityOfSPB?: SPBFunctionalityItem[];\n spbAdditionalInfo?: SPBAdditionalInfo \| null;\n lastAnalyzedAt?: string;\n\n /* Shared citation/reasoning map keyed by the id referenced in data-cognitive-reasoning anchors across ALL sections (overview, functionality, applicability, specifications, APB references) /\n extraMetaData?: Record<string, any> \| null;\n\n /* Show the persistent right-side code editor panel. Defaults to true. /\n showCodePanel?: boolean;\n\n /* Show the inline Monaco editor that expands beneath a clicked APB reference, highlighting that section. Defaults to true. /\n showInlineApbEditor?: boolean;\n\n /* When true, APB reference items are display-only: no click handler and no NearMe icon. /\n disableApbNavigation?: boolean;\n\n /* Show the vertical collapse strip and drag handle pill. Defaults to true. /\n showCollapseStrip?: boolean;\n\n /* Show the Fullscreen button in the code panel header. Defaults to true. /\n showFullscreenButton?: boolean;\n\n /* Allow and show the Fullscreen preview modal (Dialog). Defaults to true. /\n showFullscreenModal?: boolean;\n\n /* Show the dark/light theme toggle switch in code panels. Defaults to true. /\n showThemeToggle?: boolean;\n\n /* Single customizable styles object containing section-specific style overrides for all components down to the core /\n styles?: SPBAnalysisPanelStyles;\n\n /* Whether dark mode theme is active. Defaults to true. (Can also be set inside `styles.isDarkMode`). /\n isDarkMode?: boolean;\n\n /* Optional custom CSS class name for the root container /\n className?: string;\n /* Optional custom inline style object for the root container /\n style?: React.CSSProperties;\n /* Optional MUI sx prop overrides for the root container /\n sx?: any;\n}\n\n// ─── OverviewText ──────────────────────────────────────────────────────────\n\n// Strips the invisible <ai_reasoning> comment block and any HTML/markdown\n// tags, then truncates on a word boundary. Used only for the collapsed\n// preview so it never contains a CD anchor/icon that could get clipped\n// mid-element by a fixed-height container.\nconst buildPlainPreview = (raw: string, maxChars = 220): { preview: string; truncated: boolean } => {\n const withoutReasoningBlock = raw.replace(/<!--\\s<ai_reasoning>[\\s\\S]?<\\/ai_reasoning>\\s-->/g, \"\");\n const plainText = withoutReasoningBlock\n .replace(/<[^>]+>/g, \"\") // strip any HTML tags (anchors, etc.)\n .replace(/\\s+/g, \" \")\n .trim();\n\n if (plainText.length <= maxChars) {\n return { preview: plainText, truncated: false };\n }\n\n const cut = plainText.slice(0, maxChars);\n const lastSpace = cut.lastIndexOf(\" \");\n const preview = (lastSpace > 0 ? cut.slice(0, lastSpace) : cut).trim();\n return { preview, truncated: true };\n};\n\nconst OverviewText = ({\n text,\n detailedSummary,\n extraMetaData,\n isDarkMode = false,\n markdownRendererStyle,\n cognitiveDecisioningStyles,\n}: {\n text: string;\n detailedSummary?: string;\n extraMetaData?: Record<string, any> \| null;\n isDarkMode?: boolean;\n markdownRendererStyle?: React.CSSProperties \| any;\n cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles;\n}) => {\n const [expanded, setExpanded] = useState(false);\n const { preview, truncated } = buildPlainPreview(text);\n\n return (\n <Box>\n {!expanded ? (\n <Box sx={{ display: \"flex\", flexDirection: \"column\" }}>\n <Typography sx={{ fontSize: \"0.8rem\", color: isDarkMode ? \"#cbd5e1\" : \"#4B5563\", lineHeight: 1.6 }}>\n {preview}\n {truncated && \"…\"}\n </Typography>\n {(truncated \|\| detailedSummary?.trim()) && (\n <Box sx={{ display: \"flex\", justifyContent: \"flex-end\" }}>\n <Typography component=\"span\" onClick={() => setExpanded(true)} sx={{ fontSize: \"0.72rem\", color: isDarkMode ? \"#a78bfa\" : \"#5928ed\", fontWeight: 600, cursor: \"pointer\" }}>\n ...view more\n </Typography>\n </Box>\n )}\n </Box>\n ) : (\n <Box>\n <MarkdownRenderer message={text} fontSize=\"0.8rem\" extraMetaData={extraMetaData} isDarkMode={isDarkMode} cognitiveDecisioningStyles={cognitiveDecisioningStyles} style={markdownRendererStyle} />\n {detailedSummary?.trim() && <MarkdownRenderer message={detailedSummary} fontSize=\"0.8rem\" extraMetaData={extraMetaData} isDarkMode={isDarkMode} cognitiveDecisioningStyles={cognitiveDecisioningStyles} style={markdownRendererStyle} />}\n <Typography component=\"span\" onClick={() => setExpanded(false)} sx={{ fontSize: \"0.72rem\", color: isDarkMode ? \"#a78bfa\" : \"#5928ed\", fontWeight: 600, cursor: \"pointer\" }}>\n view less\n </Typography>\n </Box>\n )}\n </Box>\n );\n};\n\n// ─── APBRefDescription ───────────────────────────────────────────────────────\n\nconst APBRefDescription = ({ text, extraMetaData, cognitiveDecisioningStyles }: { text: string; extraMetaData?: Record<string, any> \| null; cognitiveDecisioningStyles?: CognitiveReasoningPanelStyles }) => {\n const [expanded, setExpanded] = useState(false);\n const [isOverflowing, setIsOverflowing] = useState(false);\n const textRef = useRef<HTMLSpanElement>(null);\n\n useEffect(() => {\n const el = textRef.current;\n if (!el) return;\n setIsOverflowing(el.scrollWidth > el.clientWidth);\n }, [text]);\n\n return (\n <Box sx={{ pl: 1 }}>\n {expanded ? (\n <Box sx={{ fontSize: \"0.68rem\", color: \"#9CA3AF\", lineHeight: 1.4 }}>\n <MarkdownRenderer message={text} fontSize=\"0.68rem\" extraMetaData={extraMetaData} cognitiveDecisioningStyles={cognitiveDecisioningStyles} />\n <Typography component=\"span\" onClick={() => setExpanded(false)} sx={{ fontSize: \"0.65rem\", color: \"#5928ed\", cursor: \"pointer\", fontWeight: 600 }}>\n view less\n </Typography>\n </Box>\n ) : (\n <Box sx={{ display: \"flex\", alignItems: \"baseline\", gap: 0.5 }}>\n <Typography ref={textRef} sx={{ fontSize: \"0.68rem\", color: \"#9CA3AF\", lineHeight: 1.4, overflow: \"hidden\", whiteSpace: \"nowrap\", textOverflow: \"ellipsis\", flex: 1, minWidth: 0 }}>\n {text}\n </Typography>\n {isOverflowing && (\n <Typography component=\"span\" onClick={() => setExpanded(true)} sx={{ fontSize: \"0.65rem\", color: \"#5928ed\", cursor: \"pointer\", fontWeight: 600, flexShrink: 0 }}>\n view more\n </Typography>\n )}\n </Box>\n )}\n </Box>\n );\n};\n\n// ─── Main ────────────────────────────────────────────────────────────────────\n\nconst SPBAnalysisPanel = ({\n promptContent,\n promptTitle,\n isLoading = false,\n overviewSummary,\n functionalityOfSPB = [],\n spbAdditionalInfo,\n lastAnalyzedAt: lastAnalyzedAtProp,\n extraMetaData,\n showCodePanel = true,\n showInlineApbEditor = true,\n disableApbNavigation = false,\n showCollapseStrip = true,\n showFullscreenButton = true,\n showFullscreenModal = true,\n showThemeToggle = true,\n isDarkMode: isDarkModeProp = true,\n styles,\n className,\n style,\n sx,\n}: SPBAnalysisPanelProps) => {\n const [lastSyncedAt, setLastSyncedAt] = useState<string \| null>(null);\n const [expandedApbRef, setExpandedApbRef] = useState<string \| null>(null);\n const [selectedTag, setSelectedTag] = useState<string>(\"\");\n const effectiveIsDarkMode = styles?.isDarkMode !== undefined ? styles.isDarkMode : isDarkModeProp;\n const [isDarkMode, setIsDarkMode] = useState(effectiveIsDarkMode);\n const [apbPopup, setApbPopup] = useState<{ ref: string; description: string } \| null>(null);\n\n useEffect(() => {\n if (styles?.isDarkMode !== undefined) {\n setIsDarkMode(styles.isDarkMode);\n }\n }, [styles?.isDarkMode]);\n\n // ─── Drag-to-resize left panel, mirrors FPB Promptemon's behavior ───────\n const [isLeftPanelCollapsed, setIsLeftPanelCollapsed] = useState(false);\n const [leftPanelWidth, setLeftPanelWidth] = useState(480);\n const isDraggingRef = useRef(false);\n const bodyRef = useRef<HTMLDivElement>(null);\n\n const handleDragStart = (e: React.MouseEvent) => {\n e.preventDefault();\n isDraggingRef.current = true;\n const onMouseMove = (e: MouseEvent) => {\n if (!isDraggingRef.current \|\| !bodyRef.current) return;\n const bodyRect = bodyRef.current.getBoundingClientRect();\n const bodyLeft = bodyRect.left;\n const bodyWidth = bodyRect.width;\n const newWidth = e.clientX - bodyLeft;\n if (newWidth < 200) {\n setIsLeftPanelCollapsed(true);\n isDraggingRef.current = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n return;\n }\n const maxLeftPanelWidth = bodyWidth * 0.7;\n if (newWidth > maxLeftPanelWidth) return;\n setIsLeftPanelCollapsed(false);\n setLeftPanelWidth(newWidth);\n };\n const onMouseUp = () => {\n isDraggingRef.current = false;\n document.removeEventListener(\"mousemove\", onMouseMove);\n document.removeEventListener(\"mouseup\", onMouseUp);\n };\n document.addEventListener(\"mousemove\", onMouseMove);\n document.addEventListener(\"mouseup\", onMouseUp);\n };\n\n const handleApbRefClick = (refName: string) => {\n if (expandedApbRef === refName) {\n setExpandedApbRef(null);\n setSelectedTag(\"\");\n } else {\n setExpandedApbRef(refName);\n setSelectedTag(\"\");\n setTimeout(() => setSelectedTag(refName), 50);\n }\n };\n\n const formatSyncTime = (date: Date) => {\n const time = date.toLocaleTimeString(\"en-IN\", { hour: \"numeric\", minute: \"2-digit\", second: \"2-digit\", hour12: true });\n const day = date.toLocaleDateString(\"en-IN\", { day: \"numeric\", month: \"short\", year: \"numeric\" });\n return `${time \|\| \"\"} \| ${day \|\| \"\"}`;\n };\n\n useEffect(() => {\n if (lastAnalyzedAtProp) {\n setLastSyncedAt(lastAnalyzedAtProp);\n } else if (functionalityOfSPB.length > 0) {\n setLastSyncedAt(formatSyncTime(new Date()));\n }\n }, [functionalityOfSPB, lastAnalyzedAtProp]);\n\n useEffect(() => {\n if (isLoading) setLastSyncedAt(null);\n }, [isLoading]);\n\n useEffect(() => {\n if (apbPopup) {\n setSelectedTag(\"\");\n setTimeout(() => setSelectedTag(apbPopup.ref), 500);\n }\n }, [apbPopup]);\n\n const copyToClipboard = (text: string) => navigator.clipboard.writeText(text);\n\n const extractSnCode = (content: string): { text: string; code: string } => {\n const codeBlocks: string[] = [];\n const text = content.replace(/<code>([\\s\\S]?)<\\/code>/g, (_, code) => {\n codeBlocks.push(code.trim());\n return \"\";\n }).trim();\n return { text, code: codeBlocks.join(\"\\n\\n\") };\n };\n\n return (\n <Box\n className={className}\n style={{ ...styles?.root, ...style }}\n sx={{\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\",\n width: \"100%\",\n minHeight: 0,\n overflow: \"hidden\",\n ...sx,\n }}\n >\n {/ Header /}\n <Box sx={{ px: 2.5, py: 1.5, borderBottom: \"1px solid #e5e7eb\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", bgcolor: \"#fff\", flexShrink: 0, ...styles?.header }}>\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.25 }}>\n <Typography sx={{ fontWeight: 700, fontSize: \"0.9rem\", color: \"#111827\", ...styles?.headerTitle }}>{promptTitle \|\| \"SPB Analysis\"}</Typography>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\", ...styles?.headerSubtitle }}>{lastSyncedAt ? `Last Analyzed at ${lastSyncedAt}` : \"\"}</Typography>\n </Box>\n </Box>\n\n {/ Body — two columns: left analysis accordions (scrollable), right persistent editor (optional, draggable width) /}\n <Box ref={bodyRef} sx={{ display: \"flex\", flex: 1, minHeight: 0, overflow: \"hidden\", position: \"relative\" }}>\n <Box sx={{ width: showCodePanel ? (isLeftPanelCollapsed && showCollapseStrip ? 0 : leftPanelWidth) : \"100%\", flexShrink: 0, minHeight: 0, overflow: \"hidden\", transition: isDraggingRef.current ? \"none\" : \"width 0.15s\", borderRight: showCodePanel && (!isLeftPanelCollapsed \|\| !showCollapseStrip) ? \"1px solid #e5e7eb\" : \"none\", ...styles?.leftPanel }}>\n <Box sx={{ width: \"100%\", height: \"100%\", minHeight: 0, overflowY: \"auto\", display: \"flex\", flexDirection: \"column\", gap: 1, px: 1.25, py: 1.25, pb: 2 }}>\n\n {/ Overview /}\n <Box sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px\", bgcolor: \"#F8FAFC\", p: 1.5, ...styles?.overviewSection }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", mb: 1, ...styles?.overviewTitle }}>Overview</Typography>\n <Box sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.5, ...styles?.overviewContent }}>\n {overviewSummary?.overallSummary?.trim() ? (\n <OverviewText text={overviewSummary.overallSummary} detailedSummary={overviewSummary.detailedSummary} extraMetaData={extraMetaData} isDarkMode={isDarkMode} markdownRendererStyle={styles?.markdownRenderer} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />\n ) : (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n <Skeleton variant=\"text\" width=\"95%\" height={14} />\n </Box>\n )}\n </Box>\n </Box>\n\n {/ Functionality of SPB /}\n <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.functionalitySection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.functionalityTitle }}>Functionality of SPB</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\", display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n {functionalityOfSPB.length > 0 ? functionalityOfSPB.map((item, i) => (\n <Accordion key={i} disableGutters elevation={0} defaultExpanded={i === 0}\n sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, overflow: \"hidden\", ...styles?.functionalityItem }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: 38, \"& .MuiAccordionSummary-content\": { my: 0.5 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.8rem\", color: \"#111827\" }}>{i + 1}. {item.name \|\| item.section_name}</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, display: \"flex\", flexDirection: \"column\", gap: 0.75 }}>\n <MarkdownRenderer\n fontSize=\"0.74rem\"\n message={item.description \|\| item.reason_for_inclusion \|\| \"\"}\n extraMetaData={extraMetaData}\n cognitiveDecisioningStyles={styles?.cognitiveDecisioning}\n />\n <Typography sx={{ fontSize: \"0.72rem\", color: \"#9CA3AF\", fontWeight: 500, mt: 0.25 }}>APB References</Typography>\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.75 }}>\n {item.apb_references.map((ref, j) => {\n const refName = typeof ref === \"string\" ? ref : ref.apb_name;\n const isActiveTag = expandedApbRef === refName;\n return (\n <Box key={j} sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.15 }}>\n <Box onClick={disableApbNavigation ? undefined : () => handleApbRefClick(refName)} sx={{ display: \"flex\", alignItems: \"center\", gap: 0.25, cursor: disableApbNavigation ? \"default\" : \"pointer\" }}>\n <Typography sx={{ fontSize: \"0.78rem\", color: isActiveTag ? \"#5928ed\" : \"#DB2877\", fontWeight: 500 }}>{j + 1}. {refName}</Typography>\n {!disableApbNavigation && <NearMeOutlinedIcon sx={{ fontSize: \"0.75rem\", color: isActiveTag ? \"#5928ed\" : \"#DB2877\" }} />}\n </Box>\n {typeof ref !== \"string\" && (ref.description \|\| ref.context) && (\n <APBRefDescription text={ref.description \|\| ref.context \|\| \"\"} extraMetaData={extraMetaData} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />\n )}\n {showInlineApbEditor && isActiveTag && (\n <Box sx={{ mt: 1, height: 260, border: \"1px solid #e5e7eb\", borderRadius: \"8px\", overflow: \"hidden\" }}>\n <InternalEditor content={promptContent} selectedTag={selectedTag} isDarkMode={isDarkMode} height=\"100%\" fontSize={12} />\n </Box>\n )}\n </Box>\n );\n })}\n </Box>\n </AccordionDetails>\n </Accordion>\n )) : (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n {[1, 2, 3].map((i) => (\n <Box key={i} sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.5, display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"40%\" height={16} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n <Skeleton variant=\"text\" width=\"80%\" height={14} />\n <Skeleton variant=\"text\" width=\"30%\" height={14} />\n </Box>\n ))}\n </Box>\n )}\n </AccordionDetails>\n </Accordion>\n\n {/ Applicability /}\n <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.applicabilitySection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75, alignItems: \"center\", gap: 1 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.applicabilityTitle }}>Applicability</Typography>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\" }}>When to Apply this SPB / When Not Apply</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\" }}>\n <Box sx={{ display: \"flex\", gap: 1 }}>\n {([\n { label: \"When to apply\", content: spbAdditionalInfo?.when_to_apply },\n { label: \"When NOT to apply\", content: spbAdditionalInfo?.when_not_to_apply },\n ] as const).map(({ label, content }) => (\n <Box key={label} sx={{ flex: 1, bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"6px\", p: 1.25 }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.76rem\", color: \"#374151\", mb: 0.75 }}>{label}</Typography>\n {content ? (\n <MarkdownRenderer fontSize=\"0.8rem\" message={content} isDarkMode={isDarkMode} style={styles?.markdownRenderer} extraMetaData={extraMetaData} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />\n ) : isLoading ? (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"80%\" height={14} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n </Box>\n ) : (\n <Typography sx={{ fontSize: \"0.8rem\", color: \"#6B7280\", lineHeight: 1.5 }}>— Not yet available</Typography>\n )}\n </Box>\n ))}\n </Box>\n </AccordionDetails>\n </Accordion>\n\n {/ Specifications /}\n <Accordion disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\" }, bgcolor: \"#fff\", ...styles?.specificationsSection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75, alignItems: \"center\", gap: 1 } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.specificationsTitle }}>Specifications</Typography>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"#9CA3AF\" }}>Strict Rules / Input / Output</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.5, pb: 1.5, pt: 0, bgcolor: \"#F8FAFC\", display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n {[\n { label: \"Strict Rules\", tooltip: null, content: spbAdditionalInfo?.constraints_and_rules },\n { label: \"Input\", tooltip: \"Input specification for this SPB\", content: spbAdditionalInfo?.input_analysis },\n { label: \"Output\", tooltip: \"Output specification for this SPB\", content: spbAdditionalInfo?.output_analysis },\n ].map(({ label, tooltip, content }) => {\n const isOutput = label === \"Output\";\n const parsed = isOutput && content ? extractSnCode(content) : null;\n const markdownContent = parsed ? parsed.text : content;\n const codeContent = parsed ? parsed.code : \"\";\n\n return (\n <Accordion key={label} disableGutters elevation={0} defaultExpanded={label === \"Strict Rules\"}\n sx={{ bgcolor: \"#fff\", border: \"1px solid #E5E7EB\", borderRadius: \"6px !important\", \"&:before\": { display: \"none\" }, overflow: \"hidden\" }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\" }} />} sx={{ minHeight: 34, px: 1.25, \"& .MuiAccordionSummary-content\": { my: 0.4 } }}>\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.76rem\", color: \"#374151\" }}>{label}</Typography>\n {tooltip && (\n <Tooltip title={tooltip} placement=\"top\">\n <Box component=\"span\" sx={{ width: 13, height: 13, borderRadius: \"50%\", background: \"#E5E7EB\", display: \"inline-flex\", alignItems: \"center\", justifyContent: \"center\", fontSize: \"0.58rem\", color: \"#6B7280\", fontWeight: 700, cursor: \"default\", flexShrink: 0 }}>i</Box>\n </Tooltip>\n )}\n </Box>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 1.25, pb: 1.25, pt: 0 }}>\n {content ? (\n <>\n {markdownContent && <MarkdownRenderer fontSize=\"0.8rem\" message={markdownContent} isDarkMode={isDarkMode} style={styles?.markdownRenderer} extraMetaData={extraMetaData} cognitiveDecisioningStyles={styles?.cognitiveDecisioning} />}\n {isOutput && codeContent && (\n <Box sx={{ width: \"100%\", height: \"35vh\", mt: 1.5 }}>\n <Box sx={{ display: \"flex\", gap: 0.1, backgroundColor: \"black\", flexDirection: \"row\", alignItems: \"center\", justifyContent: \"space-between\", p: 1, borderTopLeftRadius: \"8px\", borderTopRightRadius: \"8px\" }}>\n <Typography sx={{ color: \"white\", fontWeight: 500, fontSize: \"0.8rem\" }}>Output preview</Typography>\n <Tooltip title=\"Copy Code to clipboard\">\n <IconButton size=\"small\" onClick={() => copyToClipboard(codeContent)}>\n <Typography sx={{ fontSize: \"0.7rem\", color: \"white\" }}>Copy</Typography>\n </IconButton>\n </Tooltip>\n </Box>\n <Box sx={{ mt: -1, height: \"calc(100% - 40px)\", borderBottomLeftRadius: \"8px\", borderBottomRightRadius: \"8px\", overflow: \"hidden\" }}>\n <InternalEditor content={codeContent} isDarkMode={isDarkMode} height=\"100%\" fontSize={10} />\n </Box>\n </Box>\n )}\n </>\n ) : isLoading ? (\n <Box sx={{ display: \"flex\", flexDirection: \"column\", gap: 0.5 }}>\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"90%\" height={14} />\n <Skeleton variant=\"text\" width=\"75%\" height={14} />\n </Box>\n ) : (\n <Typography sx={{ fontSize: \"0.74rem\", color: \"#6B7280\", lineHeight: 1.5 }}>— Not yet available</Typography>\n )}\n </AccordionDetails>\n </Accordion>\n );\n })}\n </AccordionDetails>\n </Accordion>\n\n {/ Dependency Graph /}\n <Accordion defaultExpanded disableGutters elevation={0} sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px !important\", \"&:before\": { display: \"none\" }, bgcolor: \"#fff\", ...styles?.dependencyGraphSection }}>\n <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: \"1rem\", color: \"#6B7280\" }} />} sx={{ px: 1.5, minHeight: \"unset\", \"& .MuiAccordionSummary-content\": { my: 0.75 }, \"&.Mui-expanded\": { bgcolor: \"#F8FAFC\", borderRadius: \"8px 8px 0 0\" } }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\", ...styles?.dependencyGraphTitle }}>Dependency Graph</Typography>\n </AccordionSummary>\n <AccordionDetails sx={{ px: 0, pb: 0, pt: 0 }}>\n {spbAdditionalInfo?.dependency_graph ? (\n <Box sx={{ bgcolor: \"#F8FAFC\", borderRadius: \"0 0 8px 8px\", p: 1.5, display: \"flex\", flexDirection: \"column\", gap: 1.5 }}>\n <Box sx={{ height: 500, borderRadius: \"8px\", overflow: \"hidden\" }}>\n <DependencyGraph data={spbAdditionalInfo.dependency_graph} isDarkMode={isDarkMode} style={styles?.dependencyGraph} />\n </Box>\n <Typography sx={{ fontSize: \"0.72rem\", color: \"#64748B\", lineHeight: 1.6 }}>\n This graph visualises how Atomic Prompt Blocks (APBs) depend on, influence, or exchange information with one another within the prompt architecture.\n </Typography>\n </Box>\n ) : (\n <Box sx={{ bgcolor: \"#fff\", borderRadius: \"0 0 8px 8px\", p: 1.5, display: \"flex\", flexDirection: \"column\", gap: 1 }}>\n <Skeleton variant=\"rectangular\" width=\"100%\" height={400} sx={{ borderRadius: \"8px\" }} />\n <Skeleton variant=\"text\" width=\"100%\" height={14} />\n <Skeleton variant=\"text\" width=\"80%\" height={14} />\n </Box>\n )}\n </AccordionDetails>\n </Accordion>\n </Box>\n </Box>\n\n {/ Collapse strip — click to toggle, matches FPB Promptemon's \"FPB Details\" strip /}\n {showCodePanel && showCollapseStrip && (\n <Box\n onClick={() => setIsLeftPanelCollapsed((p) => !p)}\n sx={{\n width: 20, flexShrink: 0, display: \"flex\", flexDirection: \"column\", alignItems: \"center\", justifyContent: \"center\",\n cursor: \"pointer\", borderRight: \"1px solid #e5e7eb\", borderLeft: \"1px solid #e5e7eb\", bgcolor: \"#f9fafb\",\n position: \"relative\", py: 2, \"&:hover\": { bgcolor: \"#f0f0f0\" },\n ...styles?.collapseStrip,\n }}\n >\n <Typography sx={{ fontSize: 10, fontWeight: 600, color: \"#6b7280\", writingMode: \"vertical-rl\", textOrientation: \"mixed\", transform: \"rotate(180deg)\", letterSpacing: \"0.05em\", userSelect: \"none\" }}>\n SPB Details\n </Typography>\n </Box>\n )}\n\n {/ Drag handle / arrow pill /}\n {showCodePanel && showCollapseStrip && (\n <Box\n onClick={() => setIsLeftPanelCollapsed((p) => !p)}\n onMouseDown={handleDragStart}\n sx={{\n position: \"absolute\", left: isLeftPanelCollapsed ? 20 : leftPanelWidth + 20, top: \"50%\", transform: \"translateY(-50%)\",\n width: 18, height: 28, bgcolor: \"#fff\", border: \"1px solid #e5e7eb\", borderRadius: \"0 6px 6px 0\",\n display: \"flex\", alignItems: \"center\", justifyContent: \"center\", cursor: \"col-resize\", zIndex: 5,\n boxShadow: \"2px 0 4px rgba(0,0,0,0.06)\", \"&:hover\": { bgcolor: \"#f9fafb\" },\n ...styles?.dragHandle,\n }}\n >\n {isLeftPanelCollapsed ? <ChevronRightIcon sx={{ fontSize: 12, color: \"#6b7280\" }} /> : <ChevronLeftIcon sx={{ fontSize: 12, color: \"#6b7280\" }} />}\n </Box>\n )}\n\n {/ Right panel — persistent editor, optional via showCodePanel /}\n {showCodePanel && (\n <Box sx={{ flex: 1, minWidth: 0, minHeight: 0, display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", p: 2, gap: 1.5, bgcolor: \"#f8fafc\", ...styles?.codePanel }}>\n <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", flexShrink: 0, ...styles?.codePanelHeader }}>\n <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\", ...styles?.codePanelTitle }}>\n {promptTitle \|\| \"SPB Analysis\"}\n </Typography>\n <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1.5 }}>\n {showThemeToggle && (\n <Switch checked={isDarkMode} onChange={(e) => setIsDarkMode(e.target.checked)} size=\"small\"\n sx={{ width: 36, height: 20, padding: 0, '& .MuiSwitch-switchBase': { padding: 0, margin: '2px', '&.Mui-checked': { transform: 'translateX(16px)', color: '#fff', '& + .MuiSwitch-track': { bgcolor: \"#5928ed\", opacity: 1 } } }, '& .MuiSwitch-thumb': { width: 16, height: 16, bgcolor: '#fff' }, '& .MuiSwitch-track': { borderRadius: 10, bgcolor: '#d1d5db', opacity: 1 } }} />\n )}\n {showFullscreenButton && showFullscreenModal && (\n <Tooltip title=\"Fullscreen\" placement=\"top\">\n <IconButton size=\"small\" onClick={() => setApbPopup({ ref: selectedTag \|\| \"\", description: \"\" })} sx={{ color: \"#6b7280\" }}>\n <FullscreenIcon sx={{ fontSize: 16 }} />\n </IconButton>\n </Tooltip>\n )}\n </Box>\n </Box>\n <Box sx={{ flex: 1, minHeight: 0, border: \"1px solid #30363d\", borderRadius: 1, overflow: \"hidden\", ...styles?.editorContainer }}>\n <InternalEditor content={promptContent} selectedTag={selectedTag} isDarkMode={isDarkMode} height=\"100%\" fontSize={13} />\n </Box>\n </Box>\n )}\n </Box>\n\n {/ Fullscreen APB Preview */}\n {showFullscreenModal && (\n <Dialog open={!!apbPopup} onClose={() => setApbPopup(null)} maxWidth={false}\n PaperProps={{ sx: { width: \"82vw\", height: \"80vh\", maxWidth: \"none\", borderRadius: \"12px\", overflow: \"hidden\", display: \"flex\", flexDirection: \"column\", ...styles?.fullscreenModal } }}>\n <Box sx={{ px: 2.5, py: 1.5, borderBottom: \"1px solid #E5E7EB\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", flexShrink: 0 }}>\n <Typography sx={{ fontWeight: 700, fontSize: \"1rem\", color: \"#111827\" }}>Promptemon</Typography>\n <IconButton size=\"small\" onClick={() => setApbPopup(null)}><CloseIcon sx={{ fontSize: \"1.1rem\", color: \"#6B7280\" }} /></IconButton>\n </Box>\n <Box sx={{ flex: 1, display: \"flex\", overflow: \"hidden\", minHeight: 0 }}>\n <Box sx={{ width: \"40%\", flexShrink: 0, borderRight: \"1px solid #E5E7EB\", display: \"flex\", flexDirection: \"column\", overflow: \"hidden\" }}>\n <Box sx={{ px: 2, py: 1.25, borderBottom: \"1px solid #E5E7EB\", display: \"flex\", alignItems: \"center\", gap: 1 }}>\n <Tooltip title=\"Atomic Prompt Block\" placement=\"top\">\n <Chip label=\"APB\" size=\"small\" sx={{ bgcolor: \"#f1f5f9\", color: \"#475569\", fontWeight: 700, fontSize: 10, height: 20, borderRadius: 1 }} />\n </Tooltip>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.9rem\", color: \"#111827\" }}>{apbPopup?.ref}</Typography>\n </Box>\n <Box sx={{ flex: 1, p: 2, display: \"flex\", flexDirection: \"column\", gap: 1.5, overflowY: \"auto\" }}>\n <Box sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.5 }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.8rem\", color: \"#111827\", mb: 0.75 }}>Description</Typography>\n <Typography sx={{ fontSize: \"0.73rem\", color: \"#6B7280\", lineHeight: 1.6 }}>{apbPopup?.description}</Typography>\n </Box>\n <Box sx={{ border: \"1px solid #E5E7EB\", borderRadius: \"8px\", p: 1.25, display: \"flex\", alignItems: \"center\", gap: 0.5 }}>\n <Typography sx={{ fontSize: \"0.73rem\", color: \"#6B7280\" }}>Total Lines</Typography>\n <Typography sx={{ fontSize: \"0.73rem\", fontWeight: 700, color: \"#111827\" }}>{promptContent.split(\"\\n\").length}</Typography>\n </Box>\n </Box>\n </Box>\n <Box sx={{ flex: 1, minWidth: 0, display: \"flex\", flexDirection: \"column\", overflow: \"hidden\" }}>\n <Box sx={{ px: 2, py: 1.25, borderBottom: \"1px solid #E5E7EB\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\" }}>\n <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\" }}>Prompt Preview</Typography>\n <Switch checked={isDarkMode} onChange={(e) => setIsDarkMode(e.target.checked)} size=\"small\"\n sx={{ width: 36, height: 20, padding: 0, '& .MuiSwitch-switchBase': { padding: 0, margin: '2px', '&.Mui-checked': { transform: 'translateX(16px)', color: '#fff', '& + .MuiSwitch-track': { bgcolor: \"#5928ed\", opacity: 1 } } }, '& .MuiSwitch-thumb': { width: 16, height: 16, bgcolor: '#fff' }, '& .MuiSwitch-track': { borderRadius: 10, bgcolor: '#d1d5db', opacity: 1 } }} />\n </Box>\n <Box sx={{ flex: 1, minHeight: 0, p: 1.5 }}>\n <InternalEditor content={promptContent} selectedTag={selectedTag} isDarkMode={isDarkMode} height=\"100%\" fontSize={13} />\n </Box>\n </Box>\n </Box>\n </Dialog>\n )}\n </Box>\n );\n};\n\nexport default SPBAnalysisPanel;\n"],"names":["OverviewText","text","detailedSummary","extraMetaData","isDarkMode","markdownRendererStyle","cognitiveDecisioningStyles","expanded","setExpanded","useState","preview","truncated","raw","maxChars","plainText","replace","trim","length","cut","slice","lastSpace","lastIndexOf","buildPlainPreview","jsx","Box","children","MarkdownRenderer","message","fontSize","style","Typography","component","onClick","sx","color","fontWeight","cursor","display","flexDirection","jsxs","lineHeight","justifyContent","APBRefDescription","isOverflowing","setIsOverflowing","textRef","useRef","useEffect","el","current","scrollWidth","clientWidth","pl","alignItems","gap","ref","overflow","whiteSpace","textOverflow","flex","minWidth","flexShrink","SPBAnalysisPanel","promptContent","promptTitle","isLoading","overviewSummary","functionalityOfSPB","spbAdditionalInfo","lastAnalyzedAt","lastAnalyzedAtProp","showCodePanel","showInlineApbEditor","disableApbNavigation","showCollapseStrip","showFullscreenButton","showFullscreenModal","showThemeToggle","isDarkModeProp","styles","className","lastSyncedAt","setLastSyncedAt","expandedApbRef","setExpandedApbRef","selectedTag","setSelectedTag","effectiveIsDarkMode","setIsDarkMode","apbPopup","setApbPopup","isLeftPanelCollapsed","setIsLeftPanelCollapsed","leftPanelWidth","setLeftPanelWidth","isDraggingRef","bodyRef","date","Date","toLocaleTimeString","hour","minute","second","hour12","toLocaleDateString","day","month","year","setTimeout","root","height","width","minHeight","px","py","borderBottom","bgcolor","header","headerTitle","headerSubtitle","position","transition","borderRight","leftPanel","overflowY","pb","border","borderRadius","p","overviewSection","mb","overviewTitle","overviewContent","overallSummary","markdownRenderer","cognitiveDecisioning","Skeleton","variant","Accordion","disableGutters","elevation","functionalitySection","AccordionSummary","expandIcon","ExpandMoreIcon","my","functionalityTitle","AccordionDetails","pt","map","item","i","defaultExpanded","functionalityItem","name","section_name","description","reason_for_inclusion","mt","apb_references","j","refName","apb_name","isActiveTag","handleApbRefClick","NearMeOutlinedIcon","context","InternalEditor","content","applicabilitySection","applicabilityTitle","label","when_to_apply","when_not_to_apply","specificationsSection","specificationsTitle","tooltip","constraints_and_rules","input_analysis","output_analysis","isOutput","parsed","codeBlocks","_","code","push","join","extractSnCode","markdownContent","codeContent","Tooltip","title","placement","background","Fragment","backgroundColor","borderTopLeftRadius","borderTopRightRadius","IconButton","size","copyToClipboard","navigator","clipboard","writeText","borderBottomLeftRadius","borderBottomRightRadius","dependencyGraphSection","dependencyGraphTitle","dependency_graph","DependencyGraph","data","dependencyGraph","borderLeft","collapseStrip","writingMode","textOrientation","transform","letterSpacing","userSelect","onMouseDown","e","preventDefault","onMouseMove","bodyRect","getBoundingClientRect","bodyLeft","left","bodyWidth","newWidth","clientX","document","removeEventListener","onMouseUp","addEventListener","top","zIndex","boxShadow","dragHandle","ChevronRightIcon","ChevronLeftIcon","codePanel","codePanelHeader","codePanelTitle","Switch","checked","onChange","target","padding","margin","opacity","FullscreenIcon","editorContainer","Dialog","open","onClose","maxWidth","PaperProps","fullscreenModal","CloseIcon","Chip","split"],"mappings":"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"}
1	+ {"version":3,"file":"Spbanalysispanel.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ScannedDocCitation.js","sources":["../../../src/features/ScannedDocCitation/ScannedDocCitation.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useEffect, CSSProperties } from \"react\";\nimport { Maximize2, X, ChevronUp, ChevronDown } from \"lucide-react\";\nimport { Modal } from \"../ChatCitation/components/wrappers/Modal\";\nimport { Tooltip } from \"@mui/material\";\n\nexport interface BBox {\n xmin: number;\n ymin: number;\n xmax: number;\n ymax: number;\n}\n\nexport interface PageHighlight {\n pageIndex: number;\n bboxes: BBox[];\n}\n\nexport interface Dimensions {\n unit: string;\n width: number;\n height: number;\n}\n\nexport interface HighlightedText {\n text: string;\n excerpt_from_document: string;\n page_no: number;\n reasoning: string[];\n gap: string[];\n score: number;\n}\n\nexport interface CitationPage {\n gs_url: string;\n page_no?: number;\n highlighted_coordinates?: BBox[];\n dimensions?: Dimensions;\n highlighted_text?: HighlightedText[];\n}\n\nexport interface ScannedDocCitationProps {\n images?: string[];\n highlights?: PageHighlight[];\n pages?: CitationPage[];\n citationLabelColor?: string;\n showCitationLabelOnHover?: boolean;\n subHeadingText?: string;\n showFullScreenMode?: boolean;\n highlightColor?: string;\n highlightActiveColor?: string;\n highlightBorderColor?: string;\n height?: string \| number;\n subHeadingTitleInsideModal?: string;\n scrollToFirstCitation?: boolean;\n showPageSeparator?: boolean;\n pageSeparatorColor?: string;\n activeCitationIndex?: number;\n onActiveCitationChange?: (index: number) => void;\n headerAction?: {\n icon?: React.ReactNode;\n onClick?: () => void;\n tooltip?: string;\n };\n}\n\nexport default function ScannedDocCitation({\n images,\n highlights,\n pages,\n subHeadingText=\"\",\n showFullScreenMode=true,\n citationLabelColor = \"#FFFF2E\",\n showCitationLabelOnHover = false,\n highlightColor = \"rgba(255, 220, 0, 0.15)\",\n highlightActiveColor = \"rgba(255, 220, 0, 0.35)\",\n highlightBorderColor = \"rgba(200, 160, 0, 0.4)\",\n height = \"700px\",\n subHeadingTitleInsideModal,\n scrollToFirstCitation = false,\n showPageSeparator = true,\n pageSeparatorColor = \"#e2e8f0\",\n activeCitationIndex,\n onActiveCitationChange,\n headerAction,\n}: ScannedDocCitationProps) {\n\n // normalizing to support list and single object\n const normalizedImages: string[] = [];\n const normalizedHighlights: PageHighlight[] = [];\n\n if (pages?.length) {\n pages.forEach((page, pageIndex) => {\n if (page.gs_url) {\n normalizedImages.push(page.gs_url);\n }\n page.highlighted_coordinates?.forEach((coord) => {\n normalizedHighlights.push({\n pageIndex,\n bboxes: [coord],\n });\n });\n });\n } else {\n normalizedImages.push(...(images \|\| []));\n normalizedHighlights.push(...(highlights \|\| []));\n }\n\n const allBboxes = normalizedHighlights.flatMap((h, hi) =>\n h.bboxes.map((bbox, bi) => ({\n bbox,\n pageIndex: h.pageIndex,\n key: `${hi}-${bi}`,\n }))\n );\n\n const totalHighlights = allBboxes.length;\n const [hoveredIndex, setHoveredIndex] = useState<number \| null>(null);\n const [activeIndex, setActiveIndex] = useState(0);\n const [isFullscreen, setIsFullscreen] = useState(false);\n const [loadedImages, setLoadedImages] = useState<Record<number, boolean>>({});\n\n const appliedExternalIndex = useRef<number \| null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const fullscreenContainerRef = useRef<HTMLDivElement>(null);\n const bboxRefsNormal = useRef<(HTMLDivElement \| null)[]>([]);\n const bboxRefsFullscreen = useRef<(HTMLDivElement \| null)[]>([]);\n const hasScrolledToFirstRef = useRef(false);\n\n const goToHighlight = useCallback((index: number, expanded = false) => {\n const clamped = Math.max(0, Math.min(totalHighlights - 1, index));\n setActiveIndex(clamped);\n if (onActiveCitationChange) {\n onActiveCitationChange(clamped);\n }\n requestAnimationFrame(() => {\n const container = expanded ? fullscreenContainerRef.current : containerRef.current;\n const bboxRefs = expanded ? bboxRefsFullscreen : bboxRefsNormal;\n const bbox = bboxRefs.current[clamped];\n if (!container \|\| !bbox) return;\n const containerRect = container.getBoundingClientRect();\n const bboxRect = bbox.getBoundingClientRect();\n const offset = bboxRect.top - containerRect.top + container.scrollTop - container.clientHeight / 2 + bboxRect.height / 2;\n container.scrollTo({ top: offset, behavior: \"smooth\" });\n });\n }, [totalHighlights, onActiveCitationChange]);\n\n // handle external activeCitationIndex control\n useEffect(() => {\n if (activeCitationIndex === undefined) return;\n if (totalHighlights === 0) return;\n if (appliedExternalIndex.current === activeCitationIndex) return;\n appliedExternalIndex.current = activeCitationIndex;\n setActiveIndex(activeCitationIndex);\n goToHighlight(activeCitationIndex, false);\n }, [activeCitationIndex, totalHighlights, goToHighlight]);\n\n useEffect(() => {\n if (!scrollToFirstCitation \|\| hasScrolledToFirstRef.current \|\| totalHighlights === 0) return;\n const firstPageIndex = allBboxes?.[0]?.pageIndex;\n if (loadedImages[firstPageIndex]) {\n hasScrolledToFirstRef.current = true;\n goToHighlight(0, false);\n }\n }, [scrollToFirstCitation, loadedImages, totalHighlights, allBboxes, goToHighlight]);\n\n const renderNav = (expanded = false) => (\n totalHighlights > 0 && (\n <div style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"6px\" }}>\n <div style={{ marginLeft: \"auto\", display: \"flex\", alignItems: \"center\", gap: \"4px\" }}>\n <span style={{ fontSize: \"12px\", color: \"#888\" }}>\n {activeIndex + 1} / {totalHighlights}\n </span>\n <button\n onClick={() => goToHighlight(activeIndex - 1, expanded)}\n disabled={activeIndex <= 0}\n style={{ padding: \"2px 4px\", cursor: activeIndex <= 0 ? \"not-allowed\" : \"pointer\", opacity: activeIndex <= 0 ? 0.4 : 1, border: \"1px solid #ddd\", borderRadius: \"3px\", background: \"white\", display: \"flex\", alignItems: \"center\" }}\n >\n <ChevronUp size={14} color=\"#64748b\" />\n </button>\n <button\n onClick={() => goToHighlight(activeIndex + 1, expanded)}\n disabled={activeIndex >= totalHighlights - 1}\n style={{ padding: \"2px 4px\", cursor: activeIndex >= totalHighlights - 1 ? \"not-allowed\" : \"pointer\", opacity: activeIndex >= totalHighlights - 1 ? 0.4 : 1, border: \"1px solid #ddd\", borderRadius: \"3px\", background: \"white\", display: \"flex\", alignItems: \"center\" }}\n >\n <ChevronDown size={14} color=\"#64748b\" />\n </button>\n\n {!headerAction && showFullScreenMode && (\n <>\n <span style={{ width: \"1px\", height: \"16px\", background: \"#e2e8f0\", margin: \"0 2px\" }} />\n {expanded\n ? <X size={16} color=\"#64748b\" style={{ cursor: \"pointer\" }} onClick={() => setIsFullscreen(false)} />\n : <Maximize2 size={16} color=\"#64748b\" style={{ cursor: \"pointer\" }} onClick={() => setIsFullscreen(true)} />\n }\n </>\n )}\n\n {headerAction && headerAction?.icon && headerAction?.onClick && (\n <>\n <span style={{ width: \"1px\", height: \"16px\", background: \"#e2e8f0\", margin: \"0 2px\" }} />\n <Tooltip title={headerAction?.tooltip \|\| \"\"} arrow placement=\"top\">\n <div onClick={headerAction.onClick} style={{ display: \"flex\", alignItems: \"center\", cursor: \"pointer\" }}>\n {headerAction.icon}\n </div>\n </Tooltip>\n </>\n )}\n </div>\n </div>\n )\n );\n\n const renderPages = (expanded = false) => {\n const bboxRefs = expanded ? bboxRefsFullscreen : bboxRefsNormal;\n let globalIndex = -1;\n return normalizedImages.map((src, pageIndex) => {\n const pageBboxes = normalizedHighlights\n .filter((h) => h.pageIndex === pageIndex)\n .flatMap((h, hi) =>\n h.bboxes.map((bbox, bi) => {\n globalIndex++;\n return { bbox, key: `${pageIndex}-${hi}-${bi}`, globalIndex };\n })\n );\n\n return (\n <div key={pageIndex} style={{ marginBottom: \"8px\" }}>\n <div style={{ fontSize: \"12px\", color: \"#888\", marginBottom: \"4px\" }}>\n Page {pageIndex + 1}\n </div>\n <div style={{ position: \"relative\", width: \"100%\", paddingTop: \"129%\", flexShrink: 0 }}>\n <div style={{ position: \"absolute\", inset: 0 }}>\n <img\n src={src}\n alt={`Page ${pageIndex + 1}`}\n style={{ display: \"block\", width: \"100%\", height: \"100%\", objectFit: \"fill\" }}\n draggable={false}\n ref={(el) => {\n if (el && el.complete && !loadedImages[pageIndex]) {\n setLoadedImages((prev) => ({ ...prev, [pageIndex]: true }));\n }\n }}\n onLoad={() => setLoadedImages((prev) => ({ ...prev, [pageIndex]: true }))}\n />\n {loadedImages[pageIndex] && pageBboxes.map(({ bbox, key, globalIndex: gi }) => {\n const isActive = activeIndex === gi;\n return (\n <div\n key={key}\n ref={(el) => { bboxRefs.current[gi] = el; }}\n onMouseEnter={() => setHoveredIndex(gi)}\n onMouseLeave={() => setHoveredIndex(null)}\n style={{\n position: \"absolute\",\n left: `${bbox.xmin * 100}%`,\n top: `${bbox.ymin * 100}%`,\n width: `${(bbox.xmax - bbox.xmin) * 100}%`,\n height: `${(bbox.ymax - bbox.ymin) * 100}%`,\n background: isActive ? highlightActiveColor : highlightColor,\n border: isActive ? `1.5px solid ${highlightBorderColor}` : \"none\",\n borderRadius: \"2px\",\n zIndex: 2,\n } as CSSProperties}\n >\n {(showCitationLabelOnHover && hoveredIndex === gi) && (\n <div\n style={{\n position: \"absolute\",\n top: \"-18px\",\n right: \"0\",\n fontSize: \"10px\",\n background: citationLabelColor,\n color: \"black\",\n padding: \"2px 6px\",\n borderRadius: \"3px\",\n whiteSpace: \"nowrap\",\n }}\n >\n Citation {gi + 1}\n </div>\n )}\n </div>\n );\n })}\n </div>\n </div>\n {showPageSeparator && pageIndex < normalizedImages.length - 1 && (\n <div style={{ height: \"1px\", background: pageSeparatorColor, margin: \"0\" }} />\n )}\n </div>\n );\n });\n };\n\n const scrollableStyle: CSSProperties = {\n overflowY: \"auto\",\n border: \"1px solid #ddd\",\n borderRadius: \"4px\",\n padding: \"8px\",\n paddingBottom: 0,\n display: \"flex\",\n flexDirection: \"column\",\n boxSizing: \"border-box\",\n };\n\n return (\n <>\n <div style={{ width: \"100%\", maxWidth: \"800px\", fontFamily: \"inherit\", display: \"flex\", flexDirection: \"column\" }}>\n {(subHeadingText \|\| totalHighlights > 0) && (\n <div style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"6px\" }}>\n {subHeadingText && (\n <div style={{ fontSize: \"14px\", fontWeight: 500, color: \"#111\" }}>\n {subHeadingText}\n </div>\n )}\n <div style={{ marginLeft: \"auto\" }}>{renderNav(false)}</div>\n </div>\n )}\n <div ref={containerRef} style={{ ...scrollableStyle, maxHeight: height }}>\n {renderPages(false)}\n </div>\n </div>\n\n <Modal isOpen={isFullscreen} onClose={() => setIsFullscreen(false)}>\n <div style={{ display: \"flex\", flexDirection: \"column\", height: \"100%\", overflow: \"hidden\" }}>\n {(subHeadingTitleInsideModal \|\| totalHighlights > 0) && (\n <div style={{ display: \"flex\", alignItems: \"center\", marginBottom: \"6px\", padding: \"8px\" }}>\n {subHeadingTitleInsideModal && (\n <div style={{ fontSize: \"14px\", fontWeight: 500, color: \"#111\" }}>\n {subHeadingTitleInsideModal}\n </div>\n )}\n <div style={{ marginLeft: \"auto\" }}>\n {renderNav(true)}\n </div>\n </div>\n )}\n <div ref={fullscreenContainerRef} style={{ ...scrollableStyle, flex: 1 }}>\n {isFullscreen && renderPages(true)}\n </div>\n </div>\n </Modal>\n </>\n );\n}"],"names":["ScannedDocCitation","images","highlights","pages","subHeadingText","showFullScreenMode","citationLabelColor","showCitationLabelOnHover","highlightColor","highlightActiveColor","highlightBorderColor","height","subHeadingTitleInsideModal","scrollToFirstCitation","showPageSeparator","pageSeparatorColor","activeCitationIndex","onActiveCitationChange","headerAction","normalizedImages","normalizedHighlights","length","forEach","page","pageIndex","gs_url","push","highlighted_coordinates","coord","bboxes","allBboxes","flatMap","h","hi","map","bbox","bi","key","totalHighlights","hoveredIndex","setHoveredIndex","useState","activeIndex","setActiveIndex","isFullscreen","setIsFullscreen","loadedImages","setLoadedImages","appliedExternalIndex","useRef","containerRef","fullscreenContainerRef","bboxRefsNormal","bboxRefsFullscreen","hasScrolledToFirstRef","goToHighlight","useCallback","index","expanded","clamped","Math","max","min","requestAnimationFrame","container","current","containerRect","getBoundingClientRect","bboxRect","offset","top","scrollTop","clientHeight","scrollTo","behavior","useEffect","firstPageIndex","renderNav","jsx","style","display","alignItems","marginBottom","children","jsxs","marginLeft","gap","fontSize","color","onClick","disabled","padding","cursor","opacity","border","borderRadius","background","ChevronUp","size","ChevronDown","Fragment","width","margin","X","Maximize2","icon","Tooltip","title","tooltip","arrow","placement","renderPages","bboxRefs","globalIndex","src","pageBboxes","filter","position","paddingTop","flexShrink","inset","alt","objectFit","draggable","ref","el","complete","prev","onLoad","gi","isActive","onMouseEnter","onMouseLeave","left","xmin","ymin","xmax","ymax","zIndex","right","whiteSpace","scrollableStyle","overflowY","paddingBottom","flexDirection","boxSizing","maxWidth","fontFamily","fontWeight","maxHeight","Modal","isOpen","onClose","overflow","flex"],"mappings":"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"}
1	+ {"version":3,"file":"ScannedDocCitation.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/SegmentReviewComponents/BoundaryCard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as i,Fragment as t}from"react/jsx-runtime";import{useMemo as o,useState as r}from"react";import n from"@mui/icons-material/ChevronRight";import l from"@mui/icons-material/Close";import a from"@mui/icons-material/ExpandMore";import d from"@mui/material/Box";import s from"@mui/material/Button";import c from"@mui/material/ButtonBase";import u from"@mui/material/Divider";import p from"@mui/material/IconButton";import m from"@mui/material/Paper";import h from"@mui/material/Radio";import g from"@mui/material/Stack";import x from"@mui/material/TextField";import f from"@mui/material/Typography";import b from"./RevertSummaryNotice.js";import E from"./CognitiveIcon.js";import C from"./CognitiveScoreBadge.js";import F from"../../assests/icons/InfoAlert.js";const S=(e,i)=>[e,...Array.isArray(i)?i:null==i?[]:[i]],y="MERGE_ADJACENT";var v=(e=>(e.KEEP="KEEP",e.SPLIT_HERE="SPLIT_HERE",e.MERGE_NEXT="MERGE_NEXT",e.MERGE_PREV="MERGE_PREV",e.MERGE_PREVIOUS="MERGE_PREVIOUS",e.SET_RANGE="SET_RANGE",e))(v||{});const w=e=>Object.values(v).includes(e),R=(e,i,t,o)=>{if(!i||!e)return[];const r=i.additional_decisions,n=Array.isArray(r)?r:r?Object.values(r).flat():[],l=Array.from(new Set([...i.allowed_decisions,...n]));return l.flatMap(i=>{const r=e.focus_page,n=l.find(e=>e.toLowerCase().includes("merge")),a=null!=r&&null!=t&&null!=o&&r===t&&r===o,d=null!=r&&null!=t&&r===t,s=null!=r&&null!=o&&(r===o||r===o+1),c=d||s||!(null!=r&&(!(null!=t&&null!=o)||r>t&&r<o));switch(i){case"SET_RANGE":return[];case"KEEP":return[{id:i,title:"Keep as is",description:"Keep the current document boundary unchanged."}];case"SPLIT_HERE":return[{id:i,title:"Split to a separate document",description:c?"A valid page inside the document is required to split it.":r?`Start a new document at page ${r}.`:"Create a new document at this boundary.",disabled:c}];case"MERGE_PREV":case"MERGE_NEXT":case"MERGE_PREVIOUS":return i!==n?[]:a?[{id:y,title:"Merge with an adjacent document",description:"Choose to merge with the previous or next document."}]:d?[{id:"MERGE_PREVIOUS",title:"Merge with previous document",description:"Combine this document with the previous document."}]:s?[{id:"MERGE_NEXT",title:"Merge with next document",description:"Combine this document with the next document."}]:[{id:y,title:"Merge with an adjacent document",description:"Choose to merge with the previous or next document."}]}return[]})};function M({headerName:v="Boundary Check",title:M,pageNo:A,content:I,revertSummary:T,cognitiveScore:z,config:W,metadata:k,previousSegmentTitle:P,nextSegmentTitle:_,selectedIndex:N,defaultSelectedIndex:G=null,defaultStartPage:B,defaultEndPage:D,onSelectionChange:H,onConfirm:j,onActionConfirm:O,onCognitiveClick:V,onAdjustManually:L,onClose:U,confirmLabel:X="Confirm",manualPrompt:K="Didn't find the right option?",manualActionLabel:$="Adjust Manually",cognitiveLabel:q="Cognitive Integrity",showAdjustManually:J=!0,showCognitiveIntegrity:Y=!0,showCloseButton:Q=!0,confirmDisabled:Z=!1,width:ee=260,maxWidth:ie=260,className:te,styles:oe,reviewAction:re,totalPages:ne}){console.log("LOG: Total pages",ne);const le=o(()=>(W??(k?R(k,re,B,D):[])).filter(e=>"SET_RANGE"!==e.id),[W,D,B,k,re]),[ae,de]=r(G),[se,ce]=r(null==B?"":String(B)),[ue,pe]=r(null==D?"":String(D)),[me,he]=r(!1),[ge,xe]=r(!1),[fe,be]=r(null),[Ee,Ce]=r(!1),Fe=void 0===N?ae:N,Se=null==Fe?void 0:le[Fe],ye=Se?.id===y,ve=null!=P,we=null!=_,Re=e=>!0===e.disabled||"MERGE_PREV"===e.id&&!ve||"MERGE_PREVIOUS"===e.id&&!ve||"MERGE_NEXT"===e.id&&!we||e.id===y&&!ve&&!we,Me=Number(se),Ae=Number(ue),Ie=se.trim().length>0&&ue.trim().length>0&&Number.isInteger(Me)&&Number.isInteger(Ae)&&Me>0&&Ae>0,Te=null!=ne&&Me>ne,ze=null!=ne&&Ae>ne,We=se.trim().length>0&&ue.trim().length>0&&Number.isInteger(Me)&&Number.isInteger(Ae)&&Me>Ae,ke=Ie&&Me<=Ae&&!Te&&!ze,Pe=ke&&Me===B&&Ae===D,_e=Z||!Se||Re(Se)||ye&&null==fe||!j&&!O;return e(m,{className:te,elevation:4,sx:S({width:ee,maxWidth:ie,borderTop:"4px solid",borderColor:"error.main",borderRadius:2,bgcolor:"background.paper",overflow:"hidden",boxSizing:"border-box","@media (max-width: 372px)":{width:"calc(100vw - 32px)"}},oe?.root),children:i(g,{spacing:.75,sx:{p:1},children:[i(g,{direction:"row",alignItems:"center",spacing:.75,sx:oe?.header,children:[e(F,{color:"error",height:16,width:16}),e(f,{sx:{flex:1,color:"error.main",fontSize:12,fontWeight:500,lineHeight:1.25,textTransform:"uppercase"},children:v}),Q&&e(p,{size:"small",onClick:U,disabled:!U,"aria-label":"Close boundary check",sx:{p:0,"&.Mui-disabled":{color:"text.secondary"}},children:e(l,{sx:{fontSize:17}})})]}),i(d,{children:[e(f,{sx:{color:"text.primary",fontSize:14,fontWeight:500},children:M}),null!=A&&e(f,{sx:{mt:.125,color:"text.secondary",fontSize:12},children:A}),e(u,{sx:{my:.625}}),null!=T?e(b,{children:T}):null!=I&&e(f,{component:"div",sx:{color:"text.secondary",fontSize:11.5,lineHeight:1.3},children:I})]}),i(g,{spacing:.625,role:"radiogroup","aria-label":"Boundary options",children:[le.map((t,o)=>{const r=Fe===o,n=Re(t);return i(m,{variant:"outlined",sx:S({borderColor:r?"#1976d2":"divider",borderRadius:2,bgcolor:n?"#F8FAFC":"background.paper",overflow:"hidden"},oe?.option),children:[i(c,{role:"radio","aria-checked":r,disabled:Z||n,onClick:()=>((e,i)=>{Z||Re(i)||(void 0===N&&de(e),i.id!==y&&be(null),me&&(he(!1),xe(!1)),H?.(e,i))})(o,t),sx:{width:"100%",justifyContent:"flex-start",px:.75,py:.5,textAlign:"left"},children:[e(h,{checked:r,disabled:Z||n,tabIndex:-1,size:"small",sx:{p:.25,mr:.5,"&.Mui-disabled":{color:"#CBD5E1"}}}),i(d,{sx:{minWidth:0},children:[e(f,{sx:{color:n?"#94A3B8":"text.primary",fontSize:12.5,fontWeight:500},children:t.title}),null!=t.description&&e(f,{sx:{mt:.125,color:n?"#94A3B8":"text.secondary",fontSize:11},children:t.description})]})]}),r&&t.id===y&&e(g,{direction:"row",spacing:.75,sx:S({px:.75,pb:.75},oe?.adjacentSelector),children:[{direction:"previous",title:P??"No Previous document",caption:"← Merge into Previous",available:ve},{direction:"next",title:_??"No Next document",caption:"Merge into Next →",available:we}].map(t=>{const o=fe===t.direction;return i(g,{sx:{flex:1,minWidth:0},children:[e(c,{disabled:Z||!t.available,onClick:()=>be(t.direction),"aria-pressed":o,sx:{width:"100%",minWidth:0,minHeight:46,alignItems:"flex-start",justifyContent:"flex-start",p:.625,border:"1px solid",borderColor:o?"#7F56D9":"#D0D5DD",borderRadius:1.5,bgcolor:o?"#E0E7FF":"background.paper",color:o?"#7F56D9":t.available?"text.primary":"#98A2B3",textAlign:"left","&.Mui-disabled":{color:"#98A2B3",bgcolor:"#F8FAFC"}},children:e(f,{sx:{color:"inherit",fontSize:11,fontWeight:500,lineHeight:1.25,overflowWrap:"anywhere"},children:t.title})}),e(f,{sx:{mt:.5,color:o?"#5925DC":"text.secondary",fontSize:9.5,lineHeight:1.2,whiteSpace:"nowrap",textAlign:"next"===t.direction?"right":"left"},children:t.caption})]},t.direction)})})]},t.id)}),ye&&null!=fe&&i(g,{direction:"row",alignItems:"flex-start",spacing:.625,sx:S({p:.75,border:"1px solid #FCA5A5",borderRadius:1.5,bgcolor:"#FEF2F2"},oe?.impactWarning),children:[e(F,{color:"error",height:14,width:14,sx:{mt:.125}}),i(f,{sx:{color:"#DC2626",fontSize:10.5,lineHeight:1.4},children:["This will impact the ",fe," document. Its content and page range will change."]})]}),e(s,{variant:"contained",fullWidth:!0,disabled:_e,onClick:()=>{if(_e||null==Fe||!Se)return;const e=ye?"previous"===fe?"MERGE_PREVIOUS":"MERGE_NEXT":Se.id,i=ye?{...Se,id:e}:Se,t={selectedIndex:Fe,option:i,metadata:k};j?.(Fe,i,t),O&&w(e)&&O(e,t)},sx:S({minHeight:32,mt:.25,borderRadius:2,fontSize:13,fontWeight:600,textTransform:"none",backgroundColor:"#5925DC","&:hover":{backgroundColor:"#4A1FB8"},"&.Mui-disabled":{backgroundColor:"#D9D6FE",color:"#FFFFFF"}},oe?.confirmButton),children:X})]}),J&&i(g,{spacing:.625,sx:oe?.manualSection,children:[i(c,{disabled:Z,onClick:()=>{const e=!me;he(e),xe(!1),e&&(void 0===N&&de(null),L?.())},"aria-expanded":me,sx:{width:"100%",justifyContent:"space-between",borderRadius:1,textAlign:"left"},children:[e(d,{children:e(f,{sx:{color:"text.primary",fontSize:12,fontWeight:600},children:K})}),e(a,{sx:{color:"text.secondary",fontSize:16,transform:me?"rotate(180deg)":"none",transition:"transform 150ms ease"}})]}),me&&!ge&&i(d,{sx:{pt:.5,fontFamily:'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'},children:[i(d,{sx:{display:"grid",gridTemplateColumns:"1fr 1fr",columnGap:"8px",mb:"4px"},children:[e(f,{sx:{fontSize:"10.5px",fontWeight:400,lineHeight:"14px",color:"#57697E",margin:0},children:"Starts"}),e(f,{sx:{fontSize:"10.5px",fontWeight:400,lineHeight:"14px",color:"#57697E",margin:0},children:"Ends"})]}),i(d,{sx:{display:"grid",gridTemplateColumns:"1fr 1fr",columnGap:"8px",mb:"4px"},children:[i(d,{children:[e(x,{size:"small",type:"text",value:se,disabled:Z,error:Te||We,onChange:e=>{const i=e.target.value;/^\d*$/.test(i)&&ce(i)},inputProps:{inputMode:"numeric",pattern:"[0-9]*"},sx:{"& .MuiOutlinedInput-root":{height:"30px",backgroundColor:"#FFFFFF","& fieldset":{borderColor:Te||We?"#EF4444":"#C3CFDC",borderWidth:"1px",borderRadius:"6px"},"&:hover fieldset":{borderColor:Te||We?"#EF4444":"#C3CFDC"},"&.Mui-focused fieldset":{borderColor:Te||We?"#EF4444":"#9488F6",borderWidth:"1px"}},"& .MuiOutlinedInput-input":{fontSize:"12px",fontWeight:400,lineHeight:"1",color:"#34445A",padding:"0 10px",height:"30px"}}}),Te&&i(f,{sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500},children:["Must be ≤ ",ne," (total pages)"]}),We&&!Te&&e(f,{sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500},children:"Must be ≤ end page"})]}),i(d,{children:[e(x,{size:"small",type:"text",value:ue,disabled:Z,error:ze||We,onChange:e=>{const i=e.target.value;/^\d*$/.test(i)&&pe(i)},inputProps:{inputMode:"numeric",pattern:"[0-9]*"},sx:{"& .MuiOutlinedInput-root":{height:"30px",backgroundColor:"#FFFFFF","& fieldset":{borderColor:ze||We?"#EF4444":"#C3CFDC",borderWidth:"1px",borderRadius:"6px"},"&:hover fieldset":{borderColor:ze||We?"#EF4444":"#C3CFDC"},"&.Mui-focused fieldset":{borderColor:ze||We?"#EF4444":"#9488F6",borderWidth:"1px"}},"& .MuiOutlinedInput-input":{fontSize:"12px",fontWeight:400,lineHeight:"1",color:"#34445A",padding:"0 10px",height:"30px"}}}),ze&&i(f,{sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500},children:["Must be ≤ ",ne," (total pages)"]}),We&&!ze&&e(f,{sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500},children:"Must be ≥ start page"})]})]}),e(d,{children:e(s,{onClick:()=>{ke&&(Pe?Ce(!0):xe(!0))},disabled:Z||!ke||Pe,sx:{height:"30px",padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",backgroundColor:"#FFFFFF",border:"1px solid #8E80F3",borderRadius:"6px",fontFamily:'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif',fontSize:"12px",fontWeight:600,lineHeight:"1",color:"#4A24CF",outline:"none",cursor:"pointer",textTransform:"none",transition:"all 150ms ease-in-out","&:hover":!ke||Pe?{}:{backgroundColor:"#FAF9FF",borderColor:"#7F6FF0"},"&:active":!ke||Pe?{}:{transform:"translateY(1px)"},"&.Mui-disabled":{backgroundColor:"#FFFFFF",borderColor:"#C3CFDC",color:"#A0ABBE",cursor:"not-allowed"}},children:"Apply"})}),Pe&&Ee&&e(d,{sx:{backgroundColor:"#FEF3C7",border:"1px solid #FBBF24",borderRadius:"6px",padding:"8px 10px",marginTop:"4px"},children:e(f,{sx:{fontSize:"10px",color:"#B45309",fontWeight:500,lineHeight:1.4},children:"Please change the boundary to change the document boundary as no changes will be applied."})}),e(d,{sx:{width:"100%",height:"1px",marginTop:"8px",backgroundColor:"#EEF0F2",border:"0"}})]}),me&&ge&&i(g,{spacing:.75,sx:S({p:.75,borderRadius:1.5,bgcolor:"#FFF7ED"},oe?.manualConfirmation),children:[i(g,{direction:"row",alignItems:"center",spacing:.5,children:[e(F,{color:"warning",height:14,width:14}),e(f,{sx:{color:"#EA580C",fontSize:11,fontWeight:600},children:"Confirm this change?"})]}),i(f,{sx:{color:"text.secondary",fontSize:10.5,lineHeight:1.4},children:["Pages ",Me,"-",Ae," will become part of ",M,", including pages from other documents in this range."]}),i(g,{direction:"row",spacing:.75,children:[e(s,{variant:"outlined",fullWidth:!0,onClick:()=>xe(!1),sx:{minHeight:28,borderRadius:1.5,fontSize:11,textTransform:"none"},children:"Cancel"}),e(s,{variant:"contained",fullWidth:!0,disabled:Z||!j||!ke||Pe,onClick:()=>{if(!ke||Pe||!j)return;const e={id:"SET_RANGE",title:$};j(-1,e,{selectedIndex:-1,option:e,startPage:Me,endPage:Ae,metadata:k})},sx:{minHeight:28,borderRadius:1.5,bgcolor:"#EA580C",fontSize:11,textTransform:"none","&:hover":{bgcolor:"#C2410C"}},children:"Confirm"})]})]})]}),e(g,{spacing:.625,sx:oe?.footer,children:Y&&i(t,{children:[e(u,{}),i(c,{onClick:V,disabled:!V,sx:{justifyContent:"space-between",borderRadius:1,textAlign:"left",cursor:V?"pointer":"not-allowed"},children:[i(g,{direction:"row",alignItems:"center",spacing:1,children:[e(E,{sx:{color:"text.secondary"}}),e(f,{sx:{color:"text.primary",fontSize:12},children:q})]}),i(g,{direction:"row",alignItems:"center",spacing:.5,children:[e(C,{score:z}),e(n,{sx:{color:"text.secondary"}})]})]})]})})]})})}export{v as BoundaryReviewActionEnum,R as createBoundaryCardOptions,M as default,w as isBoundaryReviewAction};
+import{__assign as e,__spreadArray as i}from"tslib";import{jsx as o,jsxs as t,Fragment as r}from"react/jsx-runtime";import{useMemo as n,useState as l}from"react";import d from"@mui/icons-material/ChevronRight";import a from"@mui/icons-material/Close";import c from"@mui/icons-material/ExpandMore";import s from"@mui/material/Box";import u from"@mui/material/Button";import p from"@mui/material/ButtonBase";import m from"@mui/material/Divider";import h from"@mui/material/IconButton";import g from"@mui/material/Paper";import x from"@mui/material/Radio";import f from"@mui/material/Stack";import b from"@mui/material/TextField";import E from"@mui/material/Typography";import C from"./RevertSummaryNotice.js";import v from"./CognitiveIcon.js";import F from"./CognitiveScoreBadge.js";import S from"../../assests/icons/InfoAlert.js";var y,w=function(e,o){return i([e],Array.isArray(o)?o:null==o?[]:[o],!0)},R="MERGE_ADJACENT";!function(e){e.KEEP="KEEP",e.SPLIT_HERE="SPLIT_HERE",e.MERGE_NEXT="MERGE_NEXT",e.MERGE_PREV="MERGE_PREV",e.MERGE_PREVIOUS="MERGE_PREVIOUS",e.SET_RANGE="SET_RANGE"}(y||(y={}));var M=function(e){return Object.values(y).includes(e)},A=function(e,o,t,r){if(!o||!e)return[];var n=o.additional_decisions,l=Array.isArray(n)?n:n?Object.values(n).flat():[],d=Array.from(new Set(i(i([],o.allowed_decisions,!0),l,!0)));return d.flatMap(function(i){var o=e.focus_page,n=d.find(function(e){return e.toLowerCase().includes("merge")}),l=null!=o&&null!=t&&null!=r&&o===t&&o===r,a=null!=o&&null!=t&&o===t,c=null!=o&&null!=r&&(o===r||o===r+1),s=a||c||!(null!=o&&(!(null!=t&&null!=r)||o>t&&o<r));switch(i){case y.SET_RANGE:return[];case"KEEP":return[{id:i,title:"Keep as is",description:"Keep the current document boundary unchanged."}];case"SPLIT_HERE":return[{id:i,title:"Split to a separate document",description:s?"A valid page inside the document is required to split it.":o?"Start a new document at page ".concat(o,"."):"Create a new document at this boundary.",disabled:s}];case"MERGE_PREV":case"MERGE_NEXT":case"MERGE_PREVIOUS":return i!==n?[]:l?[{id:R,title:"Merge with an adjacent document",description:"Choose to merge with the previous or next document."}]:a?[{id:y.MERGE_PREVIOUS,title:"Merge with previous document",description:"Combine this document with the previous document."}]:c?[{id:y.MERGE_NEXT,title:"Merge with next document",description:"Combine this document with the next document."}]:[{id:R,title:"Merge with an adjacent document",description:"Choose to merge with the previous or next document."}]}return[]})};function I(i){var I=i.headerName,T=void 0===I?"Boundary Check":I,z=i.title,W=i.pageNo,k=i.content,P=i.revertSummary,_=i.cognitiveScore,N=i.config,G=i.metadata,B=i.previousSegmentTitle,D=i.nextSegmentTitle,H=i.selectedIndex,j=i.defaultSelectedIndex,O=void 0===j?null:j,V=i.defaultStartPage,L=i.defaultEndPage,U=i.onSelectionChange,X=i.onConfirm,K=i.onActionConfirm,$=i.onCognitiveClick,q=i.onAdjustManually,J=i.onClose,Y=i.confirmLabel,Q=void 0===Y?"Confirm":Y,Z=i.manualPrompt,ee=void 0===Z?"Didn't find the right option?":Z,ie=i.manualActionLabel,oe=void 0===ie?"Adjust Manually":ie,te=i.cognitiveLabel,re=void 0===te?"Cognitive Integrity":te,ne=i.showAdjustManually,le=void 0===ne||ne,de=i.showCognitiveIntegrity,ae=void 0===de||de,ce=i.showCloseButton,se=void 0===ce||ce,ue=i.confirmDisabled,pe=void 0!==ue&&ue,me=i.width,he=void 0===me?260:me,ge=i.maxWidth,xe=void 0===ge?260:ge,fe=i.className,be=i.styles,Ee=i.reviewAction,Ce=i.totalPages;console.log("LOG: Total pages",Ce);var ve=n(function(){return(null!=N?N:G?A(G,Ee,V,L):[]).filter(function(e){return e.id!==y.SET_RANGE})},[N,L,V,G,Ee]),Fe=l(O),Se=Fe[0],ye=Fe[1],we=l(null==V?"":String(V)),Re=we[0],Me=we[1],Ae=l(null==L?"":String(L)),Ie=Ae[0],Te=Ae[1],ze=l(!1),We=ze[0],ke=ze[1],Pe=l(!1),_e=Pe[0],Ne=Pe[1],Ge=l(null),Be=Ge[0],De=Ge[1],He=l(!1),je=He[0],Oe=He[1],Ve=void 0===H?Se:H,Le=null==Ve?void 0:ve[Ve],Ue=(null==Le?void 0:Le.id)===R,Xe=null!=B,Ke=null!=D,$e=function(e){return!0===e.disabled||e.id===y.MERGE_PREV&&!Xe||e.id===y.MERGE_PREVIOUS&&!Xe||e.id===y.MERGE_NEXT&&!Ke||e.id===R&&!Xe&&!Ke},qe=Number(Re),Je=Number(Ie),Ye=Re.trim().length>0&&Ie.trim().length>0&&Number.isInteger(qe)&&Number.isInteger(Je)&&qe>0&&Je>0,Qe=null!=Ce&&qe>Ce,Ze=null!=Ce&&Je>Ce,ei=Re.trim().length>0&&Ie.trim().length>0&&Number.isInteger(qe)&&Number.isInteger(Je)&&qe>Je,ii=Ye&&qe<=Je&&!Qe&&!Ze,oi=ii&&qe===V&&Je===L,ti=pe||!Le||$e(Le)||Ue&&null==Be||!X&&!K;return o(g,e({className:fe,elevation:4,sx:w({width:he,maxWidth:xe,borderTop:"4px solid",borderColor:"error.main",borderRadius:2,bgcolor:"background.paper",overflow:"hidden",boxSizing:"border-box","@media (max-width: 372px)":{width:"calc(100vw - 32px)"}},null==be?void 0:be.root)},{children:t(f,e({spacing:.75,sx:{p:1}},{children:[t(f,e({direction:"row",alignItems:"center",spacing:.75,sx:null==be?void 0:be.header},{children:[o(S,{color:"error",height:16,width:16}),o(E,e({sx:{flex:1,color:"error.main",fontSize:12,fontWeight:500,lineHeight:1.25,textTransform:"uppercase"}},{children:T})),se&&o(h,e({size:"small",onClick:J,disabled:!J,"aria-label":"Close boundary check",sx:{p:0,"&.Mui-disabled":{color:"text.secondary"}}},{children:o(a,{sx:{fontSize:17}})}))]})),t(s,{children:[o(E,e({sx:{color:"text.primary",fontSize:14,fontWeight:500}},{children:z})),null!=W&&o(E,e({sx:{mt:.125,color:"text.secondary",fontSize:12}},{children:W})),o(m,{sx:{my:.625}}),null!=P?o(C,{children:P}):null!=k&&o(E,e({component:"div",sx:{color:"text.secondary",fontSize:11.5,lineHeight:1.3}},{children:k}))]}),t(f,e({spacing:.625,role:"radiogroup","aria-label":"Boundary options"},{children:[ve.map(function(i,r){var n=Ve===r,l=$e(i);return t(g,e({variant:"outlined",sx:w({borderColor:n?"#1976d2":"divider",borderRadius:2,bgcolor:l?"#F8FAFC":"background.paper",overflow:"hidden"},null==be?void 0:be.option)},{children:[t(p,e({role:"radio","aria-checked":n,disabled:pe||l,onClick:function(){return function(e,i){pe||$e(i)||(void 0===H&&ye(e),i.id!==R&&De(null),We&&(ke(!1),Ne(!1)),null==U||U(e,i))}(r,i)},sx:{width:"100%",justifyContent:"flex-start",px:.75,py:.5,textAlign:"left"}},{children:[o(x,{checked:n,disabled:pe||l,tabIndex:-1,size:"small",sx:{p:.25,mr:.5,"&.Mui-disabled":{color:"#CBD5E1"}}}),t(s,e({sx:{minWidth:0}},{children:[o(E,e({sx:{color:l?"#94A3B8":"text.primary",fontSize:12.5,fontWeight:500}},{children:i.title})),null!=i.description&&o(E,e({sx:{mt:.125,color:l?"#94A3B8":"text.secondary",fontSize:11}},{children:i.description}))]}))]})),n&&i.id===R&&o(f,e({direction:"row",spacing:.75,sx:w({px:.75,pb:.75},null==be?void 0:be.adjacentSelector)},{children:[{direction:"previous",title:null!=B?B:"No Previous document",caption:"← Merge into Previous",available:Xe},{direction:"next",title:null!=D?D:"No Next document",caption:"Merge into Next →",available:Ke}].map(function(i){var r=Be===i.direction;return t(f,e({sx:{flex:1,minWidth:0}},{children:[o(p,e({disabled:pe||!i.available,onClick:function(){return De(i.direction)},"aria-pressed":r,sx:{width:"100%",minWidth:0,minHeight:46,alignItems:"flex-start",justifyContent:"flex-start",p:.625,border:"1px solid",borderColor:r?"#7F56D9":"#D0D5DD",borderRadius:1.5,bgcolor:r?"#E0E7FF":"background.paper",color:r?"#7F56D9":i.available?"text.primary":"#98A2B3",textAlign:"left","&.Mui-disabled":{color:"#98A2B3",bgcolor:"#F8FAFC"}}},{children:o(E,e({sx:{color:"inherit",fontSize:11,fontWeight:500,lineHeight:1.25,overflowWrap:"anywhere"}},{children:i.title}))})),o(E,e({sx:{mt:.5,color:r?"#5925DC":"text.secondary",fontSize:9.5,lineHeight:1.2,whiteSpace:"nowrap",textAlign:"next"===i.direction?"right":"left"}},{children:i.caption}))]}),i.direction)})}))]}),i.id)}),Ue&&null!=Be&&t(f,e({direction:"row",alignItems:"flex-start",spacing:.625,sx:w({p:.75,border:"1px solid #FCA5A5",borderRadius:1.5,bgcolor:"#FEF2F2"},null==be?void 0:be.impactWarning)},{children:[o(S,{color:"error",height:14,width:14,sx:{mt:.125}}),t(E,e({sx:{color:"#DC2626",fontSize:10.5,lineHeight:1.4}},{children:["This will impact the ",Be," document. Its content and page range will change."]}))]})),o(u,e({variant:"contained",fullWidth:!0,disabled:ti,onClick:function(){if(!ti&&null!=Ve&&Le){var i=Ue?"previous"===Be?y.MERGE_PREVIOUS:y.MERGE_NEXT:Le.id,o=Ue?e(e({},Le),{id:i}):Le,t={selectedIndex:Ve,option:o,metadata:G};null==X||X(Ve,o,t),K&&M(i)&&K(i,t)}},sx:w({minHeight:32,mt:.25,borderRadius:2,fontSize:13,fontWeight:600,textTransform:"none",backgroundColor:"#5925DC","&:hover":{backgroundColor:"#4A1FB8"},"&.Mui-disabled":{backgroundColor:"#D9D6FE",color:"#FFFFFF"}},null==be?void 0:be.confirmButton)},{children:Q}))]})),le&&t(f,e({spacing:.625,sx:null==be?void 0:be.manualSection},{children:[t(p,e({disabled:pe,onClick:function(){var e=!We;ke(e),Ne(!1),e&&(void 0===H&&ye(null),null==q||q())},"aria-expanded":We,sx:{width:"100%",justifyContent:"space-between",borderRadius:1,textAlign:"left"}},{children:[o(s,{children:o(E,e({sx:{color:"text.primary",fontSize:12,fontWeight:600}},{children:ee}))}),o(c,{sx:{color:"text.secondary",fontSize:16,transform:We?"rotate(180deg)":"none",transition:"transform 150ms ease"}})]})),We&&!_e&&t(s,e({sx:{pt:.5,fontFamily:'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif'}},{children:[t(s,e({sx:{display:"grid",gridTemplateColumns:"1fr 1fr",columnGap:"8px",mb:"4px"}},{children:[o(E,e({sx:{fontSize:"10.5px",fontWeight:400,lineHeight:"14px",color:"#57697E",margin:0}},{children:"Starts"})),o(E,e({sx:{fontSize:"10.5px",fontWeight:400,lineHeight:"14px",color:"#57697E",margin:0}},{children:"Ends"}))]})),t(s,e({sx:{display:"grid",gridTemplateColumns:"1fr 1fr",columnGap:"8px",mb:"4px"}},{children:[t(s,{children:[o(b,{size:"small",type:"text",value:Re,disabled:pe,error:Qe||ei,onChange:function(e){var i=e.target.value;/^\d*$/.test(i)&&Me(i)},inputProps:{inputMode:"numeric",pattern:"[0-9]*"},sx:{"& .MuiOutlinedInput-root":{height:"30px",backgroundColor:"#FFFFFF","& fieldset":{borderColor:Qe||ei?"#EF4444":"#C3CFDC",borderWidth:"1px",borderRadius:"6px"},"&:hover fieldset":{borderColor:Qe||ei?"#EF4444":"#C3CFDC"},"&.Mui-focused fieldset":{borderColor:Qe||ei?"#EF4444":"#9488F6",borderWidth:"1px"}},"& .MuiOutlinedInput-input":{fontSize:"12px",fontWeight:400,lineHeight:"1",color:"#34445A",padding:"0 10px",height:"30px"}}}),Qe&&t(E,e({sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500}},{children:["Must be ≤ ",Ce," (total pages)"]})),ei&&!Qe&&o(E,e({sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500}},{children:"Must be ≤ end page"}))]}),t(s,{children:[o(b,{size:"small",type:"text",value:Ie,disabled:pe,error:Ze||ei,onChange:function(e){var i=e.target.value;/^\d*$/.test(i)&&Te(i)},inputProps:{inputMode:"numeric",pattern:"[0-9]*"},sx:{"& .MuiOutlinedInput-root":{height:"30px",backgroundColor:"#FFFFFF","& fieldset":{borderColor:Ze||ei?"#EF4444":"#C3CFDC",borderWidth:"1px",borderRadius:"6px"},"&:hover fieldset":{borderColor:Ze||ei?"#EF4444":"#C3CFDC"},"&.Mui-focused fieldset":{borderColor:Ze||ei?"#EF4444":"#9488F6",borderWidth:"1px"}},"& .MuiOutlinedInput-input":{fontSize:"12px",fontWeight:400,lineHeight:"1",color:"#34445A",padding:"0 10px",height:"30px"}}}),Ze&&t(E,e({sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500}},{children:["Must be ≤ ",Ce," (total pages)"]})),ei&&!Ze&&o(E,e({sx:{fontSize:"10px",color:"#EF4444",marginTop:"2px",fontWeight:500}},{children:"Must be ≥ start page"}))]})]})),o(s,{children:o(u,e({onClick:function(){ii&&(oi?Oe(!0):Ne(!0))},disabled:pe||!ii,sx:{height:"30px",padding:"0 12px",display:"inline-flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box",backgroundColor:"#FFFFFF",border:"1px solid #8E80F3",borderRadius:"6px",fontFamily:'Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif',fontSize:"12px",fontWeight:600,lineHeight:"1",color:"#4A24CF",outline:"none",cursor:"pointer",textTransform:"none",transition:"all 150ms ease-in-out","&:hover":ii?{backgroundColor:"#FAF9FF",borderColor:"#7F6FF0"}:{},"&:active":ii?{transform:"translateY(1px)"}:{},"&.Mui-disabled":{backgroundColor:"#FFFFFF",borderColor:"#C3CFDC",color:"#A0ABBE",cursor:"not-allowed"}}},{children:"Apply"}))}),oi&&je&&o(s,e({sx:{backgroundColor:"#FEF3C7",border:"1px solid #FBBF24",borderRadius:"6px",padding:"8px 10px",marginTop:"4px"}},{children:o(E,e({sx:{fontSize:"10px",color:"#B45309",fontWeight:500,lineHeight:1.4}},{children:"Please change the boundary to change the document boundary as no changes will be applied."}))})),o(s,{sx:{width:"100%",height:"1px",marginTop:"8px",backgroundColor:"#EEF0F2",border:"0"}})]})),We&&_e&&t(f,e({spacing:.75,sx:w({p:.75,borderRadius:1.5,bgcolor:"#FFF7ED"},null==be?void 0:be.manualConfirmation)},{children:[t(f,e({direction:"row",alignItems:"center",spacing:.5},{children:[o(S,{color:"warning",height:14,width:14}),o(E,e({sx:{color:"#EA580C",fontSize:11,fontWeight:600}},{children:"Confirm this change?"}))]})),t(E,e({sx:{color:"text.secondary",fontSize:10.5,lineHeight:1.4}},{children:["Pages ",qe,"-",Je," will become part of ",z,", including pages from other documents in this range."]})),t(f,e({direction:"row",spacing:.75},{children:[o(u,e({variant:"outlined",fullWidth:!0,onClick:function(){return Ne(!1)},sx:{minHeight:28,borderRadius:1.5,fontSize:11,textTransform:"none"}},{children:"Cancel"})),o(u,e({variant:"contained",fullWidth:!0,disabled:pe||!X,onClick:function(){if(ii&&X){var e={id:y.SET_RANGE,title:oe};X(-1,e,{selectedIndex:-1,option:e,startPage:qe,endPage:Je,metadata:G})}},sx:{minHeight:28,borderRadius:1.5,bgcolor:"#EA580C",fontSize:11,textTransform:"none","&:hover":{bgcolor:"#C2410C"}}},{children:"Confirm"}))]}))]}))]})),o(f,e({spacing:.625,sx:null==be?void 0:be.footer},{children:ae&&t(r,{children:[o(m,{}),t(p,e({onClick:$,disabled:!$,sx:{justifyContent:"space-between",borderRadius:1,textAlign:"left",cursor:$?"pointer":"not-allowed"}},{children:[t(f,e({direction:"row",alignItems:"center",spacing:1},{children:[o(v,{sx:{color:"text.secondary"}}),o(E,e({sx:{color:"text.primary",fontSize:12}},{children:re}))]})),t(f,e({direction:"row",alignItems:"center",spacing:.5},{children:[o(F,{score:_}),o(d,{sx:{color:"text.secondary"}})]}))]}))]})}))]}))}))}export{y as BoundaryReviewActionEnum,A as createBoundaryCardOptions,I as default,M as isBoundaryReviewAction};
 //# sourceMappingURL=BoundaryCard.js.map