@viswa-test/test-citation 0.0.390 → 0.0.394

package/dist/features/ProjectAccordion/ProjectAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectAccordion.js","sources":["../../../src/features/ProjectAccordion/ProjectAccordion.tsx"],"sourcesContent":["import React, { useState, CSSProperties, useEffect, useRef } from 'react';\nimport defaultStyles from './ProjectAccordion.module.css';\nimport axios from 'axios';\nimport Markdown from './_components/Markdown';\n// import { CircularProgress } from '@mui/material';\nimport TooltipComponent from '../CodeCitation/_components/TooltipComponent';\nimport CircularProgress from '@mui/material/CircularProgress';\n\ninterface ProjectAccordianProps {\n  baseUrl: string;\n  taskId: string;\n  citationTitle: string | React.ReactNode;\n  execSummary?: string;\n  isDisabled?: boolean;\n  disabledText?: string;\n  isChecked?: boolean;\n  onCheckChange?: (checked: boolean) => void;\n  customClickHandler?: (e: React.MouseEvent) => void;\n  chevronDownComponent?: React.ReactNode;\n  chevronUpComponent?: React.ReactNode;\n  styles?: {\n    pillButton?: CSSProperties;\n    citationTitle?: CSSProperties;\n    citationWrapper?: CSSProperties;\n    citationContent?: CSSProperties;\n    checkbox?: CSSProperties;\n  };\n}\n\nconst ProjectAccordion: React.FC<ProjectAccordianProps> = ({\n  baseUrl,\n  taskId,\n  execSummary,\n  citationTitle,\n  isDisabled = false,\n  disabledText = '',\n  isChecked: controlledChecked,\n  onCheckChange,\n  customClickHandler,\n  chevronDownComponent,\n  chevronUpComponent,\n  styles\n}) => {\n  const [executiveSummary, setExecutiveSummary] = useState('');\n  const [isExpanded, setIsExpanded] = useState(false);\n  const [internalChecked, setInternalChecked] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [showFullSummary, setShowFullSummary] = useState(false);\n  const [data, setData] = useState('');\n  const [codeOverview, setCodeOverview] = useState('');\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState('0px');\n\n  const isChecked = controlledChecked ?? internalChecked;\n  const SUMMARY_CHAR_LIMIT = 300;\n\n  const toggleShowFullSummary = (e: any) => {\n    e.stopPropagation()\n    setShowFullSummary(prev => !prev);\n  };\n\n  const getDisplayedSummary = () => {\n    if (!data) return 'Executive summary not found.'\n    if (showFullSummary || executiveSummary.length <= SUMMARY_CHAR_LIMIT) return executiveSummary;\n    return codeOverview !== '' ? codeOverview : executiveSummary.slice(0, SUMMARY_CHAR_LIMIT) + '...';\n  };\n\n  const handleCheckboxChange = (checked: boolean) => {\n    if (onCheckChange) {\n      onCheckChange(checked);\n    } else {\n      setInternalChecked(checked);\n    }\n    // setIsExpanded(checked);\n  };\n\n  useEffect(() => {\n    const fetchExecutiveSummary = async () => {\n      setLoading(true);\n      try {\n        const response = await axios.get(`${baseUrl}/analyzer/get_executive_summary?task_id=${taskId}`);\n        const summary = response?.data?.summary || '';\n        setData(summary)\n        const overviewMatch = summary?.match(/(\\*\\*Overview\\*\\*\\s*[\\s\\S]*?)(?=\\n\\*\\*|$)/);\n        const overviewContent = overviewMatch?.length >= 1 ? overviewMatch[1].trim() : null;\n        setCodeOverview(overviewContent || summary.slice(0, SUMMARY_CHAR_LIMIT) + '...');\n        setExecutiveSummary(summary);\n      } catch (error) {\n        console.error('Error retrieving summary: ', error);\n        setExecutiveSummary('');\n      }\n      setLoading(false);\n    };\n\n    if (execSummary) {\n      const summary = execSummary || '';\n      setData(summary)\n      const overviewMatch = summary?.match(/(\\*\\*Overview\\*\\*\\s*[\\s\\S]*?)(?=\\n\\*\\*|$)/) || [];\n      const overviewContent = overviewMatch?.length >= 1 ? overviewMatch[1].trim() : null;\n      setCodeOverview(overviewContent || summary.slice(0, SUMMARY_CHAR_LIMIT) + '...');\n      setExecutiveSummary(summary);\n    } else {\n      fetchExecutiveSummary();\n    }\n  }, [baseUrl, taskId]);\n\n  useEffect(() => {\n    if (isExpanded && contentRef.current) {\n      setHeight(`${contentRef.current.scrollHeight}px`);\n    } else {\n      setHeight('0px');\n    }\n  }, [isExpanded, executiveSummary, showFullSummary]);\n\n  const toggleCitation = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    // const newChecked = !isChecked;\n\n    // if (onCheckChange) {\n    //   onCheckChange(newChecked);\n    // } else {\n    //   setInternalChecked(newChecked);\n    // }\n    if (customClickHandler) {\n      customClickHandler(e);\n    }\n\n    setIsExpanded(!isExpanded);\n  };\n\n  return (\n    <>\n      <div\n        className={defaultStyles.pillButton}\n        style={styles?.pillButton}\n      >\n        <div\n          style={{ width: '100%', display: 'flex', flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center', cursor: 'pointer', gap: '0.5rem' }}\n          onClick={(e) => { toggleCitation(e); }}\n        >\n          <label style={{ display: 'inline-flex', alignItems: 'center', gap: '0.5rem' }}>\n            {!isDisabled ? <input\n              type=\"checkbox\"\n              disabled={isDisabled}\n              checked={isChecked}\n              onChange={(e) => handleCheckboxChange(e.target.checked)}\n              style={styles?.checkbox}\n              onClick={(e) => e.stopPropagation()} // Prevent toggling accordion on checkbox click\n            /> : <TooltipComponent description={disabledText}><input\n              type=\"checkbox\"\n              disabled={isDisabled}\n              checked={isChecked}\n              onChange={(e) => handleCheckboxChange(e.target.checked)}\n              style={styles?.checkbox}\n              onClick={(e) => e.stopPropagation()} // Prevent toggling accordion on checkbox click\n            /></TooltipComponent>}\n            <span style={styles?.citationTitle}>{citationTitle}</span>\n          </label>\n          {isExpanded ? chevronUpComponent : chevronDownComponent}\n        </div>\n      </div>\n\n      {isExpanded ? <div\n        className={defaultStyles.citationWrapper}\n        style={{\n          overflow: 'hidden',\n          transition: 'height 0.3s ease',\n          height,\n          ...styles?.citationWrapper\n        }}\n      >\n        <div\n          ref={contentRef}\n          className={defaultStyles.citationContent}\n          style={styles?.citationContent}\n          onClick={(e) => e.stopPropagation()}\n        >\n          {loading ? (\n            <div\n              style={{\n                width: '100%',\n                height: '100%',\n                display: 'flex',\n                justifyContent: 'center',\n                alignItems: 'center',\n                gap: '1rem'\n              }}\n            >\n              <CircularProgress size={24} />\n              <span> Retrieving project's executive summary...</span>\n            </div>\n          ) : (\n            <>\n              <Markdown text={getDisplayedSummary()} />\n              {data && executiveSummary.length > SUMMARY_CHAR_LIMIT && (\n                <span\n                  style={{ color: '#4f46e5', cursor: 'pointer', fontWeight: 500 }}\n                  onClick={(e) => { e.stopPropagation(); toggleShowFullSummary(e) }}\n                >\n                  {showFullSummary ? 'View less' : 'View more'}\n                </span>\n              )}\n            </>\n          )}\n        </div>\n      </div> : <></>}\n    </>\n  );\n};\n\nexport default ProjectAccordion;\n"],"names":["ProjectAccordion","baseUrl","taskId","execSummary","citationTitle","isDisabled","disabledText","isChecked","controlledChecked","onCheckChange","customClickHandler","chevronDownComponent","chevronUpComponent","styles","executiveSummary","setExecutiveSummary","useState","isExpanded","setIsExpanded","internalChecked","setInternalChecked","loading","setLoading","showFullSummary","setShowFullSummary","data","setData","codeOverview","setCodeOverview","contentRef","useRef","height","setHeight","SUMMARY_CHAR_LIMIT","handleCheckboxChange","checked","useEffect","summary","overviewMatch","match","overviewContent","length","trim","slice","async","response","axios","get","error","console","fetchExecutiveSummary","current","scrollHeight","jsxs","Fragment","children","jsx","className","defaultStyles","pillButton","style","width","display","flexDirection","justifyContent","alignItems","cursor","gap","onClick","e","preventDefault","stopPropagation","toggleCitation","TooltipComponent","description","type","disabled","onChange","target","checkbox","citationWrapper","overflow","transition","ref","citationContent","CircularProgress","size","Markdown","text","color","fontWeight","prev","toggleShowFullSummary"],"mappings":"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"}
+{"version":3,"file":"ProjectAccordion.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/ProjectAccordion/ProjectAccordion.module.css.js

@@ -1,2 +1,2 @@
-import o from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js";var e={pillButton:"ProjectAccordion-module_pillButton__z14BB",citationWrapper:"ProjectAccordion-module_citationWrapper__0f9GR",citationContent:"ProjectAccordion-module_citationContent__l6lmo",loadingWrapper:"ProjectAccordion-module_loadingWrapper__Uax0A",bookHeader:"ProjectAccordion-module_bookHeader__0wX-g",bookInfo:"ProjectAccordion-module_bookInfo__ApseP",bookCover:"ProjectAccordion-module_bookCover__W2oI3",title:"ProjectAccordion-module_title__q42XY",author:"ProjectAccordion-module_author__63R8Z",scrollContainer:"ProjectAccordion-module_scrollContainer__2iPtk",spineLeft:"ProjectAccordion-module_spineLeft__qIyAq",spineRight:"ProjectAccordion-module_spineRight__Wp8-8",quoteParagraph:"ProjectAccordion-module_quoteParagraph__Jq10k",indent:"ProjectAccordion-module_indent__ZEGon",pageNumber:"ProjectAccordion-module_pageNumber__lXvk4",citationContainerTitle:"ProjectAccordion-module_citationContainerTitle__HLxgU"};o('@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap");.ProjectAccordion-module_pillButton__z14BB{align-items:center;background-color:transparent;border:1px solid #c7c7c7;border-radius:6px;color:"#242424";cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:Montserrat,sans-serif;font-size:12px;font-weight:550;gap:6px;justify-content:space-between;line-height:18px;margin:8px 4px;padding:4px 8px;width:fit-content}.ProjectAccordion-module_citationWrapper__0f9GR{overflow:hidden;transition:height .3s ease}.ProjectAccordion-module_citationContent__l6lmo{transition:opacity .2s ease}.ProjectAccordion-module_loadingWrapper__Uax0A{min-height:80px}.ProjectAccordion-module_citationContent__l6lmo{background-color:#fff;border:1px solid #c7c7c7;border-radius:12px;color:#242424;font-family:Plus Jakarta Sans,sans-serif;padding:12px;width:100%}.ProjectAccordion-module_bookHeader__0wX-g{display:flex;justify-content:space-between;margin-bottom:24px}.ProjectAccordion-module_bookInfo__ApseP{display:flex;gap:16px}.ProjectAccordion-module_bookCover__W2oI3{height:auto;object-fit:cover;width:40px}.ProjectAccordion-module_title__q42XY{font-family:serif;font-size:1.25rem;font-weight:700}.ProjectAccordion-module_author__63R8Z{font-family:serif;font-size:1rem;font-weight:500}.ProjectAccordion-module_scrollContainer__2iPtk{background-color:#f2f0f0;border-radius:8px;color:#181b1f;font-family:Times New Roman,Times,serif;font-size:14.4px;height:100%;line-height:1.4;overflow-y:auto;padding:40px;position:relative}.ProjectAccordion-module_spineLeft__qIyAq,.ProjectAccordion-module_spineRight__Wp8-8{bottom:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:16px;z-index:0}.ProjectAccordion-module_spineLeft__qIyAq{background:linear-gradient(90deg,#000 0,rgba(0,0,0,.6) 40%,rgba(0,0,0,.2) 70%,transparent);box-shadow:4px 0 8px rgba(0,0,0,.1);right:5px}.ProjectAccordion-module_spineRight__Wp8-8{background:linear-gradient(270deg,#000 0,rgba(0,0,0,.7) 40%,rgba(0,0,0,.4) 70%,transparent);box-shadow:-4px 0 8px rgba(0,0,0,.1);right:20px}.ProjectAccordion-module_quoteParagraph__Jq10k{margin-bottom:1rem;text-align:justify}.ProjectAccordion-module_indent__ZEGon{text-indent:1rem}.ProjectAccordion-module_pageNumber__lXvk4{color:#374151;font-weight:500;padding:.5rem;text-align:center}.ProjectAccordion-module_citationContainerTitle__HLxgU{font-family:Plus Jakarta Sans,sans-serif}');export{e as default};
+var o={pillButton:"ProjectAccordion-module_pillButton__z14BB",citationWrapper:"ProjectAccordion-module_citationWrapper__0f9GR",citationContent:"ProjectAccordion-module_citationContent__l6lmo",loadingWrapper:"ProjectAccordion-module_loadingWrapper__Uax0A",bookHeader:"ProjectAccordion-module_bookHeader__0wX-g",bookInfo:"ProjectAccordion-module_bookInfo__ApseP",bookCover:"ProjectAccordion-module_bookCover__W2oI3",title:"ProjectAccordion-module_title__q42XY",author:"ProjectAccordion-module_author__63R8Z",scrollContainer:"ProjectAccordion-module_scrollContainer__2iPtk",spineLeft:"ProjectAccordion-module_spineLeft__qIyAq",spineRight:"ProjectAccordion-module_spineRight__Wp8-8",quoteParagraph:"ProjectAccordion-module_quoteParagraph__Jq10k",indent:"ProjectAccordion-module_indent__ZEGon",pageNumber:"ProjectAccordion-module_pageNumber__lXvk4",citationContainerTitle:"ProjectAccordion-module_citationContainerTitle__HLxgU"};!function(){if("undefined"==typeof document)return;const o=document.createElement("style");o.type="text/css";const e=window.__CSP_NONCE__||document.querySelector('meta[name="csp-nonce"]')?.content;e&&o.setAttribute("nonce",e),o.appendChild(document.createTextNode('@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;700&display=swap");.ProjectAccordion-module_pillButton__z14BB{align-items:center;background-color:initial;border:1px solid #c7c7c7;border-radius:6px;color:"#242424";cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-family:Montserrat,sans-serif;font-size:12px;font-weight:550;gap:6px;justify-content:space-between;line-height:18px;margin:8px 4px;padding:4px 8px;width:fit-content}.ProjectAccordion-module_citationWrapper__0f9GR{overflow:hidden;transition:height .3s ease}.ProjectAccordion-module_citationContent__l6lmo{transition:opacity .2s ease}.ProjectAccordion-module_loadingWrapper__Uax0A{min-height:80px}.ProjectAccordion-module_citationContent__l6lmo{background-color:#fff;border:1px solid #c7c7c7;border-radius:12px;color:#242424;font-family:Plus Jakarta Sans,sans-serif;padding:12px;width:100%}.ProjectAccordion-module_bookHeader__0wX-g{display:flex;justify-content:space-between;margin-bottom:24px}.ProjectAccordion-module_bookInfo__ApseP{display:flex;gap:16px}.ProjectAccordion-module_bookCover__W2oI3{height:auto;object-fit:cover;width:40px}.ProjectAccordion-module_title__q42XY{font-family:serif;font-size:1.25rem;font-weight:700}.ProjectAccordion-module_author__63R8Z{font-family:serif;font-size:1rem;font-weight:500}.ProjectAccordion-module_scrollContainer__2iPtk{background-color:#f2f0f0;border-radius:8px;color:#181b1f;font-family:Times New Roman,Times,serif;font-size:14.4px;height:100%;line-height:1.4;overflow-y:auto;padding:40px;position:relative}.ProjectAccordion-module_spineLeft__qIyAq,.ProjectAccordion-module_spineRight__Wp8-8{bottom:0;opacity:.5;pointer-events:none;position:absolute;top:0;width:16px;z-index:0}.ProjectAccordion-module_spineLeft__qIyAq{background:linear-gradient(90deg,#000 0,#0009 40%,#0003 70%,#0000);box-shadow:4px 0 8px #0000001a;right:5px}.ProjectAccordion-module_spineRight__Wp8-8{background:linear-gradient(270deg,#000 0,#000000b3 40%,#0006 70%,#0000);box-shadow:-4px 0 8px #0000001a;right:20px}.ProjectAccordion-module_quoteParagraph__Jq10k{margin-bottom:1rem;text-align:justify}.ProjectAccordion-module_indent__ZEGon{text-indent:1rem}.ProjectAccordion-module_pageNumber__lXvk4{color:#374151;font-weight:500;padding:.5rem;text-align:center}.ProjectAccordion-module_citationContainerTitle__HLxgU{font-family:Plus Jakarta Sans,sans-serif}'));const t=document.head||document.getElementsByTagName("head")[0]||document.documentElement;t&&t.appendChild(o)}();export{o as default};
 //# sourceMappingURL=ProjectAccordion.module.css.js.map

package/dist/features/ProjectAccordion/_components/Markdown.js

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import r from"react-markdown";import a from"rehype-raw";const o={p:({node:r,...a})=>e("p",{...a,style:{fontFamily:"Plus Jakarta Sans, sans-serif",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",overflowX:"hidden",display:"block",textAlign:"justify",marginBottom:"1rem",maxWidth:"100%",lineHeight:"1.625",fontSize:"1rem"},children:a?.children}),em:({node:r,...a})=>e("p",{style:{display:"inline-flex"},children:a?.children}),pre:({node:r,...a})=>e("p",{...a,style:{fontFamily:"Plus Jakarta Sans, sans-serif",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",overflowX:"hidden",display:"block",textAlign:"justify",maxWidth:"100%",fontSize:"1rem",lineHeight:"1.625",marginBottom:"1rem"},children:a?.children}),code:({node:r,...a})=>e("code",{...a,className:"text-[#d63384] max-w-full break-words text-base leading-relaxed mb-4 overflow-hidden overflow-x-hidden ",style:{fontFamily:"Plus Jakarta Sans, sans-serif",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",textAlign:"justify"},children:a?.children}),ol:({node:r,...a})=>e("ol",{style:{listStyle:"decimal",marginLeft:"1rem",fontFamily:"Plus Jakarta Sans, sans-serif"},children:a.children}),li:({node:r,...a})=>e("li",{style:{marginTop:"1rem",marginBottom:"1rem"},children:a.children}),a:({node:r,...a})=>e("a",{href:a.href,style:{display:"inline-flex"},children:a.children})},l=({text:l})=>e(r,{rehypePlugins:[a],components:o,children:l});export{l as default};
+import{__assign as e,__rest as r}from"tslib";import{jsx as n}from"react/jsx-runtime";import o from"react-markdown";import i from"rehype-raw";var a={p:function(o){o.node;var i=r(o,["node"]);return n("p",e({},i,{style:{fontFamily:"Plus Jakarta Sans, sans-serif",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",overflowX:"hidden",display:"block",textAlign:"justify",marginBottom:"1rem",maxWidth:"100%",lineHeight:"1.625",fontSize:"1rem"}},{children:null==i?void 0:i.children}))},em:function(o){o.node;var i=r(o,["node"]);return n("p",e({style:{display:"inline-flex"}},{children:null==i?void 0:i.children}))},pre:function(o){o.node;var i=r(o,["node"]);return n("p",e({},i,{style:{fontFamily:"Plus Jakarta Sans, sans-serif",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",overflowX:"hidden",display:"block",textAlign:"justify",maxWidth:"100%",fontSize:"1rem",lineHeight:"1.625",marginBottom:"1rem"}},{children:null==i?void 0:i.children}))},code:function(o){o.node;var i=r(o,["node"]);return n("code",e({},i,{className:"text-[#d63384] max-w-full break-words text-base leading-relaxed mb-4 overflow-hidden overflow-x-hidden ",style:{fontFamily:"Plus Jakarta Sans, sans-serif",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",textAlign:"justify"}},{children:null==i?void 0:i.children}))},ol:function(o){o.node;var i=r(o,["node"]);return n("ol",e({style:{listStyle:"decimal",marginLeft:"1rem",fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:i.children}))},li:function(o){o.node;var i=r(o,["node"]);return n("li",e({style:{marginTop:"1rem",marginBottom:"1rem"}},{children:i.children}))},a:function(o){o.node;var i=r(o,["node"]);return n("a",e({href:i.href,style:{display:"inline-flex"}},{children:i.children}))}},l=function(r){var l=r.text;return n(o,e({rehypePlugins:[i],components:a},{children:l}))};export{l as default};
 //# sourceMappingURL=Markdown.js.map

package/dist/features/ProjectAccordion/_components/Markdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Markdown.js","sources":["../../../../src/features/ProjectAccordion/_components/Markdown.tsx"],"sourcesContent":["import ReactMarkdown from \"react-markdown\";\nimport rehypeRaw from 'rehype-raw';\n\nconst components = {\n    p: ({ node, ...props }: any) => {\n        return <p\n            {...props}\n            style={{\n                fontFamily: 'Plus Jakarta Sans, sans-serif',\n                wordWrap: 'break-word',\n                overflowWrap: 'break-word',\n                wordBreak: 'break-word',\n                whiteSpace: 'normal',\n                overflow: 'hidden',\n                overflowX: 'hidden',\n                display: 'block',\n                textAlign: 'justify',\n                marginBottom: '1rem',\n                maxWidth: '100%',\n                lineHeight: '1.625',\n                fontSize: '1rem',\n                // fontWeight: '700'\n            }}\n        >\n            {props?.children}\n        </p>\n    },\n    em: ({ node, ...props }: any) => {\n        return <p style={{display:'inline-flex'}}>{props?.children}</p>\n    },\n    pre: ({ node, ...props }: any) => {\n        return <p\n            {...props}\n            style={{\n                fontFamily: 'Plus Jakarta Sans, sans-serif',\n                wordWrap: 'break-word',\n                overflowWrap: 'break-word',\n                wordBreak: 'break-word',\n                whiteSpace: 'normal',\n                overflow: 'hidden',\n                overflowX: 'hidden',\n                display: 'block',\n                textAlign: 'justify',\n                maxWidth: '100%',\n                fontSize: '1rem',\n                lineHeight: '1.625',\n                marginBottom: '1rem'\n            }}\n        >\n            {props?.children}\n        </p>\n    },\n    code: ({ node, ...props }: any) => {\n        return <code {...props}\n            className=\"text-[#d63384] max-w-full break-words text-base leading-relaxed mb-4 overflow-hidden overflow-x-hidden \"\n            style={{\n                fontFamily: 'Plus Jakarta Sans, sans-serif',\n                wordWrap: \"break-word\", // Ensures long words wrap\n                overflowWrap: \"break-word\", // Alternative for word wrapping\n                wordBreak: \"break-word\", // Force breaking long unbreakable strings\n                whiteSpace: \"normal\", // Default wrapping behavior\n                overflow: \"hidden\", // Hides any unexpected overflow\n                display: \"inline-flex\", // Ensures proper behavior of p tags\n                textAlign: 'justify'\n            }}\n        >{props?.children}</code>\n    },\n    ol: ({ node, ...props }: any) => {\n        return <ol style={{ listStyle: 'decimal', marginLeft: '1rem', fontFamily: 'Plus Jakarta Sans, sans-serif' }}>\n            {props.children}\n        </ol>\n    },\n    li: ({ node, ...props }: any) => {\n        return <li style={{ marginTop: '1rem', marginBottom: '1rem' }}>{props.children}</li>\n    },\n    a: ({ node, ...props }: any) => {\n        return <a href={props.href} style={{ display: 'inline-flex' }}>{props.children}</a>\n    }\n}\n\nconst Markdown = ({ text }: { text: string }) => {\n    //@ts-ignore\n    return <ReactMarkdown rehypePlugins={[rehypeRaw]} components={components}>{text}</ReactMarkdown>\n}\n\nexport default Markdown"],"names":["components","p","node","props","jsx","style","fontFamily","wordWrap","overflowWrap","wordBreak","whiteSpace","overflow","overflowX","display","textAlign","marginBottom","maxWidth","lineHeight","fontSize","children","em","pre","code","className","ol","listStyle","marginLeft","li","marginTop","a","href","Markdown","text","ReactMarkdown","rehypePlugins","rehypeRaw"],"mappings":"gGAGA,MAAMA,EAAa,CACfC,EAAG,EAAGC,UAASC,KACJC,EAAC,IAAA,IACAD,EACJE,MAAO,CACHC,WAAY,gCACZC,SAAU,aACVC,aAAc,aACdC,UAAW,aACXC,WAAY,SACZC,SAAU,SACVC,UAAW,SACXC,QAAS,QACTC,UAAW,UACXC,aAAc,OACdC,SAAU,OACVC,WAAY,QACZC,SAAU,QAIbC,SAAOhB,GAAAgB,WAGhBC,GAAI,EAAGlB,UAASC,KACLC,EAAC,KAAEC,MAAO,CAACQ,QAAQ,eAAiBM,YAAOA,WAEtDE,IAAK,EAAGnB,UAASC,KACNC,EAAC,IAAA,IACAD,EACJE,MAAO,CACHC,WAAY,gCACZC,SAAU,aACVC,aAAc,aACdC,UAAW,aACXC,WAAY,SACZC,SAAU,SACVC,UAAW,SACXC,QAAS,QACTC,UAAW,UACXE,SAAU,OACVE,SAAU,OACVD,WAAY,QACZF,aAAc,QAGjBI,SAAOhB,GAAAgB,WAGhBG,KAAM,EAAGpB,UAASC,KACPC,EAAC,OAAA,IAASD,EACboB,UAAU,0GACVlB,MAAO,CACHC,WAAY,gCACZC,SAAU,aACVC,aAAc,aACdC,UAAW,aACXC,WAAY,SACZC,SAAU,SACVE,QAAS,cACTC,UAAW,WAEjBK,SAAOhB,GAAAgB,WAEbK,GAAI,EAAGtB,UAASC,KACJC,EAAA,KAAA,CAAGC,MAAO,CAAEoB,UAAW,UAAWC,WAAY,OAAQpB,WAAY,iCACrEa,SAAAhB,EAAMgB,WAGfQ,GAAI,EAAGzB,UAASC,KACLC,EAAC,KAAG,CAAAC,MAAO,CAAEuB,UAAW,OAAQb,aAAc,QAAWI,SAAAhB,EAAMgB,WAE1EU,EAAG,EAAG3B,UAASC,KACJC,EAAC,IAAE,CAAA0B,KAAM3B,EAAM2B,KAAMzB,MAAO,CAAEQ,QAAS,eAAkBM,SAAAhB,EAAMgB,YAIxEY,EAAW,EAAGC,YAERC,EAAc,CAAAC,cAAe,CAACC,GAAYnC,aAAyBmB,SAAKa"}
+{"version":3,"file":"Markdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/PromptCitation/CitationDependencyGraph.js

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{useMemo as n,useRef as o,useState as i,useCallback as a,useEffect as l}from"react";const s=170,d=48,c=["#ede9fe","#e0f2fe","#fef3c7","#dcfce7","#ffe4e6","#f0fdf4","#fef9c3","#e0e7ff","#fce7f3","#f1f5f9"],f=["#7c3aed","#0284c7","#b45309","#16a34a","#e11d48","#15803d","#a16207","#4338ca","#db2777","#475569"],u=["⚙","◈","⟐","✦","◎","⬡","◇","⊕","✶","◉"],g=["#a78bfa","#7dd3fc","#fbbf24","#86efac","#fda4af","#6ee7b7","#fde047","#a5b4fc","#f9a8d4","#94a3b8"],p=["linear-gradient(135deg,#7c3aed,#a78bfa)","linear-gradient(135deg,#0284c7,#38bdf8)","linear-gradient(135deg,#b45309,#fbbf24)","linear-gradient(135deg,#16a34a,#86efac)","linear-gradient(135deg,#e11d48,#fda4af)","linear-gradient(135deg,#15803d,#6ee7b7)","linear-gradient(135deg,#a16207,#fde047)","linear-gradient(135deg,#4338ca,#a5b4fc)","linear-gradient(135deg,#db2777,#f9a8d4)","linear-gradient(135deg,#475569,#94a3b8)"],h=["Context & Inputs","Core Logic & Rules","Outputs & Schema"];function y(e){const t=Array.isArray(e?.clusters)?e.clusters:[],r=Array.isArray(e?.nodes)?e.nodes:[],n=Array.isArray(e?.edges)?e.edges:[],o=function(e,t,r){const n=e.length;if(0===n)return new Map;const o={};e.forEach((e,t)=>{o[e.id]=t});const i={};e.forEach(e=>{i[e.id]=0});for(let e=0;e<n;e++){let e=!1;for(const r of t){const t=(i[r.source]||0)+1;t>(i[r.target]||0)&&t<n&&(i[r.target]=t,e=!0)}if(!e)break}const a={};r.forEach((e,t)=>{a[e.id]=t});const l={};r.forEach(e=>{l[e.id]=[]}),e.forEach(e=>{l[e.cluster_id]?.push(e)}),Object.values(l).forEach(e=>e.sort((e,t)=>(i[e.id]||0)-(i[t.id]||0)));const s=new Float64Array(n),d=new Float64Array(n),c=new Float64Array(n),f=new Float64Array(n);for(const e of r){const t=a[e.id]??0;(l[e.id]||[]).forEach((e,r)=>{const n=o[e.id];s[n]=520*t+280,d[n]=200*r+120})}const u=.0015,g=Math.max(...e.map(e=>i[e.id]||0),1),p=new Float64Array(n);for(let t=0;t<n;t++)p[t]=(i[e[t].id]||0)/g*(200*n*.6)+120;for(let r=0;r<350;r++){const i=Math.max(.015,1-r/350),a=new Float64Array(n),l=new Float64Array(n);for(let e=0;e<n;e++)for(let t=e+1;t<n;t++){let r=s[e]-s[t],n=d[e]-d[t],o=r*r+n*n;o<400&&(r=12*(e-t),n=8*(e+t),o=r*r+n*n);const i=Math.sqrt(o),c=48e4/o,f=r/i*c,u=n/i*c;a[e]+=f,l[e]+=u,a[t]-=f,l[t]-=u}for(const e of t){const t=o[e.source],r=o[e.target];if(void 0===t||void 0===r)continue;const n=s[r]-s[t],i=d[r]-d[t],c=Math.sqrt(n*n+i*i);if(c<1)continue;const f=.004*(c-380),u=n/c*f,g=i/c*f;a[t]+=u,l[t]+=g,a[r]-=u,l[r]-=g}const g={},h={},y={};for(let t=0;t<n;t++){const r=e[t].cluster_id;g[r]=(g[r]||0)+s[t],h[r]=(h[r]||0)+d[t],y[r]=(y[r]||0)+1}for(let t=0;t<n;t++){const r=e[t].cluster_id;a[t]+=(g[r]/y[r]-s[t])*u,l[t]+=(h[r]/y[r]-d[t])*u}for(let e=0;e<n;e++)l[e]+=.002*(p[e]-d[e]);for(let e=0;e<n;e++)c[e]=.84*(c[e]+a[e])*i,f[e]=.84*(f[e]+l[e])*i,s[e]+=c[e],d[e]+=f[e]}for(let e=0;e<40;e++){let e=!1;for(let t=0;t<n;t++)for(let r=t+1;r<n;r++){const n=s[t]-s[r],o=d[t]-d[r],i=270-Math.abs(n),a=128-Math.abs(o);if(i>0&&a>0)if(e=!0,i<a){const e=i/2+5;s[t]+=n>0?e:-e,s[r]-=n>0?e:-e}else{const e=a/2+5;d[t]+=o>0?e:-e,d[r]-=o>0?e:-e}}if(!e)break}let h=1/0,y=1/0;for(let e=0;e<n;e++)h=Math.min(h,s[e]),y=Math.min(y,d[e]);const b=new Map;for(let t=0;t<n;t++)b.set(e[t].id,{x:Math.round(s[t]-h+80),y:Math.round(d[t]-y+80)});return b}(r,n,t),i=r.map(e=>{const t=o.get(e.id)||{x:0,y:0};return{...e,x:t.x,y:t.y}}),a={};t.forEach((e,t)=>{a[e.id]=t});const l={};t.forEach(e=>{l[e.id]=[]}),i.forEach(e=>{l[e.cluster_id]?.push(e)});const c=36,f=t.map(e=>{const t=l[e.id];if(!t.length)return null;const r=Math.min(...t.map(e=>e.x)),n=Math.min(...t.map(e=>e.y)),o=Math.max(...t.map(e=>e.x+s)),i=Math.max(...t.map(e=>e.y+d));return{id:e.id,label:e.label,idx:a[e.id],x:r-c,y:n-c,width:o-r+72,height:i-n+72+22}}).filter(e=>null!==e);return{nodes:i.map(e=>({...e,cluster:a[e.cluster_id]??0})),edges:n,clusterBounds:f,canvasW:Math.max(...i.map(e=>e.x+s))+72,canvasH:Math.max(...i.map(e=>e.y+d))+72}}function b(e,t,r){const n=t[e.source],o=t[e.target];if(!n||!o)return"";const{source:i,target:a}=function(e,t){const r=e.x+85,n=e.y+24,o=t.x+85,i=t.y+24;function a(e,t,r,n){const o=r-e,i=n-t;return Math.abs(i)>.4*Math.abs(o)?i>0?{x:e,y:t+24}:{x:e,y:t-24}:o>0?{x:e+85,y:t}:{x:e-85,y:t}}return{source:a(r,n,o,i),target:a(o,i,r,n)}}(n,o),l=a.x-i.x,s=a.y-i.y,c=Math.sqrt(l*l+s*s);if(c<5)return`M ${i.x} ${i.y} L ${a.x} ${a.y}`;if(o.y+150<n.y&&o.y<n.y-d){const e=Math.min(n.x,o.x)-110;return`M ${i.x} ${i.y} C ${e} ${i.y}, ${e} ${a.y}, ${a.x} ${a.y}`}const f=-s/c,u=l/c;if(r.some(t=>t.source===e.target&&t.target===e.source)){const t=e.source<e.target?1:-1,r=Math.max(.18*c,40)*t;return`M ${i.x} ${i.y} Q ${(i.x+a.x)/2+f*r} ${(i.y+a.y)/2+u*r} ${a.x} ${a.y}`}const g=Math.min(.12*c,55);return`M ${i.x} ${i.y} Q ${(i.x+a.x)/2+f*g} ${(i.y+a.y)/2+u*g} ${a.x} ${a.y}`}const x=({data:x,isDarkMode:m=!1,height:w=500,width:v="100%",styles:M})=>{const k=n(()=>function(e){if(!e||"object"!=typeof e)return null;if(Array.isArray(e.nodes)&&Array.isArray(e.edges)){let t=e.nodes,r=Array.isArray(e.clusters)&&e.clusters.length>0?e.clusters:null;const n=new Set(t.map(e=>e.cluster_id));if(!r||n.size<=1){const e=Math.max(1,Math.min(3,Math.ceil(t.length/3)));r=Array.from({length:e},(e,t)=>({id:`cl_${t+1}`,label:h[t]||`Group ${t+1}`})),t=t.map((t,n)=>{const o=n%e,i=Math.floor(n/e);return{...t,cluster_id:r[o].id,x:450*o+200,y:180*i+100}})}return{graph_id:e.graph_id||"graph",prompt_id:e.prompt_id||"",last_analyzed_at:e.last_analyzed_at||(new Date).toISOString(),clusters:r,nodes:t,edges:e.edges}}const t=Object.keys(e);if(0===t.length)return null;const r=Math.max(1,Math.min(3,Math.ceil(t.length/3))),n=Array.from({length:r},(e,t)=>({id:`cl_${t+1}`,label:h[t]||`Group ${t+1}`})),o=[],i=[];return t.forEach((t,a)=>{const l=a%r,s=Math.floor(a/r),d=t.split("_").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),c=`node_${t}`;o.push({id:c,label:d,cluster_id:n[l].id,x:450*l+200,y:180*s+100,description:`Section: ${d}`});const f=e[t];Array.isArray(f)&&f.forEach((e,r)=>{if(!e||"object"!=typeof e)return;const n=e.dependent_on;if(!n)return;let o="";"string"==typeof e.reasoning?o=e.reasoning:Array.isArray(e.reasoning)?o=e.reasoning.map(e=>"string"==typeof e?e:e?.text||"").filter(Boolean).join(" "):e.reasoning?.text&&(o=String(e.reasoning.text)),i.push({id:`e_${t}_${n}_${r}`,source:c,target:`node_${n}`,reasoning:o||`Depends on ${n}`,score:"number"==typeof e.Score?e.Score:"number"==typeof e.score?e.score:80,gap:e.gap||"",dependency_type:e.dependency_type||"implicit"})})}),0===o.length?null:{graph_id:"converted_graph",prompt_id:"",last_analyzed_at:(new Date).toISOString(),clusters:n,nodes:o,edges:i}}(x),[x]),S=n(()=>k?y(k):null,[k]),$=n(()=>{const e={};return S?.nodes.forEach(t=>{e[t.id]=t}),e},[S]),C=n(()=>{const e={};return k?.clusters.forEach((t,r)=>{e[t.id]=r}),e},[k]),_=o(null),[A,z]=i({x:0,y:0}),[E,I]=i(.5),[j,R]=i(!1),W=o({x:0,y:0}),P=o({x:0,y:0}),[B,Y]=i(null),[F,D]=i(null),[L,O]=i(null),[X,H]=i(null),N=n(()=>X&&S?new Set(S.edges.filter(e=>e.source===X||e.target===X).map(e=>e.id)):new Set,[X,S]),T=n(()=>{if(!X||!S)return new Set;const e=new Set([X]);return S.edges.forEach(t=>{t.source===X&&e.add(t.target),t.target===X&&e.add(t.source)}),e},[X,S]);n(()=>k?new Date(k.last_analyzed_at).toLocaleString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,day:"numeric",month:"short",year:"numeric"}):"",[k]);const q=a(e=>{e.preventDefault(),I(t=>Math.min(2.5,Math.max(.2,t-.001*e.deltaY)))},[]);l(()=>{const e=_.current;return e&&e.addEventListener("wheel",q,{passive:!1}),()=>e?.removeEventListener("wheel",q)},[q]);const U=a(e=>{e.target.closest("[data-edge-hit]")||e.target.closest("[data-node]")||(R(!0),W.current={x:e.clientX,y:e.clientY},P.current={...A},e.currentTarget.style.cursor="grabbing")},[A]),G=a(e=>{j&&z({x:P.current.x+(e.clientX-W.current.x),y:P.current.y+(e.clientY-W.current.y)})},[j]),Q=a(()=>{R(!1),_.current&&(_.current.style.cursor="grab")},[]);const J=(e,t)=>"string"==typeof e?e:t,K=M?.root?.backgroundColor??M?.root?.background??(m?"#090d16":"#ffffff"),V=M?.root?.color??(m?"#f8fafc":"#1e293b"),Z=M?.subtitle?.color??"#94a3b8",ee={width:32,height:32,border:"none",background:"transparent",borderRadius:8,cursor:"pointer",fontSize:16,color:m?"#cbd5e1":"#475569",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:500,...M?.controlButton};return S&&k?e("div",{style:{width:v,height:w,position:"relative",background:K,color:V,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",overflow:"hidden",...M?.root},children:[e("div",{style:{position:"absolute",top:0,left:0,right:0,zIndex:20,padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between",...M?.header},children:[t("p",{style:{margin:0,fontSize:12,color:Z,...M?.subtitle},children:"· Click a node or connection to explore details."}),e("div",{style:{display:"flex",gap:2,background:m?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:m?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)",...M?.controls},children:[t("button",{onClick:()=>I(e=>Math.max(.2,e-.15)),style:ee,children:"−"}),e("button",{onClick:()=>{I(.5),z({x:0,y:0})},style:{...ee,fontSize:11,width:52,fontWeight:600},children:[Math.round(100*E),"%"]}),t("button",{onClick:()=>I(e=>Math.min(2.5,e+.15)),style:ee,children:"+"})]})]}),F&&(()=>{const r=F.node,n=C[r.cluster_id]??0;return e("div",{style:{position:"absolute",top:50,left:14,zIndex:20,width:"30%",minWidth:280,borderRadius:12,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",border:"1px solid "+(m?"#334155":"#e2e8f0"),animation:"cdg-slideDown 0.2s ease-out",...M?.nodePopup},children:[e("div",{style:{padding:"10px 14px",background:p[n%p.length],color:"#fff",display:"flex",alignItems:"center",justifyContent:"space-between",...M?.nodePopupHeader},children:[e("div",{style:{display:"flex",alignItems:"center",gap:10},children:[t("span",{style:{width:28,height:28,borderRadius:8,background:"rgba(255,255,255,0.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14},children:u[n%u.length]}),e("div",{children:[t("div",{style:{fontSize:9,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.75},children:k.clusters[n]?.label||""}),t("div",{style:{fontSize:14,fontWeight:700,marginTop:1},children:r.label})]})]}),t("button",{onClick:()=>{D(null),H(null)},style:{background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center",...M?.popupCloseButton},children:"×"})]}),t("div",{style:{padding:"10px 14px",fontSize:13,lineHeight:1.6,color:m?"#cbd5e1":"#475569",background:m?"#1e293b":"#fff",...M?.nodePopupBody},children:r.description||"No description available."})]})})(),e("div",{ref:_,onPointerDown:U,onPointerMove:G,onPointerUp:Q,onPointerLeave:Q,onClick:()=>{Y(null),D(null),H(null)},style:{width:"100%",height:"100%",cursor:j?"grabbing":"grab",position:"relative"},children:[t("div",{style:{transform:`translate(${A.x}px,${A.y}px) scale(${E})`,transformOrigin:"top left",position:"absolute",top:50,left:20,transition:j?"none":"transform 0.08s ease-out"},children:e("svg",{width:S.canvasW,height:S.canvasH,style:{overflow:"visible"},children:[S.clusterBounds.map(r=>e("g",{children:[t("rect",{x:r.x,y:r.y,width:r.width,height:r.height,rx:"16",fill:J(M?.cluster?.backgroundColor??M?.cluster?.background,m?"rgba(30,41,59,0.35)":"none"),stroke:J(M?.cluster?.borderColor??M?.cluster?.border,m?"#334155":"#e2e8f0"),strokeWidth:"1.5",strokeDasharray:"8 4"}),t("text",{x:r.x+14,y:r.y+r.height-10,fontSize:"11",fill:J(M?.clusterLabel?.color,"#94a3b8"),fontFamily:"Inter, sans-serif",fontWeight:"500",children:r.label})]},r.id)),S.edges.map(n=>{const o=b(n,$,S.edges);if(!o)return null;const i=N.has(n.id),a=B?.edge.id===n.id,l=L===n.id,s=!!X&&!i,d=i||a?M?.activeEdge?.color??M?.activeEdge?.borderColor??"#6366f1":l?M?.edge?.color??"#818cf8":M?.edge?.borderColor??M?.edge?.color??(m?"#475569":"#cbd5e1"),c=i||a?2.5:l?2:1.5;return e("g",{style:{opacity:s?.1:1,transition:"opacity 0.25s"},children:[t("path",{"data-edge-hit":"true",d:o,fill:"none",stroke:"transparent",strokeWidth:18,style:{cursor:"pointer"},onClick:e=>((e,t)=>{e.stopPropagation();const r=_.current.getBoundingClientRect();Y({edge:t,screenX:e.clientX-r.left,screenY:e.clientY-r.top}),D(null),H(null)})(e,n),onMouseEnter:()=>O(n.id),onMouseLeave:()=>O(null)}),t("path",{d:o,fill:"none",stroke:d,strokeWidth:c,style:{transition:"stroke 0.2s, stroke-width 0.2s",pointerEvents:"none"}}),(i||a)&&e(r,{children:[t("circle",{r:4,fill:M?.edgeMarker?.color??M?.activeEdge?.color??"#6366f1",children:t("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:o})}),t("circle",{r:6,fill:M?.edgeMarker?.color??M?.activeEdge?.color??"#6366f1",opacity:.2,children:t("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:o})})]})]},n.id)}),S.nodes.map(r=>{const n=X===r.id,o=T.has(r.id),i=!!X&&!o,a=(C[r.cluster_id]??0)%g.length,l=g[a];return t("g",{"data-node":"true",onClick:e=>((e,t)=>{e.stopPropagation();const r=_.current.getBoundingClientRect();X===t.id?(H(null),D(null)):(H(t.id),D({node:t,screenX:e.clientX-r.left,screenY:e.clientY-r.top}),Y(null))})(e,r),style:{cursor:"pointer",opacity:i?.15:1,transition:"opacity 0.25s"},children:t("foreignObject",{x:r.x,y:r.y,width:s,height:d,children:e("div",{style:{background:M?.node?.backgroundColor??M?.node?.background??(m?"#1e293b":"#fff"),border:n?M?.selectedNode?.border??`2.5px solid ${M?.selectedNode?.borderColor??l}`:M?.node?.border??`1.5px solid ${M?.node?.borderColor??(m?"#334155":"#e2e8f0")}`,borderRadius:10,padding:"8px 14px",fontSize:13,fontWeight:600,color:m?"#f1f5f9":"#334155",fontFamily:"'Inter', sans-serif",display:"flex",alignItems:"center",gap:8,boxShadow:n?M?.selectedNode?.boxShadow??`0 0 0 3px ${l}33, 0 2px 8px rgba(0,0,0,0.4)`:M?.node?.boxShadow??(m?"0 2px 6px rgba(0,0,0,0.3)":"0 1px 3px rgba(0,0,0,0.05)"),whiteSpace:"nowrap",userSelect:"none",height:46,boxSizing:"border-box",transition:"border 0.2s, box-shadow 0.2s",...M?.node,...n?M?.selectedNode:{}},children:[t("span",{style:{width:22,height:22,borderRadius:6,background:c[a],display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,flexShrink:0,color:f[a],...M?.nodeIcon},children:u[a]}),t("span",{style:{overflow:"hidden",textOverflow:"ellipsis"},children:r.label})]})})},r.id)})]})}),B&&e("div",{onClick:e=>e.stopPropagation(),style:{position:"absolute",...function(e,t,r,n){if(!_.current)return{};const o=_.current.getBoundingClientRect();let i=e+14,a=t-n/2;return i+r>o.width&&(i=e-r-14),a<8&&(a=8),a+n>o.height&&(a=o.height-n-8),{left:i,top:a}}(B.screenX,B.screenY,320,180),width:320,background:m?"#1e293b":"#fff",borderRadius:14,boxShadow:"0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)",border:"1px solid "+(m?"#334155":"#e2e8f0"),zIndex:30,animation:"cdg-popIn 0.18s ease-out",overflow:"hidden",...M?.edgePopup},children:[e("div",{style:{padding:"12px 16px 10px",background:"linear-gradient(135deg,#6366f1,#8b5cf6)",color:"#fff",...M?.edgePopupHeader},children:[t("div",{style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.8},children:"Edge Reasoning"}),e("div",{style:{fontSize:13,fontWeight:600,marginTop:4},children:[$[B.edge.source]?.label??"Source",t("span",{style:{opacity:.6,margin:"0 6px"},children:"→"}),$[B.edge.target]?.label??"Target"]})]}),t("div",{style:{padding:"12px 16px 14px",fontSize:13,lineHeight:1.6,color:m?"#cbd5e1":"#475569",whiteSpace:"pre-line",...M?.edgePopupBody},children:B.edge.reasoning||"No reasoning available."}),t("button",{onClick:()=>Y(null),style:{position:"absolute",top:8,right:10,background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center",...M?.popupCloseButton},children:"×"})]})]}),t("style",{children:"\n        @keyframes cdg-popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes cdg-slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      "})]}):null};export{x as default};
+import{__assign as n,__spreadArray as e}from"tslib";import{jsxs as t,jsx as r,Fragment as o}from"react/jsx-runtime";import{useMemo as i,useRef as l,useState as a,useCallback as d,useEffect as c}from"react";var u=170,s=48,f=["#ede9fe","#e0f2fe","#fef3c7","#dcfce7","#ffe4e6","#f0fdf4","#fef9c3","#e0e7ff","#fce7f3","#f1f5f9"],v=["#7c3aed","#0284c7","#b45309","#16a34a","#e11d48","#15803d","#a16207","#4338ca","#db2777","#475569"],p=["⚙","◈","⟐","✦","◎","⬡","◇","⊕","✶","◉"],g=["#a78bfa","#7dd3fc","#fbbf24","#86efac","#fda4af","#6ee7b7","#fde047","#a5b4fc","#f9a8d4","#94a3b8"],h=["linear-gradient(135deg,#7c3aed,#a78bfa)","linear-gradient(135deg,#0284c7,#38bdf8)","linear-gradient(135deg,#b45309,#fbbf24)","linear-gradient(135deg,#16a34a,#86efac)","linear-gradient(135deg,#e11d48,#fda4af)","linear-gradient(135deg,#15803d,#6ee7b7)","linear-gradient(135deg,#a16207,#fde047)","linear-gradient(135deg,#4338ca,#a5b4fc)","linear-gradient(135deg,#db2777,#f9a8d4)","linear-gradient(135deg,#475569,#94a3b8)"],y=["Context & Inputs","Core Logic & Rules","Outputs & Schema"];function b(t){var r=Array.isArray(null==t?void 0:t.clusters)?t.clusters:[],o=Array.isArray(null==t?void 0:t.nodes)?t.nodes:[],i=Array.isArray(null==t?void 0:t.edges)?t.edges:[],l=function(n,t,r){var o,i=n.length;if(0===i)return new Map;var l={};n.forEach(function(n,e){l[n.id]=e});var a={};n.forEach(function(n){a[n.id]=0});for(var d=0;d<i;d++){for(var c=!1,u=0,s=t;u<s.length;u++){var f=s[u],v=(a[f.source]||0)+1;v>(a[f.target]||0)&&v<i&&(a[f.target]=v,c=!0)}if(!c)break}var p={};r.forEach(function(n,e){p[n.id]=e});var g={};r.forEach(function(n){g[n.id]=[]}),n.forEach(function(n){var e;null===(e=g[n.cluster_id])||void 0===e||e.push(n)}),Object.values(g).forEach(function(n){return n.sort(function(n,e){return(a[n.id]||0)-(a[e.id]||0)})});for(var h=new Float64Array(i),y=new Float64Array(i),b=new Float64Array(i),x=new Float64Array(i),m=function(n){var e=null!==(o=p[n.id])&&void 0!==o?o:0;(g[n.id]||[]).forEach(function(n,t){var r=l[n.id];h[r]=520*e+280,y[r]=200*t+120})},w=0,M=r;w<M.length;w++)m(U=M[w]);for(var k=.0015,S=Math.max.apply(Math,e(e([],n.map(function(n){return a[n.id]||0}),!1),[1],!1)),C=new Float64Array(i),_=0;_<i;_++)C[_]=(a[n[_].id]||0)/S*(200*i*.6)+120;for(var A=0;A<350;A++){var z=Math.max(.015,1-A/350),E=new Float64Array(i),I=new Float64Array(i);for(_=0;_<i;_++)for(var j=_+1;j<i;j++){var R=(X=h[_]-h[j])*X+(H=y[_]-y[j])*H;R<400&&(R=(X=12*(_-j))*X+(H=8*(_+j))*H);var W=X/(L=Math.sqrt(R))*(O=48e4/R),P=H/L*O;E[_]+=W,I[_]+=P,E[j]-=W,I[j]-=P}for(var B=0,Y=t;B<Y.length;B++){f=Y[B];var F=l[f.source],D=l[f.target];if(void 0!==F&&void 0!==D){var L,O,X=h[D]-h[F],H=y[D]-y[F];if(!((L=Math.sqrt(X*X+H*H))<1))W=X/L*(O=.004*(L-380)),P=H/L*O,E[F]+=W,I[F]+=P,E[D]-=W,I[D]-=P}}var N={},T={},q={};for(_=0;_<i;_++)N[U=n[_].cluster_id]=(N[U]||0)+h[_],T[U]=(T[U]||0)+y[_],q[U]=(q[U]||0)+1;for(_=0;_<i;_++){var U=n[_].cluster_id;E[_]+=(N[U]/q[U]-h[_])*k,I[_]+=(T[U]/q[U]-y[_])*k}for(_=0;_<i;_++)I[_]+=.002*(C[_]-y[_]);for(_=0;_<i;_++)b[_]=.84*(b[_]+E[_])*z,x[_]=.84*(x[_]+I[_])*z,h[_]+=b[_],y[_]+=x[_]}for(d=0;d<40;d++){var G=!1;for(_=0;_<i;_++)for(j=_+1;j<i;j++){X=h[_]-h[j],H=y[_]-y[j];var Q=270-Math.abs(X),J=128-Math.abs(H);if(Q>0&&J>0)if(G=!0,Q<J){var K=Q/2+5;h[_]+=X>0?K:-K,h[j]-=X>0?K:-K}else K=J/2+5,y[_]+=H>0?K:-K,y[j]-=H>0?K:-K}if(!G)break}var V=1/0,Z=1/0;for(_=0;_<i;_++)V=Math.min(V,h[_]),Z=Math.min(Z,y[_]);var $=new Map;for(_=0;_<i;_++)$.set(n[_].id,{x:Math.round(h[_]-V+80),y:Math.round(y[_]-Z+80)});return $}(o,i,r),a=o.map(function(e){var t=l.get(e.id)||{x:0,y:0};return n(n({},e),{x:t.x,y:t.y})}),d={};r.forEach(function(n,e){d[n.id]=e});var c={};r.forEach(function(n){c[n.id]=[]}),a.forEach(function(n){var e;null===(e=c[n.cluster_id])||void 0===e||e.push(n)});var f=36,v=r.map(function(n){var e=c[n.id];if(!e.length)return null;var t=Math.min.apply(Math,e.map(function(n){return n.x})),r=Math.min.apply(Math,e.map(function(n){return n.y})),o=Math.max.apply(Math,e.map(function(n){return n.x+u})),i=Math.max.apply(Math,e.map(function(n){return n.y+s}));return{id:n.id,label:n.label,idx:d[n.id],x:t-f,y:r-f,width:o-t+72,height:i-r+72+22}}).filter(function(n){return null!==n});return{nodes:a.map(function(e){var t;return n(n({},e),{cluster:null!==(t=d[e.cluster_id])&&void 0!==t?t:0})}),edges:i,clusterBounds:v,canvasW:Math.max.apply(Math,a.map(function(n){return n.x+u}))+72,canvasH:Math.max.apply(Math,a.map(function(n){return n.y+s}))+72}}function x(n,e,t){var r=e[n.source],o=e[n.target];if(!r||!o)return"";var i=function(n,e){var t=n.x+85,r=n.y+24,o=e.x+85,i=e.y+24;function l(n,e,t,r){var o=t-n,i=r-e;return Math.abs(i)>.4*Math.abs(o)?i>0?{x:n,y:e+24}:{x:n,y:e-24}:o>0?{x:n+85,y:e}:{x:n-85,y:e}}return{source:l(t,r,o,i),target:l(o,i,t,r)}}(r,o),l=i.source,a=i.target,d=a.x-l.x,c=a.y-l.y,u=Math.sqrt(d*d+c*c);if(u<5)return"M ".concat(l.x," ").concat(l.y," L ").concat(a.x," ").concat(a.y);if(o.y+150<r.y&&o.y<r.y-s){var f=Math.min(r.x,o.x)-110;return"M ".concat(l.x," ").concat(l.y," C ").concat(f," ").concat(l.y,", ").concat(f," ").concat(a.y,", ").concat(a.x," ").concat(a.y)}var v=-c/u,p=d/u;if(t.some(function(e){return e.source===n.target&&e.target===n.source})){var g=n.source<n.target?1:-1,h=Math.max(.18*u,40)*g;return"M ".concat(l.x," ").concat(l.y," Q ").concat((l.x+a.x)/2+v*h," ").concat((l.y+a.y)/2+p*h," ").concat(a.x," ").concat(a.y)}var y=Math.min(.12*u,55);return"M ".concat(l.x," ").concat(l.y," Q ").concat((l.x+a.x)/2+v*y," ").concat((l.y+a.y)/2+p*y," ").concat(a.x," ").concat(a.y)}var m=function(e){var m,w,M,k,S,C,_,A,z,E,I,j,R=e.data,W=e.isDarkMode,P=void 0!==W&&W,B=e.height,Y=void 0===B?500:B,F=e.width,D=void 0===F?"100%":F,L=e.styles,O=i(function(){return function(e){if(!e||"object"!=typeof e)return null;if(Array.isArray(e.nodes)&&Array.isArray(e.edges)){var t=e.nodes,r=Array.isArray(e.clusters)&&e.clusters.length>0?e.clusters:null,o=new Set(t.map(function(n){return n.cluster_id}));if(!r||o.size<=1){var i=Math.max(1,Math.min(3,Math.ceil(t.length/3)));r=Array.from({length:i},function(n,e){return{id:"cl_".concat(e+1),label:y[e]||"Group ".concat(e+1)}}),t=t.map(function(e,t){var o=t%i,l=Math.floor(t/i);return n(n({},e),{cluster_id:r[o].id,x:450*o+200,y:180*l+100})})}return{graph_id:e.graph_id||"graph",prompt_id:e.prompt_id||"",last_analyzed_at:e.last_analyzed_at||(new Date).toISOString(),clusters:r,nodes:t,edges:e.edges}}var l=Object.keys(e);if(0===l.length)return null;var a=Math.max(1,Math.min(3,Math.ceil(l.length/3))),d=Array.from({length:a},function(n,e){return{id:"cl_".concat(e+1),label:y[e]||"Group ".concat(e+1)}}),c=[],u=[];return l.forEach(function(n,t){var r=t%a,o=Math.floor(t/a),i=n.split("_").map(function(n){return n.charAt(0).toUpperCase()+n.slice(1)}).join(" "),l="node_".concat(n);c.push({id:l,label:i,cluster_id:d[r].id,x:450*r+200,y:180*o+100,description:"Section: ".concat(i)});var s=e[n];Array.isArray(s)&&s.forEach(function(e,t){var r;if(e&&"object"==typeof e){var o=e.dependent_on;if(o){var i="";"string"==typeof e.reasoning?i=e.reasoning:Array.isArray(e.reasoning)?i=e.reasoning.map(function(n){return"string"==typeof n?n:(null==n?void 0:n.text)||""}).filter(Boolean).join(" "):(null===(r=e.reasoning)||void 0===r?void 0:r.text)&&(i=String(e.reasoning.text)),u.push({id:"e_".concat(n,"_").concat(o,"_").concat(t),source:l,target:"node_".concat(o),reasoning:i||"Depends on ".concat(o),score:"number"==typeof e.Score?e.Score:"number"==typeof e.score?e.score:80,gap:e.gap||"",dependency_type:e.dependency_type||"implicit"})}}})}),0===c.length?null:{graph_id:"converted_graph",prompt_id:"",last_analyzed_at:(new Date).toISOString(),clusters:d,nodes:c,edges:u}}(R)},[R]),X=i(function(){return O?b(O):null},[O]),H=i(function(){var n={};return null==X||X.nodes.forEach(function(e){n[e.id]=e}),n},[X]),N=i(function(){var n={};return null==O||O.clusters.forEach(function(e,t){n[e.id]=t}),n},[O]),T=l(null),q=a({x:0,y:0}),U=q[0],G=q[1],Q=a(.5),J=Q[0],K=Q[1],V=a(!1),Z=V[0],$=V[1],nn=l({x:0,y:0}),en=l({x:0,y:0}),tn=a(null),rn=tn[0],on=tn[1],ln=a(null),an=ln[0],dn=ln[1],cn=a(null),un=cn[0],sn=cn[1],fn=a(null),vn=fn[0],pn=fn[1],gn=i(function(){return vn&&X?new Set(X.edges.filter(function(n){return n.source===vn||n.target===vn}).map(function(n){return n.id})):new Set},[vn,X]),hn=i(function(){if(!vn||!X)return new Set;var n=new Set([vn]);return X.edges.forEach(function(e){e.source===vn&&n.add(e.target),e.target===vn&&n.add(e.source)}),n},[vn,X]);i(function(){return O?new Date(O.last_analyzed_at).toLocaleString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,day:"numeric",month:"short",year:"numeric"}):""},[O]);var yn=d(function(n){n.preventDefault(),K(function(e){return Math.min(2.5,Math.max(.2,e-.001*n.deltaY))})},[]);c(function(){var n=T.current;return n&&n.addEventListener("wheel",yn,{passive:!1}),function(){return null==n?void 0:n.removeEventListener("wheel",yn)}},[yn]);var bn=d(function(e){e.target.closest("[data-edge-hit]")||e.target.closest("[data-node]")||($(!0),nn.current={x:e.clientX,y:e.clientY},en.current=n({},U),e.currentTarget.style.cursor="grabbing")},[U]),xn=d(function(n){Z&&G({x:en.current.x+(n.clientX-nn.current.x),y:en.current.y+(n.clientY-nn.current.y)})},[Z]),mn=d(function(){$(!1),T.current&&(T.current.style.cursor="grab")},[]);var wn=function(n,e){return"string"==typeof n?n:e},Mn=null!==(k=null!==(w=null===(m=null==L?void 0:L.root)||void 0===m?void 0:m.backgroundColor)&&void 0!==w?w:null===(M=null==L?void 0:L.root)||void 0===M?void 0:M.background)&&void 0!==k?k:P?"#090d16":"#ffffff",kn=null!==(C=null===(S=null==L?void 0:L.root)||void 0===S?void 0:S.color)&&void 0!==C?C:P?"#f8fafc":"#1e293b",Sn=null!==(A=null===(_=null==L?void 0:L.subtitle)||void 0===_?void 0:_.color)&&void 0!==A?A:"#94a3b8",Cn=n({width:32,height:32,border:"none",background:"transparent",borderRadius:8,cursor:"pointer",fontSize:16,color:P?"#cbd5e1":"#475569",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:500},null==L?void 0:L.controlButton);return X&&O?t("div",n({style:n({width:D,height:Y,position:"relative",background:Mn,color:kn,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",overflow:"hidden"},null==L?void 0:L.root)},{children:[t("div",n({style:n({position:"absolute",top:0,left:0,right:0,zIndex:20,padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between"},null==L?void 0:L.header)},{children:[r("p",n({style:n({margin:0,fontSize:12,color:Sn},null==L?void 0:L.subtitle)},{children:"· Click a node or connection to explore details."})),t("div",n({style:n({display:"flex",gap:2,background:P?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:P?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)"},null==L?void 0:L.controls)},{children:[r("button",n({onClick:function(){return K(function(n){return Math.max(.2,n-.15)})},style:Cn},{children:"−"})),t("button",n({onClick:function(){K(.5),G({x:0,y:0})},style:n(n({},Cn),{fontSize:11,width:52,fontWeight:600})},{children:[Math.round(100*J),"%"]})),r("button",n({onClick:function(){return K(function(n){return Math.min(2.5,n+.15)})},style:Cn},{children:"+"}))]}))]})),an&&function(){var e,o,i=an.node,l=null!==(e=N[i.cluster_id])&&void 0!==e?e:0;return t("div",n({style:n({position:"absolute",top:50,left:14,zIndex:20,width:"30%",minWidth:280,borderRadius:12,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",border:"1px solid ".concat(P?"#334155":"#e2e8f0"),animation:"cdg-slideDown 0.2s ease-out"},null==L?void 0:L.nodePopup)},{children:[t("div",n({style:n({padding:"10px 14px",background:h[l%h.length],color:"#fff",display:"flex",alignItems:"center",justifyContent:"space-between"},null==L?void 0:L.nodePopupHeader)},{children:[t("div",n({style:{display:"flex",alignItems:"center",gap:10}},{children:[r("span",n({style:{width:28,height:28,borderRadius:8,background:"rgba(255,255,255,0.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14}},{children:p[l%p.length]})),t("div",{children:[r("div",n({style:{fontSize:9,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.75}},{children:(null===(o=O.clusters[l])||void 0===o?void 0:o.label)||""})),r("div",n({style:{fontSize:14,fontWeight:700,marginTop:1}},{children:i.label}))]})]})),r("button",n({onClick:function(){dn(null),pn(null)},style:n({background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center"},null==L?void 0:L.popupCloseButton)},{children:"×"}))]})),r("div",n({style:n({padding:"10px 14px",fontSize:13,lineHeight:1.6,color:P?"#cbd5e1":"#475569",background:P?"#1e293b":"#fff"},null==L?void 0:L.nodePopupBody)},{children:i.description||"No description available."}))]}))}(),t("div",n({ref:T,onPointerDown:bn,onPointerMove:xn,onPointerUp:mn,onPointerLeave:mn,onClick:function(){on(null),dn(null),pn(null)},style:{width:"100%",height:"100%",cursor:Z?"grabbing":"grab",position:"relative"}},{children:[r("div",n({style:{transform:"translate(".concat(U.x,"px,").concat(U.y,"px) scale(").concat(J,")"),transformOrigin:"top left",position:"absolute",top:50,left:20,transition:Z?"none":"transform 0.08s ease-out"}},{children:t("svg",n({width:X.canvasW,height:X.canvasH,style:{overflow:"visible"}},{children:[X.clusterBounds.map(function(e){var o,i,l,a,d,c,u;return t("g",{children:[r("rect",{x:e.x,y:e.y,width:e.width,height:e.height,rx:"16",fill:wn(null!==(i=null===(o=null==L?void 0:L.cluster)||void 0===o?void 0:o.backgroundColor)&&void 0!==i?i:null===(l=null==L?void 0:L.cluster)||void 0===l?void 0:l.background,P?"rgba(30,41,59,0.35)":"none"),stroke:wn(null!==(d=null===(a=null==L?void 0:L.cluster)||void 0===a?void 0:a.borderColor)&&void 0!==d?d:null===(c=null==L?void 0:L.cluster)||void 0===c?void 0:c.border,P?"#334155":"#e2e8f0"),strokeWidth:"1.5",strokeDasharray:"8 4"}),r("text",n({x:e.x+14,y:e.y+e.height-10,fontSize:"11",fill:wn(null===(u=null==L?void 0:L.clusterLabel)||void 0===u?void 0:u.color,"#94a3b8"),fontFamily:"Inter, sans-serif",fontWeight:"500"},{children:e.label}))]},e.id)}),X.edges.map(function(e){var i,l,a,d,c,u,s,f,v,p,g,h,y,b,m,w,M,k,S=x(e,H,X.edges);if(!S)return null;var C=gn.has(e.id),_=(null==rn?void 0:rn.edge.id)===e.id,A=un===e.id,z=!!vn&&!C,E=C||_?null!==(d=null!==(l=null===(i=null==L?void 0:L.activeEdge)||void 0===i?void 0:i.color)&&void 0!==l?l:null===(a=null==L?void 0:L.activeEdge)||void 0===a?void 0:a.borderColor)&&void 0!==d?d:"#6366f1":A?null!==(u=null===(c=null==L?void 0:L.edge)||void 0===c?void 0:c.color)&&void 0!==u?u:"#818cf8":null!==(p=null!==(f=null===(s=null==L?void 0:L.edge)||void 0===s?void 0:s.borderColor)&&void 0!==f?f:null===(v=null==L?void 0:L.edge)||void 0===v?void 0:v.color)&&void 0!==p?p:P?"#475569":"#cbd5e1",I=C||_?2.5:A?2:1.5;return t("g",n({style:{opacity:z?.1:1,transition:"opacity 0.25s"}},{children:[r("path",{"data-edge-hit":"true",d:S,fill:"none",stroke:"transparent",strokeWidth:18,style:{cursor:"pointer"},onClick:function(n){return function(n,e){n.stopPropagation();var t=T.current.getBoundingClientRect();on({edge:e,screenX:n.clientX-t.left,screenY:n.clientY-t.top}),dn(null),pn(null)}(n,e)},onMouseEnter:function(){return sn(e.id)},onMouseLeave:function(){return sn(null)}}),r("path",{d:S,fill:"none",stroke:E,strokeWidth:I,style:{transition:"stroke 0.2s, stroke-width 0.2s",pointerEvents:"none"}}),(C||_)&&t(o,{children:[r("circle",n({r:4,fill:null!==(b=null!==(h=null===(g=null==L?void 0:L.edgeMarker)||void 0===g?void 0:g.color)&&void 0!==h?h:null===(y=null==L?void 0:L.activeEdge)||void 0===y?void 0:y.color)&&void 0!==b?b:"#6366f1"},{children:r("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:S})})),r("circle",n({r:6,fill:null!==(k=null!==(w=null===(m=null==L?void 0:L.edgeMarker)||void 0===m?void 0:m.color)&&void 0!==w?w:null===(M=null==L?void 0:L.activeEdge)||void 0===M?void 0:M.color)&&void 0!==k?k:"#6366f1",opacity:.2},{children:r("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:S})}))]})]}),e.id)}),X.nodes.map(function(e){var o,i,l,a,d,c,h,y,b,x,m,w,M,k,S,C,_,A=vn===e.id,z=hn.has(e.id),E=!!vn&&!z,I=(null!==(o=N[e.cluster_id])&&void 0!==o?o:0)%g.length,j=g[I];return r("g",n({"data-node":"true",onClick:function(n){return function(n,e){n.stopPropagation();var t=T.current.getBoundingClientRect();vn===e.id?(pn(null),dn(null)):(pn(e.id),dn({node:e,screenX:n.clientX-t.left,screenY:n.clientY-t.top}),on(null))}(n,e)},style:{cursor:"pointer",opacity:E?.15:1,transition:"opacity 0.25s"}},{children:r("foreignObject",n({x:e.x,y:e.y,width:u,height:s},{children:t("div",n({style:n(n({background:null!==(d=null!==(l=null===(i=null==L?void 0:L.node)||void 0===i?void 0:i.backgroundColor)&&void 0!==l?l:null===(a=null==L?void 0:L.node)||void 0===a?void 0:a.background)&&void 0!==d?d:P?"#1e293b":"#fff",border:A?null!==(h=null===(c=null==L?void 0:L.selectedNode)||void 0===c?void 0:c.border)&&void 0!==h?h:"2.5px solid ".concat(null!==(b=null===(y=null==L?void 0:L.selectedNode)||void 0===y?void 0:y.borderColor)&&void 0!==b?b:j):null!==(m=null===(x=null==L?void 0:L.node)||void 0===x?void 0:x.border)&&void 0!==m?m:"1.5px solid ".concat(null!==(M=null===(w=null==L?void 0:L.node)||void 0===w?void 0:w.borderColor)&&void 0!==M?M:P?"#334155":"#e2e8f0"),borderRadius:10,padding:"8px 14px",fontSize:13,fontWeight:600,color:P?"#f1f5f9":"#334155",fontFamily:"'Inter', sans-serif",display:"flex",alignItems:"center",gap:8,boxShadow:A?null!==(S=null===(k=null==L?void 0:L.selectedNode)||void 0===k?void 0:k.boxShadow)&&void 0!==S?S:"0 0 0 3px ".concat(j,"33, 0 2px 8px rgba(0,0,0,0.4)"):null!==(_=null===(C=null==L?void 0:L.node)||void 0===C?void 0:C.boxShadow)&&void 0!==_?_:P?"0 2px 6px rgba(0,0,0,0.3)":"0 1px 3px rgba(0,0,0,0.05)",whiteSpace:"nowrap",userSelect:"none",height:46,boxSizing:"border-box",transition:"border 0.2s, box-shadow 0.2s"},null==L?void 0:L.node),A?null==L?void 0:L.selectedNode:{})},{children:[r("span",n({style:n({width:22,height:22,borderRadius:6,background:f[I],display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,flexShrink:0,color:v[I]},null==L?void 0:L.nodeIcon)},{children:p[I]})),r("span",n({style:{overflow:"hidden",textOverflow:"ellipsis"}},{children:e.label}))]}))}))}),e.id)})]}))})),rn&&t("div",n({onClick:function(n){return n.stopPropagation()},style:n(n(n({position:"absolute"},function(n,e,t,r){if(!T.current)return{};var o=T.current.getBoundingClientRect(),i=n+14,l=e-r/2;return i+t>o.width&&(i=n-t-14),l<8&&(l=8),l+r>o.height&&(l=o.height-r-8),{left:i,top:l}}(rn.screenX,rn.screenY,320,180)),{width:320,background:P?"#1e293b":"#fff",borderRadius:14,boxShadow:"0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)",border:"1px solid ".concat(P?"#334155":"#e2e8f0"),zIndex:30,animation:"cdg-popIn 0.18s ease-out",overflow:"hidden"}),null==L?void 0:L.edgePopup)},{children:[t("div",n({style:n({padding:"12px 16px 10px",background:"linear-gradient(135deg,#6366f1,#8b5cf6)",color:"#fff"},null==L?void 0:L.edgePopupHeader)},{children:[r("div",n({style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.8}},{children:"Edge Reasoning"})),t("div",n({style:{fontSize:13,fontWeight:600,marginTop:4}},{children:[null!==(E=null===(z=H[rn.edge.source])||void 0===z?void 0:z.label)&&void 0!==E?E:"Source",r("span",n({style:{opacity:.6,margin:"0 6px"}},{children:"→"})),null!==(j=null===(I=H[rn.edge.target])||void 0===I?void 0:I.label)&&void 0!==j?j:"Target"]}))]})),r("div",n({style:n({padding:"12px 16px 14px",fontSize:13,lineHeight:1.6,color:P?"#cbd5e1":"#475569",whiteSpace:"pre-line"},null==L?void 0:L.edgePopupBody)},{children:rn.edge.reasoning||"No reasoning available."})),r("button",n({onClick:function(){return on(null)},style:n({position:"absolute",top:8,right:10,background:"rgba(255,255,255,0.2)",border:"none",color:"#fff",borderRadius:6,width:24,height:24,cursor:"pointer",fontSize:14,display:"flex",alignItems:"center",justifyContent:"center"},null==L?void 0:L.popupCloseButton)},{children:"×"}))]}))]})),r("style",{children:"\n        @keyframes cdg-popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes cdg-slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      "})]})):null};export{m as default};
 //# sourceMappingURL=CitationDependencyGraph.js.map

package/dist/features/PromptCitation/CitationDependencyGraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationDependencyGraph.js","sources":["../../../src/features/PromptCitation/CitationDependencyGraph.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useCallback, useEffect } from 'react';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\ninterface Cluster {\n  id: string;\n  label: string;\n}\n\ninterface RawNode {\n  id: string;\n  label: string;\n  cluster_id: string;\n  x: number;\n  y: number;\n  description: string;\n}\n\ninterface Edge {\n  id: string;\n  source: string;\n  target: string;\n  reasoning: string;\n  score: number;\n  gap: string;\n  dependency_type: string;\n}\n\ninterface GraphData {\n  graph_id: string;\n  prompt_id: string;\n  last_analyzed_at: string;\n  clusters: Cluster[];\n  nodes: RawNode[];\n  edges: Edge[];\n}\n\ninterface Position {\n  x: number;\n  y: number;\n}\n\ninterface LayoutNode extends RawNode {\n  cluster: number;\n}\n\ninterface ClusterBound {\n  id: string;\n  label: string;\n  idx: number;\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\ninterface ComputedGraph {\n  nodes: LayoutNode[];\n  edges: Edge[];\n  clusterBounds: ClusterBound[];\n  canvasW: number;\n  canvasH: number;\n}\n\ninterface Point {\n  x: number;\n  y: number;\n}\n\ninterface EdgePopupState {\n  edge: Edge;\n  screenX: number;\n  screenY: number;\n}\n\ninterface NodePopupState {\n  node: LayoutNode;\n  screenX: number;\n  screenY: number;\n}\n\n// ─── Public style interface ────────────────────────────────────────────────────\n\nexport interface CitationDependencyGraphStyles {\n  /** Outermost container */\n  root?: React.CSSProperties;\n  /** Header bar (last-analyzed text + zoom controls) */\n  header?: React.CSSProperties;\n  /** \"Last analyzed\" subtitle text */\n  subtitle?: React.CSSProperties;\n  /** Zoom controls pill wrapper */\n  controls?: React.CSSProperties;\n  /** Individual zoom +/−/% button */\n  controlButton?: React.CSSProperties;\n  /** SVG cluster background rect */\n  cluster?: React.CSSProperties;\n  /** Cluster label text */\n  clusterLabel?: React.CSSProperties;\n  /** Node card */\n  node?: React.CSSProperties;\n  /** Node card when selected */\n  selectedNode?: React.CSSProperties;\n  /** Cluster icon badge inside a node */\n  nodeIcon?: React.CSSProperties;\n  /** Default edge path */\n  edge?: React.CSSProperties;\n  /** Edge path when active (selected node connected) */\n  activeEdge?: React.CSSProperties;\n  /** Animated dot marker on active edges */\n  edgeMarker?: React.CSSProperties;\n  /** Node detail popup card */\n  nodePopup?: React.CSSProperties;\n  /** Node popup gradient header */\n  nodePopupHeader?: React.CSSProperties;\n  /** Node popup body */\n  nodePopupBody?: React.CSSProperties;\n  /** Edge detail popup card */\n  edgePopup?: React.CSSProperties;\n  /** Edge popup gradient header */\n  edgePopupHeader?: React.CSSProperties;\n  /** Edge popup body */\n  edgePopupBody?: React.CSSProperties;\n  /** × close button on both popups */\n  popupCloseButton?: React.CSSProperties;\n}\n\n// ─── Public props ──────────────────────────────────────────────────────────────\n\nexport interface CitationDependencyGraphProps {\n  /** Raw dependency_graph data from the API — conversion is handled internally */\n  data: any;\n  isDarkMode?: boolean;\n  /** Height of the graph container (default 500px) */\n  height?: number | string;\n  /** Width of the graph container (default 100%) */\n  width?: number | string;\n  styles?: CitationDependencyGraphStyles;\n}\n\n// ─── Constants ────────────────────────────────────────────────────────────────\n\nconst NODE_W = 170;\nconst NODE_H = 48;\n\nconst CL_BG   = ['#ede9fe','#e0f2fe','#fef3c7','#dcfce7','#ffe4e6','#f0fdf4','#fef9c3','#e0e7ff','#fce7f3','#f1f5f9'];\nconst CL_FG   = ['#7c3aed','#0284c7','#b45309','#16a34a','#e11d48','#15803d','#a16207','#4338ca','#db2777','#475569'];\nconst CL_ICON = ['⚙','◈','⟐','✦','◎','⬡','◇','⊕','✶','◉'];\nconst CL_BORDER_ACTIVE = ['#a78bfa','#7dd3fc','#fbbf24','#86efac','#fda4af','#6ee7b7','#fde047','#a5b4fc','#f9a8d4','#94a3b8'];\nconst CL_GRAD = [\n  'linear-gradient(135deg,#7c3aed,#a78bfa)',\n  'linear-gradient(135deg,#0284c7,#38bdf8)',\n  'linear-gradient(135deg,#b45309,#fbbf24)',\n  'linear-gradient(135deg,#16a34a,#86efac)',\n  'linear-gradient(135deg,#e11d48,#fda4af)',\n  'linear-gradient(135deg,#15803d,#6ee7b7)',\n  'linear-gradient(135deg,#a16207,#fde047)',\n  'linear-gradient(135deg,#4338ca,#a5b4fc)',\n  'linear-gradient(135deg,#db2777,#f9a8d4)',\n  'linear-gradient(135deg,#475569,#94a3b8)',\n];\n\nconst CLUSTER_LABELS = ['Context & Inputs', 'Core Logic & Rules', 'Outputs & Schema'];\n\n// ─── Raw data converter ───\n\nfunction convertRawData(raw: any): GraphData | null {\n  if (!raw || typeof raw !== 'object') return null;\n\n  if (Array.isArray(raw.nodes) && Array.isArray(raw.edges)) {\n    let nodes = raw.nodes;\n    let clusters = Array.isArray(raw.clusters) && raw.clusters.length > 0 ? raw.clusters : null;\n    const uniqueClusters = new Set(nodes.map((n: any) => n.cluster_id));\n    if (!clusters || uniqueClusters.size <= 1) {\n      const n = Math.max(1, Math.min(3, Math.ceil(nodes.length / 3)));\n      clusters = Array.from({ length: n }, (_, i) => ({ id: `cl_${i + 1}`, label: CLUSTER_LABELS[i] || `Group ${i + 1}` }));\n      nodes = nodes.map((node: any, idx: number) => {\n        const col = idx % n;\n        const row = Math.floor(idx / n);\n        return { ...node, cluster_id: clusters[col].id, x: col * 450 + 200, y: row * 180 + 100 };\n      });\n    }\n    return { graph_id: raw.graph_id || 'graph', prompt_id: raw.prompt_id || '', last_analyzed_at: raw.last_analyzed_at || new Date().toISOString(), clusters, nodes, edges: raw.edges };\n  }\n\n  const keys = Object.keys(raw);\n  if (keys.length === 0) return null;\n  const n = Math.max(1, Math.min(3, Math.ceil(keys.length / 3)));\n  const clusters = Array.from({ length: n }, (_, i) => ({ id: `cl_${i + 1}`, label: CLUSTER_LABELS[i] || `Group ${i + 1}` }));\n  const nodes: RawNode[] = [];\n  const edges: Edge[] = [];\n  keys.forEach((key, index) => {\n    const col = index % n;\n    const row = Math.floor(index / n);\n    const label = key.split('_').map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(' ');\n    const nodeId = `node_${key}`;\n    nodes.push({ id: nodeId, label, cluster_id: clusters[col].id, x: col * 450 + 200, y: row * 180 + 100, description: `Section: ${label}` });\n    const deps = raw[key];\n    if (Array.isArray(deps)) {\n      deps.forEach((dep: any, depIdx: number) => {\n        if (!dep || typeof dep !== 'object') return;\n        const targetKey = dep.dependent_on;\n        if (!targetKey) return;\n        let reasoningText = '';\n        if (typeof dep.reasoning === 'string') reasoningText = dep.reasoning;\n        else if (Array.isArray(dep.reasoning)) reasoningText = dep.reasoning.map((r: any) => (typeof r === 'string' ? r : r?.text || '')).filter(Boolean).join(' ');\n        else if (dep.reasoning?.text) reasoningText = String(dep.reasoning.text);\n        edges.push({ id: `e_${key}_${targetKey}_${depIdx}`, source: nodeId, target: `node_${targetKey}`, reasoning: reasoningText || `Depends on ${targetKey}`, score: typeof dep.Score === 'number' ? dep.Score : typeof dep.score === 'number' ? dep.score : 80, gap: dep.gap || '', dependency_type: dep.dependency_type || 'implicit' });\n      });\n    }\n  });\n  if (nodes.length === 0) return null;\n  return { graph_id: 'converted_graph', prompt_id: '', last_analyzed_at: new Date().toISOString(), clusters, nodes, edges };\n}\n\n// ─── Layout ───\n\nfunction autoLayout(rawNodes: RawNode[], rawEdges: Edge[], rawClusters: Cluster[]): Map<string, Position> {\n  const N = rawNodes.length;\n  if (N === 0) return new Map();\n\n  const idxOf: Record<string, number> = {};\n  rawNodes.forEach((n, i) => { idxOf[n.id] = i; });\n\n  const rank: Record<string, number> = {};\n  rawNodes.forEach((n) => { rank[n.id] = 0; });\n  for (let pass = 0; pass < N; pass++) {\n    let changed = false;\n    for (const e of rawEdges) {\n      const nr = (rank[e.source] || 0) + 1;\n      if (nr > (rank[e.target] || 0) && nr < N) { rank[e.target] = nr; changed = true; }\n    }\n    if (!changed) break;\n  }\n\n  const clusterCol: Record<string, number> = {};\n  rawClusters.forEach((c, i) => { clusterCol[c.id] = i; });\n  const clusterGroups: Record<string, RawNode[]> = {};\n  rawClusters.forEach((c) => { clusterGroups[c.id] = []; });\n  rawNodes.forEach((n) => { clusterGroups[n.cluster_id]?.push(n); });\n  Object.values(clusterGroups).forEach((g) => g.sort((a, b) => (rank[a.id] || 0) - (rank[b.id] || 0)));\n\n  const COL_GAP = 520, ROW_GAP = 200;\n  const px = new Float64Array(N), py = new Float64Array(N);\n  const vx = new Float64Array(N), vy = new Float64Array(N);\n  for (const c of rawClusters) {\n    const col = clusterCol[c.id] ?? 0;\n    (clusterGroups[c.id] || []).forEach((n, row) => { const i = idxOf[n.id]; px[i] = col * COL_GAP + 280; py[i] = row * ROW_GAP + 120; });\n  }\n\n  const REPULSION = 480000, SPRING_K = 0.004, IDEAL_LEN = 380, CLUSTER_K = 0.0015, RANK_GRAVITY = 0.002, DAMPING = 0.84, ITERS = 350;\n  const maxRank = Math.max(...rawNodes.map((n) => rank[n.id] || 0), 1);\n  const rankTargetY = new Float64Array(N);\n  for (let i = 0; i < N; i++) rankTargetY[i] = ((rank[rawNodes[i].id] || 0) / maxRank) * (N * ROW_GAP * 0.6) + 120;\n\n  for (let iter = 0; iter < ITERS; iter++) {\n    const t = Math.max(0.015, 1 - iter / ITERS);\n    const fx = new Float64Array(N), fy = new Float64Array(N);\n    for (let i = 0; i < N; i++) {\n      for (let j = i + 1; j < N; j++) {\n        let dx = px[i] - px[j], dy = py[i] - py[j], d2 = dx * dx + dy * dy;\n        if (d2 < 400) { dx = (i - j) * 12; dy = (i + j) * 8; d2 = dx * dx + dy * dy; }\n        const d = Math.sqrt(d2), f = REPULSION / d2;\n        const ux = (dx / d) * f, uy = (dy / d) * f;\n        fx[i] += ux; fy[i] += uy; fx[j] -= ux; fy[j] -= uy;\n      }\n    }\n    for (const e of rawEdges) {\n      const si = idxOf[e.source], ti = idxOf[e.target];\n      if (si === undefined || ti === undefined) continue;\n      const dx = px[ti] - px[si], dy = py[ti] - py[si], d = Math.sqrt(dx * dx + dy * dy);\n      if (d < 1) continue;\n      const f = (d - IDEAL_LEN) * SPRING_K;\n      const ux = (dx / d) * f, uy = (dy / d) * f;\n      fx[si] += ux; fy[si] += uy; fx[ti] -= ux; fy[ti] -= uy;\n    }\n    const csx: Record<string, number> = {}, csy: Record<string, number> = {}, cnt: Record<string, number> = {};\n    for (let i = 0; i < N; i++) { const c = rawNodes[i].cluster_id; csx[c] = (csx[c] || 0) + px[i]; csy[c] = (csy[c] || 0) + py[i]; cnt[c] = (cnt[c] || 0) + 1; }\n    for (let i = 0; i < N; i++) { const c = rawNodes[i].cluster_id; fx[i] += (csx[c] / cnt[c] - px[i]) * CLUSTER_K; fy[i] += (csy[c] / cnt[c] - py[i]) * CLUSTER_K; }\n    for (let i = 0; i < N; i++) fy[i] += (rankTargetY[i] - py[i]) * RANK_GRAVITY;\n    for (let i = 0; i < N; i++) { vx[i] = (vx[i] + fx[i]) * DAMPING * t; vy[i] = (vy[i] + fy[i]) * DAMPING * t; px[i] += vx[i]; py[i] += vy[i]; }\n  }\n\n  const MIN_DX = NODE_W + 100, MIN_DY = NODE_H + 80;\n  for (let pass = 0; pass < 40; pass++) {\n    let moved = false;\n    for (let i = 0; i < N; i++) {\n      for (let j = i + 1; j < N; j++) {\n        const dx = px[i] - px[j], dy = py[i] - py[j], ox = MIN_DX - Math.abs(dx), oy = MIN_DY - Math.abs(dy);\n        if (ox > 0 && oy > 0) {\n          moved = true;\n          if (ox < oy) { const push = ox / 2 + 5; px[i] += dx > 0 ? push : -push; px[j] -= dx > 0 ? push : -push; }\n          else { const push = oy / 2 + 5; py[i] += dy > 0 ? push : -push; py[j] -= dy > 0 ? push : -push; }\n        }\n      }\n    }\n    if (!moved) break;\n  }\n\n  let minX = Infinity, minY = Infinity;\n  for (let i = 0; i < N; i++) { minX = Math.min(minX, px[i]); minY = Math.min(minY, py[i]); }\n  const result = new Map<string, Position>();\n  for (let i = 0; i < N; i++) result.set(rawNodes[i].id, { x: Math.round(px[i] - minX + 80), y: Math.round(py[i] - minY + 80) });\n  return result;\n}\n\nfunction computeGraph(graphData: GraphData): ComputedGraph {\n  const clusters = Array.isArray(graphData?.clusters) ? graphData.clusters : [];\n  const rawNodes = Array.isArray(graphData?.nodes) ? graphData.nodes : [];\n  const edges = Array.isArray(graphData?.edges) ? graphData.edges : [];\n  const positions = autoLayout(rawNodes, edges, clusters);\n  const nodes: RawNode[] = rawNodes.map((n) => { const p = positions.get(n.id) || { x: 0, y: 0 }; return { ...n, x: p.x, y: p.y }; });\n  const clusterIdToIdx: Record<string, number> = {};\n  clusters.forEach((c, i) => { clusterIdToIdx[c.id] = i; });\n  const clusterNodes: Record<string, RawNode[]> = {};\n  clusters.forEach((c) => { clusterNodes[c.id] = []; });\n  nodes.forEach((n) => { clusterNodes[n.cluster_id]?.push(n); });\n  const PAD = 36;\n  const clusterBounds: ClusterBound[] = clusters.map((c) => {\n    const cn = clusterNodes[c.id];\n    if (!cn.length) return null;\n    const minX = Math.min(...cn.map((n) => n.x));\n    const minY = Math.min(...cn.map((n) => n.y));\n    const maxX = Math.max(...cn.map((n) => n.x + NODE_W));\n    const maxY = Math.max(...cn.map((n) => n.y + NODE_H));\n    return { id: c.id, label: c.label, idx: clusterIdToIdx[c.id], x: minX - PAD, y: minY - PAD, width: maxX - minX + PAD * 2, height: maxY - minY + PAD * 2 + 22 };\n  }).filter((cb): cb is ClusterBound => cb !== null);\n  const layoutNodes: LayoutNode[] = nodes.map((n) => ({ ...n, cluster: clusterIdToIdx[n.cluster_id] ?? 0 }));\n  const canvasW = Math.max(...nodes.map((n) => n.x + NODE_W)) + PAD * 2;\n  const canvasH = Math.max(...nodes.map((n) => n.y + NODE_H)) + PAD * 2;\n  return { nodes: layoutNodes, edges, clusterBounds, canvasW, canvasH };\n}\n\nfunction getConnectionPoints(sn: LayoutNode, tn: LayoutNode): { source: Point; target: Point } {\n  const sCx = sn.x + NODE_W / 2, sCy = sn.y + NODE_H / 2;\n  const tCx = tn.x + NODE_W / 2, tCy = tn.y + NODE_H / 2;\n  function getPort(cx: number, cy: number, ox: number, oy: number): Point {\n    const dx = ox - cx, dy = oy - cy;\n    if (Math.abs(dy) > Math.abs(dx) * 0.4) return dy > 0 ? { x: cx, y: cy + NODE_H / 2 } : { x: cx, y: cy - NODE_H / 2 };\n    return dx > 0 ? { x: cx + NODE_W / 2, y: cy } : { x: cx - NODE_W / 2, y: cy };\n  }\n  return { source: getPort(sCx, sCy, tCx, tCy), target: getPort(tCx, tCy, sCx, sCy) };\n}\n\nfunction getEdgePath(edge: Edge, nodesMap: Record<string, LayoutNode>, allEdges: Edge[]): string {\n  const sn = nodesMap[edge.source], tn = nodesMap[edge.target];\n  if (!sn || !tn) return '';\n  const { source: s, target: t } = getConnectionPoints(sn, tn);\n  const dx = t.x - s.x, dy = t.y - s.y, dist = Math.sqrt(dx * dx + dy * dy);\n  if (dist < 5) return `M ${s.x} ${s.y} L ${t.x} ${t.y}`;\n  const isBack = tn.y + 150 < sn.y && tn.y < sn.y - NODE_H;\n  if (isBack) { const side = Math.min(sn.x, tn.x) - 110; return `M ${s.x} ${s.y} C ${side} ${s.y}, ${side} ${t.y}, ${t.x} ${t.y}`; }\n  const hasReverse = allEdges.some((e) => e.source === edge.target && e.target === edge.source);\n  const nx = -dy / dist, ny = dx / dist;\n  if (hasReverse) {\n    const sign = edge.source < edge.target ? 1 : -1;\n    const bend = Math.max(dist * 0.18, 40) * sign;\n    return `M ${s.x} ${s.y} Q ${(s.x + t.x) / 2 + nx * bend} ${(s.y + t.y) / 2 + ny * bend} ${t.x} ${t.y}`;\n  }\n  const bend = Math.min(dist * 0.12, 55);\n  return `M ${s.x} ${s.y} Q ${(s.x + t.x) / 2 + nx * bend} ${(s.y + t.y) / 2 + ny * bend} ${t.x} ${t.y}`;\n}\n\n// ─── Component ────────────────────────────────────────────────────────────────\n\nconst CitationDependencyGraph: React.FC<CitationDependencyGraphProps> = ({\n  data,\n  isDarkMode = false,\n  height = 500,\n  width = '100%',\n  styles,\n}) => {\n  const graphData = useMemo(() => convertRawData(data), [data]);\n  const graph = useMemo(() => (graphData ? computeGraph(graphData) : null), [graphData]);\n  const nodesMap = useMemo<Record<string, LayoutNode>>(() => {\n    const m: Record<string, LayoutNode> = {};\n    graph?.nodes.forEach((n) => { m[n.id] = n; });\n    return m;\n  }, [graph]);\n  const clusterIdToIdx = useMemo<Record<string, number>>(() => {\n    const m: Record<string, number> = {};\n    graphData?.clusters.forEach((c, i) => { m[c.id] = i; });\n    return m;\n  }, [graphData]);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [pan, setPan] = useState<Position>({ x: 0, y: 0 });\n  const [zoom, setZoom] = useState(0.5);\n  const [isPanning, setIsPanning] = useState(false);\n  const panStart = useRef<Position>({ x: 0, y: 0 });\n  const panOrigin = useRef<Position>({ x: 0, y: 0 });\n  const [edgePopup, setEdgePopup] = useState<EdgePopupState | null>(null);\n  const [nodePopup, setNodePopup] = useState<NodePopupState | null>(null);\n  const [hoveredEdge, setHoveredEdge] = useState<string | null>(null);\n  const [selectedNode, setSelectedNode] = useState<string | null>(null);\n\n  const activeEdges = useMemo(() => {\n    if (!selectedNode || !graph) return new Set<string>();\n    return new Set(graph.edges.filter((e) => e.source === selectedNode || e.target === selectedNode).map((e) => e.id));\n  }, [selectedNode, graph]);\n\n  const connectedNodes = useMemo(() => {\n    if (!selectedNode || !graph) return new Set<string>();\n    const ids = new Set<string>([selectedNode]);\n    graph.edges.forEach((e) => { if (e.source === selectedNode) ids.add(e.target); if (e.target === selectedNode) ids.add(e.source); });\n    return ids;\n  }, [selectedNode, graph]);\n\n  const lastAnalyzed = useMemo(() => {\n    if (!graphData) return '';\n    return new Date(graphData.last_analyzed_at).toLocaleString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true, day: 'numeric', month: 'short', year: 'numeric' });\n  }, [graphData]);\n\n  const handleWheel = useCallback((e: WheelEvent) => {\n    e.preventDefault();\n    setZoom((z) => Math.min(2.5, Math.max(0.2, z - e.deltaY * 0.001)));\n  }, []);\n\n  useEffect(() => {\n    const el = containerRef.current;\n    if (el) el.addEventListener('wheel', handleWheel, { passive: false });\n    return () => el?.removeEventListener('wheel', handleWheel);\n  }, [handleWheel]);\n\n  const handlePointerDown = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n    if ((e.target as HTMLElement).closest('[data-edge-hit]') || (e.target as HTMLElement).closest('[data-node]')) return;\n    setIsPanning(true);\n    panStart.current = { x: e.clientX, y: e.clientY };\n    panOrigin.current = { ...pan };\n    e.currentTarget.style.cursor = 'grabbing';\n  }, [pan]);\n\n  const handlePointerMove = useCallback((e: React.PointerEvent<HTMLDivElement>) => {\n    if (!isPanning) return;\n    setPan({ x: panOrigin.current.x + (e.clientX - panStart.current.x), y: panOrigin.current.y + (e.clientY - panStart.current.y) });\n  }, [isPanning]);\n\n  const handlePointerUp = useCallback(() => {\n    setIsPanning(false);\n    if (containerRef.current) containerRef.current.style.cursor = 'grab';\n  }, []);\n\n  const handleEdgeClick = (e: React.MouseEvent, edge: Edge) => {\n    e.stopPropagation();\n    const rect = containerRef.current!.getBoundingClientRect();\n    setEdgePopup({ edge, screenX: e.clientX - rect.left, screenY: e.clientY - rect.top });\n    setNodePopup(null);\n    setSelectedNode(null);\n  };\n\n  const handleNodeClick = (e: React.MouseEvent, node: LayoutNode) => {\n    e.stopPropagation();\n    const rect = containerRef.current!.getBoundingClientRect();\n    if (selectedNode === node.id) { setSelectedNode(null); setNodePopup(null); }\n    else { setSelectedNode(node.id); setNodePopup({ node, screenX: e.clientX - rect.left, screenY: e.clientY - rect.top }); setEdgePopup(null); }\n  };\n\n  const handleBgClick = () => { setEdgePopup(null); setNodePopup(null); setSelectedNode(null); };\n\n  function getPopupPos(screenX: number, screenY: number, w: number, h: number): { left?: number; top?: number } {\n    if (!containerRef.current) return {};\n    const rect = containerRef.current.getBoundingClientRect();\n    let x = screenX + 14, y = screenY - h / 2;\n    if (x + w > rect.width) x = screenX - w - 14;\n    if (y < 8) y = 8;\n    if (y + h > rect.height) y = rect.height - h - 8;\n    return { left: x, top: y };\n  }\n\n  const toSvgPaint = (value: unknown, fallback: string): string => typeof value === 'string' ? value : fallback;\n\n  const bg = styles?.root?.backgroundColor ?? styles?.root?.background ?? (isDarkMode ? '#090d16' : '#ffffff');\n  const fg = styles?.root?.color ?? (isDarkMode ? '#f8fafc' : '#1e293b');\n  const mutedFg = styles?.subtitle?.color ?? (isDarkMode ? '#94a3b8' : '#94a3b8');\n\n  const zBtnStyle: React.CSSProperties = {\n    width: 32, height: 32, border: 'none', background: 'transparent', borderRadius: 8,\n    cursor: 'pointer', fontSize: 16, color: isDarkMode ? '#cbd5e1' : '#475569',\n    display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 500,\n    ...styles?.controlButton,\n  };\n\n  if (!graph || !graphData) return null;\n\n  return (\n    <div\n      style={{ width, height, position: 'relative', background: bg, color: fg, fontFamily: \"'Inter', -apple-system, BlinkMacSystemFont, sans-serif\", overflow: 'hidden', ...styles?.root }}\n    >\n      {/* Header */}\n      <div style={{ position: 'absolute', top: 0, left: 0, right: 0, zIndex: 20, padding: '10px 14px', display: 'flex', alignItems: 'center', justifyContent: 'space-between', ...styles?.header }}>\n        <p style={{ margin: 0, fontSize: 12, color: mutedFg, ...styles?.subtitle }}>\n           · Click a node or connection to explore details.\n        </p>\n        <div style={{ display: 'flex', gap: 2, background: isDarkMode ? '#1e293b' : '#fff', borderRadius: 10, padding: 3, boxShadow: isDarkMode ? '0 1px 4px rgba(0,0,0,0.4)' : '0 1px 4px rgba(0,0,0,0.08)', ...styles?.controls }}>\n          <button onClick={() => setZoom((z) => Math.max(0.2, z - 0.15))} style={zBtnStyle}>−</button>\n          <button onClick={() => { setZoom(0.5); setPan({ x: 0, y: 0 }); }} style={{ ...zBtnStyle, fontSize: 11, width: 52, fontWeight: 600 }}>{Math.round(zoom * 100)}%</button>\n          <button onClick={() => setZoom((z) => Math.min(2.5, z + 0.15))} style={zBtnStyle}>+</button>\n        </div>\n      </div>\n\n      {/* Node info panel */}\n      {nodePopup && (() => {\n        const node = nodePopup.node;\n        const idx = clusterIdToIdx[node.cluster_id] ?? 0;\n        return (\n          <div style={{ position: 'absolute', top: 50, left: 14, zIndex: 20, width: '30%', minWidth: 280, borderRadius: 12, overflow: 'hidden', boxShadow: '0 2px 12px rgba(0,0,0,0.07)', border: `1px solid ${isDarkMode ? '#334155' : '#e2e8f0'}`, animation: 'cdg-slideDown 0.2s ease-out', ...styles?.nodePopup }}>\n            <div style={{ padding: '10px 14px', background: CL_GRAD[idx % CL_GRAD.length], color: '#fff', display: 'flex', alignItems: 'center', justifyContent: 'space-between', ...styles?.nodePopupHeader }}>\n              <div style={{ display: 'flex', alignItems: 'center', gap: 10 }}>\n                <span style={{ width: 28, height: 28, borderRadius: 8, background: 'rgba(255,255,255,0.2)', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 14 }}>{CL_ICON[idx % CL_ICON.length]}</span>\n                <div>\n                  <div style={{ fontSize: 9, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em', opacity: 0.75 }}>{graphData.clusters[idx]?.label || ''}</div>\n                  <div style={{ fontSize: 14, fontWeight: 700, marginTop: 1 }}>{node.label}</div>\n                </div>\n              </div>\n              <button onClick={() => { setNodePopup(null); setSelectedNode(null); }} style={{ background: 'rgba(255,255,255,0.2)', border: 'none', color: '#fff', borderRadius: 6, width: 24, height: 24, cursor: 'pointer', fontSize: 14, display: 'flex', alignItems: 'center', justifyContent: 'center', ...styles?.popupCloseButton }}>×</button>\n            </div>\n            <div style={{ padding: '10px 14px', fontSize: 13, lineHeight: 1.6, color: isDarkMode ? '#cbd5e1' : '#475569', background: isDarkMode ? '#1e293b' : '#fff', ...styles?.nodePopupBody }}>\n              {node.description || 'No description available.'}\n            </div>\n          </div>\n        );\n      })()}\n\n      {/* Canvas */}\n      <div\n        ref={containerRef}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerLeave={handlePointerUp}\n        onClick={handleBgClick}\n        style={{ width: '100%', height: '100%', cursor: isPanning ? 'grabbing' : 'grab', position: 'relative' }}\n      >\n        <div style={{ transform: `translate(${pan.x}px,${pan.y}px) scale(${zoom})`, transformOrigin: 'top left', position: 'absolute', top: 50, left: 20, transition: isPanning ? 'none' : 'transform 0.08s ease-out' }}>\n          <svg width={graph.canvasW} height={graph.canvasH} style={{ overflow: 'visible' }}>\n            {/* Cluster backgrounds */}\n            {graph.clusterBounds.map((cb) => (\n              <g key={cb.id}>\n                <rect x={cb.x} y={cb.y} width={cb.width} height={cb.height} rx=\"16\"\n                  fill={toSvgPaint(styles?.cluster?.backgroundColor ?? styles?.cluster?.background, isDarkMode ? 'rgba(30,41,59,0.35)' : 'none')}\n                  stroke={toSvgPaint(styles?.cluster?.borderColor ?? styles?.cluster?.border, isDarkMode ? '#334155' : '#e2e8f0')}\n                  strokeWidth=\"1.5\" strokeDasharray=\"8 4\" />\n                <text x={cb.x + 14} y={cb.y + cb.height - 10} fontSize=\"11\" fill={toSvgPaint(styles?.clusterLabel?.color, '#94a3b8')} fontFamily=\"Inter, sans-serif\" fontWeight=\"500\">{cb.label}</text>\n              </g>\n            ))}\n\n            {/* Edges */}\n            {graph.edges.map((edge) => {\n              const path = getEdgePath(edge, nodesMap, graph.edges);\n              if (!path) return null;\n              const isActive = activeEdges.has(edge.id);\n              const isPopup = edgePopup?.edge.id === edge.id;\n              const isHovered = hoveredEdge === edge.id;\n              const dimmed = !!selectedNode && !isActive;\n              const color = (isActive || isPopup)\n                ? (styles?.activeEdge?.color ?? styles?.activeEdge?.borderColor ?? '#6366f1')\n                : isHovered\n                  ? (styles?.edge?.color ?? '#818cf8')\n                  : (styles?.edge?.borderColor ?? styles?.edge?.color ?? (isDarkMode ? '#475569' : '#cbd5e1'));\n              const strokeW = (isActive || isPopup) ? 2.5 : isHovered ? 2 : 1.5;\n              return (\n                <g key={edge.id} style={{ opacity: dimmed ? 0.1 : 1, transition: 'opacity 0.25s' }}>\n                  <path data-edge-hit=\"true\" d={path} fill=\"none\" stroke=\"transparent\" strokeWidth={18} style={{ cursor: 'pointer' }}\n                    onClick={(e) => handleEdgeClick(e, edge)} onMouseEnter={() => setHoveredEdge(edge.id)} onMouseLeave={() => setHoveredEdge(null)} />\n                  <path d={path} fill=\"none\" stroke={color} strokeWidth={strokeW} style={{ transition: 'stroke 0.2s, stroke-width 0.2s', pointerEvents: 'none' }} />\n                  {(isActive || isPopup) && (\n                    <>\n                      <circle r={4} fill={styles?.edgeMarker?.color ?? styles?.activeEdge?.color ?? '#6366f1'}><animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" path={path} /></circle>\n                      <circle r={6} fill={styles?.edgeMarker?.color ?? styles?.activeEdge?.color ?? '#6366f1'} opacity={0.2}><animateMotion dur=\"1.8s\" repeatCount=\"indefinite\" path={path} /></circle>\n                    </>\n                  )}\n                </g>\n              );\n            })}\n\n            {/* Nodes */}\n            {graph.nodes.map((node) => {\n              const isSelected = selectedNode === node.id;\n              const isConnected = connectedNodes.has(node.id);\n              const dimmed = !!selectedNode && !isConnected;\n              const idx = clusterIdToIdx[node.cluster_id] ?? 0;\n              const clusterIdx = idx % CL_BORDER_ACTIVE.length;\n              const cc = CL_BORDER_ACTIVE[clusterIdx];\n              return (\n                <g key={node.id} data-node=\"true\" onClick={(e) => handleNodeClick(e, node)} style={{ cursor: 'pointer', opacity: dimmed ? 0.15 : 1, transition: 'opacity 0.25s' }}>\n                  <foreignObject x={node.x} y={node.y} width={NODE_W} height={NODE_H}>\n                    <div style={{\n                      background: styles?.node?.backgroundColor ?? styles?.node?.background ?? (isDarkMode ? '#1e293b' : '#fff'),\n                      border: isSelected\n                        ? (styles?.selectedNode?.border ?? `2.5px solid ${styles?.selectedNode?.borderColor ?? cc}`)\n                        : (styles?.node?.border ?? `1.5px solid ${styles?.node?.borderColor ?? (isDarkMode ? '#334155' : '#e2e8f0')}`),\n                      borderRadius: 10, padding: '8px 14px', fontSize: 13, fontWeight: 600,\n                      color: isDarkMode ? '#f1f5f9' : '#334155', fontFamily: \"'Inter', sans-serif\",\n                      display: 'flex', alignItems: 'center', gap: 8,\n                      boxShadow: isSelected\n                        ? (styles?.selectedNode?.boxShadow ?? `0 0 0 3px ${cc}33, 0 2px 8px rgba(0,0,0,0.4)`)\n                        : (styles?.node?.boxShadow ?? (isDarkMode ? '0 2px 6px rgba(0,0,0,0.3)' : '0 1px 3px rgba(0,0,0,0.05)')),\n                      whiteSpace: 'nowrap', userSelect: 'none', height: NODE_H - 2, boxSizing: 'border-box',\n                      transition: 'border 0.2s, box-shadow 0.2s',\n                      ...styles?.node,\n                      ...(isSelected ? styles?.selectedNode : {}),\n                    }}>\n                      <span style={{ width: 22, height: 22, borderRadius: 6, background: CL_BG[clusterIdx], display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: 11, flexShrink: 0, color: CL_FG[clusterIdx], ...styles?.nodeIcon }}>\n                        {CL_ICON[clusterIdx]}\n                      </span>\n                      <span style={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>{node.label}</span>\n                    </div>\n                  </foreignObject>\n                </g>\n              );\n            })}\n          </svg>\n        </div>\n\n        {/* Edge popup */}\n        {edgePopup && (\n          <div onClick={(e) => e.stopPropagation()} style={{\n            position: 'absolute', ...getPopupPos(edgePopup.screenX, edgePopup.screenY, 320, 180),\n            width: 320, background: isDarkMode ? '#1e293b' : '#fff', borderRadius: 14,\n            boxShadow: '0 8px 30px rgba(0,0,0,0.12), 0 2px 8px rgba(0,0,0,0.06)',\n            border: `1px solid ${isDarkMode ? '#334155' : '#e2e8f0'}`, zIndex: 30, animation: 'cdg-popIn 0.18s ease-out', overflow: 'hidden', ...styles?.edgePopup,\n          }}>\n            <div style={{ padding: '12px 16px 10px', background: 'linear-gradient(135deg,#6366f1,#8b5cf6)', color: '#fff', ...styles?.edgePopupHeader }}>\n              <div style={{ fontSize: 10, fontWeight: 600, textTransform: 'uppercase', letterSpacing: '0.06em', opacity: 0.8 }}>Edge Reasoning</div>\n              <div style={{ fontSize: 13, fontWeight: 600, marginTop: 4 }}>\n                {nodesMap[edgePopup.edge.source]?.label ?? 'Source'}\n                <span style={{ opacity: 0.6, margin: '0 6px' }}>→</span>\n                {nodesMap[edgePopup.edge.target]?.label ?? 'Target'}\n              </div>\n            </div>\n            <div style={{ padding: '12px 16px 14px', fontSize: 13, lineHeight: 1.6, color: isDarkMode ? '#cbd5e1' : '#475569', whiteSpace: 'pre-line', ...styles?.edgePopupBody }}>\n              {edgePopup.edge.reasoning || 'No reasoning available.'}\n            </div>\n            <button onClick={() => setEdgePopup(null)} style={{ position: 'absolute', top: 8, right: 10, background: 'rgba(255,255,255,0.2)', border: 'none', color: '#fff', borderRadius: 6, width: 24, height: 24, cursor: 'pointer', fontSize: 14, display: 'flex', alignItems: 'center', justifyContent: 'center', ...styles?.popupCloseButton }}>×</button>\n          </div>\n        )}\n      </div>\n\n      <style>{`\n        @keyframes cdg-popIn    { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n        @keyframes cdg-slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n      `}</style>\n    </div>\n  );\n};\n\nexport default CitationDependencyGraph;\n"],"names":["NODE_W","NODE_H","CL_BG","CL_FG","CL_ICON","CL_BORDER_ACTIVE","CL_GRAD","CLUSTER_LABELS","computeGraph","graphData","clusters","Array","isArray","rawNodes","nodes","edges","positions","rawEdges","rawClusters","N","length","Map","idxOf","forEach","n","i","id","rank","pass","changed","e","nr","source","target","clusterCol","c","clusterGroups","cluster_id","push","Object","values","g","sort","a","b","px","Float64Array","py","vx","vy","col","row","CLUSTER_K","maxRank","Math","max","map","rankTargetY","iter","t","fx","fy","j","dx","dy","d2","d","sqrt","f","ux","uy","si","ti","csx","csy","cnt","moved","ox","abs","oy","minX","Infinity","minY","min","result","set","x","round","y","autoLayout","p","get","clusterIdToIdx","clusterNodes","PAD","clusterBounds","cn","maxX","maxY","label","idx","width","height","filter","cb","cluster","canvasW","canvasH","getEdgePath","edge","nodesMap","allEdges","sn","tn","s","sCx","sCy","tCx","tCy","getPort","cx","cy","getConnectionPoints","dist","side","nx","ny","some","sign","bend","CitationDependencyGraph","data","isDarkMode","styles","useMemo","raw","uniqueClusters","Set","size","ceil","from","_","node","floor","graph_id","prompt_id","last_analyzed_at","Date","toISOString","keys","key","index","split","w","charAt","toUpperCase","slice","join","nodeId","description","deps","dep","depIdx","targetKey","dependent_on","reasoningText","reasoning","r","text","Boolean","String","score","Score","gap","dependency_type","convertRawData","graph","m","containerRef","useRef","pan","setPan","useState","zoom","setZoom","isPanning","setIsPanning","panStart","panOrigin","edgePopup","setEdgePopup","nodePopup","setNodePopup","hoveredEdge","setHoveredEdge","selectedNode","setSelectedNode","activeEdges","connectedNodes","ids","add","toLocaleString","hour","minute","hour12","day","month","year","handleWheel","useCallback","preventDefault","z","deltaY","useEffect","el","current","addEventListener","passive","removeEventListener","handlePointerDown","closest","clientX","clientY","currentTarget","style","cursor","handlePointerMove","handlePointerUp","toSvgPaint","value","fallback","bg","root","backgroundColor","background","fg","color","mutedFg","subtitle","zBtnStyle","border","borderRadius","fontSize","display","alignItems","justifyContent","fontWeight","controlButton","jsxs","position","fontFamily","overflow","children","top","left","right","zIndex","padding","header","jsx","margin","boxShadow","controls","onClick","minWidth","animation","nodePopupHeader","textTransform","letterSpacing","opacity","marginTop","popupCloseButton","lineHeight","nodePopupBody","ref","onPointerDown","onPointerMove","onPointerUp","onPointerLeave","transform","transformOrigin","transition","rx","fill","stroke","borderColor","strokeWidth","strokeDasharray","clusterLabel","path","isActive","has","isPopup","isHovered","dimmed","activeEdge","strokeW","stopPropagation","rect","getBoundingClientRect","screenX","screenY","handleEdgeClick","onMouseEnter","onMouseLeave","pointerEvents","Fragment","edgeMarker","dur","repeatCount","isSelected","isConnected","clusterIdx","cc","handleNodeClick","whiteSpace","userSelect","boxSizing","flexShrink","nodeIcon","textOverflow","h","getPopupPos","edgePopupHeader","edgePopupBody"],"mappings":"0JA6IA,MAAMA,EAAS,IACTC,EAAS,GAETC,EAAU,CAAC,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,WACrGC,EAAU,CAAC,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,WACrGC,EAAU,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,IAAI,KAC/CC,EAAmB,CAAC,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,UAAU,WAC9GC,EAAU,CACd,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,0CACA,2CAGIC,EAAiB,CAAC,mBAAoB,qBAAsB,oBAgJlE,SAASC,EAAaC,GACd,MAAAC,EAAWC,MAAMC,QAAQH,GAAWC,UAAYD,EAAUC,SAAW,GACrEG,EAAWF,MAAMC,QAAQH,GAAWK,OAASL,EAAUK,MAAQ,GAC/DC,EAAQJ,MAAMC,QAAQH,GAAWM,OAASN,EAAUM,MAAQ,GAC5DC,EA7FR,SAAoBH,EAAqBI,EAAkBC,GACzD,MAAMC,EAAIN,EAASO,OACnB,GAAU,IAAND,EAAgB,OAAA,IAAIE,IAExB,MAAMC,EAAgC,CAAA,EAC7BT,EAAAU,QAAQ,CAACC,EAAGC,KAAcH,EAAAE,EAAEE,IAAMD,IAE3C,MAAME,EAA+B,CAAA,EAC5Bd,EAAAU,QAASC,IAAaG,EAAAH,EAAEE,IAAM,IACvC,IAAA,IAASE,EAAO,EAAGA,EAAOT,EAAGS,IAAQ,CACnC,IAAIC,GAAU,EACd,IAAA,MAAWC,KAAKb,EAAU,CACxB,MAAMc,GAAMJ,EAAKG,EAAEE,SAAW,GAAK,EAC/BD,GAAMJ,EAAKG,EAAEG,SAAW,IAAMF,EAAKZ,IAAUQ,EAAAG,EAAEG,QAAUF,EAAcF,GAAA,EAC7E,CACA,IAAKA,EAAS,KAChB,CAEA,MAAMK,EAAqC,CAAA,EAC/BhB,EAAAK,QAAQ,CAACY,EAAGV,KAAmBS,EAAAC,EAAET,IAAMD,IACnD,MAAMW,EAA2C,CAAA,EACrClB,EAAAK,QAASY,IAAsBC,EAAAD,EAAET,IAAM,KAC1Cb,EAAAU,QAASC,IAAQY,EAAcZ,EAAEa,aAAaC,KAAKd,KACrDe,OAAAC,OAAOJ,GAAeb,QAASkB,GAAMA,EAAEC,KAAK,CAACC,EAAGC,KAAOjB,EAAKgB,EAAEjB,KAAO,IAAMC,EAAKiB,EAAElB,KAAO,KAE1F,MACAmB,EAAK,IAAIC,aAAa3B,GAAI4B,EAAK,IAAID,aAAa3B,GAChD6B,EAAK,IAAIF,aAAa3B,GAAI8B,EAAK,IAAIH,aAAa3B,GACtD,IAAA,MAAWgB,KAAKjB,EAAa,CAC3B,MAAMgC,EAAMhB,EAAWC,EAAET,KAAO,GAC/BU,EAAcD,EAAET,KAAO,IAAIH,QAAQ,CAACC,EAAG2B,KAAgB,MAAA1B,EAAIH,EAAME,EAAEE,IAAQmB,EAAApB,GAL9D,IAKmEyB,EAAgB,IAAQH,EAAAtB,GAL5E,IAKiF0B,EAAgB,KAChI,CAEA,MAA6DC,EAAY,MACnEC,EAAUC,KAAKC,OAAO1C,EAAS2C,IAAKhC,GAAMG,EAAKH,EAAEE,KAAO,GAAI,GAC5D+B,EAAc,IAAIX,aAAa3B,GACrC,IAAA,IAASM,EAAI,EAAGA,EAAIN,EAAGM,IAAKgC,EAAYhC,IAAOE,EAAKd,EAASY,GAAGC,KAAO,GAAK2B,GAX7C,IAWyDlC,EAAc,IAAO,IAE7G,IAAA,IAASuC,EAAO,EAAGA,EAL4G,IAK9FA,IAAQ,CACvC,MAAMC,EAAIL,KAAKC,IAAI,KAAO,EAAIG,EAN+F,KAOvHE,EAAK,IAAId,aAAa3B,GAAI0C,EAAK,IAAIf,aAAa3B,GACtD,IAAA,IAASM,EAAI,EAAGA,EAAIN,EAAGM,IACrB,IAAA,IAASqC,EAAIrC,EAAI,EAAGqC,EAAI3C,EAAG2C,IAAK,CAC9B,IAAIC,EAAKlB,EAAGpB,GAAKoB,EAAGiB,GAAIE,EAAKjB,EAAGtB,GAAKsB,EAAGe,GAAIG,EAAKF,EAAKA,EAAKC,EAAKA,EAC5DC,EAAK,MAAOF,EAAe,IAATtC,EAAIqC,GAASE,EAAe,GAATvC,EAAIqC,GAAaG,EAAAF,EAAKA,EAAKC,EAAKA,GACzE,MAAME,EAAIZ,KAAKa,KAAKF,GAAKG,EAZb,KAY6BH,EACnCI,EAAMN,EAAKG,EAAKE,EAAGE,EAAMN,EAAKE,EAAKE,EACzCR,EAAGnC,IAAM4C,EAAIR,EAAGpC,IAAM6C,EAAIV,EAAGE,IAAMO,EAAIR,EAAGC,IAAMQ,CAClD,CAEF,IAAA,MAAWxC,KAAKb,EAAU,CAClB,MAAAsD,EAAKjD,EAAMQ,EAAEE,QAASwC,EAAKlD,EAAMQ,EAAEG,QACrC,QAAoB,IAApBsC,QAAsC,IAAlBC,EAAkB,SACpC,MAAAT,EAAKlB,EAAG2B,GAAM3B,EAAG0B,GAAKP,EAAKjB,EAAGyB,GAAMzB,EAAGwB,GAAKL,EAAIZ,KAAKa,KAAKJ,EAAKA,EAAKC,EAAKA,GAC/E,GAAIE,EAAI,EAAG,SACL,MAAAE,EAtB2B,MAsBtBF,EAtByC,KAuB9CG,EAAMN,EAAKG,EAAKE,EAAGE,EAAMN,EAAKE,EAAKE,EACzCR,EAAGW,IAAOF,EAAIR,EAAGU,IAAOD,EAAIV,EAAGY,IAAOH,EAAIR,EAAGW,IAAOF,CACtD,CACA,MAAMG,EAA8B,CAAA,EAAIC,EAA8B,CAAA,EAAIC,EAA8B,CAAA,EACxG,IAAA,IAASlD,EAAI,EAAGA,EAAIN,EAAGM,IAAK,CAAQ,MAAAU,EAAItB,EAASY,GAAGY,WAAYoC,EAAItC,IAAMsC,EAAItC,IAAM,GAAKU,EAAGpB,GAAIiD,EAAIvC,IAAMuC,EAAIvC,IAAM,GAAKY,EAAGtB,GAAIkD,EAAIxC,IAAMwC,EAAIxC,IAAM,GAAK,CAAG,CAC5J,IAAA,IAASV,EAAI,EAAGA,EAAIN,EAAGM,IAAK,CAAQ,MAAAU,EAAItB,EAASY,GAAGY,WAAeuB,EAAAnC,KAAOgD,EAAItC,GAAKwC,EAAIxC,GAAKU,EAAGpB,IAAM2B,EAAcS,EAAApC,KAAOiD,EAAIvC,GAAKwC,EAAIxC,GAAKY,EAAGtB,IAAM2B,CAAW,CAChK,IAAA,IAAS3B,EAAI,EAAGA,EAAIN,EAAGM,IAAKoC,EAAGpC,IA7B+D,MA6BxDgC,EAAYhC,GAAKsB,EAAGtB,IAC1D,IAAA,IAASA,EAAI,EAAGA,EAAIN,EAAGM,IAAUuB,EAAAvB,GA9B8E,KA8BxEuB,EAAGvB,GAAKmC,EAAGnC,IAAgBkC,EAAMV,EAAAxB,GA9BuC,KA8BjCwB,EAAGxB,GAAKoC,EAAGpC,IAAgBkC,EAAMd,EAAApB,IAAMuB,EAAGvB,GAAOsB,EAAAtB,IAAMwB,EAAGxB,EAC1I,CAGA,IAAA,IAASG,EAAO,EAAGA,EAAO,GAAIA,IAAQ,CACpC,IAAIgD,GAAQ,EACZ,IAAA,IAASnD,EAAI,EAAGA,EAAIN,EAAGM,IACrB,IAAA,IAASqC,EAAIrC,EAAI,EAAGqC,EAAI3C,EAAG2C,IAAK,CACxB,MAAAC,EAAKlB,EAAGpB,GAAKoB,EAAGiB,GAAIE,EAAKjB,EAAGtB,GAAKsB,EAAGe,GAAIe,EALrC7E,IAKmDsD,KAAKwB,IAAIf,GAAKgB,EAL1C9E,IAKwDqD,KAAKwB,IAAId,GAC7F,GAAAa,EAAK,GAAKE,EAAK,EAEjB,GADQH,GAAA,EACJC,EAAKE,EAAI,CAAQ,MAAAzC,EAAOuC,EAAK,EAAI,EAAGhC,EAAGpB,IAAMsC,EAAK,EAAIzB,GAAQA,EAAMO,EAAGiB,IAAMC,EAAK,EAAIzB,GAAQA,CAAA,KAC7F,CAAQ,MAAAA,EAAOyC,EAAK,EAAI,EAAGhC,EAAGtB,IAAMuC,EAAK,EAAI1B,GAAQA,EAAMS,EAAGe,IAAME,EAAK,EAAI1B,GAAQA,CAAM,CAEpG,CAEF,IAAKsC,EAAO,KACd,CAEI,IAAAI,EAAOC,IAAUC,EAAOD,IAC5B,IAAA,IAASxD,EAAI,EAAGA,EAAIN,EAAGM,IAAOuD,EAAO1B,KAAK6B,IAAIH,EAAMnC,EAAGpB,IAAKyD,EAAO5B,KAAK6B,IAAID,EAAMnC,EAAGtB,IAC/E,MAAA2D,MAAa/D,IACnB,IAAA,IAASI,EAAI,EAAGA,EAAIN,EAAGM,IAAK2D,EAAOC,IAAIxE,EAASY,GAAGC,GAAI,CAAE4D,EAAGhC,KAAKiC,MAAM1C,EAAGpB,GAAKuD,EAAO,IAAKQ,EAAGlC,KAAKiC,MAAMxC,EAAGtB,GAAKyD,EAAO,MACjH,OAAAE,CACT,CAMoBK,CAAW5E,EAAUE,EAAOL,GACxCI,EAAmBD,EAAS2C,IAAKhC,IAAc,MAAAkE,EAAI1E,EAAU2E,IAAInE,EAAEE,KAAO,CAAE4D,EAAG,EAAGE,EAAG,GAAY,MAAA,IAAKhE,EAAG8D,EAAGI,EAAEJ,EAAGE,EAAGE,EAAEF,KACtHI,EAAyC,CAAA,EACtClF,EAAAa,QAAQ,CAACY,EAAGV,KAAuBmE,EAAAzD,EAAET,IAAMD,IACpD,MAAMoE,EAA0C,CAAA,EACvCnF,EAAAa,QAASY,IAAqB0D,EAAA1D,EAAET,IAAM,KACzCZ,EAAAS,QAASC,IAAQqE,EAAarE,EAAEa,aAAaC,KAAKd,KACxD,MAAMsE,EAAM,GACNC,EAAgCrF,EAAS8C,IAAKrB,IAC5C,MAAA6D,EAAKH,EAAa1D,EAAET,IACtB,IAACsE,EAAG5E,OAAe,OAAA,KACjB,MAAA4D,EAAO1B,KAAK6B,OAAOa,EAAGxC,IAAKhC,GAAMA,EAAE8D,IACnCJ,EAAO5B,KAAK6B,OAAOa,EAAGxC,IAAKhC,GAAMA,EAAEgE,IACnCS,EAAO3C,KAAKC,OAAOyC,EAAGxC,IAAKhC,GAAMA,EAAE8D,EAAItF,IACvCkG,EAAO5C,KAAKC,OAAOyC,EAAGxC,IAAKhC,GAAMA,EAAEgE,EAAIvF,IAC7C,MAAO,CAAEyB,GAAIS,EAAET,GAAIyE,MAAOhE,EAAEgE,MAAOC,IAAKR,EAAezD,EAAET,IAAK4D,EAAGN,EAAOc,EAAKN,EAAGN,EAAOY,EAAKO,MAAOJ,EAAOjB,EAAOc,GAASQ,OAAQJ,EAAOhB,EAAOY,GAAU,MACzJS,OAAQC,GAAkC,OAAPA,GAItC,MAAO,CAAE1F,MAHyBA,EAAM0C,IAAKhC,IAAO,IAAKA,EAAGiF,QAASb,EAAepE,EAAEa,aAAe,KAGxEtB,QAAOgF,gBAAeW,QAFnCpD,KAAKC,OAAOzC,EAAM0C,IAAKhC,GAAMA,EAAE8D,EAAItF,IAAW8F,GAEFa,QAD5CrD,KAAKC,OAAOzC,EAAM0C,IAAKhC,GAAMA,EAAEgE,EAAIvF,IAAW6F,GAEhE,CAaA,SAASc,EAAYC,EAAYC,EAAsCC,GAC/D,MAAAC,EAAKF,EAASD,EAAK7E,QAASiF,EAAKH,EAASD,EAAK5E,QACrD,IAAK+E,IAAOC,EAAW,MAAA,GACjB,MAAEjF,OAAQkF,EAAGjF,OAAQ0B,GAd7B,SAA6BqD,EAAgBC,GACrC,MAAAE,EAAMH,EAAG1B,EAAItF,GAAYoH,EAAMJ,EAAGxB,EAAIvF,GACtCoH,EAAMJ,EAAG3B,EAAItF,GAAYsH,EAAML,EAAGzB,EAAIvF,GAC5C,SAASsH,EAAQC,EAAYC,EAAY5C,EAAYE,GACnD,MAAMhB,EAAKc,EAAK2C,EAAIxD,EAAKe,EAAK0C,EAC1B,OAAAnE,KAAKwB,IAAId,GAAqB,GAAfV,KAAKwB,IAAIf,GAAkBC,EAAK,EAAI,CAAEsB,EAAGkC,EAAIhC,EAAGiC,EAAKxH,IAAe,CAAEqF,EAAGkC,EAAIhC,EAAGiC,EAAKxH,IACjG8D,EAAK,EAAI,CAAEuB,EAAGkC,EAAKxH,GAAYwF,EAAGiC,GAAO,CAAEnC,EAAGkC,EAAKxH,GAAYwF,EAAGiC,EAC3E,CACA,MAAO,CAAEzF,OAAQuF,EAAQJ,EAAKC,EAAKC,EAAKC,GAAMrF,OAAQsF,EAAQF,EAAKC,EAAKH,EAAKC,GAC/E,CAKmCM,CAAoBV,EAAIC,GACnDlD,EAAKJ,EAAE2B,EAAI4B,EAAE5B,EAAGtB,EAAKL,EAAE6B,EAAI0B,EAAE1B,EAAGmC,EAAOrE,KAAKa,KAAKJ,EAAKA,EAAKC,EAAKA,GACtE,GAAI2D,EAAO,EAAU,MAAA,KAAKT,EAAE5B,KAAK4B,EAAE1B,OAAO7B,EAAE2B,KAAK3B,EAAE6B,IAEnD,GADeyB,EAAGzB,EAAI,IAAMwB,EAAGxB,GAAKyB,EAAGzB,EAAIwB,EAAGxB,EAAIvF,EACtC,CAAE,MAAM2H,EAAOtE,KAAK6B,IAAI6B,EAAG1B,EAAG2B,EAAG3B,GAAK,IAAY,MAAA,KAAK4B,EAAE5B,KAAK4B,EAAE1B,OAAOoC,KAAQV,EAAE1B,MAAMoC,KAAQjE,EAAE6B,MAAM7B,EAAE2B,KAAK3B,EAAE6B,GAAK,CACjI,MACMqC,GAAM7D,EAAK2D,EAAMG,EAAK/D,EAAK4D,EACjC,GAFmBZ,EAASgB,KAAMjG,GAAMA,EAAEE,SAAW6E,EAAK5E,QAAUH,EAAEG,SAAW4E,EAAK7E,QAEtE,CACd,MAAMgG,EAAOnB,EAAK7E,OAAS6E,EAAK5E,OAAS,GAAI,EACvCgG,EAAO3E,KAAKC,IAAW,IAAPoE,EAAa,IAAMK,EAClC,MAAA,KAAKd,EAAE5B,KAAK4B,EAAE1B,QAAQ0B,EAAE5B,EAAI3B,EAAE2B,GAAK,EAAIuC,EAAKI,MAASf,EAAE1B,EAAI7B,EAAE6B,GAAK,EAAIsC,EAAKG,KAAQtE,EAAE2B,KAAK3B,EAAE6B,GACrG,CACA,MAAMyC,EAAO3E,KAAK6B,IAAW,IAAPwC,EAAa,IAC5B,MAAA,KAAKT,EAAE5B,KAAK4B,EAAE1B,QAAQ0B,EAAE5B,EAAI3B,EAAE2B,GAAK,EAAIuC,EAAKI,MAASf,EAAE1B,EAAI7B,EAAE6B,GAAK,EAAIsC,EAAKG,KAAQtE,EAAE2B,KAAK3B,EAAE6B,GACrG,CAIA,MAAM0C,EAAkE,EACtEC,OACAC,cAAa,EACb9B,SAAS,IACTD,QAAQ,OACRgC,aAEM,MAAA5H,EAAY6H,EAAQ,IA9M5B,SAAwBC,GACtB,IAAKA,GAAsB,iBAARA,EAAyB,OAAA,KAExC,GAAA5H,MAAMC,QAAQ2H,EAAIzH,QAAUH,MAAMC,QAAQ2H,EAAIxH,OAAQ,CACxD,IAAID,EAAQyH,EAAIzH,MACZJ,EAAWC,MAAMC,QAAQ2H,EAAI7H,WAAa6H,EAAI7H,SAASU,OAAS,EAAImH,EAAI7H,SAAW,KACjF,MAAA8H,EAAiB,IAAIC,IAAI3H,EAAM0C,IAAKhC,GAAWA,EAAEa,aACvD,IAAK3B,GAAY8H,EAAeE,MAAQ,EAAG,CACzC,MAAMlH,EAAI8B,KAAKC,IAAI,EAAGD,KAAK6B,IAAI,EAAG7B,KAAKqF,KAAK7H,EAAMM,OAAS,KAC3DV,EAAWC,MAAMiI,KAAK,CAAExH,OAAQI,GAAK,CAACqH,EAAGpH,MAASC,GAAI,MAAMD,EAAI,IAAK0E,MAAO5F,EAAekB,IAAM,SAASA,EAAI,OAC9GX,EAAQA,EAAM0C,IAAI,CAACsF,EAAW1C,KAC5B,MAAMlD,EAAMkD,EAAM5E,EACZ2B,EAAMG,KAAKyF,MAAM3C,EAAM5E,GAC7B,MAAO,IAAKsH,EAAMzG,WAAY3B,EAASwC,GAAKxB,GAAI4D,EAAS,IAANpC,EAAY,IAAKsC,EAAS,IAANrC,EAAY,MAEvF,CACO,MAAA,CAAE6F,SAAUT,EAAIS,UAAY,QAASC,UAAWV,EAAIU,WAAa,GAAIC,iBAAkBX,EAAIW,uBAAwBC,MAAOC,cAAe1I,SAAAA,EAAUI,MAAAA,EAAOC,MAAOwH,EAAIxH,MAC9K,CAEM,MAAAsI,EAAO9G,OAAO8G,KAAKd,GACrB,GAAgB,IAAhBc,EAAKjI,OAAqB,OAAA,KAC9B,MAAMI,EAAI8B,KAAKC,IAAI,EAAGD,KAAK6B,IAAI,EAAG7B,KAAKqF,KAAKU,EAAKjI,OAAS,KACpDV,EAAWC,MAAMiI,KAAK,CAAExH,OAAQI,GAAK,CAACqH,EAAGpH,MAASC,GAAI,MAAMD,EAAI,IAAK0E,MAAO5F,EAAekB,IAAM,SAASA,EAAI,OAC9GX,EAAmB,GACnBC,EAAgB,GAqBlB,OApBCsI,EAAA9H,QAAQ,CAAC+H,EAAKC,KACjB,MAAMrG,EAAMqG,EAAQ/H,EACd2B,EAAMG,KAAKyF,MAAMQ,EAAQ/H,GACzB2E,EAAQmD,EAAIE,MAAM,KAAKhG,IAAKiG,GAAMA,EAAEC,OAAO,GAAGC,cAAgBF,EAAEG,MAAM,IAAIC,KAAK,KAC/EC,EAAS,QAAQR,IACjBxI,EAAAwB,KAAK,CAAEZ,GAAIoI,EAAQ3D,QAAO9D,WAAY3B,EAASwC,GAAKxB,GAAI4D,EAAS,IAANpC,EAAY,IAAKsC,EAAS,IAANrC,EAAY,IAAK4G,YAAa,YAAY5D,MACzH,MAAA6D,EAAOzB,EAAIe,GACb3I,MAAMC,QAAQoJ,IACXA,EAAAzI,QAAQ,CAAC0I,EAAUC,KACtB,IAAKD,GAAsB,iBAARA,EAAkB,OACrC,MAAME,EAAYF,EAAIG,aACtB,IAAKD,EAAW,OAChB,IAAIE,EAAgB,GACS,iBAAlBJ,EAAIK,YAAwCL,EAAIK,UAClD3J,MAAMC,QAAQqJ,EAAIK,WAA4BD,EAAAJ,EAAIK,UAAU9G,IAAK+G,GAAyB,iBAANA,EAAiBA,EAAIA,GAAGC,MAAQ,IAAKjE,OAAOkE,SAASZ,KAAK,KAC9II,EAAIK,WAAWE,SAAsBE,OAAOT,EAAIK,UAAUE,OACnEzJ,EAAMuB,KAAK,CAAEZ,GAAI,KAAK4H,KAAOa,KAAaD,IAAUlI,OAAQ8H,EAAQ7H,OAAQ,QAAQkI,IAAaG,UAAWD,GAAiB,cAAcF,IAAaQ,MAA4B,iBAAdV,EAAIW,MAAqBX,EAAIW,MAA6B,iBAAdX,EAAIU,MAAqBV,EAAIU,MAAQ,GAAIE,IAAKZ,EAAIY,KAAO,GAAIC,gBAAiBb,EAAIa,iBAAmB,iBAIxS,IAAjBhK,EAAMM,OAAqB,KACxB,CAAE4H,SAAU,kBAAmBC,UAAW,GAAIC,kBAAA,IAAsBC,MAAOC,cAAe1I,WAAUI,QAAOC,QACpH,CA+JkCgK,CAAe5C,GAAO,CAACA,IACjD6C,EAAQ1C,EAAQ,IAAO7H,EAAYD,EAAaC,GAAa,KAAO,CAACA,IACrEqG,EAAWwB,EAAoC,KACnD,MAAM2C,EAAgC,CAAA,EAE/B,OADAD,GAAAlK,MAAMS,QAASC,IAAUyJ,EAAAzJ,EAAEE,IAAMF,IACjCyJ,GACN,CAACD,IACEpF,EAAiB0C,EAAgC,KACrD,MAAM2C,EAA4B,CAAA,EAE3B,OADPxK,GAAWC,SAASa,QAAQ,CAACY,EAAGV,KAAUwJ,EAAA9I,EAAET,IAAMD,IAC3CwJ,GACN,CAACxK,IAEEyK,EAAeC,EAAuB,OACrCC,EAAKC,GAAUC,EAAmB,CAAEhG,EAAG,EAAGE,EAAG,KAC7C+F,EAAMC,GAAWF,EAAS,KAC1BG,EAAWC,GAAgBJ,GAAS,GACrCK,EAAWR,EAAiB,CAAE7F,EAAG,EAAGE,EAAG,IACvCoG,EAAYT,EAAiB,CAAE7F,EAAG,EAAGE,EAAG,KACvCqG,EAAWC,GAAgBR,EAAgC,OAC3DS,EAAWC,GAAgBV,EAAgC,OAC3DW,EAAaC,GAAkBZ,EAAwB,OACvDa,EAAcC,GAAmBd,EAAwB,MAE1De,EAAc/D,EAAQ,IACrB6D,GAAiBnB,EACf,IAAIvC,IAAIuC,EAAMjK,MAAMwF,OAAQzE,GAAMA,EAAEE,SAAWmK,GAAgBrK,EAAEG,SAAWkK,GAAc3I,IAAK1B,GAAMA,EAAEJ,SADtE+G,IAEvC,CAAC0D,EAAcnB,IAEZsB,EAAiBhE,EAAQ,KAC7B,IAAK6D,IAAiBnB,EAAO,WAAWvC,IACxC,MAAM8D,EAAM,IAAI9D,IAAY,CAAC0D,IAEtB,OADDnB,EAAAjK,MAAMQ,QAASO,IAAYA,EAAEE,SAAWmK,GAAkBI,EAAAC,IAAI1K,EAAEG,QAAaH,EAAEG,SAAWkK,GAAkBI,EAAAC,IAAI1K,EAAEE,UACjHuK,GACN,CAACJ,EAAcnB,IAEG1C,EAAQ,IACtB7H,EACE,IAAI0I,KAAK1I,EAAUyI,kBAAkBuD,eAAe,QAAS,CAAEC,KAAM,UAAWC,OAAQ,UAAWC,QAAQ,EAAMC,IAAK,UAAWC,MAAO,QAASC,KAAM,YADvI,GAEtB,CAACtM,IAEE,MAAAuM,EAAcC,EAAanL,IAC/BA,EAAEoL,iBACF1B,EAAS2B,GAAM7J,KAAK6B,IAAI,IAAK7B,KAAKC,IAAI,GAAK4J,EAAe,KAAXrL,EAAEsL,WAChD,IAEHC,EAAU,KACR,MAAMC,EAAKpC,EAAaqC,QAExB,OADID,KAAOE,iBAAiB,QAASR,EAAa,CAAES,SAAS,IACtD,IAAMH,GAAII,oBAAoB,QAASV,IAC7C,CAACA,IAEE,MAAAW,EAAoBV,EAAanL,IAChCA,EAAEG,OAAuB2L,QAAQ,oBAAuB9L,EAAEG,OAAuB2L,QAAQ,iBAC9FlC,GAAa,GACbC,EAAS4B,QAAU,CAAEjI,EAAGxD,EAAE+L,QAASrI,EAAG1D,EAAEgM,SAC9BlC,EAAA2B,QAAU,IAAKnC,GACvBtJ,EAAAiM,cAAcC,MAAMC,OAAS,aAC9B,CAAC7C,IAEE8C,EAAoBjB,EAAanL,IAChC2J,GACLJ,EAAO,CAAE/F,EAAGsG,EAAU2B,QAAQjI,GAAKxD,EAAE+L,QAAUlC,EAAS4B,QAAQjI,GAAIE,EAAGoG,EAAU2B,QAAQ/H,GAAK1D,EAAEgM,QAAUnC,EAAS4B,QAAQ/H,MAC1H,CAACiG,IAEE0C,EAAkBlB,EAAY,KAClCvB,GAAa,GACTR,EAAaqC,UAAsBrC,EAAAqC,QAAQS,MAAMC,OAAS,SAC7D,IA6BH,MAAMG,EAAa,CAACC,EAAgBC,IAA8C,iBAAVD,EAAqBA,EAAQC,EAE/FC,EAAKlG,GAAQmG,MAAMC,iBAAmBpG,GAAQmG,MAAME,aAAetG,EAAa,UAAY,WAC5FuG,EAAKtG,GAAQmG,MAAMI,QAAUxG,EAAa,UAAY,WACtDyG,EAAUxG,GAAQyG,UAAUF,OAAuB,UAEnDG,GAAiC,CACrC1I,MAAO,GAAIC,OAAQ,GAAI0I,OAAQ,OAAQN,WAAY,cAAeO,aAAc,EAChFhB,OAAQ,UAAWiB,SAAU,GAAIN,MAAOxG,EAAa,UAAY,UACjE+G,QAAS,OAAQC,WAAY,SAAUC,eAAgB,SAAUC,WAAY,OAC1EjH,GAAQkH,eAGb,OAAKvE,GAAUvK,EAGb+O,EAAC,MAAA,CACCxB,MAAO,CAAE3H,QAAOC,SAAQmJ,SAAU,WAAYf,WAAYH,EAAIK,MAAOD,EAAIe,WAAY,yDAA0DC,SAAU,YAAatH,GAAQmG,MAG9KoB,SAAA,CAACJ,EAAA,MAAA,CAAIxB,MAAO,CAAEyB,SAAU,WAAYI,IAAK,EAAGC,KAAM,EAAGC,MAAO,EAAGC,OAAQ,GAAIC,QAAS,YAAad,QAAS,OAAQC,WAAY,SAAUC,eAAgB,mBAAoBhH,GAAQ6H,QAClLN,SAAA,CAAAO,EAAC,IAAE,CAAAnC,MAAO,CAAEoC,OAAQ,EAAGlB,SAAU,GAAIN,MAAOC,KAAYxG,GAAQyG,UAAYc,SAE5E,qDACAJ,EAAC,OAAIxB,MAAO,CAAEmB,QAAS,OAAQtE,IAAK,EAAG6D,WAAYtG,EAAa,UAAY,OAAQ6G,aAAc,GAAIgB,QAAS,EAAGI,UAAWjI,EAAa,4BAA8B,gCAAiCC,GAAQiI,UAC/MV,SAAA,CAAAO,EAAC,SAAO,CAAAI,QAAS,IAAM/E,EAAS2B,GAAM7J,KAAKC,IAAI,GAAK4J,EAAI,MAAQa,MAAOe,GAAWa,SAAC,MACnFJ,EAAC,SAAO,CAAAe,QAAS,KAAQ/E,EAAQ,IAAMH,EAAO,CAAE/F,EAAG,EAAGE,EAAG,KAASwI,MAAO,IAAKe,GAAWG,SAAU,GAAI7I,MAAO,GAAIiJ,WAAY,KAAQM,SAAA,CAAKtM,KAAAiC,MAAa,IAAPgG,GAAY,SAC5J,SAAO,CAAAgF,QAAS,IAAM/E,EAAS2B,GAAM7J,KAAK6B,IAAI,IAAKgI,EAAI,MAAQa,MAAOe,GAAWa,SAAC,YAKtF7D,SACC,MAAMjD,EAAOiD,EAAUjD,KACjB1C,EAAMR,EAAekD,EAAKzG,aAAe,EAC/C,OACGmN,EAAA,MAAA,CAAIxB,MAAO,CAAEyB,SAAU,WAAYI,IAAK,GAAIC,KAAM,GAAIE,OAAQ,GAAI3J,MAAO,MAAOmK,SAAU,IAAKvB,aAAc,GAAIU,SAAU,SAAUU,UAAW,8BAA+BrB,OAAQ,cAAa5G,EAAa,UAAY,WAAaqI,UAAW,iCAAkCpI,GAAQ0D,WAC9R6D,SAAA,CAACJ,EAAA,MAAA,CAAIxB,MAAO,CAAEiC,QAAS,YAAavB,WAAYpO,EAAQ8F,EAAM9F,EAAQc,QAASwN,MAAO,OAAQO,QAAS,OAAQC,WAAY,SAAUC,eAAgB,mBAAoBhH,GAAQqI,iBAC/Kd,SAAA,CAACJ,EAAA,MAAA,CAAIxB,MAAO,CAAEmB,QAAS,OAAQC,WAAY,SAAUvE,IAAK,IACxD+E,SAAA,CAACO,EAAA,OAAA,CAAKnC,MAAO,CAAE3H,MAAO,GAAIC,OAAQ,GAAI2I,aAAc,EAAGP,WAAY,wBAAyBS,QAAS,OAAQC,WAAY,SAAUC,eAAgB,SAAUH,SAAU,IAAOU,SAAQxP,EAAAgG,EAAMhG,EAAQgB,YACnM,MACC,CAAAwO,SAAA,CAAAO,EAAC,OAAInC,MAAO,CAAEkB,SAAU,EAAGI,WAAY,IAAKqB,cAAe,YAAaC,cAAe,SAAUC,QAAS,KAASjB,SAAAnP,EAAUC,SAAS0F,IAAMD,OAAS,KACpJgK,EAAA,MAAA,CAAInC,MAAO,CAAEkB,SAAU,GAAII,WAAY,IAAKwB,UAAW,GAAMlB,SAAA9G,EAAK3C,cAGvEgK,EAAC,SAAO,CAAAI,QAAS,KAAQvE,EAAa,MAAOI,EAAgB,OAAU4B,MAAO,CAAEU,WAAY,wBAAyBM,OAAQ,OAAQJ,MAAO,OAAQK,aAAc,EAAG5I,MAAO,GAAIC,OAAQ,GAAI2H,OAAQ,UAAWiB,SAAU,GAAIC,QAAS,OAAQC,WAAY,SAAUC,eAAgB,YAAahH,GAAQ0I,kBAAoBnB,SAAC,SAEhUO,EAAC,MAAI,CAAAnC,MAAO,CAAEiC,QAAS,YAAaf,SAAU,GAAI8B,WAAY,IAAKpC,MAAOxG,EAAa,UAAY,UAAWsG,WAAYtG,EAAa,UAAY,UAAWC,GAAQ4I,eACnKrB,SAAK9G,EAAAiB,aAAe,gCAI1B,KAGHyF,EAAC,MAAA,CACC0B,IAAKhG,EACLiG,cAAexD,EACfyD,cAAelD,EACfmD,YAAalD,EACbmD,eAAgBnD,EAChBoC,QAzEgB,KAAQzE,EAAa,MAAOE,EAAa,MAAOI,EAAgB,OA0EhF4B,MAAO,CAAE3H,MAAO,OAAQC,OAAQ,OAAQ2H,OAAQxC,EAAY,WAAa,OAAQgE,SAAU,YAE3FG,SAAA,CAAAO,EAAC,OAAInC,MAAO,CAAEuD,UAAW,aAAanG,EAAI9F,OAAO8F,EAAI5F,cAAc+F,KAASiG,gBAAiB,WAAY/B,SAAU,WAAYI,IAAK,GAAIC,KAAM,GAAI2B,WAAYhG,EAAY,OAAS,4BACjLmE,WAAC,MAAI,CAAAvJ,MAAO2E,EAAMtE,QAASJ,OAAQ0E,EAAMrE,QAASqH,MAAO,CAAE2B,SAAU,WAElEC,SAAA,CAAA5E,EAAMjF,cAAcvC,IAAKgD,KACvB,IACC,CAAAoJ,SAAA,CAAAO,EAAC,OAAA,CAAK7K,EAAGkB,EAAGlB,EAAGE,EAAGgB,EAAGhB,EAAGa,MAAOG,EAAGH,MAAOC,OAAQE,EAAGF,OAAQoL,GAAG,KAC7DC,KAAMvD,EAAW/F,GAAQ5B,SAASgI,iBAAmBpG,GAAQ5B,SAASiI,WAAYtG,EAAa,sBAAwB,QACvHwJ,OAAQxD,EAAW/F,GAAQ5B,SAASoL,aAAexJ,GAAQ5B,SAASuI,OAAQ5G,EAAa,UAAY,WACrG0J,YAAY,MAAMC,gBAAgB,QACpC5B,EAAC,OAAK,CAAA7K,EAAGkB,EAAGlB,EAAI,GAAIE,EAAGgB,EAAGhB,EAAIgB,EAAGF,OAAS,GAAI4I,SAAS,KAAKyC,KAAMvD,EAAW/F,GAAQ2J,cAAcpD,MAAO,WAAYc,WAAW,oBAAoBJ,WAAW,MAAOM,SAAApJ,EAAGL,UALpKK,EAAG9E,KAUZsJ,EAAMjK,MAAMyC,IAAKqD,IAChB,MAAMoL,EAAOrL,EAAYC,EAAMC,EAAUkE,EAAMjK,OAC3C,IAACkR,EAAa,OAAA,KAClB,MAAMC,EAAW7F,EAAY8F,IAAItL,EAAKnF,IAChC0Q,EAAUvG,GAAWhF,KAAKnF,KAAOmF,EAAKnF,GACtC2Q,EAAYpG,IAAgBpF,EAAKnF,GACjC4Q,IAAWnG,IAAiB+F,EAC5BtD,EAASsD,GAAYE,EACtB/J,GAAQkK,YAAY3D,OAASvG,GAAQkK,YAAYV,aAAe,UACjEQ,EACGhK,GAAQxB,MAAM+H,OAAS,UACvBvG,GAAQxB,MAAMgL,aAAexJ,GAAQxB,MAAM+H,QAAUxG,EAAa,UAAY,WAC/EoK,EAAWN,GAAYE,EAAW,IAAMC,EAAY,EAAI,IAE5D,OAAA7C,EAAC,IAAgB,CAAAxB,MAAO,CAAE6C,QAASyB,EAAS,GAAM,EAAGb,WAAY,iBAC/D7B,SAAA,CAAAO,EAAC,OAAA,CAAK,gBAAc,OAAOjM,EAAG+N,EAAMN,KAAK,OAAOC,OAAO,cAAcE,YAAa,GAAI9D,MAAO,CAAEC,OAAQ,WACrGsC,QAAUzO,GAzHJ,EAACA,EAAqB+E,KAC5C/E,EAAE2Q,kBACI,MAAAC,EAAOxH,EAAaqC,QAASoF,wBACnC7G,EAAa,CAAEjF,OAAM+L,QAAS9Q,EAAE+L,QAAU6E,EAAK5C,KAAM+C,QAAS/Q,EAAEgM,QAAU4E,EAAK7C,MAC/E7D,EAAa,MACbI,EAAgB,OAoHgB0G,CAAgBhR,EAAG+E,GAAOkM,aAAc,IAAM7G,EAAerF,EAAKnF,IAAKsR,aAAc,IAAM9G,EAAe,UAC3H,OAAK,CAAAhI,EAAG+N,EAAMN,KAAK,OAAOC,OAAQhD,EAAOkD,YAAaU,EAASxE,MAAO,CAAEyD,WAAY,iCAAkCwB,cAAe,WACpIf,GAAYE,IAEV5C,EAAA0D,EAAA,CAAAtD,SAAA,CAAAO,EAAC,UAAO5F,EAAG,EAAGoH,KAAMtJ,GAAQ8K,YAAYvE,OAASvG,GAAQkK,YAAY3D,OAAS,UAAWgB,WAAC,gBAAc,CAAAwD,IAAI,OAAOC,YAAY,aAAapB,WAC5I9B,EAAC,UAAO5F,EAAG,EAAGoH,KAAMtJ,GAAQ8K,YAAYvE,OAASvG,GAAQkK,YAAY3D,OAAS,UAAWiC,QAAS,GAAKjB,SAACO,EAAA,gBAAA,CAAciD,IAAI,OAAOC,YAAY,aAAapB,gBAPxJpL,EAAKnF,MAehBsJ,EAAMlK,MAAM0C,IAAKsF,IACV,MAAAwK,EAAanH,IAAiBrD,EAAKpH,GACnC6R,EAAcjH,EAAe6F,IAAIrJ,EAAKpH,IACtC4Q,IAAWnG,IAAiBoH,EAE5BC,GADM5N,EAAekD,EAAKzG,aAAe,GACtBhC,EAAiBe,OACpCqS,EAAKpT,EAAiBmT,GAC5B,SACG,IAAgB,CAAA,YAAU,OAAOjD,QAAUzO,GAtIlC,EAACA,EAAqBgH,KAC5ChH,EAAE2Q,kBACI,MAAAC,EAAOxH,EAAaqC,QAASoF,wBAC/BxG,IAAiBrD,EAAKpH,IAAM0K,EAAgB,MAAOJ,EAAa,QAC7DI,EAAgBtD,EAAKpH,IAAKsK,EAAa,CAAElD,OAAM8J,QAAS9Q,EAAE+L,QAAU6E,EAAK5C,KAAM+C,QAAS/Q,EAAEgM,QAAU4E,EAAK7C,MAAQ/D,EAAa,QAkIvE4H,CAAgB5R,EAAGgH,GAAOkF,MAAO,CAAEC,OAAQ,UAAW4C,QAASyB,EAAS,IAAO,EAAGb,WAAY,iBAC9I7B,SAAAO,EAAC,gBAAc,CAAA7K,EAAGwD,EAAKxD,EAAGE,EAAGsD,EAAKtD,EAAGa,MAAOrG,EAAQsG,OAAQrG,EAC1D2P,SAAAJ,EAAC,OAAIxB,MAAO,CACVU,WAAYrG,GAAQS,MAAM2F,iBAAmBpG,GAAQS,MAAM4F,aAAetG,EAAa,UAAY,QACnG4G,OAAQsE,EACHjL,GAAQ8D,cAAc6C,QAAU,eAAe3G,GAAQ8D,cAAc0F,aAAe4B,IACpFpL,GAAQS,MAAMkG,QAAU,eAAe3G,GAAQS,MAAM+I,cAAgBzJ,EAAa,UAAY,aACnG6G,aAAc,GAAIgB,QAAS,WAAYf,SAAU,GAAII,WAAY,IACjEV,MAAOxG,EAAa,UAAY,UAAWsH,WAAY,sBACvDP,QAAS,OAAQC,WAAY,SAAUvE,IAAK,EAC5CwF,UAAWiD,EACNjL,GAAQ8D,cAAckE,WAAa,aAAaoD,iCAChDpL,GAAQS,MAAMuH,YAAcjI,EAAa,4BAA8B,8BAC5EuL,WAAY,SAAUC,WAAY,OAAQtN,OAAQrG,GAAY4T,UAAW,aACzEpC,WAAY,kCACTpJ,GAAQS,QACPwK,EAAajL,GAAQ8D,aAAe,CAAC,GAEzCyD,SAAA,CAAAO,EAAC,OAAK,CAAAnC,MAAO,CAAE3H,MAAO,GAAIC,OAAQ,GAAI2I,aAAc,EAAGP,WAAYxO,EAAMsT,GAAarE,QAAS,OAAQC,WAAY,SAAUC,eAAgB,SAAUH,SAAU,GAAI4E,WAAY,EAAGlF,MAAOzO,EAAMqT,MAAgBnL,GAAQ0L,UACtNnE,SAAAxP,EAAQoT,KAEXrD,EAAC,OAAK,CAAAnC,MAAO,CAAE2B,SAAU,SAAUqE,aAAc,YAAepE,SAAA9G,EAAK3C,cArBnE2C,EAAKpH,WA+BpBmK,KACE,MAAI,CAAA0E,QAAUzO,GAAMA,EAAE2Q,kBAAmBzE,MAAO,CAC/CyB,SAAU,cA9JpB,SAAqBmD,EAAiBC,EAAiBpJ,EAAWwK,GAChE,IAAK/I,EAAaqC,QAAS,MAAO,GAC5B,MAAAmF,EAAOxH,EAAaqC,QAAQoF,wBAClC,IAAIrN,EAAIsN,EAAU,GAAIpN,EAAIqN,EAAUoB,EAAI,EAIxC,OAHI3O,EAAImE,EAAIiJ,EAAKrM,QAAOf,EAAIsN,EAAUnJ,EAAI,IACtCjE,EAAI,IAAOA,EAAA,GACXA,EAAIyO,EAAIvB,EAAKpM,SAAYd,EAAAkN,EAAKpM,OAAS2N,EAAI,GACxC,CAAEnE,KAAMxK,EAAGuK,IAAKrK,EACzB,CAsJmC0O,CAAYrI,EAAU+G,QAAS/G,EAAUgH,QAAS,IAAK,KAChFxM,MAAO,IAAKqI,WAAYtG,EAAa,UAAY,OAAQ6G,aAAc,GACvEoB,UAAW,0DACXrB,OAAQ,cAAa5G,EAAa,UAAY,WAAa4H,OAAQ,GAAIS,UAAW,2BAA4Bd,SAAU,YAAatH,GAAQwD,WAE7I+D,SAAA,CAAAJ,EAAC,MAAI,CAAAxB,MAAO,CAAEiC,QAAS,iBAAkBvB,WAAY,0CAA2CE,MAAO,UAAWvG,GAAQ8L,iBACxHvE,SAAA,CAAAO,EAAC,MAAI,CAAAnC,MAAO,CAAEkB,SAAU,GAAII,WAAY,IAAKqB,cAAe,YAAaC,cAAe,SAAUC,QAAS,IAAOjB,SAAc,mBAChIJ,EAAC,MAAI,CAAAxB,MAAO,CAAEkB,SAAU,GAAII,WAAY,IAAKwB,UAAW,GACrDlB,SAAA,CAAA9I,EAAS+E,EAAUhF,KAAK7E,SAASmE,OAAS,SAC3CgK,EAAC,QAAKnC,MAAO,CAAE6C,QAAS,GAAKT,OAAQ,SAAWR,SAAC,MAChD9I,EAAS+E,EAAUhF,KAAK5E,SAASkE,OAAS,eAG/CgK,EAAC,OAAInC,MAAO,CAAEiC,QAAS,iBAAkBf,SAAU,GAAI8B,WAAY,IAAKpC,MAAOxG,EAAa,UAAY,UAAWuL,WAAY,cAAetL,GAAQ+L,eACnJxE,SAAA/D,EAAUhF,KAAKyD,WAAa,8BAE9B,SAAO,CAAAiG,QAAS,IAAMzE,EAAa,MAAOkC,MAAO,CAAEyB,SAAU,WAAYI,IAAK,EAAGE,MAAO,GAAIrB,WAAY,wBAAyBM,OAAQ,OAAQJ,MAAO,OAAQK,aAAc,EAAG5I,MAAO,GAAIC,OAAQ,GAAI2H,OAAQ,UAAWiB,SAAU,GAAIC,QAAS,OAAQC,WAAY,SAAUC,eAAgB,YAAahH,GAAQ0I,kBAAoBnB,SAAC,cAKhV,QAAO,CAAAA,SAAA,qSA5JqB"}
+{"version":3,"file":"CitationDependencyGraph.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/features/PromptCitation/PromptCitation.js

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