@e-llm-studio/citation 0.0.238 → 0.0.240
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/dist/cjs/features/ChatCitation/InternalChatCitationRenderer.js +1 -1
- package/dist/cjs/features/SPBAnalysisPanel/Cognitivereasoningpanel.js +1 -1
- package/dist/cjs/features/SPBAnalysisPanel/DependencyGraph.js +1 -1
- package/dist/cjs/features/SPBAnalysisPanel/Markdownrenderer.js +1 -1
- package/dist/cjs/features/SPBAnalysisPanel/Spbanalysispanel.js +1 -1
- package/dist/features/ChatCitation/InternalChatCitationRenderer.js +1 -1
- package/dist/features/SPBAnalysisPanel/Cognitivereasoningpanel.js +1 -1
- package/dist/features/SPBAnalysisPanel/DependencyGraph.js +1 -1
- package/dist/features/SPBAnalysisPanel/Markdownrenderer.js +1 -1
- package/dist/features/SPBAnalysisPanel/Spbanalysispanel.js +1 -1
- package/dist/types/src/features/ChatCitation/InternalChatCitationRenderer.d.ts.map +1 -1
- package/dist/types/src/features/CognitiveCompare/hooks/useCompareLayout.d.ts +1 -0
- package/dist/types/src/features/CognitiveCompare/hooks/useCompareLayout.d.ts.map +1 -1
- package/dist/types/src/features/SPBAnalysisPanel/Cognitivereasoningpanel.d.ts +31 -1
- package/dist/types/src/features/SPBAnalysisPanel/Cognitivereasoningpanel.d.ts.map +1 -1
- package/dist/types/src/features/SPBAnalysisPanel/DependencyGraph.d.ts +25 -0
- package/dist/types/src/features/SPBAnalysisPanel/DependencyGraph.d.ts.map +1 -1
- package/dist/types/src/features/SPBAnalysisPanel/Markdownrenderer.d.ts +3 -1
- package/dist/types/src/features/SPBAnalysisPanel/Markdownrenderer.d.ts.map +1 -1
- package/dist/types/src/features/SPBAnalysisPanel/Spbanalysispanel.d.ts +8 -1
- package/dist/types/src/features/SPBAnalysisPanel/Spbanalysispanel.d.ts.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -3234,7 +3234,7 @@ A full-featured interface for reviewing the analysis of a System Prompt Block (S
|
|
|
3234
3234
|
|
|
3235
3235
|
- **Overview summary** — Collapsible high-level + detailed summary
|
|
3236
3236
|
- **Functionality breakdown** — Nested accordions listing functional areas and their APB references
|
|
3237
|
-
- **Jump-to-code navigation** — Clicking an APB reference
|
|
3237
|
+
- **Jump-to-code navigation** — Clicking an APB reference toggles an inline Monaco editor directly beneath it (togglable via `showInlineApbEditor`), scrolled and highlighted to that section. Works independently of `showCodePanel` — if the persistent right-side panel is also shown, both stay in sync
|
|
3238
3238
|
- **Applicability** — Side-by-side "When to apply" / "When NOT to apply" panels
|
|
3239
3239
|
- **Specifications** — Strict Rules / Input / Output, with automatic `<code>` block extraction in Output
|
|
3240
3240
|
- **Dependency Graph** — Interactive, pannable/zoomable graph of APB relationships
|
|
@@ -3270,6 +3270,7 @@ import SPBAnalysisPanel from '@e-llm-studio/citation/SPBAnalysisPanel'
|
|
|
3270
3270
|
| `spbAdditionalInfo` | `SPBAdditionalInfo \| null` | ❌ | — | Applicability, Specifications, and Dependency Graph content |
|
|
3271
3271
|
| `extraMetaData` | `Record<string, any> \| null` | ❌ | — | Shared citation/reasoning map, keyed by the id referenced in `data-cognitive-reasoning="{id}"` anchors. One map is used across **all** sections (Overview, Functionality, APB references, Applicability, Specifications) since anchor ids are assigned globally, not per section |
|
|
3272
3272
|
| `showCodePanel` | `boolean` | ❌ | `true` | Show/hide the persistent right-side editor panel |
|
|
3273
|
+
| `showInlineApbEditor` | `boolean` | ❌ | `true` | Show/hide the inline Monaco editor that expands beneath a clicked APB reference |
|
|
3273
3274
|
## EmailCitation
|
|
3274
3275
|
|
|
3275
3276
|
A composable React UI component for rendering email-style citations with rich formatting, attachments, and highlight/quote handling. Part of the `@e-llm-studio/citation` package, this component is designed to display email content (subject, sender, recipients, body, attachments, timestamps) in an expandable, accessible, and customizable way.
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),l=require("react/jsx-runtime"),i=require("./components/ChatCitation.js"),o=require("./utils/helpers.js"),n=require("./components/Chip.js"),t=require("./assets/message-chat-square.svg.js");require("@mui/icons-material/KeyboardArrowDown"),require("@mui/icons-material/KeyboardArrowUp"),require("@mui/icons-material/Clear");var r=require("./components/InViewNavigation.js"),d=require("./components/DetailedView.js"),s=require("./components/SummarizedView.js"),a=require("./components/RuleBook.js"),u=require("react"),v=require("./constants/renderer.js"),c=require("./components/IconContainer.js"),h=require("lucide-react"),f=require("./BigQueryTable.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(require("@mui/icons-material/CloseOutlined")),b=function(e,l,i){if(void 0===i&&(i="smooth"),l){for(var o=e.parentElement;o;){var n=window.getComputedStyle(o).overflowY;if(("auto"===n||"scroll"===n)&&o.scrollHeight>o.clientHeight)break;if(o===l){o=null;break}o=o.parentElement}var t=null!=o?o:l,r=e.getBoundingClientRect(),d=t.getBoundingClientRect(),s=t.scrollTop+r.top-d.top-(t.clientHeight-r.height)/2;t.scrollTo({top:Math.max(0,s),behavior:i})}},x={chatData:[]};exports.default=function(g){var m,y,_,C,w,S,j,k,q,A,T,D,R,F,z,B,E,I,P,H,V,M,N,W,Y,O,K,Q,U,G,J,L,X,Z,$,ee,le,ie,oe,ne,te,re,de,se,ae,ue,ve,ce,he=g.rootContainer,fe=g.chatContainer,ge=void 0===fe?x:fe,pe=g.ruleBookContainer,be=g.renderer,xe=g.additionalData,me=g.tableComponent,ye=g.closePreview,_e=g.isRenderedCustomComponent,Ce=void 0!==_e&&_e,we=g.showRootContainer,Se=void 0===we||we,je=g.reversePanels,ke=void 0!==je&&je,qe=u.useState(0),Ae=qe[0],Te=qe[1],De=u.useState(0),Re=De[0],Fe=De[1],ze=u.useState(0),Be=ze[0],Ee=ze[1],Ie=u.useState(0),Pe=Ie[0],He=Ie[1],Ve=u.useRef(null),Me=u.useRef(null),Ne=u.useRef(null),We=u.useMemo(function(){return e.__assign(e.__assign({},v.defaultRenderer),be)},[be]),Ye=u.useMemo(function(){return!!((null==me?void 0:me.rows)&&Object.keys(me.rows).length>0)},[me]),Oe=u.useMemo(function(){var e;return null!==(e=null==xe?void 0:xe.RuleBookDetailedViewVerticallyStacked)&&void 0!==e&&e},[null==xe?void 0:xe.RuleBookDetailedViewVerticallyStacked]);u.useEffect(function(){var e,l;if((null==pe?void 0:pe.show)&&Ve.current){var i=null===(e=Ve.current)||void 0===e?void 0:e.querySelectorAll(".rule-book-highlight");if(Te((null==i?void 0:i.length)||0),Fe(0),i&&i.length>0){var o=i[0];o.style.backgroundColor="#ffff5c",b(o,Ve.current)}}if((null==ge?void 0:ge.show)&&(null==Me?void 0:Me.current)){var n=null===(l=Me.current)||void 0===l?void 0:l.querySelectorAll(".user-chat-highlight");if(Ee((null==n?void 0:n.length)||0),He(0),n&&n.length>0){var t=n[0];t.style.backgroundColor="#ffff5c";var r=requestAnimationFrame(function(){b(t,Ne.current)});return function(){return cancelAnimationFrame(r)}}}},[null==ge?void 0:ge.show,null==pe?void 0:pe.show,null==pe?void 0:pe.data,null==ge?void 0:ge.chatData]);var Ke=u.useCallback(function(){var e;if(Re+1<Ae){var l=null===(e=Ve.current)||void 0===e?void 0:e.querySelectorAll(".rule-book-highlight");if(!l)return;l[Re].style.backgroundColor="#ffffb8";var i=Re+1;Fe(i);var o=l[i];o.style.backgroundColor="#ffff5c",b(o,Ve.current)}},[Re,Ae]),Qe=u.useCallback(function(){var e;if(!(Re-1<0)){var l=null===(e=Ve.current)||void 0===e?void 0:e.querySelectorAll(".rule-book-highlight");if(l){l[Re].style.backgroundColor="#ffffb8";var i=Re-1,o=l[i];o.style.backgroundColor="#ffff5c",Fe(i),b(o,Ve.current)}}},[Re]),Ue=u.useCallback(function(){var e;if(Pe+1<Be){var l=null===(e=Me.current)||void 0===e?void 0:e.querySelectorAll(".user-chat-highlight");if(!l)return;l[Pe].style.backgroundColor="#ffffb8";var i=Pe+1,o=l[i];o.style.backgroundColor="#ffff5c",He(i),b(o,Ne.current)}},[Pe,Be]),Ge=u.useCallback(function(){var e;if(!(Pe-1<0)){var l=null===(e=Me.current)||void 0===e?void 0:e.querySelectorAll(".user-chat-highlight");if(l){l[Pe].style.backgroundColor="#ffffb8";var i=Pe-1,o=l[i];o.style.backgroundColor="#ffff5c",He(i),b(o,Ne.current)}}},[Pe]),Je=o.getColorCode((null==he?void 0:he.relevanceScore)||0),Le=u.useMemo(function(){var i,o=l.jsxs("span",e.__assign({style:e.__assign({display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:Je.border,backgroundColor:Je.background,color:Je.text},null===(i=null==he?void 0:he.slotStyles)||void 0===i?void 0:i.relevanceScore)},{children:[(null==he?void 0:he.relevanceTitle)||"Decision Strength",":"," ",(null==he?void 0:he.relevanceScore)||0,"%"]}),"relevance-score"),n=l.jsx("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:ye},{children:l.jsx(p.default,{})}),"close-preview");return Ce&&!(null==xe?void 0:xe.isExpanded)?[o,n]:[o]},[Ce,Je.background,Je.border,Je.text,null==he?void 0:he.relevanceScore,null===(m=null==he?void 0:he.slotStyles)||void 0===m?void 0:m.relevanceScore,null==he?void 0:he.relevanceTitle]),Xe=u.useMemo(function(){return[Ae>0&&l.jsx(r.default,{currentItemNumber:Re+1,totalItems:Ae,disableNext:Re+1>=Ae,onNext:Ke,onPrevious:Qe,disablePrevious:Re<=0},"rulebook-nav")]},[Re,Ke,Qe,Ae]),Ze=u.useMemo(function(){return(null==xe?void 0:xe.RuleBookContainerHeight)?xe.RuleBookContainerHeight:!(!Oe||(null==xe?void 0:xe.isExpanded))&&"600px"},[null==xe?void 0:xe.RuleBookContainerHeight,Oe]),$e=u.useMemo(function(){var e,i;return[(null===(i=null===(e=null==ge?void 0:ge.detailedTab)||void 0===e?void 0:e.chip)||void 0===i?void 0:i.isActive)&&Be>0&&l.jsx(r.default,{currentItemNumber:Pe+1,totalItems:Be,onNext:Ue,onPrevious:Ge,disableNext:Pe+1>=Be,disablePrevious:Pe<=0},"chat-nav")]},[null===(_=null===(y=null==ge?void 0:ge.detailedTab)||void 0===y?void 0:y.chip)||void 0===_?void 0:_.isActive,Pe,Ue,Ge,Be]),el=l.jsxs("div",e.__assign({style:e.__assign({display:"flex",flexDirection:ke?Oe?"column-reverse":"row-reverse":Oe?"column":"row",gap:[(null==ge?void 0:ge.chatData)&&ge.chatData.length>0&&(ge.show||void 0===ge.show),(null==pe?void 0:pe.data)&&(pe.show||void 0===pe.show),Ye].filter(Boolean).length>1?"12px":"0",height:Ze||"100%",minHeight:0},null===(C=null==he?void 0:he.slotStyles)||void 0===C?void 0:C.container)},{children:[Ye&&l.jsx("span",e.__assign({style:e.__assign({flex:"1 1 0%",minWidth:0},null===(w=null==ge?void 0:ge.slotStyles)||void 0===w?void 0:w.outerContainer)},{children:l.jsx(i.default,e.__assign({title:"Invoice Data Preview",icon:l.jsx(c.default,{children:l.jsx(h.Table,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[]},{children:l.jsx("div",e.__assign({style:{height:"100%",maxHeight:(null==xe?void 0:xe.isExpanded)?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"}},{children:(null==me?void 0:me.rows)&&l.jsx(f.BigQueryTable,{rows:me.rows,columns:me.columns||[]})}))}))})),(null==pe?void 0:pe.data)&&(pe.show||void 0===pe.show)&&l.jsx("span",e.__assign({style:e.__assign({flex:"1 1 0%",minWidth:0},null===(S=null==pe?void 0:pe.slotStyles)||void 0===S?void 0:S.outerContainer)},{children:l.jsx(i.default,e.__assign({title:null!==(j=null==pe?void 0:pe.title)&&void 0!==j?j:"Rule book",icon:null==pe?void 0:pe.ruleBookIcon,slotStyles:{title:e.__assign({color:"#475569",fontWeight:500},null===(k=null==pe?void 0:pe.slotStyles)||void 0===k?void 0:k.title),body:null===(q=null==pe?void 0:pe.slotStyles)||void 0===q?void 0:q.body},secondaryActions:(null==pe?void 0:pe.secondaryActions)?pe.secondaryActions(Xe):Xe},{children:l.jsx("div",e.__assign({style:e.__assign({height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(A=null==pe?void 0:pe.slotStyles)||void 0===A?void 0:A.dataContainer)},{children:l.jsx("div",e.__assign({style:{padding:"12px",height:"100%",overflowY:"auto"},ref:Ve},{children:l.jsx(a.default,{data:pe.data,renderers:null!==(T=null==pe?void 0:pe.renderer)&&void 0!==T?T:We})}))}))}))})),(null==ge?void 0:ge.chatData)&&ge.chatData.length>0&&(ge.show||void 0===ge.show)&&l.jsx("span",e.__assign({style:e.__assign({flex:"1 1 0%",minWidth:0},null===(D=null==ge?void 0:ge.slotStyles)||void 0===D?void 0:D.outerContainer)},{children:l.jsx(i.default,e.__assign({title:null!==(R=null==ge?void 0:ge.title)&&void 0!==R?R:"Chat",icon:null==ge?void 0:ge.chatIcon,containerStyles:null===(F=null==ge?void 0:ge.slotStyles)||void 0===F?void 0:F.container,slotStyles:{title:e.__assign({color:"#475569",fontWeight:500},null===(z=null==ge?void 0:ge.slotStyles)||void 0===z?void 0:z.title),body:null===(B=null==ge?void 0:ge.slotStyles)||void 0===B?void 0:B.body},primaryActions:[((null===(I=null===(E=null==ge?void 0:ge.summarizedTab)||void 0===E?void 0:E.chip)||void 0===I?void 0:I.show)||void 0===(null===(H=null===(P=null==ge?void 0:ge.summarizedTab)||void 0===P?void 0:P.chip)||void 0===H?void 0:H.show))&&l.jsx(n.default,e.__assign({label:"Summarized"},null===(V=null==ge?void 0:ge.summarizedTab)||void 0===V?void 0:V.chip)),l.jsx(n.default,e.__assign({label:"Detailed"},null===(M=null==ge?void 0:ge.detailedTab)||void 0===M?void 0:M.chip))],secondaryActions:ge.secondaryActions?null==ge?void 0:ge.secondaryActions($e):$e},{children:l.jsxs("div",e.__assign({ref:Ne,style:e.__assign({height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(N=null==ge?void 0:ge.slotStyles)||void 0===N?void 0:N.chatDataContainer)},{children:[(null===(Y=null===(W=null==ge?void 0:ge.detailedTab)||void 0===W?void 0:W.chip)||void 0===Y?void 0:Y.isActive)&&l.jsx("div",e.__assign({ref:Me,style:{position:(null==xe?void 0:xe.isExpanded)?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"}},{children:l.jsx(d.default,{chatData:null!==(O=ge.chatData)&&void 0!==O?O:[],assistantChatProps:e.__assign(e.__assign({},null===(Q=null===(K=null==ge?void 0:ge.detailedTab)||void 0===K?void 0:K.view)||void 0===Q?void 0:Q.assistantChatProps),{renderers:null!==(J=null===(G=null===(U=null==ge?void 0:ge.detailedTab)||void 0===U?void 0:U.detailedViewRenderer)||void 0===G?void 0:G.assistantText)&&void 0!==J?J:We}),userChatItemProps:e.__assign(e.__assign({},null===(X=null===(L=null==ge?void 0:ge.detailedTab)||void 0===L?void 0:L.view)||void 0===X?void 0:X.userChatItemProps),{renderers:null!==(ee=null===($=null===(Z=null==ge?void 0:ge.detailedTab)||void 0===Z?void 0:Z.detailedViewRenderer)||void 0===$?void 0:$.userText)&&void 0!==ee?ee:We})})})),(null===(ie=null===(le=null==ge?void 0:ge.summarizedTab)||void 0===le?void 0:le.chip)||void 0===ie?void 0:ie.show)&&(null===(ne=null===(oe=null==ge?void 0:ge.summarizedTab)||void 0===oe?void 0:oe.chip)||void 0===ne?void 0:ne.isActive)&&l.jsx(s.default,e.__assign({chatData:null!==(te=ge.chatData)&&void 0!==te?te:[]},null===(re=null==ge?void 0:ge.summarizedTab)||void 0===re?void 0:re.view,{renderer:null!==(se=null===(de=null==ge?void 0:ge.summarizedTab)||void 0===de?void 0:de.summarizedViewRenderer)&&void 0!==se?se:We}))]}))}))}))]}));return Se?l.jsx(i.default,e.__assign({title:null==he?void 0:he.title,slotStyles:{title:null===(ae=null==he?void 0:he.slotStyles)||void 0===ae?void 0:ae.title,body:null===(ue=null==he?void 0:he.slotStyles)||void 0===ue?void 0:ue.body},containerStyles:null===(ve=null==he?void 0:he.slotStyles)||void 0===ve?void 0:ve.container,icon:null!==(ce=null==he?void 0:he.icon)&&void 0!==ce?ce:l.jsx(c.default,{children:l.jsx("img",{src:t.default,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:(null==he?void 0:he.secondaryActions)?he.secondaryActions(Le):Le},{children:el})):el};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),l=require("react/jsx-runtime"),i=require("./components/ChatCitation.js"),o=require("./utils/helpers.js"),n=require("./components/Chip.js"),t=require("./assets/message-chat-square.svg.js");require("@mui/icons-material/KeyboardArrowDown"),require("@mui/icons-material/KeyboardArrowUp"),require("@mui/icons-material/Clear");var r=require("./components/InViewNavigation.js"),d=require("./components/DetailedView.js"),a=require("./components/SummarizedView.js"),s=require("./components/RuleBook.js"),u=require("react"),v=require("./constants/renderer.js"),c=require("./components/IconContainer.js"),h=require("lucide-react"),f=require("./BigQueryTable.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(require("@mui/icons-material/CloseOutlined")),m=function(e,l,i){if(void 0===i&&(i="smooth"),l){for(var o=e.parentElement;o;){var n=window.getComputedStyle(o).overflowY;if(("auto"===n||"scroll"===n)&&o.scrollHeight>o.clientHeight)break;if(o===l){o=null;break}o=o.parentElement}var t=null!=o?o:l,r=e.getBoundingClientRect(),d=t.getBoundingClientRect(),a=t.scrollTop+r.top-d.top-(t.clientHeight-r.height)/2;t.scrollTo({top:Math.max(0,a),behavior:i})}},x={chatData:[]};exports.default=function(g){var b,y,_,C,w,S,j,k,A,q,T,D,R,F,E,I,z,B,P,H,V,M,N,W,Y,O,K,Q,U,G,J,L,X,Z,$,ee,le,ie,oe,ne,te,re,de,ae,se,ue,ve,ce,he=g.rootContainer,fe=g.chatContainer,ge=void 0===fe?x:fe,pe=g.ruleBookContainer,me=g.renderer,xe=g.additionalData,be=g.tableComponent,ye=g.closePreview,_e=g.isRenderedCustomComponent,Ce=void 0!==_e&&_e,we=g.showRootContainer,Se=void 0===we||we,je=g.reversePanels,ke=void 0!==je&&je,Ae=u.useState(0),qe=Ae[0],Te=Ae[1],De=u.useState(0),Re=De[0],Fe=De[1],Ee=u.useState(0),Ie=Ee[0],ze=Ee[1],Be=u.useState(0),Pe=Be[0],He=Be[1],Ve=u.useRef(null),Me=u.useRef(null),Ne=u.useRef(null),We=u.useMemo(function(){return e.__assign(e.__assign({},v.defaultRenderer),me)},[me]),Ye=u.useMemo(function(){return!!((null==be?void 0:be.rows)&&Object.keys(be.rows).length>0)},[be]),Oe=u.useMemo(function(){var e;return null!==(e=null==xe?void 0:xe.RuleBookDetailedViewVerticallyStacked)&&void 0!==e&&e},[null==xe?void 0:xe.RuleBookDetailedViewVerticallyStacked]);u.useEffect(function(){var e,l,i;if((null==pe?void 0:pe.show)&&Ve.current){var o=null===(e=Ve.current)||void 0===e?void 0:e.querySelectorAll(".rule-book-highlight");if(Te((null==o?void 0:o.length)||0),Fe(0),o&&o.length>0){var n=o[0];n.style.backgroundColor="#ffff5c",m(n,Ve.current)}}if((null==ge?void 0:ge.show)&&(null==Me?void 0:Me.current)){var t=null===(l=Me.current)||void 0===l?void 0:l.querySelectorAll(".user-chat-highlight");if(ze((null==t?void 0:t.length)||0),He(0),t&&t.length>0){var r=t[0];r.style.backgroundColor="#ffff5c";var d=requestAnimationFrame(function(){m(r,Ne.current)});return function(){return cancelAnimationFrame(d)}}var a=null==xe?void 0:xe.targetIndex;if(void 0!==a&&a>=0&&(null===(i=Me.current)||void 0===i?void 0:i.firstElementChild)){var s=Me.current.firstElementChild.children[a];if(s){var u=requestAnimationFrame(function(){m(s,Ne.current)});return function(){return cancelAnimationFrame(u)}}}}},[null==ge?void 0:ge.show,null==pe?void 0:pe.show,null==pe?void 0:pe.data,null==ge?void 0:ge.chatData,null==xe?void 0:xe.targetIndex]);var Ke=u.useCallback(function(){var e;if(Re+1<qe){var l=null===(e=Ve.current)||void 0===e?void 0:e.querySelectorAll(".rule-book-highlight");if(!l)return;l[Re].style.backgroundColor="#ffffb8";var i=Re+1;Fe(i);var o=l[i];o.style.backgroundColor="#ffff5c",m(o,Ve.current)}},[Re,qe]),Qe=u.useCallback(function(){var e;if(!(Re-1<0)){var l=null===(e=Ve.current)||void 0===e?void 0:e.querySelectorAll(".rule-book-highlight");if(l){l[Re].style.backgroundColor="#ffffb8";var i=Re-1,o=l[i];o.style.backgroundColor="#ffff5c",Fe(i),m(o,Ve.current)}}},[Re]),Ue=u.useCallback(function(){var e;if(Pe+1<Ie){var l=null===(e=Me.current)||void 0===e?void 0:e.querySelectorAll(".user-chat-highlight");if(!l)return;l[Pe].style.backgroundColor="#ffffb8";var i=Pe+1,o=l[i];o.style.backgroundColor="#ffff5c",He(i),m(o,Ne.current)}},[Pe,Ie]),Ge=u.useCallback(function(){var e;if(!(Pe-1<0)){var l=null===(e=Me.current)||void 0===e?void 0:e.querySelectorAll(".user-chat-highlight");if(l){l[Pe].style.backgroundColor="#ffffb8";var i=Pe-1,o=l[i];o.style.backgroundColor="#ffff5c",He(i),m(o,Ne.current)}}},[Pe]),Je=o.getColorCode((null==he?void 0:he.relevanceScore)||0),Le=u.useMemo(function(){var i,o=l.jsxs("span",e.__assign({style:e.__assign({display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:Je.border,backgroundColor:Je.background,color:Je.text},null===(i=null==he?void 0:he.slotStyles)||void 0===i?void 0:i.relevanceScore)},{children:[(null==he?void 0:he.relevanceTitle)||"Decision Strength",":"," ",(null==he?void 0:he.relevanceScore)||0,"%"]}),"relevance-score"),n=l.jsx("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:ye},{children:l.jsx(p.default,{})}),"close-preview");return Ce&&!(null==xe?void 0:xe.isExpanded)?[o,n]:[o]},[Ce,Je.background,Je.border,Je.text,null==he?void 0:he.relevanceScore,null===(b=null==he?void 0:he.slotStyles)||void 0===b?void 0:b.relevanceScore,null==he?void 0:he.relevanceTitle]),Xe=u.useMemo(function(){return[qe>0&&l.jsx(r.default,{currentItemNumber:Re+1,totalItems:qe,disableNext:Re+1>=qe,onNext:Ke,onPrevious:Qe,disablePrevious:Re<=0},"rulebook-nav")]},[Re,Ke,Qe,qe]),Ze=u.useMemo(function(){return(null==xe?void 0:xe.RuleBookContainerHeight)?xe.RuleBookContainerHeight:!(!Oe||(null==xe?void 0:xe.isExpanded))&&"600px"},[null==xe?void 0:xe.RuleBookContainerHeight,Oe]),$e=u.useMemo(function(){var e,i;return[(null===(i=null===(e=null==ge?void 0:ge.detailedTab)||void 0===e?void 0:e.chip)||void 0===i?void 0:i.isActive)&&Ie>0&&l.jsx(r.default,{currentItemNumber:Pe+1,totalItems:Ie,onNext:Ue,onPrevious:Ge,disableNext:Pe+1>=Ie,disablePrevious:Pe<=0},"chat-nav")]},[null===(_=null===(y=null==ge?void 0:ge.detailedTab)||void 0===y?void 0:y.chip)||void 0===_?void 0:_.isActive,Pe,Ue,Ge,Ie]),el=l.jsxs("div",e.__assign({style:e.__assign({display:"flex",flexDirection:ke?Oe?"column-reverse":"row-reverse":Oe?"column":"row",gap:[(null==ge?void 0:ge.chatData)&&ge.chatData.length>0&&(ge.show||void 0===ge.show),(null==pe?void 0:pe.data)&&(pe.show||void 0===pe.show),Ye].filter(Boolean).length>1?"12px":"0",height:Ze||"100%",minHeight:0},null===(C=null==he?void 0:he.slotStyles)||void 0===C?void 0:C.container)},{children:[Ye&&l.jsx("span",e.__assign({style:e.__assign({flex:"1 1 0%",minWidth:0},null===(w=null==ge?void 0:ge.slotStyles)||void 0===w?void 0:w.outerContainer)},{children:l.jsx(i.default,e.__assign({title:"Invoice Data Preview",icon:l.jsx(c.default,{children:l.jsx(h.Table,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[]},{children:l.jsx("div",e.__assign({style:{height:"100%",maxHeight:(null==xe?void 0:xe.isExpanded)?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"}},{children:(null==be?void 0:be.rows)&&l.jsx(f.BigQueryTable,{rows:be.rows,columns:be.columns||[]})}))}))})),(null==pe?void 0:pe.data)&&(pe.show||void 0===pe.show)&&l.jsx("span",e.__assign({style:e.__assign({flex:"1 1 0%",minWidth:0},null===(S=null==pe?void 0:pe.slotStyles)||void 0===S?void 0:S.outerContainer)},{children:l.jsx(i.default,e.__assign({title:null!==(j=null==pe?void 0:pe.title)&&void 0!==j?j:"Rule book",icon:null==pe?void 0:pe.ruleBookIcon,slotStyles:{title:e.__assign({color:"#475569",fontWeight:500},null===(k=null==pe?void 0:pe.slotStyles)||void 0===k?void 0:k.title),body:null===(A=null==pe?void 0:pe.slotStyles)||void 0===A?void 0:A.body},secondaryActions:(null==pe?void 0:pe.secondaryActions)?pe.secondaryActions(Xe):Xe},{children:l.jsx("div",e.__assign({style:e.__assign({height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(q=null==pe?void 0:pe.slotStyles)||void 0===q?void 0:q.dataContainer)},{children:l.jsx("div",e.__assign({style:{padding:"12px",height:"100%",overflowY:"auto"},ref:Ve},{children:l.jsx(s.default,{data:pe.data,renderers:null!==(T=null==pe?void 0:pe.renderer)&&void 0!==T?T:We})}))}))}))})),(null==ge?void 0:ge.chatData)&&ge.chatData.length>0&&(ge.show||void 0===ge.show)&&l.jsx("span",e.__assign({style:e.__assign({flex:"1 1 0%",minWidth:0},null===(D=null==ge?void 0:ge.slotStyles)||void 0===D?void 0:D.outerContainer)},{children:l.jsx(i.default,e.__assign({title:null!==(R=null==ge?void 0:ge.title)&&void 0!==R?R:"Chat",icon:null==ge?void 0:ge.chatIcon,containerStyles:null===(F=null==ge?void 0:ge.slotStyles)||void 0===F?void 0:F.container,slotStyles:{title:e.__assign({color:"#475569",fontWeight:500},null===(E=null==ge?void 0:ge.slotStyles)||void 0===E?void 0:E.title),body:null===(I=null==ge?void 0:ge.slotStyles)||void 0===I?void 0:I.body},primaryActions:[((null===(B=null===(z=null==ge?void 0:ge.summarizedTab)||void 0===z?void 0:z.chip)||void 0===B?void 0:B.show)||void 0===(null===(H=null===(P=null==ge?void 0:ge.summarizedTab)||void 0===P?void 0:P.chip)||void 0===H?void 0:H.show))&&l.jsx(n.default,e.__assign({label:"Summarized"},null===(V=null==ge?void 0:ge.summarizedTab)||void 0===V?void 0:V.chip)),l.jsx(n.default,e.__assign({label:"Detailed"},null===(M=null==ge?void 0:ge.detailedTab)||void 0===M?void 0:M.chip))],secondaryActions:ge.secondaryActions?null==ge?void 0:ge.secondaryActions($e):$e},{children:l.jsxs("div",e.__assign({ref:Ne,style:e.__assign({height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(N=null==ge?void 0:ge.slotStyles)||void 0===N?void 0:N.chatDataContainer)},{children:[(null===(Y=null===(W=null==ge?void 0:ge.detailedTab)||void 0===W?void 0:W.chip)||void 0===Y?void 0:Y.isActive)&&l.jsx("div",e.__assign({ref:Me,style:{position:(null==xe?void 0:xe.isExpanded)?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"}},{children:l.jsx(d.default,{chatData:null!==(O=ge.chatData)&&void 0!==O?O:[],assistantChatProps:e.__assign(e.__assign({},null===(Q=null===(K=null==ge?void 0:ge.detailedTab)||void 0===K?void 0:K.view)||void 0===Q?void 0:Q.assistantChatProps),{renderers:null!==(J=null===(G=null===(U=null==ge?void 0:ge.detailedTab)||void 0===U?void 0:U.detailedViewRenderer)||void 0===G?void 0:G.assistantText)&&void 0!==J?J:We}),userChatItemProps:e.__assign(e.__assign({},null===(X=null===(L=null==ge?void 0:ge.detailedTab)||void 0===L?void 0:L.view)||void 0===X?void 0:X.userChatItemProps),{renderers:null!==(ee=null===($=null===(Z=null==ge?void 0:ge.detailedTab)||void 0===Z?void 0:Z.detailedViewRenderer)||void 0===$?void 0:$.userText)&&void 0!==ee?ee:We})})})),(null===(ie=null===(le=null==ge?void 0:ge.summarizedTab)||void 0===le?void 0:le.chip)||void 0===ie?void 0:ie.show)&&(null===(ne=null===(oe=null==ge?void 0:ge.summarizedTab)||void 0===oe?void 0:oe.chip)||void 0===ne?void 0:ne.isActive)&&l.jsx(a.default,e.__assign({chatData:null!==(te=ge.chatData)&&void 0!==te?te:[]},null===(re=null==ge?void 0:ge.summarizedTab)||void 0===re?void 0:re.view,{renderer:null!==(ae=null===(de=null==ge?void 0:ge.summarizedTab)||void 0===de?void 0:de.summarizedViewRenderer)&&void 0!==ae?ae:We}))]}))}))}))]}));return Se?l.jsx(i.default,e.__assign({title:null==he?void 0:he.title,slotStyles:{title:null===(se=null==he?void 0:he.slotStyles)||void 0===se?void 0:se.title,body:null===(ue=null==he?void 0:he.slotStyles)||void 0===ue?void 0:ue.body},containerStyles:null===(ve=null==he?void 0:he.slotStyles)||void 0===ve?void 0:ve.container,icon:null!==(ce=null==he?void 0:he.icon)&&void 0!==ce?ce:l.jsx(c.default,{children:l.jsx("img",{src:t.default,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:(null==he?void 0:he.secondaryActions)?he.secondaryActions(Le):Le},{children:el})):el};
|
|
2
2
|
//# sourceMappingURL=InternalChatCitationRenderer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("tslib"),i=require("react/jsx-runtime"),e=require("react"),o=require("@mui/system"),t=require("@mui/material"),s=require("@mui/icons-material/Close"),l=require("@mui/icons-material/ExpandMore"),a=require("@mui/icons-material"),r=require("@mui/icons-material/AutoAwesome"),c=require("../ChatCitation/ChatCitationRenderer.js");function d(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}var u=d(s),x=d(l),g=d(r),_=function(n){var i=document.createElement("div");return i.innerHTML=n,Array.from(i.querySelectorAll("li")).map(function(n){return n.innerHTML})},h=function(e){var t=e.style;return i.jsx(o.Box,n.__assign({component:"svg",viewBox:"0 0 24 24",sx:n.__assign({width:14,height:14,fill:"#5928ed"},t)},{children:i.jsx("path",{d:"M12 2a7 7 0 0 0-4 12.74V17a2 2 0 0 0 2 2h4a2 2 0 0 0 2-2v-2.26A7 7 0 0 0 12 2zm-1 19h2v1h-2v-1z"})}))};exports.default=function(s){var l,r=s.open,d=s.onClose,p=s.data,f=s.styles,v=e.useState(null),m=v[0],y=v[1],j=e.useMemo(function(){var n;return m&&p&&null!==(n=p.block_cognitive_citations.find(function(n){return String(n.citation_number)===m}))&&void 0!==n?n:null},[m,p]),b=e.useMemo(function(){return(null==p?void 0:p.block_cognitive_reasoning_html)?_(p.block_cognitive_reasoning_html):[]},[null==p?void 0:p.block_cognitive_reasoning_html]),C=e.useMemo(function(){return(null==p?void 0:p.block_cognitive_gap_html)?_(p.block_cognitive_gap_html):[]},[null==p?void 0:p.block_cognitive_gap_html]),S=function(e,t){for(var s,l,r,d,u,x,g,_=[],h=/<a[^>]*href="([^"]+)"[^>]*>(.*?)<\/a>/g,v=0,b=0,C=function(){var C=g[1].replace(/^.*\$/,""),S=g[2],k=m===C;g.index>v&&_.push(i.jsx("span",{children:e.substring(v,g.index)},"txt-".concat(t,"-").concat(b++))),_.push(i.jsxs("span",{children:[i.jsxs("span",n.__assign({onClick:function(){return y(function(n){return n===C?null:C})},style:n.__assign({color:"#2563EB",fontWeight:500,cursor:"pointer",textDecoration:"underline"},null==f?void 0:f.citationLink)},{children:[S,i.jsx(a.ChatBubbleOutlineOutlined,{sx:{fontSize:"12px",ml:.2}})]})),k&&j&&i.jsx(o.Box,n.__assign({sx:n.__assign({maxHeight:"35vh",padding:"6px",overflow:"auto",backgroundColor:"#ffffff",mt:1},null==f?void 0:f.citationContainer)},{children:i.jsx(c.default,{showRootContainer:!1,modalContainerStyle:null==f?void 0:f.citationModalContainer,rootContainer:{relevanceScore:null!==(s=null==p?void 0:p.block_cognitive_confidence)&&void 0!==s?s:0,slotStyles:{container:n.__assign({border:"",paddingLeft:"-20px",color:null!==(r=null===(l=null==f?void 0:f.textContent)||void 0===l?void 0:l.color)&&void 0!==r?r:"black"},null==f?void 0:f.citationRootContainer)}},ruleBookContainer:{title:j.training_data_title||j.title||j.section_ref||"Rule Book",data:{content:(null===(d=j.data_sources)||void 0===d?void 0:d.join("\n\n"))||j.content||j.paraphrase||"",highlighted_texts:j.paraphrase?Array.isArray(j.paraphrase)?j.paraphrase:[j.paraphrase]:Array.isArray(j.highlight)?j.highlight:j.highlight?[j.highlight]:[]},slotStyles:{title:null==f?void 0:f.citationTitle,body:null==f?void 0:f.citationBody,dataContainer:null==f?void 0:f.citationDataContainer,outerContainer:n.__assign({margin:"0",color:null!==(x=null===(u=null==f?void 0:f.textContent)||void 0===u?void 0:u.color)&&void 0!==x?x:"black",minHeight:"350px"},null==f?void 0:f.citationRuleBookContainer)}},additionalData:{RuleBookDetailedViewVerticallyStacked:!0},reversePanels:!0})}))]},"anchor-".concat(t,"-").concat(C))),v=h.lastIndex};null!==(g=h.exec(e));)C();return v<e.length&&_.push(i.jsx("span",{children:e.substring(v)},"txt-end-".concat(t,"-").concat(b++))),_};return r?i.jsxs(o.Box,n.__assign({sx:n.__assign({width:"min(500px, calc(100vw - 16px))",maxWidth:"calc(100vw - 16px)",maxHeight:"80vh",borderRadius:3,display:"flex",flexDirection:"column",overflow:"hidden",border:"1px solid #e0e0e0",backgroundColor:"#fff",color:"#111827"},null==f?void 0:f.container)},{children:[i.jsxs(o.Box,n.__assign({sx:n.__assign({px:2,py:1,borderBottom:"1px solid #e0e0e0",display:"flex",justifyContent:"space-between",alignItems:"center",flexShrink:0,backgroundColor:"#e9ecfd"},null==f?void 0:f.header)},{children:[i.jsxs(o.Box,n.__assign({display:"flex",alignItems:"center",gap:1},{children:[i.jsx(h,{style:null==f?void 0:f.headerIcon}),i.jsx(t.Typography,n.__assign({fontWeight:500,sx:n.__assign({fontSize:"0.72rem"},null==f?void 0:f.headerTitleText)},{children:"Cognitive Decisioning AI"}))]})),i.jsxs(o.Box,n.__assign({display:"flex",alignItems:"center",gap:1},{children:[i.jsx(t.Chip,{icon:i.jsx(g.default,{sx:{fontSize:12}}),label:"AI Relevance: ".concat(null!==(l=null==p?void 0:p.block_cognitive_confidence)&&void 0!==l?l:0,"%"),size:"small",sx:n.__assign({fontWeight:500,fontSize:"0.68rem",backgroundColor:"#ffffff",color:"#000000",border:"1px solid #ac93f6",height:20,"& .MuiChip-label":{fontSize:"0.68rem",px:.75}},null==f?void 0:f.badge)}),i.jsx(t.IconButton,n.__assign({size:"small",onClick:d,sx:null==f?void 0:f.closeButton},{children:i.jsx(u.default,{fontSize:"small"})}))]}))]})),i.jsxs(o.Box,n.__assign({sx:n.__assign({flex:1,overflowY:"auto",p:.5},null==f?void 0:f.body)},{children:[i.jsxs(t.Accordion,n.__assign({defaultExpanded:!0,disableGutters:!0,elevation:0,sx:null==f?void 0:f.accordion},{children:[i.jsx(t.AccordionSummary,n.__assign({expandIcon:i.jsx(x.default,{}),sx:null==f?void 0:f.accordionSummary},{children:i.jsxs(t.Typography,n.__assign({sx:n.__assign({display:"flex",alignItems:"center",gap:.8,fontSize:"0.78rem"},null==f?void 0:f.sectionTitle),fontWeight:600},{children:[i.jsx(o.Box,n.__assign({sx:n.__assign({width:24,height:24,borderRadius:"50%",backgroundColor:"#e9ecfd",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},null==f?void 0:f.sectionIcon)},{children:i.jsx(a.LightbulbOutlined,{sx:{fontSize:14,color:"#5928ed"}})})),"Decision Making Factors"]}))})),i.jsx(t.AccordionDetails,n.__assign({sx:null==f?void 0:f.accordionDetails},{children:i.jsx(o.Box,n.__assign({sx:{padding:0,margin:0}},{children:b.length>0?b.map(function(e,s){return i.jsxs(o.Box,n.__assign({sx:n.__assign({marginBottom:"6px",display:"flex",gap:1},null==f?void 0:f.sectionItem)},{children:[i.jsxs(t.Typography,n.__assign({variant:"body2",sx:n.__assign({fontWeight:500,fontSize:"0.75rem"},null==f?void 0:f.indexText)},{children:[s+1,"."]})),i.jsx(o.Box,n.__assign({sx:{flex:1}},{children:i.jsx(t.Typography,n.__assign({variant:"body2",component:"span",sx:n.__assign({fontSize:"0.75rem"},null==f?void 0:f.textContent)},{children:S(e,s)}))}))]}),s)}):i.jsx(t.Typography,n.__assign({variant:"body2",color:"gray",sx:n.__assign({mb:.5,pl:3,fontSize:"0.72rem"},null==f?void 0:f.sectionSubtitle)},{children:"No Reasons Found"}))}))}))]})),i.jsx(t.Divider,{}),i.jsxs(t.Accordion,n.__assign({disableGutters:!0,elevation:0,sx:null==f?void 0:f.accordion},{children:[i.jsx(t.AccordionSummary,n.__assign({expandIcon:i.jsx(x.default,{}),sx:null==f?void 0:f.accordionSummary},{children:i.jsxs(t.Typography,n.__assign({sx:n.__assign({display:"flex",alignItems:"center",gap:.8,fontSize:"0.78rem"},null==f?void 0:f.sectionTitle),fontWeight:600},{children:[i.jsx(o.Box,n.__assign({sx:n.__assign({width:24,height:24,borderRadius:"50%",backgroundColor:"#e9ecfd",display:"flex",alignItems:"center",justifyContent:"center",flexShrink:0},null==f?void 0:f.sectionIcon)},{children:i.jsx(a.ManageSearchOutlined,{sx:{fontSize:14,color:"#5928ed"}})})),"Gaps in Decision"]}))})),i.jsx(t.AccordionDetails,n.__assign({sx:null==f?void 0:f.accordionDetails},{children:i.jsx(o.Box,n.__assign({sx:{padding:0,margin:0}},{children:C.length>0?C.map(function(e,s){return i.jsxs(o.Box,n.__assign({sx:n.__assign({marginBottom:"6px",display:"flex",gap:1},null==f?void 0:f.sectionItem)},{children:[i.jsxs(t.Typography,n.__assign({variant:"body2",sx:n.__assign({fontWeight:500,fontSize:"0.75rem"},null==f?void 0:f.indexText)},{children:[s+1,"."]})),i.jsx(t.Typography,{variant:"body2",component:"span",sx:n.__assign({fontSize:"0.75rem"},null==f?void 0:f.textContent),dangerouslySetInnerHTML:{__html:e}})]}),s)}):i.jsx(t.Typography,n.__assign({variant:"body2",color:"gray",sx:n.__assign({mb:.5,pl:3,fontSize:"0.72rem"},null==f?void 0:f.sectionSubtitle)},{children:"No Gaps Found"}))}))}))]}))]}))]})):null};
|
|
2
2
|
//# sourceMappingURL=Cognitivereasoningpanel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Dialog"),i=require("@mui/icons-material/Fullscreen"),a=require("@mui/icons-material/CloseFullscreen");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),l=s(r),c=s(i),d=s(a),u=170,f=48,g=["#ede9fe","#e0f2fe","#fef3c7","#dcfce7","#ffe4e6","#f0fdf4","#fef9c3","#e0e7ff","#fce7f3","#f1f5f9"],h=["#7c3aed","#0284c7","#b45309","#16a34a","#e11d48","#15803d","#a16207","#4338ca","#db2777","#475569"],p=["⚙","◈","⟐","✦","◎","⬡","◇","⊕","✶","◉"],x=["#a78bfa","#7dd3fc","#fbbf24","#86efac","#fda4af","#6ee7b7","#fde047","#a5b4fc","#f9a8d4","#94a3b8"],y=["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)"];function v(n){var t=Array.isArray(null==n?void 0:n.clusters)?n.clusters:[],r=Array.isArray(null==n?void 0:n.nodes)?n.nodes:[],i=Array.isArray(null==n?void 0:n.edges)?n.edges:[],a=function(n,t,r){var i;void 0===n&&(n=[]),void 0===t&&(t=[]),void 0===r&&(r=[]);var a=Array.isArray(n)?n:[],s=Array.isArray(t)?t:[],o=Array.isArray(r)?r:[],l=a.length;if(0===l)return new Map;var c={};a.forEach(function(e,n){c[e.id]=n});var d={},u={};a.forEach(function(e){d[e.id]=[],u[e.id]=[]}),s.forEach(function(e){d[e.source]&&d[e.source].push(e.target),u[e.target]&&u[e.target].push(e.source)});var f={};a.forEach(function(e){f[e.id]=0});for(var g=0;g<l;g++){for(var h=!1,p=0,x=s;p<x.length;p++){var y=x[p],v=(f[y.source]||0)+1;v>(f[y.target]||0)&&v<l&&(f[y.target]=v,h=!0)}if(!h)break}var b={};o.forEach(function(e,n){b[e.id]=n});var _={};o.forEach(function(e){_[e.id]=[]}),a.forEach(function(e){var n;null===(n=_[e.cluster_id])||void 0===n||n.push(e)}),Object.values(_).forEach(function(e){return e.sort(function(e,n){return(f[e.id]||0)-(f[n.id]||0)})});for(var m=new Float64Array(l),j=new Float64Array(l),w=new Float64Array(l),M=new Float64Array(l),k=function(e){var n=null!==(i=b[e.id])&&void 0!==i?i:0;(_[e.id]||[]).forEach(function(e,t){var r=c[e.id];m[r]=520*n+280,j[r]=200*t+120})},S=0,C=o;S<C.length;S++)k(V=C[S]);for(var z=.0015,A=Math.max.apply(Math,e.__spreadArray(e.__spreadArray([],a.map(function(e){return f[e.id]||0}),!1),[1],!1)),E=new Float64Array(l),F=0;F<l;F++)E[F]=(f[a[F].id]||0)/A*(200*l*.6)+120;for(var R=0;R<350;R++){var I=Math.max(.015,1-R/350),W=new Float64Array(l),D=new Float64Array(l);for(F=0;F<l;F++)for(var Y=F+1;Y<l;Y++){var P=(Q=m[F]-m[Y])*Q+(U=j[F]-j[Y])*U;P<400&&(P=(Q=12*(F-Y))*Q+(U=8*(F+Y))*U);var q=Q/(O=Math.sqrt(P))*(H=48e4/P),B=U/O*H;W[F]+=q,D[F]+=B,W[Y]-=q,D[Y]-=B}for(var L=0,X=s;L<X.length;L++){y=X[L];var N=c[y.source],T=c[y.target];if(void 0!==N&&void 0!==T){var O,H,Q=m[T]-m[N],U=j[T]-j[N];if(!((O=Math.sqrt(Q*Q+U*U))<1))q=Q/O*(H=.004*(O-380)),B=U/O*H,W[N]+=q,D[N]+=B,W[T]-=q,D[T]-=B}}var G={},J={},K={};for(F=0;F<l;F++)G[V=a[F].cluster_id]=(G[V]||0)+m[F],J[V]=(J[V]||0)+j[F],K[V]=(K[V]||0)+1;for(F=0;F<l;F++){var V=a[F].cluster_id;W[F]+=(G[V]/K[V]-m[F])*z,D[F]+=(J[V]/K[V]-j[F])*z}for(F=0;F<l;F++)D[F]+=.002*(E[F]-j[F]);for(F=0;F<l;F++)w[F]=.84*(w[F]+W[F])*I,M[F]=.84*(M[F]+D[F])*I,m[F]+=w[F],j[F]+=M[F]}for(g=0;g<40;g++){var Z=!1;for(F=0;F<l;F++)for(Y=F+1;Y<l;Y++){Q=m[F]-m[Y],U=j[F]-j[Y];var $=270-Math.abs(Q),ee=128-Math.abs(U);if($>0&&ee>0)if(Z=!0,$<ee){var ne=$/2+5;m[F]+=Q>0?ne:-ne,m[Y]-=Q>0?ne:-ne}else ne=ee/2+5,j[F]+=U>0?ne:-ne,j[Y]-=U>0?ne:-ne}if(!Z)break}var te=1/0,re=1/0;for(F=0;F<l;F++)te=Math.min(te,m[F]),re=Math.min(re,j[F]);var ie=new Map;for(F=0;F<l;F++)ie.set(a[F].id,{x:Math.round(m[F]-te+80),y:Math.round(j[F]-re+80)});return ie}(r,i,t),s=r.map(function(n){var t=a.get(n.id)||{x:0,y:0};return e.__assign(e.__assign({},n),{x:t.x,y:t.y})}),o={};t.forEach(function(e,n){o[e.id]=n});var l={};t.forEach(function(e){l[e.id]=[]}),s.forEach(function(e){var n;null===(n=l[e.cluster_id])||void 0===n||n.push(e)});var c=36,d=t.map(function(e){var n=l[e.id];if(!n.length)return null;var t=Math.min.apply(Math,n.map(function(e){return e.x})),r=Math.min.apply(Math,n.map(function(e){return e.y})),i=Math.max.apply(Math,n.map(function(e){return e.x+u})),a=Math.max.apply(Math,n.map(function(e){return e.y+f}));return{id:e.id,label:e.label,idx:o[e.id],x:t-c,y:r-c,width:i-t+72,height:a-r+72+22}}).filter(function(e){return null!==e});return{nodes:s.map(function(n){var t;return e.__assign(e.__assign({},n),{cluster:null!==(t=o[n.cluster_id])&&void 0!==t?t:0})}),edges:i,clusterBounds:d,canvasW:Math.max.apply(Math,s.map(function(e){return e.x+u}))+72,canvasH:Math.max.apply(Math,s.map(function(e){return e.y+f}))+72}}function b(e,n,t){var r=n[e.source],i=n[e.target];if(!r||!i)return"";var a=function(e,n){var t=e.x+85,r=e.y+24,i=n.x+85,a=n.y+24;function s(e,n,t,r){var i=t-e,a=r-n;return Math.abs(a)>.4*Math.abs(i)?a>0?{x:e,y:n+24}:{x:e,y:n-24}:i>0?{x:e+85,y:n}:{x:e-85,y:n}}return{source:s(t,r,i,a),target:s(i,a,t,r)}}(r,i),s=a.source,o=a.target,l=o.x-s.x,c=o.y-s.y,d=Math.sqrt(l*l+c*c);if(d<5)return"M ".concat(s.x," ").concat(s.y," L ").concat(o.x," ").concat(o.y);if(i.y+150<r.y&&i.y<r.y-f){var u=Math.min(r.x,i.x)-110;return"M ".concat(s.x," ").concat(s.y," C ").concat(u," ").concat(s.y,", ").concat(u," ").concat(o.y,", ").concat(o.x," ").concat(o.y)}var g=-c/d,h=l/d;if(t.some(function(n){return n.source===e.target&&n.target===e.source})){var p=e.source<e.target?1:-1,x=Math.max(.18*d,40)*p,y=(s.x+o.x)/2+g*x,v=(s.y+o.y)/2+h*x;return"M ".concat(s.x," ").concat(s.y," Q ").concat(y," ").concat(v," ").concat(o.x," ").concat(o.y)}var b=Math.min(.12*d,55),_=(s.x+o.x)/2+g*b,m=(s.y+o.y)/2+h*b;return"M ".concat(s.x," ").concat(s.y," Q ").concat(_," ").concat(m," ").concat(o.x," ").concat(o.y)}function _(r){var i,a,s=r.data,o=r.onFullscreen,l=r.isFullscreen,_=r.isDarkMode,m=void 0!==_&&_,j=t.useRef(null),w=t.useState({x:0,y:0}),M=w[0],k=w[1],S=t.useState(.5),C=S[0],z=S[1],A=t.useState(!1),E=A[0],F=A[1],R=t.useRef({x:0,y:0}),I=t.useRef({x:0,y:0}),W=t.useState(null),D=W[0],Y=W[1],P=t.useState(null),q=P[0],B=P[1],L=t.useState(null),X=L[0],N=L[1],T=t.useState(null),O=T[0],H=T[1],Q=t.useMemo(function(){return v(s)},[s]),U=t.useMemo(function(){var e={};return Q.nodes.forEach(function(n){e[n.id]=n}),e},[Q]),G=t.useMemo(function(){var e={};return s.clusters.forEach(function(n,t){e[n.id]=t}),e},[s]),J=t.useMemo(function(){return O?new Set(Q.edges.filter(function(e){return e.source===O||e.target===O}).map(function(e){return e.id})):new Set},[O,Q.edges]),K=t.useMemo(function(){if(!O)return new Set;var e=new Set([O]);return Q.edges.forEach(function(n){n.source===O&&e.add(n.target),n.target===O&&e.add(n.source)}),e},[O,Q.edges]),V=t.useMemo(function(){return new Date(s.last_analyzed_at).toLocaleString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,day:"numeric",month:"short",year:"numeric"})},[s.last_analyzed_at]),Z=t.useCallback(function(n){n.target.closest("[data-edge-hit]")||n.target.closest("[data-node]")||(F(!0),R.current={x:n.clientX,y:n.clientY},I.current=e.__assign({},M),n.currentTarget.style.cursor="grabbing")},[M]),$=t.useCallback(function(e){E&&k({x:I.current.x+(e.clientX-R.current.x),y:I.current.y+(e.clientY-R.current.y)})},[E]),ee=t.useCallback(function(){F(!1),j.current&&(j.current.style.cursor="grab")},[]),ne=t.useCallback(function(e){e.preventDefault(),z(function(n){return Math.min(2.5,Math.max(.2,n-.001*e.deltaY))})},[]);t.useEffect(function(){var e=j.current;return e&&e.addEventListener("wheel",ne,{passive:!1}),function(){return null==e?void 0:e.removeEventListener("wheel",ne)}},[ne]);var te={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};return n.jsxs("div",e.__assign({style:{width:"100%",height:"100%",background:m?"#090d16":"#ffffff",fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",position:"relative",overflow:"hidden"}},{children:[n.jsxs("div",e.__assign({style:{position:"absolute",top:0,left:0,right:0,zIndex:20,borderBottom:l?m?"1px solid #1e293b":"1px solid #f1f5f9":"none",background:m?"#090d16":l?"#fff":"transparent"}},{children:[n.jsxs("div",e.__assign({style:{padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[n.jsxs("div",{children:[l&&n.jsx("h2",e.__assign({style:{margin:0,fontSize:17,fontWeight:700,color:m?"#f8fafc":"#1e293b"}},{children:"Dependency Graph"})),n.jsxs("p",e.__assign({style:{margin:"2px 0 0",fontSize:12,color:"#94a3b8"}},{children:["Last analyzed: ".concat(V||""," · "),"Click a node or connection to explore details and dependencies."]}))]}),n.jsxs("div",e.__assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[n.jsxs("div",e.__assign({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)"}},{children:[n.jsx("button",e.__assign({onClick:function(){return z(function(e){return Math.max(.2,e-.15)})},style:te},{children:"−"})),n.jsxs("button",e.__assign({onClick:function(){z(.5),k({x:0,y:0})},style:e.__assign(e.__assign({},te),{fontSize:11,width:52,fontWeight:600})},{children:[Math.round(100*C)||0,"%"]})),n.jsx("button",e.__assign({onClick:function(){return z(function(e){return Math.min(2.5,e+.15)})},style:te},{children:"+"}))]})),o&&n.jsx("div",e.__assign({style:{display:"flex",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)"}},{children:n.jsx("button",e.__assign({onClick:o,style:te},{children:l?n.jsx(d.default,{style:{fontSize:16}}):n.jsx(c.default,{style:{fontSize:16}})}))}))]}))]})),q&&n.jsx("div",e.__assign({style:{margin:"0 20px 14px",width:"30%",minWidth:280,borderRadius:12,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",border:"1px solid #e2e8f0",animation:"slideDown 0.2s ease-out"}},{children:function(){var t,r,i=q.node,a=null!==(t=G[i.cluster_id])&&void 0!==t?t:0;return Q.edges.filter(function(e){return e.source===i.id}).length,Q.edges.filter(function(e){return e.target===i.id}).length,n.jsxs("div",{children:[n.jsxs("div",e.__assign({style:{padding:"10px 14px",background:y[a%y.length||0],color:"#fff",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:10}},{children:[n.jsx("span",e.__assign({style:{width:28,height:28,borderRadius:8,background:"rgba(255,255,255,0.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14}},{children:p[a%p.length||0]})),n.jsxs("div",{children:[n.jsx("div",e.__assign({style:{fontSize:9,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.75}},{children:(null===(r=s.clusters[a])||void 0===r?void 0:r.label)||"Cluster Name"})),n.jsx("div",e.__assign({style:{fontSize:14,fontWeight:700,marginTop:1}},{children:i.label||"Cluster Name"}))]})]})),n.jsx("button",e.__assign({onClick:function(){B(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",flexShrink:0}},{children:"×"}))]})),n.jsx("div",e.__assign({style:{padding:"10px 14px",fontSize:13,lineHeight:1.6,color:m?"#cbd5e1":"#475569",background:m?"#1e293b":"#fff"}},{children:i.description||"No description available..."}))]})}()}))]})),n.jsxs("div",e.__assign({ref:j,onPointerDown:Z,onPointerMove:$,onPointerUp:ee,onPointerLeave:ee,onClick:function(){Y(null),B(null),H(null)},style:{width:"100%",height:"100%",cursor:E?"grabbing":"grab",position:"relative"}},{children:[n.jsx("div",e.__assign({style:{transform:"translate(".concat(M.x,"px, ").concat(M.y,"px) scale(").concat(C,")"),transformOrigin:"top left",position:"absolute",top:l?70:50,left:20,transition:E?"none":"transform 0.08s ease-out"}},{children:n.jsxs("svg",e.__assign({width:Q.canvasW,height:Q.canvasH,style:{overflow:"visible"}},{children:[Q.clusterBounds.map(function(t){return n.jsxs("g",{children:[n.jsx("rect",{x:t.x,y:t.y,width:t.width,height:t.height,rx:"16",fill:m?"rgba(30, 41, 59, 0.35)":"none",stroke:m?"#334155":"#e2e8f0",strokeWidth:"1.5",strokeDasharray:"8 4"}),n.jsx("text",e.__assign({x:t.x+14,y:t.y+t.height-10,fontSize:"11",fill:"#94a3b8",fontFamily:"Inter, sans-serif",fontWeight:"500"},{children:t.label||"Cluster Name"}))]},t.id)}),Q.edges.map(function(t){var r=b(t,U,Q.edges);if(!r)return null;var i=J.has(t.id),a=(null==D?void 0:D.edge.id)===t.id,s=X===t.id,o=!!O&&!i,l=i||a?"#6366f1":s?"#818cf8":m?"#475569":"#cbd5e1",c=i||a?2.5:s?2:1.5;return n.jsxs("g",e.__assign({style:{opacity:o?.1:1,transition:"opacity 0.25s"}},{children:[n.jsx("path",{"data-edge-hit":"true",d:r,fill:"none",stroke:"transparent",strokeWidth:18,style:{cursor:"pointer"},onClick:function(e){return function(e,n){e.stopPropagation();var t=j.current.getBoundingClientRect();Y({edge:n,screenX:e.clientX-t.left,screenY:e.clientY-t.top}),B(null),H(null)}(e,t)},onMouseEnter:function(){return N(t.id)},onMouseLeave:function(){return N(null)}}),n.jsx("path",{d:r,fill:"none",stroke:l,strokeWidth:c,style:{transition:"stroke 0.2s, stroke-width 0.2s",pointerEvents:"none"}}),(i||a)&&n.jsxs(n.Fragment,{children:[n.jsx("circle",e.__assign({r:4,fill:"#6366f1"},{children:n.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:r})})),n.jsx("circle",e.__assign({r:6,fill:"#6366f1",opacity:.2},{children:n.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:r})}))]})]}),t.id)}),Q.nodes.map(function(t){var r,i=O===t.id,a=K.has(t.id),s=!!O&&!a,o=(null!==(r=G[t.cluster_id])&&void 0!==r?r:0)%x.length,l=x[o||0];return n.jsx("g",e.__assign({"data-node":"true",onClick:function(e){return function(e,n){e.stopPropagation();var t=j.current.getBoundingClientRect();O===n.id?(H(null),B(null)):(H(n.id),B({node:n,screenX:e.clientX-t.left,screenY:e.clientY-t.top}),Y(null))}(e,t)},style:{cursor:"pointer",opacity:s?.15:1,transition:"opacity 0.25s"}},{children:n.jsx("foreignObject",e.__assign({x:t.x,y:t.y,width:u,height:f},{children:n.jsxs("div",e.__assign({style:{background:m?"#1e293b":"#fff",border:i?"2.5px solid ".concat(l):m?"1.5px solid #334155":"1.5px solid #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:i?"0 0 0 3px ".concat(l,"33, 0 2px 8px rgba(0,0,0,0.4)"):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"}},{children:[n.jsx("span",e.__assign({style:{width:22,height:22,borderRadius:6,background:g[o],display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,flexShrink:0,color:h[o]}},{children:p[o]})),n.jsx("span",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis"}},{children:t.label||"Node name"}))]}))}))}),t.id)})]}))})),D&&n.jsxs("div",e.__assign({onClick:function(e){return e.stopPropagation()},style:e.__assign(e.__assign({position:"absolute"},function(e,n,t,r){if(!j.current)return{};var i=j.current.getBoundingClientRect(),a=e+14,s=n-r/2;return a+t>i.width&&(a=e-t-14),s<8&&(s=8),s+r>i.height&&(s=i.height-r-8),{left:a,top:s}}(D.screenX,D.screenY,320,180)),{width:320,background:"#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 #e2e8f0",zIndex:30,animation:"popIn 0.18s ease-out",overflow:"hidden"})},{children:[n.jsxs("div",e.__assign({style:{padding:"12px 16px 10px",background:"linear-gradient(135deg, #6366f1, #8b5cf6)",color:"#fff"}},{children:[n.jsx("div",e.__assign({style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.8}},{children:"Edge Reasoning"})),n.jsxs("div",e.__assign({style:{fontSize:13,fontWeight:600,marginTop:4}},{children:[(null===(i=U[D.edge.source])||void 0===i?void 0:i.label)||"Source",n.jsx("span",e.__assign({style:{opacity:.6,margin:"0 6px"}},{children:"→"})),(null===(a=U[D.edge.target])||void 0===a?void 0:a.label)||"Target"]}))]})),n.jsx("div",e.__assign({style:{padding:"12px 16px 14px",fontSize:13,lineHeight:1.6,color:"#475569",whiteSpace:"pre-line"}},{children:D.edge.reasoning||"No Reasoning available..."})),n.jsx("button",e.__assign({onClick:function(){return 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"}},{children:"×"}))]}))]})),n.jsx("style",{children:"\n @keyframes popIn { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n @keyframes slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n "})]}))}var m=o.default.memo(function(r){var i=r.data,a=r.isDarkMode,s=void 0!==a&&a,o=r.style,c=t.useState(!1),d=c[0],u=c[1],f=t.useCallback(function(){u(!0)},[]),g=t.useCallback(function(){u(!1)},[]);return n.jsxs(n.Fragment,{children:[n.jsx("div",e.__assign({style:e.__assign({position:"relative",width:"100%",height:"500px"},o)},{children:n.jsx(_,{data:i,onFullscreen:f,isDarkMode:s})})),n.jsx(l.default,e.__assign({open:d,onClose:g,maxWidth:!1,PaperProps:{style:{width:"95vw",height:"92vh",maxWidth:"none",borderRadius:12,overflow:"hidden",background:s?"#090d16":"#ffffff"}}},{children:n.jsx("div",e.__assign({style:{width:"100%",height:"100%",position:"relative"}},{children:n.jsx(_,{data:i,onFullscreen:g,isFullscreen:!0,isDarkMode:s})}))}))]})});exports.default=m;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material/Dialog"),i=require("@mui/icons-material/Fullscreen"),o=require("@mui/icons-material/CloseFullscreen");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=a(t),s=a(r),d=a(i),c=a(o),u=170,f=48,g=["#ede9fe","#e0f2fe","#fef3c7","#dcfce7","#ffe4e6","#f0fdf4","#fef9c3","#e0e7ff","#fce7f3","#f1f5f9"],v=["#7c3aed","#0284c7","#b45309","#16a34a","#e11d48","#15803d","#a16207","#4338ca","#db2777","#475569"],p=["⚙","◈","⟐","✦","◎","⬡","◇","⊕","✶","◉"],h=["#a78bfa","#7dd3fc","#fbbf24","#86efac","#fda4af","#6ee7b7","#fde047","#a5b4fc","#f9a8d4","#94a3b8"],x=["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)"];function y(n){var t=Array.isArray(null==n?void 0:n.clusters)?n.clusters:[],r=Array.isArray(null==n?void 0:n.nodes)?n.nodes:[],i=Array.isArray(null==n?void 0:n.edges)?n.edges:[],o=function(n,t,r){var i;void 0===n&&(n=[]),void 0===t&&(t=[]),void 0===r&&(r=[]);var o=Array.isArray(n)?n:[],a=Array.isArray(t)?t:[],l=Array.isArray(r)?r:[],s=o.length;if(0===s)return new Map;var d={};o.forEach(function(e,n){d[e.id]=n});var c={},u={};o.forEach(function(e){c[e.id]=[],u[e.id]=[]}),a.forEach(function(e){c[e.source]&&c[e.source].push(e.target),u[e.target]&&u[e.target].push(e.source)});var f={};o.forEach(function(e){f[e.id]=0});for(var g=0;g<s;g++){for(var v=!1,p=0,h=a;p<h.length;p++){var x=h[p],y=(f[x.source]||0)+1;y>(f[x.target]||0)&&y<s&&(f[x.target]=y,v=!0)}if(!v)break}var b={};l.forEach(function(e,n){b[e.id]=n});var _={};l.forEach(function(e){_[e.id]=[]}),o.forEach(function(e){var n;null===(n=_[e.cluster_id])||void 0===n||n.push(e)}),Object.values(_).forEach(function(e){return e.sort(function(e,n){return(f[e.id]||0)-(f[n.id]||0)})});for(var m=new Float64Array(s),j=new Float64Array(s),k=new Float64Array(s),w=new Float64Array(s),M=function(e){var n=null!==(i=b[e.id])&&void 0!==i?i:0;(_[e.id]||[]).forEach(function(e,t){var r=d[e.id];m[r]=520*n+280,j[r]=200*t+120})},S=0,C=l;S<C.length;S++)M(V=C[S]);for(var E=.0015,z=Math.max.apply(Math,e.__spreadArray(e.__spreadArray([],o.map(function(e){return f[e.id]||0}),!1),[1],!1)),P=new Float64Array(s),A=0;A<s;A++)P[A]=(f[o[A].id]||0)/z*(200*s*.6)+120;for(var F=0;F<350;F++){var R=Math.max(.015,1-F/350),I=new Float64Array(s),W=new Float64Array(s);for(A=0;A<s;A++)for(var B=A+1;B<s;B++){var D=(Q=m[A]-m[B])*Q+(U=j[A]-j[B])*U;D<400&&(D=(Q=12*(A-B))*Q+(U=8*(A+B))*U);var Y=Q/(T=Math.sqrt(D))*(O=48e4/D),N=U/T*O;I[A]+=Y,W[A]+=N,I[B]-=Y,W[B]-=N}for(var q=0,L=a;q<L.length;q++){x=L[q];var X=d[x.source],H=d[x.target];if(void 0!==X&&void 0!==H){var T,O,Q=m[H]-m[X],U=j[H]-j[X];if(!((T=Math.sqrt(Q*Q+U*U))<1))Y=Q/T*(O=.004*(T-380)),N=U/T*O,I[X]+=Y,W[X]+=N,I[H]-=Y,W[H]-=N}}var G={},J={},K={};for(A=0;A<s;A++)G[V=o[A].cluster_id]=(G[V]||0)+m[A],J[V]=(J[V]||0)+j[A],K[V]=(K[V]||0)+1;for(A=0;A<s;A++){var V=o[A].cluster_id;I[A]+=(G[V]/K[V]-m[A])*E,W[A]+=(J[V]/K[V]-j[A])*E}for(A=0;A<s;A++)W[A]+=.002*(P[A]-j[A]);for(A=0;A<s;A++)k[A]=.84*(k[A]+I[A])*R,w[A]=.84*(w[A]+W[A])*R,m[A]+=k[A],j[A]+=w[A]}for(g=0;g<40;g++){var Z=!1;for(A=0;A<s;A++)for(B=A+1;B<s;B++){Q=m[A]-m[B],U=j[A]-j[B];var $=270-Math.abs(Q),ee=128-Math.abs(U);if($>0&&ee>0)if(Z=!0,$<ee){var ne=$/2+5;m[A]+=Q>0?ne:-ne,m[B]-=Q>0?ne:-ne}else ne=ee/2+5,j[A]+=U>0?ne:-ne,j[B]-=U>0?ne:-ne}if(!Z)break}var te=1/0,re=1/0;for(A=0;A<s;A++)te=Math.min(te,m[A]),re=Math.min(re,j[A]);var ie=new Map;for(A=0;A<s;A++)ie.set(o[A].id,{x:Math.round(m[A]-te+80),y:Math.round(j[A]-re+80)});return ie}(r,i,t),a=r.map(function(n){var t=o.get(n.id)||{x:0,y:0};return e.__assign(e.__assign({},n),{x:t.x,y:t.y})}),l={};t.forEach(function(e,n){l[e.id]=n});var s={};t.forEach(function(e){s[e.id]=[]}),a.forEach(function(e){var n;null===(n=s[e.cluster_id])||void 0===n||n.push(e)});var d=36,c=t.map(function(e){var n=s[e.id];if(!n.length)return null;var t=Math.min.apply(Math,n.map(function(e){return e.x})),r=Math.min.apply(Math,n.map(function(e){return e.y})),i=Math.max.apply(Math,n.map(function(e){return e.x+u})),o=Math.max.apply(Math,n.map(function(e){return e.y+f}));return{id:e.id,label:e.label,idx:l[e.id],x:t-d,y:r-d,width:i-t+72,height:o-r+72+22}}).filter(function(e){return null!==e});return{nodes:a.map(function(n){var t;return e.__assign(e.__assign({},n),{cluster:null!==(t=l[n.cluster_id])&&void 0!==t?t:0})}),edges:i,clusterBounds:c,canvasW:Math.max.apply(Math,a.map(function(e){return e.x+u}))+72,canvasH:Math.max.apply(Math,a.map(function(e){return e.y+f}))+72}}function b(e,n,t){var r=n[e.source],i=n[e.target];if(!r||!i)return"";var o=function(e,n){var t=e.x+85,r=e.y+24,i=n.x+85,o=n.y+24;function a(e,n,t,r){var i=t-e,o=r-n;return Math.abs(o)>.4*Math.abs(i)?o>0?{x:e,y:n+24}:{x:e,y:n-24}:i>0?{x:e+85,y:n}:{x:e-85,y:n}}return{source:a(t,r,i,o),target:a(i,o,t,r)}}(r,i),a=o.source,l=o.target,s=l.x-a.x,d=l.y-a.y,c=Math.sqrt(s*s+d*d);if(c<5)return"M ".concat(a.x," ").concat(a.y," L ").concat(l.x," ").concat(l.y);if(i.y+150<r.y&&i.y<r.y-f){var u=Math.min(r.x,i.x)-110;return"M ".concat(a.x," ").concat(a.y," C ").concat(u," ").concat(a.y,", ").concat(u," ").concat(l.y,", ").concat(l.x," ").concat(l.y)}var g=-d/c,v=s/c;if(t.some(function(n){return n.source===e.target&&n.target===e.source})){var p=e.source<e.target?1:-1,h=Math.max(.18*c,40)*p,x=(a.x+l.x)/2+g*h,y=(a.y+l.y)/2+v*h;return"M ".concat(a.x," ").concat(a.y," Q ").concat(x," ").concat(y," ").concat(l.x," ").concat(l.y)}var b=Math.min(.12*c,55),_=(a.x+l.x)/2+g*b,m=(a.y+l.y)/2+v*b;return"M ".concat(a.x," ").concat(a.y," Q ").concat(_," ").concat(m," ").concat(l.x," ").concat(l.y)}function _(r){var i,o,a,l=r.data,s=r.onFullscreen,_=r.isFullscreen,m=r.isDarkMode,j=void 0!==m&&m,k=r.style,w=t.useRef(null),M=t.useState({x:0,y:0}),S=M[0],C=M[1],E=t.useState(.5),z=E[0],P=E[1],A=t.useState(!1),F=A[0],R=A[1],I=t.useRef({x:0,y:0}),W=t.useRef({x:0,y:0}),B=t.useState(null),D=B[0],Y=B[1],N=t.useState(null),q=N[0],L=N[1],X=t.useState(null),H=X[0],T=X[1],O=t.useState(null),Q=O[0],U=O[1],G=t.useMemo(function(){return y(l)},[l]),J=t.useMemo(function(){var e={};return G.nodes.forEach(function(n){e[n.id]=n}),e},[G]),K=t.useMemo(function(){var e={};return l.clusters.forEach(function(n,t){e[n.id]=t}),e},[l]),V=t.useMemo(function(){return Q?new Set(G.edges.filter(function(e){return e.source===Q||e.target===Q}).map(function(e){return e.id})):new Set},[Q,G.edges]),Z=t.useMemo(function(){if(!Q)return new Set;var e=new Set([Q]);return G.edges.forEach(function(n){n.source===Q&&e.add(n.target),n.target===Q&&e.add(n.source)}),e},[Q,G.edges]),$=t.useMemo(function(){return new Date(l.last_analyzed_at).toLocaleString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0,day:"numeric",month:"short",year:"numeric"})},[l.last_analyzed_at]),ee=t.useCallback(function(n){n.target.closest("[data-edge-hit]")||n.target.closest("[data-node]")||(R(!0),I.current={x:n.clientX,y:n.clientY},W.current=e.__assign({},S),n.currentTarget.style.cursor="grabbing")},[S]),ne=t.useCallback(function(e){F&&C({x:W.current.x+(e.clientX-I.current.x),y:W.current.y+(e.clientY-I.current.y)})},[F]),te=t.useCallback(function(){R(!1),w.current&&(w.current.style.cursor="grab")},[]),re=t.useCallback(function(e){e.preventDefault(),P(function(n){return Math.min(2.5,Math.max(.2,n-.001*e.deltaY))})},[]);t.useEffect(function(){var e=w.current;return e&&e.addEventListener("wheel",re,{passive:!1}),function(){return null==e?void 0:e.removeEventListener("wheel",re)}},[re]);var ie=(null==k?void 0:k.backgroundColor)||(null==k?void 0:k.background)||(j?"#090d16":"#ffffff"),oe=(null==k?void 0:k.color)||(j?"#f8fafc":"#1e293b"),ae=(null===(i=null==k?void 0:k.subtitle)||void 0===i?void 0:i.color)||"#94a3b8",le=function(e,n){return"string"==typeof e?e:n},se=e.__assign({width:32,height:32,border:"none",background:"transparent",borderRadius:8,cursor:"pointer",fontSize:16,color:j?"#cbd5e1":"#475569",display:"flex",alignItems:"center",justifyContent:"center",fontWeight:500},null==k?void 0:k.controlButton);return n.jsxs("div",e.__assign({style:e.__assign({width:"100%",height:"100%",background:ie,color:oe,fontFamily:"'Inter', -apple-system, BlinkMacSystemFont, sans-serif",position:"relative",overflow:"hidden"},null==k?void 0:k.root)},{children:[n.jsxs("div",e.__assign({style:e.__assign({position:"absolute",top:0,left:0,right:0,zIndex:20,borderBottom:_?j?"1px solid #1e293b":"1px solid #f1f5f9":"none",background:_?ie:"transparent"},null==k?void 0:k.header)},{children:[n.jsxs("div",e.__assign({style:{padding:"10px 14px",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[n.jsxs("div",{children:[_&&n.jsx("h2",e.__assign({style:e.__assign({margin:0,fontSize:17,fontWeight:700,color:oe},null==k?void 0:k.title)},{children:"Dependency Graph"})),n.jsxs("p",e.__assign({style:e.__assign({margin:"2px 0 0",fontSize:12,color:ae},null==k?void 0:k.subtitle)},{children:["Last analyzed: ".concat($||""," · "),"Click a node or connection to explore details and dependencies."]}))]}),n.jsxs("div",e.__assign({style:{display:"flex",gap:6,alignItems:"center"}},{children:[n.jsxs("div",e.__assign({style:e.__assign({display:"flex",gap:2,background:j?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:j?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)"},null==k?void 0:k.controls)},{children:[n.jsx("button",e.__assign({onClick:function(){return P(function(e){return Math.max(.2,e-.15)})},style:se},{children:"−"})),n.jsxs("button",e.__assign({onClick:function(){P(.5),C({x:0,y:0})},style:e.__assign(e.__assign({},se),{fontSize:11,width:52,fontWeight:600})},{children:[Math.round(100*z)||0,"%"]})),n.jsx("button",e.__assign({onClick:function(){return P(function(e){return Math.min(2.5,e+.15)})},style:se},{children:"+"}))]})),s&&n.jsx("div",e.__assign({style:e.__assign({display:"flex",background:j?"#1e293b":"#fff",borderRadius:10,padding:3,boxShadow:j?"0 1px 4px rgba(0,0,0,0.4)":"0 1px 4px rgba(0,0,0,0.08)"},null==k?void 0:k.controls)},{children:n.jsx("button",e.__assign({onClick:s,style:se},{children:_?n.jsx(c.default,{style:{fontSize:16}}):n.jsx(d.default,{style:{fontSize:16}})}))}))]}))]})),q&&n.jsx("div",e.__assign({style:e.__assign({margin:"0 20px 14px",width:"30%",minWidth:280,borderRadius:12,overflow:"hidden",boxShadow:"0 2px 12px rgba(0,0,0,0.07)",border:"1px solid #e2e8f0",animation:"slideDown 0.2s ease-out"},null==k?void 0:k.nodePopup)},{children:function(){var t,r,i=q.node,o=null!==(t=K[i.cluster_id])&&void 0!==t?t:0;return G.edges.filter(function(e){return e.source===i.id}).length,G.edges.filter(function(e){return e.target===i.id}).length,n.jsxs("div",{children:[n.jsxs("div",e.__assign({style:e.__assign({padding:"10px 14px",background:x[o%x.length||0],color:"#fff",display:"flex",alignItems:"center",justifyContent:"space-between"},null==k?void 0:k.nodePopupHeader)},{children:[n.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:10}},{children:[n.jsx("span",e.__assign({style:{width:28,height:28,borderRadius:8,background:"rgba(255,255,255,0.2)",display:"flex",alignItems:"center",justifyContent:"center",fontSize:14}},{children:p[o%p.length||0]})),n.jsxs("div",{children:[n.jsx("div",e.__assign({style:{fontSize:9,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.75}},{children:(null===(r=l.clusters[o])||void 0===r?void 0:r.label)||"Cluster Name"})),n.jsx("div",e.__assign({style:{fontSize:14,fontWeight:700,marginTop:1}},{children:i.label||"Cluster Name"}))]})]})),n.jsx("button",e.__assign({onClick:function(){L(null),U(null)},style:e.__assign({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",flexShrink:0},null==k?void 0:k.popupCloseButton)},{children:"×"}))]})),n.jsx("div",e.__assign({style:e.__assign({padding:"10px 14px",fontSize:13,lineHeight:1.6,color:j?"#cbd5e1":"#475569",background:j?"#1e293b":"#fff"},null==k?void 0:k.nodePopupBody)},{children:i.description||"No description available..."}))]})}()}))]})),n.jsxs("div",e.__assign({ref:w,onPointerDown:ee,onPointerMove:ne,onPointerUp:te,onPointerLeave:te,onClick:function(){Y(null),L(null),U(null)},style:{width:"100%",height:"100%",cursor:F?"grabbing":"grab",position:"relative"}},{children:[n.jsx("div",e.__assign({style:{transform:"translate(".concat(S.x,"px, ").concat(S.y,"px) scale(").concat(z,")"),transformOrigin:"top left",position:"absolute",top:_?70:50,left:20,transition:F?"none":"transform 0.08s ease-out"}},{children:n.jsxs("svg",e.__assign({width:G.canvasW,height:G.canvasH,style:{overflow:"visible"}},{children:[G.clusterBounds.map(function(t){var r,i,o,a,l;return n.jsxs("g",{children:[n.jsx("rect",{x:t.x,y:t.y,width:t.width,height:t.height,rx:"16",fill:le((null===(r=null==k?void 0:k.cluster)||void 0===r?void 0:r.backgroundColor)||(null===(i=null==k?void 0:k.cluster)||void 0===i?void 0:i.background),j?"rgba(30, 41, 59, 0.35)":"none"),stroke:le((null===(o=null==k?void 0:k.cluster)||void 0===o?void 0:o.borderColor)||(null===(a=null==k?void 0:k.cluster)||void 0===a?void 0:a.border),j?"#334155":"#e2e8f0"),strokeWidth:"1.5",strokeDasharray:"8 4"}),n.jsx("text",e.__assign({x:t.x+14,y:t.y+t.height-10,fontSize:"11",fill:le(null===(l=null==k?void 0:k.clusterLabel)||void 0===l?void 0:l.color,"#94a3b8"),fontFamily:"Inter, sans-serif",fontWeight:"500"},{children:t.label||"Cluster Name"}))]},t.id)}),G.edges.map(function(t){var r,i,o,a,l,s,d,c,u,f=b(t,J,G.edges);if(!f)return null;var g=V.has(t.id),v=(null==D?void 0:D.edge.id)===t.id,p=H===t.id,h=!!Q&&!g,x=g||v?(null===(r=null==k?void 0:k.activeEdge)||void 0===r?void 0:r.color)||(null===(i=null==k?void 0:k.activeEdge)||void 0===i?void 0:i.borderColor)||"#6366f1":p?(null===(o=null==k?void 0:k.edge)||void 0===o?void 0:o.color)||"#818cf8":(null===(a=null==k?void 0:k.edge)||void 0===a?void 0:a.borderColor)||(null===(l=null==k?void 0:k.edge)||void 0===l?void 0:l.color)||(j?"#475569":"#cbd5e1"),y=g||v?2.5:p?2:1.5;return n.jsxs("g",e.__assign({style:{opacity:h?.1:1,transition:"opacity 0.25s"}},{children:[n.jsx("path",{"data-edge-hit":"true",d:f,fill:"none",stroke:"transparent",strokeWidth:18,style:{cursor:"pointer"},onClick:function(e){return function(e,n){e.stopPropagation();var t=w.current.getBoundingClientRect();Y({edge:n,screenX:e.clientX-t.left,screenY:e.clientY-t.top}),L(null),U(null)}(e,t)},onMouseEnter:function(){return T(t.id)},onMouseLeave:function(){return T(null)}}),n.jsx("path",{d:f,fill:"none",stroke:x,strokeWidth:y,style:{transition:"stroke 0.2s, stroke-width 0.2s",pointerEvents:"none"}}),(g||v)&&n.jsxs(n.Fragment,{children:[n.jsx("circle",e.__assign({r:4,fill:(null===(s=null==k?void 0:k.edgeMarker)||void 0===s?void 0:s.color)||(null===(d=null==k?void 0:k.activeEdge)||void 0===d?void 0:d.color)||"#6366f1"},{children:n.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:f})})),n.jsx("circle",e.__assign({r:6,fill:(null===(c=null==k?void 0:k.edgeMarker)||void 0===c?void 0:c.color)||(null===(u=null==k?void 0:k.activeEdge)||void 0===u?void 0:u.color)||"#6366f1",opacity:.2},{children:n.jsx("animateMotion",{dur:"1.8s",repeatCount:"indefinite",path:f})}))]})]}),t.id)}),G.nodes.map(function(t){var r,i,o,a,l,s,d,c,x,y=Q===t.id,b=Z.has(t.id),_=!!Q&&!b,m=(null!==(r=K[t.cluster_id])&&void 0!==r?r:0)%h.length,M=h[m||0];return n.jsx("g",e.__assign({"data-node":"true",onClick:function(e){return function(e,n){e.stopPropagation();var t=w.current.getBoundingClientRect();Q===n.id?(U(null),L(null)):(U(n.id),L({node:n,screenX:e.clientX-t.left,screenY:e.clientY-t.top}),Y(null))}(e,t)},style:{cursor:"pointer",opacity:_?.15:1,transition:"opacity 0.25s"}},{children:n.jsx("foreignObject",e.__assign({x:t.x,y:t.y,width:u,height:f},{children:n.jsxs("div",e.__assign({style:e.__assign(e.__assign({background:(null===(i=null==k?void 0:k.node)||void 0===i?void 0:i.backgroundColor)||(null===(o=null==k?void 0:k.node)||void 0===o?void 0:o.background)||(j?"#1e293b":"#fff"),border:y?(null===(a=null==k?void 0:k.selectedNode)||void 0===a?void 0:a.border)||"2.5px solid ".concat((null===(l=null==k?void 0:k.selectedNode)||void 0===l?void 0:l.borderColor)||M):(null===(s=null==k?void 0:k.node)||void 0===s?void 0:s.border)||"1.5px solid ".concat((null===(d=null==k?void 0:k.node)||void 0===d?void 0:d.borderColor)||(j?"#334155":"#e2e8f0")),borderRadius:10,padding:"8px 14px",fontSize:13,fontWeight:600,color:j?"#f1f5f9":"#334155",fontFamily:"'Inter', sans-serif",display:"flex",alignItems:"center",gap:8,boxShadow:y?(null===(c=null==k?void 0:k.selectedNode)||void 0===c?void 0:c.boxShadow)||"0 0 0 3px ".concat(M,"33, 0 2px 8px rgba(0,0,0,0.4)"):(null===(x=null==k?void 0:k.node)||void 0===x?void 0:x.boxShadow)||(j?"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==k?void 0:k.node),y?null==k?void 0:k.selectedNode:{})},{children:[n.jsx("span",e.__assign({style:e.__assign({width:22,height:22,borderRadius:6,background:g[m],display:"flex",alignItems:"center",justifyContent:"center",fontSize:11,flexShrink:0,color:v[m]},null==k?void 0:k.nodeIcon)},{children:p[m]})),n.jsx("span",e.__assign({style:{overflow:"hidden",textOverflow:"ellipsis"}},{children:t.label||"Node name"}))]}))}))}),t.id)})]}))})),D&&n.jsxs("div",e.__assign({onClick:function(e){return e.stopPropagation()},style:e.__assign(e.__assign(e.__assign({position:"absolute"},function(e,n,t,r){if(!w.current)return{};var i=w.current.getBoundingClientRect(),o=e+14,a=n-r/2;return o+t>i.width&&(o=e-t-14),a<8&&(a=8),a+r>i.height&&(a=i.height-r-8),{left:o,top:a}}(D.screenX,D.screenY,320,180)),{width:320,background:j?"#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 #e2e8f0",zIndex:30,animation:"popIn 0.18s ease-out",overflow:"hidden"}),null==k?void 0:k.edgePopup)},{children:[n.jsxs("div",e.__assign({style:e.__assign({padding:"12px 16px 10px",background:"linear-gradient(135deg, #6366f1, #8b5cf6)",color:"#fff"},null==k?void 0:k.edgePopupHeader)},{children:[n.jsx("div",e.__assign({style:{fontSize:10,fontWeight:600,textTransform:"uppercase",letterSpacing:"0.06em",opacity:.8}},{children:"Edge Reasoning"})),n.jsxs("div",e.__assign({style:{fontSize:13,fontWeight:600,marginTop:4}},{children:[(null===(o=J[D.edge.source])||void 0===o?void 0:o.label)||"Source",n.jsx("span",e.__assign({style:{opacity:.6,margin:"0 6px"}},{children:"→"})),(null===(a=J[D.edge.target])||void 0===a?void 0:a.label)||"Target"]}))]})),n.jsx("div",e.__assign({style:e.__assign({padding:"12px 16px 14px",fontSize:13,lineHeight:1.6,color:j?"#cbd5e1":"#475569",whiteSpace:"pre-line"},null==k?void 0:k.edgePopupBody)},{children:D.edge.reasoning||"No Reasoning available..."})),n.jsx("button",e.__assign({onClick:function(){return Y(null)},style:e.__assign({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==k?void 0:k.popupCloseButton)},{children:"×"}))]}))]})),n.jsx("style",{children:"\n @keyframes popIn { from { opacity:0; transform:scale(0.95) translateY(4px); } to { opacity:1; transform:scale(1) translateY(0); } }\n @keyframes slideDown { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }\n "})]}))}var m=l.default.memo(function(r){var i=r.data,o=r.isDarkMode,a=void 0!==o&&o,l=r.style,d=t.useState(!1),c=d[0],u=d[1],f=l||{};f.fullscreenPaper,f.root,f.header,f.title,f.subtitle,f.controls,f.controlButton,f.nodePopup,f.edgePopup;var g=e.__rest(f,["fullscreenPaper","root","header","title","subtitle","controls","controlButton","nodePopup","edgePopup"]),v=l||{},p=t.useCallback(function(){u(!0)},[]),h=t.useCallback(function(){u(!1)},[]);return n.jsxs(n.Fragment,{children:[n.jsx("div",e.__assign({style:e.__assign({position:"relative",width:"100%",height:"500px"},g)},{children:n.jsx(_,{data:i,onFullscreen:p,isDarkMode:a,style:v})})),n.jsx(s.default,e.__assign({open:c,onClose:h,maxWidth:!1,PaperProps:{style:e.__assign({width:"95vw",height:"92vh",maxWidth:"none",borderRadius:12,overflow:"hidden",background:v.backgroundColor||v.background||(a?"#090d16":"#ffffff"),color:v.color||(a?"#f8fafc":"#1e293b")},v.fullscreenPaper)}},{children:n.jsx("div",e.__assign({style:{width:"100%",height:"100%",position:"relative",background:v.backgroundColor||v.background||(a?"#090d16":"#ffffff")}},{children:n.jsx(_,{data:i,onFullscreen:h,isFullscreen:!0,isDarkMode:a,style:v})}))}))]})});exports.default=m;
|
|
2
2
|
//# sourceMappingURL=DependencyGraph.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),r=require("react"),i=require("react-markdown"),t=require("rehype-raw"),o=require("@mui/material"),a=require("react-syntax-highlighter"),l=require("react-syntax-highlighter/dist/esm/styles/prism"),s=require("@mui/icons-material"),d=require("@mui/icons-material/ExpandMoreOutlined"),c=require("./Cognitivereasoningpanel.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(r),f=u(i),g=u(t),h=u(d),v=function(e){var n,r,i;void 0===e&&(e="");var t=null==e?void 0:e.replace(/\\`/g,"`");return t=null==(t=null==(t=null===(i=null==(t=null===(r=null===(n=null==(t=null==t?void 0:t.replace(/```json\s*([\s\S]*?)```/g,function(e,n){return"<codebasename>".concat(n.trim(),"</codebasename>")}))?void 0:t.replace(/^```.*\n?/,""))||void 0===n?void 0:n.replace(/\n?```$/,""))||void 0===r?void 0:r.trim())?void 0:t.replace(/^```/,""))||void 0===i?void 0:i.replace(/```$/,""))?void 0:t.replace(/<\/summary>/g,"</summary>\n"))?void 0:t.replace(/<details>/g,"\n<details>")},_=function(i){var t=i.text,o=r.useState(!1),a=o[0],l=o[1];return n.jsxs("button",e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,navigator.clipboard.writeText(t)];case 1:return e.sent(),l(!0),setTimeout(function(){return l(!1)},2e3),[3,3];case 2:return e.sent(),[3,3];case 3:return[2]}})})},"aria-label":"Copy code",style:{position:"absolute",top:8,right:8,display:"inline-flex",alignItems:"center",gap:4,padding:"3px 8px",fontSize:"0.68rem",fontWeight:500,fontFamily:"inherit",color:a?"#16a34a":"#6B7280",background:a?"#f0fdf4":"#f3f4f6",border:"1px solid ".concat(a?"#bbf7d0":"#e5e7eb"),borderRadius:6,cursor:"pointer",transition:"all 0.2s",opacity:.85},onMouseEnter:function(e){e.currentTarget.style.opacity="1"},onMouseLeave:function(e){e.currentTarget.style.opacity="0.85"}},{children:[a?n.jsx(s.Check,{style:{fontSize:13}}):n.jsx(s.ContentCopy,{style:{fontSize:13}}),a?"Copied":"Copy"]}))},x=function(i){i.node;var t=e.__rest(i,["node"]),o=r.useState(!1),a=o[0],l=o[1],d=r.useRef(null),c=p.default.Children.toArray(t.children),u=c.find(function(e){var n;return null===(n=null==e?void 0:e.props)||void 0===n?void 0:n["data-codebase-name"]}),f=!!u,g=f?u.props["data-codebase-name"]:"",h=c.map(function(e){var n;return"string"==typeof e?e:(null===(n=e.props)||void 0===n?void 0:n.children)||""}).join("").replace(/\*\*/g,"").trim(),v=f?"From ".concat(g," codebase"):h||"Accordion title not found";return r.useEffect(function(){var e,n=null===(e=d.current)||void 0===e?void 0:e.parentElement;if(n){var r=function(){return l(n.open)};return r(),n.addEventListener("toggle",r),function(){return n.removeEventListener("toggle",r)}}},[]),n.jsxs("summary",e.__assign({ref:d,style:{padding:"8px 12px",listStyleType:"none",cursor:"pointer",fontWeight:600,fontSize:"0.82rem",color:"#6932E2",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,borderRadius:8,background:a?"#f5f3ff":"transparent",transition:"background 0.2s"}},{children:[n.jsx("span",{children:v}),n.jsx("div",e.__assign({style:{display:"flex",alignItems:"center",flexShrink:0,color:"#6932E2"}},{children:a?n.jsx(s.ExpandLess,{sx:{fontSize:"1.1rem"}}):n.jsx(s.ExpandMore,{sx:{fontSize:"1.1rem"}})}))]}))},m=function(i){var t=i.message,s=i.fontSize,d=i.extraMetaData,u=i.isDarkMode,m=void 0!==u&&u,b=i.style,y=i.sx,j=null!=s?s:"0.88rem",S=m?"#e2e8f0":"#1f2937",k=m?"#f8fafc":"#111827",w=r.useState({open:!1,data:null,activeKey:null}),M=w[0],C=w[1],z=function(){return C({open:!1,data:null,activeKey:null})},R=r.useMemo(function(){var e=function(e){var n={};return{processed:e.replace(/<!--\s*<ai_reasoning>\s*([\s\S]*?)\s*<\/ai_reasoning>\s*-->/g,function(e,r){try{var i=JSON.parse(r.trim()),t=i.id||"reasoning_".concat(Object.keys(n).length);return n[t]=i,'<aireasoning data-reasoning-key="'.concat(t,'">').concat(t,"</aireasoning>")}catch(e){return console.warn("[ai_reasoning] Failed to parse block:",e),""}}),reasoningMap:n}}(t||"");return{processedMessage:e.processed,inlineReasoningMap:e.reasoningMap}},[t]),W=R.processedMessage,E=R.inlineReasoningMap,q=r.useMemo(function(){return{aireasoning:function(r){r.node;var i=e.__rest(r,["node"])["data-reasoning-key"],t=E[i];if(!t)return null;var a=M.open&&M.activeKey===i;return n.jsxs("div",e.__assign({style:{margin:"6px 0"}},{children:[n.jsxs("span",e.__assign({onClick:function(e){e.stopPropagation();var n=function(e){var n,r,i,t,o,a=[];return(null!==(r=null===(n=e.aiReasoningCitation)||void 0===n?void 0:n.gpt_citation)&&void 0!==r?r:[]).forEach(function(e){var n,r,i,t,o,l,s,d,c,u,p=null!==(r=null===(n=e.customMetadata)||void 0===n?void 0:n.data_sources)&&void 0!==r?r:[],f=null!==(t=null===(i=e.customMetadata)||void 0===i?void 0:i.training_data_title)&&void 0!==t?t:[],g=null!==(l=null===(o=e.customMetadata)||void 0===o?void 0:o.paraphrase)&&void 0!==l?l:[],h=null===(s=p[0])||void 0===s?void 0:s.match(/<highlight>([\s\S]*?)<\/highlight>/),v=h?h[1].trim():null!==(d=p[0])&&void 0!==d?d:"";a.push({citation_number:Number(e.citation_number),section_ref:null!==(c=f[0])&&void 0!==c?c:"",paraphrase:null!==(u=g[0])&&void 0!==u?u:"",highlight:v})}),{block_cognitive_reasoning_html:null!==(i=e.reasoning)&&void 0!==i?i:"",block_cognitive_gap_html:null!==(t=e.Gap)&&void 0!==t?t:"",block_cognitive_confidence:Number(null!==(o=e.decision_strength)&&void 0!==o?o:0),block_cognitive_citations:a}}(t);C(function(e){return e.open&&e.activeKey===i?{open:!1,data:null,activeKey:null}:{open:!0,data:n,activeKey:i}})},style:{display:"inline-flex",alignItems:"center",gap:6,cursor:"pointer",color:m?"#a78bfa":"#6932E2",fontWeight:500,fontSize:j,transition:"all 0.2s",padding:"2px 0"}},{children:[n.jsx("span",{children:i}),n.jsx("span",e.__assign({style:{display:"inline-flex",alignItems:"center",gap:2,border:m?"1px solid #334155":"1px solid #e2e8f0",borderRadius:5,padding:"4px 2px"}},{children:n.jsx(h.default,{sx:{fontSize:"1rem",color:m?"#94a3b8":"#475569",transform:a?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}})}))]})),a&&M.data&&n.jsx(o.Box,e.__assign({component:"div",onClick:function(e){return e.stopPropagation()},sx:{display:"block",width:"fit-content",maxWidth:"100%",mt:1,mb:1,ml:0}},{children:n.jsx(c.default,{open:!0,onClose:z,data:M.data})}))]}))},codebasename:function(r){var i=r.children,t=("string"==typeof i[0]?i[0]:"").trim();return""!==t?n.jsxs("div",e.__assign({"data-codebase-name":t,style:{position:"relative",margin:"12px 0"}},{children:[n.jsx(_,{text:String(i).replace(/\n$/,"")}),n.jsx(a.Prism,e.__assign({style:l.oneLight,language:"json",PreTag:"div",customStyle:{borderRadius:8,padding:"1rem",fontSize:"0.8rem",border:m?"1px solid #334155":"1px solid #e5e7eb",margin:0,lineHeight:1.6}},{children:String(i).replace(/\n$/,"")}))]})):n.jsx(n.Fragment,{})},details:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("details",e.__assign({},i,{style:{borderRadius:8,border:m?"1px solid #334155":"1px solid #e9e5f5",backgroundColor:"transparent",margin:"8px 0",overflow:"hidden"}},{children:i.children}))},summary:x,p:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("p",e.__assign({style:{wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"block",maxWidth:"100%",fontSize:j,lineHeight:1.7,margin:"4px 0",color:S}},{children:null==i?void 0:i.children}))},strong:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("strong",e.__assign({style:{fontWeight:650,color:k}},{children:null==i?void 0:i.children}))},h1:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h1",e.__assign({style:{fontSize:"1.35rem",fontWeight:700,color:k,margin:"20px 0 8px",lineHeight:1.3,letterSpacing:"-0.01em"}},{children:i.children}))},h2:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h2",e.__assign({style:{fontSize:"1.15rem",fontWeight:650,color:k,margin:"16px 0 6px",lineHeight:1.35}},{children:i.children}))},h3:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h3",e.__assign({style:{fontSize:"1rem",fontWeight:600,color:k,margin:"14px 0 4px",lineHeight:1.4}},{children:i.children}))},h4:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("h4",e.__assign({style:{fontSize:"0.92rem",fontWeight:600,color:S,margin:"12px 0 4px",lineHeight:1.4}},{children:i.children}))},ol:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("ol",e.__assign({style:{listStyleType:"decimal",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2}},{children:null==i?void 0:i.children}))},ul:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("ul",e.__assign({style:{listStyleType:"disc",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2}},{children:null==i?void 0:i.children}))},li:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("li",e.__assign({style:{fontSize:j,lineHeight:1.7,color:S,paddingLeft:4}},{children:i.children}))},blockquote:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("blockquote",e.__assign({style:{margin:"12px 0",padding:"8px 16px",borderLeft:"3px solid #8b5cf6",background:m?"#1e1b4b":"#faf5ff",borderRadius:"0 6px 6px 0",color:m?"#cbd5e1":"#4b5563",fontStyle:"italic",fontSize:j,lineHeight:1.65}},{children:i.children}))},hr:function(){return n.jsx("hr",{style:{border:"none",height:1,background:m?"linear-gradient(to right, transparent, #334155, transparent)":"linear-gradient(to right, transparent, #d1d5db, transparent)",margin:"16px 0"}})},table:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("div",e.__assign({style:{overflowX:"auto",margin:"12px 0",borderRadius:8,border:m?"1px solid #334155":"1px solid #e5e7eb"}},{children:n.jsx("table",e.__assign({style:{width:"100%",borderCollapse:"collapse",fontSize:"0.8rem",lineHeight:1.5}},{children:i.children}))}))},thead:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("thead",e.__assign({style:{background:m?"#1e293b":"#f9fafb",borderBottom:m?"2px solid #334155":"2px solid #e5e7eb"}},{children:i.children}))},th:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("th",e.__assign({style:{padding:"8px 12px",textAlign:"left",fontWeight:600,fontSize:"0.76rem",color:m?"#cbd5e1":"#374151",whiteSpace:"nowrap"}},{children:i.children}))},td:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("td",e.__assign({style:{padding:"8px 12px",borderTop:m?"1px solid #334155":"1px solid #f3f4f6",color:m?"#94a3b8":"#4b5563",fontSize:"0.8rem"}},{children:i.children}))},a:function(r){var i=r.children;r.node;var t=e.__rest(r,["children","node"]),a=t["data-cognitive-reasoning"];if(a&&(null==d?void 0:d[a]))return n.jsxs(n.Fragment,{children:[n.jsxs("span",e.__assign({onClick:function(e){e.stopPropagation();var n=function(e){var n,r,i,t,o;if(!e)return null;var a=[];return(null!==(r=null===(n=e.aiReasoningCitation)||void 0===n?void 0:n.gpt_citation)&&void 0!==r?r:[]).forEach(function(e){var n,r,i,t,o,l,s,d,c,u,p=null!==(r=null===(n=e.customMetadata)||void 0===n?void 0:n.data_sources)&&void 0!==r?r:[],f=null!==(t=null===(i=e.customMetadata)||void 0===i?void 0:i.training_data_title)&&void 0!==t?t:[],g=null!==(l=null===(o=e.customMetadata)||void 0===o?void 0:o.paraphrase)&&void 0!==l?l:[],h=null===(s=p[0])||void 0===s?void 0:s.match(/<highlight>([\s\S]*?)<\/highlight>/),v=h?h[1].trim():null!==(d=p[0])&&void 0!==d?d:"";a.push({citation_number:Number(e.citation_number),section_ref:null!==(c=f[0])&&void 0!==c?c:"",paraphrase:null!==(u=g[0])&&void 0!==u?u:"",highlight:v})}),{block_cognitive_reasoning_html:null!==(i=e.Reasoning)&&void 0!==i?i:"",block_cognitive_gap_html:null!==(t=e.Gap)&&void 0!==t?t:"",block_cognitive_confidence:Number(null!==(o=e.Confidence_score)&&void 0!==o?o:0),block_cognitive_citations:a}}(d[a]);C(function(e){return e.open&&e.activeKey===a?{open:!1,data:null,activeKey:null}:{open:!0,data:n,activeKey:a}})},style:{color:m?"#a78bfa":"#6932E2",fontWeight:500,cursor:"pointer",transition:"all 0.2s",padding:"0 2px",position:"relative",display:"flex",alignItems:"center",gap:6,width:"fit-content"}},{children:[i||"",n.jsx("span",e.__assign({style:{cursor:"pointer",padding:"4px 2px",display:"flex",alignItems:"center",gap:2,border:m?"1px solid #334155":"1px solid #e2e8f0",borderRadius:"5px",width:"fit-content"}},{children:n.jsx(h.default,{sx:{fontSize:"1rem",color:m?"#94a3b8":"#475569",transition:"transform 0.2s"}})}))]})),M.open&&M.activeKey===a&&M.data&&n.jsx(o.Box,e.__assign({component:"div",onClick:function(e){return e.stopPropagation()},sx:{display:"block",width:"fit-content",maxWidth:"100%",mt:1,mb:1,ml:0}},{children:n.jsx(c.default,{open:!0,onClose:z,data:M.data})}))]});var l=!1;try{l=new URL(null==t?void 0:t.href).protocol.startsWith("http")}catch(e){l=!1}return l?n.jsx("a",e.__assign({href:null==t?void 0:t.href,style:{color:m?"#a78bfa":"#6932E2",textDecoration:"none",fontWeight:500,borderBottom:m?"1px solid #7c3aed":"1px solid #c4b5fd",transition:"border-color 0.2s, color 0.2s"},target:"_blank",rel:"noopener noreferrer",onMouseEnter:function(e){e.currentTarget.style.borderBottomColor=m?"#a78bfa":"#6932E2"},onMouseLeave:function(e){e.currentTarget.style.borderBottomColor=m?"#7c3aed":"#c4b5fd"}},{children:i})):n.jsx("span",{children:i})},sup:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx(o.Tooltip,e.__assign({title:i.children,placement:"top",arrow:!0},{children:n.jsx(o.Box,e.__assign({component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:16,height:16,borderRadius:"50%",background:m?"#3730a3":"#ede9fe",color:m?"#c084fc":"#7c3aed",fontSize:"0.6rem",fontWeight:700,verticalAlign:"super",cursor:"pointer",userSelect:"none",lineHeight:1,transition:"all 0.2s","&:hover":{background:m?"#6d28d9":"#7c3aed",color:"#fff"}},"aria-label":"Info",role:"button"},{children:"i"}))}))},code:function(r){var i=r.children;return n.jsx("code",e.__assign({style:{fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.82em",color:m?"#e9d5ff":"#9333ea",background:m?"#2e1065":"#faf5ff",padding:"1.5px 5px",borderRadius:4,border:m?"1px solid #581c87":"1px solid #f3e8ff",fontWeight:500}},{children:i}))},pre:function(r){var i=r.children,t=function(e){var n;return"string"==typeof e?e:(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.children)?(Array.isArray(e.props.children)?e.props.children:[e.props.children]).map(t).join(""):""},o=p.default.Children.toArray(i).map(t).join("");return n.jsxs("div",e.__assign({style:{position:"relative",margin:"12px 0"}},{children:[n.jsx(_,{text:o}),n.jsx("pre",e.__assign({style:{fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.8rem",lineHeight:1.6,color:S,background:m?"#0f172a":"#f9fafb",border:m?"1px solid #334155":"1px solid #e5e7eb",borderRadius:8,padding:"14px 16px",margin:0,overflowX:"auto",whiteSpace:"pre"}},{children:i}))]}))},img:function(r){r.node;var i=e.__rest(r,["node"]);return n.jsx("img",e.__assign({},i,{style:{maxWidth:"100%",height:"auto",borderRadius:8,margin:"8px 0",border:m?"1px solid #334155":"1px solid #e5e7eb"},loading:"lazy"}))}}},[t,j,d,M.activeKey,M.open,E,m,S,k]);return n.jsx(o.Box,e.__assign({className:"pg-markdown-renderer",style:b,sx:e.__assign(e.__assign({fontSize:j,lineHeight:1.7,color:S,wordBreak:"break-word",position:"relative"},y),{"& span[style*='color'], & font[color]":m?{color:"#60a5fa !important"}:{},"& a":{color:m?"#a78bfa !important":"#6932E2 !important"},"& strong":{color:m?"#f8fafc !important":"#111827 !important"},"& h1, & h2, & h3, & h4, & h5, & h6":{color:m?"#f1f5f9 !important":"#111827 !important"}})},{children:n.jsx(f.default,e.__assign({components:q,rehypePlugins:[g.default],className:"react-markdown-renderer-with-overrides"},{children:v(W)}))}))};exports.MarkdownRenderer=m,exports.default=m;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),r=require("react-markdown"),t=require("rehype-raw"),o=require("@mui/material"),a=require("react-syntax-highlighter"),l=require("react-syntax-highlighter/dist/esm/styles/prism"),s=require("@mui/icons-material"),d=require("@mui/icons-material/ExpandMoreOutlined"),c=require("./Cognitivereasoningpanel.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=u(i),g=u(r),f=u(t),h=u(d),v=function(e){var n,i,r;void 0===e&&(e="");var t=null==e?void 0:e.replace(/\\`/g,"`");return t=null==(t=null==(t=null===(r=null==(t=null===(i=null===(n=null==(t=null==t?void 0:t.replace(/```json\s*([\s\S]*?)```/g,function(e,n){return"<codebasename>".concat(n.trim(),"</codebasename>")}))?void 0:t.replace(/^```.*\n?/,""))||void 0===n?void 0:n.replace(/\n?```$/,""))||void 0===i?void 0:i.trim())?void 0:t.replace(/^```/,""))||void 0===r?void 0:r.replace(/```$/,""))?void 0:t.replace(/<\/summary>/g,"</summary>\n"))?void 0:t.replace(/<details>/g,"\n<details>")},_=function(r){var t=r.text,o=i.useState(!1),a=o[0],l=o[1];return n.jsxs("button",e.__assign({onClick:function(){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:return e.trys.push([0,2,,3]),[4,navigator.clipboard.writeText(t)];case 1:return e.sent(),l(!0),setTimeout(function(){return l(!1)},2e3),[3,3];case 2:return e.sent(),[3,3];case 3:return[2]}})})},"aria-label":"Copy code",style:{position:"absolute",top:8,right:8,display:"inline-flex",alignItems:"center",gap:4,padding:"3px 8px",fontSize:"0.68rem",fontWeight:500,fontFamily:"inherit",color:a?"#16a34a":"#6B7280",background:a?"#f0fdf4":"#f3f4f6",border:"1px solid ".concat(a?"#bbf7d0":"#e5e7eb"),borderRadius:6,cursor:"pointer",transition:"all 0.2s",opacity:.85},onMouseEnter:function(e){e.currentTarget.style.opacity="1"},onMouseLeave:function(e){e.currentTarget.style.opacity="0.85"}},{children:[a?n.jsx(s.Check,{style:{fontSize:13}}):n.jsx(s.ContentCopy,{style:{fontSize:13}}),a?"Copied":"Copy"]}))},x=function(r){r.node;var t=e.__rest(r,["node"]),o=i.useState(!1),a=o[0],l=o[1],d=i.useRef(null),c=p.default.Children.toArray(t.children),u=c.find(function(e){var n;return null===(n=null==e?void 0:e.props)||void 0===n?void 0:n["data-codebase-name"]}),g=!!u,f=g?u.props["data-codebase-name"]:"",h=c.map(function(e){var n;return"string"==typeof e?e:(null===(n=e.props)||void 0===n?void 0:n.children)||""}).join("").replace(/\*\*/g,"").trim(),v=g?"From ".concat(f," codebase"):h||"Accordion title not found";return i.useEffect(function(){var e,n=null===(e=d.current)||void 0===e?void 0:e.parentElement;if(n){var i=function(){return l(n.open)};return i(),n.addEventListener("toggle",i),function(){return n.removeEventListener("toggle",i)}}},[]),n.jsxs("summary",e.__assign({ref:d,style:{padding:"8px 12px",listStyleType:"none",cursor:"pointer",fontWeight:600,fontSize:"0.82rem",color:"#6932E2",display:"flex",alignItems:"center",justifyContent:"space-between",gap:8,borderRadius:8,background:a?"#f5f3ff":"transparent",transition:"background 0.2s"}},{children:[n.jsx("span",{children:v}),n.jsx("div",e.__assign({style:{display:"flex",alignItems:"center",flexShrink:0,color:"#6932E2"}},{children:a?n.jsx(s.ExpandLess,{sx:{fontSize:"1.1rem"}}):n.jsx(s.ExpandMore,{sx:{fontSize:"1.1rem"}})}))]}))},m=function(r){var t=r.message,s=r.fontSize,d=r.extraMetaData,u=r.isDarkMode,m=void 0!==u&&u,b=r.cognitiveDecisioningStyles,y=r.style,j=r.sx,S=null!=s?s:"0.88rem",k=m?"#e2e8f0":"#1f2937",w=m?"#f8fafc":"#111827",M=i.useState({open:!1,data:null,activeKey:null}),C=M[0],z=M[1],R=function(){return z({open:!1,data:null,activeKey:null})},W=i.useMemo(function(){var e=function(e){var n={};return{processed:e.replace(/<!--\s*<ai_reasoning>\s*([\s\S]*?)\s*<\/ai_reasoning>\s*-->/g,function(e,i){try{var r=JSON.parse(i.trim()),t=r.id||"reasoning_".concat(Object.keys(n).length);return n[t]=r,'<aireasoning data-reasoning-key="'.concat(t,'">').concat(t,"</aireasoning>")}catch(e){return console.warn("[ai_reasoning] Failed to parse block:",e),""}}),reasoningMap:n}}(t||"");return{processedMessage:e.processed,inlineReasoningMap:e.reasoningMap}},[t]),E=W.processedMessage,q=W.inlineReasoningMap,B=i.useMemo(function(){return{aireasoning:function(i){i.node;var r=e.__rest(i,["node"])["data-reasoning-key"],t=q[r];if(!t)return null;var a=C.open&&C.activeKey===r;return n.jsxs("div",e.__assign({style:{margin:"6px 0"}},{children:[n.jsxs("span",e.__assign({onClick:function(e){e.stopPropagation();var n=function(e){var n,i,r,t,o,a=[];return(null!==(i=null===(n=e.aiReasoningCitation)||void 0===n?void 0:n.gpt_citation)&&void 0!==i?i:[]).forEach(function(e){var n,i,r,t,o,l,s,d,c,u,p=null!==(i=null===(n=e.customMetadata)||void 0===n?void 0:n.data_sources)&&void 0!==i?i:[],g=null!==(t=null===(r=e.customMetadata)||void 0===r?void 0:r.training_data_title)&&void 0!==t?t:[],f=null!==(l=null===(o=e.customMetadata)||void 0===o?void 0:o.paraphrase)&&void 0!==l?l:[],h=null===(s=p[0])||void 0===s?void 0:s.match(/<highlight>([\s\S]*?)<\/highlight>/),v=h?h[1].trim():null!==(d=p[0])&&void 0!==d?d:"";a.push({citation_number:Number(e.citation_number),section_ref:null!==(c=g[0])&&void 0!==c?c:"",paraphrase:null!==(u=f[0])&&void 0!==u?u:"",highlight:v})}),{block_cognitive_reasoning_html:null!==(r=e.reasoning)&&void 0!==r?r:"",block_cognitive_gap_html:null!==(t=e.Gap)&&void 0!==t?t:"",block_cognitive_confidence:Number(null!==(o=e.decision_strength)&&void 0!==o?o:0),block_cognitive_citations:a}}(t);z(function(e){return e.open&&e.activeKey===r?{open:!1,data:null,activeKey:null}:{open:!0,data:n,activeKey:r}})},style:{display:"inline-flex",alignItems:"center",gap:6,cursor:"pointer",color:m?"#a78bfa":"#6932E2",fontWeight:500,fontSize:S,transition:"all 0.2s",padding:"2px 0"}},{children:[n.jsx("span",{children:r}),n.jsx("span",e.__assign({style:{display:"inline-flex",alignItems:"center",gap:2,border:m?"1px solid #334155":"1px solid #e2e8f0",borderRadius:5,padding:"4px 2px"}},{children:n.jsx(h.default,{sx:{fontSize:"1rem",color:m?"#94a3b8":"#475569",transform:a?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s"}})}))]})),a&&C.data&&n.jsx(o.Box,e.__assign({component:"div",onClick:function(e){return e.stopPropagation()},sx:{display:"block",width:"fit-content",maxWidth:"100%",mt:1,mb:1,ml:0}},{children:n.jsx(c.default,{open:!0,onClose:R,data:C.data,styles:b})}))]}))},codebasename:function(i){var r=i.children,t=("string"==typeof r[0]?r[0]:"").trim();return""!==t?n.jsxs("div",e.__assign({"data-codebase-name":t,style:{position:"relative",margin:"12px 0"}},{children:[n.jsx(_,{text:String(r).replace(/\n$/,"")}),n.jsx(a.Prism,e.__assign({style:l.oneLight,language:"json",PreTag:"div",customStyle:{borderRadius:8,padding:"1rem",fontSize:"0.8rem",border:m?"1px solid #334155":"1px solid #e5e7eb",margin:0,lineHeight:1.6}},{children:String(r).replace(/\n$/,"")}))]})):n.jsx(n.Fragment,{})},details:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("details",e.__assign({},r,{style:{borderRadius:8,border:m?"1px solid #334155":"1px solid #e9e5f5",backgroundColor:"transparent",margin:"8px 0",overflow:"hidden"}},{children:r.children}))},summary:x,p:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("p",e.__assign({style:{wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"block",maxWidth:"100%",fontSize:S,lineHeight:1.7,margin:"4px 0",color:k}},{children:null==r?void 0:r.children}))},strong:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("strong",e.__assign({style:{fontWeight:650,color:w}},{children:null==r?void 0:r.children}))},h1:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("h1",e.__assign({style:{fontSize:"1.35rem",fontWeight:700,color:w,margin:"20px 0 8px",lineHeight:1.3,letterSpacing:"-0.01em"}},{children:r.children}))},h2:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("h2",e.__assign({style:{fontSize:"1.15rem",fontWeight:650,color:w,margin:"16px 0 6px",lineHeight:1.35}},{children:r.children}))},h3:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("h3",e.__assign({style:{fontSize:"1rem",fontWeight:600,color:w,margin:"14px 0 4px",lineHeight:1.4}},{children:r.children}))},h4:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("h4",e.__assign({style:{fontSize:"0.92rem",fontWeight:600,color:k,margin:"12px 0 4px",lineHeight:1.4}},{children:r.children}))},ol:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({style:{listStyleType:"decimal",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2}},{children:null==r?void 0:r.children}))},ul:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("ul",e.__assign({style:{listStyleType:"disc",marginLeft:20,paddingLeft:4,display:"flex",flexDirection:"column",gap:2}},{children:null==r?void 0:r.children}))},li:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("li",e.__assign({style:{fontSize:S,lineHeight:1.7,color:k,paddingLeft:4}},{children:r.children}))},blockquote:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("blockquote",e.__assign({style:{margin:"12px 0",padding:"8px 16px",borderLeft:"3px solid #8b5cf6",background:m?"#1e1b4b":"#faf5ff",borderRadius:"0 6px 6px 0",color:m?"#cbd5e1":"#4b5563",fontStyle:"italic",fontSize:S,lineHeight:1.65}},{children:r.children}))},hr:function(){return n.jsx("hr",{style:{border:"none",height:1,background:m?"linear-gradient(to right, transparent, #334155, transparent)":"linear-gradient(to right, transparent, #d1d5db, transparent)",margin:"16px 0"}})},table:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("div",e.__assign({style:{overflowX:"auto",margin:"12px 0",borderRadius:8,border:m?"1px solid #334155":"1px solid #e5e7eb"}},{children:n.jsx("table",e.__assign({style:{width:"100%",borderCollapse:"collapse",fontSize:"0.8rem",lineHeight:1.5}},{children:r.children}))}))},thead:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("thead",e.__assign({style:{background:m?"#1e293b":"#f9fafb",borderBottom:m?"2px solid #334155":"2px solid #e5e7eb"}},{children:r.children}))},th:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("th",e.__assign({style:{padding:"8px 12px",textAlign:"left",fontWeight:600,fontSize:"0.76rem",color:m?"#cbd5e1":"#374151",whiteSpace:"nowrap"}},{children:r.children}))},td:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("td",e.__assign({style:{padding:"8px 12px",borderTop:m?"1px solid #334155":"1px solid #f3f4f6",color:m?"#94a3b8":"#4b5563",fontSize:"0.8rem"}},{children:r.children}))},a:function(i){var r=i.children;i.node;var t=e.__rest(i,["children","node"]),a=t["data-cognitive-reasoning"];if(a&&(null==d?void 0:d[a]))return n.jsxs(n.Fragment,{children:[n.jsxs("span",e.__assign({onClick:function(e){e.stopPropagation();var n=function(e){var n,i,r,t,o;if(!e)return null;var a=[];return(null!==(i=null===(n=e.aiReasoningCitation)||void 0===n?void 0:n.gpt_citation)&&void 0!==i?i:[]).forEach(function(e){var n,i,r,t,o,l,s,d,c,u,p=null!==(i=null===(n=e.customMetadata)||void 0===n?void 0:n.data_sources)&&void 0!==i?i:[],g=null!==(t=null===(r=e.customMetadata)||void 0===r?void 0:r.training_data_title)&&void 0!==t?t:[],f=null!==(l=null===(o=e.customMetadata)||void 0===o?void 0:o.paraphrase)&&void 0!==l?l:[],h=null===(s=p[0])||void 0===s?void 0:s.match(/<highlight>([\s\S]*?)<\/highlight>/),v=h?h[1].trim():null!==(d=p[0])&&void 0!==d?d:"";a.push({citation_number:Number(e.citation_number),section_ref:null!==(c=g[0])&&void 0!==c?c:"",paraphrase:null!==(u=f[0])&&void 0!==u?u:"",highlight:v})}),{block_cognitive_reasoning_html:null!==(r=e.Reasoning)&&void 0!==r?r:"",block_cognitive_gap_html:null!==(t=e.Gap)&&void 0!==t?t:"",block_cognitive_confidence:Number(null!==(o=e.Confidence_score)&&void 0!==o?o:0),block_cognitive_citations:a}}(d[a]);z(function(e){return e.open&&e.activeKey===a?{open:!1,data:null,activeKey:null}:{open:!0,data:n,activeKey:a}})},style:{color:m?"#a78bfa":"#6932E2",fontWeight:500,cursor:"pointer",transition:"all 0.2s",padding:"0 2px",position:"relative",display:"flex",alignItems:"center",gap:6,width:"fit-content"}},{children:[r||"",n.jsx("span",e.__assign({style:{cursor:"pointer",padding:"4px 2px",display:"flex",alignItems:"center",gap:2,border:m?"1px solid #334155":"1px solid #e2e8f0",borderRadius:"5px",width:"fit-content"}},{children:n.jsx(h.default,{sx:{fontSize:"1rem",color:m?"#94a3b8":"#475569",transition:"transform 0.2s"}})}))]})),C.open&&C.activeKey===a&&C.data&&n.jsx(o.Box,e.__assign({component:"div",onClick:function(e){return e.stopPropagation()},sx:{display:"block",width:"fit-content",maxWidth:"100%",mt:1,mb:1,ml:0}},{children:n.jsx(c.default,{open:!0,onClose:R,data:C.data,styles:b})}))]});var l=!1;try{l=new URL(null==t?void 0:t.href).protocol.startsWith("http")}catch(e){l=!1}return l?n.jsx("a",e.__assign({href:null==t?void 0:t.href,style:{color:m?"#a78bfa":"#6932E2",textDecoration:"none",fontWeight:500,borderBottom:m?"1px solid #7c3aed":"1px solid #c4b5fd",transition:"border-color 0.2s, color 0.2s"},target:"_blank",rel:"noopener noreferrer",onMouseEnter:function(e){e.currentTarget.style.borderBottomColor=m?"#a78bfa":"#6932E2"},onMouseLeave:function(e){e.currentTarget.style.borderBottomColor=m?"#7c3aed":"#c4b5fd"}},{children:r})):n.jsx("span",{children:r})},sup:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx(o.Tooltip,e.__assign({title:r.children,placement:"top",arrow:!0},{children:n.jsx(o.Box,e.__assign({component:"span",sx:{display:"inline-flex",alignItems:"center",justifyContent:"center",width:16,height:16,borderRadius:"50%",background:m?"#3730a3":"#ede9fe",color:m?"#c084fc":"#7c3aed",fontSize:"0.6rem",fontWeight:700,verticalAlign:"super",cursor:"pointer",userSelect:"none",lineHeight:1,transition:"all 0.2s","&:hover":{background:m?"#6d28d9":"#7c3aed",color:"#fff"}},"aria-label":"Info",role:"button"},{children:"i"}))}))},code:function(i){var r=i.children;return n.jsx("code",e.__assign({style:{fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.82em",color:m?"#e9d5ff":"#9333ea",background:m?"#2e1065":"#faf5ff",padding:"1.5px 5px",borderRadius:4,border:m?"1px solid #581c87":"1px solid #f3e8ff",fontWeight:500}},{children:r}))},pre:function(i){var r=i.children,t=function(e){var n;return"string"==typeof e?e:(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.children)?(Array.isArray(e.props.children)?e.props.children:[e.props.children]).map(t).join(""):""},o=p.default.Children.toArray(r).map(t).join("");return n.jsxs("div",e.__assign({style:{position:"relative",margin:"12px 0"}},{children:[n.jsx(_,{text:o}),n.jsx("pre",e.__assign({style:{fontFamily:"'JetBrains Mono', 'Fira Code', 'SF Mono', Menlo, monospace",fontSize:"0.8rem",lineHeight:1.6,color:k,background:m?"#0f172a":"#f9fafb",border:m?"1px solid #334155":"1px solid #e5e7eb",borderRadius:8,padding:"14px 16px",margin:0,overflowX:"auto",whiteSpace:"pre"}},{children:r}))]}))},img:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("img",e.__assign({},r,{style:{maxWidth:"100%",height:"auto",borderRadius:8,margin:"8px 0",border:m?"1px solid #334155":"1px solid #e5e7eb"},loading:"lazy"}))}}},[t,S,d,C.activeKey,C.open,b,q,m,k,w]);return n.jsx(o.Box,e.__assign({className:"pg-markdown-renderer",style:y,sx:e.__assign(e.__assign({fontSize:S,lineHeight:1.7,color:k,wordBreak:"break-word",position:"relative"},j),{"& span[style*='color'], & font[color]":m?{color:"#60a5fa !important"}:{},"& a":{color:m?"#a78bfa !important":"#6932E2 !important"},"& strong":{color:m?"#f8fafc !important":"#111827 !important"},"& h1, & h2, & h3, & h4, & h5, & h6":{color:m?"#f1f5f9 !important":"#111827 !important"}})},{children:n.jsx(g.default,e.__assign({components:B,rehypePlugins:[f.default],className:"react-markdown-renderer-with-overrides"},{children:v(E)}))}))};exports.MarkdownRenderer=m,exports.default=m;
|
|
2
2
|
//# sourceMappingURL=Markdownrenderer.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("@mui/material"),t=require("@mui/icons-material/ExpandMore"),s=require("@mui/icons-material/Fullscreen"),r=require("@mui/icons-material/Close"),l=require("@mui/icons-material/NearMeOutlined"),a=require("@mui/icons-material/ChevronLeft"),d=require("@mui/icons-material/ChevronRight"),c=require("./DependencyGraph.js"),x=require("./Markdownrenderer.js"),p=require("./Internaleditor.js");function h(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=h(t),g=h(s),f=h(r),_=h(l),m=h(a),y=h(d),j=function(t){var s=t.text,r=t.detailedSummary,l=t.extraMetaData,a=t.isDarkMode,d=void 0!==a&&a,c=t.markdownRendererStyle,p=n.useState(!1),h=p[0],u=p[1],g=function(e,i){void 0===i&&(i=220);var n=e.replace(/<!--\s*<ai_reasoning>[\s\S]*?<\/ai_reasoning>\s*-->/g,"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim();if(n.length<=i)return{preview:n,truncated:!1};var o=n.slice(0,i),t=o.lastIndexOf(" ");return{preview:(t>0?o.slice(0,t):o).trim(),truncated:!0}}(s),f=g.preview,_=g.truncated;return i.jsx(o.Box,{children:h?i.jsxs(o.Box,{children:[i.jsx(x.MarkdownRenderer,{message:s,fontSize:"0.8rem",extraMetaData:l,isDarkMode:d,style:c}),(null==r?void 0:r.trim())&&i.jsx(x.MarkdownRenderer,{message:r,fontSize:"0.8rem",extraMetaData:l,isDarkMode:d,style:c}),i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return u(!1)},sx:{fontSize:"0.72rem",color:d?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"}},{children:"view less"}))]}):i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column"}},{children:[i.jsxs(o.Typography,e.__assign({sx:{fontSize:"0.8rem",color:d?"#cbd5e1":"#4B5563",lineHeight:1.6}},{children:[f,_&&"…"]})),(_||(null==r?void 0:r.trim()))&&i.jsx(o.Box,e.__assign({sx:{display:"flex",justifyContent:"flex-end"}},{children:i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return u(!0)},sx:{fontSize:"0.72rem",color:d?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"}},{children:"...view more"}))}))]}))})},v=function(t){var s=t.text,r=t.extraMetaData,l=n.useState(!1),a=l[0],d=l[1],c=n.useState(!1),p=c[0],h=c[1],u=n.useRef(null);return n.useEffect(function(){var e=u.current;e&&h(e.scrollWidth>e.clientWidth)},[s]),i.jsx(o.Box,e.__assign({sx:{pl:1}},{children:a?i.jsxs(o.Box,e.__assign({sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4}},{children:[i.jsx(x.MarkdownRenderer,{message:s,fontSize:"0.68rem",extraMetaData:r}),i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return d(!1)},sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600}},{children:"view less"}))]})):i.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"baseline",gap:.5}},{children:[i.jsx(o.Typography,e.__assign({ref:u,sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",flex:1,minWidth:0}},{children:s})),p&&i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return d(!0)},sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600,flexShrink:0}},{children:"view more"}))]}))}))};exports.default=function(t){var s,r=t.promptContent,l=t.promptTitle,a=t.isLoading,d=void 0!==a&&a,h=t.overviewSummary,b=t.functionalityOfSPB,S=void 0===b?[]:b,w=t.spbAdditionalInfo,B=t.extraMetaData,k=t.showCodePanel,E=void 0===k||k,D=t.showCollapseStrip,z=void 0===D||D,M=t.showFullscreenButton,T=void 0===M||M,A=t.showFullscreenModal,R=void 0===A||A,C=t.showThemeToggle,F=void 0===C||C,I=t.isDarkMode,W=void 0===I||I,P=t.styles,H=t.className,L=t.style,q=t.sx,O=n.useState(null),G=O[0],N=O[1],X=n.useState(null),Y=X[0],J=X[1],K=n.useState(""),Q=K[0],U=K[1],V=void 0!==(null==P?void 0:P.isDarkMode)?P.isDarkMode:W,Z=n.useState(V),$=Z[0],ee=Z[1],ie=n.useState(null),ne=ie[0],oe=ie[1];n.useEffect(function(){void 0!==(null==P?void 0:P.isDarkMode)&&ee(P.isDarkMode)},[null==P?void 0:P.isDarkMode]);var te=n.useState(!1),se=te[0],re=te[1],le=n.useState(480),ae=le[0],de=le[1],ce=n.useRef(!1),xe=n.useRef(null);n.useEffect(function(){var e,i,n;S.length>0&&N((e=new Date,i=e.toLocaleTimeString("en-IN",{hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0}),n=e.toLocaleDateString("en-IN",{day:"numeric",month:"short",year:"numeric"}),"".concat(i||""," | ").concat(n||"")))},[S]),n.useEffect(function(){d&&N(null)},[d]),n.useEffect(function(){ne&&(U(""),setTimeout(function(){return U(ne.ref)},500))},[ne]);return i.jsxs(o.Box,e.__assign({className:H,style:e.__assign(e.__assign({},null==P?void 0:P.root),L),sx:e.__assign({height:"100%",display:"flex",flexDirection:"column",width:"100%",minHeight:0,overflow:"hidden"},q)},{children:[i.jsx(o.Box,e.__assign({sx:e.__assign({px:2.5,py:1.5,borderBottom:"1px solid #e5e7eb",display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#fff",flexShrink:0},null==P?void 0:P.header)},{children:i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.25}},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:700,fontSize:"0.9rem",color:"#111827"},null==P?void 0:P.headerTitle)},{children:l||"SPB Analysis"})),i.jsx(o.Typography,e.__assign({sx:e.__assign({fontSize:"0.7rem",color:"#9CA3AF"},null==P?void 0:P.headerSubtitle)},{children:G?"Last Analyzed at ".concat(G):""}))]}))})),i.jsxs(o.Box,e.__assign({ref:xe,sx:{display:"flex",flex:1,minHeight:0,overflow:"hidden",position:"relative"}},{children:[i.jsx(o.Box,e.__assign({sx:e.__assign({width:E?se&&z?0:ae:"100%",flexShrink:0,minHeight:0,overflow:"hidden",transition:ce.current?"none":"width 0.15s",borderRight:!E||se&&z?"none":"1px solid #e5e7eb"},null==P?void 0:P.leftPanel)},{children:i.jsxs(o.Box,e.__assign({sx:{width:"100%",height:"100%",minHeight:0,overflowY:"auto",display:"flex",flexDirection:"column",gap:1,px:1.25,py:1.25,pb:2}},{children:[i.jsxs(o.Box,e.__assign({sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px",bgcolor:"#F8FAFC",p:1.5},null==P?void 0:P.overviewSection)},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827",mb:1},null==P?void 0:P.overviewTitle)},{children:"Overview"})),i.jsx(o.Box,e.__assign({sx:e.__assign({bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5},null==P?void 0:P.overviewContent)},{children:(null===(s=null==h?void 0:h.overallSummary)||void 0===s?void 0:s.trim())?i.jsx(j,{text:h.overallSummary,detailedSummary:h.detailedSummary,extraMetaData:B,isDarkMode:$,markdownRendererStyle:null==P?void 0:P.markdownRenderer}):i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"95%",height:14})]}))}))]})),i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==P?void 0:P.functionalitySection)},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(u.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75}}},{children:i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==P?void 0:P.functionalityTitle)},{children:"Functionality of SPB"}))})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1}},{children:S.length>0?S.map(function(n,t){return i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,defaultExpanded:0===t,sx:e.__assign({bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},overflow:"hidden"},null==P?void 0:P.functionalityItem)},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(u.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:38,"& .MuiAccordionSummary-content":{my:.5}}},{children:i.jsxs(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827"}},{children:[t+1,". ",n.name||n.section_name]}))})),i.jsxs(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,display:"flex",flexDirection:"column",gap:.75}},{children:[i.jsx(x.MarkdownRenderer,{fontSize:"0.74rem",message:n.description||n.reason_for_inclusion||"",extraMetaData:B}),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.72rem",color:"#9CA3AF",fontWeight:500,mt:.25}},{children:"APB References"})),i.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.75}},{children:n.apb_references.map(function(n,t){var s="string"==typeof n?n:n.apb_name,r=Y===s;return i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.15}},{children:[i.jsxs(o.Box,e.__assign({onClick:function(){return function(e){Y===e?(J(null),U("")):(J(e),U(""),setTimeout(function(){return U(e)},50))}(s)},sx:{display:"flex",alignItems:"center",gap:.25,cursor:"pointer"}},{children:[i.jsxs(o.Typography,e.__assign({sx:{fontSize:"0.78rem",color:r?"#5928ed":"#DB2877",fontWeight:500}},{children:[t+1,". ",s]})),i.jsx(_.default,{sx:{fontSize:"0.75rem",color:r?"#5928ed":"#DB2877"}})]})),"string"!=typeof n&&(n.description||n.context)&&i.jsx(v,{text:n.description||n.context||"",extraMetaData:B})]}),t)})}))]}))]}),t)}):i.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[1,2,3].map(function(n){return i.jsxs(o.Box,e.__assign({sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5,display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"40%",height:16}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"80%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"30%",height:14})]}),n)})}))}))]})),i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==P?void 0:P.applicabilitySection)},{children:[i.jsxs(o.AccordionSummary,e.__assign({expandIcon:i.jsx(u.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}}},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==P?void 0:P.applicabilityTitle)},{children:"Applicability"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.7rem",color:"#9CA3AF"}},{children:"When to Apply this SPB / When Not Apply"}))]})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC"}},{children:i.jsx(o.Box,e.__assign({sx:{display:"flex",gap:1}},{children:[{label:"When to apply",content:null==w?void 0:w.when_to_apply},{label:"When NOT to apply",content:null==w?void 0:w.when_not_to_apply}].map(function(n){var t=n.label,s=n.content;return i.jsxs(o.Box,e.__assign({sx:{flex:1,bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px",p:1.25}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151",mb:.75}},{children:t})),s?i.jsx(x.MarkdownRenderer,{fontSize:"0.8rem",message:s,isDarkMode:$,style:null==P?void 0:P.markdownRenderer,extraMetaData:B}):d?i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"80%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14})]})):i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.8rem",color:"#6B7280",lineHeight:1.5}},{children:"— Not yet available"}))]}),t)})}))}))]})),i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==P?void 0:P.specificationsSection)},{children:[i.jsxs(o.AccordionSummary,e.__assign({expandIcon:i.jsx(u.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}}},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==P?void 0:P.specificationsTitle)},{children:"Specifications"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.7rem",color:"#9CA3AF"}},{children:"Strict Rules / Input / Output"}))]})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1}},{children:[{label:"Strict Rules",tooltip:null,content:null==w?void 0:w.constraints_and_rules},{label:"Input",tooltip:"Input specification for this SPB",content:null==w?void 0:w.input_analysis},{label:"Output",tooltip:"Output specification for this SPB",content:null==w?void 0:w.output_analysis}].map(function(n){var t=n.label,s=n.tooltip,r=n.content,l="Output"===t,a=l&&r?function(e){var i=[];return{text:e.replace(/<code>([\s\S]*?)<\/code>/g,function(e,n){return i.push(n.trim()),""}).trim(),code:i.join("\n\n")}}(r):null,c=a?a.text:r,h=a?a.code:"";return i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,defaultExpanded:"Strict Rules"===t,sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px !important","&:before":{display:"none"},overflow:"hidden"}},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(u.default,{sx:{fontSize:"1rem"}}),sx:{minHeight:34,px:1.25,"& .MuiAccordionSummary-content":{my:.4}}},{children:i.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:.5}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151"}},{children:t})),s&&i.jsx(o.Tooltip,e.__assign({title:s,placement:"top"},{children:i.jsx(o.Box,e.__assign({component:"span",sx:{width:13,height:13,borderRadius:"50%",background:"#E5E7EB",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"0.58rem",color:"#6B7280",fontWeight:700,cursor:"default",flexShrink:0}},{children:"i"}))}))]}))})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.25,pb:1.25,pt:0}},{children:r?i.jsxs(i.Fragment,{children:[c&&i.jsx(x.MarkdownRenderer,{fontSize:"0.8rem",message:c,isDarkMode:$,style:null==P?void 0:P.markdownRenderer,extraMetaData:B}),l&&h&&i.jsxs(o.Box,e.__assign({sx:{width:"100%",height:"35vh",mt:1.5}},{children:[i.jsxs(o.Box,e.__assign({sx:{display:"flex",gap:.1,backgroundColor:"black",flexDirection:"row",alignItems:"center",justifyContent:"space-between",p:1,borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[i.jsx(o.Typography,e.__assign({sx:{color:"white",fontWeight:500,fontSize:"0.8rem"}},{children:"Output preview"})),i.jsx(o.Tooltip,e.__assign({title:"Copy Code to clipboard"},{children:i.jsx(o.IconButton,e.__assign({size:"small",onClick:function(){return e=h,navigator.clipboard.writeText(e);var e}},{children:i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.7rem",color:"white"}},{children:"Copy"}))}))}))]})),i.jsx(o.Box,e.__assign({sx:{mt:-1,height:"calc(100% - 40px)",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px",overflow:"hidden"}},{children:i.jsx(p.InternalEditor,{content:h,isDarkMode:$,height:"100%",fontSize:10})}))]}))]}):d?i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"75%",height:14})]})):i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.74rem",color:"#6B7280",lineHeight:1.5}},{children:"— Not yet available"}))}))]}),t)})}))]})),i.jsxs(o.Accordion,e.__assign({defaultExpanded:!0,disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},bgcolor:"#fff"},null==P?void 0:P.dependencyGraphSection)},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(u.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75},"&.Mui-expanded":{bgcolor:"#F8FAFC",borderRadius:"8px 8px 0 0"}}},{children:i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==P?void 0:P.dependencyGraphTitle)},{children:"Dependency Graph"}))})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:0,pb:0,pt:0}},{children:(null==w?void 0:w.dependency_graph)?i.jsxs(o.Box,e.__assign({sx:{bgcolor:"#F8FAFC",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1.5}},{children:[i.jsx(o.Box,e.__assign({sx:{height:500,borderRadius:"8px",overflow:"hidden"}},{children:i.jsx(c.default,{data:w.dependency_graph,isDarkMode:$,style:null==P?void 0:P.dependencyGraph})})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.72rem",color:"#64748B",lineHeight:1.6}},{children:"This graph visualises how Atomic Prompt Blocks (APBs) depend on, influence, or exchange information with one another within the prompt architecture."}))]})):i.jsxs(o.Box,e.__assign({sx:{bgcolor:"#fff",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1}},{children:[i.jsx(o.Skeleton,{variant:"rectangular",width:"100%",height:400,sx:{borderRadius:"8px"}}),i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"80%",height:14})]}))}))]}))]}))})),E&&z&&i.jsx(o.Box,e.__assign({onClick:function(){return re(function(e){return!e})},sx:e.__assign({width:20,flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRight:"1px solid #e5e7eb",borderLeft:"1px solid #e5e7eb",bgcolor:"#f9fafb",position:"relative",py:2,"&:hover":{bgcolor:"#f0f0f0"}},null==P?void 0:P.collapseStrip)},{children:i.jsx(o.Typography,e.__assign({sx:{fontSize:10,fontWeight:600,color:"#6b7280",writingMode:"vertical-rl",textOrientation:"mixed",transform:"rotate(180deg)",letterSpacing:"0.05em",userSelect:"none"}},{children:"SPB Details"}))})),E&&z&&i.jsx(o.Box,e.__assign({onClick:function(){return re(function(e){return!e})},onMouseDown:function(e){e.preventDefault(),ce.current=!0;var i=function(e){if(ce.current&&xe.current){var o=xe.current.getBoundingClientRect(),t=o.left,s=o.width,r=e.clientX-t;if(r<200)return re(!0),ce.current=!1,document.removeEventListener("mousemove",i),void document.removeEventListener("mouseup",n);r>.7*s||(re(!1),de(r))}},n=function(){ce.current=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",n)},sx:e.__assign({position:"absolute",left:se?20:ae+20,top:"50%",transform:"translateY(-50%)",width:18,height:28,bgcolor:"#fff",border:"1px solid #e5e7eb",borderRadius:"0 6px 6px 0",display:"flex",alignItems:"center",justifyContent:"center",cursor:"col-resize",zIndex:5,boxShadow:"2px 0 4px rgba(0,0,0,0.06)","&:hover":{bgcolor:"#f9fafb"}},null==P?void 0:P.dragHandle)},{children:se?i.jsx(y.default,{sx:{fontSize:12,color:"#6b7280"}}):i.jsx(m.default,{sx:{fontSize:12,color:"#6b7280"}})})),E&&i.jsxs(o.Box,e.__assign({sx:e.__assign({flex:1,minWidth:0,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden",p:2,gap:1.5,bgcolor:"#f8fafc"},null==P?void 0:P.codePanel)},{children:[i.jsxs(o.Box,e.__assign({sx:e.__assign({display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},null==P?void 0:P.codePanelHeader)},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontSize:13,fontWeight:600,color:"#374151"},null==P?void 0:P.codePanelTitle)},{children:l||"SPB Analysis"})),i.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:[F&&i.jsx(o.Switch,{checked:$,onChange:function(e){return ee(e.target.checked)},size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}}),T&&R&&i.jsx(o.Tooltip,e.__assign({title:"Fullscreen",placement:"top"},{children:i.jsx(o.IconButton,e.__assign({size:"small",onClick:function(){return oe({ref:Q||"",description:""})},sx:{color:"#6b7280"}},{children:i.jsx(g.default,{sx:{fontSize:16}})}))}))]}))]})),i.jsx(o.Box,e.__assign({sx:e.__assign({flex:1,minHeight:0,border:"1px solid #30363d",borderRadius:1,overflow:"hidden"},null==P?void 0:P.editorContainer)},{children:i.jsx(p.InternalEditor,{content:r,selectedTag:Q,isDarkMode:$,height:"100%",fontSize:13})}))]}))]})),R&&i.jsxs(o.Dialog,e.__assign({open:!!ne,onClose:function(){return oe(null)},maxWidth:!1,PaperProps:{sx:e.__assign({width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"},null==P?void 0:P.fullscreenModal)}},{children:[i.jsxs(o.Box,e.__assign({sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:700,fontSize:"1rem",color:"#111827"}},{children:"Promptemon"})),i.jsx(o.IconButton,e.__assign({size:"small",onClick:function(){return oe(null)}},{children:i.jsx(f.default,{sx:{fontSize:"1.1rem",color:"#6B7280"}})}))]})),i.jsxs(o.Box,e.__assign({sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0}},{children:[i.jsxs(o.Box,e.__assign({sx:{width:"40%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[i.jsxs(o.Box,e.__assign({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1}},{children:[i.jsx(o.Tooltip,e.__assign({title:"Atomic Prompt Block",placement:"top"},{children:i.jsx(o.Chip,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}})})),i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.9rem",color:"#111827"}},{children:null==ne?void 0:ne.ref}))]})),i.jsxs(o.Box,e.__assign({sx:{flex:1,p:2,display:"flex",flexDirection:"column",gap:1.5,overflowY:"auto"}},{children:[i.jsxs(o.Box,e.__assign({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75}},{children:"Description"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6}},{children:null==ne?void 0:ne.description}))]})),i.jsxs(o.Box,e.__assign({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.25,display:"flex",alignItems:"center",gap:.5}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.73rem",color:"#6B7280"}},{children:"Total Lines"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.73rem",fontWeight:700,color:"#111827"}},{children:r.split("\n").length}))]}))]}))]})),i.jsxs(o.Box,e.__assign({sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[i.jsxs(o.Box,e.__assign({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:"Prompt Preview"})),i.jsx(o.Switch,{checked:$,onChange:function(e){return ee(e.target.checked)},size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}})]})),i.jsx(o.Box,e.__assign({sx:{flex:1,minHeight:0,p:1.5}},{children:i.jsx(p.InternalEditor,{content:r,selectedTag:Q,isDarkMode:$,height:"100%",fontSize:13})}))]}))]}))]}))]}))};
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),n=require("react"),o=require("@mui/material"),t=require("@mui/icons-material/ExpandMore"),s=require("@mui/icons-material/Fullscreen"),r=require("@mui/icons-material/Close"),l=require("@mui/icons-material/NearMeOutlined"),a=require("@mui/icons-material/ChevronLeft"),d=require("@mui/icons-material/ChevronRight"),c=require("./DependencyGraph.js"),x=require("./Markdownrenderer.js"),p=require("./Internaleditor.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=g(t),u=g(s),f=g(r),_=g(l),m=g(a),y=g(d),v=function(t){var s=t.text,r=t.detailedSummary,l=t.extraMetaData,a=t.isDarkMode,d=void 0!==a&&a,c=t.markdownRendererStyle,p=t.cognitiveDecisioningStyles,g=n.useState(!1),h=g[0],u=g[1],f=function(e,i){void 0===i&&(i=220);var n=e.replace(/<!--\s*<ai_reasoning>[\s\S]*?<\/ai_reasoning>\s*-->/g,"").replace(/<[^>]+>/g,"").replace(/\s+/g," ").trim();if(n.length<=i)return{preview:n,truncated:!1};var o=n.slice(0,i),t=o.lastIndexOf(" ");return{preview:(t>0?o.slice(0,t):o).trim(),truncated:!0}}(s),_=f.preview,m=f.truncated;return i.jsx(o.Box,{children:h?i.jsxs(o.Box,{children:[i.jsx(x.MarkdownRenderer,{message:s,fontSize:"0.8rem",extraMetaData:l,isDarkMode:d,cognitiveDecisioningStyles:p,style:c}),(null==r?void 0:r.trim())&&i.jsx(x.MarkdownRenderer,{message:r,fontSize:"0.8rem",extraMetaData:l,isDarkMode:d,cognitiveDecisioningStyles:p,style:c}),i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return u(!1)},sx:{fontSize:"0.72rem",color:d?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"}},{children:"view less"}))]}):i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column"}},{children:[i.jsxs(o.Typography,e.__assign({sx:{fontSize:"0.8rem",color:d?"#cbd5e1":"#4B5563",lineHeight:1.6}},{children:[_,m&&"…"]})),(m||(null==r?void 0:r.trim()))&&i.jsx(o.Box,e.__assign({sx:{display:"flex",justifyContent:"flex-end"}},{children:i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return u(!0)},sx:{fontSize:"0.72rem",color:d?"#a78bfa":"#5928ed",fontWeight:600,cursor:"pointer"}},{children:"...view more"}))}))]}))})},j=function(t){var s=t.text,r=t.extraMetaData,l=t.cognitiveDecisioningStyles,a=n.useState(!1),d=a[0],c=a[1],p=n.useState(!1),g=p[0],h=p[1],u=n.useRef(null);return n.useEffect(function(){var e=u.current;e&&h(e.scrollWidth>e.clientWidth)},[s]),i.jsx(o.Box,e.__assign({sx:{pl:1}},{children:d?i.jsxs(o.Box,e.__assign({sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4}},{children:[i.jsx(x.MarkdownRenderer,{message:s,fontSize:"0.68rem",extraMetaData:r,cognitiveDecisioningStyles:l}),i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return c(!1)},sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600}},{children:"view less"}))]})):i.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"baseline",gap:.5}},{children:[i.jsx(o.Typography,e.__assign({ref:u,sx:{fontSize:"0.68rem",color:"#9CA3AF",lineHeight:1.4,overflow:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis",flex:1,minWidth:0}},{children:s})),g&&i.jsx(o.Typography,e.__assign({component:"span",onClick:function(){return c(!0)},sx:{fontSize:"0.65rem",color:"#5928ed",cursor:"pointer",fontWeight:600,flexShrink:0}},{children:"view more"}))]}))}))};exports.default=function(t){var s,r=t.promptContent,l=t.promptTitle,a=t.isLoading,d=void 0!==a&&a,g=t.overviewSummary,b=t.functionalityOfSPB,S=void 0===b?[]:b,w=t.spbAdditionalInfo,B=t.extraMetaData,D=t.showCodePanel,k=void 0===D||D,E=t.showInlineApbEditor,z=void 0===E||E,M=t.disableApbNavigation,T=void 0!==M&&M,A=t.showCollapseStrip,R=void 0===A||A,C=t.showFullscreenButton,I=void 0===C||C,F=t.showFullscreenModal,W=void 0===F||F,P=t.showThemeToggle,H=void 0===P||P,L=t.isDarkMode,q=void 0===L||L,O=t.styles,G=t.className,N=t.style,X=t.sx,Y=n.useState(null),J=Y[0],K=Y[1],Q=n.useState(null),U=Q[0],V=Q[1],Z=n.useState(""),$=Z[0],ee=Z[1],ie=void 0!==(null==O?void 0:O.isDarkMode)?O.isDarkMode:q,ne=n.useState(ie),oe=ne[0],te=ne[1],se=n.useState(null),re=se[0],le=se[1];n.useEffect(function(){void 0!==(null==O?void 0:O.isDarkMode)&&te(O.isDarkMode)},[null==O?void 0:O.isDarkMode]);var ae=n.useState(!1),de=ae[0],ce=ae[1],xe=n.useState(480),pe=xe[0],ge=xe[1],he=n.useRef(!1),ue=n.useRef(null);n.useEffect(function(){var e,i,n;S.length>0&&K((e=new Date,i=e.toLocaleTimeString("en-IN",{hour:"numeric",minute:"2-digit",second:"2-digit",hour12:!0}),n=e.toLocaleDateString("en-IN",{day:"numeric",month:"short",year:"numeric"}),"".concat(i||""," | ").concat(n||"")))},[S]),n.useEffect(function(){d&&K(null)},[d]),n.useEffect(function(){re&&(ee(""),setTimeout(function(){return ee(re.ref)},500))},[re]);return i.jsxs(o.Box,e.__assign({className:G,style:e.__assign(e.__assign({},null==O?void 0:O.root),N),sx:e.__assign({height:"100%",display:"flex",flexDirection:"column",width:"100%",minHeight:0,overflow:"hidden"},X)},{children:[i.jsx(o.Box,e.__assign({sx:e.__assign({px:2.5,py:1.5,borderBottom:"1px solid #e5e7eb",display:"flex",alignItems:"center",justifyContent:"space-between",bgcolor:"#fff",flexShrink:0},null==O?void 0:O.header)},{children:i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.25}},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:700,fontSize:"0.9rem",color:"#111827"},null==O?void 0:O.headerTitle)},{children:l||"SPB Analysis"})),i.jsx(o.Typography,e.__assign({sx:e.__assign({fontSize:"0.7rem",color:"#9CA3AF"},null==O?void 0:O.headerSubtitle)},{children:J?"Last Analyzed at ".concat(J):""}))]}))})),i.jsxs(o.Box,e.__assign({ref:ue,sx:{display:"flex",flex:1,minHeight:0,overflow:"hidden",position:"relative"}},{children:[i.jsx(o.Box,e.__assign({sx:e.__assign({width:k?de&&R?0:pe:"100%",flexShrink:0,minHeight:0,overflow:"hidden",transition:he.current?"none":"width 0.15s",borderRight:!k||de&&R?"none":"1px solid #e5e7eb"},null==O?void 0:O.leftPanel)},{children:i.jsxs(o.Box,e.__assign({sx:{width:"100%",height:"100%",minHeight:0,overflowY:"auto",display:"flex",flexDirection:"column",gap:1,px:1.25,py:1.25,pb:2}},{children:[i.jsxs(o.Box,e.__assign({sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px",bgcolor:"#F8FAFC",p:1.5},null==O?void 0:O.overviewSection)},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827",mb:1},null==O?void 0:O.overviewTitle)},{children:"Overview"})),i.jsx(o.Box,e.__assign({sx:e.__assign({bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5},null==O?void 0:O.overviewContent)},{children:(null===(s=null==g?void 0:g.overallSummary)||void 0===s?void 0:s.trim())?i.jsx(v,{text:g.overallSummary,detailedSummary:g.detailedSummary,extraMetaData:B,isDarkMode:oe,markdownRendererStyle:null==O?void 0:O.markdownRenderer,cognitiveDecisioningStyles:null==O?void 0:O.cognitiveDecisioning}):i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"95%",height:14})]}))}))]})),i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==O?void 0:O.functionalitySection)},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(h.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75}}},{children:i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==O?void 0:O.functionalityTitle)},{children:"Functionality of SPB"}))})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1}},{children:S.length>0?S.map(function(n,t){return i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,defaultExpanded:0===t,sx:e.__assign({bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},overflow:"hidden"},null==O?void 0:O.functionalityItem)},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(h.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:38,"& .MuiAccordionSummary-content":{my:.5}}},{children:i.jsxs(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827"}},{children:[t+1,". ",n.name||n.section_name]}))})),i.jsxs(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,display:"flex",flexDirection:"column",gap:.75}},{children:[i.jsx(x.MarkdownRenderer,{fontSize:"0.74rem",message:n.description||n.reason_for_inclusion||"",extraMetaData:B,cognitiveDecisioningStyles:null==O?void 0:O.cognitiveDecisioning}),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.72rem",color:"#9CA3AF",fontWeight:500,mt:.25}},{children:"APB References"})),i.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.75}},{children:n.apb_references.map(function(n,t){var s="string"==typeof n?n:n.apb_name,l=U===s;return i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.15}},{children:[i.jsxs(o.Box,e.__assign({onClick:T?void 0:function(){return function(e){U===e?(V(null),ee("")):(V(e),ee(""),setTimeout(function(){return ee(e)},50))}(s)},sx:{display:"flex",alignItems:"center",gap:.25,cursor:T?"default":"pointer"}},{children:[i.jsxs(o.Typography,e.__assign({sx:{fontSize:"0.78rem",color:l?"#5928ed":"#DB2877",fontWeight:500}},{children:[t+1,". ",s]})),!T&&i.jsx(_.default,{sx:{fontSize:"0.75rem",color:l?"#5928ed":"#DB2877"}})]})),"string"!=typeof n&&(n.description||n.context)&&i.jsx(j,{text:n.description||n.context||"",extraMetaData:B,cognitiveDecisioningStyles:null==O?void 0:O.cognitiveDecisioning}),z&&l&&i.jsx(o.Box,e.__assign({sx:{mt:1,height:260,border:"1px solid #e5e7eb",borderRadius:"8px",overflow:"hidden"}},{children:i.jsx(p.InternalEditor,{content:r,selectedTag:$,isDarkMode:oe,height:"100%",fontSize:12})}))]}),t)})}))]}))]}),t)}):i.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:1}},{children:[1,2,3].map(function(n){return i.jsxs(o.Box,e.__assign({sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5,display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"40%",height:16}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"80%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"30%",height:14})]}),n)})}))}))]})),i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==O?void 0:O.applicabilitySection)},{children:[i.jsxs(o.AccordionSummary,e.__assign({expandIcon:i.jsx(h.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}}},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==O?void 0:O.applicabilityTitle)},{children:"Applicability"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.7rem",color:"#9CA3AF"}},{children:"When to Apply this SPB / When Not Apply"}))]})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC"}},{children:i.jsx(o.Box,e.__assign({sx:{display:"flex",gap:1}},{children:[{label:"When to apply",content:null==w?void 0:w.when_to_apply},{label:"When NOT to apply",content:null==w?void 0:w.when_not_to_apply}].map(function(n){var t=n.label,s=n.content;return i.jsxs(o.Box,e.__assign({sx:{flex:1,bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px",p:1.25}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151",mb:.75}},{children:t})),s?i.jsx(x.MarkdownRenderer,{fontSize:"0.8rem",message:s,isDarkMode:oe,style:null==O?void 0:O.markdownRenderer,extraMetaData:B,cognitiveDecisioningStyles:null==O?void 0:O.cognitiveDecisioning}):d?i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"80%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14})]})):i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.8rem",color:"#6B7280",lineHeight:1.5}},{children:"— Not yet available"}))]}),t)})}))}))]})),i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},"&.Mui-expanded":{bgcolor:"#F8FAFC"},bgcolor:"#fff"},null==O?void 0:O.specificationsSection)},{children:[i.jsxs(o.AccordionSummary,e.__assign({expandIcon:i.jsx(h.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75,alignItems:"center",gap:1}}},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==O?void 0:O.specificationsTitle)},{children:"Specifications"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.7rem",color:"#9CA3AF"}},{children:"Strict Rules / Input / Output"}))]})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.5,pb:1.5,pt:0,bgcolor:"#F8FAFC",display:"flex",flexDirection:"column",gap:1}},{children:[{label:"Strict Rules",tooltip:null,content:null==w?void 0:w.constraints_and_rules},{label:"Input",tooltip:"Input specification for this SPB",content:null==w?void 0:w.input_analysis},{label:"Output",tooltip:"Output specification for this SPB",content:null==w?void 0:w.output_analysis}].map(function(n){var t=n.label,s=n.tooltip,r=n.content,l="Output"===t,a=l&&r?function(e){var i=[];return{text:e.replace(/<code>([\s\S]*?)<\/code>/g,function(e,n){return i.push(n.trim()),""}).trim(),code:i.join("\n\n")}}(r):null,c=a?a.text:r,g=a?a.code:"";return i.jsxs(o.Accordion,e.__assign({disableGutters:!0,elevation:0,defaultExpanded:"Strict Rules"===t,sx:{bgcolor:"#fff",border:"1px solid #E5E7EB",borderRadius:"6px !important","&:before":{display:"none"},overflow:"hidden"}},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(h.default,{sx:{fontSize:"1rem"}}),sx:{minHeight:34,px:1.25,"& .MuiAccordionSummary-content":{my:.4}}},{children:i.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:.5}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.76rem",color:"#374151"}},{children:t})),s&&i.jsx(o.Tooltip,e.__assign({title:s,placement:"top"},{children:i.jsx(o.Box,e.__assign({component:"span",sx:{width:13,height:13,borderRadius:"50%",background:"#E5E7EB",display:"inline-flex",alignItems:"center",justifyContent:"center",fontSize:"0.58rem",color:"#6B7280",fontWeight:700,cursor:"default",flexShrink:0}},{children:"i"}))}))]}))})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:1.25,pb:1.25,pt:0}},{children:r?i.jsxs(i.Fragment,{children:[c&&i.jsx(x.MarkdownRenderer,{fontSize:"0.8rem",message:c,isDarkMode:oe,style:null==O?void 0:O.markdownRenderer,extraMetaData:B,cognitiveDecisioningStyles:null==O?void 0:O.cognitiveDecisioning}),l&&g&&i.jsxs(o.Box,e.__assign({sx:{width:"100%",height:"35vh",mt:1.5}},{children:[i.jsxs(o.Box,e.__assign({sx:{display:"flex",gap:.1,backgroundColor:"black",flexDirection:"row",alignItems:"center",justifyContent:"space-between",p:1,borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[i.jsx(o.Typography,e.__assign({sx:{color:"white",fontWeight:500,fontSize:"0.8rem"}},{children:"Output preview"})),i.jsx(o.Tooltip,e.__assign({title:"Copy Code to clipboard"},{children:i.jsx(o.IconButton,e.__assign({size:"small",onClick:function(){return e=g,navigator.clipboard.writeText(e);var e}},{children:i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.7rem",color:"white"}},{children:"Copy"}))}))}))]})),i.jsx(o.Box,e.__assign({sx:{mt:-1,height:"calc(100% - 40px)",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px",overflow:"hidden"}},{children:i.jsx(p.InternalEditor,{content:g,isDarkMode:oe,height:"100%",fontSize:10})}))]}))]}):d?i.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:.5}},{children:[i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"90%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"75%",height:14})]})):i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.74rem",color:"#6B7280",lineHeight:1.5}},{children:"— Not yet available"}))}))]}),t)})}))]})),i.jsxs(o.Accordion,e.__assign({defaultExpanded:!0,disableGutters:!0,elevation:0,sx:e.__assign({border:"1px solid #E5E7EB",borderRadius:"8px !important","&:before":{display:"none"},bgcolor:"#fff"},null==O?void 0:O.dependencyGraphSection)},{children:[i.jsx(o.AccordionSummary,e.__assign({expandIcon:i.jsx(h.default,{sx:{fontSize:"1rem",color:"#6B7280"}}),sx:{px:1.5,minHeight:"unset","& .MuiAccordionSummary-content":{my:.75},"&.Mui-expanded":{bgcolor:"#F8FAFC",borderRadius:"8px 8px 0 0"}}},{children:i.jsx(o.Typography,e.__assign({sx:e.__assign({fontWeight:600,fontSize:"0.85rem",color:"#111827"},null==O?void 0:O.dependencyGraphTitle)},{children:"Dependency Graph"}))})),i.jsx(o.AccordionDetails,e.__assign({sx:{px:0,pb:0,pt:0}},{children:(null==w?void 0:w.dependency_graph)?i.jsxs(o.Box,e.__assign({sx:{bgcolor:"#F8FAFC",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1.5}},{children:[i.jsx(o.Box,e.__assign({sx:{height:500,borderRadius:"8px",overflow:"hidden"}},{children:i.jsx(c.default,{data:w.dependency_graph,isDarkMode:oe,style:null==O?void 0:O.dependencyGraph})})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.72rem",color:"#64748B",lineHeight:1.6}},{children:"This graph visualises how Atomic Prompt Blocks (APBs) depend on, influence, or exchange information with one another within the prompt architecture."}))]})):i.jsxs(o.Box,e.__assign({sx:{bgcolor:"#fff",borderRadius:"0 0 8px 8px",p:1.5,display:"flex",flexDirection:"column",gap:1}},{children:[i.jsx(o.Skeleton,{variant:"rectangular",width:"100%",height:400,sx:{borderRadius:"8px"}}),i.jsx(o.Skeleton,{variant:"text",width:"100%",height:14}),i.jsx(o.Skeleton,{variant:"text",width:"80%",height:14})]}))}))]}))]}))})),k&&R&&i.jsx(o.Box,e.__assign({onClick:function(){return ce(function(e){return!e})},sx:e.__assign({width:20,flexShrink:0,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",cursor:"pointer",borderRight:"1px solid #e5e7eb",borderLeft:"1px solid #e5e7eb",bgcolor:"#f9fafb",position:"relative",py:2,"&:hover":{bgcolor:"#f0f0f0"}},null==O?void 0:O.collapseStrip)},{children:i.jsx(o.Typography,e.__assign({sx:{fontSize:10,fontWeight:600,color:"#6b7280",writingMode:"vertical-rl",textOrientation:"mixed",transform:"rotate(180deg)",letterSpacing:"0.05em",userSelect:"none"}},{children:"SPB Details"}))})),k&&R&&i.jsx(o.Box,e.__assign({onClick:function(){return ce(function(e){return!e})},onMouseDown:function(e){e.preventDefault(),he.current=!0;var i=function(e){if(he.current&&ue.current){var o=ue.current.getBoundingClientRect(),t=o.left,s=o.width,r=e.clientX-t;if(r<200)return ce(!0),he.current=!1,document.removeEventListener("mousemove",i),void document.removeEventListener("mouseup",n);r>.7*s||(ce(!1),ge(r))}},n=function(){he.current=!1,document.removeEventListener("mousemove",i),document.removeEventListener("mouseup",n)};document.addEventListener("mousemove",i),document.addEventListener("mouseup",n)},sx:e.__assign({position:"absolute",left:de?20:pe+20,top:"50%",transform:"translateY(-50%)",width:18,height:28,bgcolor:"#fff",border:"1px solid #e5e7eb",borderRadius:"0 6px 6px 0",display:"flex",alignItems:"center",justifyContent:"center",cursor:"col-resize",zIndex:5,boxShadow:"2px 0 4px rgba(0,0,0,0.06)","&:hover":{bgcolor:"#f9fafb"}},null==O?void 0:O.dragHandle)},{children:de?i.jsx(y.default,{sx:{fontSize:12,color:"#6b7280"}}):i.jsx(m.default,{sx:{fontSize:12,color:"#6b7280"}})})),k&&i.jsxs(o.Box,e.__assign({sx:e.__assign({flex:1,minWidth:0,minHeight:0,display:"flex",flexDirection:"column",overflow:"hidden",p:2,gap:1.5,bgcolor:"#f8fafc"},null==O?void 0:O.codePanel)},{children:[i.jsxs(o.Box,e.__assign({sx:e.__assign({display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0},null==O?void 0:O.codePanelHeader)},{children:[i.jsx(o.Typography,e.__assign({sx:e.__assign({fontSize:13,fontWeight:600,color:"#374151"},null==O?void 0:O.codePanelTitle)},{children:l||"SPB Analysis"})),i.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:1.5}},{children:[H&&i.jsx(o.Switch,{checked:oe,onChange:function(e){return te(e.target.checked)},size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}}),I&&W&&i.jsx(o.Tooltip,e.__assign({title:"Fullscreen",placement:"top"},{children:i.jsx(o.IconButton,e.__assign({size:"small",onClick:function(){return le({ref:$||"",description:""})},sx:{color:"#6b7280"}},{children:i.jsx(u.default,{sx:{fontSize:16}})}))}))]}))]})),i.jsx(o.Box,e.__assign({sx:e.__assign({flex:1,minHeight:0,border:"1px solid #30363d",borderRadius:1,overflow:"hidden"},null==O?void 0:O.editorContainer)},{children:i.jsx(p.InternalEditor,{content:r,selectedTag:$,isDarkMode:oe,height:"100%",fontSize:13})}))]}))]})),W&&i.jsxs(o.Dialog,e.__assign({open:!!re,onClose:function(){return le(null)},maxWidth:!1,PaperProps:{sx:e.__assign({width:"82vw",height:"80vh",maxWidth:"none",borderRadius:"12px",overflow:"hidden",display:"flex",flexDirection:"column"},null==O?void 0:O.fullscreenModal)}},{children:[i.jsxs(o.Box,e.__assign({sx:{px:2.5,py:1.5,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between",flexShrink:0}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:700,fontSize:"1rem",color:"#111827"}},{children:"Promptemon"})),i.jsx(o.IconButton,e.__assign({size:"small",onClick:function(){return le(null)}},{children:i.jsx(f.default,{sx:{fontSize:"1.1rem",color:"#6B7280"}})}))]})),i.jsxs(o.Box,e.__assign({sx:{flex:1,display:"flex",overflow:"hidden",minHeight:0}},{children:[i.jsxs(o.Box,e.__assign({sx:{width:"40%",flexShrink:0,borderRight:"1px solid #E5E7EB",display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[i.jsxs(o.Box,e.__assign({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",gap:1}},{children:[i.jsx(o.Tooltip,e.__assign({title:"Atomic Prompt Block",placement:"top"},{children:i.jsx(o.Chip,{label:"APB",size:"small",sx:{bgcolor:"#f1f5f9",color:"#475569",fontWeight:700,fontSize:10,height:20,borderRadius:1}})})),i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.9rem",color:"#111827"}},{children:null==re?void 0:re.ref}))]})),i.jsxs(o.Box,e.__assign({sx:{flex:1,p:2,display:"flex",flexDirection:"column",gap:1.5,overflowY:"auto"}},{children:[i.jsxs(o.Box,e.__assign({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.5}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.8rem",color:"#111827",mb:.75}},{children:"Description"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.73rem",color:"#6B7280",lineHeight:1.6}},{children:null==re?void 0:re.description}))]})),i.jsxs(o.Box,e.__assign({sx:{border:"1px solid #E5E7EB",borderRadius:"8px",p:1.25,display:"flex",alignItems:"center",gap:.5}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.73rem",color:"#6B7280"}},{children:"Total Lines"})),i.jsx(o.Typography,e.__assign({sx:{fontSize:"0.73rem",fontWeight:700,color:"#111827"}},{children:r.split("\n").length}))]}))]}))]})),i.jsxs(o.Box,e.__assign({sx:{flex:1,minWidth:0,display:"flex",flexDirection:"column",overflow:"hidden"}},{children:[i.jsxs(o.Box,e.__assign({sx:{px:2,py:1.25,borderBottom:"1px solid #E5E7EB",display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[i.jsx(o.Typography,e.__assign({sx:{fontWeight:600,fontSize:"0.85rem",color:"#111827"}},{children:"Prompt Preview"})),i.jsx(o.Switch,{checked:oe,onChange:function(e){return te(e.target.checked)},size:"small",sx:{width:36,height:20,padding:0,"& .MuiSwitch-switchBase":{padding:0,margin:"2px","&.Mui-checked":{transform:"translateX(16px)",color:"#fff","& + .MuiSwitch-track":{bgcolor:"#5928ed",opacity:1}}},"& .MuiSwitch-thumb":{width:16,height:16,bgcolor:"#fff"},"& .MuiSwitch-track":{borderRadius:10,bgcolor:"#d1d5db",opacity:1}}})]})),i.jsx(o.Box,e.__assign({sx:{flex:1,minHeight:0,p:1.5}},{children:i.jsx(p.InternalEditor,{content:r,selectedTag:$,isDarkMode:oe,height:"100%",fontSize:13})}))]}))]}))]}))]}))};
|
|
2
2
|
//# sourceMappingURL=Spbanalysispanel.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__assign as o}from"tslib";import{jsxs as l,jsx as i}from"react/jsx-runtime";import e from"./components/ChatCitation.js";import{getColorCode as n}from"./utils/helpers.js";import t from"./components/Chip.js";import r from"./assets/message-chat-square.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import d from"./components/InViewNavigation.js";import a from"./components/DetailedView.js";import u from"./components/SummarizedView.js";import v from"./components/RuleBook.js";import{useState as s,useRef as c,useMemo as h,useEffect as f,useCallback as m}from"react";import{defaultRenderer as p}from"./constants/renderer.js";import g from"./components/IconContainer.js";import{Table as y}from"lucide-react";import{BigQueryTable as b}from"./BigQueryTable.js";import x from"@mui/icons-material/CloseOutlined";var w=function(o,l,i){if(void 0===i&&(i="smooth"),l){for(var e=o.parentElement;e;){var n=window.getComputedStyle(e).overflowY;if(("auto"===n||"scroll"===n)&&e.scrollHeight>e.clientHeight)break;if(e===l){e=null;break}e=e.parentElement}var t=null!=e?e:l,r=o.getBoundingClientRect(),d=t.getBoundingClientRect(),a=t.scrollTop+r.top-d.top-(t.clientHeight-r.height)/2;t.scrollTo({top:Math.max(0,a),behavior:i})}},C={chatData:[]};function S(S){var k,A,D,T,R,F,j,z,I,B,E,H,P,V,q,N,W,Y,K,O,M,Q,U,G,J,L,X,Z,$,_,oo,lo,io,eo,no,to,ro,ao,uo,vo,so,co,ho,fo,mo,po,go,yo,bo=S.rootContainer,xo=S.chatContainer,wo=void 0===xo?C:xo,Co=S.ruleBookContainer,So=S.renderer,ko=S.additionalData,Ao=S.tableComponent,Do=S.closePreview,To=S.isRenderedCustomComponent,Ro=void 0!==To&&To,Fo=S.showRootContainer,jo=void 0===Fo||Fo,zo=S.reversePanels,Io=void 0!==zo&&zo,Bo=s(0),Eo=Bo[0],Ho=Bo[1],Po=s(0),Vo=Po[0],qo=Po[1],No=s(0),Wo=No[0],Yo=No[1],Ko=s(0),Oo=Ko[0],Mo=Ko[1],Qo=c(null),Uo=c(null),Go=c(null),Jo=h(function(){return o(o({},p),So)},[So]),Lo=h(function(){return!!((null==Ao?void 0:Ao.rows)&&Object.keys(Ao.rows).length>0)},[Ao]),Xo=h(function(){var o;return null!==(o=null==ko?void 0:ko.RuleBookDetailedViewVerticallyStacked)&&void 0!==o&&o},[null==ko?void 0:ko.RuleBookDetailedViewVerticallyStacked]);f(function(){var o,l;if((null==Co?void 0:Co.show)&&Qo.current){var i=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(Ho((null==i?void 0:i.length)||0),qo(0),i&&i.length>0){var e=i[0];e.style.backgroundColor="#ffff5c",w(e,Qo.current)}}if((null==wo?void 0:wo.show)&&(null==Uo?void 0:Uo.current)){var n=null===(l=Uo.current)||void 0===l?void 0:l.querySelectorAll(".user-chat-highlight");if(Yo((null==n?void 0:n.length)||0),Mo(0),n&&n.length>0){var t=n[0];t.style.backgroundColor="#ffff5c";var r=requestAnimationFrame(function(){w(t,Go.current)});return function(){return cancelAnimationFrame(r)}}}},[null==wo?void 0:wo.show,null==Co?void 0:Co.show,null==Co?void 0:Co.data,null==wo?void 0:wo.chatData]);var Zo=m(function(){var o;if(Vo+1<Eo){var l=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(!l)return;l[Vo].style.backgroundColor="#ffffb8";var i=Vo+1;qo(i);var e=l[i];e.style.backgroundColor="#ffff5c",w(e,Qo.current)}},[Vo,Eo]),$o=m(function(){var o;if(!(Vo-1<0)){var l=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(l){l[Vo].style.backgroundColor="#ffffb8";var i=Vo-1,e=l[i];e.style.backgroundColor="#ffff5c",qo(i),w(e,Qo.current)}}},[Vo]),_o=m(function(){var o;if(Oo+1<Wo){var l=null===(o=Uo.current)||void 0===o?void 0:o.querySelectorAll(".user-chat-highlight");if(!l)return;l[Oo].style.backgroundColor="#ffffb8";var i=Oo+1,e=l[i];e.style.backgroundColor="#ffff5c",Mo(i),w(e,Go.current)}},[Oo,Wo]),ol=m(function(){var o;if(!(Oo-1<0)){var l=null===(o=Uo.current)||void 0===o?void 0:o.querySelectorAll(".user-chat-highlight");if(l){l[Oo].style.backgroundColor="#ffffb8";var i=Oo-1,e=l[i];e.style.backgroundColor="#ffff5c",Mo(i),w(e,Go.current)}}},[Oo]),ll=n((null==bo?void 0:bo.relevanceScore)||0),il=h(function(){var e,n=l("span",o({style:o({display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:ll.border,backgroundColor:ll.background,color:ll.text},null===(e=null==bo?void 0:bo.slotStyles)||void 0===e?void 0:e.relevanceScore)},{children:[(null==bo?void 0:bo.relevanceTitle)||"Decision Strength",":"," ",(null==bo?void 0:bo.relevanceScore)||0,"%"]}),"relevance-score"),t=i("span",o({style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:Do},{children:i(x,{})}),"close-preview");return Ro&&!(null==ko?void 0:ko.isExpanded)?[n,t]:[n]},[Ro,ll.background,ll.border,ll.text,null==bo?void 0:bo.relevanceScore,null===(k=null==bo?void 0:bo.slotStyles)||void 0===k?void 0:k.relevanceScore,null==bo?void 0:bo.relevanceTitle]),el=h(function(){return[Eo>0&&i(d,{currentItemNumber:Vo+1,totalItems:Eo,disableNext:Vo+1>=Eo,onNext:Zo,onPrevious:$o,disablePrevious:Vo<=0},"rulebook-nav")]},[Vo,Zo,$o,Eo]),nl=h(function(){return(null==ko?void 0:ko.RuleBookContainerHeight)?ko.RuleBookContainerHeight:!(!Xo||(null==ko?void 0:ko.isExpanded))&&"600px"},[null==ko?void 0:ko.RuleBookContainerHeight,Xo]),tl=h(function(){var o,l;return[(null===(l=null===(o=null==wo?void 0:wo.detailedTab)||void 0===o?void 0:o.chip)||void 0===l?void 0:l.isActive)&&Wo>0&&i(d,{currentItemNumber:Oo+1,totalItems:Wo,onNext:_o,onPrevious:ol,disableNext:Oo+1>=Wo,disablePrevious:Oo<=0},"chat-nav")]},[null===(D=null===(A=null==wo?void 0:wo.detailedTab)||void 0===A?void 0:A.chip)||void 0===D?void 0:D.isActive,Oo,_o,ol,Wo]),rl=l("div",o({style:o({display:"flex",flexDirection:Io?Xo?"column-reverse":"row-reverse":Xo?"column":"row",gap:[(null==wo?void 0:wo.chatData)&&wo.chatData.length>0&&(wo.show||void 0===wo.show),(null==Co?void 0:Co.data)&&(Co.show||void 0===Co.show),Lo].filter(Boolean).length>1?"12px":"0",height:nl||"100%",minHeight:0},null===(T=null==bo?void 0:bo.slotStyles)||void 0===T?void 0:T.container)},{children:[Lo&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(R=null==wo?void 0:wo.slotStyles)||void 0===R?void 0:R.outerContainer)},{children:i(e,o({title:"Invoice Data Preview",icon:i(g,{children:i(y,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[]},{children:i("div",o({style:{height:"100%",maxHeight:(null==ko?void 0:ko.isExpanded)?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"}},{children:(null==Ao?void 0:Ao.rows)&&i(b,{rows:Ao.rows,columns:Ao.columns||[]})}))}))})),(null==Co?void 0:Co.data)&&(Co.show||void 0===Co.show)&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(F=null==Co?void 0:Co.slotStyles)||void 0===F?void 0:F.outerContainer)},{children:i(e,o({title:null!==(j=null==Co?void 0:Co.title)&&void 0!==j?j:"Rule book",icon:null==Co?void 0:Co.ruleBookIcon,slotStyles:{title:o({color:"#475569",fontWeight:500},null===(z=null==Co?void 0:Co.slotStyles)||void 0===z?void 0:z.title),body:null===(I=null==Co?void 0:Co.slotStyles)||void 0===I?void 0:I.body},secondaryActions:(null==Co?void 0:Co.secondaryActions)?Co.secondaryActions(el):el},{children:i("div",o({style:o({height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(B=null==Co?void 0:Co.slotStyles)||void 0===B?void 0:B.dataContainer)},{children:i("div",o({style:{padding:"12px",height:"100%",overflowY:"auto"},ref:Qo},{children:i(v,{data:Co.data,renderers:null!==(E=null==Co?void 0:Co.renderer)&&void 0!==E?E:Jo})}))}))}))})),(null==wo?void 0:wo.chatData)&&wo.chatData.length>0&&(wo.show||void 0===wo.show)&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(H=null==wo?void 0:wo.slotStyles)||void 0===H?void 0:H.outerContainer)},{children:i(e,o({title:null!==(P=null==wo?void 0:wo.title)&&void 0!==P?P:"Chat",icon:null==wo?void 0:wo.chatIcon,containerStyles:null===(V=null==wo?void 0:wo.slotStyles)||void 0===V?void 0:V.container,slotStyles:{title:o({color:"#475569",fontWeight:500},null===(q=null==wo?void 0:wo.slotStyles)||void 0===q?void 0:q.title),body:null===(N=null==wo?void 0:wo.slotStyles)||void 0===N?void 0:N.body},primaryActions:[((null===(Y=null===(W=null==wo?void 0:wo.summarizedTab)||void 0===W?void 0:W.chip)||void 0===Y?void 0:Y.show)||void 0===(null===(O=null===(K=null==wo?void 0:wo.summarizedTab)||void 0===K?void 0:K.chip)||void 0===O?void 0:O.show))&&i(t,o({label:"Summarized"},null===(M=null==wo?void 0:wo.summarizedTab)||void 0===M?void 0:M.chip)),i(t,o({label:"Detailed"},null===(Q=null==wo?void 0:wo.detailedTab)||void 0===Q?void 0:Q.chip))],secondaryActions:wo.secondaryActions?null==wo?void 0:wo.secondaryActions(tl):tl},{children:l("div",o({ref:Go,style:o({height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(U=null==wo?void 0:wo.slotStyles)||void 0===U?void 0:U.chatDataContainer)},{children:[(null===(J=null===(G=null==wo?void 0:wo.detailedTab)||void 0===G?void 0:G.chip)||void 0===J?void 0:J.isActive)&&i("div",o({ref:Uo,style:{position:(null==ko?void 0:ko.isExpanded)?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"}},{children:i(a,{chatData:null!==(L=wo.chatData)&&void 0!==L?L:[],assistantChatProps:o(o({},null===(Z=null===(X=null==wo?void 0:wo.detailedTab)||void 0===X?void 0:X.view)||void 0===Z?void 0:Z.assistantChatProps),{renderers:null!==(oo=null===(_=null===($=null==wo?void 0:wo.detailedTab)||void 0===$?void 0:$.detailedViewRenderer)||void 0===_?void 0:_.assistantText)&&void 0!==oo?oo:Jo}),userChatItemProps:o(o({},null===(io=null===(lo=null==wo?void 0:wo.detailedTab)||void 0===lo?void 0:lo.view)||void 0===io?void 0:io.userChatItemProps),{renderers:null!==(to=null===(no=null===(eo=null==wo?void 0:wo.detailedTab)||void 0===eo?void 0:eo.detailedViewRenderer)||void 0===no?void 0:no.userText)&&void 0!==to?to:Jo})})})),(null===(ao=null===(ro=null==wo?void 0:wo.summarizedTab)||void 0===ro?void 0:ro.chip)||void 0===ao?void 0:ao.show)&&(null===(vo=null===(uo=null==wo?void 0:wo.summarizedTab)||void 0===uo?void 0:uo.chip)||void 0===vo?void 0:vo.isActive)&&i(u,o({chatData:null!==(so=wo.chatData)&&void 0!==so?so:[]},null===(co=null==wo?void 0:wo.summarizedTab)||void 0===co?void 0:co.view,{renderer:null!==(fo=null===(ho=null==wo?void 0:wo.summarizedTab)||void 0===ho?void 0:ho.summarizedViewRenderer)&&void 0!==fo?fo:Jo}))]}))}))}))]}));return jo?i(e,o({title:null==bo?void 0:bo.title,slotStyles:{title:null===(mo=null==bo?void 0:bo.slotStyles)||void 0===mo?void 0:mo.title,body:null===(po=null==bo?void 0:bo.slotStyles)||void 0===po?void 0:po.body},containerStyles:null===(go=null==bo?void 0:bo.slotStyles)||void 0===go?void 0:go.container,icon:null!==(yo=null==bo?void 0:bo.icon)&&void 0!==yo?yo:i(g,{children:i("img",{src:r,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:(null==bo?void 0:bo.secondaryActions)?bo.secondaryActions(il):il},{children:rl})):rl}export{S as default};
|
|
1
|
+
import{__assign as o}from"tslib";import{jsxs as l,jsx as i}from"react/jsx-runtime";import e from"./components/ChatCitation.js";import{getColorCode as n}from"./utils/helpers.js";import t from"./components/Chip.js";import r from"./assets/message-chat-square.svg.js";import"@mui/icons-material/KeyboardArrowDown";import"@mui/icons-material/KeyboardArrowUp";import"@mui/icons-material/Clear";import d from"./components/InViewNavigation.js";import a from"./components/DetailedView.js";import u from"./components/SummarizedView.js";import v from"./components/RuleBook.js";import{useState as s,useRef as c,useMemo as h,useEffect as f,useCallback as m}from"react";import{defaultRenderer as p}from"./constants/renderer.js";import g from"./components/IconContainer.js";import{Table as y}from"lucide-react";import{BigQueryTable as b}from"./BigQueryTable.js";import x from"@mui/icons-material/CloseOutlined";var w=function(o,l,i){if(void 0===i&&(i="smooth"),l){for(var e=o.parentElement;e;){var n=window.getComputedStyle(e).overflowY;if(("auto"===n||"scroll"===n)&&e.scrollHeight>e.clientHeight)break;if(e===l){e=null;break}e=e.parentElement}var t=null!=e?e:l,r=o.getBoundingClientRect(),d=t.getBoundingClientRect(),a=t.scrollTop+r.top-d.top-(t.clientHeight-r.height)/2;t.scrollTo({top:Math.max(0,a),behavior:i})}},C={chatData:[]};function S(S){var k,A,D,T,F,R,I,E,j,z,B,H,P,V,q,N,W,Y,K,O,M,Q,U,G,J,L,X,Z,$,_,oo,lo,io,eo,no,to,ro,ao,uo,vo,so,co,ho,fo,mo,po,go,yo,bo=S.rootContainer,xo=S.chatContainer,wo=void 0===xo?C:xo,Co=S.ruleBookContainer,So=S.renderer,ko=S.additionalData,Ao=S.tableComponent,Do=S.closePreview,To=S.isRenderedCustomComponent,Fo=void 0!==To&&To,Ro=S.showRootContainer,Io=void 0===Ro||Ro,Eo=S.reversePanels,jo=void 0!==Eo&&Eo,zo=s(0),Bo=zo[0],Ho=zo[1],Po=s(0),Vo=Po[0],qo=Po[1],No=s(0),Wo=No[0],Yo=No[1],Ko=s(0),Oo=Ko[0],Mo=Ko[1],Qo=c(null),Uo=c(null),Go=c(null),Jo=h(function(){return o(o({},p),So)},[So]),Lo=h(function(){return!!((null==Ao?void 0:Ao.rows)&&Object.keys(Ao.rows).length>0)},[Ao]),Xo=h(function(){var o;return null!==(o=null==ko?void 0:ko.RuleBookDetailedViewVerticallyStacked)&&void 0!==o&&o},[null==ko?void 0:ko.RuleBookDetailedViewVerticallyStacked]);f(function(){var o,l,i;if((null==Co?void 0:Co.show)&&Qo.current){var e=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(Ho((null==e?void 0:e.length)||0),qo(0),e&&e.length>0){var n=e[0];n.style.backgroundColor="#ffff5c",w(n,Qo.current)}}if((null==wo?void 0:wo.show)&&(null==Uo?void 0:Uo.current)){var t=null===(l=Uo.current)||void 0===l?void 0:l.querySelectorAll(".user-chat-highlight");if(Yo((null==t?void 0:t.length)||0),Mo(0),t&&t.length>0){var r=t[0];r.style.backgroundColor="#ffff5c";var d=requestAnimationFrame(function(){w(r,Go.current)});return function(){return cancelAnimationFrame(d)}}var a=null==ko?void 0:ko.targetIndex;if(void 0!==a&&a>=0&&(null===(i=Uo.current)||void 0===i?void 0:i.firstElementChild)){var u=Uo.current.firstElementChild.children[a];if(u){var v=requestAnimationFrame(function(){w(u,Go.current)});return function(){return cancelAnimationFrame(v)}}}}},[null==wo?void 0:wo.show,null==Co?void 0:Co.show,null==Co?void 0:Co.data,null==wo?void 0:wo.chatData,null==ko?void 0:ko.targetIndex]);var Zo=m(function(){var o;if(Vo+1<Bo){var l=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(!l)return;l[Vo].style.backgroundColor="#ffffb8";var i=Vo+1;qo(i);var e=l[i];e.style.backgroundColor="#ffff5c",w(e,Qo.current)}},[Vo,Bo]),$o=m(function(){var o;if(!(Vo-1<0)){var l=null===(o=Qo.current)||void 0===o?void 0:o.querySelectorAll(".rule-book-highlight");if(l){l[Vo].style.backgroundColor="#ffffb8";var i=Vo-1,e=l[i];e.style.backgroundColor="#ffff5c",qo(i),w(e,Qo.current)}}},[Vo]),_o=m(function(){var o;if(Oo+1<Wo){var l=null===(o=Uo.current)||void 0===o?void 0:o.querySelectorAll(".user-chat-highlight");if(!l)return;l[Oo].style.backgroundColor="#ffffb8";var i=Oo+1,e=l[i];e.style.backgroundColor="#ffff5c",Mo(i),w(e,Go.current)}},[Oo,Wo]),ol=m(function(){var o;if(!(Oo-1<0)){var l=null===(o=Uo.current)||void 0===o?void 0:o.querySelectorAll(".user-chat-highlight");if(l){l[Oo].style.backgroundColor="#ffffb8";var i=Oo-1,e=l[i];e.style.backgroundColor="#ffff5c",Mo(i),w(e,Go.current)}}},[Oo]),ll=n((null==bo?void 0:bo.relevanceScore)||0),il=h(function(){var e,n=l("span",o({style:o({display:"flex",border:"1px solid",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",borderColor:ll.border,backgroundColor:ll.background,color:ll.text},null===(e=null==bo?void 0:bo.slotStyles)||void 0===e?void 0:e.relevanceScore)},{children:[(null==bo?void 0:bo.relevanceTitle)||"Decision Strength",":"," ",(null==bo?void 0:bo.relevanceScore)||0,"%"]}),"relevance-score"),t=i("span",o({style:{display:"flex",alignItems:"center",gap:"4px",borderRadius:"6px",padding:"2px 8px",fontSize:"12px",backgroundColor:"white",color:"black",cursor:"pointer"},onClick:Do},{children:i(x,{})}),"close-preview");return Fo&&!(null==ko?void 0:ko.isExpanded)?[n,t]:[n]},[Fo,ll.background,ll.border,ll.text,null==bo?void 0:bo.relevanceScore,null===(k=null==bo?void 0:bo.slotStyles)||void 0===k?void 0:k.relevanceScore,null==bo?void 0:bo.relevanceTitle]),el=h(function(){return[Bo>0&&i(d,{currentItemNumber:Vo+1,totalItems:Bo,disableNext:Vo+1>=Bo,onNext:Zo,onPrevious:$o,disablePrevious:Vo<=0},"rulebook-nav")]},[Vo,Zo,$o,Bo]),nl=h(function(){return(null==ko?void 0:ko.RuleBookContainerHeight)?ko.RuleBookContainerHeight:!(!Xo||(null==ko?void 0:ko.isExpanded))&&"600px"},[null==ko?void 0:ko.RuleBookContainerHeight,Xo]),tl=h(function(){var o,l;return[(null===(l=null===(o=null==wo?void 0:wo.detailedTab)||void 0===o?void 0:o.chip)||void 0===l?void 0:l.isActive)&&Wo>0&&i(d,{currentItemNumber:Oo+1,totalItems:Wo,onNext:_o,onPrevious:ol,disableNext:Oo+1>=Wo,disablePrevious:Oo<=0},"chat-nav")]},[null===(D=null===(A=null==wo?void 0:wo.detailedTab)||void 0===A?void 0:A.chip)||void 0===D?void 0:D.isActive,Oo,_o,ol,Wo]),rl=l("div",o({style:o({display:"flex",flexDirection:jo?Xo?"column-reverse":"row-reverse":Xo?"column":"row",gap:[(null==wo?void 0:wo.chatData)&&wo.chatData.length>0&&(wo.show||void 0===wo.show),(null==Co?void 0:Co.data)&&(Co.show||void 0===Co.show),Lo].filter(Boolean).length>1?"12px":"0",height:nl||"100%",minHeight:0},null===(T=null==bo?void 0:bo.slotStyles)||void 0===T?void 0:T.container)},{children:[Lo&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(F=null==wo?void 0:wo.slotStyles)||void 0===F?void 0:F.outerContainer)},{children:i(e,o({title:"Invoice Data Preview",icon:i(g,{children:i(y,{size:16})}),slotStyles:{title:{color:"#475569",fontWeight:500}},secondaryActions:[]},{children:i("div",o({style:{height:"100%",maxHeight:(null==ko?void 0:ko.isExpanded)?"none":"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",backgroundColor:"#FFFFFF",position:"relative",overflow:"hidden"}},{children:(null==Ao?void 0:Ao.rows)&&i(b,{rows:Ao.rows,columns:Ao.columns||[]})}))}))})),(null==Co?void 0:Co.data)&&(Co.show||void 0===Co.show)&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(R=null==Co?void 0:Co.slotStyles)||void 0===R?void 0:R.outerContainer)},{children:i(e,o({title:null!==(I=null==Co?void 0:Co.title)&&void 0!==I?I:"Rule book",icon:null==Co?void 0:Co.ruleBookIcon,slotStyles:{title:o({color:"#475569",fontWeight:500},null===(E=null==Co?void 0:Co.slotStyles)||void 0===E?void 0:E.title),body:null===(j=null==Co?void 0:Co.slotStyles)||void 0===j?void 0:j.body},secondaryActions:(null==Co?void 0:Co.secondaryActions)?Co.secondaryActions(el):el},{children:i("div",o({style:o({height:"100%",maxHeight:"275px",minHeight:0,border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(z=null==Co?void 0:Co.slotStyles)||void 0===z?void 0:z.dataContainer)},{children:i("div",o({style:{padding:"12px",height:"100%",overflowY:"auto"},ref:Qo},{children:i(v,{data:Co.data,renderers:null!==(B=null==Co?void 0:Co.renderer)&&void 0!==B?B:Jo})}))}))}))})),(null==wo?void 0:wo.chatData)&&wo.chatData.length>0&&(wo.show||void 0===wo.show)&&i("span",o({style:o({flex:"1 1 0%",minWidth:0},null===(H=null==wo?void 0:wo.slotStyles)||void 0===H?void 0:H.outerContainer)},{children:i(e,o({title:null!==(P=null==wo?void 0:wo.title)&&void 0!==P?P:"Chat",icon:null==wo?void 0:wo.chatIcon,containerStyles:null===(V=null==wo?void 0:wo.slotStyles)||void 0===V?void 0:V.container,slotStyles:{title:o({color:"#475569",fontWeight:500},null===(q=null==wo?void 0:wo.slotStyles)||void 0===q?void 0:q.title),body:null===(N=null==wo?void 0:wo.slotStyles)||void 0===N?void 0:N.body},primaryActions:[((null===(Y=null===(W=null==wo?void 0:wo.summarizedTab)||void 0===W?void 0:W.chip)||void 0===Y?void 0:Y.show)||void 0===(null===(O=null===(K=null==wo?void 0:wo.summarizedTab)||void 0===K?void 0:K.chip)||void 0===O?void 0:O.show))&&i(t,o({label:"Summarized"},null===(M=null==wo?void 0:wo.summarizedTab)||void 0===M?void 0:M.chip)),i(t,o({label:"Detailed"},null===(Q=null==wo?void 0:wo.detailedTab)||void 0===Q?void 0:Q.chip))],secondaryActions:wo.secondaryActions?null==wo?void 0:wo.secondaryActions(tl):tl},{children:l("div",o({ref:Go,style:o({height:"100%",maxHeight:"275px",border:"2px solid #E2E8F0",borderRadius:"8px",display:"flex",flexDirection:"column",gap:"12px",backgroundColor:"#F8FAFC",position:"relative",overflowY:"auto"},null===(U=null==wo?void 0:wo.slotStyles)||void 0===U?void 0:U.chatDataContainer)},{children:[(null===(J=null===(G=null==wo?void 0:wo.detailedTab)||void 0===G?void 0:G.chip)||void 0===J?void 0:J.isActive)&&i("div",o({ref:Uo,style:{position:(null==ko?void 0:ko.isExpanded)?"absolute":"relative",inset:0,padding:"12px",overflowY:"auto"}},{children:i(a,{chatData:null!==(L=wo.chatData)&&void 0!==L?L:[],assistantChatProps:o(o({},null===(Z=null===(X=null==wo?void 0:wo.detailedTab)||void 0===X?void 0:X.view)||void 0===Z?void 0:Z.assistantChatProps),{renderers:null!==(oo=null===(_=null===($=null==wo?void 0:wo.detailedTab)||void 0===$?void 0:$.detailedViewRenderer)||void 0===_?void 0:_.assistantText)&&void 0!==oo?oo:Jo}),userChatItemProps:o(o({},null===(io=null===(lo=null==wo?void 0:wo.detailedTab)||void 0===lo?void 0:lo.view)||void 0===io?void 0:io.userChatItemProps),{renderers:null!==(to=null===(no=null===(eo=null==wo?void 0:wo.detailedTab)||void 0===eo?void 0:eo.detailedViewRenderer)||void 0===no?void 0:no.userText)&&void 0!==to?to:Jo})})})),(null===(ao=null===(ro=null==wo?void 0:wo.summarizedTab)||void 0===ro?void 0:ro.chip)||void 0===ao?void 0:ao.show)&&(null===(vo=null===(uo=null==wo?void 0:wo.summarizedTab)||void 0===uo?void 0:uo.chip)||void 0===vo?void 0:vo.isActive)&&i(u,o({chatData:null!==(so=wo.chatData)&&void 0!==so?so:[]},null===(co=null==wo?void 0:wo.summarizedTab)||void 0===co?void 0:co.view,{renderer:null!==(fo=null===(ho=null==wo?void 0:wo.summarizedTab)||void 0===ho?void 0:ho.summarizedViewRenderer)&&void 0!==fo?fo:Jo}))]}))}))}))]}));return Io?i(e,o({title:null==bo?void 0:bo.title,slotStyles:{title:null===(mo=null==bo?void 0:bo.slotStyles)||void 0===mo?void 0:mo.title,body:null===(po=null==bo?void 0:bo.slotStyles)||void 0===po?void 0:po.body},containerStyles:null===(go=null==bo?void 0:bo.slotStyles)||void 0===go?void 0:go.container,icon:null!==(yo=null==bo?void 0:bo.icon)&&void 0!==yo?yo:i(g,{children:i("img",{src:r,alt:"chat icon",style:{width:16,height:16}})}),secondaryActions:(null==bo?void 0:bo.secondaryActions)?bo.secondaryActions(il):il},{children:rl})):rl}export{S as default};
|
|
2
2
|
//# sourceMappingURL=InternalChatCitationRenderer.js.map
|