@viswa-test/test-citation 0.0.390 → 0.0.394

package/dist/cjs/features/PromptemonBlockViewer/PromptemonBlockViewer.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),o=require("react"),r=require("@mui/material"),t=require("@mui/icons-material/Close"),i=require("@mui/icons-material/Fullscreen"),n=require("@monaco-editor/react"),s=require("@mui/icons-material/DarkMode"),l=require("@mui/icons-material/LightMode");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=a(t),c=a(i),h=a(n),g=a(s),f=a(l);const u={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"}},p=({isDarkMode:o,onChange:t})=>e.jsx(r.Box,{onClick:()=>t(!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:e.jsx(r.Box,{sx:{width:18,height:18,borderRadius:"50%",bgcolor:o?"#1e1e2e":"#f59e0b",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"},children:o?e.jsx(g.default,{sx:{fontSize:11,color:"#fff"}}):e.jsx(f.default,{sx:{fontSize:11,color:"#fff"}})})}),m=({content:t,selectedTag:i,highlightVariable:n,isDarkMode:s,height:l=250,fontSize:a=12,editorBackgroundColor:d})=>{const c=o.useRef(),g=o.useRef(),f=()=>d?{...u,colors:{...u.colors,"editor.background":d}}:u;return o.useEffect(()=>{if(!i||!c.current||!g.current)return;const e=c.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()===i.toLowerCase()){t=e+1;break}}if(t>0){let o=t;const n=`</${i.toLowerCase()}>`;for(let e=t;e<r.length;e++)if(r[e].toLowerCase().includes(n)){o=e+1;break}e.setSelection(new g.current.Selection(t,1,t,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(t);const s=e.deltaDecorations([],[{range:new g.current.Range(t,1,o,r[o-1].length+1),options:{isWholeLine:!0,className:"promptemon-highlight",inlineClassName:"promptemon-highlight"}}]);setTimeout(()=>e.deltaDecorations(s,[]),2e3)}},[i]),o.useEffect(()=>{if(!n||!c.current||!g.current)return;const e=c.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(n);for(;-1!==o;)t.push(new g.current.Range(e+1,o+1,e+1,o+n.length+1)),o=r[e].indexOf(n,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)},[n]),o.useEffect(()=>{g.current&&g.current.editor.setTheme(s?"promptemonDark":"promptemonLight")},[s]),e.jsxs(e.Fragment,{children:[e.jsx("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.jsxs(r.Box,{sx:{width:"100%",height:l,display:"flex",flexDirection:"column"},children:[e.jsx(r.Box,{sx:{width:"100%",height:20,bgcolor:s?d||"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),e.jsx(r.Box,{sx:{flex:1,minHeight:0,overflow:"hidden"},children:e.jsx(h.default,{onMount:(e,o)=>{c.current=e,g.current=o,o.editor.defineTheme("promptemonDark",f()),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[^>]*)?>/),s=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(n&&!e.includes("/>")&&t.push({tag:n[1],start:i}),s){const e=s[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",f()),e.editor.defineTheme("promptemonLight",x),e.editor.setTheme(s?"promptemonDark":"promptemonLight")},theme:s?"promptemonDark":"promptemonLight",value:t,language:"promptemonLang",onChange:()=>{},options:{fontSize:a,minimap:{enabled:!1},wordWrap:"on",lineNumbers:"on",readOnly:!0,domReadOnly:!0,scrollBeyondLastLine:!1,padding:{top:4,bottom:12},folding:!0,automaticLayout:!0,scrollbar:{vertical:"visible",horizontal:"visible",verticalScrollbarSize:8}}})}),e.jsx(r.Box,{sx:{width:"100%",height:20,bgcolor:s?d||"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]})]})};exports.default=({title:t,description:i,content:n,height:s=250,selectedTag:l,highlightVariable:a,className:h,style:g,showThemeToggle:f=!0,theme:u="dark",editorBackgroundColor:x,fontSize:b=12,titleFontSize:k,titleStyle:j})=>{const[y,B]=o.useState("dark"===u),[v,C]=o.useState(!1);return o.useEffect(()=>{B("dark"===u)},[u]),e.jsxs(e.Fragment,{children:[e.jsxs(r.Box,{className:h,style:g,sx:{border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"},children:[e.jsxs(r.Box,{sx:{px:1.5,py:.75,bgcolor:y?x||"#030202":"#f9fafb",borderBottom:y?"1px solid #333":"1px solid #e5e7eb",display:"flex",alignItems:"center",justify:"space-between"},children:[e.jsx(r.Typography,{style:j,sx:{fontSize:k||"0.72rem",color:y?"#e5e7eb":"#374151",fontWeight:600},children:t}),e.jsxs(r.Box,{sx:{display:"flex",alignItems:"center",gap:.75},children:[f&&e.jsx(p,{isDarkMode:y,onChange:B}),e.jsx(r.Tooltip,{title:"Fullscreen",placement:"top",children:e.jsx(r.Box,{onClick:()=>C(!0),sx:{cursor:"pointer",display:"flex",alignItems:"center",p:.3,borderRadius:"4px","&:hover":{bgcolor:y?"#333":"#e5e7eb"}},children:e.jsx(c.default,{sx:{fontSize:"0.9rem",color:y?"#9ca3af":"#6b7280"}})})})]})]}),e.jsx(r.Box,{sx:{height:s,bgcolor:y?x||"#030202":"#fff"},children:e.jsx(m,{content:n,selectedTag:l,highlightVariable:a,isDarkMode:y,height:s,fontSize:b,editorBackgroundColor:x})})]}),e.jsxs(r.Dialog,{open:v,onClose:()=>C(!1),maxWidth:!1,PaperProps:{sx:{width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"}},children:[e.jsxs(r.Box,{sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},children:[e.jsx(r.Typography,{sx:{fontWeight:700,fontSize:"1rem",color:"#111827"},children:t}),e.jsx(r.IconButton,{size:"small",onClick:()=>C(!1),children:e.jsx(d.default,{sx:{fontSize:"1.1rem",color:"#6B7280"}})})]}),e.jsxs(r.Box,{sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0},children:[i&&e.jsxs(r.Box,{sx:{width:"35%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"},children:[e.jsxs(r.Box,{sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1},children:[e.jsx(r.Chip,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}}),e.jsx(r.Typography,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"},children:t})]}),e.jsx(r.Box,{sx:{flex:1,p:2,overflowY:"auto"},children:e.jsxs(r.Box,{sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5},children:[e.jsx(r.Typography,{sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75},children:"Description"}),e.jsx(r.Typography,{sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6},children:i})]})})]}),e.jsxs(r.Box,{sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"},children:[e.jsxs(r.Box,{sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"},children:[e.jsx(r.Typography,{sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"},children:"Prompt Preview"}),f&&e.jsx(p,{isDarkMode:y,onChange:B})]}),e.jsx(r.Box,{sx:{flex:1,minHeight:0,p:1.5},children:e.jsx(m,{content:n,selectedTag:l,highlightVariable:a,isDarkMode:y,height:"100%",fontSize:13})})]})]})]})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),o=require("react/jsx-runtime"),r=require("react"),t=require("@mui/material"),i=require("@mui/icons-material/Close"),n=require("@mui/icons-material/Fullscreen"),s=require("@monaco-editor/react"),a=require("@mui/icons-material/DarkMode"),l=require("@mui/icons-material/LightMode");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=d(i),c=d(n),u=d(s),f=d(a),h=d(l),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"}},p={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"}},m=function(r){var i=r.isDarkMode,n=r.onChange;return o.jsx(t.Box,e.__assign({onClick:function(){return n(!i)},sx:{width:52,height:24,borderRadius:"12px",bgcolor:i?"#5928ed":"#f0f0f0",border:"1px solid",borderColor:i?"#5928ed":"#d1d5db",display:"flex",alignItems:"center",px:.4,cursor:"pointer",transition:"all 0.2s",justifyContent:i?"flex-end":"flex-start"}},{children:o.jsx(t.Box,e.__assign({sx:{width:18,height:18,borderRadius:"50%",bgcolor:i?"#1e1e2e":"#f59e0b",display:"flex",alignItems:"center",justifyContent:"center",transition:"all 0.2s"}},{children:i?o.jsx(f.default,{sx:{fontSize:11,color:"#fff"}}):o.jsx(h.default,{sx:{fontSize:11,color:"#fff"}})}))}))},b=function(i){var n=i.content,s=i.selectedTag,a=i.highlightVariable,l=i.isDarkMode,d=i.height,g=void 0===d?250:d,c=i.fontSize,f=void 0===c?12:c,h=i.editorBackgroundColor,m=r.useRef(),b=r.useRef(),_=function(){return h?e.__assign(e.__assign({},x),{colors:e.__assign(e.__assign({},x.colors),{"editor.background":h})}):x};return r.useEffect(function(){if(s&&m.current&&b.current){var e=m.current,o=e.getModel();if(o){for(var r=o.getValue().split("\n"),t=-1,i=0;i<r.length;i++){var n=r[i].match(/<([^\s>\/]+(?:\s[^\s>\/]+)*)/);if(n&&n[1].trim().toLowerCase()===s.toLowerCase()){t=i+1;break}}if(t>0){var a=t,l="</".concat(s.toLowerCase(),">");for(i=t;i<r.length;i++)if(r[i].toLowerCase().includes(l)){a=i+1;break}e.setSelection(new b.current.Selection(t,1,t,1)),e.trigger(null,"editor.unfold",{}),e.revealLineInCenterIfOutsideViewport(t);var d=e.deltaDecorations([],[{range:new b.current.Range(t,1,a,r[a-1].length+1),options:{isWholeLine:!0,className:"promptemon-highlight",inlineClassName:"promptemon-highlight"}}]);setTimeout(function(){return e.deltaDecorations(d,[])},2e3)}}}},[s]),r.useEffect(function(){if(a&&m.current&&b.current){var e=m.current,o=e.getModel();if(o){for(var r=o.getValue().split("\n"),t=[],i=0;i<r.length;i++)for(var n=r[i].indexOf(a);-1!==n;)t.push(new b.current.Range(i+1,n+1,i+1,n+a.length+1)),n=r[i].indexOf(a,n+1);if(0!==t.length){e.revealLineInCenterIfOutsideViewport(t[0].startLineNumber);var s=e.deltaDecorations([],t.map(function(e){return{range:e,options:{inlineClassName:"promptemon-variable-highlight"}}}));setTimeout(function(){return e.deltaDecorations(s,[])},2e3)}}}},[a]),r.useEffect(function(){b.current&&b.current.editor.setTheme(l?"promptemonDark":"promptemonLight")},[l]),o.jsxs(o.Fragment,{children:[o.jsx("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            "}),o.jsxs(t.Box,e.__assign({sx:{width:"100%",height:g,display:"flex",flexDirection:"column"}},{children:[o.jsx(t.Box,{sx:{width:"100%",height:20,bgcolor:l?h||"#030202":"#fff",borderTopLeftRadius:8,borderTopRightRadius:8}}),o.jsx(t.Box,e.__assign({sx:{flex:1,minHeight:0,overflow:"hidden"}},{children:o.jsx(u.default,{onMount:function(e,o){m.current=e,b.current=o,o.editor.defineTheme("promptemonDark",_()),o.editor.defineTheme("promptemonLight",p),o.editor.setTheme(l?"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:function(e){var o=e.getLinesContent(),r=[],t=[];return o.forEach(function(e,o){var i=o+1,n=e.match(/<([a-zA-Z0-9\-]+)(\s[^>]*)?>/),s=e.match(/<\/([a-zA-Z0-9\-]+)>/);if(n&&!e.includes("/>")&&t.push({tag:n[1],start:i}),s)for(var a=s[1],l=t.length-1;l>=0;l--)if(t[l].tag===a){r.push({start:t[l].start,end:i}),t.splice(l,1);break}}),r}})},beforeMount:function(e){e.editor.defineTheme("promptemonDark",_()),e.editor.defineTheme("promptemonLight",p),e.editor.setTheme(l?"promptemonDark":"promptemonLight")},theme:l?"promptemonDark":"promptemonLight",value:n,language:"promptemonLang",onChange:function(){},options:{fontSize:f,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.jsx(t.Box,{sx:{width:"100%",height:20,bgcolor:l?h||"#030202":"#fff",borderBottomLeftRadius:8,borderBottomRightRadius:8}})]}))]})};exports.default=function(i){var n=i.title,s=i.description,a=i.content,l=i.height,d=void 0===l?250:l,u=i.selectedTag,f=i.highlightVariable,h=i.className,x=i.style,p=i.showThemeToggle,_=void 0===p||p,v=i.theme,k=void 0===v?"dark":v,j=i.editorBackgroundColor,y=i.fontSize,B=void 0===y?12:y,C=i.titleFontSize,w=i.titleStyle,F=r.useState("dark"===k),S=F[0],z=F[1],L=r.useState(!1),D=L[0],T=L[1];return r.useEffect(function(){z("dark"===k)},[k]),o.jsxs(o.Fragment,{children:[o.jsxs(t.Box,e.__assign({className:h,style:x,sx:{border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"}},{children:[o.jsxs(t.Box,e.__assign({sx:{px:1.5,py:.75,bgcolor:S?j||"#030202":"#f9fafb",borderBottom:S?"1px solid #333":"1px solid #e5e7eb",display:"flex",alignItems:"center",justify:"space-between"}},{children:[o.jsx(t.Typography,e.__assign({style:w,sx:{fontSize:C||"0.72rem",color:S?"#e5e7eb":"#374151",fontWeight:600}},{children:n})),o.jsxs(t.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:.75}},{children:[_&&o.jsx(m,{isDarkMode:S,onChange:z}),o.jsx(t.Tooltip,e.__assign({title:"Fullscreen",placement:"top"},{children:o.jsx(t.Box,e.__assign({onClick:function(){return T(!0)},sx:{cursor:"pointer",display:"flex",alignItems:"center",p:.3,borderRadius:"4px","&:hover":{bgcolor:S?"#333":"#e5e7eb"}}},{children:o.jsx(c.default,{sx:{fontSize:"0.9rem",color:S?"#9ca3af":"#6b7280"}})}))}))]}))]})),o.jsx(t.Box,e.__assign({sx:{height:d,bgcolor:S?j||"#030202":"#fff"}},{children:o.jsx(b,{content:a,selectedTag:u,highlightVariable:f,isDarkMode:S,height:d,fontSize:B,editorBackgroundColor:j})}))]})),o.jsxs(t.Dialog,e.__assign({open:D,onClose:function(){return T(!1)},maxWidth:!1,PaperProps:{sx:{width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"}}},{children:[o.jsxs(t.Box,e.__assign({sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0}},{children:[o.jsx(t.Typography,e.__assign({sx:{fontWeight:700,fontSize:"1rem",color:"#111827"}},{children:n})),o.jsx(t.IconButton,e.__assign({size:"small",onClick:function(){return T(!1)}},{children:o.jsx(g.default,{sx:{fontSize:"1.1rem",color:"#6B7280"}})}))]})),o.jsxs(t.Box,e.__assign({sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0}},{children:[s&&o.jsxs(t.Box,e.__assign({sx:{width:"35%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[o.jsxs(t.Box,e.__assign({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1}},{children:[o.jsx(t.Chip,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}}),o.jsx(t.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:n}))]})),o.jsx(t.Box,e.__assign({sx:{flex:1,p:2,overflowY:"auto"}},{children:o.jsxs(t.Box,e.__assign({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5}},{children:[o.jsx(t.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75}},{children:"Description"})),o.jsx(t.Typography,e.__assign({sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6}},{children:s}))]}))}))]})),o.jsxs(t.Box,e.__assign({sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[o.jsxs(t.Box,e.__assign({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[o.jsx(t.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:"Prompt Preview"})),_&&o.jsx(m,{isDarkMode:S,onChange:z})]})),o.jsx(t.Box,e.__assign({sx:{flex:1,minHeight:0,p:1.5}},{children:o.jsx(b,{content:a,selectedTag:u,highlightVariable:f,isDarkMode:S,height:"100%",fontSize:13})}))]}))]}))]}))]})};
 //# sourceMappingURL=PromptemonBlockViewer.js.map

package/dist/cjs/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","fontSize","color","LightModeIcon","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","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/cjs/features/PromptemonViewer/PromptemonViewer.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"PromptemonViewer.js","sources":["../../../../src/features/PromptemonViewer/PromptemonViewer.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from \"react\";\nimport {\n    Box,\n    Typography,\n    IconButton,\n    Accordion,\n    AccordionSummary,\n    AccordionDetails,\n    TextField,\n    Chip,\n    Divider,\n    Stack,\n    Tooltip,\n    Select,\n    MenuItem,\n    Button,\n    Dialog,\n} from \"@mui/material\";\nimport ExpandMoreIcon from \"@mui/icons-material/ExpandMore\";\nimport EditOutlinedIcon from \"@mui/icons-material/EditOutlined\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ArrowBackIcon from \"@mui/icons-material/ArrowBack\";\nimport NavigateBeforeIcon from \"@mui/icons-material/NavigateBefore\";\nimport NavigateNextIcon from \"@mui/icons-material/NavigateNext\";\nimport InfoOutlinedIcon from \"@mui/icons-material/InfoOutlined\";\nimport AutoFixHighOutlinedIcon from \"@mui/icons-material/AutoFixHighOutlined\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport AddIcon from \"@mui/icons-material/Add\";\nimport DeleteOutlineIcon from \"@mui/icons-material/DeleteOutline\";\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\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// ─── Types ───────────────────────────────────────────────────────────────────\n\nexport interface SPBCategory {\n    category_id: string;\n    category_name: string;\n    description?: string | null;\n}\n\nexport interface SPBSubCategory {\n    sub_category_id: string;\n    sub_category_name: string;\n    category_id: string;\n    description?: string | null;\n}\n\nexport interface PromptemonViewerProps {\n    // Block data\n    block: any;\n    onBlockUpdate: (updatedBlock: any) => void;\n\n    // Extract\n    isExtracting: boolean;\n    isExtracted: boolean;\n    onExtractSegments: () => void;\n\n    // Save\n    isSaving: boolean;\n    isSaved: boolean;\n    onSave: () => void;\n\n    // Navigation\n    onBack: () => void;\n    title?: string;\n\n    // Categories\n    categories: SPBCategory[];\n    subCategories: SPBSubCategory[];\n    selectedCategoryId: string;\n    selectedSubCategoryId: string;\n    onCategoryChange: (id: string) => void;\n    onSubCategoryChange: (id: string) => void;\n    onAddCategory?: (data: { name: string; description: string }) => Promise<void>;\n    onAddSubCategory?: (data: { name: string; description: string; categoryId: string }) => Promise<void>;\n    showEditMode?: boolean;\n    showExtractSegments?: boolean;\n}\n\n// ─── ExpandableDescription ───────────────────────────────────────────────────\n\nconst ExpandableDescription = ({ description }: { description: string }) => {\n    const [isExpanded, setIsExpanded] = useState(false);\n    const [hasOverflow, setHasOverflow] = useState(false);\n    const textRef = useRef<HTMLDivElement | null>(null);\n\n    useEffect(() => {\n        const el = textRef.current;\n        if (!el) return;\n        setHasOverflow(el.scrollHeight > el.clientHeight + 1);\n    }, [description, isExpanded]);\n\n    return (\n        <Box sx={{ mt: 1.5, border: \"1px solid #e5e7eb\", borderRadius: 2, bgcolor: \"#fff\", display: \"flex\", flexDirection: \"column\", px: 1.25, py: 1 }}>\n            <Typography\n                ref={textRef}\n                component=\"div\"\n                sx={{\n                    fontSize: 11, color: \"#6b7280\", lineHeight: 1.5,\n                    overflowY: isExpanded ? \"auto\" : \"hidden\",\n                    maxHeight: isExpanded ? \"calc(1.6em * 5)\" : \"calc(1.6em * 3)\",\n                    whiteSpace: \"normal\",\n                    display: isExpanded ? \"block\" : \"-webkit-box\",\n                    ...(isExpanded ? {} : { WebkitBoxOrient: \"vertical\", WebkitLineClamp: 3 }),\n                }}\n            >\n                {description}\n            </Typography>\n            {hasOverflow && (\n                <Typography\n                    component=\"span\"\n                    onClick={() => setIsExpanded(p => !p)}\n                    sx={{ mt: 0.75, alignSelf: \"flex-end\", fontSize: 10, color: \"#7c3aed\", cursor: \"pointer\", fontWeight: 500 }}\n                >\n                    {isExpanded ? \"View less\" : \"View more\"}\n                </Typography>\n            )}\n        </Box>\n    );\n};\n\n// ─── EditableApplicabilityItem ────────────────────────────────────────────────\n\nconst EditableApplicabilityItem = ({ value, onChange, onDelete }: { value: string; onChange: (v: string) => void; onDelete: () => void }) => {\n    const [isLineEditing, setIsLineEditing] = useState(false);\n    return (\n        <Box sx={{ display: \"flex\", alignItems: \"flex-start\", gap: 1, p: 1, border: \"1px solid #e5e7eb\", borderRadius: \"8px\", bgcolor: \"#fff\" }}>\n            <Box sx={{ width: 18, height: 18, borderRadius: \"4px\", bgcolor: \"#f1f5f9\", display: \"flex\", alignItems: \"center\", justifyContent: \"center\", fontSize: 11, color: \"#64748b\", flexShrink: 0, mt: 0.1 }}>a</Box>\n            {isLineEditing ? (\n                <TextField autoFocus value={value} onChange={e => onChange(e.target.value)} onBlur={() => setIsLineEditing(false)} size=\"small\" fullWidth multiline sx={{ \"& .MuiOutlinedInput-input\": { fontSize: 12.5 } }} />\n            ) : (\n                <Typography sx={{ fontSize: 12.5, color: \"#374151\", lineHeight: 1.55, flex: 1 }}>{value}</Typography>\n            )}\n            <Stack direction=\"row\" gap={0.25} sx={{ flexShrink: 0 }}>\n                <IconButton size=\"small\" onClick={() => setIsLineEditing(true)} sx={{ color: \"#6b7280\" }}><EditOutlinedIcon sx={{ fontSize: 14 }} /></IconButton>\n                <IconButton size=\"small\" onClick={onDelete} sx={{ color: \"#dc2626\" }}><DeleteOutlineIcon sx={{ fontSize: 14 }} /></IconButton>\n            </Stack>\n        </Box>\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\n\nconst InternalEditor = ({\n    content,\n    selectedTag,\n    highlightVariable,\n    isDarkMode,\n    height = 250,\n    fontSize = 12,\n}: {\n    content: string;\n    selectedTag?: string;\n    highlightVariable?: string;\n    isDarkMode: boolean;\n    height?: number | string;\n    fontSize?: number;\n}) => {\n    const editorRef = useRef<monaco.editor.IStandaloneCodeEditor>();\n    const monacoRef = useRef<Monaco>();\n\n    const handleBeforeMount = (monaco: Monaco) => {\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonViewerDark\", DARK_THEME);\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonViewerLight\", LIGHT_THEME);\n        monaco.editor.setTheme(isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\");\n    };\n\n    const handleEditorMount: OnMount = (editor, monaco) => {\n        editorRef.current = editor;\n        monacoRef.current = monaco;\n\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonViewerDark\", DARK_THEME);\n        // @ts-ignore\n        monaco.editor.defineTheme(\"promptemonViewerLight\", LIGHT_THEME);\n        monaco.editor.setTheme(isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\");\n\n        monaco.languages.register({ id: \"promptemonViewerLang\" });\n        monaco.languages.setMonarchTokensProvider(\"promptemonViewerLang\", {\n            tokenizer: {\n                root: [\n                    [/(<)([a-zA-Z0-9\\-]+)(\\s*)/, [\"delimiter\", \"tag\", \"white\"], \"@tagBody\"],\n                    [/(<\\/)([a-zA-Z0-9\\-]+)(\\s*)(>)/, [\"delimiter\", \"tag\", \"white\", \"delimiter\"]],\n                    [/{{[^}]+}}/, \"variable\"],\n                ],\n                tagBody: [\n                    [/[a-zA-Z0-9\\:\\-]+(?=\\=)/, \"attribute.name\"],\n                    [/=/, \"delimiter\"],\n                    [/(\".*?\"|'.*?')/, \"attribute.value\"],\n                    [/\\s+/, \"white\"],\n                    [/(\\/?>)/, { token: \"delimiter\", next: \"@pop\" }],\n                ],\n            },\n        });\n\n        monaco.languages.registerFoldingRangeProvider(\"promptemonViewerLang\", {\n            provideFoldingRanges: (model) => {\n                const lines = model.getLinesContent();\n                const foldingRanges: any[] = [];\n                const stack: { tag: string; start: number }[] = [];\n                lines.forEach((line, index) => {\n                    const lineNumber = index + 1;\n                    const openTagMatch = line.match(/<([a-zA-Z0-9\\-]+)(\\s[^>]*)?>/);\n                    const closeTagMatch = line.match(/<\\/([a-zA-Z0-9\\-]+)>/);\n                    if (openTagMatch && !line.includes(\"/>\")) {\n                        stack.push({ tag: openTagMatch[1], start: lineNumber });\n                    }\n                    if (closeTagMatch) {\n                        const tag = closeTagMatch[1];\n                        for (let i = stack.length - 1; i >= 0; i--) {\n                            if (stack[i].tag === tag) {\n                                foldingRanges.push({ start: stack[i].start, end: lineNumber });\n                                stack.splice(i, 1);\n                                break;\n                            }\n                        }\n                    }\n                });\n                return foldingRanges;\n            },\n        });\n    };\n\n    useEffect(() => {\n        if (!selectedTag || !editorRef.current || !monacoRef.current) return;\n        const editor = editorRef.current;\n        const model = editor.getModel();\n        if (!model) return;\n        const lines = model.getValue().split(\"\\n\");\n        let targetLine = -1;\n        for (let i = 0; i < lines.length; i++) {\n            const tagMatch = lines[i].match(/<([^\\s>\\/]+(?:\\s[^\\s>\\/]+)*)/);\n            if (tagMatch && tagMatch[1].trim().toLowerCase() === selectedTag.toLowerCase()) {\n                targetLine = i + 1;\n                break;\n            }\n        }\n        if (targetLine > 0) {\n            let closingLine = targetLine;\n            const closingTagLower = `</${selectedTag.toLowerCase()}>`;\n            for (let i = targetLine; i < lines.length; i++) {\n                if (lines[i].toLowerCase().includes(closingTagLower)) {\n                    closingLine = i + 1;\n                    break;\n                }\n            }\n            editor.setSelection(new monacoRef.current.Selection(targetLine, 1, targetLine, 1));\n            editor.trigger(null, \"editor.unfold\", {});\n            editor.revealLineInCenterIfOutsideViewport(targetLine);\n            const decorations = editor.deltaDecorations([], [{\n                range: new monacoRef.current.Range(targetLine, 1, closingLine, lines[closingLine - 1].length + 1),\n                options: { isWholeLine: true, className: \"promptemon-viewer-highlight\", inlineClassName: \"promptemon-viewer-highlight\" },\n            }]);\n            setTimeout(() => editor.deltaDecorations(decorations, []), 2000);\n        }\n    }, [selectedTag]);\n\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([], ranges.map(range => ({\n            range,\n            options: { inlineClassName: \"promptemon-viewer-variable-highlight\" },\n        })));\n        setTimeout(() => editor.deltaDecorations(decorations, []), 2000);\n    }, [highlightVariable]);\n\n    useEffect(() => {\n        if (!monacoRef.current) return;\n        monacoRef.current.editor.setTheme(isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\");\n    }, [isDarkMode]);\n\n    return (\n        <>\n            <style>{`\n                .promptemon-viewer-highlight { background-color: rgba(89, 40, 237, 0.15); }\n                .promptemon-viewer-variable-highlight { background-color: rgba(0, 255, 255, 0.2); border-radius: 2px; }\n            `}</style>\n            <Box sx={{ width: \"100%\", height, display: \"flex\", flexDirection: \"column\" }}>\n                <Box sx={{ width: \"100%\", height: 20, bgcolor: isDarkMode ? \"#030202\" : \"#fff\", borderTopLeftRadius: 8, borderTopRightRadius: 8 }} />\n                <Box sx={{ flex: 1, minHeight: 0, overflow: \"hidden\" }}>\n                    <Editor\n                        onMount={handleEditorMount}\n                        beforeMount={handleBeforeMount}\n                        theme={isDarkMode ? \"promptemonViewerDark\" : \"promptemonViewerLight\"}\n                        value={content}\n                        language=\"promptemonViewerLang\"\n                        onChange={() => {}}\n                        options={{\n                            fontSize,\n                            minimap: { enabled: false },\n                            wordWrap: \"on\",\n                            lineNumbers: \"on\",\n                            readOnly: true,\n                            domReadOnly: true,\n                            scrollBeyondLastLine: false,\n                            padding: { top: 4, bottom: 12 },\n                            folding: true,\n                            automaticLayout: true,\n                            scrollbar: { vertical: \"visible\", horizontal: \"visible\", verticalScrollbarSize: 8 },\n                        }}\n                    />\n                </Box>\n                <Box sx={{ width: \"100%\", height: 20, bgcolor: isDarkMode ? \"#030202\" : \"#fff\", borderBottomLeftRadius: 8, borderBottomRightRadius: 8 }} />\n            </Box>\n        </>\n    );\n};\n\n\n// ─── LeftPanel ────────────────────────────────────────────────────────────────\n\nconst LeftPanel = ({\n    block,\n    isExtracted,\n    isSaved,\n    showEditMode,\n    onBlockUpdate,\n    onTagSelect,\n    onVariableSelect,\n    categories,\n    subCategories,\n    selectedCategoryId,\n    selectedSubCategoryId,\n    onCategoryChange,\n    onSubCategoryChange,\n}: {\n    block: any;\n    isExtracted: boolean;\n    isSaved: boolean;\n    showEditMode: boolean;\n    onBlockUpdate: (updated: any) => void;\n    onTagSelect: (tag: string) => void;\n    onVariableSelect: (variable: string) => void;\n    categories: SPBCategory[];\n    subCategories: SPBSubCategory[];\n    selectedCategoryId: string;\n    selectedSubCategoryId: string;\n    onCategoryChange: (id: string) => void;\n    onSubCategoryChange: (id: string) => void;\n}) => {\n    const [catExpanded, setCatExpanded] = useState(true);\n    const [apbExpanded, setApbExpanded] = useState(true);\n    const [applicabilityExpanded, setApplicabilityExpanded] = useState(true);\n    const [whenToApplyExpanded, setWhenToApplyExpanded] = useState(true);\n    const [whenNotExpanded, setWhenNotExpanded] = useState(false);\n    const [specExpanded, setSpecExpanded] = useState(true);\n    const [guidelinesExpanded, setGuidelinesExpanded] = useState(true);\n    const [inputExpanded, setInputExpanded] = useState(false);\n    const [outputExpanded, setOutputExpanded] = useState(false);\n    const [isEditing, setIsEditing] = useState(false);\n    const [draftTitle, setDraftTitle] = useState(block?.title || \"\");\n    const [draftDescription, setDraftDescription] = useState(block?.short_description || \"\");\n    const [draftMembers, setDraftMembers] = useState<any[]>(block?.members || []);\n    const [draftWhenToApply, setDraftWhenToApply] = useState<string[]>(\n        Array.isArray(block?.when_to_apply) ? block.when_to_apply : block?.when_to_apply ? [block.when_to_apply] : []\n    );\n    const [draftWhenNotToApply, setDraftWhenNotToApply] = useState<string[]>(\n        Array.isArray(block?.when_not_to_apply) ? block.when_not_to_apply : block?.when_not_to_apply ? [block.when_not_to_apply] : []\n    );\n    const [isAddApbModalOpen, setIsAddApbModalOpen] = useState(false);\n    const [newApbTitle, setNewApbTitle] = useState(\"\");\n    const [newApbDescription, setNewApbDescription] = useState(\"\");\n\n    const handleStartEdit = () => {\n        setDraftTitle(block?.title || \"\");\n        setDraftDescription(block?.short_description || \"\");\n        setDraftMembers(block?.members || []);\n        setDraftWhenToApply(Array.isArray(block?.when_to_apply) ? block.when_to_apply : block?.when_to_apply ? [block.when_to_apply] : []);\n        setDraftWhenNotToApply(Array.isArray(block?.when_not_to_apply) ? block.when_not_to_apply : block?.when_not_to_apply ? [block.when_not_to_apply] : []);\n        setIsEditing(true);\n    };\n\n    const handleCancelEdit = () => setIsEditing(false);\n\n    const handleConfirmEdit = () => {\n        onBlockUpdate({\n            ...block,\n            title: draftTitle,\n            short_description: draftDescription,\n            members: draftMembers,\n            when_to_apply: draftWhenToApply,\n            when_not_to_apply: draftWhenNotToApply,\n        });\n        setIsEditing(false);\n    };\n\n    const handleSaveNewApb = () => {\n        setDraftMembers(prev => [...prev, { section_name: newApbTitle, reason_for_inclusion: newApbDescription, content: \"\" }]);\n        setIsAddApbModalOpen(false);\n    };\n\n    const accordionSx = {\n        boxShadow: \"none\", border: \"1px solid #e5e7eb\", borderRadius: \"8px !important\", mb: 1.5,\n        \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { margin: \"0 0 12px 0\" },\n    };\n    const summaryBaseSx = {\n        minHeight: 44, px: 2, borderRadius: 2,\n        \"&.Mui-expanded\": { minHeight: 44 },\n        \"& .MuiAccordionSummary-content\": { my: \"10px\" },\n    };\n\n    return (\n        <Box sx={{ width: 820, flexShrink: 0, display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", borderRight: \"1px solid #e5e7eb\" }}>\n            {/* Header */}\n            <Box sx={{ px: 2.5, py: 2, borderBottom: \"1px solid #e5e7eb\" }}>\n                <Stack direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n                    <Stack direction=\"row\" alignItems=\"center\" gap={1} sx={{ flex: 1, minWidth: 0 }}>\n                        <Tooltip title=\"Functional Prompt Block\" placement=\"top\">\n                            <Chip label=\"FPB\" size=\"small\" sx={{ bgcolor: \"#f1f5f9\", color: \"#475569\", fontWeight: 700, fontSize: 11, height: 22, borderRadius: 1 }} />\n                        </Tooltip>\n                        {isEditing ? (\n                            <TextField value={draftTitle} onChange={e => setDraftTitle(e.target.value)} size=\"small\" fullWidth sx={{ \"& .MuiOutlinedInput-input\": { fontSize: 15, fontWeight: 700, py: 0.5 } }} />\n                        ) : (\n                            <Typography sx={{ fontWeight: 700, fontSize: 15, color: \"#111827\" }}>{block?.title || \"—\"}</Typography>\n                        )}\n                    </Stack>\n                    {isEditing ? (\n                        <Stack direction=\"row\" gap={0.5}>\n                            <IconButton size=\"small\" sx={{ color: \"#6b7280\" }} onClick={handleCancelEdit}><CloseIcon sx={{ fontSize: 16 }} /></IconButton>\n                            <IconButton size=\"small\" sx={{ color: \"#16a34a\" }} onClick={handleConfirmEdit}><CheckIcon sx={{ fontSize: 16 }} /></IconButton>\n                        </Stack>\n                    ) : (\n                        !isSaved && showEditMode && (\n                            <IconButton size=\"small\" sx={{ color: \"#6b7280\" }} onClick={handleStartEdit}>\n                                <EditOutlinedIcon sx={{ fontSize: 16 }} />\n                            </IconButton>\n                        )\n                    )}\n                </Stack>\n\n                {isEditing && (\n                    <Typography sx={{ fontSize: 11, color: \"#5928ed\", mt: 0.5 }}>Editing — changes won't be saved until you confirm</Typography>\n                )}\n\n                {isEditing ? (\n                    <TextField value={draftDescription} onChange={e => setDraftDescription(e.target.value)} size=\"small\" fullWidth multiline minRows={3} sx={{ mt: 1.5, \"& .MuiOutlinedInput-input\": { fontSize: 12 } }} />\n                ) : (\n                    <ExpandableDescription description={block?.short_description || \"—\"} />\n                )}\n\n                {/* Stats */}\n                <Box sx={{ mt: 1.5, border: \"0.5px solid #d1d5db\", borderRadius: \"8px\", display: \"flex\", overflow: \"hidden\" }}>\n                    <Box sx={{ flex: 1, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", borderRight: \"1px solid #d1d5db\", p: 0.5 }}>\n                        <Stack direction=\"row\" alignItems=\"center\" gap={1}>\n                            <Typography sx={{ fontSize: 10, color: \"#87898d\" }}>Total APBs :</Typography>\n                            <Typography sx={{ fontSize: 10, fontWeight: 700, color: \"#5f5f5f\" }}>{block?.members?.length || 0}</Typography>\n                        </Stack>\n                    </Box>\n                    <Box sx={{ flex: 1, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", p: 0.5 }}>\n                        <Stack direction=\"row\" alignItems=\"center\" gap={1}>\n                            <Typography sx={{ fontSize: 10, color: \"#87898d\" }}>Total Lines :</Typography>\n                            <Typography sx={{ fontSize: 10, fontWeight: 700, color: \"#5f5f5f\" }}>\n                                {block?.members?.reduce((acc: number, m: any) => acc + ((m.end_line ?? 0) - (m.start_line ?? 0) + 1), 0) || 0}\n                            </Typography>\n                        </Stack>\n                    </Box>\n                </Box>\n            </Box>\n\n            {/* Scrollable body */}\n            <Box sx={{ flex: 1, overflow: \"auto\", px: 2, py: 2, \"&::-webkit-scrollbar\": { width: 4 }, \"&::-webkit-scrollbar-thumb\": { bgcolor: \"#e5e7eb\", borderRadius: 2 } }}>\n\n                {/* Categories */}\n                <Accordion expanded={catExpanded} onChange={() => setCatExpanded(p => !p)} sx={accordionSx} disableGutters>\n                    <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 18 }} />} sx={summaryBaseSx}>\n                        <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\" }}>Categories</Typography>\n                    </AccordionSummary>\n                    <AccordionDetails sx={{ pt: 0, px: 2, pb: 2 }}>\n                        <Stack gap={1.5}>\n                            <Box>\n                                <Typography sx={{ fontSize: 12, color: \"#6b7280\", mb: 0.5 }}>Category</Typography>\n                                {isEditing ? (\n                                    <Select fullWidth size=\"small\" value={selectedCategoryId} onChange={e => { onCategoryChange(e.target.value); onSubCategoryChange(\"\"); }}\n                                        sx={{ fontSize: 13, borderRadius: 1.5, \"& fieldset\": { borderColor: \"#e5e7eb\" } }}>\n                                        {categories.map(cat => <MenuItem key={cat.category_id} value={cat.category_id}>{cat.category_name}</MenuItem>)}\n                                    </Select>\n                                ) : (\n                                    <TextField fullWidth size=\"small\" value={categories.find(c => c.category_id === selectedCategoryId)?.category_name || \"—\"}\n                                        InputProps={{ readOnly: true }}\n                                        sx={{ \"& .MuiOutlinedInput-root\": { fontSize: 13, borderRadius: 1.5, \"& fieldset\": { borderColor: \"#e5e7eb\" } } }} />\n                                )}\n                            </Box>\n                            <Box>\n                                <Typography sx={{ fontSize: 12, color: \"#6b7280\", mb: 0.5 }}>Sub-Category</Typography>\n                                {isEditing ? (\n                                    <Select fullWidth size=\"small\" value={selectedSubCategoryId} onChange={e => onSubCategoryChange(e.target.value)} disabled={!selectedCategoryId}\n                                        sx={{ fontSize: 13, borderRadius: 1.5, \"& fieldset\": { borderColor: \"#e5e7eb\" } }}>\n                                        {subCategories.filter(s => s.category_id === selectedCategoryId).map(sub => <MenuItem key={sub.sub_category_id} value={sub.sub_category_id}>{sub.sub_category_name}</MenuItem>)}\n                                    </Select>\n                                ) : (\n                                    <TextField fullWidth size=\"small\" value={subCategories.find(s => s.sub_category_id === selectedSubCategoryId)?.sub_category_name || \"—\"}\n                                        InputProps={{ readOnly: true }}\n                                        sx={{ \"& .MuiOutlinedInput-root\": { fontSize: 13, borderRadius: 1.5, \"& fieldset\": { borderColor: \"#e5e7eb\" } } }} />\n                                )}\n                            </Box>\n                        </Stack>\n                    </AccordionDetails>\n                </Accordion>\n\n                {/* APBs */}\n                <Accordion expanded={apbExpanded} onChange={() => setApbExpanded(p => !p)} sx={accordionSx} disableGutters>\n                    <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 18 }} />} sx={summaryBaseSx}>\n                        <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\" }}>Atomic Prompt Blocks (APBs)</Typography>\n                    </AccordionSummary>\n                    <AccordionDetails sx={{ pt: 0, px: 1, pb: 2 }}>\n                        <Stack gap={1}>\n                            {(isEditing ? draftMembers : (block?.members || [])).map((apb: any, index: number) => (\n                                <Box key={index} sx={{ px: 2, py: 1, borderRadius: 2, bgcolor: \"#fff\" }}>\n                                    <Box sx={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"flex-start\", mb: 1, gap: 1 }}>\n                                        <Typography sx={{ fontSize: 14, fontWeight: 500, color: \"#111827\" }}>{index + 1}. {apb.section_name}</Typography>\n                                        {isEditing ? (\n                                            <IconButton size=\"small\" onClick={() => setDraftMembers(prev => prev.filter((_, i) => i !== index))} sx={{ color: \"#dc2626\", flexShrink: 0 }}>\n                                                <DeleteOutlineIcon sx={{ fontSize: 16 }} />\n                                            </IconButton>\n                                        ) : (\n                                            <Box\n                                                onClick={() => onTagSelect(apb.section_name.split(\"_\").map((w: string) => w.charAt(0).toUpperCase() + w.slice(1)).join(\"_\"))}\n                                                sx={{ fontSize: 14, color: \"#475569\", cursor: \"pointer\", flexShrink: 0 }}\n                                            >\n                                                ↗\n                                            </Box>\n                                        )}\n                                    </Box>\n                                    <Typography sx={{ fontSize: 12, lineHeight: 1.5, color: \"#64748b\" }}>{apb.reason_for_inclusion}</Typography>\n\n                                    {/* Segment chips */}\n                                    {isExtracted && (() => {\n                                        const segments = apb.segments || [];\n                                        if (segments.length === 0) return null;\n                                        return (\n                                            <Box sx={{ mt: 1 }}>\n                                                <Box sx={{ display: \"flex\", flexWrap: \"wrap\", gap: 1 }}>\n                                                    {segments.map((segment: any, sIdx: number) => (\n                                                        <Chip\n                                                            key={sIdx}\n                                                            clickable\n                                                            onClick={() => onVariableSelect(segment.segmentized_text)}\n                                                            label={segment.segmentized_text}\n                                                            sx={{ borderRadius: 1, bgcolor: \"#eff6ff\", color: \"#3b82f6\", border: \"1px dashed #bfdbfe\" }}\n                                                        />\n                                                    ))}\n                                                </Box>\n                                            </Box>\n                                        );\n                                    })()}\n                                    <Divider sx={{ mt: 2 }} />\n                                </Box>\n                            ))}\n                        </Stack>\n                        {isEditing && (\n                            <Box onClick={() => { setNewApbTitle(\"\"); setNewApbDescription(\"\"); setIsAddApbModalOpen(true); }}\n                                sx={{ mt: 1, display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: 0.5, py: 1, border: \"1px dashed #d1d5db\", borderRadius: 1.5, cursor: \"pointer\", color: \"#5928ed\", fontSize: 13, fontWeight: 600, \"&:hover\": { bgcolor: \"#f5f0ff\" } }}>\n                                <AddIcon sx={{ fontSize: 16 }} /> Add APB\n                            </Box>\n                        )}\n                    </AccordionDetails>\n                </Accordion>\n\n                {/* Applicability */}\n                <Accordion expanded={applicabilityExpanded} onChange={() => setApplicabilityExpanded(p => !p)} sx={accordionSx} disableGutters>\n                    <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 18 }} />} sx={summaryBaseSx}>\n                        <Typography sx={{ fontSize: 14, fontWeight: 600, color: \"#374151\", display: \"flex\", alignItems: \"center\", flexDirection: \"row\" }}>\n                            Applicability <span style={{ color: \"#94a3b8\", fontWeight: 400, fontSize: 10, marginLeft: \"12px\" }}>• When to apply / When not to apply</span>\n                        </Typography>\n                    </AccordionSummary>\n                    <AccordionDetails sx={{ pt: 0, px: 1.5, pb: 1.5 }}>\n                        <Accordion expanded={whenToApplyExpanded} onChange={() => setWhenToApplyExpanded(p => !p)}\n                            sx={{ boxShadow: \"none\", border: \"1px solid #e5e7eb\", borderRadius: \"6px !important\", mb: 1, \"&:before\": { display: \"none\" }, \"&.Mui-expanded\": { margin: \"0 0 8px 0\" } }} disableGutters>\n                            <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 16 }} />} sx={{ ...summaryBaseSx, bgcolor: \"#f9fafb\", borderRadius: \"6px\" }}>\n                                <Typography sx={{ fontSize: 12.5, fontWeight: 500, color: \"#374151\" }}>When to Apply this FPB</Typography>\n                            </AccordionSummary>\n                            <AccordionDetails sx={{ pt: 0.5, px: 2, pb: 1.5 }}>\n                                <Stack gap={0.75}>\n                                    {(isEditing ? draftWhenToApply : (Array.isArray(block?.when_to_apply) ? block.when_to_apply : block?.when_to_apply ? [block.when_to_apply] : [\"— Not yet available\"])).map((item: string, i: number) => (\n                                        isEditing ? (\n                                            <EditableApplicabilityItem key={i} value={item} onChange={v => setDraftWhenToApply(prev => prev.map((x, idx) => idx === i ? v : x))} onDelete={() => setDraftWhenToApply(prev => prev.filter((_, idx) => idx !== i))} />\n                                        ) : (\n                                            <Stack key={i} direction=\"row\" gap={1} alignItems=\"flex-start\">\n                                                <Typography sx={{ fontSize: 12, color: \"#374151\", fontWeight: 700, mt: 0.1 }}>{i + 1}.</Typography>\n                                                <Typography sx={{ fontSize: 12.5, color: \"#374151\", lineHeight: 1.55 }}>{item}</Typography>\n                                            </Stack>\n                                        )\n                                    ))}\n                                    {isEditing && (\n                                        <Box onClick={() => setDraftWhenToApply(prev => [...prev, \"\"])}\n                                            sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: 0.5, py: 0.75, border: \"1px dashed #d1d5db\", borderRadius: 1.5, cursor: \"pointer\", color: \"#5928ed\", fontSize: 12.5, fontWeight: 600, \"&:hover\": { bgcolor: \"#f5f0ff\" } }}>\n                                            <AddIcon sx={{ fontSize: 15 }} /> Add When to Apply\n                                        </Box>\n                                    )}\n                                </Stack>\n                            </AccordionDetails>\n                        </Accordion>\n\n                        <Accordion expanded={whenNotExpanded} onChange={() => setWhenNotExpanded(p => !p)}\n                            sx={{ boxShadow: \"none\", border: \"1px solid #e5e7eb\", borderRadius: \"6px !important\", \"&:before\": { display: \"none\" } }} disableGutters>\n                            <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 16 }} />} sx={{ ...summaryBaseSx, bgcolor: \"#f9fafb\", borderRadius: \"6px\" }}>\n                                <Typography sx={{ fontSize: 12.5, fontWeight: 500, color: \"#374151\" }}>When NOT to Apply this FPB</Typography>\n                            </AccordionSummary>\n                            <AccordionDetails sx={{ pt: 0.5, px: 2, pb: 1.5 }}>\n                                {isEditing ? (\n                                    <Stack gap={0.75}>\n                                        {draftWhenNotToApply.map((item: string, i: number) => (\n                                            <EditableApplicabilityItem key={i} value={item} onChange={v => setDraftWhenNotToApply(prev => prev.map((x, idx) => idx === i ? v : x))} onDelete={() => setDraftWhenNotToApply(prev => prev.filter((_, idx) => idx !== i))} />\n                                        ))}\n                                        <Box onClick={() => setDraftWhenNotToApply(prev => [...prev, \"\"])}\n                                            sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"center\", gap: 0.5, py: 0.75, border: \"1px dashed #d1d5db\", borderRadius: 1.5, cursor: \"pointer\", color: \"#5928ed\", fontSize: 12.5, fontWeight: 600, \"&:hover\": { bgcolor: \"#f5f0ff\" } }}>\n                                            <AddIcon sx={{ fontSize: 15 }} /> Add When NOT to Apply\n                                        </Box>\n                                    </Stack>\n                                ) : (\n                                    Array.isArray(block?.when_not_to_apply) || block?.when_not_to_apply ? (\n                                        <Stack gap={0.75}>\n                                            {(Array.isArray(block?.when_not_to_apply) ? block.when_not_to_apply : [block.when_not_to_apply]).map((item: string, i: number) => (\n                                                <Stack key={i} direction=\"row\" gap={1} alignItems=\"flex-start\">\n                                                    <Typography sx={{ fontSize: 12, color: \"#374151\", fontWeight: 700, mt: 0.1 }}>{i + 1}.</Typography>\n                                                    <Typography sx={{ fontSize: 12.5, color: \"#374151\", lineHeight: 1.55 }}>{item}</Typography>\n                                                </Stack>\n                                            ))}\n                                        </Stack>\n                                    ) : (\n                                        <Typography sx={{ fontSize: 12.5, color: \"#9ca3af\", fontStyle: \"italic\" }}>No conditions defined yet.</Typography>\n                                    )\n                                )}\n                            </AccordionDetails>\n                        </Accordion>\n                    </AccordionDetails>\n                </Accordion>\n\n                {/* Specifications */}\n                <Accordion expanded={specExpanded} onChange={() => setSpecExpanded(p => !p)} sx={accordionSx} disableGutters>\n                    <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 18 }} />} sx={summaryBaseSx}>\n                        <Typography sx={{ fontSize: 14, fontWeight: 600, color: \"#374151\", display: \"flex\", alignItems: \"center\", flexDirection: \"row\" }}>\n                            Specifications <span style={{ color: \"#94a3b8\", fontWeight: 400, fontSize: 10, marginLeft: \"12px\" }}>• Strict Rules / Input / Output</span>\n                        </Typography>\n                    </AccordionSummary>\n                    <AccordionDetails sx={{ pt: 0, px: 1.5, pb: 1.5 }}>\n                        {[\n                            { label: \"Guidelines\", expanded: guidelinesExpanded, setExpanded: setGuidelinesExpanded, content: block?.additional_guidelines },\n                            { label: \"Input\", expanded: inputExpanded, setExpanded: setInputExpanded, content: null },\n                            { label: \"Output\", expanded: outputExpanded, setExpanded: setOutputExpanded, content: null },\n                        ].map(({ label, expanded, setExpanded, content }, i) => (\n                            <Accordion key={label} expanded={expanded} onChange={() => setExpanded((p: boolean) => !p)}\n                                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>\n                                <AccordionSummary expandIcon={<ExpandMoreIcon sx={{ fontSize: 16 }} />} sx={{ ...summaryBaseSx, bgcolor: \"#f9fafb\", borderRadius: \"6px\" }}>\n                                    <Stack direction=\"row\" alignItems=\"center\" gap={0.5}>\n                                        <Typography sx={{ fontSize: 12.5, fontWeight: 500, color: \"#374151\" }}>{label}</Typography>\n                                        {label !== \"Guidelines\" && <InfoOutlinedIcon sx={{ fontSize: 13, color: \"#9ca3af\" }} />}\n                                    </Stack>\n                                </AccordionSummary>\n                                <AccordionDetails sx={{ pt: 0.5, px: 2, pb: 1.5 }}>\n                                    <Typography sx={{ fontSize: 12.5, color: content ? \"#374151\" : \"#9ca3af\", fontStyle: content ? \"normal\" : \"italic\" }}>\n                                        {content || `No ${label.toLowerCase()} defined yet.`}\n                                    </Typography>\n                                </AccordionDetails>\n                            </Accordion>\n                        ))}\n                    </AccordionDetails>\n                </Accordion>\n            </Box>\n\n            {/* Add APB Dialog */}\n            <Dialog open={isAddApbModalOpen} onClose={() => setIsAddApbModalOpen(false)} maxWidth=\"sm\" fullWidth PaperProps={{ sx: { borderRadius: \"12px\" } }}>\n                <Box sx={{ px: 3, py: 2, display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", borderBottom: \"1px solid #e5e7eb\" }}>\n                    <Typography sx={{ fontWeight: 700, fontSize: \"1rem\", color: \"#111827\" }}>Add new APB</Typography>\n                    <IconButton size=\"small\" onClick={() => setIsAddApbModalOpen(false)}><CloseIcon sx={{ fontSize: \"1.1rem\", color: \"#6b7280\" }} /></IconButton>\n                </Box>\n                <Box sx={{ px: 3, py: 2.5, display: \"flex\", flexDirection: \"column\", gap: 2 }}>\n                    <Box>\n                        <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\", mb: 0.75 }}>Title</Typography>\n                        <TextField fullWidth size=\"small\" placeholder=\"Specify the title of APB\" value={newApbTitle} onChange={e => setNewApbTitle(e.target.value)} />\n                    </Box>\n                    <Box>\n                        <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\", mb: 0.75 }}>Description</Typography>\n                        <TextField fullWidth size=\"small\" multiline minRows={3} placeholder=\"Describe the APB\" value={newApbDescription} onChange={e => setNewApbDescription(e.target.value)} />\n                    </Box>\n                </Box>\n                <Box sx={{ px: 3, py: 2, display: \"flex\", justifyContent: \"flex-end\", gap: 1, borderTop: \"1px solid #e5e7eb\" }}>\n                    <Button variant=\"outlined\" onClick={() => setIsAddApbModalOpen(false)} sx={{ textTransform: \"none\", borderColor: \"#d1d5db\", color: \"#374151\" }}>Cancel</Button>\n                    <Button variant=\"contained\" onClick={handleSaveNewApb} sx={{ textTransform: \"none\", bgcolor: \"#5928ed\", \"&:hover\": { bgcolor: \"#4c1d95\" } }}>Save</Button>\n                </Box>\n            </Dialog>\n        </Box>\n    );\n};\n\n// ─── Main PromptemonViewer ────────────────────────────────────────────────────\n\nconst PromptemonViewer = ({\n    block,\n    onBlockUpdate,\n    isExtracting,\n    isExtracted,\n    onExtractSegments,\n    isSaving,\n    isSaved,\n    onSave,\n    onBack,\n    title = \"FPB Promptemon\",\n    categories,\n    subCategories,\n    selectedCategoryId,\n    selectedSubCategoryId,\n    onCategoryChange,\n    onSubCategoryChange,\n    showEditMode = true,\n    showExtractSegments = true,\n}: PromptemonViewerProps) => {\n    const [currentAPB, setCurrentAPB] = useState(1);\n    const [isDarkMode, setIsDarkMode] = useState(true);\n    const [selectedTag, setSelectedTag] = useState(\"\");\n    const [highlightVariable, setHighlightVariable] = useState(\"\");\n\n    const handleTagSelect = (tag: string) => {\n        setSelectedTag(\"\");\n        setTimeout(() => setSelectedTag(tag), 50);\n    };\n\n    const handleVariableSelect = (variable: string) => {\n        setHighlightVariable(\"\");\n        setTimeout(() => setHighlightVariable(variable), 50);\n    };\n\n    const editorValue = block?.members?.map((m: any) => {\n        if (!isExtracted || !m.segments || m.segments.length === 0) return m.content || \"\";\n        let segmentized = m.content || \"\";\n        m.segments.forEach((seg: any) => {\n            if (seg.raw_text && seg.segmentized_text) {\n                segmentized = segmentized.split(seg.raw_text).join(seg.segmentized_text);\n            }\n        });\n        return segmentized;\n    }).join(\"\\n\\n\") || \"\";\n\n    return (\n        <Box sx={{ width: \"100%\", height: \"100%\", display: \"flex\", flexDirection: \"column\", bgcolor: \"#fff\", overflow: \"hidden\" }}>\n            {/* Top Bar */}\n            <Box sx={{ px: 2.5, py: 1.5, borderBottom: \"1px solid #e5e7eb\", display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", bgcolor: \"#fff\", flexShrink: 0 }}>\n                <Stack direction=\"row\" alignItems=\"center\" gap={1}>\n                    <IconButton size=\"small\" sx={{ color: \"#6b7280\" }} onClick={onBack}>\n                        <ArrowBackIcon sx={{ fontSize: 18 }} />\n                    </IconButton>\n                    <Typography sx={{ fontSize: 14, fontWeight: 600, color: \"#111827\" }}>\n                        {title}\n                    </Typography>\n                </Stack>\n                <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1 }}>\n                    <Button\n                        variant=\"contained\" size=\"small\"\n                        disabled={!isExtracted || isSaving || isSaved}\n                        onClick={onSave}\n                        sx={{ textTransform: \"none\", fontSize: \"0.78rem\", fontWeight: 600, bgcolor: \"#5928ed\", px: 2, py: 0.6, \"&:hover\": { bgcolor: \"#4c1d95\" }, \"&.Mui-disabled\": { bgcolor: \"#5928ed\", color: \"#fff\", opacity: 0.4 } }}\n                    >\n                        {isSaving ? \"Saving...\" : isSaved ? \"Saved ✓\" : \"Save FPB\"}\n                    </Button>\n                    <IconButton size=\"small\" sx={{ color: \"#6b7280\" }} onClick={onBack}><CloseIcon sx={{ fontSize: 18 }} /></IconButton>\n                </Box>\n            </Box>\n\n            {/* Body */}\n            <Box sx={{ display: \"flex\", flex: 1, overflow: \"hidden\" }}>\n                {/* Left Panel */}\n                <LeftPanel\n                    block={block}\n                    isExtracted={isExtracted}\n                    isSaved={isSaved}\n                    showEditMode={showEditMode}\n                    onBlockUpdate={onBlockUpdate}\n                    onTagSelect={handleTagSelect}\n                    onVariableSelect={handleVariableSelect}\n                    categories={categories}\n                    subCategories={subCategories}\n                    selectedCategoryId={selectedCategoryId}\n                    selectedSubCategoryId={selectedSubCategoryId}\n                    onCategoryChange={onCategoryChange}\n                    onSubCategoryChange={onSubCategoryChange}\n                />\n\n                {/* Right Panel */}\n                <Box sx={{ flex: 1, display: \"flex\", flexDirection: \"column\", overflow: \"hidden\", p: 2, gap: 1.5 }}>\n                    {/* Editor Top Bar */}\n                    <Box sx={{ display: \"flex\", alignItems: \"center\", justifyContent: \"space-between\", flexShrink: 0 }}>\n                        <Stack direction=\"row\" alignItems=\"center\" gap={1}>\n                            <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#374151\" }}>{block?.title || \"—\"} APBs</Typography>\n                            <Stack direction=\"row\" alignItems=\"center\" gap={0.5}>\n                                <IconButton size=\"small\" onClick={() => setCurrentAPB(p => Math.max(1, p - 1))} disabled={currentAPB === 1} sx={{ color: \"#6b7280\", p: 0.4 }}>\n                                    <NavigateBeforeIcon sx={{ fontSize: 16 }} />\n                                </IconButton>\n                                <Typography sx={{ fontSize: 12.5, color: \"#6b7280\" }}>{currentAPB} of {block?.members?.length || 0}</Typography>\n                                <IconButton size=\"small\" onClick={() => setCurrentAPB(p => Math.min(block?.members?.length || 0, p + 1))} disabled={currentAPB === (block?.members?.length || 0)} sx={{ color: \"#6b7280\", p: 0.4 }}>\n                                    <NavigateNextIcon sx={{ fontSize: 16 }} />\n                                </IconButton>\n                            </Stack>\n                        </Stack>\n\n                        <Stack direction=\"row\" alignItems=\"center\" gap={1.5}>\n                            {showExtractSegments && (!isExtracted ? (\n                                <Box onClick={onExtractSegments}\n                                    sx={{ display: \"flex\", alignItems: \"center\", gap: 1, px: 2, py: 0.85, borderRadius: 1.5, bgcolor: \"#7c3aed\", cursor: isExtracting ? \"default\" : \"pointer\", \"&:hover\": { bgcolor: \"#6d28d9\" }, userSelect: \"none\", opacity: isExtracting ? 0.7 : 1 }}>\n                                    <AutoFixHighOutlinedIcon sx={{ fontSize: 15, color: \"#fff\" }} />\n                                    <Typography sx={{ fontSize: 13, fontWeight: 600, color: \"#fff\" }}>{isExtracting ? \"Extracting...\" : \"Extract Segments\"}</Typography>\n                                </Box>\n                            ) : (\n                                <Stack direction=\"row\" alignItems=\"center\" gap={1}>\n                                    <Typography sx={{ fontSize: 12.5, color: \"#6b7280\" }}>Show Segments</Typography>\n                                    <Box sx={{ width: 36, height: 20, borderRadius: \"10px\", bgcolor: \"#7c3aed\", display: \"flex\", alignItems: \"center\", px: 0.3, cursor: \"pointer\" }}>\n                                        <Box sx={{ width: 14, height: 14, borderRadius: \"50%\", bgcolor: \"#fff\", ml: \"auto\" }} />\n                                    </Box>\n                                </Stack>\n                            ))}\n                        </Stack>\n                    </Box>\n\n                    {/* Editor */}\n                    <Box sx={{ flex: 1, minHeight: 0, position: \"relative\" }}>\n                        {isExtracting && (\n                            <Box 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 }}>\n                                <Typography sx={{ color: \"#fff\", fontSize: 14, fontWeight: 600 }}>Extracting segments...</Typography>\n                            </Box>\n                        )}\n                        <Box sx={{ border: \"1px solid #30363d\", borderRadius: 1, overflow: \"hidden\", height: \"100%\" }}>\n                            <Box sx={{ px: 2, py: 1, borderBottom: \"1px solid #30363d\", display: \"flex\", alignItems: \"center\", gap: 1, bgcolor: \"#161b22\", flexShrink: 0 }}>\n                                <Box sx={{ width: 12, height: 12, borderRadius: \"50%\", bgcolor: \"#ff5f57\" }} />\n                                <Box sx={{ width: 12, height: 12, borderRadius: \"50%\", bgcolor: \"#febc2e\" }} />\n                                <Box sx={{ width: 12, height: 12, borderRadius: \"50%\", bgcolor: \"#28c840\" }} />\n                                <Typography sx={{ ml: 1, fontSize: 11, color: \"#8b949e\", fontFamily: \"monospace\" }}>\n                                    {block?.members?.[currentAPB - 1]?.section_name || \"—\"}.xml\n                                </Typography>\n                                <Box sx={{ flex: 1 }} />\n                                <ThemeToggle isDarkMode={isDarkMode} onChange={setIsDarkMode} />\n                            </Box>\n                            <InternalEditor\n                                content={editorValue}\n                                selectedTag={selectedTag}\n                                highlightVariable={highlightVariable}\n                                isDarkMode={isDarkMode}\n                                height=\"100%\"\n                                fontSize={14}\n                            />\n                        </Box>\n                    </Box>\n                </Box>\n            </Box>\n        </Box>\n    );\n};\n\nexport default PromptemonViewer;"],"names":["DARK_THEME","base","inherit","rules","token","foreground","fontStyle","colors","LIGHT_THEME","ExpandableDescription","description","isExpanded","setIsExpanded","useState","hasOverflow","setHasOverflow","textRef","useRef","useEffect","el","current","scrollHeight","clientHeight","jsxs","Box","sx","mt","border","borderRadius","bgcolor","display","flexDirection","px","py","children","jsx","Typography","ref","component","fontSize","color","lineHeight","overflowY","maxHeight","whiteSpace","WebkitBoxOrient","WebkitLineClamp","onClick","p","alignSelf","cursor","fontWeight","EditableApplicabilityItem","value","onChange","onDelete","isLineEditing","setIsLineEditing","alignItems","gap","width","height","justifyContent","flexShrink","TextField","autoFocus","e","target","onBlur","size","fullWidth","multiline","flex","Stack","direction","IconButton","EditOutlinedIcon","DeleteOutlineIcon","ThemeToggle","isDarkMode","borderColor","transition","DarkModeIcon","LightModeIcon","InternalEditor","content","selectedTag","highlightVariable","editorRef","monacoRef","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","Fragment","borderTopLeftRadius","borderTopRightRadius","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","language","minimap","enabled","wordWrap","lineNumbers","readOnly","domReadOnly","scrollBeyondLastLine","padding","top","bottom","folding","automaticLayout","scrollbar","vertical","horizontal","verticalScrollbarSize","borderBottomLeftRadius","borderBottomRightRadius","LeftPanel","block","isExtracted","isSaved","showEditMode","onBlockUpdate","onTagSelect","onVariableSelect","categories","subCategories","selectedCategoryId","selectedSubCategoryId","onCategoryChange","onSubCategoryChange","catExpanded","setCatExpanded","apbExpanded","setApbExpanded","applicabilityExpanded","setApplicabilityExpanded","whenToApplyExpanded","setWhenToApplyExpanded","whenNotExpanded","setWhenNotExpanded","specExpanded","setSpecExpanded","guidelinesExpanded","setGuidelinesExpanded","inputExpanded","setInputExpanded","outputExpanded","setOutputExpanded","isEditing","setIsEditing","draftTitle","setDraftTitle","title","draftDescription","setDraftDescription","short_description","draftMembers","setDraftMembers","members","draftWhenToApply","setDraftWhenToApply","Array","isArray","when_to_apply","draftWhenNotToApply","setDraftWhenNotToApply","when_not_to_apply","isAddApbModalOpen","setIsAddApbModalOpen","newApbTitle","setNewApbTitle","newApbDescription","setNewApbDescription","accordionSx","boxShadow","mb","margin","summaryBaseSx","my","borderRight","borderBottom","minWidth","Tooltip","placement","Chip","label","CloseIcon","CheckIcon","minRows","reduce","acc","m","end_line","start_line","Accordion","expanded","disableGutters","AccordionSummary","expandIcon","ExpandMoreIcon","AccordionDetails","pt","pb","Select","cat","MenuItem","category_id","category_name","find","c","InputProps","disabled","filter","s","sub","sub_category_id","sub_category_name","apb","section_name","prev","_","w","charAt","toUpperCase","slice","join","reason_for_inclusion","segments","flexWrap","segment","sIdx","clickable","segmentized_text","Divider","AddIcon","style","marginLeft","item","v","x","idx","setExpanded","additional_guidelines","InfoOutlinedIcon","Dialog","open","onClose","maxWidth","PaperProps","placeholder","borderTop","Button","variant","textTransform","isExtracting","onExtractSegments","isSaving","onSave","onBack","showExtractSegments","currentAPB","setCurrentAPB","setIsDarkMode","setSelectedTag","setHighlightVariable","editorValue","segmentized","seg","raw_text","ArrowBackIcon","opacity","variable","Math","max","NavigateBeforeIcon","min","NavigateNextIcon","ml","userSelect","AutoFixHighOutlinedIcon","position","left","right","zIndex","fontFamily"],"mappings":"k6BAmCA,MAAMA,EAAa,CACfC,KAAM,UACNC,SAAS,EACTC,MAAO,CACH,CAAEC,MAAO,MAAOC,WAAY,SAAUC,UAAW,QACjD,CAAEF,MAAO,iBAAkBC,WAAY,UACvC,CAAED,MAAO,kBAAmBC,WAAY,UACxC,CAAED,MAAO,WAAYC,WAAY,UACjC,CAAED,MAAO,YAAaC,WAAY,UAClC,CAAED,MAAO,QAASC,WAAY,WAElCE,OAAQ,CACJ,oBAAqB,UACrB,oBAAqB,UACrB,8BAA+B,UAC/B,0BAA2B,UAC3B,+BAAgC,UAChC,qCAAsC,YAIxCC,EAAc,CAChBP,KAAM,KACNC,SAAS,EACTC,MAAO,CACH,CAAEC,MAAO,MAAOC,WAAY,SAAUC,UAAW,QACjD,CAAEF,MAAO,iBAAkBC,WAAY,UACvC,CAAED,MAAO,kBAAmBC,WAAY,UACxC,CAAED,MAAO,WAAYC,WAAY,UACjC,CAAED,MAAO,YAAaC,WAAY,UAClC,CAAED,MAAO,QAASC,WAAY,WAElCE,OAAQ,CACJ,oBAAqB,UACrB,oBAAqB,UACrB,8BAA+B,UAC/B,0BAA2B,UAC3B,+BAAgC,UAChC,qCAAsC,YAqDxCE,EAAwB,EAAGC,kBAC7B,MAAOC,EAAYC,GAAiBC,YAAS,IACtCC,EAAaC,GAAkBF,YAAS,GACzCG,EAAUC,SAA8B,MAS1C,OAPJC,EAAAA,UAAU,KACN,MAAMC,EAAKH,EAAQI,QACdD,GACLJ,EAAeI,EAAGE,aAAeF,EAAGG,aAAe,IACpD,CAACZ,EAAaC,IAGbY,EAAAA,KAACC,OAAIC,GAAI,CAAEC,GAAI,IAAKC,OAAQ,oBAAqBC,aAAc,EAAGC,QAAS,OAAQC,QAAS,OAAQC,cAAe,SAAUC,GAAI,KAAMC,GAAI,GACvIC,SAAA,CAAAC,EAAAA,IAACC,EAAAA,WAAA,CACGC,IAAKrB,EACLsB,UAAU,MACVb,GAAI,CACAc,SAAU,GAAIC,MAAO,UAAWC,WAAY,IAC5CC,UAAW/B,EAAa,OAAS,SACjCgC,UAAWhC,EAAa,kBAAoB,kBAC5CiC,WAAY,SACZd,QAASnB,EAAa,QAAU,iBAC5BA,EAAa,CAAA,EAAK,CAAEkC,gBAAiB,WAAYC,gBAAiB,IAGzEZ,SAAAxB,IAEJI,GACGqB,EAAAA,IAACC,EAAAA,WAAA,CACGE,UAAU,OACVS,QAAS,IAAMnC,EAAcoC,IAAMA,GACnCvB,GAAI,CAAEC,GAAI,IAAMuB,UAAW,WAAYV,SAAU,GAAIC,MAAO,UAAWU,OAAQ,UAAWC,WAAY,KAErGjB,WAAa,YAAc,kBAS1CkB,EAA4B,EAAGC,QAAOC,WAAUC,eAClD,MAAOC,EAAeC,GAAoB5C,YAAS,GACnD,cACKW,EAAIA,IAAA,CAAAC,GAAI,CAAEK,QAAS,OAAQ4B,WAAY,aAAcC,IAAK,EAAGX,EAAG,EAAGrB,OAAQ,oBAAqBC,aAAc,MAAOC,QAAS,QAC3HK,SAAA,CAACC,EAAAA,IAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,MAAOC,QAAS,UAAWC,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUvB,SAAU,GAAIC,MAAO,UAAWuB,WAAY,EAAGrC,GAAI,IAAOQ,SAAC,MACtMsB,QACIQ,EAAUA,UAAA,CAAAC,WAAS,EAACZ,QAAcC,YAAeA,EAASY,EAAEC,OAAOd,OAAQe,OAAQ,IAAMX,GAAiB,GAAQY,KAAK,QAAQC,WAAS,EAACC,WAAS,EAAC9C,GAAI,CAAE,4BAA6B,CAAEc,SAAU,SAElMJ,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,KAAMC,MAAO,UAAWC,WAAY,KAAM+B,KAAM,GAAMtC,SAAMmB,IAE5F9B,EAAAA,KAACkD,EAAMA,MAAA,CAAAC,UAAU,MAAMf,IAAK,IAAMlC,GAAI,CAAEsC,WAAY,GAChD7B,SAAA,CAACC,MAAAwC,EAAAA,WAAA,CAAWN,KAAK,QAAQtB,QAAS,IAAMU,GAAiB,GAAOhC,GAAI,CAAEe,MAAO,WAAaN,eAAC0C,UAAiB,CAAAnD,GAAI,CAAEc,SAAU,cAC3HoC,EAAAA,WAAW,CAAAN,KAAK,QAAQtB,QAASQ,EAAU9B,GAAI,CAAEe,MAAO,WAAaN,eAAC2C,EAAAA,QAAkB,CAAApD,GAAI,CAAEc,SAAU,eAMnHuC,EAAc,EAAGC,aAAYzB,cAC/BnB,EAAAA,IAACX,EAAAA,IAAA,CACGuB,QAAS,IAAMO,GAAUyB,GACzBtD,GAAI,CACAmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,OACrCC,QAASkD,EAAa,UAAY,UAClCpD,OAAQ,YACRqD,YAAaD,EAAa,UAAY,UACtCjD,QAAS,OAAQ4B,WAAY,SAAU1B,GAAI,GAC3CkB,OAAQ,UAAW+B,WAAY,WAC/BnB,eAAgBiB,EAAa,WAAa,cAG9C7C,eAACV,EAAIA,IAAA,CAAAC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,MAAOC,QAASkD,EAAa,UAAY,UAAWjD,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUmB,WAAY,YAC5K/C,SAAA6C,QACMG,EAAa,QAAA,CAAAzD,GAAI,CAAEc,SAAU,GAAIC,MAAO,UACxCL,MAAAgD,EAAAA,QAAA,CAAc1D,GAAI,CAAEc,SAAU,GAAIC,MAAO,cAOtD4C,EAAiB,EACnBC,UACAC,cACAC,oBACAR,aACAlB,SAAS,IACTtB,WAAW,OASX,MAAMiD,EAAYvE,EAAAA,SACZwE,EAAYxE,EAAAA,SAgIlB,OA9DAC,EAAAA,UAAU,KACN,IAAKoE,IAAgBE,EAAUpE,UAAYqE,EAAUrE,QAAS,OAC9D,MAAMsE,EAASF,EAAUpE,QACnBuE,EAAQD,EAAOE,WACrB,IAAKD,EAAO,OACZ,MAAME,EAAQF,EAAMG,WAAWC,MAAM,MACrC,IAAIC,GAAa,EACjB,IAAA,IAASC,EAAI,EAAGA,EAAIJ,EAAMK,OAAQD,IAAK,CACnC,MAAME,EAAWN,EAAMI,GAAGG,MAAM,gCAC5B,GAAAD,GAAYA,EAAS,GAAGE,OAAOC,gBAAkBhB,EAAYgB,cAAe,CAC5EN,EAAaC,EAAI,EACjB,KACJ,CACJ,CACA,GAAID,EAAa,EAAG,CAChB,IAAIO,EAAcP,EAClB,MAAMQ,EAAkB,KAAKlB,EAAYgB,iBACzC,IAAA,IAASL,EAAID,EAAYC,EAAIJ,EAAMK,OAAQD,IACvC,GAAIJ,EAAMI,GAAGK,cAAcG,SAASD,GAAkB,CAClDD,EAAcN,EAAI,EAClB,KACJ,CAEGP,EAAAgB,aAAa,IAAIjB,EAAUrE,QAAQuF,UAAUX,EAAY,EAAGA,EAAY,IAC/EN,EAAOkB,QAAQ,KAAM,gBAAiB,CAAE,GACxClB,EAAOmB,oCAAoCb,GAC3C,MAAMc,EAAcpB,EAAOqB,iBAAiB,GAAI,CAAC,CAC7CC,MAAO,IAAIvB,EAAUrE,QAAQ6F,MAAMjB,EAAY,EAAGO,EAAaV,EAAMU,EAAc,GAAGL,OAAS,GAC/FgB,QAAS,CAAEC,aAAa,EAAMC,UAAW,8BAA+BC,gBAAiB,kCAE7FC,WAAW,IAAM5B,EAAOqB,iBAAiBD,EAAa,IAAK,IAC/D,GACD,CAACxB,IAEJpE,EAAAA,UAAU,KACN,IAAKqE,IAAsBC,EAAUpE,UAAYqE,EAAUrE,QAAS,OACpE,MAAMsE,EAASF,EAAUpE,QACnBuE,EAAQD,EAAOE,WACrB,IAAKD,EAAO,OACZ,MAAME,EAAQF,EAAMG,WAAWC,MAAM,MAC/BwB,EAAyB,GAC/B,IAAA,IAAStB,EAAI,EAAGA,EAAIJ,EAAMK,OAAQD,IAAK,CACnC,IAAIuB,EAAM3B,EAAMI,GAAGwB,QAAQlC,GAC3B,MAAmB,IAAZiC,GACHD,EAAOG,KAAK,IAAIjC,EAAUrE,QAAS6F,MAAMhB,EAAI,EAAGuB,EAAM,EAAGvB,EAAI,EAAGuB,EAAMjC,EAAkBW,OAAS,IACjGsB,EAAM3B,EAAMI,GAAGwB,QAAQlC,EAAmBiC,EAAM,EAExD,CACI,GAAkB,IAAlBD,EAAOrB,OAAc,OACzBR,EAAOmB,oCAAoCU,EAAO,GAAGI,iBACrD,MAAMb,EAAcpB,EAAOqB,iBAAiB,GAAIQ,EAAOK,IAAcZ,IAAA,CACjEA,QACAE,QAAS,CAAEG,gBAAiB,4CAEhCC,WAAW,IAAM5B,EAAOqB,iBAAiBD,EAAa,IAAK,MAC5D,CAACvB,IAEJrE,EAAAA,UAAU,KACDuE,EAAUrE,SACfqE,EAAUrE,QAAQsE,OAAOmC,SAAS9C,EAAa,uBAAyB,0BACzE,CAACA,IAIIxD,EAAAA,KAAAuG,WAAA,CAAA5F,SAAA,CAAAC,MAAC,QAAO,CAAAD,SAAA,yOAIRX,EAAAA,KAACC,EAAAA,IAAI,CAAAC,GAAI,CAAEmC,MAAO,OAAQC,SAAQ/B,QAAS,OAAQC,cAAe,UAC9DG,SAAA,CAAAC,EAAAA,IAACX,EAAIA,IAAA,CAAAC,GAAI,CAAEmC,MAAO,OAAQC,OAAQ,GAAIhC,QAASkD,EAAa,UAAY,OAAQgD,oBAAqB,EAAGC,qBAAsB,KAC9H7F,EAAAA,IAACX,EAAIA,IAAA,CAAAC,GAAI,CAAE+C,KAAM,EAAGyD,UAAW,EAAGC,SAAU,UACxChG,SAAAC,EAAAA,IAACgG,EAAA,QAAA,CACGC,QAhIe,CAAC1C,EAAQ2C,KACxC7C,EAAUpE,QAAUsE,EACpBD,EAAUrE,QAAUiH,EAGbA,EAAA3C,OAAO4C,YAAY,uBAAwBtI,GAE3CqI,EAAA3C,OAAO4C,YAAY,wBAAyB9H,GACnD6H,EAAO3C,OAAOmC,SAAS9C,EAAa,uBAAyB,yBAE7DsD,EAAOE,UAAUC,SAAS,CAAEC,GAAI,yBACzBJ,EAAAE,UAAUG,yBAAyB,uBAAwB,CAC9DC,UAAW,CACPC,KAAM,CACF,CAAC,2BAA4B,CAAC,YAAa,MAAO,SAAU,YAC5D,CAAC,gCAAiC,CAAC,YAAa,MAAO,QAAS,cAChE,CAAC,YAAa,aAElBC,QAAS,CACL,CAAC,yBAA0B,kBAC3B,CAAC,IAAK,aACN,CAAC,gBAAiB,mBAClB,CAAC,MAAO,SACR,CAAC,SAAU,CAAEzI,MAAO,YAAa0I,KAAM,aAK5CT,EAAAE,UAAUQ,6BAA6B,uBAAwB,CAClEC,qBAAuBrD,IACb,MAAAE,EAAQF,EAAMsD,kBACdC,EAAuB,GACvBC,EAA0C,GAmBzC,OAlBDtD,EAAAuD,QAAQ,CAACC,EAAMC,KACjB,MAAMC,EAAaD,EAAQ,EACrBE,EAAeH,EAAKjD,MAAM,gCAC1BqD,EAAgBJ,EAAKjD,MAAM,wBAIjC,GAHIoD,IAAiBH,EAAK5C,SAAS,OACzB0C,EAAAzB,KAAK,CAAEgC,IAAKF,EAAa,GAAIG,MAAOJ,IAE1CE,EAAe,CACT,MAAAC,EAAMD,EAAc,GAC1B,IAAA,IAASxD,EAAIkD,EAAMjD,OAAS,EAAGD,GAAK,EAAGA,IACnC,GAAIkD,EAAMlD,GAAGyD,MAAQA,EAAK,CACRR,EAAAxB,KAAK,CAAEiC,MAAOR,EAAMlD,GAAG0D,MAAOC,IAAKL,IAC3CJ,EAAAU,OAAO5D,EAAG,GAChB,KACJ,CAER,IAEGiD,MA8ECY,YAzIOzB,IAEhBA,EAAA3C,OAAO4C,YAAY,uBAAwBtI,GAE3CqI,EAAA3C,OAAO4C,YAAY,wBAAyB9H,GACnD6H,EAAO3C,OAAOmC,SAAS9C,EAAa,uBAAyB,0BAqI7CgF,MAAOhF,EAAa,uBAAyB,wBAC7C1B,MAAOgC,EACP2E,SAAS,uBACT1G,SAAU,OACV4D,QAAS,CACL3E,WACA0H,QAAS,CAAEC,SAAS,GACpBC,SAAU,KACVC,YAAa,KACbC,UAAU,EACVC,aAAa,EACbC,sBAAsB,EACtBC,QAAS,CAAEC,IAAK,EAAGC,OAAQ,IAC3BC,SAAS,EACTC,iBAAiB,EACjBC,UAAW,CAAEC,SAAU,UAAWC,WAAY,UAAWC,sBAAuB,cAI3FxJ,EAAIA,IAAA,CAAAC,GAAI,CAAEmC,MAAO,OAAQC,OAAQ,GAAIhC,QAASkD,EAAa,UAAY,OAAQkG,uBAAwB,EAAGC,wBAAyB,YAS9IC,EAAY,EACdC,QACAC,cACAC,UACAC,eACAC,gBACAC,cACAC,mBACAC,aACAC,gBACAC,qBACAC,wBACAC,mBACAC,0BAgBA,MAAOC,EAAaC,GAAkBrL,YAAS,IACxCsL,EAAaC,GAAkBvL,YAAS,IACxCwL,EAAuBC,GAA4BzL,YAAS,IAC5D0L,EAAqBC,GAA0B3L,YAAS,IACxD4L,EAAiBC,GAAsB7L,YAAS,IAChD8L,EAAcC,GAAmB/L,YAAS,IAC1CgM,EAAoBC,GAAyBjM,YAAS,IACtDkM,EAAeC,GAAoBnM,YAAS,IAC5CoM,EAAgBC,GAAqBrM,YAAS,IAC9CsM,EAAWC,GAAgBvM,YAAS,IACpCwM,EAAYC,GAAiBzM,EAASA,SAAAuK,GAAOmC,OAAS,KACtDC,EAAkBC,GAAuB5M,EAASA,SAAAuK,GAAOsC,mBAAqB,KAC9EC,EAAcC,GAAmB/M,WAAgBuK,GAAOyC,SAAW,KACnEC,EAAkBC,GAAuBlN,EAAAA,SAC5CmN,MAAMC,QAAQ7C,GAAO8C,eAAiB9C,EAAM8C,cAAgB9C,GAAO8C,cAAgB,CAAC9C,EAAM8C,eAAiB,KAExGC,EAAqBC,IAA0BvN,EAAAA,SAClDmN,MAAMC,QAAQ7C,GAAOiD,mBAAqBjD,EAAMiD,kBAAoBjD,GAAOiD,kBAAoB,CAACjD,EAAMiD,mBAAqB,KAExHC,GAAmBC,IAAwB1N,YAAS,IACpD2N,GAAaC,IAAkB5N,WAAS,KACxC6N,GAAmBC,IAAwB9N,WAAS,IA8BrD+N,GAAc,CAChBC,UAAW,OAAQlN,OAAQ,oBAAqBC,aAAc,iBAAkBkN,GAAI,IACpF,WAAY,CAAEhN,QAAS,QAAU,iBAAkB,CAAEiN,OAAQ,eAE3DC,GAAgB,CAClB/G,UAAW,GAAIjG,GAAI,EAAGJ,aAAc,EACpC,iBAAkB,CAAEqG,UAAW,IAC/B,iCAAkC,CAAEgH,GAAI,SAG5C,cACKzN,EAAAA,IAAI,CAAAC,GAAI,CAAEmC,MAAO,IAAKG,WAAY,EAAGjC,QAAS,OAAQC,cAAe,SAAUmG,SAAU,SAAUgH,YAAa,qBAE7GhN,SAAA,CAACX,EAAAA,KAAAC,EAAAA,IAAA,CAAIC,GAAI,CAAEO,GAAI,IAAKC,GAAI,EAAGkN,aAAc,qBACrCjN,SAAA,CAAAX,OAACkD,EAAAA,OAAMC,UAAU,MAAMhB,WAAW,SAASI,eAAe,gBACtD5B,SAAA,CAAAX,EAAAA,KAACkD,EAAMA,MAAA,CAAAC,UAAU,MAAMhB,WAAW,SAASC,IAAK,EAAGlC,GAAI,CAAE+C,KAAM,EAAG4K,SAAU,GACxElN,SAAA,CAACC,EAAAA,IAAAkN,EAAAA,QAAA,CAAQ9B,MAAM,0BAA0B+B,UAAU,MAC/CpN,SAACC,EAAAA,IAAAoN,EAAAA,KAAA,CAAKC,MAAM,MAAMnL,KAAK,QAAQ5C,GAAI,CAAEI,QAAS,UAAWW,MAAO,UAAWW,WAAY,IAAKZ,SAAU,GAAIsB,OAAQ,GAAIjC,aAAc,OAEvIuL,EACIhL,EAAAA,IAAA6B,EAAAA,UAAA,CAAUX,MAAOgK,EAAY/J,YAAegK,EAAcpJ,EAAEC,OAAOd,OAAQgB,KAAK,QAAQC,WAAS,EAAC7C,GAAI,CAAE,4BAA6B,CAAEc,SAAU,GAAIY,WAAY,IAAKlB,GAAI,aAE1KG,EAAAA,WAAW,CAAAX,GAAI,CAAE0B,WAAY,IAAKZ,SAAU,GAAIC,MAAO,WAAcN,SAAAkJ,GAAOmC,OAAS,SAG7FJ,EACI5L,EAAAA,KAAAkD,EAAAA,MAAA,CAAMC,UAAU,MAAMf,IAAK,GACxBzB,SAAA,CAAAC,MAACwC,EAAAA,YAAWN,KAAK,QAAQ5C,GAAI,CAAEe,MAAO,WAAaO,QA9ClD,IAAMqK,GAAa,GA8C0DlL,eAACuN,EAAAA,QAAU,CAAAhO,GAAI,CAAEc,SAAU,cACxGoC,EAAAA,WAAW,CAAAN,KAAK,QAAQ5C,GAAI,CAAEe,MAAO,WAAaO,QA7CjD,KACRyI,EAAA,IACPJ,EACHmC,MAAOF,EACPK,kBAAmBF,EACnBK,QAASF,EACTO,cAAeJ,EACfO,kBAAmBF,IAEvBf,GAAa,IAoCsFlL,eAACwN,EAAAA,QAAU,CAAAjO,GAAI,CAAEc,SAAU,YAG7G+I,GAAWC,SACP5G,aAAW,CAAAN,KAAK,QAAQ5C,GAAI,CAAEe,MAAO,WAAaO,QA5DnD,KACNuK,EAAAlC,GAAOmC,OAAS,IACVE,EAAArC,GAAOsC,mBAAqB,IAChCE,EAAAxC,GAAOyC,SAAW,IAClCE,EAAoBC,MAAMC,QAAQ7C,GAAO8C,eAAiB9C,EAAM8C,cAAgB9C,GAAO8C,cAAgB,CAAC9C,EAAM8C,eAAiB,IAC/HE,GAAuBJ,MAAMC,QAAQ7C,GAAOiD,mBAAqBjD,EAAMiD,kBAAoBjD,GAAOiD,kBAAoB,CAACjD,EAAMiD,mBAAqB,IAClJjB,GAAa,IAuDWlL,SAACC,EAAAA,IAAAyC,EAAA,QAAA,CAAiBnD,GAAI,CAAEc,SAAU,WAMjD4K,GACGhL,EAAAA,IAACC,EAAAA,WAAW,CAAAX,GAAI,CAAEc,SAAU,GAAIC,MAAO,UAAWd,GAAI,IAAOQ,SAAkD,uDAGlHiL,EACIhL,EAAAA,IAAA6B,YAAA,CAAUX,MAAOmK,EAAkBlK,SAAeY,GAAAuJ,EAAoBvJ,EAAEC,OAAOd,OAAQgB,KAAK,QAAQC,WAAS,EAACC,WAAS,EAACoL,QAAS,EAAGlO,GAAI,CAAEC,GAAI,IAAK,4BAA6B,CAAEa,SAAU,OAE5LJ,EAAAA,IAAA1B,EAAA,CAAsBC,YAAa0K,GAAOsC,mBAAqB,MAInEnM,EAAAA,KAAAC,EAAAA,IAAA,CAAIC,GAAI,CAAEC,GAAI,IAAKC,OAAQ,sBAAuBC,aAAc,MAAOE,QAAS,OAAQoG,SAAU,UAC/FhG,SAAA,CAACC,EAAAA,IAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAE+C,KAAM,EAAG1C,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUoL,YAAa,oBAAqBlM,EAAG,IACtHd,SAACX,EAAAA,KAAAkD,EAAAA,MAAA,CAAMC,UAAU,MAAMhB,WAAW,SAASC,IAAK,EAC5CzB,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIC,MAAO,WAAaN,SAAY,iBAC/DC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WAAcN,SAAOkJ,GAAAyC,SAAS3H,QAAU,SAGxG/D,EAAAA,IAACX,OAAIC,GAAI,CAAE+C,KAAM,EAAG1C,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUd,EAAG,IACpFd,SAACX,EAAAA,KAAAkD,EAAAA,MAAA,CAAMC,UAAU,MAAMhB,WAAW,SAASC,IAAK,EAC5CzB,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIC,MAAO,WAAaN,SAAa,kBACjEC,EAAAA,IAACC,EAAAA,WAAW,CAAAX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WACnDN,SAAOkJ,GAAAyC,SAAS+B,OAAO,CAACC,EAAaC,IAAWD,IAAQC,EAAEC,UAAY,IAAMD,EAAEE,YAAc,GAAK,GAAI,IAAM,eAQhIzO,EAAAA,KAACC,EAAIA,IAAA,CAAAC,GAAI,CAAE+C,KAAM,EAAG0D,SAAU,OAAQlG,GAAI,EAAGC,GAAI,EAAG,uBAAwB,CAAE2B,MAAO,GAAK,6BAA8B,CAAE/B,QAAS,UAAWD,aAAc,IAGxJM,SAAA,CAAAX,EAAAA,KAAC0O,EAAUA,UAAA,CAAAC,SAAUjE,EAAa3I,SAAU,IAAM4I,EAAoBlJ,IAACA,GAAIvB,GAAImN,GAAauB,gBAAc,EACtGjO,SAAA,CAACC,EAAAA,IAAAiO,EAAAA,iBAAA,CAAiBC,WAAYlO,EAAAA,IAACmO,EAAAA,QAAe,CAAA7O,GAAI,CAAEc,SAAU,MAAUd,GAAIuN,GACxE9M,eAACE,EAAWA,WAAA,CAAAX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WAAaN,SAAA,iBAExEC,EAAAA,IAAAoO,EAAAA,iBAAA,CAAiB9O,GAAI,CAAE+O,GAAI,EAAGxO,GAAI,EAAGyO,GAAI,GACtCvO,SAACX,EAAAA,KAAAkD,EAAAA,MAAA,CAAMd,IAAK,IACRzB,SAAA,CAAAX,OAACC,EAAAA,IACG,CAAAU,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIC,MAAO,UAAWsM,GAAI,IAAO5M,SAAQ,aACpEiL,EACGhL,EAAAA,IAACuO,EAAAA,OAAA,CAAOpM,WAAS,EAACD,KAAK,QAAQhB,MAAOwI,EAAoBvI,SAAeY,IAAmB6H,EAAA7H,EAAEC,OAAOd,OAAQ2I,EAAoB,KAC7HvK,GAAI,CAAEc,SAAU,GAAIX,aAAc,IAAK,aAAc,CAAEoD,YAAa,YACnE9C,SAAWyJ,EAAA/D,IAAW+I,GAAAxO,EAAAA,IAACyO,EAAAA,SAA+B,CAAAvN,MAAOsN,EAAIE,YAAc3O,SAAIyO,EAAAG,eAA9CH,EAAIE,gBAG9C1O,EAAAA,IAAC6B,EAAAA,UAAA,CAAUM,WAAS,EAACD,KAAK,QAAQhB,MAAOsI,EAAWoF,KAAKC,GAAKA,EAAEH,cAAgBhF,IAAqBiF,eAAiB,IAClHG,WAAY,CAAE5G,UAAU,GACxB5I,GAAI,CAAE,2BAA4B,CAAEc,SAAU,GAAIX,aAAc,IAAK,aAAc,CAAEoD,YAAa,yBAG7GxD,EAAAA,IACG,CAAAU,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIC,MAAO,UAAWsM,GAAI,IAAO5M,SAAY,iBACxEiL,EACGhL,EAAAA,IAACuO,EAAAA,OAAA,CAAOpM,WAAS,EAACD,KAAK,QAAQhB,MAAOyI,EAAuBxI,SAAUY,GAAK8H,EAAoB9H,EAAEC,OAAOd,OAAQ6N,UAAWrF,EACxHpK,GAAI,CAAEc,SAAU,GAAIX,aAAc,IAAK,aAAc,CAAEoD,YAAa,YACnE9C,WAAciP,OAAOC,GAAKA,EAAEP,cAAgBhF,GAAoBjE,IAAIyJ,GAAQlP,MAAAyO,EAAAA,SAAA,CAAmCvN,MAAOgO,EAAIC,gBAAkBpP,WAAIqP,mBAAtDF,EAAIC,oBAGnGnP,EAAAA,IAAC6B,EAAAA,UAAA,CAAUM,WAAS,EAACD,KAAK,QAAQhB,MAAOuI,EAAcmF,KAAKK,GAAKA,EAAEE,kBAAoBxF,IAAwByF,mBAAqB,IAChIN,WAAY,CAAE5G,UAAU,GACxB5I,GAAI,CAAE,2BAA4B,CAAEc,SAAU,GAAIX,aAAc,IAAK,aAAc,CAAEoD,YAAa,0BAQzHzD,EAAAA,KAAA0O,EAAAA,UAAA,CAAUC,SAAU/D,EAAa7I,SAAU,IAAM8I,EAAoBpJ,IAACA,GAAIvB,GAAImN,GAAauB,gBAAc,EACtGjO,SAAA,CAACC,EAAAA,IAAAiO,EAAAA,iBAAA,CAAiBC,WAAYlO,EAAAA,IAACmO,EAAAA,QAAe,CAAA7O,GAAI,CAAEc,SAAU,MAAUd,GAAIuN,GACxE9M,eAACE,EAAWA,WAAA,CAAAX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WAAaN,SAAA,kCAEzEX,EAAAA,KAACgP,EAAiBA,iBAAA,CAAA9O,GAAI,CAAE+O,GAAI,EAAGxO,GAAI,EAAGyO,GAAI,GACtCvO,SAAA,CAACC,EAAAA,IAAAsC,EAAAA,MAAA,CAAMd,IAAK,EACNzB,UAAYiL,EAAAQ,EAAgBvC,GAAOyC,SAAW,IAAKjG,IAAI,CAAC4J,EAAUlI,IAC/D/H,EAAAA,KAAAC,EAAAA,IAAA,CAAgBC,GAAI,CAAEO,GAAI,EAAGC,GAAI,EAAGL,aAAc,EAAGC,QAAS,QAC3DK,SAAA,CAAAX,EAAAA,KAACC,EAAIA,IAAA,CAAAC,GAAI,CAAEK,QAAS,OAAQgC,eAAgB,gBAAiBJ,WAAY,aAAcoL,GAAI,EAAGnL,IAAK,GAC/FzB,SAAA,CAACX,EAAAA,KAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WAAcN,SAAA,CAAQoH,EAAA,EAAE,KAAGkI,EAAIC,gBACtFtE,EACGhL,EAAAA,IAACwC,EAAWA,WAAA,CAAAN,KAAK,QAAQtB,QAAS,IAAM6K,EAAgB8D,GAAQA,EAAKP,OAAO,CAACQ,EAAG1L,IAAMA,IAAMqD,IAAS7H,GAAI,CAAEe,MAAO,UAAWuB,WAAY,GACrI7B,SAACC,EAAAA,IAAA0C,EAAAA,QAAA,CAAkBpD,GAAI,CAAEc,SAAU,QAGvCJ,EAAAA,IAACX,EAAAA,IAAA,CACGuB,QAAS,IAAM0I,EAAY+F,EAAIC,aAAa1L,MAAM,KAAK6B,IAAKgK,GAAcA,EAAEC,OAAO,GAAGC,cAAgBF,EAAEG,MAAM,IAAIC,KAAK,MACvHvQ,GAAI,CAAEc,SAAU,GAAIC,MAAO,UAAWU,OAAQ,UAAWa,WAAY,GACxE7B,SAAA,SAKRC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIE,WAAY,IAAKD,MAAO,WAAcN,SAAAsP,EAAIS,uBAGzE5G,SACS,MAAA6G,EAAWV,EAAIU,UAAY,GAC7B,OAAoB,IAApBA,EAAShM,OAAqB,KAE9B/D,MAACX,EAAAA,KAAIC,GAAI,CAAEC,GAAI,GACXQ,SAACC,EAAAA,IAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAEK,QAAS,OAAQqQ,SAAU,OAAQxO,IAAK,GAC9CzB,SAASgQ,EAAAtK,IAAI,CAACwK,EAAcC,IACzBlQ,EAAAA,IAACoN,EAAAA,KAAA,CAEG+C,WAAS,EACTvP,QAAS,IAAM2I,EAAiB0G,EAAQG,kBACxC/C,MAAO4C,EAAQG,iBACf9Q,GAAI,CAAEG,aAAc,EAAGC,QAAS,UAAWW,MAAO,UAAWb,OAAQ,uBAJhE0Q,OAU1B,WACFG,EAAQA,QAAA,CAAA/Q,GAAI,CAAEC,GAAI,OAtCb4H,MA0CjB6D,GACG5L,EAAAA,KAACC,EAAAA,IAAA,CAAIuB,QAAS,KAAQ0L,GAAe,IAAKE,GAAqB,IAAKJ,IAAqB,IACrF9M,GAAI,CAAEC,GAAI,EAAGI,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUH,IAAK,GAAK1B,GAAI,EAAGN,OAAQ,qBAAsBC,aAAc,IAAKsB,OAAQ,UAAWV,MAAO,UAAWD,SAAU,GAAIY,WAAY,IAAK,UAAW,CAAEtB,QAAS,YAC1OK,SAAA,CAAAC,EAAAA,IAACsQ,EAAQ,QAAA,CAAAhR,GAAI,CAAEc,SAAU,MAAQ,oBAOhDhB,EAAAA,KAAA0O,EAAAA,UAAA,CAAUC,SAAU7D,EAAuB/I,SAAU,IAAMgJ,EAA8BtJ,IAACA,GAAIvB,GAAImN,GAAauB,gBAAc,EAC1HjO,SAAA,CAAAC,EAAAA,IAACiO,EAAiBA,iBAAA,CAAAC,WAAalO,EAAAA,IAAAmO,EAAAA,QAAA,CAAe7O,GAAI,CAAEc,SAAU,MAAUd,GAAIuN,GACxE9M,SAACX,OAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,UAAWV,QAAS,OAAQ4B,WAAY,SAAU3B,cAAe,OAASG,SAAA,CAAA,iBAC/GC,EAAAA,IAAA,OAAA,CAAKuQ,MAAO,CAAElQ,MAAO,UAAWW,WAAY,IAAKZ,SAAU,GAAIoQ,WAAY,QAAUzQ,SAAmC,6CAG/IX,EAAAA,KAACgP,EAAiBA,iBAAA,CAAA9O,GAAI,CAAE+O,GAAI,EAAGxO,GAAI,IAAKyO,GAAI,KACxCvO,SAAA,CAAAX,EAAAA,KAAC0O,EAAAA,UAAA,CAAUC,SAAU3D,EAAqBjJ,SAAU,IAAMkJ,EAAuBxJ,IAAMA,GACnFvB,GAAI,CAAEoN,UAAW,OAAQlN,OAAQ,oBAAqBC,aAAc,iBAAkBkN,GAAI,EAAG,WAAY,CAAEhN,QAAS,QAAU,iBAAkB,CAAEiN,OAAQ,cAAiBoB,gBAAc,EACzLjO,SAAA,CAAAC,EAAAA,IAACiO,EAAiBA,iBAAA,CAAAC,WAAalO,EAAAA,IAAAmO,EAAAA,QAAA,CAAe7O,GAAI,CAAEc,SAAU,MAAUd,GAAI,IAAKuN,GAAenN,QAAS,UAAWD,aAAc,OAC9HM,SAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,KAAMY,WAAY,IAAKX,MAAO,WAAaN,sCAE1EC,EAAAA,IAAAoO,EAAAA,iBAAA,CAAiB9O,GAAI,CAAE+O,GAAI,GAAKxO,GAAI,EAAGyO,GAAI,KACxCvO,SAACX,EAAAA,KAAAkD,EAAAA,MAAA,CAAMd,IAAK,IACNzB,SAAA,EAAAiL,EAAYW,EAAoBE,MAAMC,QAAQ7C,GAAO8C,eAAiB9C,EAAM8C,cAAgB9C,GAAO8C,cAAgB,CAAC9C,EAAM8C,eAAiB,CAAC,wBAAyBtG,IAAI,CAACgL,EAAc3M,IACtLkH,EACKhL,EAAAA,IAAAiB,EAAA,CAAkCC,MAAOuP,EAAMtP,SAAUuP,GAAK9E,EAA4B2D,GAAAA,EAAK9J,IAAI,CAACkL,EAAGC,IAAQA,IAAQ9M,EAAI4M,EAAIC,IAAKvP,SAAU,IAAMwK,EAAoB2D,GAAQA,EAAKP,OAAO,CAACQ,EAAGoB,IAAQA,IAAQ9M,KAAjLA,GAE/B1E,EAAAA,KAAAkD,EAAAA,MAAA,CAAcC,UAAU,MAAMf,IAAK,EAAGD,WAAW,aAC9CxB,SAAA,CAACX,EAAAA,KAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIC,MAAO,UAAWW,WAAY,IAAKzB,GAAI,IAAQQ,SAAA,CAAI+D,EAAA,EAAE,OACrF9D,EAAAA,IAACC,EAAAA,WAAW,CAAAX,GAAI,CAAEc,SAAU,KAAMC,MAAO,UAAWC,WAAY,MAASP,SAAK0Q,MAFtE3M,IAMnBkH,GACG5L,EAAAA,KAACC,EAAAA,IAAA,CAAIuB,QAAS,IAAMgL,EAAoB2D,GAAQ,IAAIA,EAAM,KACtDjQ,GAAI,CAAEK,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUH,IAAK,GAAK1B,GAAI,IAAMN,OAAQ,qBAAsBC,aAAc,IAAKsB,OAAQ,UAAWV,MAAO,UAAWD,SAAU,KAAMY,WAAY,IAAK,UAAW,CAAEtB,QAAS,YACxOK,SAAA,CAAAC,EAAAA,IAACsQ,EAAQ,QAAA,CAAAhR,GAAI,CAAEc,SAAU,MAAQ,gCAOrDhB,EAAAA,KAAC0O,EAAAA,UAAA,CAAUC,SAAUzD,EAAiBnJ,SAAU,IAAMoJ,EAAmB1J,IAAMA,GAC3EvB,GAAI,CAAEoN,UAAW,OAAQlN,OAAQ,oBAAqBC,aAAc,iBAAkB,WAAY,CAAEE,QAAS,SAAYqO,gBAAc,EACvIjO,SAAA,CAAAC,EAAAA,IAACiO,EAAiBA,iBAAA,CAAAC,WAAalO,EAAAA,IAAAmO,EAAAA,QAAA,CAAe7O,GAAI,CAAEc,SAAU,MAAUd,GAAI,IAAKuN,GAAenN,QAAS,UAAWD,aAAc,OAC9HM,SAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,KAAMY,WAAY,IAAKX,MAAO,WAAaN,0CAE1EC,EAAAA,IAAAoO,EAAAA,iBAAA,CAAiB9O,GAAI,CAAE+O,GAAI,GAAKxO,GAAI,EAAGyO,GAAI,KACvCvO,SAAAiL,EACI5L,EAAAA,KAAAkD,EAAAA,MAAA,CAAMd,IAAK,IACPzB,SAAA,CAAAiM,EAAoBvG,IAAI,CAACgL,EAAc3M,IACpC9D,MAACiB,GAAkCC,MAAOuP,EAAMtP,SAAUuP,GAAKzE,GAA+BsD,GAAAA,EAAK9J,IAAI,CAACkL,EAAGC,IAAQA,IAAQ9M,EAAI4M,EAAIC,IAAKvP,SAAU,IAAM6K,GAA+BsD,GAAAA,EAAKP,OAAO,CAACQ,EAAGoB,IAAQA,IAAQ9M,KAAvLA,IAEpC1E,EAAAA,KAACC,EAAAA,IAAA,CAAIuB,QAAS,IAAMqL,GAAuBsD,GAAQ,IAAIA,EAAM,KACzDjQ,GAAI,CAAEK,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUH,IAAK,GAAK1B,GAAI,IAAMN,OAAQ,qBAAsBC,aAAc,IAAKsB,OAAQ,UAAWV,MAAO,UAAWD,SAAU,KAAMY,WAAY,IAAK,UAAW,CAAEtB,QAAS,YACxOK,SAAA,CAAAC,EAAAA,IAACsQ,EAAQ,QAAA,CAAAhR,GAAI,CAAEc,SAAU,MAAQ,+BAIzCyL,MAAMC,QAAQ7C,GAAOiD,oBAAsBjD,GAAOiD,kBAC9ClM,EAAAA,IAACsC,EAAAA,OAAMd,IAAK,IACNzB,UAAM8L,MAAAC,QAAQ7C,GAAOiD,mBAAqBjD,EAAMiD,kBAAoB,CAACjD,EAAMiD,oBAAoBzG,IAAI,CAACgL,EAAc3M,IAChH1E,EAAAA,KAACkD,EAAAA,OAAcC,UAAU,MAAMf,IAAK,EAAGD,WAAW,aAC9CxB,SAAA,CAACX,EAAAA,KAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIC,MAAO,UAAWW,WAAY,IAAKzB,GAAI,IAAQQ,SAAA,CAAI+D,EAAA,EAAE,OACrF9D,EAAAA,IAACC,EAAAA,WAAW,CAAAX,GAAI,CAAEc,SAAU,KAAMC,MAAO,UAAWC,WAAY,MAASP,SAAK0Q,MAFtE3M,MAOpB9D,EAAAA,IAACC,cAAWX,GAAI,CAAEc,SAAU,KAAMC,MAAO,UAAWlC,UAAW,UAAY4B,mDASlGX,EAAAA,KAAA0O,EAAAA,UAAA,CAAUC,SAAUvD,EAAcrJ,SAAU,IAAMsJ,EAAqB5J,IAACA,GAAIvB,GAAImN,GAAauB,gBAAc,EACxGjO,SAAA,CAAAC,EAAAA,IAACiO,EAAiBA,iBAAA,CAAAC,WAAalO,EAAAA,IAAAmO,EAAAA,QAAA,CAAe7O,GAAI,CAAEc,SAAU,MAAUd,GAAIuN,GACxE9M,SAACX,OAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,UAAWV,QAAS,OAAQ4B,WAAY,SAAU3B,cAAe,OAASG,SAAA,CAAA,kBAC9GC,EAAAA,IAAA,OAAA,CAAKuQ,MAAO,CAAElQ,MAAO,UAAWW,WAAY,IAAKZ,SAAU,GAAIoQ,WAAY,QAAUzQ,SAA+B,yCAG5IC,EAAAA,IAACoO,EAAiBA,iBAAA,CAAA9O,GAAI,CAAE+O,GAAI,EAAGxO,GAAI,IAAKyO,GAAI,KACvCvO,SAAA,CACG,CAAEsN,MAAO,aAAcU,SAAUrD,EAAoBmG,YAAalG,EAAuBzH,QAAS+F,GAAO6H,uBACzG,CAAEzD,MAAO,QAASU,SAAUnD,EAAeiG,YAAahG,EAAkB3H,QAAS,MACnF,CAAEmK,MAAO,SAAUU,SAAUjD,EAAgB+F,YAAa9F,EAAmB7H,QAAS,OACxFuC,IAAI,EAAG4H,QAAOU,WAAU8C,cAAa3N,WAAWY,IAC9C1E,EAAAA,KAAC0O,EAAAA,UAAA,CAAsBC,WAAoB5M,SAAU,IAAM0P,EAAahQ,IAAgBA,GACpFvB,GAAI,CAAEoN,UAAW,OAAQlN,OAAQ,oBAAqBC,aAAc,iBAAkBkN,GAAI7I,EAAI,EAAI,EAAI,EAAG,WAAY,CAAEnE,QAAS,QAAU,iBAAkB,CAAEiN,OAAQ9I,EAAI,EAAI,YAAc,IAAOkK,gBAAc,EACjNjO,SAAA,CAACC,EAAAA,IAAAiO,EAAAA,iBAAA,CAAiBC,WAAYlO,EAAAA,IAACmO,EAAe,QAAA,CAAA7O,GAAI,CAAEc,SAAU,MAAUd,GAAI,IAAKuN,GAAenN,QAAS,UAAWD,aAAc,OAC9HM,SAAAX,EAAAA,KAACkD,EAAMA,MAAA,CAAAC,UAAU,MAAMhB,WAAW,SAASC,IAAK,GAC5CzB,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,KAAMY,WAAY,IAAKX,MAAO,WAAcN,SAAMsN,IACnE,eAAVA,GAA0BrN,MAAC+Q,EAAAA,QAAiB,CAAAzR,GAAI,CAAEc,SAAU,GAAIC,MAAO,kBAG/EL,EAAAA,IAAAoO,EAAAA,iBAAA,CAAiB9O,GAAI,CAAE+O,GAAI,GAAKxO,GAAI,EAAGyO,GAAI,KACxCvO,SAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,KAAMC,MAAO6C,EAAU,UAAY,UAAW/E,UAAW+E,EAAU,SAAW,UACrGnD,SAAAmD,GAAW,MAAMmK,EAAMlJ,mCAVpBkJ,YAoBhCjO,OAAC4R,EAAAA,QAAOC,KAAM9E,GAAmB+E,QAAS,IAAM9E,IAAqB,GAAQ+E,SAAS,KAAKhP,WAAS,EAACiP,WAAY,CAAE9R,GAAI,CAAEG,aAAc,SACnIM,SAAA,CAAAX,EAAAA,KAACC,EAAIA,IAAA,CAAAC,GAAI,CAAEO,GAAI,EAAGC,GAAI,EAAGH,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,gBAAiBqL,aAAc,qBAC3GjN,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAE0B,WAAY,IAAKZ,SAAU,OAAQC,MAAO,WAAaN,SAAW,sBACnFyC,EAAAA,WAAW,CAAAN,KAAK,QAAQtB,QAAS,IAAMwL,IAAqB,GAAQrM,SAACC,EAAAA,IAAAsN,UAAA,CAAUhO,GAAI,CAAEc,SAAU,SAAUC,MAAO,kBAEpHjB,EAAAA,KAAAC,EAAAA,IAAA,CAAIC,GAAI,CAAEO,GAAI,EAAGC,GAAI,IAAKH,QAAS,OAAQC,cAAe,SAAU4B,IAAK,GACtEzB,SAAA,CAAAX,OAACC,EAAAA,IACG,CAAAU,SAAA,CAAAC,EAAAA,IAACC,EAAWA,WAAA,CAAAX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,UAAWsM,GAAI,KAAQ5M,SAAK,gBACnF8B,EAAUA,UAAA,CAAAM,WAAS,EAACD,KAAK,QAAQmP,YAAY,2BAA2BnQ,MAAOmL,GAAalL,SAAeY,GAAAuK,GAAevK,EAAEC,OAAOd,mBAEvI7B,EAAAA,IACG,CAAAU,SAAA,CAAAC,EAAAA,IAACC,EAAWA,WAAA,CAAAX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,UAAWsM,GAAI,KAAQ5M,SAAW,gBAC1FC,MAAC6B,EAAAA,WAAUM,WAAS,EAACD,KAAK,QAAQE,WAAS,EAACoL,QAAS,EAAG6D,YAAY,mBAAmBnQ,MAAOqL,GAAmBpL,SAAUY,GAAKyK,GAAqBzK,EAAEC,OAAOd,sBAGrK7B,EAAIA,IAAA,CAAAC,GAAI,CAAEO,GAAI,EAAGC,GAAI,EAAGH,QAAS,OAAQgC,eAAgB,WAAYH,IAAK,EAAG8P,UAAW,qBACrFvR,SAAA,CAAAC,MAACuR,EAAAA,QAAOC,QAAQ,WAAW5Q,QAAS,IAAMwL,IAAqB,GAAQ9M,GAAI,CAAEmS,cAAe,OAAQ5O,YAAa,UAAWxC,MAAO,WAAaN,SAAM,iBACrJwR,EAAAA,OAAO,CAAAC,QAAQ,YAAY5Q,QApSnB,KACrB6K,EAAwB8D,GAAA,IAAIA,EAAM,CAAED,aAAcjD,GAAayD,qBAAsBvD,GAAmBrJ,QAAS,MACjHkJ,IAAqB,IAkS8C9M,GAAI,CAAEmS,cAAe,OAAQ/R,QAAS,UAAW,UAAW,CAAEA,QAAS,YAAeK,SAAI,mCAS5I,EACrBkJ,QACAI,gBACAqI,eACAxI,cACAyI,oBACAC,WACAzI,UACA0I,SACAC,SACA1G,QAAQ,iBACR5B,aACAC,gBACAC,qBACAC,wBACAC,mBACAC,sBACAT,gBAAe,EACf2I,uBAAsB,MAEtB,MAAOC,EAAYC,GAAiBvT,WAAS,IACtCkE,EAAYsP,GAAiBxT,YAAS,IACtCyE,EAAagP,GAAkBzT,WAAS,KACxC0E,EAAmBgP,GAAwB1T,WAAS,IAYrD2T,EAAcpJ,GAAOyC,SAASjG,IAAKkI,IACjC,IAACzE,IAAgByE,EAAEoC,UAAkC,IAAtBpC,EAAEoC,SAAShM,OAAqB,OAAA4J,EAAEzK,SAAW,GAC5E,IAAAoP,EAAc3E,EAAEzK,SAAW,GAMxB,OALLyK,EAAAoC,SAAS9I,QAASsL,IACZA,EAAIC,UAAYD,EAAInC,mBACpBkC,EAAcA,EAAY1O,MAAM2O,EAAIC,UAAU3C,KAAK0C,EAAInC,qBAGxDkC,IACRzC,KAAK,SAAW,GAEnB,cACKxQ,EAAAA,IAAI,CAAAC,GAAI,CAAEmC,MAAO,OAAQC,OAAQ,OAAQ/B,QAAS,OAAQC,cAAe,SAAUF,QAAS,OAAQqG,SAAU,UAE3GhG,SAAA,CAAAX,OAACC,EAAAA,KAAIC,GAAI,CAAEO,GAAI,IAAKC,GAAI,IAAKkN,aAAc,oBAAqBrN,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,gBAAiBjC,QAAS,OAAQkC,WAAY,GACjK7B,SAAA,CAAAX,OAACkD,EAAAA,OAAMC,UAAU,MAAMhB,WAAW,SAASC,IAAK,EAC5CzB,SAAA,CAAAC,MAACwC,EAAAA,YAAWN,KAAK,QAAQ5C,GAAI,CAAEe,MAAO,WAAaO,QAASkR,EACxD/R,eAAC0S,EAAAA,QAAc,CAAAnT,GAAI,CAAEc,SAAU,QAEnCJ,EAAAA,IAACC,EAAAA,WAAW,CAAAX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WACnDN,SACLqL,OAEJhM,EAAAA,KAACC,EAAIA,IAAA,CAAAC,GAAI,CAAEK,QAAS,OAAQ4B,WAAY,SAAUC,IAAK,GACnDzB,SAAA,CAAAC,EAAAA,IAACuR,EAAAA,OAAA,CACGC,QAAQ,YAAYtP,KAAK,QACzB6M,UAAW7F,GAAe0I,GAAYzI,EACtCvI,QAASiR,EACTvS,GAAI,CAAEmS,cAAe,OAAQrR,SAAU,UAAWY,WAAY,IAAKtB,QAAS,UAAWG,GAAI,EAAGC,GAAI,GAAK,UAAW,CAAEJ,QAAS,WAAa,iBAAkB,CAAEA,QAAS,UAAWW,MAAO,OAAQqS,QAAS,KAEzM3S,SAAA6R,EAAW,YAAczI,EAAU,UAAY,mBAEnD3G,EAAAA,WAAW,CAAAN,KAAK,QAAQ5C,GAAI,CAAEe,MAAO,WAAaO,QAASkR,EAAQ/R,eAACuN,EAAAA,QAAU,CAAAhO,GAAI,CAAEc,SAAU,cAKvGhB,EAAAA,KAACC,EAAIA,IAAA,CAAAC,GAAI,CAAEK,QAAS,OAAQ0C,KAAM,EAAG0D,SAAU,UAE3ChG,SAAA,CAAAC,EAAAA,IAACgJ,EAAA,CACGC,QACAC,cACAC,UACAC,eACAC,gBACAC,YAvDS/B,IACrB4K,EAAe,IACfhN,WAAW,IAAMgN,EAAe5K,GAAM,KAsD1BgC,iBAnDcoJ,IAC1BP,EAAqB,IACrBjN,WAAW,IAAMiN,EAAqBO,GAAW,KAkDrCnJ,aACAC,gBACAC,qBACAC,wBACAC,mBACAC,+BAIHxK,EAAIA,IAAA,CAAAC,GAAI,CAAE+C,KAAM,EAAG1C,QAAS,OAAQC,cAAe,SAAUmG,SAAU,SAAUlF,EAAG,EAAGW,IAAK,KAEzFzB,SAAA,CAACX,EAAAA,KAAAC,EAAAA,IAAA,CAAIC,GAAI,CAAEK,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,gBAAiBC,WAAY,GAC3F7B,SAAA,CAAAX,OAACkD,EAAAA,OAAMC,UAAU,MAAMhB,WAAW,SAASC,IAAK,EAC5CzB,SAAA,CAACX,EAAAA,KAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,WAAcN,SAAA,CAAAkJ,GAAOmC,OAAS,IAAI,kBACzF9I,EAAAA,MAAM,CAAAC,UAAU,MAAMhB,WAAW,SAASC,IAAK,GAC5CzB,SAAA,CAAAC,EAAAA,IAACwC,EAAWA,WAAA,CAAAN,KAAK,QAAQtB,QAAS,IAAMqR,EAAmBpR,GAAA+R,KAAKC,IAAI,EAAGhS,EAAI,IAAKkO,SAAyB,IAAfiD,EAAkB1S,GAAI,CAAEe,MAAO,UAAWQ,EAAG,IACnId,SAACC,EAAAA,IAAA8S,EAAA,QAAA,CAAmBxT,GAAI,CAAEc,SAAU,QAExChB,OAACa,EAAAA,YAAWX,GAAI,CAAEc,SAAU,KAAMC,MAAO,WAAcN,SAAA,CAAAiS,EAAW,OAAK/I,GAAOyC,SAAS3H,QAAU,WAChGvB,EAAAA,WAAW,CAAAN,KAAK,QAAQtB,QAAS,IAAMqR,EAAcpR,GAAK+R,KAAKG,IAAI9J,GAAOyC,SAAS3H,QAAU,EAAGlD,EAAI,IAAKkO,SAAUiD,KAAgB/I,GAAOyC,SAAS3H,QAAU,GAAIzE,GAAI,CAAEe,MAAO,UAAWQ,EAAG,IACzLd,eAACiT,EAAAA,QAAiB,CAAA1T,GAAI,CAAEc,SAAU,cAK9CJ,EAAAA,IAACsC,EAAAA,MAAM,CAAAC,UAAU,MAAMhB,WAAW,SAASC,IAAK,IAC3CzB,SAAwBgS,IAAC7I,SAOrB5G,QAAM,CAAAC,UAAU,MAAMhB,WAAW,SAASC,IAAK,EAC5CzB,SAAA,CAACC,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,KAAMC,MAAO,WAAaN,SAAa,wBAClEV,EAAIA,IAAA,CAAAC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,OAAQC,QAAS,UAAWC,QAAS,OAAQ4B,WAAY,SAAU1B,GAAI,GAAKkB,OAAQ,WAChIhB,SAACC,MAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,MAAOC,QAAS,OAAQuT,GAAI,eATpF7T,EAAAA,KAACC,EAAAA,IAAA,CAAIuB,QAAS+Q,EACVrS,GAAI,CAAEK,QAAS,OAAQ4B,WAAY,SAAUC,IAAK,EAAG3B,GAAI,EAAGC,GAAI,IAAML,aAAc,IAAKC,QAAS,UAAWqB,OAAQ2Q,EAAe,UAAY,UAAW,UAAW,CAAEhS,QAAS,WAAawT,WAAY,OAAQR,QAAShB,EAAe,GAAM,GAChP3R,SAAA,CAAAC,MAACmT,EAAAA,SAAwB7T,GAAI,CAAEc,SAAU,GAAIC,MAAO,UACnDL,EAAAA,IAAAC,EAAAA,WAAA,CAAWX,GAAI,CAAEc,SAAU,GAAIY,WAAY,IAAKX,MAAO,QAAWN,SAAA2R,EAAe,gBAAkB,8BAcpHtS,EAAAA,KAACC,EAAIA,IAAA,CAAAC,GAAI,CAAE+C,KAAM,EAAGyD,UAAW,EAAGsN,SAAU,YACvCrT,SAAA,CAAA2R,SACIrS,EAAIA,IAAA,CAAAC,GAAI,CAAE8T,SAAU,WAAY9K,IAAK,EAAG+K,KAAM,EAAGC,MAAO,EAAG/K,OAAQ,EAAG7I,QAAS,kBAAmB6T,OAAQ,GAAI5T,QAAS,OAAQ4B,WAAY,SAAUI,eAAgB,SAAUlC,aAAc,GAC1LM,eAACE,EAAWA,WAAA,CAAAX,GAAI,CAAEe,MAAO,OAAQD,SAAU,GAAIY,WAAY,KAAOjB,sCAGzEX,EAAAA,KAAAC,EAAAA,IAAA,CAAIC,GAAI,CAAEE,OAAQ,oBAAqBC,aAAc,EAAGsG,SAAU,SAAUrE,OAAQ,QACjF3B,SAAA,CAAAX,OAACC,EAAAA,KAAIC,GAAI,CAAEO,GAAI,EAAGC,GAAI,EAAGkN,aAAc,oBAAqBrN,QAAS,OAAQ4B,WAAY,SAAUC,IAAK,EAAG9B,QAAS,UAAWkC,WAAY,GACvI7B,SAAA,CAACC,EAAAA,IAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,MAAOC,QAAS,aAC/DM,EAAAA,IAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,MAAOC,QAAS,aAC/DM,EAAAA,IAAAX,EAAAA,IAAA,CAAIC,GAAI,CAAEmC,MAAO,GAAIC,OAAQ,GAAIjC,aAAc,MAAOC,QAAS,aAC/DN,EAAAA,KAAAa,EAAAA,WAAA,CAAWX,GAAI,CAAE2T,GAAI,EAAG7S,SAAU,GAAIC,MAAO,UAAWmT,WAAY,aAChEzT,SAAA,CAAAkJ,GAAOyC,UAAUsG,EAAa,IAAI1C,cAAgB,IAAI,gBAE1DjQ,EAAIA,IAAA,CAAAC,GAAI,CAAE+C,KAAM,KAChBrC,EAAAA,IAAA2C,EAAA,CAAYC,aAAwBzB,SAAU+Q,OAEnDlS,EAAAA,IAACiD,EAAA,CACGC,QAASmP,EACTlP,cACAC,oBACAR,aACAlB,OAAO,OACPtB,SAAU"}
+{"version":3,"file":"PromptemonViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/RequirementAI/components/CustomPopover/CustomPopover.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("./CustomPopover.module.css.js"),o=require("react-dom");exports.default=({anchorEl:s,open:n,onClose:c,children:l,customStyles:u={},backdropContainerId:a})=>{const d=r.useRef(null),i=r.useRef(c);r.useEffect(()=>{const e=d.current;if(!e||!n)return;let r=!0;const t=new ResizeObserver(e=>{var t;r?r=!1:null===(t=i.current)||void 0===t||t.call(i)});return t.observe(e),()=>{t.disconnect()}},[n]);const p=document.getElementById(String(a));if(!n||!s)return null;const f=s.getBoundingClientRect();return e.jsxs(e.Fragment,{children:[p?o.createPortal(e.jsx("div",{ref:d,onClick:c,className:t.default["containerized-backdrop"],style:{...u.backdrop}}),p):e.jsx("div",{ref:d,onClick:c,className:t.default.backdrop,style:{...u.backdrop}}),e.jsx("div",{className:t.default.popup,style:{top:f.bottom+15,left:f.left,...u.popup},children:l})]})};
+//# sourceMappingURL=CustomPopover.js.map

package/dist/cjs/features/RequirementAI/components/CustomPopover/CustomPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPopover.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/RequirementAI/components/CustomPopover/CustomPopover.module.css.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});!function(){if("undefined"==typeof document)return;const e=document.createElement("style");e.type="text/css";const o=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;o&&e.setAttribute("nonce",o),e.appendChild(document.createTextNode(".CustomPopover-module_backdrop__Qgztj{inset:0;position:fixed;z-index:999}.CustomPopover-module_containerized-backdrop__tmikS{inset:0;position:absolute;z-index:999}.CustomPopover-module_popup__SBPdZ{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:500px;padding:16px;position:fixed;z-index:1000}"));const t=document.head||document.getElementsByTagName("head")[0]||document.documentElement;t&&t.appendChild(e)}(),exports.default={backdrop:"CustomPopover-module_backdrop__Qgztj","containerized-backdrop":"CustomPopover-module_containerized-backdrop__tmikS",popup:"CustomPopover-module_popup__SBPdZ"};
+//# sourceMappingURL=CustomPopover.module.css.js.map

package/dist/cjs/features/RequirementAI/components/CustomPopover/CustomPopover.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomPopover.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/cjs/features/RequirementAI/components/GapRiskSidebar/GapRiskSidebar.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),o=require("lucide-react"),l=require("./components/StoryNode/StoryNode.js"),n=require("../RequirementAIWrapper/RequirementAIWrapper.js"),s=require("./GapRiskSidebar.module.css.js");const d=i.createContext(null),t=()=>{const e=i.useContext(d);if(!e)throw new Error("GapRiskSidebar compound components must be used within <GapRiskSidebar.Root>");return e},a=e=>({title:e.title,artifactTitleID:e.artifactTitleID,id:e.id,display_items:e.gap_items||e.risk_items||{critical:[],warning:[],recommendation:[]},sub_feature:(e.sub_feature||[]).map(a)});const r=Object.assign(({storyDetails:o,type:l,isSidebarExpanded:s,onToggleSidebar:t,defaultExpanded:a=!0,onClickStoryNodeCallback:r,isProcessingGapItems:u,onClickAiReasoning:c,handleFixRisk:v,handleHighlightGapContent:p,customStyles:S,customIcons:m,sidebarWidth:y,headerTitle:g,onSelectStory:b,children:h})=>{var C,I;const x=function(){try{return n.useRequirementAI()}catch(e){return null}}(),[k,f]=i.useState(a),N=void 0!==s,j=N?s:k,G=i.useCallback(e=>{const i="function"==typeof e?e(j):e;N?null==t||t(i):f(i)},[N,j,t]),R=i.useMemo(()=>{var e,i,o,l,n,s,d,t,a,r,u,c,v;return{...null===(e=null==x?void 0:x.customStyles)||void 0===e?void 0:e.gapSidebar,...S,gapRiskSidebar:{...null===(o=null===(i=null==x?void 0:x.customStyles)||void 0===i?void 0:i.gapSidebar)||void 0===o?void 0:o.gapRiskSidebar,...null==S?void 0:S.gapRiskSidebar},noGapsFound:{...null===(n=null===(l=null==x?void 0:x.customStyles)||void 0===l?void 0:l.gapSidebar)||void 0===n?void 0:n.noGapsFound,...null==S?void 0:S.noGapsFound},storyNode:{...null===(d=null===(s=null==x?void 0:x.customStyles)||void 0===s?void 0:s.gapSidebar)||void 0===d?void 0:d.storyNode,...null==S?void 0:S.storyNode},riskSidebarCategorySection:{...null===(a=null===(t=null==x?void 0:x.customStyles)||void 0===t?void 0:t.gapSidebar)||void 0===a?void 0:a.riskSidebarCategorySection,...null==S?void 0:S.riskSidebarCategorySection},riskCategorySection:{...null===(u=null===(r=null==x?void 0:x.customStyles)||void 0===r?void 0:r.gapSidebar)||void 0===u?void 0:u.riskCategorySection,...null==S?void 0:S.riskCategorySection},gapItem:{...null===(v=null===(c=null==x?void 0:x.customStyles)||void 0===c?void 0:c.gapSidebar)||void 0===v?void 0:v.gapItem,...null==S?void 0:S.gapItem}}},[null===(C=null==x?void 0:x.customStyles)||void 0===C?void 0:C.gapSidebar,S]),T=i.useMemo(()=>{var e,i,o,l,n,s;return{icons:{...null===(i=null===(e=null==x?void 0:x.customIcons)||void 0===e?void 0:e.gapSidebarIcons)||void 0===i?void 0:i.icons,...null==m?void 0:m.icons},iconSizes:{...null===(l=null===(o=null==x?void 0:x.customIcons)||void 0===o?void 0:o.gapSidebarIcons)||void 0===l?void 0:l.iconSizes,...null==m?void 0:m.iconSizes},iconColors:{...null===(s=null===(n=null==x?void 0:x.customIcons)||void 0===n?void 0:n.gapSidebarIcons)||void 0===s?void 0:s.iconColors,...null==m?void 0:m.iconColors}}},[null===(I=null==x?void 0:x.customIcons)||void 0===I?void 0:I.gapSidebarIcons,m]),W={isSidebarExpanded:j,setIsSidebarExpanded:G,storyDetails:o,type:l,isProcessingGapItems:u,onClickStoryNodeCallback:r,onClickAiReasoning:c,handleFixRisk:v,handleHighlightGapContent:p,mergedStyles:R,mergedIcons:T,sidebarWidth:y,headerTitle:g,onSelectStory:b};return e.jsx(d.Provider,{value:W,children:h})},{Panel:({className:n="",style:d})=>{var r,u,c,v;const{isSidebarExpanded:p,storyDetails:S,type:m,isProcessingGapItems:y,onClickStoryNodeCallback:g,onClickAiReasoning:b,handleFixRisk:h,handleHighlightGapContent:C,mergedStyles:I,mergedIcons:x,sidebarWidth:k=320,headerTitle:f="Generated User Stories",onSelectStory:N}=t(),j=I.gapRiskSidebar,G=(null===(r=x.icons)||void 0===r?void 0:r.menuIcon)||o.Menu,R=i.useMemo(()=>S.map(a),[S]),T="number"==typeof k?`${k}px`:k;return e.jsx("div",{className:`${s.default.sidebarContainer} ${p?s.default.sidebarExpanded:s.default.sidebarCollapsed} ${n}`,style:{...p?{width:T,minWidth:T}:{},...null==j?void 0:j.container,...p?{}:null==j?void 0:j.containerCollapsed,...d},children:e.jsxs("div",{className:s.default.sidebarInnerWrapper,style:{minWidth:T,...null==j?void 0:j.innerWrapper},children:[e.jsxs("div",{className:s.default.header,style:null==j?void 0:j.header,children:[e.jsx(G,{className:s.default.headerMenuIcon,style:{color:null===(u=x.iconColors)||void 0===u?void 0:u.menuIcon,width:null===(c=x.iconSizes)||void 0===c?void 0:c.menuIcon,height:null===(v=x.iconSizes)||void 0===v?void 0:v.menuIcon,...null==j?void 0:j.headerMenuIcon}}),e.jsx("h2",{className:s.default.headerTitle,style:null==j?void 0:j.headerTitle,children:f})]}),e.jsx("div",{className:s.default.storyList,style:null==j?void 0:j.storyList,children:R.map(i=>e.jsx("div",{className:s.default.storyItemWrapper,style:null==j?void 0:j.storyItemWrapper,children:e.jsx(l.default,{story:i,onClickStoryNodeCallback:g,type:m,isProcessingGapItems:y,onClickAiReasoning:b,handleFixRisk:h,handleHighlightGapContent:C,customStyles:I,customIcons:x,onSelectStory:N})},i.artifactTitleID))})]})})},Toggle:({OpenIcon:i,CloseIcon:l,className:n=""})=>{const{isSidebarExpanded:d,setIsSidebarExpanded:a}=t(),r=i||o.SidebarOpenIcon,u=l||o.SidebarCloseIcon;return e.jsx("div",{className:`${s.default.sidebarToggleWrapper} ${n}`,children:e.jsx("button",{onClick:()=>a(e=>!e),className:s.default.sidebarToggleBtn,"aria-label":d?"Collapse sidebar":"Expand sidebar",type:"button",children:d?e.jsx(u,{}):e.jsx(r,{})})})}});exports.NoGapsFound=({styles:i,CheckCircleIcon:l,iconColor:n,iconSize:d})=>{const t=l||o.CheckCircle2;return e.jsxs("div",{className:s.default.noGapsContainer,style:null==i?void 0:i.container,children:[e.jsx("p",{className:s.default.noGapsText,style:null==i?void 0:i.text,children:"No Gaps Found"}),e.jsx(t,{className:s.default.noGapsIcon,style:{color:n,width:d,height:d,...null==i?void 0:i.icon}})]})},exports.default=r,exports.useGapRiskSidebar=t;
+//# sourceMappingURL=GapRiskSidebar.js.map

package/dist/cjs/features/RequirementAI/components/GapRiskSidebar/GapRiskSidebar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GapRiskSidebar.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}