@e-llm-studio/citation 0.0.249 → 0.0.251-beta.1

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-"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})}))]}))]}))]}))]})};
+"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})})]})]})]})]})};
 //# sourceMappingURL=PromptemonBlockViewer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PromptemonBlockViewer.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"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":"8cAqCA,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,YAKxCE,EAAc,EAAGC,aAAYC,cAC/BC,EAAAA,IAACC,EAAAA,IAAA,CACGC,QAAS,IAAMH,GAAUD,GACzBK,GAAI,CACAC,MAAO,GAAIC,OAAQ,GAAIC,aAAc,OACrCC,QAAST,EAAa,UAAY,UAClCU,OAAQ,YACRC,YAAaX,EAAa,UAAY,UACtCY,QAAS,OAAQC,WAAY,SAAUC,GAAI,GAC3CC,OAAQ,UAAWC,WAAY,WAC/BC,eAAgBjB,EAAa,WAAa,cAG9CkB,eAACf,EAAIA,IAAA,CAAAE,GAAI,CAAEC,MAAO,GAAIC,OAAQ,GAAIC,aAAc,MAAOC,QAAST,EAAa,UAAY,UAAWY,QAAS,OAAQC,WAAY,SAAUI,eAAgB,SAAUD,WAAY,YAC5KE,SAAAlB,QACMmB,EAAa,QAAA,CAAAd,GAAI,CAAEe,SAAU,GAAIC,MAAO,UACxCnB,MAAAoB,EAAAA,QAAA,CAAcjB,GAAI,CAAEe,SAAU,GAAIC,MAAO,cAgBtDE,EAAiB,EACnBC,UACAC,cACAC,oBACA1B,aACAO,SAAS,IACTa,WAAW,GACXO,4BAEA,MAAMC,EAAYC,EAAAA,SACZC,EAAYD,EAAAA,SAEZE,EAAe,IACZJ,EACE,IACArC,EACHO,OAAQ,IACDP,EAAWO,OACd,oBAAqB8B,IALMrC,EAoJvC,OAzEA0C,EAAAA,UAAU,KACN,IAAKP,IAAgBG,EAAUK,UAAYH,EAAUG,QAAS,OAC9D,MAAMC,EAASN,EAAUK,QACnBE,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,gBAAkBrB,EAAYqB,cAAe,CAC5EN,EAAaC,EAAI,EACjB,KACJ,CACJ,CACA,GAAID,EAAa,EAAG,CAChB,IAAIO,EAAcP,EAClB,MAAMQ,EAAkB,KAAKvB,EAAYqB,iBACzC,IAAA,IAASL,EAAID,EAAYC,EAAIJ,EAAMK,OAAQD,IACvC,GAAIJ,EAAMI,GAAGK,cAAcG,SAASD,GAAkB,CAClDD,EAAcN,EAAI,EAClB,KACJ,CAEGP,EAAAgB,aAAa,IAAIpB,EAAUG,QAAQkB,UAAUX,EAAY,EAAGA,EAAY,IAC/EN,EAAOkB,QAAQ,KAAM,gBAAiB,CAAE,GACxClB,EAAOmB,oCAAoCb,GAC3C,MAAMc,EAAcpB,EAAOqB,iBAAiB,GAAI,CAC5C,CACIC,MAAO,IAAI1B,EAAUG,QAAQwB,MAAMjB,EAAY,EAAGO,EAAaV,EAAMU,EAAc,GAAGL,OAAS,GAC/FgB,QAAS,CACLC,aAAa,EACbC,UAAW,uBACXC,gBAAiB,2BAI7BC,WAAW,IAAM5B,EAAOqB,iBAAiBD,EAAa,IAAK,IAC/D,GACD,CAAC7B,IAGJO,EAAAA,UAAU,KACN,IAAKN,IAAsBE,EAAUK,UAAYH,EAAUG,QAAS,OACpE,MAAMC,EAASN,EAAUK,QACnBE,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,QAAQvC,GAC3B,MAAmB,IAAZsC,GACHD,EAAOG,KAAK,IAAIpC,EAAUG,QAAQwB,MAAMhB,EAAI,EAAGuB,EAAM,EAAGvB,EAAI,EAAGuB,EAAMtC,EAAkBgB,OAAS,IAChGsB,EAAM3B,EAAMI,GAAGwB,QAAQvC,EAAmBsC,EAAM,EAExD,CACI,GAAkB,IAAlBD,EAAOrB,OAAc,OACzBR,EAAOmB,oCAAoCU,EAAO,GAAGI,iBACrD,MAAMb,EAAcpB,EAAOqB,iBACvB,GACAQ,EAAOK,IAAKZ,IAAW,CACnBA,QACAE,QAAS,CAAEG,gBAAiB,qCAGpCC,WAAW,IAAM5B,EAAOqB,iBAAiBD,EAAa,IAAK,MAC5D,CAAC5B,IAGJM,EAAAA,UAAU,KACDF,EAAUG,SACfH,EAAUG,QAAQC,OAAOmC,SAASrE,EAAa,iBAAmB,oBACnE,CAACA,IAIIsE,EAAAA,KAAAC,WAAA,CAAArD,SAAA,CAAAhB,MAAC,QAAO,CAAAgB,SAAA,2NAIRoD,EAAAA,KAACnE,EAAAA,IAAI,CAAAE,GAAI,CAAEC,MAAO,OAAQC,SAAQK,QAAS,OAAQ4D,cAAe,UAC9DtD,SAAA,CAAAhB,EAAAA,IAACC,OAAIE,GAAI,CAAEC,MAAO,OAAQC,OAAQ,GAAIE,QAAST,EAAc2B,GAAyB,UAAa,OAAQ8C,oBAAqB,EAAGC,qBAAsB,KACzJxE,EAAAA,IAACC,EAAIA,IAAA,CAAAE,GAAI,CAAEsE,KAAM,EAAGC,UAAW,EAAGC,SAAU,UACxC3D,SAAAhB,EAAAA,IAAC4E,EAAA,QAAA,CACGC,QA5Ie,CAAC7C,EAAQ8C,KACxCpD,EAAUK,QAAUC,EACpBJ,EAAUG,QAAU+C,EAGpBA,EAAO9C,OAAO+C,YAAY,iBAAkBlD,KAErCiD,EAAA9C,OAAO+C,YAAY,kBAAmBnF,GAC7CkF,EAAO9C,OAAOmC,SAASrE,EAAa,iBAAmB,mBAEvDgF,EAAOE,UAAUC,SAAS,CAAEC,GAAI,mBACzBJ,EAAAE,UAAUG,yBAAyB,iBAAkB,CACxDC,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,CAAE9F,MAAO,YAAa+F,KAAM,aAK5CT,EAAAE,UAAUQ,6BAA6B,iBAAkB,CAC5DC,qBAAuBxD,IACb,MAAAE,EAAQF,EAAMyD,kBACdC,EAAuB,GACvBC,EAA0C,GAmBzC,OAlBDzD,EAAA0D,QAAQ,CAACC,EAAMC,KACjB,MAAMC,EAAaD,EAAQ,EACrBE,EAAeH,EAAKpD,MAAM,gCAC1BwD,EAAgBJ,EAAKpD,MAAM,wBAIjC,GAHIuD,IAAiBH,EAAK/C,SAAS,OACzB6C,EAAA5B,KAAK,CAAEmC,IAAKF,EAAa,GAAIG,MAAOJ,IAE1CE,EAAe,CACT,MAAAC,EAAMD,EAAc,GAC1B,IAAA,IAAS3D,EAAIqD,EAAMpD,OAAS,EAAGD,GAAK,EAAGA,IACnC,GAAIqD,EAAMrD,GAAG4D,MAAQA,EAAK,CACRR,EAAA3B,KAAK,CAAEoC,MAAOR,EAAMrD,GAAG6D,MAAOC,IAAKL,IAC3CJ,EAAAU,OAAO/D,EAAG,GAChB,KACJ,CAER,IAEGoD,MA0FCY,YArJOzB,IAEvBA,EAAO9C,OAAO+C,YAAY,iBAAkBlD,KAErCiD,EAAA9C,OAAO+C,YAAY,kBAAmBnF,GAC7CkF,EAAO9C,OAAOmC,SAASrE,EAAa,iBAAmB,oBAiJvC0G,MAAO1G,EAAa,iBAAmB,kBACvC2G,MAAOnF,EACPoF,SAAS,iBACT3G,SAAU,OACVyD,QAAS,CACLtC,WACAyF,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,cAI3FzH,EAAIA,IAAA,CAAAE,GAAI,CAAEC,MAAO,OAAQC,OAAQ,GAAIE,QAAST,EAAc2B,GAAyB,UAAa,OAAQkG,uBAAwB,EAAGC,wBAAyB,4BAQjJ,EAC1BC,QACAC,cACAxG,UACAjB,SAAS,IACTkB,cACAC,oBACAkC,YACAqE,QACAC,mBAAkB,EAClBxB,QAAQ,OACR/E,wBACAP,WAAW,GACX+G,gBACAC,iBAEA,MAAOpI,EAAYqI,GAAiBC,EAAAA,SAAmB,SAAV5B,IACtC6B,EAAcC,GAAmBF,YAAS,GAMjD,OAJAtG,EAAAA,UAAU,KACNqG,EAAwB,SAAV3B,IACf,CAACA,IAKIpC,EAAAA,KAAAC,WAAA,CAAArD,SAAA,CAACoD,EAAAA,KAAAnE,EAAAA,IAAA,CAAIyD,YAAsBqE,QAAc5H,GAAI,CAAEK,OAAQ,oBAAqBF,aAAc,MAAOqE,SAAU,UAEvG3D,SAAA,CAAAoD,EAAAA,KAACnE,EAAAA,IAAA,CACGE,GAAI,CACAS,GAAI,IACJ2H,GAAI,IACJhI,QAAST,EAAc2B,GAAyB,UAAa,UAC7D+G,aAAc1I,EAAa,iBAAmB,oBAC9CY,QAAS,OACTC,WAAY,SACZ8H,QAAS,iBAGbzH,SAAA,CAAAhB,EAAAA,IAAC0I,EAAWA,WAAA,CAAAX,MAAOG,EAAY/H,GAAI,CAAEe,SAAU+G,GAAiB,UAAW9G,MAAOrB,EAAa,UAAY,UAAW6I,WAAY,KAC7H3H,SACL6G,IACAzD,EAAAA,KAACnE,EAAIA,IAAA,CAAAE,GAAI,CAAEO,QAAS,OAAQC,WAAY,SAAUiI,IAAK,KAClD5H,SAAA,CAAAgH,GACIhI,EAAAA,IAAAH,EAAA,CAAYC,aAAwBC,SAAUoI,IAElDnI,EAAAA,IAAA6I,EAAAA,QAAA,CAAQhB,MAAM,aAAaiB,UAAU,MAClC9H,SAAAhB,EAAAA,IAACC,EAAAA,IAAA,CACGC,QAAS,IAAMoI,GAAgB,GAC/BnI,GAAI,CAAEU,OAAQ,UAAWH,QAAS,OAAQC,WAAY,SAAUoI,EAAG,GAAKzI,aAAc,MAAO,UAAW,CAAEC,QAAST,EAAa,OAAS,YAEzIkB,SAAAhB,EAAAA,IAACgJ,UAAe,CAAA7I,GAAI,CAAEe,SAAU,SAAUC,MAAOrB,EAAa,UAAY,uBAO1FE,EAAAA,IAACC,EAAIA,IAAA,CAAAE,GAAI,CAAEE,SAAQE,QAAST,EAAc2B,GAAyB,UAAa,QAC5ET,SAAAhB,EAAAA,IAACqB,EAAA,CACGC,UACAC,cACAC,oBACA1B,aACAO,SACAa,WACAO,+BAMZ2C,EAAAA,KAAC6E,EAAAA,OAAA,CACGC,KAAMb,EACNc,QAAS,IAAMb,GAAgB,GAC/Bc,UAAU,EACVC,WAAY,CACRlJ,GAAI,CACAC,MAAO,OACPC,OAAQ,OACR+I,SAAU,OACV9I,aAAc,OACdqE,SAAU,SACVjE,QAAS,OACT4D,cAAe,WAKvBtD,SAAA,CAAAoD,OAACnE,EAAAA,KAAIE,GAAI,CAAES,GAAI,IAAK2H,GAAI,IAAKC,aAAc,oBAAqB9H,QAAS,OAAQC,WAAY,SAAUI,eAAgB,gBAAiBuI,WAAY,GAChJtI,SAAA,CAAChB,EAAAA,IAAA0I,EAAAA,WAAA,CAAWvI,GAAI,CAAEwI,WAAY,IAAKzH,SAAU,OAAQC,MAAO,WACvDH,SACL6G,UACC0B,EAAAA,WAAW,CAAAC,KAAK,QAAQtJ,QAAS,IAAMoI,GAAgB,GACpDtH,SAAChB,EAAAA,IAAAyJ,UAAA,CAAUtJ,GAAI,CAAEe,SAAU,SAAUC,MAAO,kBAKnDiD,EAAAA,KAAAnE,EAAAA,IAAA,CAAIE,GAAI,CAAEsE,KAAM,EAAG/D,QAAS,OAAQiE,SAAU,SAAUD,UAAW,GAE/D1D,SAAA,CAAA8G,UACI7H,EAAAA,IAAI,CAAAE,GAAI,CAAEC,MAAO,MAAOkJ,WAAY,EAAGI,YAAa,oBAAqBhJ,QAAS,OAAQ4D,cAAe,SAAUK,SAAU,UAC1H3D,SAAA,CAAAoD,EAAAA,KAACnE,EAAIA,IAAA,CAAAE,GAAI,CAAES,GAAI,EAAG2H,GAAI,KAAMC,aAAc,oBAAqB9H,QAAS,OAAQC,WAAY,SAAUiI,IAAK,GACvG5H,SAAA,CAAAhB,MAAC2J,EAAAA,MAAKC,MAAM,MAAMJ,KAAK,QAAQrJ,GAAI,CAAEI,QAAS,UAAWY,MAAO,UAAWwH,WAAY,IAAKzH,SAAU,GAAIb,OAAQ,GAAIC,aAAc,KACpIN,EAAAA,IAAC0I,EAAAA,WAAW,CAAAvI,GAAI,CAAEwI,WAAY,IAAKzH,SAAU,UAAWC,MAAO,WAC1DH,SACL6G,OAEJ7H,EAAAA,IAACC,OAAIE,GAAI,CAAEsE,KAAM,EAAGsE,EAAG,EAAGc,UAAW,QACjC7I,SAACoD,EAAAA,KAAAnE,MAAA,CAAIE,GAAI,CAAEK,OAAQ,oBAAqBF,aAAc,MAAOyI,EAAG,KAC5D/H,SAAA,CAAAhB,EAAAA,IAAC0I,EAAWA,WAAA,CAAAvI,GAAI,CAAEwI,WAAY,IAAKzH,SAAU,SAAUC,MAAO,UAAW2I,GAAI,KAAQ9I,SAAW,gBAChGhB,EAAAA,IAAC0I,EAAAA,WAAW,CAAAvI,GAAI,CAAEe,SAAU,UAAWC,MAAO,UAAW4I,WAAY,KAChE/I,SACL8G,YAOf1D,EAAAA,KAAAnE,EAAAA,IAAA,CAAIE,GAAI,CAAEsE,KAAM,EAAGuF,SAAU,EAAGtJ,QAAS,OAAQ4D,cAAe,SAAUK,SAAU,UACjF3D,SAAA,CAAAoD,EAAAA,KAACnE,EAAIA,IAAA,CAAAE,GAAI,CAAES,GAAI,EAAG2H,GAAI,KAAMC,aAAc,oBAAqB9H,QAAS,OAAQC,WAAY,SAAUI,eAAgB,iBAClHC,SAAA,CAAChB,EAAAA,IAAA0I,EAAAA,WAAA,CAAWvI,GAAI,CAAEwI,WAAY,IAAKzH,SAAU,UAAWC,MAAO,WAAaH,SAAc,mBACzFgH,GACGhI,EAAAA,IAACH,EAAY,CAAAC,aAAwBC,SAAUoI,OAGvDnI,EAAAA,IAACC,EAAIA,IAAA,CAAAE,GAAI,CAAEsE,KAAM,EAAGC,UAAW,EAAGqE,EAAG,KACjC/H,SAAAhB,EAAAA,IAACqB,EAAA,CACGC,UACAC,cACAC,oBACA1B,aACAO,OAAO,OACPa,SAAU"}

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

@@ -1,2 +1,2 @@
-"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})]}))]}))]}))]}))]}))};
+"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})]})]})]})]})]})};
 //# sourceMappingURL=PromptemonViewer.js.map