@viswa-test/test-citation 0.0.385 → 0.0.387

package/dist/features/PromptCitation/_components/Markdownrenderer.js

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

package/dist/features/PromptCitation/_components/Markdownrenderer.js.map

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

package/dist/features/PromptemonBlockViewer/PromptemonBlockViewer.js

@@ -1,2 +1,2 @@
-import{jsxs as e,Fragment as o,jsx as r}from"react/jsx-runtime";import{useState as t,useEffect as i,useRef as n}from"react";import{Box as l,Typography as d,Tooltip as a,Dialog as s,IconButton as c,Chip as h}from"@mui/material";import g from"@mui/icons-material/Close";import m from"@mui/icons-material/Fullscreen";import f from"@monaco-editor/react";import p from"@mui/icons-material/DarkMode";import u from"@mui/icons-material/LightMode";const b={base:"vs-dark",inherit:!0,rules:[{token:"tag",foreground:"714be3",fontStyle:"bold"},{token:"attribute.name",foreground:"87CEFA"},{token:"attribute.value",foreground:"98FB98"},{token:"variable",foreground:"00FFFF"},{token:"delimiter",foreground:"888888"},{token:"white",foreground:"AAAAAA"}],colors:{"editor.foreground":"#FFFFFF","editor.background":"#030202","editorLineNumber.foreground":"#858585","editorCursor.foreground":"#FFFFFF","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070"}},x={base:"vs",inherit:!0,rules:[{token:"tag",foreground:"5928ED",fontStyle:"bold"},{token:"attribute.name",foreground:"AF00DB"},{token:"attribute.value",foreground:"008000"},{token:"variable",foreground:"B000B0"},{token:"delimiter",foreground:"808080"},{token:"white",foreground:"000000"}],colors:{"editor.foreground":"#000000","editor.background":"#FFFFFF","editorLineNumber.foreground":"#999999","editorCursor.foreground":"#000000","editorIndentGuide.background":"#CCCCCC","editorIndentGuide.activeBackground":"#999999"}},k=({isDarkMode:e,onChange:o})=>r(l,{onClick:()=>o(!e),sx:{width:52,height:24,borderRadius:"12px",bgcolor:e?"#5928ed":"#f0f0f0",border:"1px solid",borderColor:e?"#5928ed":"#d1d5db",display:"flex",alignItems:"center",px:.4,cursor:"pointer",transition:"all 0.2s",justifyContent:e?"flex-end":"flex-start"},children:r(l,{sx:{width:18,height:18,borderRadius:"50%",bgcolor:e?"#1e1e2e":"#f59e0b",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},children:r(e?p:u,{sx:{fontSize:11,color:"#fff"}})})}),w=({content:t,selectedTag:d,highlightVariable:a,isDarkMode:s,height:c=250,fontSize:h=12,editorBackgroundColor:g})=>{const m=n(),p=n(),u=()=>g?{...b,colors:{...b.colors,"editor.background":g}}:b;return i(()=>{if(!d||!m.current||!p.current)return;const e=m.current,o=e.getModel();if(!o)return;const r=o.getValue().split("\n");let t=-1;for(let e=0;e<r.length;e++){const o=r[e].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(o&&o[1].trim().toLowerCase()===d.toLowerCase()){t=e+1;break}}if(t>0){let o=t;const i=`</${d.toLowerCase()}>`;for(let e=t;e<r.length;e++)if(r[e].toLowerCase().includes(i)){o=e+1;break}e.setSelection(new p.current.Selection(t,1,t,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(t);const n=e.deltaDecorations([],[{range:new p.current.Range(t,1,o,r[o-1].length+1),options:{isWholeLine:!0,className:"promptemon-highlight",inlineClassName:"promptemon-highlight"}}]);setTimeout(()=>e.deltaDecorations(n,[]),2e3)}},[d]),i(()=>{if(!a||!m.current||!p.current)return;const e=m.current,o=e.getModel();if(!o)return;const r=o.getValue().split("\n"),t=[];for(let e=0;e<r.length;e++){let o=r[e].indexOf(a);for(;-1!==o;)t.push(new p.current.Range(e+1,o+1,e+1,o+a.length+1)),o=r[e].indexOf(a,o+1)}if(0===t.length)return;e.revealLineInCenterIfOutsideViewport(t[0].startLineNumber);const i=e.deltaDecorations([],t.map(e=>({range:e,options:{inlineClassName:"promptemon-variable-highlight"}})));setTimeout(()=>e.deltaDecorations(i,[]),2e3)},[a]),i(()=>{p.current&&p.current.editor.setTheme(s?"promptemonDark":"promptemonLight")},[s]),e(o,{children:[r("style",{children:"\n                .promptemon-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            "}),e(l,{sx:{width:"100%",height:c,display:"flex",flexDirection:"column"},children:[r(l,{sx:{width:"100%",height:20,bgcolor:s?g||"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),r(l,{sx:{flex:1,minHeight:0,overflow:"hidden"},children:r(f,{onMount:(e,o)=>{m.current=e,p.current=o,o.editor.defineTheme("promptemonDark",u()),o.editor.defineTheme("promptemonLight",x),o.editor.setTheme(s?"promptemonDark":"promptemonLight"),o.languages.register({id:"promptemonLang"}),o.languages.setMonarchTokensProvider("promptemonLang",{tokenizer:{root:[[/(<)([a-zA-Z0-9\-]+)(\s*)/,["delimiter","tag","white"],"@tagBody"],[/(<\/)([a-zA-Z0-9\-]+)(\s*)(>)/,["delimiter","tag","white","delimiter"]],[/{{[^}]+}}/,"variable"]],tagBody:[[/[a-zA-Z0-9\:\-]+(?=\=)/,"attribute.name"],[/=/,"delimiter"],[/(".*?"|'.*?')/,"attribute.value"],[/\s+/,"white"],[/(\/?>)/,{token:"delimiter",next:"@pop"}]]}}),o.languages.registerFoldingRangeProvider("promptemonLang",{provideFoldingRanges:e=>{const o=e.getLinesContent(),r=[],t=[];return o.forEach((e,o)=>{const i=o+1,n=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),l=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(n&&!e.includes("/>")&&t.push({tag:n[1],start:i}),l){const e=l[1];for(let o=t.length-1;o>=0;o--)if(t[o].tag===e){r.push({start:t[o].start,end:i}),t.splice(o,1);break}}}),r}})},beforeMount:e=>{e.editor.defineTheme("promptemonDark",u()),e.editor.defineTheme("promptemonLight",x),e.editor.setTheme(s?"promptemonDark":"promptemonLight")},theme:s?"promptemonDark":"promptemonLight",value:t,language:"promptemonLang",onChange:()=>{},options:{fontSize:h,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})}),r(l,{sx:{width:"100%",height:20,bgcolor:s?g||"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]})]})},y=({title:n,description:f,content:p,height:u=250,selectedTag:b,highlightVariable:x,className:y,style:C,showThemeToggle:v=!0,theme:F="dark",editorBackgroundColor:L,fontSize:z=12,titleFontSize:B,titleStyle:S})=>{const[D,R]=t("dark"===F),[E,T]=t(!1);return i(()=>{R("dark"===F)},[F]),e(o,{children:[e(l,{className:y,style:C,sx:{border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"},children:[e(l,{sx:{px:1.5,py:.75,bgcolor:D?L||"#030202":"#f9fafb",borderBottom:D?"1px solid #333":"1px solid #e5e7eb",display:"flex",alignItems:"center",justify:"space-between"},children:[r(d,{style:S,sx:{fontSize:B||"0.72rem",color:D?"#e5e7eb":"#374151",fontWeight:600},children:n}),e(l,{sx:{display:"flex",alignItems:"center",gap:.75},children:[v&&r(k,{isDarkMode:D,onChange:R}),r(a,{title:"Fullscreen",placement:"top",children:r(l,{onClick:()=>T(!0),sx:{cursor:"pointer",display:"flex",alignItems:"center",p:.3,borderRadius:"4px","&:hover":{bgcolor:D?"#333":"#e5e7eb"}},children:r(m,{sx:{fontSize:"0.9rem",color:D?"#9ca3af":"#6b7280"}})})})]})]}),r(l,{sx:{height:u,bgcolor:D?L||"#030202":"#fff"},children:r(w,{content:p,selectedTag:b,highlightVariable:x,isDarkMode:D,height:u,fontSize:z,editorBackgroundColor:L})})]}),e(s,{open:E,onClose:()=>T(!1),maxWidth:!1,PaperProps:{sx:{width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"}},children:[e(l,{sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},children:[r(d,{sx:{fontWeight:700,fontSize:"1rem",color:"#111827"},children:n}),r(c,{size:"small",onClick:()=>T(!1),children:r(g,{sx:{fontSize:"1.1rem",color:"#6B7280"}})})]}),e(l,{sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0},children:[f&&e(l,{sx:{width:"35%",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:[r(h,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}}),r(d,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"},children:n})]}),r(l,{sx:{flex:1,p:2,overflowY:"auto"},children:e(l,{sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5},children:[r(d,{sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75},children:"Description"}),r(d,{sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6},children:f})]})})]}),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:[r(d,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"},children:"Prompt Preview"}),v&&r(k,{isDarkMode:D,onChange:R})]}),r(l,{sx:{flex:1,minHeight:0,p:1.5},children:r(w,{content:p,selectedTag:b,highlightVariable:x,isDarkMode:D,height:"100%",fontSize:13})})]})]})]})]})};export{y as default};
+import{__assign as e}from"tslib";import{jsxs as r,Fragment as o,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as n,useRef as l}from"react";import{Box as a,Typography as d,Tooltip as s,Dialog as c,IconButton as f,Chip as h}from"@mui/material";import g from"@mui/icons-material/Close";import u from"@mui/icons-material/Fullscreen";import m from"@monaco-editor/react";import p from"@mui/icons-material/DarkMode";import b from"@mui/icons-material/LightMode";var x={base:"vs-dark",inherit:!0,rules:[{token:"tag",foreground:"714be3",fontStyle:"bold"},{token:"attribute.name",foreground:"87CEFA"},{token:"attribute.value",foreground:"98FB98"},{token:"variable",foreground:"00FFFF"},{token:"delimiter",foreground:"888888"},{token:"white",foreground:"AAAAAA"}],colors:{"editor.foreground":"#FFFFFF","editor.background":"#030202","editorLineNumber.foreground":"#858585","editorCursor.foreground":"#FFFFFF","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070"}},v={base:"vs",inherit:!0,rules:[{token:"tag",foreground:"5928ED",fontStyle:"bold"},{token:"attribute.name",foreground:"AF00DB"},{token:"attribute.value",foreground:"008000"},{token:"variable",foreground:"B000B0"},{token:"delimiter",foreground:"808080"},{token:"white",foreground:"000000"}],colors:{"editor.foreground":"#000000","editor.background":"#FFFFFF","editorLineNumber.foreground":"#999999","editorCursor.foreground":"#000000","editorIndentGuide.background":"#CCCCCC","editorIndentGuide.activeBackground":"#999999"}},k=function(r){var o=r.isDarkMode,i=r.onChange;return t(a,e({onClick:function(){return i(!o)},sx:{width:52,height:24,borderRadius:"12px",bgcolor:o?"#5928ed":"#f0f0f0",border:"1px solid",borderColor:o?"#5928ed":"#d1d5db",display:"flex",alignItems:"center",px:.4,cursor:"pointer",transition:"all 0.2s",justifyContent:o?"flex-end":"flex-start"}},{children:t(a,e({sx:{width:18,height:18,borderRadius:"50%",bgcolor:o?"#1e1e2e":"#f59e0b",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"}},{children:t(o?p:b,{sx:{fontSize:11,color:"#fff"}})}))}))},w=function(i){var d=i.content,s=i.selectedTag,c=i.highlightVariable,f=i.isDarkMode,h=i.height,g=void 0===h?250:h,u=i.fontSize,p=void 0===u?12:u,b=i.editorBackgroundColor,k=l(),w=l(),y=function(){return b?e(e({},x),{colors:e(e({},x.colors),{"editor.background":b})}):x};return n(function(){if(s&&k.current&&w.current){var e=k.current,r=e.getModel();if(r){for(var o=r.getValue().split("\n"),t=-1,i=0;i<o.length;i++){var n=o[i].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(n&&n[1].trim().toLowerCase()===s.toLowerCase()){t=i+1;break}}if(t>0){var l=t,a="</".concat(s.toLowerCase(),">");for(i=t;i<o.length;i++)if(o[i].toLowerCase().includes(a)){l=i+1;break}e.setSelection(new w.current.Selection(t,1,t,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(t);var d=e.deltaDecorations([],[{range:new w.current.Range(t,1,l,o[l-1].length+1),options:{isWholeLine:!0,className:"promptemon-highlight",inlineClassName:"promptemon-highlight"}}]);setTimeout(function(){return e.deltaDecorations(d,[])},2e3)}}}},[s]),n(function(){if(c&&k.current&&w.current){var e=k.current,r=e.getModel();if(r){for(var o=r.getValue().split("\n"),t=[],i=0;i<o.length;i++)for(var n=o[i].indexOf(c);-1!==n;)t.push(new w.current.Range(i+1,n+1,i+1,n+c.length+1)),n=o[i].indexOf(c,n+1);if(0!==t.length){e.revealLineInCenterIfOutsideViewport(t[0].startLineNumber);var l=e.deltaDecorations([],t.map(function(e){return{range:e,options:{inlineClassName:"promptemon-variable-highlight"}}}));setTimeout(function(){return e.deltaDecorations(l,[])},2e3)}}}},[c]),n(function(){w.current&&w.current.editor.setTheme(f?"promptemonDark":"promptemonLight")},[f]),r(o,{children:[t("style",{children:"\n                .promptemon-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            "}),r(a,e({sx:{width:"100%",height:g,display:"flex",flexDirection:"column"}},{children:[t(a,{sx:{width:"100%",height:20,bgcolor:f?b||"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),t(a,e({sx:{flex:1,minHeight:0,overflow:"hidden"}},{children:t(m,{onMount:function(e,r){k.current=e,w.current=r,r.editor.defineTheme("promptemonDark",y()),r.editor.defineTheme("promptemonLight",v),r.editor.setTheme(f?"promptemonDark":"promptemonLight"),r.languages.register({id:"promptemonLang"}),r.languages.setMonarchTokensProvider("promptemonLang",{tokenizer:{root:[[/(<)([a-zA-Z0-9\-]+)(\s*)/,["delimiter","tag","white"],"@tagBody"],[/(<\/)([a-zA-Z0-9\-]+)(\s*)(>)/,["delimiter","tag","white","delimiter"]],[/{{[^}]+}}/,"variable"]],tagBody:[[/[a-zA-Z0-9\:\-]+(?=\=)/,"attribute.name"],[/=/,"delimiter"],[/(".*?"|'.*?')/,"attribute.value"],[/\s+/,"white"],[/(\/?>)/,{token:"delimiter",next:"@pop"}]]}}),r.languages.registerFoldingRangeProvider("promptemonLang",{provideFoldingRanges:function(e){var r=e.getLinesContent(),o=[],t=[];return r.forEach(function(e,r){var i=r+1,n=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),l=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(n&&!e.includes("/>")&&t.push({tag:n[1],start:i}),l)for(var a=l[1],d=t.length-1;d>=0;d--)if(t[d].tag===a){o.push({start:t[d].start,end:i}),t.splice(d,1);break}}),o}})},beforeMount:function(e){e.editor.defineTheme("promptemonDark",y()),e.editor.defineTheme("promptemonLight",v),e.editor.setTheme(f?"promptemonDark":"promptemonLight")},theme:f?"promptemonDark":"promptemonLight",value:d,language:"promptemonLang",onChange:function(){},options:{fontSize:p,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})})),t(a,{sx:{width:"100%",height:20,bgcolor:f?b||"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]}))]})},y=function(l){var m=l.title,p=l.description,b=l.content,x=l.height,v=void 0===x?250:x,y=l.selectedTag,C=l.highlightVariable,F=l.className,L=l.style,z=l.showThemeToggle,B=void 0===z||z,S=l.theme,D=void 0===S?"dark":S,R=l.editorBackgroundColor,E=l.fontSize,T=void 0===E?12:E,I=l.titleFontSize,A=l.titleStyle,M=i("dark"===D),W=M[0],N=M[1],V=i(!1),P=V[0],j=V[1];return n(function(){N("dark"===D)},[D]),r(o,{children:[r(a,e({className:F,style:L,sx:{border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"}},{children:[r(a,e({sx:{px:1.5,py:.75,bgcolor:W?R||"#030202":"#f9fafb",borderBottom:W?"1px solid #333":"1px solid #e5e7eb",display:"flex",alignItems:"center",justify:"space-between"}},{children:[t(d,e({style:A,sx:{fontSize:I||"0.72rem",color:W?"#e5e7eb":"#374151",fontWeight:600}},{children:m})),r(a,e({sx:{display:"flex",alignItems:"center",gap:.75}},{children:[B&&t(k,{isDarkMode:W,onChange:N}),t(s,e({title:"Fullscreen",placement:"top"},{children:t(a,e({onClick:function(){return j(!0)},sx:{cursor:"pointer",display:"flex",alignItems:"center",p:.3,borderRadius:"4px","&:hover":{bgcolor:W?"#333":"#e5e7eb"}}},{children:t(u,{sx:{fontSize:"0.9rem",color:W?"#9ca3af":"#6b7280"}})}))}))]}))]})),t(a,e({sx:{height:v,bgcolor:W?R||"#030202":"#fff"}},{children:t(w,{content:b,selectedTag:y,highlightVariable:C,isDarkMode:W,height:v,fontSize:T,editorBackgroundColor:R})}))]})),r(c,e({open:P,onClose:function(){return j(!1)},maxWidth:!1,PaperProps:{sx:{width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"}}},{children:[r(a,e({sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0}},{children:[t(d,e({sx:{fontWeight:700,fontSize:"1rem",color:"#111827"}},{children:m})),t(f,e({size:"small",onClick:function(){return j(!1)}},{children:t(g,{sx:{fontSize:"1.1rem",color:"#6B7280"}})}))]})),r(a,e({sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0}},{children:[p&&r(a,e({sx:{width:"35%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[r(a,e({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1}},{children:[t(h,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}}),t(d,e({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:m}))]})),t(a,e({sx:{flex:1,p:2,overflowY:"auto"}},{children:r(a,e({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5}},{children:[t(d,e({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75}},{children:"Description"})),t(d,e({sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6}},{children:p}))]}))}))]})),r(a,e({sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[r(a,e({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[t(d,e({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:"Prompt Preview"})),B&&t(k,{isDarkMode:W,onChange:N})]})),t(a,e({sx:{flex:1,minHeight:0,p:1.5}},{children:t(w,{content:b,selectedTag:y,highlightVariable:C,isDarkMode:W,height:"100%",fontSize:13})}))]}))]}))]}))]})};export{y as default};
 //# sourceMappingURL=PromptemonBlockViewer.js.map

package/dist/features/PromptemonBlockViewer/PromptemonBlockViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromptemonBlockViewer.js","sources":["../../../src/features/PromptemonBlockViewer/PromptemonBlockViewer.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport {\n    Box,\n    Typography,\n    Chip,\n    IconButton,\n    Tooltip,\n    Dialog,\n} from \"@mui/material\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport FullscreenIcon from \"@mui/icons-material/Fullscreen\";\nimport Editor, { OnMount, Monaco } from \"@monaco-editor/react\";\nimport type * as monaco from \"monaco-editor\";\nimport DarkModeIcon from \"@mui/icons-material/DarkMode\";\nimport LightModeIcon from \"@mui/icons-material/LightMode\";\n\nexport interface PromptemonBlockViewerProps {\n    title: string;\n    description?: string;\n    content: string;\n    height?: number | string;\n    selectedTag?: string;\n    highlightVariable?: string;\n    className?: string;\n    style?: React.CSSProperties;\n    showThemeToggle?: boolean;\n    theme?: \"dark\" | \"light\";\n    /** Custom editor background color override */\n    editorBackgroundColor?: string;\n    /** Font size for the Monaco code editor */\n    fontSize?: number;\n    /** Font size for the title header */\n    titleFontSize?: string | number;\n    /** Custom styles for the title header */\n    titleStyle?: React.CSSProperties;\n}\n\nconst DARK_THEME = {\n    base: \"vs-dark\" as const,\n    inherit: true,\n    rules: [\n        { token: \"tag\", foreground: \"714be3\", fontStyle: \"bold\" },\n        { token: \"attribute.name\", foreground: \"87CEFA\" },\n        { token: \"attribute.value\", foreground: \"98FB98\" },\n        { token: \"variable\", foreground: \"00FFFF\" },\n        { token: \"delimiter\", foreground: \"888888\" },\n        { token: \"white\", foreground: \"AAAAAA\" },\n    ],\n    colors: {\n        \"editor.foreground\": \"#FFFFFF\",\n        \"editor.background\": \"#030202\",\n        \"editorLineNumber.foreground\": \"#858585\",\n        \"editorCursor.foreground\": \"#FFFFFF\",\n        \"editorIndentGuide.background\": \"#404040\",\n        \"editorIndentGuide.activeBackground\": \"#707070\",\n    },\n};\n\nconst LIGHT_THEME = {\n    base: \"vs\" as const,\n    inherit: true,\n    rules: [\n        { token: \"tag\", foreground: \"5928ED\", fontStyle: \"bold\" },\n        { token: \"attribute.name\", foreground: \"AF00DB\" },\n        { token: \"attribute.value\", foreground: \"008000\" },\n        { token: \"variable\", foreground: \"B000B0\" },\n        { token: \"delimiter\", foreground: \"808080\" },\n        { token: \"white\", foreground: \"000000\" },\n    ],\n    colors: {\n        \"editor.foreground\": \"#000000\",\n        \"editor.background\": \"#FFFFFF\",\n        \"editorLineNumber.foreground\": \"#999999\",\n        \"editorCursor.foreground\": \"#000000\",\n        \"editorIndentGuide.background\": \"#CCCCCC\",\n        \"editorIndentGuide.activeBackground\": \"#999999\",\n    },\n};\n\n\nconst ThemeToggle = ({ isDarkMode, onChange }: { isDarkMode: boolean; onChange: (v: boolean) => void }) => (\n    <Box\n        onClick={() => onChange(!isDarkMode)}\n        sx={{\n            width: 52, height: 24, borderRadius: \"12px\",\n            bgcolor: isDarkMode ? \"#5928ed\" : \"#f0f0f0\",\n            border: \"1px solid\",\n            borderColor: isDarkMode ? \"#5928ed\" : \"#d1d5db\",\n            display: \"flex\", alignItems: \"center\", px: 0.4,\n            cursor: \"pointer\", transition: \"all 0.2s\",\n            justifyContent: isDarkMode ? \"flex-end\" : \"flex-start\",\n        }}\n    >\n        <Box sx={{ width: 18, height: 18, borderRadius: \"50%\", bgcolor: isDarkMode ? \"#1e1e2e\" : \"#f59e0b\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", transition: \"all 0.2s\" }}>\n            {isDarkMode\n                ? <DarkModeIcon sx={{ fontSize: 11, color: \"#fff\" }} />\n                : <LightModeIcon sx={{ fontSize: 11, color: \"#fff\" }} />\n            }\n        </Box>\n    </Box>\n);\n\ninterface InternalEditorProps {\n    content: string;\n    selectedTag?: string;\n    highlightVariable?: string;\n    isDarkMode: boolean;\n    height?: number | string;\n    fontSize?: number;\n    editorBackgroundColor?: string;\n}\n\nconst InternalEditor = ({\n    content,\n    selectedTag,\n    highlightVariable,\n    isDarkMode,\n    height = 250,\n    fontSize = 12,\n    editorBackgroundColor,\n}: InternalEditorProps) => {\n    const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n    const monacoRef = useRef<Monaco>();\n\n    const getDarkTheme = () => {\n        if (!editorBackgroundColor) return DARK_THEME;\n        return {\n            ...DARK_THEME,\n            colors: {\n                ...DARK_THEME.colors,\n                \"editor.background\": editorBackgroundColor,\n            },\n        };\n    };\n\n    const handleBeforeMount = (monaco: Monaco) => {\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonDark\", getDarkTheme());\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonLight\", LIGHT_THEME);\n        monaco.editor.setTheme(isDarkMode ? \"promptemonDark\" : \"promptemonLight\");\n    };\n\n    const handleEditorMount: OnMount = (editor, monaco) => {\n        editorRef.current = editor;\n        monacoRef.current = monaco;\n\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonDark\", getDarkTheme());\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonLight\", LIGHT_THEME);\n        monaco.editor.setTheme(isDarkMode ? \"promptemonDark\" : \"promptemonLight\");\n\n        monaco.languages.register({ id: \"promptemonLang\" });\n        monaco.languages.setMonarchTokensProvider(\"promptemonLang\", {\n            tokenizer: {\n                root: [\n                    [/(<)([a-zA-Z0-9\\-]+)(\\s*)/, [\"delimiter\", \"tag\", \"white\"], \"@tagBody\"],\n                    [/(<\\/)([a-zA-Z0-9\\-]+)(\\s*)(>)/, [\"delimiter\", \"tag\", \"white\", \"delimiter\"]],\n                    [/{{[^}]+}}/, \"variable\"],\n                ],\n                tagBody: [\n                    [/[a-zA-Z0-9\\:\\-]+(?=\\=)/, \"attribute.name\"],\n                    [/=/, \"delimiter\"],\n                    [/(\".*?\"|'.*?')/, \"attribute.value\"],\n                    [/\\s+/, \"white\"],\n                    [/(\\/?>)/, { token: \"delimiter\", next: \"@pop\" }],\n                ],\n            },\n        });\n\n        monaco.languages.registerFoldingRangeProvider(\"promptemonLang\", {\n            provideFoldingRanges: (model) => {\n                const lines = model.getLinesContent();\n                const foldingRanges: any[] = [];\n                const stack: { tag: string; start: number }[] = [];\n                lines.forEach((line, index) => {\n                    const lineNumber = index + 1;\n                    const openTagMatch = line.match(/<([a-zA-Z0-9\\-]+)(\\s[^>]*)?>/);\n                    const closeTagMatch = line.match(/<\\/([a-zA-Z0-9\\-]+)>/);\n                    if (openTagMatch && !line.includes(\"/>\")) {\n                        stack.push({ tag: openTagMatch[1], start: lineNumber });\n                    }\n                    if (closeTagMatch) {\n                        const tag = closeTagMatch[1];\n                        for (let i = stack.length - 1; i >= 0; i--) {\n                            if (stack[i].tag === tag) {\n                                foldingRanges.push({ start: stack[i].start, end: lineNumber });\n                                stack.splice(i, 1);\n                                break;\n                            }\n                        }\n                    }\n                });\n                return foldingRanges;\n            },\n        });\n    };\n\n    // selectedTag highlight\n    useEffect(() => {\n        if (!selectedTag || !editorRef.current || !monacoRef.current) return;\n        const editor = editorRef.current;\n        const model = editor.getModel();\n        if (!model) return;\n        const lines = model.getValue().split(\"\\n\");\n        let targetLine = -1;\n        for (let i = 0; i < lines.length; i++) {\n            const tagMatch = lines[i].match(/<([^\\s>\\/]+(?:\\s[^\\s>\\/]+)*)/);\n            if (tagMatch && tagMatch[1].trim().toLowerCase() === selectedTag.toLowerCase()) {\n                targetLine = i + 1;\n                break;\n            }\n        }\n        if (targetLine > 0) {\n            let closingLine = targetLine;\n            const closingTagLower = `</${selectedTag.toLowerCase()}>`;\n            for (let i = targetLine; i < lines.length; i++) {\n                if (lines[i].toLowerCase().includes(closingTagLower)) {\n                    closingLine = i + 1;\n                    break;\n                }\n            }\n            editor.setSelection(new monacoRef.current.Selection(targetLine, 1, targetLine, 1));\n            editor.trigger(null, \"editor.unfold\", {});\n            editor.revealLineInCenterIfOutsideViewport(targetLine);\n            const decorations = editor.deltaDecorations([], [\n                {\n                    range: new monacoRef.current.Range(targetLine, 1, closingLine, lines[closingLine - 1].length + 1),\n                    options: {\n                        isWholeLine: true,\n                        className: \"promptemon-highlight\",\n                        inlineClassName: \"promptemon-highlight\",\n                    },\n                },\n            ]);\n            setTimeout(() => editor.deltaDecorations(decorations, []), 2000);\n        }\n    }, [selectedTag]);\n\n    // highlightVariable\n    useEffect(() => {\n        if (!highlightVariable || !editorRef.current || !monacoRef.current) return;\n        const editor = editorRef.current;\n        const model = editor.getModel();\n        if (!model) return;\n        const lines = model.getValue().split(\"\\n\");\n        const ranges: monaco.Range[] = [];\n        for (let i = 0; i < lines.length; i++) {\n            let col = lines[i].indexOf(highlightVariable);\n            while (col !== -1) {\n                ranges.push(new monacoRef.current.Range(i + 1, col + 1, i + 1, col + highlightVariable.length + 1));\n                col = lines[i].indexOf(highlightVariable, col + 1);\n            }\n        }\n        if (ranges.length === 0) return;\n        editor.revealLineInCenterIfOutsideViewport(ranges[0].startLineNumber);\n        const decorations = editor.deltaDecorations(\n            [],\n            ranges.map((range) => ({\n                range,\n                options: { inlineClassName: \"promptemon-variable-highlight\" },\n            }))\n        );\n        setTimeout(() => editor.deltaDecorations(decorations, []), 2000);\n    }, [highlightVariable]);\n\n    // theme change\n    useEffect(() => {\n        if (!monacoRef.current) return;\n        monacoRef.current.editor.setTheme(isDarkMode ? \"promptemonDark\" : \"promptemonLight\");\n    }, [isDarkMode]);\n\n    return (\n        <>\n            <style>{`\n                .promptemon-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            `}</style>\n            <Box sx={{ width: \"100%\", height, display: \"flex\", flexDirection: \"column\" }}>\n                <Box sx={{ width: \"100%\", height: 20, bgcolor: isDarkMode ? (editorBackgroundColor || \"#030202\") : \"#fff\", borderTopLeftRadius: 8, borderTopRightRadius: 8 }} />\n                <Box sx={{ flex: 1, minHeight: 0, overflow: \"hidden\" }}>\n                    <Editor\n                        onMount={handleEditorMount}\n                        beforeMount={handleBeforeMount}\n                        theme={isDarkMode ? \"promptemonDark\" : \"promptemonLight\"}\n                        value={content}\n                        language=\"promptemonLang\"\n                        onChange={() => {}}\n                        options={{\n                            fontSize,\n                            minimap: { enabled: false },\n                            wordWrap: \"on\",\n                            lineNumbers: \"on\",\n                            readOnly: true,\n                            domReadOnly: true,\n                            scrollBeyondLastLine: false,\n                            padding: { top: 4, bottom: 12 },\n                            folding: true,\n                            automaticLayout: true,\n                            scrollbar: { vertical: \"visible\", horizontal: \"visible\", verticalScrollbarSize: 8 },\n                        }}\n                    />\n                </Box>\n                <Box sx={{ width: \"100%\", height: 20, bgcolor: isDarkMode ? (editorBackgroundColor || \"#030202\") : \"#fff\", borderBottomLeftRadius: 8, borderBottomRightRadius: 8 }} />\n            </Box>\n        </>\n    );\n};\n\n\n\nconst PromptemonBlockViewer = ({\n    title,\n    description,\n    content,\n    height = 250,\n    selectedTag,\n    highlightVariable,\n    className,\n    style,\n    showThemeToggle = true,\n    theme = \"dark\",\n    editorBackgroundColor,\n    fontSize = 12,\n    titleFontSize,\n    titleStyle,\n}: PromptemonBlockViewerProps) => {\n    const [isDarkMode, setIsDarkMode] = useState(theme === \"dark\");\n    const [isFullscreen, setIsFullscreen] = useState(false);\n\n    useEffect(() => {\n        setIsDarkMode(theme === \"dark\");\n    }, [theme]);\n\n    return (\n        <>\n            {/* ── Mini View ── */}\n            <Box className={className} style={style} sx={{ border: \"1px solid #e5e7eb\", borderRadius: \"8px\", overflow: \"hidden\" }}>\n                {/* Mini header */}\n                <Box\n                    sx={{\n                        px: 1.5,\n                        py: 0.75,\n                        bgcolor: isDarkMode ? (editorBackgroundColor || \"#030202\") : \"#f9fafb\",\n                        borderBottom: isDarkMode ? \"1px solid #333\" : \"1px solid #e5e7eb\",\n                        display: \"flex\",\n                        alignItems: \"center\",\n                        justify: \"space-between\"\n                    }}\n                >\n                    <Typography style={titleStyle} sx={{ fontSize: titleFontSize || \"0.72rem\", color: isDarkMode ? \"#e5e7eb\" : \"#374151\", fontWeight: 600 }}>\n                        {title}\n                    </Typography>\n                    <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 0.75 }}>\n                        {showThemeToggle && (\n                            <ThemeToggle isDarkMode={isDarkMode} onChange={setIsDarkMode} />\n                        )}\n                        <Tooltip title=\"Fullscreen\" placement=\"top\">\n                            <Box\n                                onClick={() => setIsFullscreen(true)}\n                                sx={{ cursor: \"pointer\", display: \"flex\", alignItems: \"center\", p: 0.3, borderRadius: \"4px\", \"&:hover\": { bgcolor: isDarkMode ? \"#333\" : \"#e5e7eb\" } }}\n                            >\n                                <FullscreenIcon sx={{ fontSize: \"0.9rem\", color: isDarkMode ? \"#9ca3af\" : \"#6b7280\" }} />\n                            </Box>\n                        </Tooltip>\n                    </Box>\n                </Box>\n\n                {/* Mini editor */}\n                <Box sx={{ height, bgcolor: isDarkMode ? (editorBackgroundColor || \"#030202\") : \"#fff\" }}>\n                    <InternalEditor\n                        content={content}\n                        selectedTag={selectedTag}\n                        highlightVariable={highlightVariable}\n                        isDarkMode={isDarkMode}\n                        height={height}\n                        fontSize={fontSize}\n                        editorBackgroundColor={editorBackgroundColor}\n                    />\n                </Box>\n            </Box>\n\n            {/* ── Fullscreen Dialog ── */}\n            <Dialog\n                open={isFullscreen}\n                onClose={() => setIsFullscreen(false)}\n                maxWidth={false}\n                PaperProps={{\n                    sx: {\n                        width: \"82vw\",\n                        height: \"80vh\",\n                        maxWidth: \"none\",\n                        borderRadius: \"12px\",\n                        overflow: \"hidden\",\n                        display: \"flex\",\n                        flexDirection: \"column\",\n                    },\n                }}\n            >\n                {/* Dialog title bar */}\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\" }}>\n                        {title}\n                    </Typography>\n                    <IconButton size=\"small\" onClick={() => setIsFullscreen(false)}>\n                        <CloseIcon sx={{ fontSize: \"1.1rem\", color: \"#6B7280\" }} />\n                    </IconButton>\n                </Box>\n\n                {/* Dialog body */}\n                <Box sx={{ flex: 1, display: \"flex\", overflow: \"hidden\", minHeight: 0 }}>\n                    {/* Left panel — description */}\n                    {description && (\n                        <Box sx={{ width: \"35%\", 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                                <Chip label=\"APB\" size=\"small\" sx={{ bgcolor: \"#f1f5f9\", color: \"#475569\", fontWeight: 700, fontSize: 10, height: 20, borderRadius: 1 }} />\n                                <Typography sx={{ fontWeight: 600, fontSize: \"0.85rem\", color: \"#111827\" }}>\n                                    {title}\n                                </Typography>\n                            </Box>\n                            <Box sx={{ flex: 1, p: 2, 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 }}>\n                                        {description}\n                                    </Typography>\n                                </Box>\n                            </Box>\n                        </Box>\n                    )}\n\n                    {/* Right panel — editor */}\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                            {showThemeToggle && (\n                                <ThemeToggle isDarkMode={isDarkMode} onChange={setIsDarkMode} />\n                            )}\n                        </Box>\n                        <Box sx={{ flex: 1, minHeight: 0, p: 1.5 }}>\n                            <InternalEditor\n                                content={content}\n                                selectedTag={selectedTag}\n                                highlightVariable={highlightVariable}\n                                isDarkMode={isDarkMode}\n                                height=\"100%\"\n                                fontSize={13}\n                            />\n                        </Box>\n                    </Box>\n                </Box>\n            </Dialog>\n        </>\n    );\n};\n\nexport default PromptemonBlockViewer;"],"names":["DARK_THEME","base","inherit","rules","token","foreground","fontStyle","colors","LIGHT_THEME","ThemeToggle","isDarkMode","onChange","jsx","Box","onClick","sx","width","height","borderRadius","bgcolor","border","borderColor","display","alignItems","px","cursor","transition","justifyContent","children","DarkModeIcon","LightModeIcon","fontSize","color","InternalEditor","content","selectedTag","highlightVariable","editorBackgroundColor","editorRef","useRef","monacoRef","getDarkTheme","useEffect","current","editor","model","getModel","lines","getValue","split","targetLine","i","length","tagMatch","match","trim","toLowerCase","closingLine","closingTagLower","includes","setSelection","Selection","trigger","revealLineInCenterIfOutsideViewport","decorations","deltaDecorations","range","Range","options","isWholeLine","className","inlineClassName","setTimeout","ranges","col","indexOf","push","startLineNumber","map","setTheme","jsxs","Fragment","flexDirection","borderTopLeftRadius","borderTopRightRadius","flex","minHeight","overflow","Editor","onMount","monaco","defineTheme","languages","register","id","setMonarchTokensProvider","tokenizer","root","tagBody","next","registerFoldingRangeProvider","provideFoldingRanges","getLinesContent","foldingRanges","stack","forEach","line","index","lineNumber","openTagMatch","closeTagMatch","tag","start","end","splice","beforeMount","theme","value","language","minimap","enabled","wordWrap","lineNumbers","readOnly","domReadOnly","scrollBeyondLastLine","padding","top","bottom","folding","automaticLayout","scrollbar","vertical","horizontal","verticalScrollbarSize","borderBottomLeftRadius","borderBottomRightRadius","PromptemonBlockViewer","title","description","style","showThemeToggle","titleFontSize","titleStyle","setIsDarkMode","useState","isFullscreen","setIsFullscreen","py","borderBottom","justify","Typography","fontWeight","gap","Tooltip","placement","p","FullscreenIcon","Dialog","open","onClose","maxWidth","PaperProps","flexShrink","IconButton","size","CloseIcon","borderRight","Chip","label","overflowY","mb","lineHeight","minWidth"],"mappings":"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"}
+{"version":3,"file":"PromptemonBlockViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/PromptemonViewer/PromptemonViewer.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as o,Fragment as t}from"react/jsx-runtime";import{useState as i,useRef as n,useEffect as r}from"react";import{Box as l,Stack as a,IconButton as d,Typography as s,Button as c,Tooltip as p,Chip as h,TextField as f,Accordion as g,AccordionSummary as m,AccordionDetails as x,Select as u,MenuItem as b,Divider as y,Dialog as w}from"@mui/material";import S from"@mui/icons-material/ExpandMore";import z from"@mui/icons-material/EditOutlined";import C from"@mui/icons-material/Close";import _ from"@mui/icons-material/ArrowBack";import k from"@mui/icons-material/NavigateBefore";import v from"@mui/icons-material/NavigateNext";import I from"@mui/icons-material/InfoOutlined";import W from"@mui/icons-material/AutoFixHighOutlined";import R from"@mui/icons-material/Check";import A from"@mui/icons-material/Add";import B from"@mui/icons-material/DeleteOutline";import F from"@monaco-editor/react";import L from"@mui/icons-material/DarkMode";import D from"@mui/icons-material/LightMode";const M={base:"vs-dark",inherit:!0,rules:[{token:"tag",foreground:"714be3",fontStyle:"bold"},{token:"attribute.name",foreground:"87CEFA"},{token:"attribute.value",foreground:"98FB98"},{token:"variable",foreground:"00FFFF"},{token:"delimiter",foreground:"888888"},{token:"white",foreground:"AAAAAA"}],colors:{"editor.foreground":"#FFFFFF","editor.background":"#030202","editorLineNumber.foreground":"#858585","editorCursor.foreground":"#FFFFFF","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070"}},T={base:"vs",inherit:!0,rules:[{token:"tag",foreground:"5928ED",fontStyle:"bold"},{token:"attribute.name",foreground:"AF00DB"},{token:"attribute.value",foreground:"008000"},{token:"variable",foreground:"B000B0"},{token:"delimiter",foreground:"808080"},{token:"white",foreground:"000000"}],colors:{"editor.foreground":"#000000","editor.background":"#FFFFFF","editorLineNumber.foreground":"#999999","editorCursor.foreground":"#000000","editorIndentGuide.background":"#CCCCCC","editorIndentGuide.activeBackground":"#999999"}},V=({description:t})=>{const[a,d]=i(!1),[c,p]=i(!1),h=n(null);return r(()=>{const e=h.current;e&&p(e.scrollHeight>e.clientHeight+1)},[t,a]),e(l,{sx:{mt:1.5,border:"1px solid #e5e7eb",borderRadius:2,bgcolor:"#fff",display:"flex",flexDirection:"column",px:1.25,py:1},children:[o(s,{ref:h,component:"div",sx:{fontSize:11,color:"#6b7280",lineHeight:1.5,overflowY:a?"auto":"hidden",maxHeight:a?"calc(1.6em * 5)":"calc(1.6em * 3)",whiteSpace:"normal",display:a?"block":"-webkit-box",...a?{}:{WebkitBoxOrient:"vertical",WebkitLineClamp:3}},children:t}),c&&o(s,{component:"span",onClick:()=>d(e=>!e),sx:{mt:.75,alignSelf:"flex-end",fontSize:10,color:"#7c3aed",cursor:"pointer",fontWeight:500},children:a?"View less":"View more"})]})},E=({value:t,onChange:n,onDelete:r})=>{const[c,p]=i(!1);return e(l,{sx:{display:"flex",alignItems:"flex-start",gap:1,p:1,border:"1px solid #e5e7eb",borderRadius:"8px",bgcolor:"#fff"},children:[o(l,{sx:{width:18,height:18,borderRadius:"4px",bgcolor:"#f1f5f9",display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,color:"#64748b",flexShrink:0,mt:.1},children:"a"}),c?o(f,{autoFocus:!0,value:t,onChange:e=>n(e.target.value),onBlur:()=>p(!1),size:"small",fullWidth:!0,multiline:!0,sx:{"& .MuiOutlinedInput-input":{fontSize:12.5}}}):o(s,{sx:{fontSize:12.5,color:"#374151",lineHeight:1.55,flex:1},children:t}),e(a,{direction:"row",gap:.25,sx:{flexShrink:0},children:[o(d,{size:"small",onClick:()=>p(!0),sx:{color:"#6b7280"},children:o(z,{sx:{fontSize:14}})}),o(d,{size:"small",onClick:r,sx:{color:"#dc2626"},children:o(B,{sx:{fontSize:14}})})]})]})},O=({isDarkMode:e,onChange:t})=>o(l,{onClick:()=>t(!e),sx:{width:52,height:24,borderRadius:"12px",bgcolor:e?"#5928ed":"#f0f0f0",border:"1px solid",borderColor:e?"#5928ed":"#d1d5db",display:"flex",alignItems:"center",px:.4,cursor:"pointer",transition:"all 0.2s",justifyContent:e?"flex-end":"flex-start"},children:o(l,{sx:{width:18,height:18,borderRadius:"50%",bgcolor:e?"#1e1e2e":"#f59e0b",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},children:o(e?L:D,{sx:{fontSize:11,color:"#fff"}})})}),P=({content:i,selectedTag:a,highlightVariable:d,isDarkMode:s,height:c=250,fontSize:p=12})=>{const h=n(),f=n();return r(()=>{if(!a||!h.current||!f.current)return;const e=h.current,o=e.getModel();if(!o)return;const t=o.getValue().split("\n");let i=-1;for(let e=0;e<t.length;e++){const o=t[e].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(o&&o[1].trim().toLowerCase()===a.toLowerCase()){i=e+1;break}}if(i>0){let o=i;const n=`</${a.toLowerCase()}>`;for(let e=i;e<t.length;e++)if(t[e].toLowerCase().includes(n)){o=e+1;break}e.setSelection(new f.current.Selection(i,1,i,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(i);const r=e.deltaDecorations([],[{range:new f.current.Range(i,1,o,t[o-1].length+1),options:{isWholeLine:!0,className:"promptemon-viewer-highlight",inlineClassName:"promptemon-viewer-highlight"}}]);setTimeout(()=>e.deltaDecorations(r,[]),2e3)}},[a]),r(()=>{if(!d||!h.current||!f.current)return;const e=h.current,o=e.getModel();if(!o)return;const t=o.getValue().split("\n"),i=[];for(let e=0;e<t.length;e++){let o=t[e].indexOf(d);for(;-1!==o;)i.push(new f.current.Range(e+1,o+1,e+1,o+d.length+1)),o=t[e].indexOf(d,o+1)}if(0===i.length)return;e.revealLineInCenterIfOutsideViewport(i[0].startLineNumber);const n=e.deltaDecorations([],i.map(e=>({range:e,options:{inlineClassName:"promptemon-viewer-variable-highlight"}})));setTimeout(()=>e.deltaDecorations(n,[]),2e3)},[d]),r(()=>{f.current&&f.current.editor.setTheme(s?"promptemonViewerDark":"promptemonViewerLight")},[s]),e(t,{children:[o("style",{children:"\n                .promptemon-viewer-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-viewer-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            "}),e(l,{sx:{width:"100%",height:c,display:"flex",flexDirection:"column"},children:[o(l,{sx:{width:"100%",height:20,bgcolor:s?"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),o(l,{sx:{flex:1,minHeight:0,overflow:"hidden"},children:o(F,{onMount:(e,o)=>{h.current=e,f.current=o,o.editor.defineTheme("promptemonViewerDark",M),o.editor.defineTheme("promptemonViewerLight",T),o.editor.setTheme(s?"promptemonViewerDark":"promptemonViewerLight"),o.languages.register({id:"promptemonViewerLang"}),o.languages.setMonarchTokensProvider("promptemonViewerLang",{tokenizer:{root:[[/(<)([a-zA-Z0-9\-]+)(\s*)/,["delimiter","tag","white"],"@tagBody"],[/(<\/)([a-zA-Z0-9\-]+)(\s*)(>)/,["delimiter","tag","white","delimiter"]],[/{{[^}]+}}/,"variable"]],tagBody:[[/[a-zA-Z0-9\:\-]+(?=\=)/,"attribute.name"],[/=/,"delimiter"],[/(".*?"|'.*?')/,"attribute.value"],[/\s+/,"white"],[/(\/?>)/,{token:"delimiter",next:"@pop"}]]}}),o.languages.registerFoldingRangeProvider("promptemonViewerLang",{provideFoldingRanges:e=>{const o=e.getLinesContent(),t=[],i=[];return o.forEach((e,o)=>{const n=o+1,r=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),l=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(r&&!e.includes("/>")&&i.push({tag:r[1],start:n}),l){const e=l[1];for(let o=i.length-1;o>=0;o--)if(i[o].tag===e){t.push({start:i[o].start,end:n}),i.splice(o,1);break}}}),t}})},beforeMount:e=>{e.editor.defineTheme("promptemonViewerDark",M),e.editor.defineTheme("promptemonViewerLight",T),e.editor.setTheme(s?"promptemonViewerDark":"promptemonViewerLight")},theme:s?"promptemonViewerDark":"promptemonViewerLight",value:i,language:"promptemonViewerLang",onChange:()=>{},options:{fontSize:p,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})}),o(l,{sx:{width:"100%",height:20,bgcolor:s?"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]})]})},j=({block:t,isExtracted:n,isSaved:r,showEditMode:_,onBlockUpdate:k,onTagSelect:v,onVariableSelect:W,categories:F,subCategories:L,selectedCategoryId:D,selectedSubCategoryId:M,onCategoryChange:T,onSubCategoryChange:O})=>{const[P,j]=i(!0),[N,G]=i(!0),[H,Z]=i(!0),[U,$]=i(!0),[Y,q]=i(!1),[J,K]=i(!0),[Q,X]=i(!0),[ee,oe]=i(!1),[te,ie]=i(!1),[ne,re]=i(!1),[le,ae]=i(t?.title||""),[de,se]=i(t?.short_description||""),[ce,pe]=i(t?.members||[]),[he,fe]=i(Array.isArray(t?.when_to_apply)?t.when_to_apply:t?.when_to_apply?[t.when_to_apply]:[]),[ge,me]=i(Array.isArray(t?.when_not_to_apply)?t.when_not_to_apply:t?.when_not_to_apply?[t.when_not_to_apply]:[]),[xe,ue]=i(!1),[be,ye]=i(""),[we,Se]=i(""),ze={boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"8px !important",mb:1.5,"&:before":{display:"none"},"&.Mui-expanded":{margin:"0 0 12px 0"}},Ce={minHeight:44,px:2,borderRadius:2,"&.Mui-expanded":{minHeight:44},"& .MuiAccordionSummary-content":{my:"10px"}};return e(l,{sx:{width:820,flexShrink:0,display:"flex",flexDirection:"column",overflow:"hidden",borderRight:"1px solid #e5e7eb"},children:[e(l,{sx:{px:2.5,py:2,borderBottom:"1px solid #e5e7eb"},children:[e(a,{direction:"row",alignItems:"center",justifyContent:"space-between",children:[e(a,{direction:"row",alignItems:"center",gap:1,sx:{flex:1,minWidth:0},children:[o(p,{title:"Functional Prompt Block",placement:"top",children:o(h,{label:"FPB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:11,height:22,borderRadius:1}})}),ne?o(f,{value:le,onChange:e=>ae(e.target.value),size:"small",fullWidth:!0,sx:{"& .MuiOutlinedInput-input":{fontSize:15,fontWeight:700,py:.5}}}):o(s,{sx:{fontWeight:700,fontSize:15,color:"#111827"},children:t?.title||"—"})]}),ne?e(a,{direction:"row",gap:.5,children:[o(d,{size:"small",sx:{color:"#6b7280"},onClick:()=>re(!1),children:o(C,{sx:{fontSize:16}})}),o(d,{size:"small",sx:{color:"#16a34a"},onClick:()=>{k({...t,title:le,short_description:de,members:ce,when_to_apply:he,when_not_to_apply:ge}),re(!1)},children:o(R,{sx:{fontSize:16}})})]}):!r&&_&&o(d,{size:"small",sx:{color:"#6b7280"},onClick:()=>{ae(t?.title||""),se(t?.short_description||""),pe(t?.members||[]),fe(Array.isArray(t?.when_to_apply)?t.when_to_apply:t?.when_to_apply?[t.when_to_apply]:[]),me(Array.isArray(t?.when_not_to_apply)?t.when_not_to_apply:t?.when_not_to_apply?[t.when_not_to_apply]:[]),re(!0)},children:o(z,{sx:{fontSize:16}})})]}),ne&&o(s,{sx:{fontSize:11,color:"#5928ed",mt:.5},children:"Editing — changes won't be saved until you confirm"}),ne?o(f,{value:de,onChange:e=>se(e.target.value),size:"small",fullWidth:!0,multiline:!0,minRows:3,sx:{mt:1.5,"& .MuiOutlinedInput-input":{fontSize:12}}}):o(V,{description:t?.short_description||"—"}),e(l,{sx:{mt:1.5,border:"0.5px solid #d1d5db",borderRadius:"8px",display:"flex",overflow:"hidden"},children:[o(l,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",borderRight:"1px solid #d1d5db",p:.5},children:e(a,{direction:"row",alignItems:"center",gap:1,children:[o(s,{sx:{fontSize:10,color:"#87898d"},children:"Total APBs :"}),o(s,{sx:{fontSize:10,fontWeight:700,color:"#5f5f5f"},children:t?.members?.length||0})]})}),o(l,{sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",p:.5},children:e(a,{direction:"row",alignItems:"center",gap:1,children:[o(s,{sx:{fontSize:10,color:"#87898d"},children:"Total Lines :"}),o(s,{sx:{fontSize:10,fontWeight:700,color:"#5f5f5f"},children:t?.members?.reduce((e,o)=>e+((o.end_line??0)-(o.start_line??0)+1),0)||0})]})})]})]}),e(l,{sx:{flex:1,overflow:"auto",px:2,py:2,"&::-webkit-scrollbar":{width:4},"&::-webkit-scrollbar-thumb":{bgcolor:"#e5e7eb",borderRadius:2}},children:[e(g,{expanded:P,onChange:()=>j(e=>!e),sx:ze,disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:18}}),sx:Ce,children:o(s,{sx:{fontSize:13,fontWeight:600,color:"#374151"},children:"Categories"})}),o(x,{sx:{pt:0,px:2,pb:2},children:e(a,{gap:1.5,children:[e(l,{children:[o(s,{sx:{fontSize:12,color:"#6b7280",mb:.5},children:"Category"}),ne?o(u,{fullWidth:!0,size:"small",value:D,onChange:e=>{T(e.target.value),O("")},sx:{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}},children:F.map(e=>o(b,{value:e.category_id,children:e.category_name},e.category_id))}):o(f,{fullWidth:!0,size:"small",value:F.find(e=>e.category_id===D)?.category_name||"—",InputProps:{readOnly:!0},sx:{"& .MuiOutlinedInput-root":{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}}}})]}),e(l,{children:[o(s,{sx:{fontSize:12,color:"#6b7280",mb:.5},children:"Sub-Category"}),ne?o(u,{fullWidth:!0,size:"small",value:M,onChange:e=>O(e.target.value),disabled:!D,sx:{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}},children:L.filter(e=>e.category_id===D).map(e=>o(b,{value:e.sub_category_id,children:e.sub_category_name},e.sub_category_id))}):o(f,{fullWidth:!0,size:"small",value:L.find(e=>e.sub_category_id===M)?.sub_category_name||"—",InputProps:{readOnly:!0},sx:{"& .MuiOutlinedInput-root":{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}}}})]})]})})]}),e(g,{expanded:N,onChange:()=>G(e=>!e),sx:ze,disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:18}}),sx:Ce,children:o(s,{sx:{fontSize:13,fontWeight:600,color:"#374151"},children:"Atomic Prompt Blocks (APBs)"})}),e(x,{sx:{pt:0,px:1,pb:2},children:[o(a,{gap:1,children:(ne?ce:t?.members||[]).map((t,i)=>e(l,{sx:{px:2,py:1,borderRadius:2,bgcolor:"#fff"},children:[e(l,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",mb:1,gap:1},children:[e(s,{sx:{fontSize:14,fontWeight:500,color:"#111827"},children:[i+1,". ",t.section_name]}),ne?o(d,{size:"small",onClick:()=>pe(e=>e.filter((e,o)=>o!==i)),sx:{color:"#dc2626",flexShrink:0},children:o(B,{sx:{fontSize:16}})}):o(l,{onClick:()=>v(t.section_name.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("_")),sx:{fontSize:14,color:"#475569",cursor:"pointer",flexShrink:0},children:"↗"})]}),o(s,{sx:{fontSize:12,lineHeight:1.5,color:"#64748b"},children:t.reason_for_inclusion}),n&&(()=>{const e=t.segments||[];return 0===e.length?null:o(l,{sx:{mt:1},children:o(l,{sx:{display:"flex",flexWrap:"wrap",gap:1},children:e.map((e,t)=>o(h,{clickable:!0,onClick:()=>W(e.segmentized_text),label:e.segmentized_text,sx:{borderRadius:1,bgcolor:"#eff6ff",color:"#3b82f6",border:"1px dashed #bfdbfe"}},t))})})})(),o(y,{sx:{mt:2}})]},i))}),ne&&e(l,{onClick:()=>{ye(""),Se(""),ue(!0)},sx:{mt:1,display:"flex",alignItems:"center",justifyContent:"center",gap:.5,py:1,border:"1px dashed #d1d5db",borderRadius:1.5,cursor:"pointer",color:"#5928ed",fontSize:13,fontWeight:600,"&:hover":{bgcolor:"#f5f0ff"}},children:[o(A,{sx:{fontSize:16}})," Add APB"]})]})]}),e(g,{expanded:H,onChange:()=>Z(e=>!e),sx:ze,disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:18}}),sx:Ce,children:e(s,{sx:{fontSize:14,fontWeight:600,color:"#374151",display:"flex",alignItems:"center",flexDirection:"row"},children:["Applicability ",o("span",{style:{color:"#94a3b8",fontWeight:400,fontSize:10,marginLeft:"12px"},children:"• When to apply / When not to apply"})]})}),e(x,{sx:{pt:0,px:1.5,pb:1.5},children:[e(g,{expanded:U,onChange:()=>$(e=>!e),sx:{boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"6px !important",mb:1,"&:before":{display:"none"},"&.Mui-expanded":{margin:"0 0 8px 0"}},disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:16}}),sx:{...Ce,bgcolor:"#f9fafb",borderRadius:"6px"},children:o(s,{sx:{fontSize:12.5,fontWeight:500,color:"#374151"},children:"When to Apply this FPB"})}),o(x,{sx:{pt:.5,px:2,pb:1.5},children:e(a,{gap:.75,children:[(ne?he:Array.isArray(t?.when_to_apply)?t.when_to_apply:t?.when_to_apply?[t.when_to_apply]:["— Not yet available"]).map((t,i)=>ne?o(E,{value:t,onChange:e=>fe(o=>o.map((o,t)=>t===i?e:o)),onDelete:()=>fe(e=>e.filter((e,o)=>o!==i))},i):e(a,{direction:"row",gap:1,alignItems:"flex-start",children:[e(s,{sx:{fontSize:12,color:"#374151",fontWeight:700,mt:.1},children:[i+1,"."]}),o(s,{sx:{fontSize:12.5,color:"#374151",lineHeight:1.55},children:t})]},i)),ne&&e(l,{onClick:()=>fe(e=>[...e,""]),sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:.5,py:.75,border:"1px dashed #d1d5db",borderRadius:1.5,cursor:"pointer",color:"#5928ed",fontSize:12.5,fontWeight:600,"&:hover":{bgcolor:"#f5f0ff"}},children:[o(A,{sx:{fontSize:15}})," Add When to Apply"]})]})})]}),e(g,{expanded:Y,onChange:()=>q(e=>!e),sx:{boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"6px !important","&:before":{display:"none"}},disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:16}}),sx:{...Ce,bgcolor:"#f9fafb",borderRadius:"6px"},children:o(s,{sx:{fontSize:12.5,fontWeight:500,color:"#374151"},children:"When NOT to Apply this FPB"})}),o(x,{sx:{pt:.5,px:2,pb:1.5},children:ne?e(a,{gap:.75,children:[ge.map((e,t)=>o(E,{value:e,onChange:e=>me(o=>o.map((o,i)=>i===t?e:o)),onDelete:()=>me(e=>e.filter((e,o)=>o!==t))},t)),e(l,{onClick:()=>me(e=>[...e,""]),sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:.5,py:.75,border:"1px dashed #d1d5db",borderRadius:1.5,cursor:"pointer",color:"#5928ed",fontSize:12.5,fontWeight:600,"&:hover":{bgcolor:"#f5f0ff"}},children:[o(A,{sx:{fontSize:15}})," Add When NOT to Apply"]})]}):Array.isArray(t?.when_not_to_apply)||t?.when_not_to_apply?o(a,{gap:.75,children:(Array.isArray(t?.when_not_to_apply)?t.when_not_to_apply:[t.when_not_to_apply]).map((t,i)=>e(a,{direction:"row",gap:1,alignItems:"flex-start",children:[e(s,{sx:{fontSize:12,color:"#374151",fontWeight:700,mt:.1},children:[i+1,"."]}),o(s,{sx:{fontSize:12.5,color:"#374151",lineHeight:1.55},children:t})]},i))}):o(s,{sx:{fontSize:12.5,color:"#9ca3af",fontStyle:"italic"},children:"No conditions defined yet."})})]})]})]}),e(g,{expanded:J,onChange:()=>K(e=>!e),sx:ze,disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:18}}),sx:Ce,children:e(s,{sx:{fontSize:14,fontWeight:600,color:"#374151",display:"flex",alignItems:"center",flexDirection:"row"},children:["Specifications ",o("span",{style:{color:"#94a3b8",fontWeight:400,fontSize:10,marginLeft:"12px"},children:"• Strict Rules / Input / Output"})]})}),o(x,{sx:{pt:0,px:1.5,pb:1.5},children:[{label:"Guidelines",expanded:Q,setExpanded:X,content:t?.additional_guidelines},{label:"Input",expanded:ee,setExpanded:oe,content:null},{label:"Output",expanded:te,setExpanded:ie,content:null}].map(({label:t,expanded:i,setExpanded:n,content:r},l)=>e(g,{expanded:i,onChange:()=>n(e=>!e),sx:{boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"6px !important",mb:l<2?1:0,"&:before":{display:"none"},"&.Mui-expanded":{margin:l<2?"0 0 8px 0":0}},disableGutters:!0,children:[o(m,{expandIcon:o(S,{sx:{fontSize:16}}),sx:{...Ce,bgcolor:"#f9fafb",borderRadius:"6px"},children:e(a,{direction:"row",alignItems:"center",gap:.5,children:[o(s,{sx:{fontSize:12.5,fontWeight:500,color:"#374151"},children:t}),"Guidelines"!==t&&o(I,{sx:{fontSize:13,color:"#9ca3af"}})]})}),o(x,{sx:{pt:.5,px:2,pb:1.5},children:o(s,{sx:{fontSize:12.5,color:r?"#374151":"#9ca3af",fontStyle:r?"normal":"italic"},children:r||`No ${t.toLowerCase()} defined yet.`})})]},t))})]})]}),e(w,{open:xe,onClose:()=>ue(!1),maxWidth:"sm",fullWidth:!0,PaperProps:{sx:{borderRadius:"12px"}},children:[e(l,{sx:{px:3,py:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid #e5e7eb"},children:[o(s,{sx:{fontWeight:700,fontSize:"1rem",color:"#111827"},children:"Add new APB"}),o(d,{size:"small",onClick:()=>ue(!1),children:o(C,{sx:{fontSize:"1.1rem",color:"#6b7280"}})})]}),e(l,{sx:{px:3,py:2.5,display:"flex",flexDirection:"column",gap:2},children:[e(l,{children:[o(s,{sx:{fontSize:13,fontWeight:600,color:"#374151",mb:.75},children:"Title"}),o(f,{fullWidth:!0,size:"small",placeholder:"Specify the title of APB",value:be,onChange:e=>ye(e.target.value)})]}),e(l,{children:[o(s,{sx:{fontSize:13,fontWeight:600,color:"#374151",mb:.75},children:"Description"}),o(f,{fullWidth:!0,size:"small",multiline:!0,minRows:3,placeholder:"Describe the APB",value:we,onChange:e=>Se(e.target.value)})]})]}),e(l,{sx:{px:3,py:2,display:"flex",justifyContent:"flex-end",gap:1,borderTop:"1px solid #e5e7eb"},children:[o(c,{variant:"outlined",onClick:()=>ue(!1),sx:{textTransform:"none",borderColor:"#d1d5db",color:"#374151"},children:"Cancel"}),o(c,{variant:"contained",onClick:()=>{pe(e=>[...e,{section_name:be,reason_for_inclusion:we,content:""}]),ue(!1)},sx:{textTransform:"none",bgcolor:"#5928ed","&:hover":{bgcolor:"#4c1d95"}},children:"Save"})]})]})]})},N=({block:t,onBlockUpdate:n,isExtracting:r,isExtracted:p,onExtractSegments:h,isSaving:f,isSaved:g,onSave:m,onBack:x,title:u="FPB Promptemon",categories:b,subCategories:y,selectedCategoryId:w,selectedSubCategoryId:S,onCategoryChange:z,onSubCategoryChange:I,showEditMode:R=!0,showExtractSegments:A=!0})=>{const[B,F]=i(1),[L,D]=i(!0),[M,T]=i(""),[V,E]=i(""),N=t?.members?.map(e=>{if(!p||!e.segments||0===e.segments.length)return e.content||"";let o=e.content||"";return e.segments.forEach(e=>{e.raw_text&&e.segmentized_text&&(o=o.split(e.raw_text).join(e.segmentized_text))}),o}).join("\n\n")||"";return e(l,{sx:{width:"100%",height:"100%",display:"flex",flexDirection:"column",bgcolor:"#fff",overflow:"hidden"},children:[e(l,{sx:{px:2.5,py:1.5,borderBottom:"1px solid #e5e7eb",display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#fff",flexShrink:0},children:[e(a,{direction:"row",alignItems:"center",gap:1,children:[o(d,{size:"small",sx:{color:"#6b7280"},onClick:x,children:o(_,{sx:{fontSize:18}})}),o(s,{sx:{fontSize:14,fontWeight:600,color:"#111827"},children:u})]}),e(l,{sx:{display:"flex",alignItems:"center",gap:1},children:[o(c,{variant:"contained",size:"small",disabled:!p||f||g,onClick:m,sx:{textTransform:"none",fontSize:"0.78rem",fontWeight:600,bgcolor:"#5928ed",px:2,py:.6,"&:hover":{bgcolor:"#4c1d95"},"&.Mui-disabled":{bgcolor:"#5928ed",color:"#fff",opacity:.4}},children:f?"Saving...":g?"Saved ✓":"Save FPB"}),o(d,{size:"small",sx:{color:"#6b7280"},onClick:x,children:o(C,{sx:{fontSize:18}})})]})]}),e(l,{sx:{display:"flex",flex:1,overflow:"hidden"},children:[o(j,{block:t,isExtracted:p,isSaved:g,showEditMode:R,onBlockUpdate:n,onTagSelect:e=>{T(""),setTimeout(()=>T(e),50)},onVariableSelect:e=>{E(""),setTimeout(()=>E(e),50)},categories:b,subCategories:y,selectedCategoryId:w,selectedSubCategoryId:S,onCategoryChange:z,onSubCategoryChange:I}),e(l,{sx:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden",p:2,gap:1.5},children:[e(l,{sx:{display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},children:[e(a,{direction:"row",alignItems:"center",gap:1,children:[e(s,{sx:{fontSize:13,fontWeight:600,color:"#374151"},children:[t?.title||"—"," APBs"]}),e(a,{direction:"row",alignItems:"center",gap:.5,children:[o(d,{size:"small",onClick:()=>F(e=>Math.max(1,e-1)),disabled:1===B,sx:{color:"#6b7280",p:.4},children:o(k,{sx:{fontSize:16}})}),e(s,{sx:{fontSize:12.5,color:"#6b7280"},children:[B," of ",t?.members?.length||0]}),o(d,{size:"small",onClick:()=>F(e=>Math.min(t?.members?.length||0,e+1)),disabled:B===(t?.members?.length||0),sx:{color:"#6b7280",p:.4},children:o(v,{sx:{fontSize:16}})})]})]}),o(a,{direction:"row",alignItems:"center",gap:1.5,children:A&&(p?e(a,{direction:"row",alignItems:"center",gap:1,children:[o(s,{sx:{fontSize:12.5,color:"#6b7280"},children:"Show Segments"}),o(l,{sx:{width:36,height:20,borderRadius:"10px",bgcolor:"#7c3aed",display:"flex",alignItems:"center",px:.3,cursor:"pointer"},children:o(l,{sx:{width:14,height:14,borderRadius:"50%",bgcolor:"#fff",ml:"auto"}})})]}):e(l,{onClick:h,sx:{display:"flex",alignItems:"center",gap:1,px:2,py:.85,borderRadius:1.5,bgcolor:"#7c3aed",cursor:r?"default":"pointer","&:hover":{bgcolor:"#6d28d9"},userSelect:"none",opacity:r?.7:1},children:[o(W,{sx:{fontSize:15,color:"#fff"}}),o(s,{sx:{fontSize:13,fontWeight:600,color:"#fff"},children:r?"Extracting...":"Extract Segments"})]}))})]}),e(l,{sx:{flex:1,minHeight:0,position:"relative"},children:[r&&o(l,{sx:{position:"absolute",top:0,left:0,right:0,bottom:0,bgcolor:"rgba(0,0,0,0.6)",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:1},children:o(s,{sx:{color:"#fff",fontSize:14,fontWeight:600},children:"Extracting segments..."})}),e(l,{sx:{border:"1px solid #30363d",borderRadius:1,overflow:"hidden",height:"100%"},children:[e(l,{sx:{px:2,py:1,borderBottom:"1px solid #30363d",display:"flex",alignItems:"center",gap:1,bgcolor:"#161b22",flexShrink:0},children:[o(l,{sx:{width:12,height:12,borderRadius:"50%",bgcolor:"#ff5f57"}}),o(l,{sx:{width:12,height:12,borderRadius:"50%",bgcolor:"#febc2e"}}),o(l,{sx:{width:12,height:12,borderRadius:"50%",bgcolor:"#28c840"}}),e(s,{sx:{ml:1,fontSize:11,color:"#8b949e",fontFamily:"monospace"},children:[t?.members?.[B-1]?.section_name||"—",".xml"]}),o(l,{sx:{flex:1}}),o(O,{isDarkMode:L,onChange:D})]}),o(P,{content:N,selectedTag:M,highlightVariable:V,isDarkMode:L,height:"100%",fontSize:14})]})]})]})]})]})};export{N as default};
+import{__assign as e,__spreadArray as n}from"tslib";import{jsxs as o,jsx as t,Fragment as i}from"react/jsx-runtime";import{useState as r,useRef as l,useEffect as d}from"react";import{Box as a,Stack as c,IconButton as s,Typography as u,Button as f,Tooltip as p,Chip as h,TextField as g,Accordion as m,AccordionSummary as x,AccordionDetails as b,Select as v,MenuItem as y,Divider as w,Dialog as S}from"@mui/material";import z from"@mui/icons-material/ExpandMore";import C from"@mui/icons-material/EditOutlined";import _ from"@mui/icons-material/Close";import k from"@mui/icons-material/ArrowBack";import I from"@mui/icons-material/NavigateBefore";import W from"@mui/icons-material/NavigateNext";import R from"@mui/icons-material/InfoOutlined";import A from"@mui/icons-material/AutoFixHighOutlined";import B from"@mui/icons-material/Check";import F from"@mui/icons-material/Add";import L from"@mui/icons-material/DeleteOutline";import D from"@monaco-editor/react";import M from"@mui/icons-material/DarkMode";import T from"@mui/icons-material/LightMode";var V={base:"vs-dark",inherit:!0,rules:[{token:"tag",foreground:"714be3",fontStyle:"bold"},{token:"attribute.name",foreground:"87CEFA"},{token:"attribute.value",foreground:"98FB98"},{token:"variable",foreground:"00FFFF"},{token:"delimiter",foreground:"888888"},{token:"white",foreground:"AAAAAA"}],colors:{"editor.foreground":"#FFFFFF","editor.background":"#030202","editorLineNumber.foreground":"#858585","editorCursor.foreground":"#FFFFFF","editorIndentGuide.background":"#404040","editorIndentGuide.activeBackground":"#707070"}},E={base:"vs",inherit:!0,rules:[{token:"tag",foreground:"5928ED",fontStyle:"bold"},{token:"attribute.name",foreground:"AF00DB"},{token:"attribute.value",foreground:"008000"},{token:"variable",foreground:"B000B0"},{token:"delimiter",foreground:"808080"},{token:"white",foreground:"000000"}],colors:{"editor.foreground":"#000000","editor.background":"#FFFFFF","editorLineNumber.foreground":"#999999","editorCursor.foreground":"#000000","editorIndentGuide.background":"#CCCCCC","editorIndentGuide.activeBackground":"#999999"}},O=function(n){var i=n.description,c=r(!1),s=c[0],f=c[1],p=r(!1),h=p[0],g=p[1],m=l(null);return d(function(){var e=m.current;e&&g(e.scrollHeight>e.clientHeight+1)},[i,s]),o(a,e({sx:{mt:1.5,border:"1px solid #e5e7eb",borderRadius:2,bgcolor:"#fff",display:"flex",flexDirection:"column",px:1.25,py:1}},{children:[t(u,e({ref:m,component:"div",sx:e({fontSize:11,color:"#6b7280",lineHeight:1.5,overflowY:s?"auto":"hidden",maxHeight:s?"calc(1.6em * 5)":"calc(1.6em * 3)",whiteSpace:"normal",display:s?"block":"-webkit-box"},s?{}:{WebkitBoxOrient:"vertical",WebkitLineClamp:3})},{children:i})),h&&t(u,e({component:"span",onClick:function(){return f(function(e){return!e})},sx:{mt:.75,alignSelf:"flex-end",fontSize:10,color:"#7c3aed",cursor:"pointer",fontWeight:500}},{children:s?"View less":"View more"}))]}))},P=function(n){var i=n.value,l=n.onChange,d=n.onDelete,f=r(!1),p=f[0],h=f[1];return o(a,e({sx:{display:"flex",alignItems:"flex-start",gap:1,p:1,border:"1px solid #e5e7eb",borderRadius:"8px",bgcolor:"#fff"}},{children:[t(a,e({sx:{width:18,height:18,borderRadius:"4px",bgcolor:"#f1f5f9",display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,color:"#64748b",flexShrink:0,mt:.1}},{children:"a"})),p?t(g,{autoFocus:!0,value:i,onChange:function(e){return l(e.target.value)},onBlur:function(){return h(!1)},size:"small",fullWidth:!0,multiline:!0,sx:{"& .MuiOutlinedInput-input":{fontSize:12.5}}}):t(u,e({sx:{fontSize:12.5,color:"#374151",lineHeight:1.55,flex:1}},{children:i})),o(c,e({direction:"row",gap:.25,sx:{flexShrink:0}},{children:[t(s,e({size:"small",onClick:function(){return h(!0)},sx:{color:"#6b7280"}},{children:t(C,{sx:{fontSize:14}})})),t(s,e({size:"small",onClick:d,sx:{color:"#dc2626"}},{children:t(L,{sx:{fontSize:14}})}))]}))]}))},j=function(n){var o=n.isDarkMode,i=n.onChange;return t(a,e({onClick:function(){return i(!o)},sx:{width:52,height:24,borderRadius:"12px",bgcolor:o?"#5928ed":"#f0f0f0",border:"1px solid",borderColor:o?"#5928ed":"#d1d5db",display:"flex",alignItems:"center",px:.4,cursor:"pointer",transition:"all 0.2s",justifyContent:o?"flex-end":"flex-start"}},{children:t(a,e({sx:{width:18,height:18,borderRadius:"50%",bgcolor:o?"#1e1e2e":"#f59e0b",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"}},{children:t(o?M:T,{sx:{fontSize:11,color:"#fff"}})}))}))},N=function(n){var r=n.content,c=n.selectedTag,s=n.highlightVariable,u=n.isDarkMode,f=n.height,p=void 0===f?250:f,h=n.fontSize,g=void 0===h?12:h,m=l(),x=l();return d(function(){if(c&&m.current&&x.current){var e=m.current,n=e.getModel();if(n){for(var o=n.getValue().split("\n"),t=-1,i=0;i<o.length;i++){var r=o[i].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(r&&r[1].trim().toLowerCase()===c.toLowerCase()){t=i+1;break}}if(t>0){var l=t,d="</".concat(c.toLowerCase(),">");for(i=t;i<o.length;i++)if(o[i].toLowerCase().includes(d)){l=i+1;break}e.setSelection(new x.current.Selection(t,1,t,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(t);var a=e.deltaDecorations([],[{range:new x.current.Range(t,1,l,o[l-1].length+1),options:{isWholeLine:!0,className:"promptemon-viewer-highlight",inlineClassName:"promptemon-viewer-highlight"}}]);setTimeout(function(){return e.deltaDecorations(a,[])},2e3)}}}},[c]),d(function(){if(s&&m.current&&x.current){var e=m.current,n=e.getModel();if(n){for(var o=n.getValue().split("\n"),t=[],i=0;i<o.length;i++)for(var r=o[i].indexOf(s);-1!==r;)t.push(new x.current.Range(i+1,r+1,i+1,r+s.length+1)),r=o[i].indexOf(s,r+1);if(0!==t.length){e.revealLineInCenterIfOutsideViewport(t[0].startLineNumber);var l=e.deltaDecorations([],t.map(function(e){return{range:e,options:{inlineClassName:"promptemon-viewer-variable-highlight"}}}));setTimeout(function(){return e.deltaDecorations(l,[])},2e3)}}}},[s]),d(function(){x.current&&x.current.editor.setTheme(u?"promptemonViewerDark":"promptemonViewerLight")},[u]),o(i,{children:[t("style",{children:"\n                .promptemon-viewer-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-viewer-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            "}),o(a,e({sx:{width:"100%",height:p,display:"flex",flexDirection:"column"}},{children:[t(a,{sx:{width:"100%",height:20,bgcolor:u?"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),t(a,e({sx:{flex:1,minHeight:0,overflow:"hidden"}},{children:t(D,{onMount:function(e,n){m.current=e,x.current=n,n.editor.defineTheme("promptemonViewerDark",V),n.editor.defineTheme("promptemonViewerLight",E),n.editor.setTheme(u?"promptemonViewerDark":"promptemonViewerLight"),n.languages.register({id:"promptemonViewerLang"}),n.languages.setMonarchTokensProvider("promptemonViewerLang",{tokenizer:{root:[[/(<)([a-zA-Z0-9\-]+)(\s*)/,["delimiter","tag","white"],"@tagBody"],[/(<\/)([a-zA-Z0-9\-]+)(\s*)(>)/,["delimiter","tag","white","delimiter"]],[/{{[^}]+}}/,"variable"]],tagBody:[[/[a-zA-Z0-9\:\-]+(?=\=)/,"attribute.name"],[/=/,"delimiter"],[/(".*?"|'.*?')/,"attribute.value"],[/\s+/,"white"],[/(\/?>)/,{token:"delimiter",next:"@pop"}]]}}),n.languages.registerFoldingRangeProvider("promptemonViewerLang",{provideFoldingRanges:function(e){var n=e.getLinesContent(),o=[],t=[];return n.forEach(function(e,n){var i=n+1,r=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),l=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(r&&!e.includes("/>")&&t.push({tag:r[1],start:i}),l)for(var d=l[1],a=t.length-1;a>=0;a--)if(t[a].tag===d){o.push({start:t[a].start,end:i}),t.splice(a,1);break}}),o}})},beforeMount:function(e){e.editor.defineTheme("promptemonViewerDark",V),e.editor.defineTheme("promptemonViewerLight",E),e.editor.setTheme(u?"promptemonViewerDark":"promptemonViewerLight")},theme:u?"promptemonViewerDark":"promptemonViewerLight",value:r,language:"promptemonViewerLang",onChange:function(){},options:{fontSize:g,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})})),t(a,{sx:{width:"100%",height:20,bgcolor:u?"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]}))]})},G=function(i){var l,d,k,I,W=i.block,A=i.isExtracted,D=i.isSaved,M=i.showEditMode,T=i.onBlockUpdate,V=i.onTagSelect,E=i.onVariableSelect,j=i.categories,N=i.subCategories,G=i.selectedCategoryId,H=i.selectedSubCategoryId,Z=i.onCategoryChange,U=i.onSubCategoryChange,Y=r(!0),q=Y[0],J=Y[1],K=r(!0),Q=K[0],X=K[1],$=r(!0),ee=$[0],ne=$[1],oe=r(!0),te=oe[0],ie=oe[1],re=r(!1),le=re[0],de=re[1],ae=r(!0),ce=ae[0],se=ae[1],ue=r(!0),fe=ue[0],pe=ue[1],he=r(!1),ge=he[0],me=he[1],xe=r(!1),be=xe[0],ve=xe[1],ye=r(!1),we=ye[0],Se=ye[1],ze=r((null==W?void 0:W.title)||""),Ce=ze[0],_e=ze[1],ke=r((null==W?void 0:W.short_description)||""),Ie=ke[0],We=ke[1],Re=r((null==W?void 0:W.members)||[]),Ae=Re[0],Be=Re[1],Fe=r(Array.isArray(null==W?void 0:W.when_to_apply)?W.when_to_apply:(null==W?void 0:W.when_to_apply)?[W.when_to_apply]:[]),Le=Fe[0],De=Fe[1],Me=r(Array.isArray(null==W?void 0:W.when_not_to_apply)?W.when_not_to_apply:(null==W?void 0:W.when_not_to_apply)?[W.when_not_to_apply]:[]),Te=Me[0],Ve=Me[1],Ee=r(!1),Oe=Ee[0],Pe=Ee[1],je=r(""),Ne=je[0],Ge=je[1],He=r(""),Ze=He[0],Ue=He[1],Ye={boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"8px !important",mb:1.5,"&:before":{display:"none"},"&.Mui-expanded":{margin:"0 0 12px 0"}},qe={minHeight:44,px:2,borderRadius:2,"&.Mui-expanded":{minHeight:44},"& .MuiAccordionSummary-content":{my:"10px"}};return o(a,e({sx:{width:820,flexShrink:0,display:"flex",flexDirection:"column",overflow:"hidden",borderRight:"1px solid #e5e7eb"}},{children:[o(a,e({sx:{px:2.5,py:2,borderBottom:"1px solid #e5e7eb"}},{children:[o(c,e({direction:"row",alignItems:"center",justifyContent:"space-between"},{children:[o(c,e({direction:"row",alignItems:"center",gap:1,sx:{flex:1,minWidth:0}},{children:[t(p,e({title:"Functional Prompt Block",placement:"top"},{children:t(h,{label:"FPB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:11,height:22,borderRadius:1}})})),we?t(g,{value:Ce,onChange:function(e){return _e(e.target.value)},size:"small",fullWidth:!0,sx:{"& .MuiOutlinedInput-input":{fontSize:15,fontWeight:700,py:.5}}}):t(u,e({sx:{fontWeight:700,fontSize:15,color:"#111827"}},{children:(null==W?void 0:W.title)||"—"}))]})),we?o(c,e({direction:"row",gap:.5},{children:[t(s,e({size:"small",sx:{color:"#6b7280"},onClick:function(){return Se(!1)}},{children:t(_,{sx:{fontSize:16}})})),t(s,e({size:"small",sx:{color:"#16a34a"},onClick:function(){T(e(e({},W),{title:Ce,short_description:Ie,members:Ae,when_to_apply:Le,when_not_to_apply:Te})),Se(!1)}},{children:t(B,{sx:{fontSize:16}})}))]})):!D&&M&&t(s,e({size:"small",sx:{color:"#6b7280"},onClick:function(){_e((null==W?void 0:W.title)||""),We((null==W?void 0:W.short_description)||""),Be((null==W?void 0:W.members)||[]),De(Array.isArray(null==W?void 0:W.when_to_apply)?W.when_to_apply:(null==W?void 0:W.when_to_apply)?[W.when_to_apply]:[]),Ve(Array.isArray(null==W?void 0:W.when_not_to_apply)?W.when_not_to_apply:(null==W?void 0:W.when_not_to_apply)?[W.when_not_to_apply]:[]),Se(!0)}},{children:t(C,{sx:{fontSize:16}})}))]})),we&&t(u,e({sx:{fontSize:11,color:"#5928ed",mt:.5}},{children:"Editing — changes won't be saved until you confirm"})),we?t(g,{value:Ie,onChange:function(e){return We(e.target.value)},size:"small",fullWidth:!0,multiline:!0,minRows:3,sx:{mt:1.5,"& .MuiOutlinedInput-input":{fontSize:12}}}):t(O,{description:(null==W?void 0:W.short_description)||"—"}),o(a,e({sx:{mt:1.5,border:"0.5px solid #d1d5db",borderRadius:"8px",display:"flex",overflow:"hidden"}},{children:[t(a,e({sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",borderRight:"1px solid #d1d5db",p:.5}},{children:o(c,e({direction:"row",alignItems:"center",gap:1},{children:[t(u,e({sx:{fontSize:10,color:"#87898d"}},{children:"Total APBs :"})),t(u,e({sx:{fontSize:10,fontWeight:700,color:"#5f5f5f"}},{children:(null===(l=null==W?void 0:W.members)||void 0===l?void 0:l.length)||0}))]}))})),t(a,e({sx:{flex:1,display:"flex",alignItems:"center",justifyContent:"center",p:.5}},{children:o(c,e({direction:"row",alignItems:"center",gap:1},{children:[t(u,e({sx:{fontSize:10,color:"#87898d"}},{children:"Total Lines :"})),t(u,e({sx:{fontSize:10,fontWeight:700,color:"#5f5f5f"}},{children:(null===(d=null==W?void 0:W.members)||void 0===d?void 0:d.reduce(function(e,n){var o,t;return e+((null!==(o=n.end_line)&&void 0!==o?o:0)-(null!==(t=n.start_line)&&void 0!==t?t:0)+1)},0))||0}))]}))}))]}))]})),o(a,e({sx:{flex:1,overflow:"auto",px:2,py:2,"&::-webkit-scrollbar":{width:4},"&::-webkit-scrollbar-thumb":{bgcolor:"#e5e7eb",borderRadius:2}}},{children:[o(m,e({expanded:q,onChange:function(){return J(function(e){return!e})},sx:Ye,disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:18}}),sx:qe},{children:t(u,e({sx:{fontSize:13,fontWeight:600,color:"#374151"}},{children:"Categories"}))})),t(b,e({sx:{pt:0,px:2,pb:2}},{children:o(c,e({gap:1.5},{children:[o(a,{children:[t(u,e({sx:{fontSize:12,color:"#6b7280",mb:.5}},{children:"Category"})),we?t(v,e({fullWidth:!0,size:"small",value:G,onChange:function(e){Z(e.target.value),U("")},sx:{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}}},{children:j.map(function(n){return t(y,e({value:n.category_id},{children:n.category_name}),n.category_id)})})):t(g,{fullWidth:!0,size:"small",value:(null===(k=j.find(function(e){return e.category_id===G}))||void 0===k?void 0:k.category_name)||"—",InputProps:{readOnly:!0},sx:{"& .MuiOutlinedInput-root":{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}}}})]}),o(a,{children:[t(u,e({sx:{fontSize:12,color:"#6b7280",mb:.5}},{children:"Sub-Category"})),we?t(v,e({fullWidth:!0,size:"small",value:H,onChange:function(e){return U(e.target.value)},disabled:!G,sx:{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}}},{children:N.filter(function(e){return e.category_id===G}).map(function(n){return t(y,e({value:n.sub_category_id},{children:n.sub_category_name}),n.sub_category_id)})})):t(g,{fullWidth:!0,size:"small",value:(null===(I=N.find(function(e){return e.sub_category_id===H}))||void 0===I?void 0:I.sub_category_name)||"—",InputProps:{readOnly:!0},sx:{"& .MuiOutlinedInput-root":{fontSize:13,borderRadius:1.5,"& fieldset":{borderColor:"#e5e7eb"}}}})]})]}))}))]})),o(m,e({expanded:Q,onChange:function(){return X(function(e){return!e})},sx:Ye,disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:18}}),sx:qe},{children:t(u,e({sx:{fontSize:13,fontWeight:600,color:"#374151"}},{children:"Atomic Prompt Blocks (APBs)"}))})),o(b,e({sx:{pt:0,px:1,pb:2}},{children:[t(c,e({gap:1},{children:(we?Ae:(null==W?void 0:W.members)||[]).map(function(n,i){return o(a,e({sx:{px:2,py:1,borderRadius:2,bgcolor:"#fff"}},{children:[o(a,e({sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",mb:1,gap:1}},{children:[o(u,e({sx:{fontSize:14,fontWeight:500,color:"#111827"}},{children:[i+1,". ",n.section_name]})),we?t(s,e({size:"small",onClick:function(){return Be(function(e){return e.filter(function(e,n){return n!==i})})},sx:{color:"#dc2626",flexShrink:0}},{children:t(L,{sx:{fontSize:16}})})):t(a,e({onClick:function(){return V(n.section_name.split("_").map(function(e){return e.charAt(0).toUpperCase()+e.slice(1)}).join("_"))},sx:{fontSize:14,color:"#475569",cursor:"pointer",flexShrink:0}},{children:"↗"}))]})),t(u,e({sx:{fontSize:12,lineHeight:1.5,color:"#64748b"}},{children:n.reason_for_inclusion})),A&&(r=n.segments||[],0===r.length?null:t(a,e({sx:{mt:1}},{children:t(a,e({sx:{display:"flex",flexWrap:"wrap",gap:1}},{children:r.map(function(e,n){return t(h,{clickable:!0,onClick:function(){return E(e.segmentized_text)},label:e.segmentized_text,sx:{borderRadius:1,bgcolor:"#eff6ff",color:"#3b82f6",border:"1px dashed #bfdbfe"}},n)})}))}))),t(w,{sx:{mt:2}})]}),i);var r})})),we&&o(a,e({onClick:function(){Ge(""),Ue(""),Pe(!0)},sx:{mt:1,display:"flex",alignItems:"center",justifyContent:"center",gap:.5,py:1,border:"1px dashed #d1d5db",borderRadius:1.5,cursor:"pointer",color:"#5928ed",fontSize:13,fontWeight:600,"&:hover":{bgcolor:"#f5f0ff"}}},{children:[t(F,{sx:{fontSize:16}})," Add APB"]}))]}))]})),o(m,e({expanded:ee,onChange:function(){return ne(function(e){return!e})},sx:Ye,disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:18}}),sx:qe},{children:o(u,e({sx:{fontSize:14,fontWeight:600,color:"#374151",display:"flex",alignItems:"center",flexDirection:"row"}},{children:["Applicability ",t("span",e({style:{color:"#94a3b8",fontWeight:400,fontSize:10,marginLeft:"12px"}},{children:"• When to apply / When not to apply"}))]}))})),o(b,e({sx:{pt:0,px:1.5,pb:1.5}},{children:[o(m,e({expanded:te,onChange:function(){return ie(function(e){return!e})},sx:{boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"6px !important",mb:1,"&:before":{display:"none"},"&.Mui-expanded":{margin:"0 0 8px 0"}},disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:16}}),sx:e(e({},qe),{bgcolor:"#f9fafb",borderRadius:"6px"})},{children:t(u,e({sx:{fontSize:12.5,fontWeight:500,color:"#374151"}},{children:"When to Apply this FPB"}))})),t(b,e({sx:{pt:.5,px:2,pb:1.5}},{children:o(c,e({gap:.75},{children:[(we?Le:Array.isArray(null==W?void 0:W.when_to_apply)?W.when_to_apply:(null==W?void 0:W.when_to_apply)?[W.when_to_apply]:["— Not yet available"]).map(function(n,i){return we?t(P,{value:n,onChange:function(e){return De(function(n){return n.map(function(n,o){return o===i?e:n})})},onDelete:function(){return De(function(e){return e.filter(function(e,n){return n!==i})})}},i):o(c,e({direction:"row",gap:1,alignItems:"flex-start"},{children:[o(u,e({sx:{fontSize:12,color:"#374151",fontWeight:700,mt:.1}},{children:[i+1,"."]})),t(u,e({sx:{fontSize:12.5,color:"#374151",lineHeight:1.55}},{children:n}))]}),i)}),we&&o(a,e({onClick:function(){return De(function(e){return n(n([],e,!0),[""],!1)})},sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:.5,py:.75,border:"1px dashed #d1d5db",borderRadius:1.5,cursor:"pointer",color:"#5928ed",fontSize:12.5,fontWeight:600,"&:hover":{bgcolor:"#f5f0ff"}}},{children:[t(F,{sx:{fontSize:15}})," Add When to Apply"]}))]}))}))]})),o(m,e({expanded:le,onChange:function(){return de(function(e){return!e})},sx:{boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"6px !important","&:before":{display:"none"}},disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:16}}),sx:e(e({},qe),{bgcolor:"#f9fafb",borderRadius:"6px"})},{children:t(u,e({sx:{fontSize:12.5,fontWeight:500,color:"#374151"}},{children:"When NOT to Apply this FPB"}))})),t(b,e({sx:{pt:.5,px:2,pb:1.5}},{children:we?o(c,e({gap:.75},{children:[Te.map(function(e,n){return t(P,{value:e,onChange:function(e){return Ve(function(o){return o.map(function(o,t){return t===n?e:o})})},onDelete:function(){return Ve(function(e){return e.filter(function(e,o){return o!==n})})}},n)}),o(a,e({onClick:function(){return Ve(function(e){return n(n([],e,!0),[""],!1)})},sx:{display:"flex",alignItems:"center",justifyContent:"center",gap:.5,py:.75,border:"1px dashed #d1d5db",borderRadius:1.5,cursor:"pointer",color:"#5928ed",fontSize:12.5,fontWeight:600,"&:hover":{bgcolor:"#f5f0ff"}}},{children:[t(F,{sx:{fontSize:15}})," Add When NOT to Apply"]}))]})):Array.isArray(null==W?void 0:W.when_not_to_apply)||(null==W?void 0:W.when_not_to_apply)?t(c,e({gap:.75},{children:(Array.isArray(null==W?void 0:W.when_not_to_apply)?W.when_not_to_apply:[W.when_not_to_apply]).map(function(n,i){return o(c,e({direction:"row",gap:1,alignItems:"flex-start"},{children:[o(u,e({sx:{fontSize:12,color:"#374151",fontWeight:700,mt:.1}},{children:[i+1,"."]})),t(u,e({sx:{fontSize:12.5,color:"#374151",lineHeight:1.55}},{children:n}))]}),i)})})):t(u,e({sx:{fontSize:12.5,color:"#9ca3af",fontStyle:"italic"}},{children:"No conditions defined yet."}))}))]}))]}))]})),o(m,e({expanded:ce,onChange:function(){return se(function(e){return!e})},sx:Ye,disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:18}}),sx:qe},{children:o(u,e({sx:{fontSize:14,fontWeight:600,color:"#374151",display:"flex",alignItems:"center",flexDirection:"row"}},{children:["Specifications ",t("span",e({style:{color:"#94a3b8",fontWeight:400,fontSize:10,marginLeft:"12px"}},{children:"• Strict Rules / Input / Output"}))]}))})),t(b,e({sx:{pt:0,px:1.5,pb:1.5}},{children:[{label:"Guidelines",expanded:fe,setExpanded:pe,content:null==W?void 0:W.additional_guidelines},{label:"Input",expanded:ge,setExpanded:me,content:null},{label:"Output",expanded:be,setExpanded:ve,content:null}].map(function(n,i){var r=n.label,l=n.expanded,d=n.setExpanded,a=n.content;return o(m,e({expanded:l,onChange:function(){return d(function(e){return!e})},sx:{boxShadow:"none",border:"1px solid #e5e7eb",borderRadius:"6px !important",mb:i<2?1:0,"&:before":{display:"none"},"&.Mui-expanded":{margin:i<2?"0 0 8px 0":0}},disableGutters:!0},{children:[t(x,e({expandIcon:t(z,{sx:{fontSize:16}}),sx:e(e({},qe),{bgcolor:"#f9fafb",borderRadius:"6px"})},{children:o(c,e({direction:"row",alignItems:"center",gap:.5},{children:[t(u,e({sx:{fontSize:12.5,fontWeight:500,color:"#374151"}},{children:r})),"Guidelines"!==r&&t(R,{sx:{fontSize:13,color:"#9ca3af"}})]}))})),t(b,e({sx:{pt:.5,px:2,pb:1.5}},{children:t(u,e({sx:{fontSize:12.5,color:a?"#374151":"#9ca3af",fontStyle:a?"normal":"italic"}},{children:a||"No ".concat(r.toLowerCase()," defined yet.")}))}))]}),r)})}))]}))]})),o(S,e({open:Oe,onClose:function(){return Pe(!1)},maxWidth:"sm",fullWidth:!0,PaperProps:{sx:{borderRadius:"12px"}}},{children:[o(a,e({sx:{px:3,py:2,display:"flex",alignItems:"center",justifyContent:"space-between",borderBottom:"1px solid #e5e7eb"}},{children:[t(u,e({sx:{fontWeight:700,fontSize:"1rem",color:"#111827"}},{children:"Add new APB"})),t(s,e({size:"small",onClick:function(){return Pe(!1)}},{children:t(_,{sx:{fontSize:"1.1rem",color:"#6b7280"}})}))]})),o(a,e({sx:{px:3,py:2.5,display:"flex",flexDirection:"column",gap:2}},{children:[o(a,{children:[t(u,e({sx:{fontSize:13,fontWeight:600,color:"#374151",mb:.75}},{children:"Title"})),t(g,{fullWidth:!0,size:"small",placeholder:"Specify the title of APB",value:Ne,onChange:function(e){return Ge(e.target.value)}})]}),o(a,{children:[t(u,e({sx:{fontSize:13,fontWeight:600,color:"#374151",mb:.75}},{children:"Description"})),t(g,{fullWidth:!0,size:"small",multiline:!0,minRows:3,placeholder:"Describe the APB",value:Ze,onChange:function(e){return Ue(e.target.value)}})]})]})),o(a,e({sx:{px:3,py:2,display:"flex",justifyContent:"flex-end",gap:1,borderTop:"1px solid #e5e7eb"}},{children:[t(f,e({variant:"outlined",onClick:function(){return Pe(!1)},sx:{textTransform:"none",borderColor:"#d1d5db",color:"#374151"}},{children:"Cancel"})),t(f,e({variant:"contained",onClick:function(){Be(function(e){return n(n([],e,!0),[{section_name:Ne,reason_for_inclusion:Ze,content:""}],!1)}),Pe(!1)},sx:{textTransform:"none",bgcolor:"#5928ed","&:hover":{bgcolor:"#4c1d95"}}},{children:"Save"}))]}))]}))]}))},H=function(n){var i,l,d,p,h,g=n.block,m=n.onBlockUpdate,x=n.isExtracting,b=n.isExtracted,v=n.onExtractSegments,y=n.isSaving,w=n.isSaved,S=n.onSave,z=n.onBack,C=n.title,R=void 0===C?"FPB Promptemon":C,B=n.categories,F=n.subCategories,L=n.selectedCategoryId,D=n.selectedSubCategoryId,M=n.onCategoryChange,T=n.onSubCategoryChange,V=n.showEditMode,E=void 0===V||V,O=n.showExtractSegments,P=void 0===O||O,H=r(1),Z=H[0],U=H[1],Y=r(!0),q=Y[0],J=Y[1],K=r(""),Q=K[0],X=K[1],$=r(""),ee=$[0],ne=$[1],oe=(null===(i=null==g?void 0:g.members)||void 0===i?void 0:i.map(function(e){if(!b||!e.segments||0===e.segments.length)return e.content||"";var n=e.content||"";return e.segments.forEach(function(e){e.raw_text&&e.segmentized_text&&(n=n.split(e.raw_text).join(e.segmentized_text))}),n}).join("\n\n"))||"";return o(a,e({sx:{width:"100%",height:"100%",display:"flex",flexDirection:"column",bgcolor:"#fff",overflow:"hidden"}},{children:[o(a,e({sx:{px:2.5,py:1.5,borderBottom:"1px solid #e5e7eb",display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#fff",flexShrink:0}},{children:[o(c,e({direction:"row",alignItems:"center",gap:1},{children:[t(s,e({size:"small",sx:{color:"#6b7280"},onClick:z},{children:t(k,{sx:{fontSize:18}})})),t(u,e({sx:{fontSize:14,fontWeight:600,color:"#111827"}},{children:R}))]})),o(a,e({sx:{display:"flex",alignItems:"center",gap:1}},{children:[t(f,e({variant:"contained",size:"small",disabled:!b||y||w,onClick:S,sx:{textTransform:"none",fontSize:"0.78rem",fontWeight:600,bgcolor:"#5928ed",px:2,py:.6,"&:hover":{bgcolor:"#4c1d95"},"&.Mui-disabled":{bgcolor:"#5928ed",color:"#fff",opacity:.4}}},{children:y?"Saving...":w?"Saved ✓":"Save FPB"})),t(s,e({size:"small",sx:{color:"#6b7280"},onClick:z},{children:t(_,{sx:{fontSize:18}})}))]}))]})),o(a,e({sx:{display:"flex",flex:1,overflow:"hidden"}},{children:[t(G,{block:g,isExtracted:b,isSaved:w,showEditMode:E,onBlockUpdate:m,onTagSelect:function(e){X(""),setTimeout(function(){return X(e)},50)},onVariableSelect:function(e){ne(""),setTimeout(function(){return ne(e)},50)},categories:B,subCategories:F,selectedCategoryId:L,selectedSubCategoryId:D,onCategoryChange:M,onSubCategoryChange:T}),o(a,e({sx:{flex:1,display:"flex",flexDirection:"column",overflow:"hidden",p:2,gap:1.5}},{children:[o(a,e({sx:{display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0}},{children:[o(c,e({direction:"row",alignItems:"center",gap:1},{children:[o(u,e({sx:{fontSize:13,fontWeight:600,color:"#374151"}},{children:[(null==g?void 0:g.title)||"—"," APBs"]})),o(c,e({direction:"row",alignItems:"center",gap:.5},{children:[t(s,e({size:"small",onClick:function(){return U(function(e){return Math.max(1,e-1)})},disabled:1===Z,sx:{color:"#6b7280",p:.4}},{children:t(I,{sx:{fontSize:16}})})),o(u,e({sx:{fontSize:12.5,color:"#6b7280"}},{children:[Z," of ",(null===(l=null==g?void 0:g.members)||void 0===l?void 0:l.length)||0]})),t(s,e({size:"small",onClick:function(){return U(function(e){var n;return Math.min((null===(n=null==g?void 0:g.members)||void 0===n?void 0:n.length)||0,e+1)})},disabled:Z===((null===(d=null==g?void 0:g.members)||void 0===d?void 0:d.length)||0),sx:{color:"#6b7280",p:.4}},{children:t(W,{sx:{fontSize:16}})}))]}))]})),t(c,e({direction:"row",alignItems:"center",gap:1.5},{children:P&&(b?o(c,e({direction:"row",alignItems:"center",gap:1},{children:[t(u,e({sx:{fontSize:12.5,color:"#6b7280"}},{children:"Show Segments"})),t(a,e({sx:{width:36,height:20,borderRadius:"10px",bgcolor:"#7c3aed",display:"flex",alignItems:"center",px:.3,cursor:"pointer"}},{children:t(a,{sx:{width:14,height:14,borderRadius:"50%",bgcolor:"#fff",ml:"auto"}})}))]})):o(a,e({onClick:v,sx:{display:"flex",alignItems:"center",gap:1,px:2,py:.85,borderRadius:1.5,bgcolor:"#7c3aed",cursor:x?"default":"pointer","&:hover":{bgcolor:"#6d28d9"},userSelect:"none",opacity:x?.7:1}},{children:[t(A,{sx:{fontSize:15,color:"#fff"}}),t(u,e({sx:{fontSize:13,fontWeight:600,color:"#fff"}},{children:x?"Extracting...":"Extract Segments"}))]})))}))]})),o(a,e({sx:{flex:1,minHeight:0,position:"relative"}},{children:[x&&t(a,e({sx:{position:"absolute",top:0,left:0,right:0,bottom:0,bgcolor:"rgba(0,0,0,0.6)",zIndex:10,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:1}},{children:t(u,e({sx:{color:"#fff",fontSize:14,fontWeight:600}},{children:"Extracting segments..."}))})),o(a,e({sx:{border:"1px solid #30363d",borderRadius:1,overflow:"hidden",height:"100%"}},{children:[o(a,e({sx:{px:2,py:1,borderBottom:"1px solid #30363d",display:"flex",alignItems:"center",gap:1,bgcolor:"#161b22",flexShrink:0}},{children:[t(a,{sx:{width:12,height:12,borderRadius:"50%",bgcolor:"#ff5f57"}}),t(a,{sx:{width:12,height:12,borderRadius:"50%",bgcolor:"#febc2e"}}),t(a,{sx:{width:12,height:12,borderRadius:"50%",bgcolor:"#28c840"}}),o(u,e({sx:{ml:1,fontSize:11,color:"#8b949e",fontFamily:"monospace"}},{children:[(null===(h=null===(p=null==g?void 0:g.members)||void 0===p?void 0:p[Z-1])||void 0===h?void 0:h.section_name)||"—",".xml"]})),t(a,{sx:{flex:1}}),t(j,{isDarkMode:q,onChange:J})]})),t(N,{content:oe,selectedTag:Q,highlightVariable:ee,isDarkMode:q,height:"100%",fontSize:14})]}))]}))]}))]}))]}))};export{H as default};
 //# sourceMappingURL=PromptemonViewer.js.map