@e-llm-studio/instant-learning 1.3.0-alpha.26 → 1.3.0-alpha.260

package/dist/features/IL-OTJ/_components/CriticalGaps.js

@@ -1,2 +1,2 @@
-import{__assign as e,__rest as n,__spreadArray as o}from"tslib";import{jsx as i,jsxs as r}from"react/jsx-runtime";import{useState as t,useCallback as l,useEffect as a,useRef as d,useMemo as c}from"react";import{Box as s,Typography as p,TextareaAutosize as u,FormGroup as x,FormControlLabel as m,Checkbox as f}from"@mui/material";import{ChevronUp as g,ChevronDown as h}from"lucide-react";import{CognitiveDecisioningCard as b}from"@e-llm-studio/citation";import{DynamicArrow as v}from"./MarkdownComponents/MarkdownSelect.js";import{ButtonCognitiveIcon as y}from"./_svg/ButtonCognitiveIcon.js";import w from"./CitationLink.js";import{GapExplanationAccordion as S}from"./GapExplanationAccordion.js";import{getSourceFromUrl as F}from"./MarkdownComponents/MarkdownElements.js";var k=function(){return r("svg",e({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},{children:[i("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),i("polyline",{points:"12 5 19 12 12 19"})]}))},C=function(C){var E,R,T=C.gap,B=C.index,D=C.onUpdate,z=C.isEditable,I=C.citations,A=C.onTypeResponseClick,M=t(!1),L=M[0],W=M[1],j=t({}),_=j[0],H=j[1],O=d(null);a(function(){var e;0===B&&"text"===T.inputType&&z&&(null===(e=O.current)||void 0===e||e.focus())},[B,T.inputType,z]);var P=function(e){return e?e.replace(/\\n/g,"\n"):""},N=c(function(){var e;return P((null===(e=T.aiReasoning)||void 0===e?void 0:e.reason)||"")},[null===(E=T.aiReasoning)||void 0===E?void 0:E.reason]),G=c(function(){var e;return P((null===(e=T.aiReasoning)||void 0===e?void 0:e.gap)||"")},[null===(R=T.aiReasoning)||void 0===R?void 0:R.gap]),U=l(function(e,n){return I&&I.find(function(o){return o.customMetaData.citation_number&&"Cognitive Decisioning"!==o.customMetaData.citation_title&&o.customMetaData.source===n&&String(o.customMetaData.citation_number)===String(e)})||null},[I]),V=c(function(){return{img:function(o){o.node;var r=n(o,["node"]);return i("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(o){o.node;var r=n(o,["node"]);return i("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(o){o.node;var r=n(o,["node"]);return i("span",e({},r,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==r?void 0:r.children}))},ol:function(o){o.node;var r=n(o,["node"]);return i("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(o){o.node;var r=n(o,["node"]);return i("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(o){o.node;var r=n(o,["node"]);return i("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(n){var o=n.href,r=n.children;if(!o)return i("a",{children:r});var t=o.match(/citationNumber=([^&]+)/);if(t&&w){var l=F(o),a=U(t[1],l);if(a)return i(w,{citation:a,linkTitle:r,fontSize:12})}return i("a",e({href:o,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"#7C3AED"}},{children:r}))}}},[U]),Y=function(e){return"string"==typeof e?{text:e,reasoning:null,explanation:null,id:null,isRecommended:!1}:{text:e.text,reasoning:e.aiReasoning,explanation:e.explanation,id:e.id,isRecommended:e.is_recommended}},q="checkbox"===T.inputType,J=function(e,n){if(z){if("typeYourAnswer"===n||"type your response"===e.trim().toLowerCase())return D(T.id,e),void(A&&A());if(q){var i=Array.isArray(T.userSelection)?T.userSelection:[],r=i.includes(e)?i.filter(function(n){return n!==e}):o(o([],i,!0),[e],!1);D(T.id,r)}else D(T.id,e)}};return i(s,e({sx:{bgcolor:"#FFFEFE",overflow:"hidden"}},{children:r(s,e({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[i(s,e({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:r(p,e({component:"div",sx:{fontSize:"16px",fontWeight:400,color:"#17212B",lineHeight:1.5}},{children:[i("span",e({style:{color:"#8F2C23",paddingRight:"2px"}},{children:"*"}))," ",B+1,". ",T.value,T.aiReasoning&&i(s,e({component:"span",sx:{display:"inline",verticalAlign:"middle",ml:.5}},{children:i(b,{headerIcon:i(y,{}),reasoning:N,gap:G,score:T.aiReasoning.score,isOpen:L,onToggle:function(){return W(function(e){return!e})},mdComponents:V,styles:{pill:{gap:"2px",border:"none",backgroundColor:"transparent"}}})}))]}))})),"text"===T.inputType?i(u,{ref:O,minRows:1,maxRows:10,value:T.userSelection||"",onChange:function(e){z&&D(T.id,e.target.value)},disabled:!z,placeholder:"Enter your input...",style:{width:"100%",minHeight:"30px",padding:"8px 12px",borderRadius:"6px",border:"1px solid #CBD5E1",fontSize:"14px",resize:"none"}}):q?i(x,e({row:!0,sx:{gap:"16px",flexDirection:"column"}},{children:T.options.map(function(n,o){var t=Y(n),l=t.text,a=t.reasoning,d=t.explanation,c=t.id,u=t.isRecommended,x="checkbox"===T.inputType?(T.userSelection||[]).includes(l):T.userSelection===l;return r(s,e({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[i(m,{control:i(f,{checked:(T.userSelection||[]).includes(l),onChange:function(){return J(l,c)},value:l,size:"small",disabled:!z,sx:{p:0,mr:"7px",width:"17.5px",height:"17.5px","& .MuiSvgIcon-root":{fontSize:17.5},color:"#CBD5E1","&.Mui-checked":{color:"#2563EB"},alignSelf:"flex-start",mt:"2px"}}),label:r(s,e({sx:{display:"flex",alignItems:"center",gap:"6px",width:"100%"}},{children:[r(p,e({sx:{fontSize:"14px",color:"#1E293B",fontWeight:400}},{children:[l,u&&i("span",e({style:{borderRadius:"100px",border:"1px solid #D1E0FF",background:"#FFF",color:"#528BFF",padding:"2px 8px",paddingBottom:"3.5px",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:"Inter",fontSize:"12px",fontStyle:"normal",fontWeight:"500",lineHeight:"100%",marginLeft:"8px"}},{children:"Recommended"}))]})),(a||d)&&r(s,e({onClick:function(n){n.stopPropagation(),H(function(n){var i;return e(e({},n),((i={})[o]=!n[o],i))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[i(y,{}),_[o]?i(g,{size:12,color:"#667085"}):i(h,{size:12,color:"#667085"})]}))]})),sx:{mr:0,ml:0,alignItems:"flex-start",width:"100%"}}),(a||d)&&_[o]&&r(s,e({sx:{width:"100%",border:"1px solid #EAECF0",marginTop:"6px",borderRadius:"16px",overflow:"hidden",boxShadow:"0 1px 2px 0 rgba(16, 24, 40, 0.05)"}},{children:[d&&i(S,{explanation:d,isSelected:x,onProceed:function(){return J(l)},proceedIcon:i(k,{})}),a&&i(b,{headerIcon:i(y,{}),reasoning:a.reason,gap:a.gap,score:a.score,isOpen:!0,onToggle:function(){return H(function(n){var i;return e(e({},n),((i={})[o]=!1,i))})},hideTrigger:!0,mdComponents:V,styles:{container:{border:"none",borderRadius:0,marginTop:0,marginBottom:0},header:{borderBottom:"none",backgroundColor:"#E9ECFD"},pill:{gap:"2px",border:"none",backgroundColor:"transparent"},sectionButton:{padding:"16px"}}})]}))]}),o)})})):i(s,e({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:T.options.map(function(n,o){var t=Y(n),l=t.text,a=t.reasoning,d=t.explanation,c=t.id,u=t.isRecommended,x=T.userSelection===l;return r(s,e({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[r(s,e({sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"}},{children:[r(s,e({onClick:function(){return J(l,c)},sx:{display:"flex",alignItems:"center",gap:"8px",padding:"8px",borderRadius:"8px",cursor:z?"pointer":"default",bgcolor:x?"#EFF4FF":"transparent",border:"1px solid",borderColor:x?"#B2CCFF":"transparent",transition:"all 0.15s ease-in-out",flex:1,boxSizing:"border-box"}},{children:[i(v,{isSelected:x,width:24,height:24}),r(p,e({sx:{fontSize:"14px",color:x?"#1D2939":"#344054",fontWeight:500}},{children:[l,u&&i("span",e({style:{borderRadius:"100px",border:"1px solid #D1E0FF",background:"#FFF",color:"#528BFF",padding:"2px 8px",paddingBottom:"3.5px",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:"Inter",fontSize:"12px",fontStyle:"normal",fontWeight:"500",lineHeight:"100%",marginLeft:"8px"}},{children:"Recommended"}))]}))]})),(a||d)&&r(s,e({onClick:function(n){n.stopPropagation(),H(function(n){var i;return e(e({},n),((i={})[o]=!n[o],i))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[i(y,{}),_[o]?i(g,{size:12,color:"#667085"}):i(h,{size:12,color:"#667085"})]}))]})),(a||d)&&_[o]&&r(s,e({sx:{width:"100%",border:"1px solid #EAECF0",marginTop:"6px",borderRadius:"16px",overflow:"hidden",boxShadow:"0 1px 2px 0 rgba(16, 24, 40, 0.05)"}},{children:[d&&i(s,e({sx:{borderBottom:a?"1px solid #EAECF0":"none"}},{children:i(S,{explanation:d,isSelected:x,onProceed:function(){return J(l)},proceedIcon:i(k,{})})})),a&&i(b,{headerIcon:i(y,{}),reasoning:a.reason,gap:a.gap,score:a.score,isOpen:!0,onToggle:function(){return H(function(n){var i;return e(e({},n),((i={})[o]=!1,i))})},hideTrigger:!0,mdComponents:V,styles:{container:{border:"none",borderRadius:0,marginTop:0,marginBottom:0},header:{borderBottom:"none",backgroundColor:"#E9ECFD"},pill:{gap:"2px",border:"none",backgroundColor:"transparent"},sectionButton:{padding:"16px"}}})]}))]}),o)})}))]}))}))},E=function(n){var o=n.data,r=n.isLastMessage,d=n.onValidationChange,c=n.isSubmitted,p=n.citations,u=n.onTypeResponseClick,x=n.isGlobalEditActive,m=t(o.gaps.map(function(n){return e(e({},n),{userSelection:"checkbox"===n.inputType?[]:null})})),f=m[0],g=m[1],h=l(function(n,o){g(function(i){return i.map(function(i){return i.id===n?e(e({},i),{userSelection:o}):i})})},[]);a(function(){if(d){var e=f.some(function(e){return"checkbox"===e.inputType?Array.isArray(e.userSelection)&&e.userSelection.length>0:"text"===e.inputType?null!==e.userSelection&&"string"==typeof e.userSelection&&""!==e.userSelection.trim():null!==e.userSelection&&""!==e.userSelection});d(e,f)}},[f,d]);var b=r&&!c&&!x;return i(s,e({sx:{width:"100%",backgroundColor:"#FFFFFF",borderRadius:"8px",border:"1px solid #E3E6EA",padding:"14px",marginTop:"12px"}},{children:i(s,e({sx:{display:"flex",flexDirection:"column",gap:"16px"}},{children:f.map(function(e,n){return i(C,{index:n,gap:e,onUpdate:h,isEditable:b,citations:p,onTypeResponseClick:u},e.id)})}))}))};export{E as CriticalGaps};
+import{__assign as e,__rest as n,__spreadArray as i}from"tslib";import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useState as t,useCallback as l,useEffect as a,useRef as s,useMemo as d}from"react";import{Box as c,Typography as p,TextareaAutosize as u,FormGroup as g,FormControlLabel as m,Checkbox as x}from"@mui/material";import{ChevronUp as f,ChevronDown as h}from"lucide-react";import{CognitiveDecisioningCard as v}from"@e-llm-studio/citation";import{DynamicArrow as y}from"./MarkdownComponents/MarkdownSelect.js";import{ButtonCognitiveIcon as b}from"./_svg/ButtonCognitiveIcon.js";import S from"./CitationLink.js";import{getCognitiveDecisioningThemeStyles as w}from"./cognitiveDecisioningThemeStyles.js";import{GapExplanationAccordion as F}from"./GapExplanationAccordion.js";import{getSourceFromUrl as k}from"./MarkdownComponents/MarkdownElements.js";var C=function(){return o("svg",e({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},{children:[r("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),r("polyline",{points:"12 5 19 12 12 19"})]}))},T=function(T){var R,B,D=T.gap,E=T.index,z=T.onUpdate,I=T.isEditable,W=T.citations,M=T.onTypeResponseClick,A=t(!1),j=A[0],L=A[1],_=t({}),G=_[0],H=_[1],O=s(null);a(function(){var e;0===E&&"text"===D.inputType&&I&&(null===(e=O.current)||void 0===e||e.focus())},[E,D.inputType,I]);var P=function(e){return e?e.replace(/\\n/g,"\n"):""},N=d(function(){var e;return P((null===(e=D.aiReasoning)||void 0===e?void 0:e.reason)||"")},[null===(R=D.aiReasoning)||void 0===R?void 0:R.reason]),U=d(function(){var e;return P((null===(e=D.aiReasoning)||void 0===e?void 0:e.gap)||"")},[null===(B=D.aiReasoning)||void 0===B?void 0:B.gap]),V=l(function(e,n){return W&&W.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===n&&String(i.customMetaData.citation_number)===String(e)})||null},[W]),Y=d(function(){return{img:function(i){i.node;var o=n(i,["node"]);return r("img",e({},o,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==o?void 0:o.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(i){i.node;var o=n(i,["node"]);return r("p",e({},o,{style:{margin:0}},{children:null==o?void 0:o.children}))},code:function(i){i.node;var o=n(i,["node"]);return r("span",e({},o,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==o?void 0:o.children}))},ol:function(i){i.node;var o=n(i,["node"]);return r("ol",e({},o,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==o?void 0:o.children}))},ul:function(i){i.node;var o=n(i,["node"]);return r("ol",e({},o,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(i){i.node;var o=n(i,["node"]);return r("li",e({},o,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:o.children}))},a:function(n){var i=n.href,o=n.children;if(!i)return r("a",{children:o});var t=i.match(/citationNumber=([^&]+)/);if(t&&S){var l=k(i),a=V(t[1],l);if(a)return r(S,{citation:a,linkTitle:o,fontSize:12})}return r("a",e({href:i,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"var(--il-primary, #7C3AED)"}},{children:o}))}}},[V]),q=function(e){return"string"==typeof e?{text:e,reasoning:null,explanation:null,id:null,isRecommended:!1}:{text:e.text,reasoning:e.aiReasoning,explanation:e.explanation,id:e.id,isRecommended:e.is_recommended}},J="checkbox"===D.inputType,K=function(e,n){if(I){if("typeYourAnswer"===n||"type your response"===e.trim().toLowerCase())return z(D.id,e),void(M&&M());if(J){var r=Array.isArray(D.userSelection)?D.userSelection:[],o=r.includes(e)?r.filter(function(n){return n!==e}):i(i([],r,!0),[e],!1);z(D.id,o)}else z(D.id,e)}};return r(c,e({sx:{bgcolor:"var(--il-surface, #FFFEFE)",color:"var(--il-foreground, #17212B)",overflow:"hidden"}},{children:o(c,e({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[r(c,e({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:o(p,e({component:"div",sx:{fontSize:"16px",fontWeight:400,color:"var(--il-foreground, #17212B)",lineHeight:1.5}},{children:[r("span",e({style:{color:"var(--il-danger, #8F2C23)",paddingRight:"2px"}},{children:"*"}))," ",E+1,". ",D.value,D.aiReasoning&&r(c,e({component:"span",sx:{display:"inline",verticalAlign:"middle",ml:.5}},{children:r(v,{headerIcon:r(b,{}),reasoning:N,reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",gap:U,score:D.aiReasoning.score,isOpen:j,onToggle:function(){return L(function(e){return!e})},mdComponents:Y,styles:w()})}))]}))})),"text"===D.inputType?r(u,{ref:O,minRows:1,maxRows:10,value:D.userSelection||"",onChange:function(e){I&&z(D.id,e.target.value)},disabled:!I,placeholder:"Enter your input...",style:{width:"100%",minHeight:"30px",padding:"8px 12px",borderRadius:"6px",border:"1px solid var(--il-input-border, #CBD5E1)",background:"var(--il-input-bg, #FFFFFF)",color:"var(--il-input-fg, #17212B)",fontSize:"14px",resize:"none"}}):J?r(g,e({row:!0,sx:{gap:"16px",flexDirection:"column"}},{children:D.options.map(function(n,i){var t=q(n),l=t.text,a=t.reasoning,s=t.explanation,d=t.id,u=t.isRecommended,g="checkbox"===D.inputType?(D.userSelection||[]).includes(l):D.userSelection===l;return o(c,e({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[r(m,{control:r(x,{checked:(D.userSelection||[]).includes(l),onChange:function(){return K(l,d)},value:l,size:"small",disabled:!I,sx:{p:0,mr:"7px",width:"17.5px",height:"17.5px","& .MuiSvgIcon-root":{fontSize:17.5},color:"var(--il-muted, #CBD5E1)","&.Mui-checked":{color:"var(--il-primary, #2563EB)"},alignSelf:"flex-start",mt:"2px"}}),label:o(c,e({sx:{display:"flex",alignItems:"center",gap:"6px",width:"100%"}},{children:[o(p,e({sx:{fontSize:"14px",color:"var(--il-foreground, #1E293B)",fontWeight:400}},{children:[l,u&&r("span",e({style:{borderRadius:"100px",border:"1px solid var(--il-primary, #D1E0FF)",background:"color-mix(in srgb, var(--il-primary, #528BFF) 12%, var(--il-surface, #FFF))",color:"var(--il-primary, #528BFF)",padding:"2px 8px",paddingBottom:"3.5px",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:"Inter",fontSize:"12px",fontStyle:"normal",fontWeight:"500",lineHeight:"100%",marginLeft:"8px"}},{children:"Recommended"}))]})),(a||s)&&o(c,e({onClick:function(n){n.stopPropagation(),H(function(n){var r;return e(e({},n),((r={})[i]=!n[i],r))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[r(b,{}),G[i]?r(f,{size:12,color:"var(--il-muted, #667085)"}):r(h,{size:12,color:"var(--il-muted, #667085)"})]}))]})),sx:{mr:0,ml:0,alignItems:"flex-start",width:"100%"}}),(a||s)&&G[i]&&o(c,e({sx:{width:"100%",border:"1px solid var(--il-border, #EAECF0)",marginTop:"6px",borderRadius:"16px",overflow:"hidden",boxShadow:"0 1px 2px 0 rgba(16, 24, 40, 0.05)"}},{children:[s&&r(F,{explanation:s,isSelected:g,onProceed:function(){return K(l)},proceedIcon:r(C,{})}),a&&r(v,{headerIcon:r(b,{}),reasoning:a.reason,gap:a.gap,reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",score:a.score,isOpen:!0,onToggle:function(){return H(function(n){var r;return e(e({},n),((r={})[i]=!1,r))})},hideTrigger:!0,mdComponents:Y,styles:w({container:{border:"none",borderRadius:0,marginTop:0,marginBottom:0},header:{borderBottom:"none"},sectionButton:{padding:"16px"}})})]}))]}),i)})})):r(c,e({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:D.options.map(function(n,i){var t=q(n),l=t.text,a=t.reasoning,s=t.explanation,d=t.id,u=t.isRecommended,g=D.userSelection===l;return o(c,e({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[o(c,e({sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"}},{children:[o(c,e({onClick:function(){return K(l,d)},sx:{display:"flex",alignItems:"center",gap:"8px",padding:"8px",borderRadius:"8px",cursor:I?"pointer":"default",bgcolor:g?"color-mix(in srgb, var(--il-primary, #2563eb) 16%, var(--il-surface, #ffffff))":"transparent",border:"1px solid",borderColor:g?"var(--il-primary, #B2CCFF)":"transparent",transition:"all 0.15s ease-in-out",flex:1,boxSizing:"border-box"}},{children:[r(y,{isSelected:g,width:24,height:24}),o(p,e({sx:{fontSize:"14px",color:"var(--il-foreground, #344054)",fontWeight:500}},{children:[l,u&&r("span",e({style:{borderRadius:"100px",border:"1px solid var(--il-primary, #D1E0FF)",background:"color-mix(in srgb, var(--il-primary, #528BFF) 12%, var(--il-surface, #FFF))",color:"var(--il-primary, #528BFF)",padding:"2px 8px",paddingBottom:"3.5px",whiteSpace:"nowrap",textOverflow:"ellipsis",fontFamily:"Inter",fontSize:"12px",fontStyle:"normal",fontWeight:"500",lineHeight:"100%",marginLeft:"8px"}},{children:"Recommended"}))]}))]})),(a||s)&&o(c,e({onClick:function(n){n.stopPropagation(),H(function(n){var r;return e(e({},n),((r={})[i]=!n[i],r))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[r(b,{}),G[i]?r(f,{size:12,color:"var(--il-muted, #667085)"}):r(h,{size:12,color:"var(--il-muted, #667085)"})]}))]})),(a||s)&&G[i]&&o(c,e({sx:{width:"100%",border:"1px solid var(--il-border, #EAECF0)",marginTop:"6px",borderRadius:"16px",overflow:"hidden",boxShadow:"0 1px 2px 0 rgba(16, 24, 40, 0.05)"}},{children:[s&&r(c,e({sx:{borderBottom:a?"1px solid var(--il-border, #EAECF0)":"none"}},{children:r(F,{explanation:s,isSelected:g,onProceed:function(){return K(l)},proceedIcon:r(C,{})})})),a&&r(v,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:r(b,{}),reasoning:a.reason,gap:a.gap,score:a.score,isOpen:!0,onToggle:function(){return H(function(n){var r;return e(e({},n),((r={})[i]=!1,r))})},hideTrigger:!0,mdComponents:Y,styles:w({container:{border:"none",borderRadius:0,marginTop:0,marginBottom:0},header:{borderBottom:"none"},sectionButton:{padding:"16px"}})})]}))]}),i)})}))]}))}))},R=function(n){var i=n.data,o=n.isLastMessage,s=n.onValidationChange,d=n.isSubmitted,p=n.citations,u=n.onTypeResponseClick,g=n.isGlobalEditActive,m=t(i.gaps.map(function(n){return e(e({},n),{userSelection:"checkbox"===n.inputType?[]:null})})),x=m[0],f=m[1],h=l(function(n,i){f(function(r){return r.map(function(r){return r.id===n?e(e({},r),{userSelection:i}):r})})},[]);a(function(){if(s){var e=x.some(function(e){return"checkbox"===e.inputType?Array.isArray(e.userSelection)&&e.userSelection.length>0:"text"===e.inputType?null!==e.userSelection&&"string"==typeof e.userSelection&&""!==e.userSelection.trim():null!==e.userSelection&&""!==e.userSelection});s(e,x)}},[x,s]);var v=o&&!d&&!g;return r(c,e({sx:{width:"100%",backgroundColor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #17212B)",borderRadius:"8px",border:"1px solid var(--il-border, #E3E6EA)",padding:"14px",marginTop:"12px"}},{children:r(c,e({sx:{display:"flex",flexDirection:"column",gap:"16px"}},{children:x.map(function(e,n){return r(T,{index:n,gap:e,onUpdate:h,isEditable:v,citations:p,onTypeResponseClick:u},e.id)})}))}))};export{R as CriticalGaps};
 //# sourceMappingURL=CriticalGaps.js.map

package/dist/features/IL-OTJ/_components/GapExplanationAccordion.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{useState as i}from"react";import{Box as r,Typography as t,Collapse as l}from"@mui/material";import{ChevronUp as p,ChevronDown as c}from"lucide-react";var s=function(s){var a=s.explanation,x=s.onProceed,d=s.isSelected,f=s.proceedIcon,m=i(!0),u=m[0],h=m[1],g=i(!1),F=g[0],b=g[1],y=Array.isArray(a)?a:"string"==typeof a&&""!==a.trim()?[a]:[],C=y.length>2,k=F?y:y.slice(0,2);return e(r,o({sx:{bgcolor:"#FFFFFF"}},{children:[e(r,o({onClick:function(){return h(!u)},sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:"16px",pb:"12px",cursor:"pointer"}},{children:[n(t,o({sx:{fontWeight:500,fontSize:"14px",color:"#101828"}},{children:"Explanation"})),n(u?p:c,{size:16,color:"#667085"})]})),n(l,o({in:u},{children:e(r,o({sx:{px:"16px",pb:"16px"}},{children:[n(r,o({component:"ol",sx:{m:0,pl:"20px",display:"flex",flexDirection:"column",gap:"8px"}},{children:(k||[]).map(function(e,i){return n(r,o({component:"li",sx:{fontSize:"14px",color:"#475467",lineHeight:"1.5",fontWeight:400}},{children:e}),i)})})),C&&n(t,o({onClick:function(){return b(!F)},sx:{fontSize:"13px",color:"#5925DC",cursor:"pointer",mt:1,fontWeight:500,display:"inline-block"}},{children:F?"show less...":"more..."})),e("button",o({onClick:function(o){o.stopPropagation(),d||x()},disabled:d,style:{marginTop:"16px",display:"flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:d?"#F2F4F7":"#F4F3FF",color:d?"#667085":"#5925DC",border:"none",borderRadius:"8px",fontWeight:500,fontSize:"12px",cursor:d?"default":"pointer",transition:"all 0.2s"}},{children:[d?"Option is already selected":"Proceed with this option",f]}))]}))}))]}))};export{s as GapExplanationAccordion};
+import{__assign as r}from"tslib";import{jsxs as e,jsx as o}from"react/jsx-runtime";import{useState as i}from"react";import{Box as n,Typography as t,Collapse as l}from"@mui/material";import{ChevronUp as a,ChevronDown as p}from"lucide-react";import{useILMarketplaceThemeStyles as c}from"../../IL-marketplace/marketplaceTheme.js";var s=function(s){var d=s.explanation,m=s.onProceed,f=s.isSelected,x=s.proceedIcon,u=i(!0),g=u[0],h=u[1],F=i(!1),y=F[0],b=F[1],v=c(),k=Boolean(v["--il-primary"]),C=Array.isArray(d)?d:"string"==typeof d&&""!==d.trim()?[d]:[],z=C.length>2,S=y?C:C.slice(0,2);return e(n,r({sx:{bgcolor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #101828)"}},{children:[e(n,r({onClick:function(){return h(!g)},sx:{display:"flex",justifyContent:"space-between",alignItems:"center",p:"16px",pb:"12px",cursor:"pointer"}},{children:[o(t,r({sx:{fontWeight:500,fontSize:"14px",color:"var(--il-foreground, #101828)"}},{children:"Explanation"})),o(g?a:p,{size:16,color:"var(--il-muted, #667085)"})]})),o(l,r({in:g},{children:e(n,r({sx:{px:"16px",pb:"16px"}},{children:[o(n,r({component:"ol",sx:{m:0,pl:"20px",display:"flex",flexDirection:"column",gap:"8px"}},{children:(S||[]).map(function(e,i){return o(n,r({component:"li",sx:{fontSize:"14px",color:"var(--il-secondary-fg, #475467)",lineHeight:"1.5",fontWeight:400}},{children:e}),i)})})),z&&o(t,r({onClick:function(){return b(!y)},sx:{fontSize:"13px",color:"var(--il-primary, #5925DC)",cursor:"pointer",mt:1,fontWeight:500,display:"inline-block"}},{children:y?"show less...":"more..."})),e("button",r({onClick:function(r){r.stopPropagation(),f||m()},disabled:f,style:{marginTop:"16px",display:"flex",alignItems:"center",gap:"4px",padding:"4px 8px",backgroundColor:f?"var(--il-secondary-bg, #F2F4F7)":k?"var(--il-primary)":"#F4F3FF",color:f?"var(--il-muted, #667085)":k?"var(--il-primary-fg, #FFFFFF)":"#5925DC",border:"none",borderRadius:"8px",fontWeight:500,fontSize:"12px",cursor:f?"default":"pointer",transition:"all 0.2s"}},{children:[f?"Option is already selected":"Proceed with this option",x]}))]}))}))]}))};export{s as GapExplanationAccordion};
 //# sourceMappingURL=GapExplanationAccordion.js.map

package/dist/features/IL-OTJ/_components/ILPopup.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsxs as o,Fragment as i,jsx as a}from"react/jsx-runtime";import{X as t,TriangleAlert as l}from"lucide-react";import{Typography as n}from"@mui/material";import r from"../InstantLearning.module.css.js";import{componentStyles as s}from"./ILPopup.styles.js";import{TemplateMap as d}from"./templates/TemplatesMap/templatesMap.js";var c=function(c){var m=c.customSections,u=c.showCustomSections,p=void 0===u||u,v=c.onSave,f=c.formHeader,g=c.onClose,h=c.validateCustom,b=c.template,x=c.templateProps,S=c.isLoading,C=c.saveButtonConfig,y=void 0===C?{label:"Save Learning",loadingLabel:"Saving Learning..."}:C,L=c.isAiStreaming,w=void 0!==L&&L,N=c.showSaveWithoutValidation,j=c.saveWithoutValBtnConfig,k=void 0===j?{label:"Save w/o validation",loadingLabel:"Saving w/o validation..."}:j,W=c.onSaveWithoutValidation,B=c.saveButtonColor,P=b?d[b]:null,E=!h||h();return o(i,{children:[a("style",{children:s}),o("div",e({className:"il-popup-container ".concat(r.customFont)},{children:[o("div",e({className:"form-header"},{children:[a(n,e({sx:{fontSize:"1.125rem",fontWeight:500,lineHeight:"1.82rem",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:f})),a("div",e({onClick:g,style:{cursor:"pointer"}},{children:a(t,{})}))]})),a("div",e({style:{flexGrow:1,display:"flex",flexDirection:"column",width:"100%",padding:"20px 24px",overflowY:"auto",borderBottom:"1px solid #E7E7E9"}},{children:o("div",e({className:"sections-space"},{children:[P&&a(P,e({},x)),p&&m]}))})),o("div",e({className:"save-button-container"},{children:[N&&o("button",e({className:"save-button-secondary",onClick:function(){W&&E&&W()},disabled:S||!E||w},{children:[a(l,{size:16,style:{marginRight:"4px"}}),S?k.loadingLabel:k.label]})),a("button",e({className:"save-button",onClick:function(){!h||h()?(v(),console.log("Form Data to Save:")):console.error("Please fill all required fields before saving the learning.")},disabled:S||!E||w,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",maxWidth:"fit-content",backgroundColor:B,borderColor:B}},{children:S?y.loadingLabel:y.label}))]}))]}))]})};export{c as default};
+import{__assign as e}from"tslib";import{jsxs as a,Fragment as o,jsx as i}from"react/jsx-runtime";import{X as t,TriangleAlert as l}from"lucide-react";import{Typography as r}from"@mui/material";import n from"../InstantLearning.module.css.js";import{componentStyles as s}from"./ILPopup.styles.js";import{TemplateList as d,TemplateMap as c}from"./templates/TemplatesMap/templatesMap.js";import{useLearningTemplateStore as m}from"../../LearningManagement/store/useLearningTemplateStore.js";var f=function(f){var u=f.customSections,v=f.showCustomSections,p=void 0===v||v,g=f.onSave,b=f.formHeader,h=f.onClose,y=f.validateCustom,C=f.template,S=f.useDynamicForm,x=f.templateProps,L=f.isLoading,D=f.saveButtonConfig,w=void 0===D?{label:"Save Learning",loadingLabel:"Saving Learning..."}:D,k=f.isAiStreaming,N=void 0!==k&&k,j=f.showSaveWithoutValidation,B=f.saveWithoutValBtnConfig,W=void 0===B?{label:"Save w/o validation",loadingLabel:"Saving w/o validation..."}:B,F=f.onSaveWithoutValidation,P=f.saveButtonColor,E=m(function(e){return e.backwardCompatibility}),I=P||(E?void 0:"var(--il-primary, #5925DC)"),M=null!=C?C:S?d.SchemaDrivenCreateRule:d.CreateRule,R=M?c[M]:null,V=!y||y(),z=L||!V||N,H=z?"var(--il-secondary-bg, #8743d0ff)":I,T=z?"var(--il-border, #D1D5DB)":I;return a(o,{children:[i("style",{children:s}),a("div",e({className:"il-popup-container ".concat(n.customFont)},{children:[a("div",e({className:"form-header"},{children:[i(r,e({sx:{fontSize:"1.125rem",fontWeight:500,lineHeight:"1.82rem",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:b})),i("div",e({onClick:h,style:{cursor:"pointer"}},{children:i(t,{})}))]})),i("div",e({className:"il-teach-me-scrollable",style:{flexGrow:1,display:"flex",flexDirection:"column",width:"100%",padding:"20px 24px",overflowY:"auto",borderBottom:"1px solid var(--il-border, #E7E7E9)",backgroundColor:"var(--il-bg, #ffffff)",color:"var(--il-foreground, #19213D)"}},{children:a("div",e({className:"sections-space"},{children:[R&&i(R,e({},x)),p&&u]}))})),a("div",e({className:"save-button-container"},{children:[j&&a("button",e({className:"save-button-secondary",onClick:function(){F&&V&&F()},disabled:L||!V||N},{children:[i(l,{size:16,style:{marginRight:"4px"}}),L?W.loadingLabel:W.label]})),i("button",e({className:"save-button",onClick:function(){!y||y()?(g(),console.log("Form Data to Save:")):console.error("Please fill all required fields before saving the learning.")},disabled:L||!V||N,style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"8px",maxWidth:"fit-content",backgroundColor:H,borderColor:T,color:"var(--il-primary-fg, #ffffff)",opacity:z?.6:1}},{children:L?w.loadingLabel:w.label}))]}))]}))]})};export{f as default};
 //# sourceMappingURL=ILPopup.js.map

package/dist/features/IL-OTJ/_components/ILPopup.styles.js

@@ -1,2 +1,2 @@
-var n="\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n  }\n\n  .form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.78rem;\n    border-bottom: 1px solid #e5e7eb;\n    color: #0F172A;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .form-header svg {\n    cursor: pointer;\n    transition: opacity 0.2s ease;\n  }\n\n  .form-header svg:hover {\n    opacity: 0.7;\n  }\n\n  .il-popup-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n  }\n  \n  .sections-space {\n    display: grid;\n    gap: 1rem;\n    margin-bottom: 2rem;\n  }\n\n  .section-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    background-color: white;\n    overflow: hidden;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    background-color: white;\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: #19213D;\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: #19213D;\n    transition: transform 300ms ease-in-out, color 300ms ease-in-out;\n  }\n\n  .section-chevron.open {\n    transform: rotate(180deg);\n  }\n\n  .section-divider {\n    border: none;\n    border-top: 2px solid #F0F2F5;\n  }\n\n  .section-content {\n    animation: slideInFromTop 200ms ease-in-out;\n  }\n\n  .textarea-wrapper {\n  }\n\n  .textarea {\n    width: 100%;\n    padding: 20px;\n    border: 1px solid #d1d5db;\n    border-radius: 0.675rem;\n    resize: none;\n    font-size: .875rem;\n    font-weight: 400;\n    font-family: inherit;\n    transition: border-color 150ms ease-in-out;\n  }\n\n  .textarea {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none;  /* IE/Edge */\n  }\n\n  .textarea::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n\n  .condition-wrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .condition-item {\n    display: flex;\n    align-items: start;\n    justify-content: space-between;\n    background-color: white;\n    border-radius: 0.675rem;\n    transition: border-color 0.2s ease;\n    gap: 8px;\n  }\n\n  .condition-left {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n  }\n\n  .condition-index {\n    font-size: 14px;\n    color: #64748B;\n    margin-right: 8px;\n    min-width: 20px;\n    padding-top: 2px;\n  }\n\n  .condition-text {\n    flex: 1;\n    border: none;\n    font-size: 0.875rem;\n    color: #1e293b;\n    background: transparent;\n    resize: none; \n    overflow: hidden;\n    line-height: 1.5;\n    padding: 0;\n    display: block;\n    width: 100%;\n    white-space: pre-wrap;     \n    word-wrap: break-word;    \n    overflow-wrap: break-word;\n  }\n\n  .condition-text:focus {\n    outline: none;\n  }\n\n  .action-buttons {\n    display: flex;\n    gap: 8px;\n    margin-top: 2px;\n  }\n\n  .btn-icon {\n    background: transparent !important;\n    border: 1px solid #ccc;\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    transition: background-color 0.2s;\n  }\n\n  .btn-icon:hover {\n    background-color: #f9fafb !important;\n  }\n\n  .btn-save { color: #22c55e; }    /* Green Check */\n  .btn-cancel { color: #ef4444; }  /* Red Cross */\n  .btn-edit { color: #64748B; }    /* Grey Pencil */\n  .btn-delete { color: #64748B; }  /* Grey Trash */\n\n  .btn-delete:hover { color: #ef4444; }\n\n  .action-buttons-inline {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n  }\n\n  /* The Blue \"Apply\" button style */\n  .btn-apply {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border: 1px solid #2563EB;\n    border-radius: 8px;\n    cursor: pointer;\n    height: 36px;\n    background-color: #2563EB !important;\n    color: white !important;\n    font-size: 14px;\n    font-weight: 500;\n    transition: background-color 0.2s;\n  }\n\n  .btn-apply:hover {\n    background-color: #1d4ed8 !important;\n  }\n\n  /* The Cancel (X) button style */\n  .btn-cancel-inline {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    padding: 8px;\n    border: 1px solid #E3E8E9;\n    border-radius: 8px;\n    cursor: pointer;\n    background-color: #ffffff !important;\n    color: #dc2626 !important;\n    transition: all 0.2s;\n  }\n\n  .btn-cancel-inline:hover {\n    background-color: #fef2f2 !important;\n    border-color: #fecaca;\n  }\n\n  /* Ensure the Lucide icons within these buttons behave */\n  .btn-apply svg, .btn-cancel-inline svg {\n    flex-shrink: 0;\n  }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: #2563EB;\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: #9ca3af;\n    transition: color 200ms ease-in-out;\n    padding: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .condition-remove-btn:hover {\n    color: #ef4444;\n  }\n\n  .condition-add-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n\n  .condition-add-text {\n    font-weight: 500;\n    font-size: 0.875rem;\n  }\n\n  .scope-content {\n    display: flex;\n     justify-content: space-between;\n    gap: 16px;\n  }\n\n  @media (min-width: 640px) {\n    .scope-content {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .form-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    color: #19213D;\n    transition: color 150ms ease-in-out;\n  }\n  .readOnly {\n    color: #9CA3AF;\n    cursor: not-allowed;\n}\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid #64748B;\n    color: #64748B;\n    border-radius: 8px;\n    background-color: white;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    \n    background-position: calc(100% - 12px) center; \n    background-size: 16px;\n  }\n  .checkbox-group {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n  }\n\n  .checkbox-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n  }\n\n.checkbox-input {\n  appearance: none;\n  -webkit-appearance: none;\n  \n  width: 16px;\n  height: 16px;\n  \n  border: 1px solid #D1D5DB; \n  border-radius: 4px;        \n  background-color: white;   \n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: #2563EB;\n  border-color: #2563EB;\n}\n\n.checkbox-input:checked::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  clipPath: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  background-color: white;\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: #374151;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .config-content {\n    padding: 8px;\n  }\n\n  .config-content-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .separation-row-container {\n    background: #F7F8FA99;\n    border: 1px solid #F5F6F7;\n    border-radius: 8px;\n    padding: 10px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .separation-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .separation-label {\n    font-size: 16px;\n    font-weight: 500;\n    color: #19213D;\n  }\n\n  .separation-controls-row {\n    display: flex;\n    align-items: center;\n  }\n\n  .duration-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .separation-input:disabled {\n    background: transparent;\n    border-color: transparent;\n    color: #64748B;\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: #64748B;\n  }\n\n  .toggle-switch {\n    position: relative;\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    cursor: pointer;\n    border-radius: 9999px;\n    border: 2px solid transparent;\n    transition: background-color 200ms ease-in-out;\n    background-color: #e5e7eb;\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: #2563eb;\n  }\n\n  .toggle-switch::after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    transform: translateX(2px);\n    border-radius: 9999px;\n    background-color: white;\n    box-shadow: 0 0 0 0;\n    transition: transform 200ms ease-in-out;\n  }\n\n  .toggle-switch.enabled::after {\n    transform: translateX(22px);\n  }\n\n  .separation-input {\n    width: 48px;\n    text-align: center;\n    padding: 4px;\n    border: 1px solid #d1d5db;\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: #6b7280;\n  }\n\n  .code-toggle-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n\n  .config-section-divider {\n    padding-top: 12px;\n  }\n\n  .save-button-container {\n    background-color: white;\n    padding: 16px;\n    display: flex;\n    gap: 12px;\n  }\n\n  .save-button {\n    width: 100%;\n    margin-left: auto;\n    background-color: #2563eb;\n    color: white;\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button:hover {\n    background-color: #1055e8;\n  }\n\n  .save-button:active {\n    background-color: #2563eb;\n  }\n\n  .save-button:disabled {\n    background-color: #93c5fd; \n    cursor: not-allowed;\n  }\n\n  .save-button-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: white;\n    color: #8F2C23;\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: 1px solid #E2E8F0;\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button-secondary:hover {\n    background-color: #F8FAFC;\n    color: #8F2C23;\n    border-color: #CBD5E1;\n  }\n\n  .save-button-secondary:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n    background-color: #F3F4F6;\n    color: #9CA3AF;\n    border-color: #E5E7EB;\n  }\n    \n  .traffic-manager-template {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .no-scrollbar::-webkit-scrollbar {\n      display: none; /* Chrome, Safari, and Opera */\n  }\n\n  .no-scrollbar {\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n  }\n  @keyframes scrollToBottom {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  /* The animation class */\n  .animate-scrollToBottom {\n    animation: scrollToBottom 1s infinite ease-in-out;\n  }\n    /* Accordion stylings */\n  .accordion-container {\n    width: 100%;\n    border: 1px solid #ccc;\n    border-radius: 8px;\n    background-color: #ffffff;\n    overflow: hidden;\n  }\n\n  .accordion-header {\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .accordion-title {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 500;\n    color: #19213d;\n  }\n\n  .accordion-content {\n    padding: 0 24px 24px 24px;\n  }\n\n";export{n as componentStyles};
+var n="\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: 'Plus Jakarta Sans', sans-serif !important;\n  }\n\n  .form-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0.78rem;\n    border-bottom: 1px solid var(--il-border, #e5e7eb);\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #0F172A);\n    font-style: normal;\n    font-weight: 500;\n    line-height: 12px;\n    position: sticky;\n    top: 0;\n    z-index: 10;\n  }\n\n  .form-header svg {\n    cursor: pointer;\n    transition: opacity 0.2s ease;\n  }\n\n  .form-header svg:hover {\n    opacity: 0.7;\n  }\n\n  .il-popup-container {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n    background-color: var(--il-bg, #ffffff);\n    color: var(--il-foreground, #19213D);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable {\n    scrollbar-width: var(--il-scrollbar-width);\n    scrollbar-color: var(--il-scrollbar-thumb) var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar {\n    width: var(--il-scrollbar-size);\n    height: var(--il-scrollbar-size);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-track {\n    background: var(--il-scrollbar-track);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb {\n    background: var(--il-scrollbar-thumb);\n  }\n\n  .il-teach-me-scrollbar-themed .il-teach-me-scrollable::-webkit-scrollbar-thumb:hover {\n    background: var(--il-scrollbar-thumb-hover);\n  }\n\n  .sections-space {\n    display: grid;\n    gap: 1rem;\n    margin-bottom: 2rem;\n  }\n\n  .section-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-foreground, #19213D);\n    overflow: hidden;\n    font-family: 'Plus Jakarta Sans', sans-serif;\n  }\n\n  .section-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    background-color: var(--il-surface, #ffffff);\n  }\n\n  .section-header-title {\n    display: flex;\n    align-items: center;\n    font-weight: 500;\n    font-size: 14px;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n\n  .section-chevron {\n    width: 24px;\n    height: 24px;\n    color: var(--il-muted, #64748B);\n    transition: transform 300ms ease-in-out, color 300ms ease-in-out;\n  }\n\n  .section-chevron.open {\n    transform: rotate(180deg);\n  }\n\n  .section-divider {\n    border: none;\n    border-top: 2px solid var(--il-border, #F0F2F5);\n  }\n\n  .section-content {\n    animation: slideInFromTop 200ms ease-in-out;\n  }\n\n  .textarea-wrapper {\n  }\n\n  .textarea {\n    width: 100%;\n    padding: 20px;\n    border: 1px solid var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\n    border-radius: 0.675rem;\n    resize: none;\n    font-size: .875rem;\n    font-weight: 400;\n    font-family: inherit;\n    transition: border-color 150ms ease-in-out;\n  }\n\n  .textarea {\n    scrollbar-width: none; /* Firefox */\n    -ms-overflow-style: none;  /* IE/Edge */\n  }\n\n  .textarea::-webkit-scrollbar {\n    display: none; /* Chrome/Safari */\n  }\n\n  .condition-wrapper {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .condition-item {\n    display: flex;\n    align-items: start;\n    justify-content: space-between;\n    background-color: var(--il-surface, #ffffff);\n    border-radius: 0.675rem;\n    transition: border-color 0.2s ease;\n    gap: 8px;\n  }\n\n  .condition-left {\n    display: flex;\n    align-items: flex-start;\n    flex: 1;\n  }\n\n  .condition-index {\n    font-size: 14px;\n    color: var(--il-muted, #64748B);\n    margin-right: 8px;\n    min-width: 20px;\n    padding-top: 2px;\n  }\n\n  .condition-text {\n    flex: 1;\n    border: none;\n    font-size: 0.875rem;\n    color: var(--il-foreground, #1e293b);\n    background: transparent;\n    resize: none;\n    overflow: hidden;\n    line-height: 1.5;\n    padding: 0;\n    display: block;\n    width: 100%;\n    white-space: pre-wrap;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n  }\n\n  .condition-text:focus {\n    outline: none;\n  }\n\n  .action-buttons {\n    display: flex;\n    gap: 8px;\n    margin-top: 2px;\n  }\n\n  .btn-icon {\n    background: transparent !important;\n    border: 1px solid var(--il-border, #ccc);\n    color: var(--il-muted, #64748B);\n    cursor: pointer;\n    padding: 0.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 8px;\n    transition: background-color 0.2s;\n  }\n\n  .btn-icon:hover {\n    background-color: var(--il-hover, #f9fafb) !important;\n  }\n\n  .btn-save { color: var(--il-success, #22c55e); }\n  .btn-cancel { color: var(--il-danger, #ef4444); }\n  .btn-edit, .btn-delete { color: var(--il-muted, #64748B); }\n\n  .btn-delete:hover { color: var(--il-danger, #ef4444); }\n\n  .action-buttons-inline {\n    display: flex;\n    flex-direction: row;\n    gap: 8px;\n    align-items: center;\n  }\n\n  /* The Blue \"Apply\" button style */\n  .btn-apply {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 4px;\n    padding: 8px 12px;\n    border: 1px solid var(--il-primary, #2563EB);\n    border-radius: 8px;\n    cursor: pointer;\n    height: 36px;\n    background-color: var(--il-primary, #2563EB) !important;\n    color: var(--il-primary-fg, white) !important;\n    font-size: 14px;\n    font-weight: 500;\n    transition: background-color 0.2s;\n  }\n\n  .btn-apply:hover {\n    background-color: var(--il-primary-hover, #1d4ed8) !important;\n  }\n\n  /* The Cancel (X) button style */\n  .btn-cancel-inline {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 36px;\n    height: 36px;\n    padding: 8px;\n    border: 1px solid var(--il-border, #E3E8E9);\n    border-radius: 8px;\n    cursor: pointer;\n    background-color: var(--il-surface, #ffffff) !important;\n    color: var(--il-danger, #dc2626) !important;\n    transition: all 0.2s;\n  }\n\n  .btn-cancel-inline:hover {\n    background-color: var(--il-danger-subtle, #fef2f2) !important;\n    border-color: var(--il-danger, #fecaca);\n  }\n\n  /* Ensure the Lucide icons within these buttons behave */\n  .btn-apply svg, .btn-cancel-inline svg {\n    flex-shrink: 0;\n  }\n\n  .condition-add {\n    display: flex;\n    align-items: center;\n    padding: 8px 0;\n    cursor: pointer;\n    color: var(--il-primary, #2563EB);\n    width: fit-content;\n  }\n\n  .condition-remove-btn {\n    background: none;\n    border: none;\n    cursor: pointer;\n    color: var(--il-muted, #9ca3af);\n    transition: color 200ms ease-in-out;\n    padding: 0;\n    display: flex;\n    align-items: center;\n  }\n\n  .condition-remove-btn:hover {\n    color: var(--il-danger, #ef4444);\n  }\n\n  .condition-add-icon {\n    width: 20px;\n    height: 20px;\n    margin-right: 8px;\n  }\n\n  .condition-add-text {\n    font-weight: 500;\n    font-size: 0.875rem;\n  }\n\n  .scope-content {\n    display: flex;\n     justify-content: space-between;\n    gap: 16px;\n  }\n\n  @media (min-width: 640px) {\n    .scope-content {\n      grid-template-columns: 1fr 1fr;\n    }\n  }\n\n  .form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n  }\n\n  .form-label {\n    display: block;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--il-foreground, #19213D);\n    transition: color 150ms ease-in-out;\n  }\n  .readOnly {\n    color: var(--il-disabled, #9CA3AF);\n    cursor: not-allowed;\n}\n\n  .dropdown {\n    width: 200px;\n    padding: 7px 10.5px 7px 10.5px;\n    border: 1px solid var(--il-input-border, #64748B);\n    color: var(--il-input-fg, #64748B);\n    border-radius: 8px;\n    background-color: var(--il-input-bg, #ffffff);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n\n    background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748B'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n\n    background-position: calc(100% - 12px) center;\n    background-size: 16px;\n  }\n  .checkbox-group {\n    display: flex;\n    gap: 24px;\n    align-items: center;\n  }\n\n  .checkbox-item {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    cursor: pointer;\n  }\n\n.checkbox-input {\n  appearance: none;\n  -webkit-appearance: none;\n\n  width: 16px;\n  height: 16px;\n\n  border: 1px solid var(--il-input-border, #D1D5DB);\n  border-radius: 4px;\n  background-color: var(--il-input-bg, #ffffff);\n  cursor: pointer;\n  position: relative;\n  display: grid;\n  place-content: center;\n}\n\n.checkbox-input:checked {\n  background-color: var(--il-primary, #2563EB);\n  border-color: var(--il-primary, #2563EB);\n}\n\n.checkbox-input:checked::before {\n  content: \"\";\n  width: 10px;\n  height: 10px;\n  clipPath: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);\n  background-color: var(--il-primary-fg, #ffffff);\n}\n\n  .checkbox-label {\n    font-size: 0.875rem;\n    color: var(--il-secondary-fg, #374151);\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .config-content {\n    padding: 8px;\n  }\n\n  .config-content-grid {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 16px 0;\n  }\n\n  .separation-row-container {\n    background: var(--il-surface-alt, #F7F8FA);\n    border: 1px solid var(--il-border, #F5F6F7);\n    border-radius: 8px;\n    padding: 10px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .separation-header-row {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    width: 100%;\n  }\n\n  .separation-label {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--il-foreground, #19213D);\n  }\n\n  .separation-controls-row {\n    display: flex;\n    align-items: center;\n  }\n\n  .duration-input-wrapper {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .separation-input:disabled {\n    background: transparent;\n    border-color: transparent;\n    color: var(--il-muted, #64748B);\n  }\n\n  .separation-unit {\n    font-size: 16px;\n    color: var(--il-muted, #64748B);\n  }\n\n  .toggle-switch {\n    position: relative;\n    display: inline-flex;\n    height: 24px;\n    width: 44px;\n    flex-shrink: 0;\n    cursor: pointer;\n    border-radius: 9999px;\n    border: 2px solid transparent;\n    transition: background-color 200ms ease-in-out;\n    background-color: var(--il-secondary-bg, #e5e7eb);\n    appearance: none;\n    padding: 0;\n  }\n\n  .toggle-switch.enabled {\n    background-color: var(--il-primary, #2563eb);\n  }\n\n  .toggle-switch::after {\n    content: '';\n    position: absolute;\n    pointer-events: none;\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n    transform: translateX(2px);\n    border-radius: 9999px;\n    background-color: var(--il-surface, #ffffff);\n    box-shadow: 0 0 0 0;\n    transition: transform 200ms ease-in-out;\n  }\n\n  .toggle-switch.enabled::after {\n    transform: translateX(22px);\n  }\n\n  .separation-input {\n    width: 48px;\n    text-align: center;\n    padding: 4px;\n    border: 1px solid var(--il-input-border, #d1d5db);\n    background-color: var(--il-input-bg, #ffffff);\n    color: var(--il-input-fg, #19213D);\n    border-radius: 6px;\n    font-size: 0.875rem;\n  }\n\n  .separation-unit {\n    font-size: 0.875rem;\n    color: var(--il-muted, #6b7280);\n  }\n\n  .code-toggle-row {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding-top: 12px;\n    padding-bottom: 12px;\n  }\n\n  .config-section-divider {\n    padding-top: 12px;\n  }\n\n  .save-button-container {\n    background-color: var(--il-surface, #ffffff);\n    padding: 16px;\n    display: flex;\n    gap: 12px;\n  }\n\n  .save-button {\n    width: 100%;\n    margin-left: auto;\n    background-color: var(--il-primary, #2563eb);\n    color: var(--il-primary-fg, white);\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: none;\n    cursor: pointer;\n    transition: background-color 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button:hover {\n    background-color: var(--il-primary-hover, #1055e8);\n  }\n\n  .save-button:active {\n    background-color: var(--il-primary, #2563eb);\n  }\n\n  .save-button:disabled {\n    background-color: var(--il-secondary-bg, #93c5fd);\n    cursor: not-allowed;\n  }\n\n  .save-button-secondary {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: var(--il-surface, #ffffff);\n    color: var(--il-danger, #8F2C23);\n    padding: 8.25px 12.25px;\n    border-radius: 8px;\n    border: 1px solid var(--il-border, #E2E8F0);\n    cursor: pointer;\n    transition: all 150ms ease-in-out;\n    font-size: 0.875rem;\n  }\n\n  .save-button-secondary:hover {\n    background-color: var(--il-hover, #F8FAFC);\n    color: var(--il-danger, #8F2C23);\n    border-color: var(--il-border, #CBD5E1);\n  }\n\n  .save-button-secondary:disabled {\n    opacity: 0.7;\n    cursor: not-allowed;\n    background-color: var(--il-secondary-bg, #F3F4F6);\n    color: var(--il-disabled, #9CA3AF);\n    border-color: var(--il-border, #E5E7EB);\n  }\n\n  .traffic-manager-template {\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n    width: 100%;\n    min-width: 0;\n  }\n\n  .no-scrollbar::-webkit-scrollbar {\n      display: none; /* Chrome, Safari, and Opera */\n  }\n\n  .no-scrollbar {\n      -ms-overflow-style: none;  /* IE and Edge */\n      scrollbar-width: none;  /* Firefox */\n  }\n  @keyframes scrollToBottom {\n    0% { transform: translateY(0px); }\n    50% { transform: translateY(10px); }\n    100% { transform: translateY(0px); }\n  }\n\n  /* The animation class */\n  .animate-scrollToBottom {\n    animation: scrollToBottom 1s infinite ease-in-out;\n  }\n    /* Accordion stylings */\n  .accordion-container {\n    width: 100%;\n    border: 1px solid var(--il-border, #ccc);\n    border-radius: 8px;\n    background-color: var(--il-surface, #ffffff);\n    overflow: hidden;\n  }\n\n  .accordion-header {\n    padding: 12px 16px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n  }\n\n  .accordion-title {\n    margin: 0;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--il-foreground, #19213d);\n  }\n\n  .accordion-content {\n    padding: 0 24px 24px 24px;\n  }\n\n";export{n as componentStyles};
 //# sourceMappingURL=ILPopup.styles.js.map

package/dist/features/IL-OTJ/_components/InputDataReasoningCard.js

@@ -1,2 +1,2 @@
-import{__rest as n,__assign as t}from"tslib";import{jsx as i,jsxs as e}from"react/jsx-runtime";import{memo as r,useMemo as o,useCallback as a}from"react";import l from"./CitationLink.js";import{CognitiveDecisioningCard as c}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as d}from"./_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as u}from"./MarkdownComponents/MarkdownElements.js";var p=r(function(r){var p=r.citation,f=r.citations;r.fieldName,r.fieldValue;var s=r.isVisible,g=void 0!==s&&s,m=function(n,t){var i,e="";if(!(e="string"==typeof t?t:(null===(i=null==t?void 0:t.customMetaData)||void 0===i?void 0:i.content)?t.customMetaData.content:String(t)))return null;var r=new RegExp("<".concat(n,"[^>]*>([\\s\\S]*?)<\\/").concat(n,">"),"i"),o=e.match(r);return o?o[1].replace(/\\n/g,"\n"):null},x=o(function(){return m("reason",p)},[p]),h=o(function(){return m("gap",p)},[p]),v=o(function(){return m("relevance_score",p)},[p]),y=a(function(n,t){return f&&f.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===t&&String(i.customMetaData.citation_number)===String(n)})||null},[f]),S=o(function(){return{p:function(e){e.node;var r=n(e,["node"]);return i("p",t({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},li:function(r){r.node;var o=r.index,a=n(r,["node","index"]);return e("div",t({style:{display:"flex",alignItems:"flex-start",marginBottom:"6px"}},{children:[i("span",t({style:{fontSize:"12px",fontWeight:400,color:"#55585fff",flexShrink:0,minWidth:"18px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),i("span",t({style:{fontSize:"12px",color:"#4B5563",lineHeight:"1.5",flex:1}},{children:a.children}))]}))},a:function(e){e.node;var r=e.href,o=e.children,a=n(e,["node","href","children"]);if(!r)return i("a",t({},a,{children:o}));var c=r.match(/citationNumber=([^&]+)/),d=c?c[1]:null;if(d){var p=u(r),f=y(d,p);if(f)return i("span",t({style:{display:"inline",alignItems:"center",fontSize:"14px !important",gap:"3px",color:"#2563EB",verticalAlign:"middle"}},{children:i(l,{citation:f,linkTitle:o,fontSize:12})}))}return i("a",t({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"#2563EB",textDecoration:"none"}},a,{children:o}))}}},[y]),b=function(n){return n?n.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(n,t,i,e){return"".concat(t).concat(i.replace(/\s/g,"%20")).concat(e)}).replace(/`([^`\n]+)`/g,"**$1**"):""},C=o(function(){return{header:{backgroundColor:"#F5F3FF",padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"30px",paddingRight:"24px",paddingBottom:"20px"},badge:{fontSize:"11px",color:"#1E293B",borderColor:"#C4B5FD",padding:"8px 8px"},pill:{gap:"2px",border:"none",backgroundColor:"transparent"}}},[]);return g?i(c,{headerIcon:i(d,{}),isOpen:!0,hideTrigger:!0,onToggle:function(){},reasoning:b(x)||"",gap:b(h)||"",score:v,mdComponents:S,styles:C}):null},function(n,t){return n.isVisible===t.isVisible&&n.fieldValue===t.fieldValue&&n.fieldName===t.fieldName&&JSON.stringify(n.citation)===JSON.stringify(t.citation)&&JSON.stringify(n.citations)===JSON.stringify(t.citations)});p.displayName="InputDataReasoningCard";export{p as InputDataReasoningCard};
+import{__rest as n,__assign as i}from"tslib";import{jsx as t,jsxs as e}from"react/jsx-runtime";import{memo as r,useMemo as o,useCallback as a}from"react";import l from"./CitationLink.js";import{CognitiveDecisioningCard as c}from"@e-llm-studio/citation";import{ButtonCognitiveIcon as s}from"./_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as f}from"./MarkdownComponents/MarkdownElements.js";import{getCognitiveDecisioningThemeStyles as u}from"./cognitiveDecisioningThemeStyles.js";var d=r(function(r){var d=r.citation,p=r.citations;r.fieldName,r.fieldValue;var g=r.isVisible,m=void 0!==g&&g,h=function(n,i){var t,e="";if(!(e="string"==typeof i?i:(null===(t=null==i?void 0:i.customMetaData)||void 0===t?void 0:t.content)?i.customMetaData.content:String(i)))return null;var r=new RegExp("<".concat(n,"[^>]*>([\\s\\S]*?)<\\/").concat(n,">"),"i"),o=e.match(r);return o?o[1].replace(/\\n/g,"\n"):null},v=o(function(){return h("reason",d)},[d]),x=o(function(){return h("gap",d)},[d]),y=o(function(){return h("relevance_score",d)},[d]),S=a(function(n,i){return p&&p.find(function(t){return t.customMetaData.citation_number&&"Cognitive Decisioning"!==t.customMetaData.citation_title&&t.customMetaData.source===i&&String(t.customMetaData.citation_number)===String(n)})||null},[p]),b=o(function(){return{p:function(e){e.node;var r=n(e,["node"]);return t("p",i({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},li:function(r){r.node;var o=r.index,a=n(r,["node","index"]);return e("div",i({style:{display:"flex",alignItems:"flex-start",marginBottom:"6px"}},{children:[t("span",i({style:{fontSize:"12px",fontWeight:400,color:"var(--il-foreground, #55585f)",flexShrink:0,minWidth:"18px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),t("span",i({style:{fontSize:"12px",color:"var(--il-foreground, #4B5563)",lineHeight:"1.5",flex:1}},{children:a.children}))]}))},a:function(e){e.node;var r=e.href,o=e.children,a=n(e,["node","href","children"]);if(!r)return t("a",i({},a,{children:o}));var c=r.match(/citationNumber=([^&]+)/),s=c?c[1]:null;if(s){var u=f(r),d=S(s,u);if(d)return t("span",i({style:{display:"inline",alignItems:"center",fontSize:"14px !important",gap:"3px",color:"var(--il-primary, #2563EB)",verticalAlign:"middle"}},{children:t(l,{citation:d,linkTitle:o,fontSize:12})}))}return t("a",i({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--il-primary, #2563EB)",textDecoration:"none"}},a,{children:o}))}}},[S]),D=function(n){return n?n.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(n,i,t,e){return"".concat(i).concat(t.replace(/\s/g,"%20")).concat(e)}).replace(/`([^`\n]+)`/g,"**$1**"):""},M=o(function(){return u({header:{padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"30px",paddingRight:"24px",paddingBottom:"20px"},badge:{fontSize:"11px",padding:"8px 8px"},pill:{}})},[]);return m?t(c,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:t(s,{color:"var(--il-rhs-cognitive-icon, var(--il-foreground, #ffffff))"}),isOpen:!0,hideTrigger:!0,onToggle:function(){},reasoning:D(v)||"",gap:D(x)||"",score:y,mdComponents:b,styles:M}):null},function(n,i){return n.isVisible===i.isVisible&&n.fieldValue===i.fieldValue&&n.fieldName===i.fieldName&&JSON.stringify(n.citation)===JSON.stringify(i.citation)&&JSON.stringify(n.citations)===JSON.stringify(i.citations)});d.displayName="InputDataReasoningCard";export{d as InputDataReasoningCard};
 //# sourceMappingURL=InputDataReasoningCard.js.map

package/dist/features/IL-OTJ/_components/MarkdownComponents/MarkdownElements.js

@@ -1,2 +1,2 @@
-import{__assign as e,__rest as n}from"tslib";import{jsx as t,jsxs as i}from"react/jsx-runtime";import r,{useRef as a,useEffect as o,useMemo as l,useCallback as d}from"react";import{Skeleton as c}from"../atoms/SkeletonLoader/SkeletonLoader.js";import{CognitiveDecisioningCard as s}from"@e-llm-studio/citation";import p from"../CitationLink.js";import{extractTextFromChildren as u}from"../../helpers/utils.js";import m from"../MessageRendering/RuleValidationCard.js";import{MarkdownSelect as g}from"./MarkdownSelect.js";import{CriticalGaps as h}from"../CriticalGaps.js";import{ButtonCognitiveIcon as f}from"../_svg/ButtonCognitiveIcon.js";import{ViewFormUpdateCard as v}from"../ViewFormUpdateCard.js";import{ViewIdentifiedFieldsCard as x}from"../ViewIdentifiedFieldsCard.js";var y=function(e,n){var t,i="";if(!(i="string"==typeof n?n:(null===(t=null==n?void 0:n.customMetaData)||void 0===t?void 0:t.content)?n.customMetaData.content:String(n)))return null;var r=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),a=i.match(r);return a?a[1].replace(/\\n/g,"\n"):null},w=function(e){return e?e.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(e,n,t,i){var r=t.replace(/\s/g,"%20");return"".concat(n).concat(r).concat(i)}):""},S={val:"validation_agent",validate_wta_wnta:"validate_wta_wnta",lhs:"lhs",rhs:"rhs"},b=function(e){var n,t=e.match(/[?&]source=([^&?]+)/),i=t?t[1]:"lhs";return null!==(n=S[i])&&void 0!==n?n:i},C=r.memo(function(n){var i=n.children;n.cardId;var r=n.isOpen,d=n.isStreamEnd,p=n.handleToggle,m=n.cardMdComponents,g=a(null);o(function(){if(r&&g.current){var e=setTimeout(function(){var e;null===(e=g.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"nearest"})},100);return function(){return clearTimeout(e)}}},[r]);var h=u(i),v=y("reason",h)||"",x=y("gap",h)||"",S=y("relevance_score",h),b=w(v),C=w(x),k=l(function(){return{header:{backgroundColor:"#F5F3FF",padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"24px",paddingRight:"24px",paddingBottom:"20px"},pill:{gap:"2px",border:"none",backgroundColor:"transparent"}}},[]);return t("span",e({style:{display:"inline",marginTop:"3px",marginLeft:"6px",verticalAlign:"middle"}},{children:d?t(s,{headerIcon:t(f,{}),ref:g,reasoning:b,gap:C,score:S,mdComponents:m,isOpen:r,onToggle:p,styles:k}):t(c,{width:"2.2rem",height:"1.2rem"})}))}),k=r.memo(function(a){var o,s=a.className,f=a.children,v=a.openCardIds,x=a.citations,y=a.handleToggleState,w=a.isStreamEnd,S=a.isLastMessage,b=a.handleStream,k=a.onGapValidation,T=a.isGapsSubmitted,E=a.onViewComparison,M=a.onTypeResponseClick,D=a.onComparisonLinkClick,F=a.isGlobalEditActive,_=n(a,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","isLastMessage","handleStream","onGapValidation","isGapsSubmitted","onViewComparison","onTypeResponseClick","onComparisonLinkClick","isGlobalEditActive"]),I=d(function(e){return x&&x.find(function(n){return n.customMetaData.citation_number&&"Cognitive Decisioning"!==n.customMetaData.citation_title&&String(n.customMetaData.citation_number)===String(e)})||null},[x]),L=l(function(){return{img:function(i){i.node;var r=n(i,["node"]);return t("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(i){i.node;var r=n(i,["node"]);return t("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(i){i.node;var r=n(i,["node"]);return t("span",e({},r,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==r?void 0:r.children}))},ol:function(i){i.node;var r=n(i,["node"]);return t("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(i){i.node;var r=n(i,["node"]);return t("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(i){i.node;var r=n(i,["node"]);return t("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(i){var r=i.href,a=i.children,o=n(i,["href","children"]);if(!r)return t("a",e({},o,{children:a}));var l=r||"",d=l;try{d=decodeURIComponent(l)}catch(e){console.error("Error decoding href",e)}if(d.includes("citation_type=comparison")){var c="",s="",u=d.match(/variant_id=([^?&]+)/);u&&(c=u[1]);var m=d.match(/field_name=([^&]+)/);return m&&(s=m[1]),t("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered:",{variantId:c,fieldName:s}),D&&D(c,s)},style:{background:"#EFF6FF",border:"1px solid #BFDBFE",borderRadius:"6px",padding:"2px 8px",color:"#2563EB",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",margin:"0 4px",verticalAlign:"baseline",transition:"background-color 0.2s ease",textDecoration:"none"},title:"View Comparison"},{children:a}))}var g=d.match(/citationNumber=([^&]+)/);if(g&&p){var h=I(g[1]);if(h)return t(p,{citation:h,linkTitle:a,fontSize:12})}return t("a",e({href:l,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"#7C3AED"}},o,{children:a}))}}},[I]);if("cognitive-card-trigger"===s){var N=_["data-card-id"],R=v.has(N);return t(C,e({cardId:N,isOpen:R,isStreamEnd:w,handleToggle:function(){return y(N,!R,"card")},cardMdComponents:L},{children:f}))}if("rule-validation-card-trigger"===s){console.log("🎯 rule-validation-card-trigger div rendered, isStreamEnd:",w);var B=_,j=function(e){return e?e.replace(/&quot;/g,'"').replace(/&#039;/g,"'").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"):""};return!w&&S?(console.log("Rendering Rule Validation Skeleton for:",B["data-title"]),i("div",e({style:{border:"1px solid #E2E8F0",backgroundColor:"#FFF",borderRadius:"12px",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",marginTop:"8px",marginBottom:"8px"}},{children:[i("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[t(c,{variant:"text",width:140,height:28}),t(c,{variant:"text",width:100,height:28})]})),t(c,{variant:"title",width:"50%",height:20}),t(c,{variant:"text",width:"90%",height:16}),t(c,{variant:"text",width:"60%",height:16}),t(c,{variant:"text",width:120,height:40})]}))):t(m,{validationType:"duplicate"===B["data-type"]?"duplicate":"similar"===B["data-type"]?"similar":"conflicting",decisionStrength:B["data-decision-strength"]||B.dataDecisionStrength,title:j(B["data-title"]||B.dataTitle),tier:j(B["data-tier"]||B.dataTier),descriptionText:j(B["data-description"]||B.dataDescription),reasoningNode:f,onViewComparison:E||function(){},disabled:!S||!!F})}if("markdown-select-trigger"===s){B=_;var V=(null===(o=r.Children.map(f,function(e){var n;if("select-option-item"===(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.className)){var t=u(e.props.children),i=function(e,n){var t=new RegExp("<".concat(e,">([\\s\\S]*?)<\\/").concat(e,">"),"i"),i=n.match(t);return i?i[1].trim():null},r=i("reason",t),a=i("gap",t),o=i("relevance_score",t),l=t.replace(/<ai_reasoning>[\s\S]*?<\/ai_reasoning>/gi,"").replace(/<[^>]+>[\s\S]*?<\/[^>]+>/gi,"").replace(/\s+/g," ").trim();return{id:e.props["data-id"],label:l,cd:!(!r&&!a),reasoning:r,gap:a,score:o}}return null}))||void 0===o?void 0:o.filter(Boolean))||[];return t(g,{type:B["data-type"],options:V,selectedIds:[],disabled:!w||!S||!!F,citations:x,onTypeResponseClick:M,onProceed:function(e,n){console.log("Proceeding with label:",n),b&&b(new KeyboardEvent("keydown",{key:"Enter"}),!1,n)}})}if("critical-gaps-trigger"===s){var A=_["data-payload"];B=void 0;try{B=JSON.parse(A)}catch(e){return console.error("Failed to parse critical gaps payload",e),null}return!w&&S?i("div",e({style:{border:"1px solid #E2E8F0",backgroundColor:"#FFF",borderRadius:"12px",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",marginTop:"8px",marginBottom:"8px"}},{children:[t(c,{variant:"title",width:"40%",height:20}),t(c,{variant:"text",width:"80%",height:16}),t(c,{variant:"text",width:"70%",height:16}),t(c,{variant:"text",width:120,height:40})]})):t(h,{data:B,isLastMessage:S,onValidationChange:k,isSubmitted:T,citations:x,onTypeResponseClick:M,isGlobalEditActive:F})}return t("div",e({className:s},_,{children:f}))}),T=r.memo(function(r){var a=r.className,o=r.children,c=r.openCardIds,s=r.citations,u=r.handleToggleState,m=r.isStreamEnd;r.onTypeResponseClick;var g=r.onComparisonLinkClick,h=n(r,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","onTypeResponseClick","onComparisonLinkClick"]),f=d(function(e,n){return s&&s.find(function(t){return t.customMetaData.citation_number&&"Cognitive Decisioning"!==t.customMetaData.citation_title&&t.customMetaData.source===n&&String(t.customMetaData.citation_number)===String(e)})||null},[s]),y=l(function(){return{img:function(i){i.node;var r=n(i,["node"]);return t("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(i){i.node;var r=n(i,["node"]);return t("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(i){i.node;var r=n(i,["node"]);return t("span",e({},r,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==r?void 0:r.children}))},ol:function(i){i.node;var r=n(i,["node"]);return t("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(i){i.node;var r=n(i,["node"]);return t("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(i){i.node;var r=n(i,["node"]);return t("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(r){var a=r.href,o=r.children,l=n(r,["href","children"]);if(!a)return t("a",e({},l,{children:o}));var d=a||"",c=d;try{c=decodeURIComponent(d)}catch(e){console.error("Error decoding href",e)}if(c.includes("citation_type=comparison")){var s="",u="",m=c.match(/variant_id=([^?&]+)/);m&&(s=m[1]);var h=c.match(/field_name=([^&]+)/);return h&&(u=h[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered (span):",{variantId:s,fieldName:u}),g&&g(s,u)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1x 4px",color:"#0F172A",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1  px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[o,t("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"#0F172A",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}var v=c.match(/citationNumber=([^&]+)/);if(v&&p){var x=b(c),y=f(v[1],x);if(y)return t(p,{citation:y,linkTitle:o,fontSize:12})}return t("a",e({href:d,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"#7C3AED"}},l,{children:o}))}}},[f]);if("cognitive-card-trigger"===a){var w=h["data-card-id"],S=c.has(w);return t(C,e({cardId:w,isOpen:S,isStreamEnd:m,handleToggle:function(){return u(w,!S,"card")},cardMdComponents:y},{children:o}))}if("view-form-update-trigger"===a){var k=h["data-payload"],T=void 0;try{T=JSON.parse(k)}catch(e){return null}return t(v,{data:T,openCardIds:c,handleToggleState:u,isStreamEnd:m,cardMdComponents:y})}if("view-identified-fields-trigger"===a){k=h["data-payload"],T=void 0;try{T=JSON.parse(k)}catch(e){return null}return t(x,{data:T,openCardIds:c,handleToggleState:u,isStreamEnd:m,cardMdComponents:y})}return t("span",e({className:a},h,{children:o}))}),E=r.memo(function(i){var r=i.href,a=i.children,o=i.chatSize,l=i.openCitationIds,d=i.getCitationByNumber,c=i.handleToggleState,s=n(i,["href","children","chatSize","openCitationIds","getCitationByNumber","handleToggleState"]);if(!r)return t("a",e({},s,{children:a}));var u=r.match(/citationNumber=([^&]+)/),m=u?u[1]:null,g=r.match(/uiUniqueId=([^&]+)/),h=g?g[1]:null;if(m){var f=d(m,b(r));if(f){var v=h?"citation-ui-".concat(h):"citation-".concat(f.id||m),x=l.has(v);return t(p,{citation:f,linkTitle:a,chatSize:o,isOpen:x,onToggle:function(){return c(v,!x,"citation")}},v)}}return t("a",e({href:r,target:"_blank",style:{color:"inherit",textDecoration:"none"},rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline"},s,{children:a}))});export{k as MarkdownDivRenderer,E as MarkdownLinkRenderer,T as MarkdownSpanRenderer,b as getSourceFromUrl};
+import{__assign as e,__rest as n}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import r,{useRef as a,useEffect as o,useMemo as l,useCallback as d}from"react";import{Skeleton as c}from"../atoms/SkeletonLoader/SkeletonLoader.js";import{CognitiveDecisioningCard as s}from"@e-llm-studio/citation";import p from"../CitationLink.js";import{extractTextFromChildren as u}from"../../helpers/utils.js";import m from"../MessageRendering/RuleValidationCard.js";import{MarkdownSelect as g}from"./MarkdownSelect.js";import{CriticalGaps as h}from"../CriticalGaps.js";import{ButtonCognitiveIcon as f}from"../_svg/ButtonCognitiveIcon.js";import{ViewFormUpdateCard as v}from"../ViewFormUpdateCard.js";import{ViewIdentifiedFieldsCard as x}from"../ViewIdentifiedFieldsCard.js";import{getCognitiveDecisioningThemeStyles as y}from"../cognitiveDecisioningThemeStyles.js";var w=function(e,n){var i,t="";if(!(t="string"==typeof n?n:(null===(i=null==n?void 0:n.customMetaData)||void 0===i?void 0:i.content)?n.customMetaData.content:String(n)))return null;var r=new RegExp("<".concat(e,"[^>]*>([\\s\\S]*?)<\\/").concat(e,">"),"i"),a=t.match(r);return a?a[1].replace(/\\n/g,"\n"):null},S=function(e){return e?e.replace(/(\[[^\]]+\]\()([^)]+)(\))/g,function(e,n,i,t){var r=i.replace(/\s/g,"%20");return"".concat(n).concat(r).concat(t)}):""},b={val:"validation_agent",validate_wta_wnta:"validate_wta_wnta",lhs:"lhs",rhs:"rhs"},C=function(e){var n,i=e.match(/[?&]source=([^&?]+)/),t=i?i[1]:"lhs";return null!==(n=b[t])&&void 0!==n?n:t},k=r.memo(function(n){var t=n.children;n.cardId;var r=n.isOpen,d=n.isStreamEnd,p=n.handleToggle,m=n.cardMdComponents,g=a(null);o(function(){if(r&&g.current){var e=setTimeout(function(){var e;null===(e=g.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"nearest"})},100);return function(){return clearTimeout(e)}}},[r]);var h=u(t),v=w("reason",h)||"",x=w("gap",h)||"",b=w("relevance_score",h),C=S(v),k=S(x),T=l(function(){return y({header:{padding:"8px 16px"},sectionButton:{paddingLeft:"24px",paddingRight:"24px",paddingBottom:"12px"},textContent:{fontSize:"12px",paddingLeft:"24px",paddingRight:"24px",paddingBottom:"20px"},pill:{}})},[]);return i("span",e({style:{display:"inline",marginTop:"3px",marginLeft:"6px",verticalAlign:"middle"}},{children:d?i(s,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:i(f,{}),ref:g,reasoning:C,gap:k,score:b,mdComponents:m,isOpen:r,onToggle:p,styles:T}):i(c,{width:"2.2rem",height:"1.2rem"})}))}),T=r.memo(function(a){var o,s=a.className,f=a.children,v=a.openCardIds,x=a.citations,y=a.handleToggleState,w=a.isStreamEnd,S=a.isLastMessage,b=a.handleStream,C=a.onGapValidation,T=a.isGapsSubmitted,D=a.onViewComparison,E=a.onTypeResponseClick,M=a.onComparisonLinkClick,_=a.isGlobalEditActive,I=n(a,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","isLastMessage","handleStream","onGapValidation","isGapsSubmitted","onViewComparison","onTypeResponseClick","onComparisonLinkClick","isGlobalEditActive"]),L=d(function(e){return x&&x.find(function(n){return n.customMetaData.citation_number&&"Cognitive Decisioning"!==n.customMetaData.citation_title&&String(n.customMetaData.citation_number)===String(e)})||null},[x]),N=l(function(){return{img:function(t){t.node;var r=n(t,["node"]);return i("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var r=n(t,["node"]);return i("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(t){t.node;var r=n(t,["node"]);return i("span",e({},r,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==r?void 0:r.children}))},ol:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(t){t.node;var r=n(t,["node"]);return i("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(t){var r=t.href,a=t.children,o=n(t,["href","children"]);if(!r)return i("a",e({},o,{children:a}));var l=r||"",d=l;try{d=decodeURIComponent(l)}catch(e){console.error("Error decoding href",e)}if(d.includes("citation_type=comparison")){var c="",s="",u=d.match(/variant_id=([^?&]+)/);u&&(c=u[1]);var m=d.match(/field_name=([^&]+)/);return m&&(s=m[1]),i("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered:",{variantId:c,fieldName:s}),M&&M(c,s)},style:{background:"var(--il-primary-subtle, #EFF6FF)",border:"1px solid var(--il-primary, #BFDBFE)",borderRadius:"6px",padding:"2px 8px",color:"var(--il-primary, #2563EB)",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",margin:"0 4px",verticalAlign:"baseline",transition:"background-color 0.2s ease",textDecoration:"none"},title:"View Comparison"},{children:a}))}var g=d.match(/citationNumber=([^&]+)/);if(g&&p){var h=L(g[1]);if(h)return i(p,{citation:h,linkTitle:a,fontSize:12})}return i("a",e({href:l,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"var(--il-primary, #7C3AED)"}},o,{children:a}))}}},[L]);if("cognitive-card-trigger"===s){var R=I["data-card-id"],B=v.has(R);return i(k,e({cardId:R,isOpen:B,isStreamEnd:w,handleToggle:function(){return y(R,!B,"card")},cardMdComponents:N},{children:f}))}if("rule-validation-card-trigger"===s){console.log("🎯 rule-validation-card-trigger div rendered, isStreamEnd:",w);var F=I,j=function(e){return e?e.replace(/&quot;/g,'"').replace(/&#039;/g,"'").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/&amp;/g,"&"):""};return!w&&S?(console.log("Rendering Rule Validation Skeleton for:",F["data-title"]),t("div",e({style:{border:"1px solid var(--il-border, #E2E8F0)",backgroundColor:"var(--il-surface, #ffffff)",borderRadius:"12px",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",marginTop:"8px",marginBottom:"8px"}},{children:[t("div",e({style:{display:"flex",justifyContent:"space-between",alignItems:"center"}},{children:[i(c,{variant:"text",width:140,height:28}),i(c,{variant:"text",width:100,height:28})]})),i(c,{variant:"title",width:"50%",height:20}),i(c,{variant:"text",width:"90%",height:16}),i(c,{variant:"text",width:"60%",height:16}),i(c,{variant:"text",width:120,height:40})]}))):i(m,{validationType:"duplicate"===F["data-type"]?"duplicate":"similar"===F["data-type"]?"similar":"conflicting",decisionStrength:F["data-decision-strength"]||F.dataDecisionStrength,title:j(F["data-title"]||F.dataTitle),tier:j(F["data-tier"]||F.dataTier),descriptionText:j(F["data-description"]||F.dataDescription),reasoningNode:f,onViewComparison:D||function(){},disabled:!S||!!_})}if("markdown-select-trigger"===s){F=I;var V=(null===(o=r.Children.map(f,function(e){var n;if("select-option-item"===(null===(n=null==e?void 0:e.props)||void 0===n?void 0:n.className)){var i=u(e.props.children),t=function(e,n){var i=new RegExp("<".concat(e,">([\\s\\S]*?)<\\/").concat(e,">"),"i"),t=n.match(i);return t?t[1].trim():null},r=t("reason",i),a=t("gap",i),o=t("relevance_score",i),l=i.replace(/<ai_reasoning>[\s\S]*?<\/ai_reasoning>/gi,"").replace(/<[^>]+>[\s\S]*?<\/[^>]+>/gi,"").replace(/\s+/g," ").trim();return{id:e.props["data-id"],label:l,cd:!(!r&&!a),reasoning:r,gap:a,score:o}}return null}))||void 0===o?void 0:o.filter(Boolean))||[];return i(g,{type:F["data-type"],options:V,selectedIds:[],disabled:!w||!S||!!_,citations:x,onTypeResponseClick:E,onProceed:function(e,n){console.log("Proceeding with label:",n),b&&b(new KeyboardEvent("keydown",{key:"Enter"}),!1,n)}})}if("critical-gaps-trigger"===s){var A=I["data-payload"];F=void 0;try{F=JSON.parse(A)}catch(e){return console.error("Failed to parse critical gaps payload",e),null}return!w&&S?t("div",e({style:{border:"1px solid var(--il-border, #E2E8F0)",backgroundColor:"var(--il-surface, #ffffff)",borderRadius:"12px",padding:"16px",display:"flex",flexDirection:"column",gap:"12px",marginTop:"8px",marginBottom:"8px"}},{children:[i(c,{variant:"title",width:"40%",height:20}),i(c,{variant:"text",width:"80%",height:16}),i(c,{variant:"text",width:"70%",height:16}),i(c,{variant:"text",width:120,height:40})]})):i(h,{data:F,isLastMessage:S,onValidationChange:C,isSubmitted:T,citations:x,onTypeResponseClick:E,isGlobalEditActive:_})}return i("div",e({className:s},I,{children:f}))}),D=r.memo(function(r){var a=r.className,o=r.children,c=r.openCardIds,s=r.citations,u=r.handleToggleState,m=r.isStreamEnd;r.onTypeResponseClick;var g=r.onComparisonLinkClick,h=n(r,["className","children","openCardIds","citations","handleToggleState","isStreamEnd","onTypeResponseClick","onComparisonLinkClick"]),f=d(function(e,n){return s&&s.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===n&&String(i.customMetaData.citation_number)===String(e)})||null},[s]),y=l(function(){return{img:function(t){t.node;var r=n(t,["node"]);return i("img",e({},r,{style:{height:"100%",width:"100%",objectFit:"contain"},alt:(null==r?void 0:r.alt)||"",className:"w-full sm:max-w-lg md:max-w-2xl lg:max-w-4xl mx-auto"}))},p:function(t){t.node;var r=n(t,["node"]);return i("p",e({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(t){t.node;var r=n(t,["node"]);return i("span",e({},r,{style:{maxWidth:"100%",wordWrap:"break-word",overflowWrap:"break-word",wordBreak:"break-word",whiteSpace:"normal",overflow:"hidden",display:"inline-flex",fontSize:"1rem",lineHeight:"1.625rem"}},{children:null==r?void 0:r.children}))},ol:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{display:"flex",flexDirection:"column",gap:"1rem",listStyle:"decimal",paddingLeft:"2.5rem"}},{children:null==r?void 0:r.children}))},ul:function(t){t.node;var r=n(t,["node"]);return i("ol",e({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(t){t.node;var r=n(t,["node"]);return i("li",e({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(r){var a=r.href,o=r.children,l=n(r,["href","children"]);if(!a)return i("a",e({},l,{children:o}));var d=a||"",c=d;try{c=decodeURIComponent(d)}catch(e){console.error("Error decoding href",e)}if(c.includes("citation_type=comparison")){var s="",u="",m=c.match(/variant_id=([^?&]+)/);m&&(s=m[1]);var h=c.match(/field_name=([^&]+)/);return h&&(u=h[1]),t("button",e({type:"button",onClick:function(e){e.preventDefault(),e.stopPropagation(),console.log("Rule Comparison Triggered (span):",{variantId:s,fieldName:u}),g&&g(s,u)},style:{background:"none",border:"none",outline:"none",borderRadius:"6px",padding:"1x 4px",color:"var(--il-foreground, #0F172A)",cursor:"pointer",fontSize:"13px",fontWeight:500,display:"inline-flex",alignItems:"center",gap:"2px",margin:"0 1  px",verticalAlign:"baseline",textDecoration:"none",boxShadow:"none",WebkitAppearance:"none",MozAppearance:"none"},title:"View Comparison"},{children:[o,i("svg",e({width:"13",height:"13",viewBox:"0 0 13 13",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:i("path",{d:"M10.2082 8.67708H2.0415M2.0415 8.67708L4.08317 6.63542M2.0415 8.67708L4.08317 10.7188M2.0415 3.57292H10.2082M10.2082 3.57292L8.1665 1.53125M10.2082 3.57292L8.1665 5.61458",stroke:"var(--il-foreground, #0F172A)",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}))]}))}var v=c.match(/citationNumber=([^&]+)/);if(v&&p){var x=C(c),y=f(v[1],x);if(y)return i(p,{citation:y,linkTitle:o,fontSize:12})}return i("a",e({href:d,target:"_blank",rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline",style:{color:"var(--il-primary, #7C3AED)"}},l,{children:o}))}}},[f]);if("cognitive-card-trigger"===a){var w=h["data-card-id"],S=c.has(w);return i(k,e({cardId:w,isOpen:S,isStreamEnd:m,handleToggle:function(){return u(w,!S,"card")},cardMdComponents:y},{children:o}))}if("view-form-update-trigger"===a){var b=h["data-payload"],T=void 0;try{T=JSON.parse(b)}catch(e){return null}return i(v,{data:T,openCardIds:c,handleToggleState:u,isStreamEnd:m,cardMdComponents:y})}if("view-identified-fields-trigger"===a){b=h["data-payload"],T=void 0;try{T=JSON.parse(b)}catch(e){return null}return i(x,{data:T,openCardIds:c,handleToggleState:u,isStreamEnd:m,cardMdComponents:y})}return i("span",e({className:a},h,{children:o}))}),E=r.memo(function(t){var r=t.href,a=t.children,o=t.chatSize,l=t.openCitationIds,d=t.getCitationByNumber,c=t.handleToggleState,s=n(t,["href","children","chatSize","openCitationIds","getCitationByNumber","handleToggleState"]);if(!r)return i("a",e({},s,{children:a}));var u=r.match(/citationNumber=([^&]+)/),m=u?u[1]:null,g=r.match(/uiUniqueId=([^&]+)/),h=g?g[1]:null;if(m){var f=d(m,C(r));if(f){var v=h?"citation-ui-".concat(h):"citation-".concat(f.id||m),x=l.has(v);return i(p,{citation:f,linkTitle:a,chatSize:o,isOpen:x,onToggle:function(){return c(v,!x,"citation")}},v)}}return i("a",e({href:r,target:"_blank",style:{color:"inherit",textDecoration:"none"},rel:"noopener noreferrer",className:"md-link inline-flex items-center gap-1 text-purple-700 hover:underline"},s,{children:a}))});export{T as MarkdownDivRenderer,E as MarkdownLinkRenderer,D as MarkdownSpanRenderer,C as getSourceFromUrl};
 //# sourceMappingURL=MarkdownElements.js.map

package/dist/features/IL-OTJ/_components/MarkdownComponents/MarkdownSelect.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n,__spreadArray as t}from"tslib";import{jsx as i,jsxs as r}from"react/jsx-runtime";import{ChevronUp as o,ChevronDown as l}from"lucide-react";import{useState as a,useCallback as s,useMemo as d}from"react";import c from"../CitationLink.js";import{CognitiveDecisioningCard as p}from"@e-llm-studio/citation";import{TickIcon as f}from"../_svg/TickIcon.js";import{ButtonCognitiveIcon as u}from"../_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as x}from"./MarkdownElements.js";var h=function(e){var t=e.isSelected,o=e.width,l=void 0===o?28:o,a=e.height,s=void 0===a?28:a;return r("svg",n({width:l,height:s,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0}},t?{children:[i("rect",{width:"28",height:"28",rx:"14",fill:"#D1E0FF"}),i("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:"#004EEB",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round"})]}:{children:[i("rect",{x:"0.5",y:"0.5",width:"27",height:"27",rx:"13.5",stroke:"#D0D5DD"}),i("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:"#667085",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round"})]}))},g=function(g){var F=g.type,y=g.options,b=g.disabled,v=g.onProceed,k=g.selectedIds,w=g.citations,D=g.onTypeResponseClick,S=a(new Set(k)),C=S[0],I=S[1],z=a([]),L=z[0],M=z[1],j=function(e){M(function(n){return n.includes(e)?n.filter(function(n){return n!==e}):t(t([],n,!0),[e],!1)})},B=s(function(e,n){return w&&w.find(function(t){return t.customMetaData.citation_number&&"Cognitive Decisioning"!==t.customMetaData.citation_title&&t.customMetaData.source===n&&String(t.customMetaData.citation_number)===String(e)})||null},[w]),E=d(function(){return{p:function(t){t.node;var r=e(t,["node"]);return i("p",n({},r,{style:{margin:0,fontSize:"11.5px"}},{children:null==r?void 0:r.children}))},li:function(t){t.node;var o=t.index,l=e(t,["node","index"]);return r("div",n({style:{display:"flex",alignItems:"flex-start",marginBottom:"4px"}},{children:[i("span",n({style:{fontSize:"11px",fontWeight:400,color:"#55585fff",flexShrink:0,minWidth:"16px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),i("span",n({style:{fontSize:"11.5px",color:"#4B5563",lineHeight:"1.4",flex:1}},{children:l.children}))]}))},a:function(t){t.node;var r=t.href,o=t.children,l=e(t,["node","href","children"]);if(!r)return i("a",n({},l,{children:o}));var a=r.match(/citationNumber=([^&]+)/),s=a?a[1]:null;if(s){var d=x(r),p=B(s,d);if(p)return i("span",n({style:{display:"inline",alignItems:"center",fontSize:"11.5px",gap:"2px",color:"#2563EB",verticalAlign:"middle"}},{children:i(c,{citation:p,linkTitle:o,fontSize:11})}))}return i("a",n({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"#2563EB",textDecoration:"none",fontSize:"11.5px"}},l,{children:o}))}}},[B]);return r("div",n({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"8px",marginTop:"6px",fontFamily:"Inter, sans-serif",width:"100%"}},{children:[y.map(function(e){var t=C.has(e.id),a=L.includes(e.id),s="#FFFFFF",d="#D0D5DD",c="#344054",x="8px 12px";return"single"===F?(s=t?"#EFF4FF":"transparent",d=t?"#B2CCFF":"transparent",c="#1D2939",x="8px"):"instant"===F?(s="#0582FD",d="transparent",c="#FFFFFF"):"multi"===F&&(s=t?"#EFF4FF":"transparent",d=t?"#B2CCFF":"transparent",c="#344054"),r("div",n({style:{display:"flex",flexDirection:"column",width:"100%"}},{children:[r("div",n({style:{display:"flex",alignItems:"center",gap:"10px",width:"100%"}},{children:[r("div",n({onClick:function(){return function(e){if(!b){var n=y.find(function(n){return n.id===e});if(n){var t="typeYourAnswer"===e||"type your response"===n.label.toLowerCase().trim();if("single"===F||"instant"===F)return I(new Set([e])),void(t?D&&D():v([e],n.label));I(function(n){var i=new Set(n);return i.has(e)?i.delete(e):(t||i.add(e),t&&D&&D()),i})}}}(e.id)},onMouseEnter:function(e){b||t||"instant"===F||(e.currentTarget.style.background="linear-gradient(to right, #EFF4FF, #F4F8FF)",e.currentTarget.style.borderColor="#B2CCFF")},onMouseLeave:function(e){b||t||"instant"===F||(e.currentTarget.style.background=s,e.currentTarget.style.borderColor=d)},style:{boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"center",padding:x,borderRadius:"8px",border:"1px solid ".concat(d),background:s,cursor:b?"default":"pointer",transition:"all 0.15s ease-in-out",flex:"0 1 auto",width:"fit-content",maxWidth:"instant"===F?"none":"400px",gap:"8px",boxShadow:t||"instant"===F?"0px 1px 2px rgba(16, 24, 40, 0.05)":"none"}},{children:["single"===F?i(h,{isSelected:t}):"instant"===F?t&&i("div",n({style:{height:"16px",width:"16px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"}},{children:i(f,{color:"#FFFFFF",width:16,height:16})})):i("div",n({style:{height:"15px",width:"14px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"3.5px",border:t?"none":"1px solid #D0D5DD",backgroundColor:t?"#0885FE":"transparent",boxShadow:t?"0px 0px 0px 3.5px #C0DCFF":"none",margin:t?"3.5px":"0px"}},{children:t&&i(m,{size:10,color:"white",strokeWidth:3})})),i("span",n({style:{flex:1,lineHeight:"20px",fontSize:"14px",color:c,fontWeight:500,fontFamily:"Inter",display:"flex",alignItems:"center"}},{children:e.label}))]})),e.cd&&r("div",n({style:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0},onClick:function(n){n.stopPropagation(),j(e.id)}},{children:[i(u,{}),i(a?o:l,{size:12,color:"#667085"})]}))]})),a&&i("div",n({style:{width:"100%",marginTop:"8px"},onClick:function(e){return e.stopPropagation()}},{children:i(p,{headerIcon:i(u,{}),reasoning:e.reasoning||"",gap:e.gap||"",score:e.score||null,isOpen:!0,onToggle:function(){return j(e.id)},hideTrigger:!0,mdComponents:E,styles:{pill:{gap:"2px",border:"none",backgroundColor:"transparent"}}})}))]}),e.id)}),"multi"===F&&C.size>0&&!b&&i("button",n({onClick:function(){v(Array.from(C),y.reduce(function(e,n){return C.has(n.id)?e.length?e.concat(", ".concat(n.label)):e.concat(n.label):e},""))},style:{boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:"7px 18px",gap:"4px",width:"84px",height:"32px",background:"linear-gradient(90deg, #0582FD 0%, #0069F5 100%)",boxShadow:"0px 0px 9px rgba(0, 69, 206, 0.2)",borderRadius:"7px",border:"none",cursor:"pointer",zIndex:3,flex:"none"}},{children:i("span",n({style:{fontFamily:"Inter",fontStyle:"normal",fontWeight:500,fontSize:"12.5px",lineHeight:"18px",display:"flex",alignItems:"center",color:"#FFFFFF",flex:"none",whiteSpace:"nowrap"}},{children:"Proceed"}))}))]}))},m=function(e){var t=e.size,r=e.color,o=e.strokeWidth;return i("svg",n({width:t,height:t,viewBox:"0 0 24 24",fill:"none",stroke:r,strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round"},{children:i("polyline",{points:"20 6 9 17 4 12"})}))};export{h as DynamicArrow,g as MarkdownSelect};
+import{__rest as e,__assign as r,__spreadArray as i}from"tslib";import{jsx as n,jsxs as t}from"react/jsx-runtime";import{ChevronUp as o,ChevronDown as a}from"lucide-react";import{useState as l,useCallback as s,useMemo as d}from"react";import c from"../CitationLink.js";import{CognitiveDecisioningCard as p}from"@e-llm-studio/citation";import{TickIcon as f}from"../_svg/TickIcon.js";import{ButtonCognitiveIcon as u}from"../_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as h}from"./MarkdownElements.js";import{getCognitiveDecisioningThemeStyles as g}from"../cognitiveDecisioningThemeStyles.js";var x=function(e){var i=e.isSelected,o=e.width,a=void 0===o?28:o,l=e.height,s=void 0===l?28:l;return t("svg",r({width:a,height:s,viewBox:"0 0 28 28",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{flexShrink:0}},i?{children:[n("rect",{width:"28",height:"28",rx:"14",fill:"var(--il-hover, #D1E0FF)"}),n("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:"var(--il-primary, #004EEB)",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round"})]}:{children:[n("rect",{x:"0.5",y:"0.5",width:"27",height:"27",rx:"13.5",stroke:"var(--il-border, #D0D5DD)"}),n("path",{d:"M9.33399 13.9974L18.6673 13.9974M18.6673 13.9974L14.0007 18.6641M18.6673 13.9974L14.0007 9.33073",stroke:"var(--il-muted, #667085)",strokeWidth:"1.52381",strokeLinecap:"round",strokeLinejoin:"round"})]}))},m=function(m){var y=m.type,F=m.options,b=m.disabled,k=m.onProceed,w=m.selectedIds,S=m.citations,D=m.onTypeResponseClick,C=l(new Set(w)),I=C[0],z=C[1],L=l([]),M=L[0],T=L[1],j=function(e){T(function(r){return r.includes(e)?r.filter(function(r){return r!==e}):i(i([],r,!0),[e],!1)})},E=s(function(e,r){return S&&S.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===r&&String(i.customMetaData.citation_number)===String(e)})||null},[S]),W=d(function(){return{p:function(i){i.node;var t=e(i,["node"]);return n("p",r({},t,{style:{margin:0,fontSize:"11.5px"}},{children:null==t?void 0:t.children}))},li:function(i){i.node;var o=i.index,a=e(i,["node","index"]);return t("div",r({style:{display:"flex",alignItems:"flex-start",marginBottom:"4px"}},{children:[n("span",r({style:{fontSize:"11px",fontWeight:400,color:"var(--il-muted, #55585f)",flexShrink:0,minWidth:"16px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),n("span",r({style:{fontSize:"11.5px",color:"var(--il-secondary-fg, #4B5563)",lineHeight:"1.4",flex:1}},{children:a.children}))]}))},a:function(i){i.node;var t=i.href,o=i.children,a=e(i,["node","href","children"]);if(!t)return n("a",r({},a,{children:o}));var l=t.match(/citationNumber=([^&]+)/),s=l?l[1]:null;if(s){var d=h(t),p=E(s,d);if(p)return n("span",r({style:{display:"inline",alignItems:"center",fontSize:"11.5px",gap:"2px",color:"var(--il-primary, #2563EB)",verticalAlign:"middle"}},{children:n(c,{citation:p,linkTitle:o,fontSize:11})}))}return n("a",r({href:t,target:"_blank",rel:"noopener noreferrer",style:{color:"var(--il-primary, #2563EB)",textDecoration:"none",fontSize:"11.5px"}},a,{children:o}))}}},[E]);return t("div",r({style:{display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"8px",marginTop:"6px",fontFamily:"Inter, sans-serif",width:"100%"}},{children:[F.map(function(e){var i=I.has(e.id),l=M.includes(e.id),s="var(--il-surface, #ffffff)",d="var(--il-border, #D0D5DD)",c="var(--il-foreground, #344054)",h="8px 12px";return"single"===y?(s=i?"var(--il-hover, #EFF4FF)":"transparent",d=i?"var(--il-primary, #B2CCFF)":"transparent",c="var(--il-foreground, #1D2939)",h="8px"):"instant"===y?(s="var(--il-primary, #0582FD)",d="transparent",c="var(--il-primary-fg, #FFFFFF)"):"multi"===y&&(s=i?"var(--il-hover, #EFF4FF)":"transparent",d=i?"var(--il-primary, #B2CCFF)":"transparent",c="var(--il-foreground, #344054)"),t("div",r({style:{display:"flex",flexDirection:"column",width:"100%"}},{children:[t("div",r({style:{display:"flex",alignItems:"center",gap:"10px",width:"100%"}},{children:[t("div",r({onClick:function(){return function(e){if(!b){var r=F.find(function(r){return r.id===e});if(r){var i="typeYourAnswer"===e||"type your response"===r.label.toLowerCase().trim();if("single"===y||"instant"===y)return z(new Set([e])),void(i?D&&D():k([e],r.label));z(function(r){var n=new Set(r);return n.has(e)?n.delete(e):(i||n.add(e),i&&D&&D()),n})}}}(e.id)},onMouseEnter:function(e){b||i||"instant"===y||(e.currentTarget.style.background="var(--il-hover, #EFF4FF)",e.currentTarget.style.borderColor="var(--il-primary, #B2CCFF)")},onMouseLeave:function(e){b||i||"instant"===y||(e.currentTarget.style.background=s,e.currentTarget.style.borderColor=d)},style:{boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"center",padding:h,borderRadius:"8px",border:"1px solid ".concat(d),background:s,cursor:b?"default":"pointer",transition:"all 0.15s ease-in-out",flex:"0 1 auto",width:"fit-content",maxWidth:"instant"===y?"none":"400px",gap:"8px",boxShadow:i||"instant"===y?"0px 1px 2px rgba(16, 24, 40, 0.05)":"none"}},{children:["single"===y?n(x,{isSelected:i}):"instant"===y?i&&n("div",r({style:{height:"16px",width:"16px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"}},{children:n(f,{color:"var(--il-primary-fg, #FFFFFF)",width:16,height:16})})):n("div",r({style:{height:"15px",width:"14px",flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"3.5px",border:i?"none":"1px solid var(--il-border, #D0D5DD)",backgroundColor:i?"var(--il-primary, #0885FE)":"transparent",boxShadow:i?"0px 0px 0px 3.5px color-mix(in srgb, var(--il-primary, #0885FE) 25%, transparent)":"none",margin:i?"3.5px":"0px"}},{children:i&&n(v,{size:10,color:"var(--il-primary-fg, white)",strokeWidth:3})})),n("span",r({style:{flex:1,lineHeight:"20px",fontSize:"14px",color:c,fontWeight:500,fontFamily:"Inter",display:"flex",alignItems:"center"}},{children:e.label}))]})),e.cd&&t("div",r({style:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0},onClick:function(r){r.stopPropagation(),j(e.id)}},{children:[n(u,{}),n(l?o:a,{size:12,color:"var(--il-muted, #667085)"})]}))]})),l&&n("div",r({style:{width:"100%",marginTop:"8px"},onClick:function(e){return e.stopPropagation()}},{children:n(p,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:n(u,{}),reasoning:e.reasoning||"",gap:e.gap||"",score:e.score||null,isOpen:!0,onToggle:function(){return j(e.id)},hideTrigger:!0,mdComponents:W,styles:g()})}))]}),e.id)}),"multi"===y&&I.size>0&&!b&&n("button",r({onClick:function(){k(Array.from(I),F.reduce(function(e,r){return I.has(r.id)?e.length?e.concat(", ".concat(r.label)):e.concat(r.label):e},""))},style:{boxSizing:"border-box",display:"flex",flexDirection:"row",alignItems:"center",justifyContent:"center",padding:"7px 18px",gap:"4px",width:"84px",height:"32px",background:"var(--il-primary, #0582FD)",boxShadow:"0px 0px 9px rgba(0, 69, 206, 0.2)",borderRadius:"7px",border:"none",cursor:"pointer",zIndex:3,flex:"none"}},{children:n("span",r({style:{fontFamily:"Inter",fontStyle:"normal",fontWeight:500,fontSize:"12.5px",lineHeight:"18px",display:"flex",alignItems:"center",color:"var(--il-primary-fg, #FFFFFF)",flex:"none",whiteSpace:"nowrap"}},{children:"Proceed"}))}))]}))},v=function(e){var i=e.size,t=e.color,o=e.strokeWidth;return n("svg",r({width:i,height:i,viewBox:"0 0 24 24",fill:"none",stroke:t,strokeWidth:o,strokeLinecap:"round",strokeLinejoin:"round"},{children:n("polyline",{points:"20 6 9 17 4 12"})}))};export{x as DynamicArrow,m as MarkdownSelect};
 //# sourceMappingURL=MarkdownSelect.js.map

package/dist/features/IL-OTJ/_components/MarkdownRenderer.module.css.js

@@ -1,2 +1,2 @@
-import e from"../../../node_modules/style-inject/dist/style-inject.es.js";var r={containerWrapper:"MarkdownRenderer-module_containerWrapper__XUtML",mainCard:"MarkdownRenderer-module_mainCard__BcSV-",scrollArea:"MarkdownRenderer-module_scrollArea__oTyxO",checkGreen:"MarkdownRenderer-module_checkGreen__fc8ex",list:"MarkdownRenderer-module_list__UqrN9",customHighlight:"MarkdownRenderer-module_customHighlight__KSBCr",detailsInline:"MarkdownRenderer-module_detailsInline__Lqlyi",detailsTarget:"MarkdownRenderer-module_detailsTarget__MQk1n",detailsBlock:"MarkdownRenderer-module_detailsBlock__iHvXn",summary:"MarkdownRenderer-module_summary__2-IHg",targetDummySummary:"MarkdownRenderer-module_targetDummySummary__1L590",popup:"MarkdownRenderer-module_popup__QuC1y"};e(".MarkdownRenderer-module_containerWrapper__XUtML{display:flex;gap:16px;height:42vh!important}.MarkdownRenderer-module_mainCard__BcSV-{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;flex:1;height:42vh;padding:20px}.MarkdownRenderer-module_scrollArea__oTyxO{height:100%;overflow-y:auto;padding-right:8px}.MarkdownRenderer-module_checkGreen__fc8ex{color:#16a34a!important;display:inline-block;font-weight:500;margin-right:4px;vertical-align:middle}.MarkdownRenderer-module_list__UqrN9{list-style-type:decimal;margin:4px 0;padding-left:20px}.MarkdownRenderer-module_customHighlight__KSBCr{background-color:#fef08a;border-radius:4px;color:#374151;padding:2px 4px}.MarkdownRenderer-module_detailsInline__Lqlyi{border-radius:8px;display:inline-block;margin:4px 0;position:relative;vertical-align:middle}.MarkdownRenderer-module_detailsInline__Lqlyi>:not(summary){display:none!important}.MarkdownRenderer-module_detailsTarget__MQk1n{display:block;margin:8px 0}.MarkdownRenderer-module_detailsBlock__iHvXn{border-radius:8px;margin:4px 0;position:relative;width:100%}.MarkdownRenderer-module_summary__2-IHg{align-items:center;color:#19213d;cursor:pointer;display:inline-flex;font-weight:500;gap:4px;padding:4px 0;user-select:none}.MarkdownRenderer-module_summary__2-IHg:hover{opacity:.9}.MarkdownRenderer-module_detailsBlock__iHvXn summary::-webkit-details-marker,.MarkdownRenderer-module_detailsInline__Lqlyi summary::-webkit-details-marker,.MarkdownRenderer-module_detailsTarget__MQk1n summary::-webkit-details-marker{display:none}.MarkdownRenderer-module_targetDummySummary__1L590{display:none!important}.MarkdownRenderer-module_popup__QuC1y{background:#6d28d91a;border:1px solid #6d28d9;border-radius:10px;box-shadow:0 8px 24px #0000000f;color:#6d28d9;display:block;font-size:12px;line-height:1.35;margin-top:6px;padding:12px;transition:opacity .2s ease,transform .2s ease}.MarkdownRenderer-module_detailsTarget__MQk1n .MarkdownRenderer-module_popup__QuC1y{opacity:0;transform:translateY(-4px)}.MarkdownRenderer-module_detailsTarget__MQk1n[open] .MarkdownRenderer-module_popup__QuC1y{opacity:1;transform:translateY(0)}.MarkdownRenderer-module_popup__QuC1y .MarkdownRenderer-module_popup__QuC1y{background:#0000!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:0!important}");export{r as default};
+import e from"../../../node_modules/style-inject/dist/style-inject.es.js";var r={containerWrapper:"MarkdownRenderer-module_containerWrapper__XUtML",mainCard:"MarkdownRenderer-module_mainCard__BcSV-",scrollArea:"MarkdownRenderer-module_scrollArea__oTyxO",checkGreen:"MarkdownRenderer-module_checkGreen__fc8ex",list:"MarkdownRenderer-module_list__UqrN9",customHighlight:"MarkdownRenderer-module_customHighlight__KSBCr",detailsInline:"MarkdownRenderer-module_detailsInline__Lqlyi",detailsTarget:"MarkdownRenderer-module_detailsTarget__MQk1n",detailsBlock:"MarkdownRenderer-module_detailsBlock__iHvXn",summary:"MarkdownRenderer-module_summary__2-IHg",targetDummySummary:"MarkdownRenderer-module_targetDummySummary__1L590",popup:"MarkdownRenderer-module_popup__QuC1y"};e(".MarkdownRenderer-module_containerWrapper__XUtML{display:flex;gap:16px;height:42vh!important}.MarkdownRenderer-module_mainCard__BcSV-{background-color:var(--il-color-ffffff,#fff);border:1px solid var(--il-color-e5e7eb,#e5e7eb);border-radius:12px;box-shadow:0 1px 2px 0 #0000000d;flex:1;height:42vh;padding:20px}.MarkdownRenderer-module_scrollArea__oTyxO{height:100%;overflow-y:auto;padding-right:8px}.MarkdownRenderer-module_scrollArea__oTyxO h2{font-size:1.5em;font-weight:700}.MarkdownRenderer-module_scrollArea__oTyxO h3{font-size:1.17em;font-weight:700}.MarkdownRenderer-module_checkGreen__fc8ex{color:var(--il-color-16a34a,#16a34a)!important;display:inline-block;font-weight:var(--il-font-weight-medium,500);margin-right:4px;vertical-align:middle}.MarkdownRenderer-module_list__UqrN9{list-style-type:decimal;margin:4px 0;padding-left:20px}.MarkdownRenderer-module_customHighlight__KSBCr{background-color:var(--il-color-fef08a,#fef08a);border-radius:4px;color:var(--il-color-374151,#374151);padding:2px 4px}.MarkdownRenderer-module_detailsInline__Lqlyi{border-radius:8px;display:inline-block;margin:4px 0;position:relative;vertical-align:middle}.MarkdownRenderer-module_detailsInline__Lqlyi>:not(summary){display:none!important}.MarkdownRenderer-module_detailsTarget__MQk1n{display:block;margin:8px 0}.MarkdownRenderer-module_detailsBlock__iHvXn{border-radius:8px;margin:4px 0;position:relative;width:100%}.MarkdownRenderer-module_summary__2-IHg{align-items:center;color:var(--il-color-19213d,#19213d);cursor:pointer;display:inline-flex;font-weight:var(--il-font-weight-medium,500);gap:4px;padding:4px 0;user-select:none}.MarkdownRenderer-module_summary__2-IHg:hover{opacity:.9}.MarkdownRenderer-module_detailsBlock__iHvXn summary::-webkit-details-marker,.MarkdownRenderer-module_detailsInline__Lqlyi summary::-webkit-details-marker,.MarkdownRenderer-module_detailsTarget__MQk1n summary::-webkit-details-marker{display:none}.MarkdownRenderer-module_targetDummySummary__1L590{display:none!important}.MarkdownRenderer-module_popup__QuC1y{background:#6d28d91a;border:1px solid var(--il-color-6d28d9,#6d28d9);border-radius:10px;box-shadow:0 8px 24px #0000000f;color:var(--il-color-6d28d9,#6d28d9);display:block;font-size:var(--il-font-size-xs,12px);line-height:1.35;margin-top:6px;padding:12px;transition:opacity .2s ease,transform .2s ease}.MarkdownRenderer-module_detailsTarget__MQk1n .MarkdownRenderer-module_popup__QuC1y{opacity:0;transform:translateY(-4px)}.MarkdownRenderer-module_detailsTarget__MQk1n[open] .MarkdownRenderer-module_popup__QuC1y{opacity:1;transform:translateY(0)}.MarkdownRenderer-module_popup__QuC1y .MarkdownRenderer-module_popup__QuC1y{background:#0000!important;border:none!important;box-shadow:none!important;color:inherit!important;padding:0!important}");export{r as default};
 //# sourceMappingURL=MarkdownRenderer.module.css.js.map

package/dist/features/IL-OTJ/_components/MessageRendering/ChatFeedback.js

@@ -1,2 +1,2 @@
-import{__assign as e,__awaiter as t,__generator as n}from"tslib";import{jsxs as o,Fragment as r,jsx as i}from"react/jsx-runtime";import{useState as l,useEffect as a}from"react";import{ThumbsUp as d,ThumbsDown as s}from"lucide-react";import u from"../_svg/SparkleIcon.js";var c={title:"Help us improve this response!",submitButtonText:"Submit Feedback",fields:[{id:"severity",label:"1. How would you rate this issue?",type:"radio",options:["Critical","High","Moderate","Low"]},{id:"what_went_wrong",label:"2. What went wrong?",type:"textarea",placeholder:"Tell us what didn't work or what you expected instead..."}]},f=function(f){var p=f.isLastMessage,g=f.isStreamEnd,y=f.role,b=f.content,h=f.messages,x=f.index,v=f.onFeedbackSubmit,m=f.feedbackConfig||c,w=l(!1),k=w[0],C=w[1],S=l({}),E=S[0],T=S[1],_=l(!1),B=_[0],z=_[1],F=l(null),I=F[0],M=F[1],W=l(!1),j=W[0],L=W[1],q=l(!1),D=q[0],H=q[1];a(function(){if(0===Object.keys(E).length){var e={};m.fields.forEach(function(t){e[t.id]=""}),T(e)}},[m.fields]);var R=function(t,n){T(function(o){var r;return e(e({},o),((r={})[t]=n,r))})};if(!(p||B&&x===h.length-2)||"assistant"!==y||!g||"Thanks for your feedback — this will help improve future suggestions."===b)return null;var A=m.fields.some(function(e){var t;return""!==(null===(t=E[e.id])||void 0===t?void 0:t.trim())});return o(r,{children:[i("div",e({style:{display:"flex",flexDirection:"column",alignItems:"flex-end",marginTop:"4px"}},{children:o("div",e({style:{display:"flex",gap:"12px"}},{children:[i("button",e({onClick:function(){B||("up"===I?M(null):(M("up"),C(!1)))},style:{background:"none",border:"none",cursor:"pointer",color:"up"===I?"#2563EB":"#94a3b8"},onMouseEnter:function(e){"up"!==I&&(e.currentTarget.style.color="#2563EB")},onMouseLeave:function(e){"up"!==I&&(e.currentTarget.style.color="#94a3b8")}},{children:i(d,{size:18,fill:"up"===I?"currentColor":"none"})})),i("button",e({onClick:function(){B||("down"===I?(M(null),C(!1)):(M("down"),C(!0)))},style:{background:"none",border:"none",cursor:"pointer",color:"down"===I?"#2563EB":"#94a3b8"},onMouseEnter:function(e){"down"!==I&&(e.currentTarget.style.color="#2563EB")},onMouseLeave:function(e){"down"!==I&&(e.currentTarget.style.color="#94a3b8")}},{children:i(s,{size:18,fill:"down"===I?"currentColor":"none"})}))]}))})),k&&!B&&"down"===I&&o("div",e({style:{position:"relative",marginTop:"16px"}},{children:[i("div",e({style:{position:"absolute",left:"calc(-32px - 0.7rem)",top:"0",width:"32px",display:"flex",justifyContent:"center"}},{children:i(u,{})})),o("div",e({style:{border:"1px solid #E3E6EA",borderRadius:"8px",padding:"14px",backgroundColor:"#ffffff",fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[i("div",e({style:{fontSize:"12px",fontWeight:500,color:"#334155",marginBottom:"12px"}},{children:m.title})),m.fields.map(function(t,n){var r;return o("div",e({style:{marginBottom:n===m.fields.length-1?"0":"16px"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:500,color:"#17212B",marginBottom:"8px"}},{children:t.label})),"radio"===t.type&&i("div",e({style:{display:"flex",gap:"16px",fontSize:"14px",color:"#334155",flexWrap:"wrap"}},{children:null===(r=t.options)||void 0===r?void 0:r.map(function(n){return o("label",e({style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer"}},{children:[i("input",{type:"radio",name:"feedback-".concat(t.id),value:n,checked:E[t.id]===n,onChange:function(e){return R(t.id,e.target.value)},style:{cursor:"pointer",accentColor:"#3b82f6"}}),n]}),n)})})),"text"===t.type&&i("input",{type:"text",style:{width:"100%",padding:"10px",border:"1px solid #E3E6EA",borderRadius:"6px",fontSize:"14px",fontFamily:"inherit",outline:"none"},placeholder:t.placeholder,value:E[t.id]||"",onChange:function(e){return R(t.id,e.target.value)},onFocus:function(e){return e.target.style.borderColor="#3b82f6"},onBlur:function(e){return e.target.style.borderColor="#cbd5e1"}}),"textarea"===t.type&&i("textarea",{style:{width:"100%",minHeight:"80px",padding:"10px",border:"1px solid #E3E6EA",borderRadius:"6px",fontSize:"14px",fontFamily:"inherit",resize:"vertical",outline:"none"},placeholder:t.placeholder,value:E[t.id]||"",onChange:function(e){return R(t.id,e.target.value)},onFocus:function(e){return e.target.style.borderColor="#3b82f6"},onBlur:function(e){return e.target.style.borderColor="#cbd5e1"}})]}),t.id)}),D&&i("div",e({style:{display:"flex",justifyContent:"flex-end",marginTop:"6px"}},{children:i("span",e({style:{color:"#ef4444",fontSize:"12px",fontWeight:500}},{children:"Submission failed, try again."}))}))]})),A&&i("div",e({style:{display:"flex",flexDirection:"column",alignItems:"flex-end",marginTop:"12px"}},{children:i("button",e({onClick:function(){return t(void 0,void 0,void 0,function(){var t,o,r,i;return n(this,function(n){switch(n.label){case 0:t=h[x],o=h[x-1],r=(null==o?void 0:o.time)?new Date(o.time).toISOString():(new Date).toISOString(),i=e(e({},E),{user_query:"user"===(null==o?void 0:o.role)?o.content:"",query_time:r,session_id:(null==t?void 0:t.sessionId)||"",request_id:(null==t?void 0:t.requestId)||""}),void 0!==E.what_went_wrong&&(i.what_went_wrong=E.what_went_wrong),void 0!==E.severity&&(i.severity=E.severity),L(!0),H(!1),n.label=1;case 1:return n.trys.push([1,4,5,6]),v?[4,v(i)]:[3,3];case 2:n.sent(),n.label=3;case 3:return z(!0),C(!1),[3,6];case 4:return n.sent(),H(!0),[3,6];case 5:return L(!1),[7];case 6:return[2]}})})},disabled:j,style:{backgroundColor:j?"#93c5fd":"#3b82f6",color:"#ffffff",padding:"6px 12px",borderRadius:"8px",fontSize:"14px",fontWeight:500,border:"none",cursor:j?"not-allowed":"pointer",transition:"background-color 0.2s"},onMouseEnter:function(e){j||(e.currentTarget.style.backgroundColor="#0069F5")},onMouseLeave:function(e){j||(e.currentTarget.style.backgroundColor="#3b82f6")}},{children:j?"Submitting...":m.submitButtonText||"Submit Feedback"}))}))]}))]})};export{f as default};
+import{__assign as e,__awaiter as r,__generator as t}from"tslib";import{jsxs as n,Fragment as o,jsx as i}from"react/jsx-runtime";import{useState as l,useEffect as a}from"react";import{ThumbsUp as d,ThumbsDown as u}from"lucide-react";import s from"../_svg/SparkleIcon.js";var c={title:"Help us improve this response!",submitButtonText:"Submit Feedback",fields:[{id:"severity",label:"1. How would you rate this issue?",type:"radio",options:["Critical","High","Moderate","Low"]},{id:"what_went_wrong",label:"2. What went wrong?",type:"textarea",placeholder:"Tell us what didn't work or what you expected instead..."}]},f=function(f){var p=f.isLastMessage,g=f.isStreamEnd,v=f.role,b=f.content,y=f.messages,h=f.index,x=f.onFeedbackSubmit,m=f.feedbackConfig||c,w=l(!1),k=w[0],C=w[1],S=l({}),E=S[0],B=S[1],T=l(!1),_=T[0],z=T[1],F=l(null),I=F[0],M=F[1],W=l(!1),j=W[0],L=W[1],q=l(!1),D=q[0],H=q[1];a(function(){if(0===Object.keys(E).length){var e={};m.fields.forEach(function(r){e[r.id]=""}),B(e)}},[m.fields]);var R=function(r,t){B(function(n){var o;return e(e({},n),((o={})[r]=t,o))})};if(!(p||_&&h===y.length-2)||"assistant"!==v||!g||"Thanks for your feedback — this will help improve future suggestions."===b)return null;var A=m.fields.some(function(e){var r;return""!==(null===(r=E[e.id])||void 0===r?void 0:r.trim())});return n(o,{children:[i("div",e({style:{display:"flex",flexDirection:"column",alignItems:"flex-end",marginTop:"4px"}},{children:n("div",e({style:{display:"flex",gap:"12px"}},{children:[i("button",e({onClick:function(){_||("up"===I?M(null):(M("up"),C(!1)))},style:{background:"none",border:"none",cursor:"pointer",color:"up"===I?"var(--il-primary, #2563EB)":"var(--il-muted, #94a3b8)"},onMouseEnter:function(e){"up"!==I&&(e.currentTarget.style.color="#2563EB")},onMouseLeave:function(e){"up"!==I&&(e.currentTarget.style.color="#94a3b8")}},{children:i(d,{size:18,fill:"up"===I?"currentColor":"none"})})),i("button",e({onClick:function(){_||("down"===I?(M(null),C(!1)):(M("down"),C(!0)))},style:{background:"none",border:"none",cursor:"pointer",color:"down"===I?"var(--il-primary, #2563EB)":"var(--il-muted, #94a3b8)"},onMouseEnter:function(e){"down"!==I&&(e.currentTarget.style.color="#2563EB")},onMouseLeave:function(e){"down"!==I&&(e.currentTarget.style.color="#94a3b8")}},{children:i(u,{size:18,fill:"down"===I?"currentColor":"none"})}))]}))})),k&&!_&&"down"===I&&n("div",e({style:{position:"relative",marginTop:"16px"}},{children:[i("div",e({style:{position:"absolute",left:"calc(-32px - 0.7rem)",top:"0",width:"32px",display:"flex",justifyContent:"center"}},{children:i(s,{})})),n("div",e({style:{border:"1px solid var(--il-border, #E3E6EA)",borderRadius:"8px",padding:"14px",backgroundColor:"var(--il-surface, #ffffff)",color:"var(--il-foreground, #17212B)",fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[i("div",e({style:{fontSize:"12px",fontWeight:500,color:"var(--il-secondary-fg, #334155)",marginBottom:"12px"}},{children:m.title})),m.fields.map(function(r,t){var o;return n("div",e({style:{marginBottom:t===m.fields.length-1?"0":"16px"}},{children:[i("div",e({style:{fontSize:"14px",fontWeight:500,color:"var(--il-foreground, #17212B)",marginBottom:"8px"}},{children:r.label})),"radio"===r.type&&i("div",e({style:{display:"flex",gap:"16px",fontSize:"14px",color:"var(--il-secondary-fg, #334155)",flexWrap:"wrap"}},{children:null===(o=r.options)||void 0===o?void 0:o.map(function(t){return n("label",e({style:{display:"flex",alignItems:"center",gap:"6px",cursor:"pointer"}},{children:[i("input",{type:"radio",name:"feedback-".concat(r.id),value:t,checked:E[r.id]===t,onChange:function(e){return R(r.id,e.target.value)},style:{cursor:"pointer",accentColor:"#3b82f6"}}),t]}),t)})})),"text"===r.type&&i("input",{type:"text",style:{width:"100%",padding:"10px",border:"1px solid var(--il-input-border, #E3E6EA)",backgroundColor:"var(--il-input-bg, #ffffff)",color:"var(--il-input-fg, #17212B)",borderRadius:"6px",fontSize:"14px",fontFamily:"inherit",outline:"none"},placeholder:r.placeholder,value:E[r.id]||"",onChange:function(e){return R(r.id,e.target.value)},onFocus:function(e){return e.target.style.borderColor="#3b82f6"},onBlur:function(e){return e.target.style.borderColor="#cbd5e1"}}),"textarea"===r.type&&i("textarea",{style:{width:"100%",minHeight:"80px",padding:"10px",border:"1px solid var(--il-input-border, #E3E6EA)",backgroundColor:"var(--il-input-bg, #ffffff)",color:"var(--il-input-fg, #17212B)",borderRadius:"6px",fontSize:"14px",fontFamily:"inherit",resize:"vertical",outline:"none"},placeholder:r.placeholder,value:E[r.id]||"",onChange:function(e){return R(r.id,e.target.value)},onFocus:function(e){return e.target.style.borderColor="#3b82f6"},onBlur:function(e){return e.target.style.borderColor="#cbd5e1"}})]}),r.id)}),D&&i("div",e({style:{display:"flex",justifyContent:"flex-end",marginTop:"6px"}},{children:i("span",e({style:{color:"var(--il-danger, #ef4444)",fontSize:"12px",fontWeight:500}},{children:"Submission failed, try again."}))}))]})),A&&i("div",e({style:{display:"flex",flexDirection:"column",alignItems:"flex-end",marginTop:"12px"}},{children:i("button",e({onClick:function(){return r(void 0,void 0,void 0,function(){var r,n,o,i;return t(this,function(t){switch(t.label){case 0:r=y[h],n=y[h-1],o=(null==n?void 0:n.time)?new Date(n.time).toISOString():(new Date).toISOString(),i=e(e({},E),{user_query:"user"===(null==n?void 0:n.role)?n.content:"",query_time:o,session_id:(null==r?void 0:r.sessionId)||"",request_id:(null==r?void 0:r.requestId)||""}),void 0!==E.what_went_wrong&&(i.what_went_wrong=E.what_went_wrong),void 0!==E.severity&&(i.severity=E.severity),L(!0),H(!1),t.label=1;case 1:return t.trys.push([1,4,5,6]),x?[4,x(i)]:[3,3];case 2:t.sent(),t.label=3;case 3:return z(!0),C(!1),[3,6];case 4:return t.sent(),H(!0),[3,6];case 5:return L(!1),[7];case 6:return[2]}})})},disabled:j,style:{backgroundColor:j?"#93c5fd":"#3b82f6",color:"var(--il-primary-fg, #ffffff)",padding:"6px 12px",borderRadius:"8px",fontSize:"14px",fontWeight:500,border:"none",cursor:j?"not-allowed":"pointer",transition:"background-color 0.2s"},onMouseEnter:function(e){j||(e.currentTarget.style.backgroundColor="#0069F5")},onMouseLeave:function(e){j||(e.currentTarget.style.backgroundColor="#3b82f6")}},{children:j?"Submitting...":m.submitButtonText||"Submit Feedback"}))}))]}))]})};export{f as default};
 //# sourceMappingURL=ChatFeedback.js.map

package/dist/features/IL-OTJ/_components/MessageRendering/ClickableChatComponents.js

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as r,__awaiter as n,__generator as o}from"tslib";import{jsx as t,jsxs as i,Fragment as l}from"react/jsx-runtime";import{useState as a}from"react";import{extractTextFromChildren as s}from"../../helpers/utils.js";import{TickIcon as d}from"../_svg/TickIcon.js";import{autoGeneratePrompt as c}from"../ChatComponents/ChatComponent.js";import u from"../_svg/SparkleIcon.js";import{ArrowRight as p}from"lucide-react";var g=function(e){var n=e.content,o=function(e){var r=e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),o=new RegExp("<".concat(r,">([\\s\\S]*?)<\\/").concat(r,">"),"i"),t=n.match(o);return t?t[1].trim():"*No ".concat(e," tag found.*")},l=o("reasoning_new"),a=o("proposed_rule"),s=o("wta_new"),d=o("wnta_new");return i("div",r({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid #A78BFA",borderRadius:"8px",backgroundColor:"#F6F4FF"}},{children:[t("div",r({style:{color:"#4B5563",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:l})),i("div",r({style:{border:"1px solid #ddd",borderRadius:"8px",padding:"16px",backgroundColor:"#FFFFFF",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[i("div",r({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"Proposed Rule"})),t("div",r({style:{fontSize:"0.95rem",color:"#374151",fontFamily:"inherit"}},{children:a}))]})),i("div",r({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When to apply"})),t("div",r({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:s}))]})),i("div",r({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[t("div",r({style:{fontSize:"14px",fontWeight:"400",color:"#666F8D",fontFamily:"inherit"}},{children:"When NOT to apply"})),t("div",r({style:{fontSize:"0.9rem",color:"#374151",fontFamily:"inherit"}},{children:d}))]}))]}))]}))},f=function(e){var n=e.label,o=e.onToggle,l=e.isSelected,a=e.disabled;return i("div",r({style:{display:"inline-flex",alignItems:"center",cursor:a?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:a?"#9ca3af":"#000000de",verticalAlign:"middle",opacity:a&&!l?.6:1},onClick:function(){return!a&&o(n,!l)}},{children:[t("div",r({style:{width:"18px",height:"18px",borderRadius:"4px",border:l?"none":"2px solid ".concat(a?"#e5e7eb":"#cfd8dc"),backgroundColor:l?a?"#90caf9":"#2661eb":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"white",flexShrink:0}},{children:l&&t("svg",r({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:t("path",{d:"M10 3L4.5 8.5L2 6",stroke:"white",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),t("span",{children:n})]}))},b=function(g){var f,b=g.node,h=g.className,m=g.children,y=g.handleStream,x=g.onAction,v=g.disabled,C=g.isStreamEnd,k=void 0===C||C,w=g.style;g.isLastMessage;var T=g.onTypeResponseClick,F=e(g,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage","onTypeResponseClick"]),S=s(m),E=a(!1),z=E[0],L=E[1],R=a(!1),W=R[0],A=R[1],G=a(null),M=G[0],I=G[1],P=a(!1),B=P[0],D=P[1],j=a(""),N=j[0],J=j[1],_="typeYourAnswer"===((null===(f=null==b?void 0:b.properties)||void 0===f?void 0:f.id)||F.id)||"type your response"===S.toLowerCase().trim(),H=F["data-selected"],K="true"===H,U="true"===H||"false"===H,Y=F["data-value"],$=a(!1),O=$[0],q=$[1],Q=K||_&&O;if(!1===k&&!v&&!U&&!_)return null;var V={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},X={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===h){var Z=(null==F?void 0:F.isTesterGenie)&&(z||null!==M),ee=v||U&&!K||Z,re={background:(null==F?void 0:F.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"#fff",color:(null==F?void 0:F.isTesterGenie)?"#6d28d9":"#272727ff",borderColor:(null==F?void 0:F.isTesterGenie)?"rgba(139, 92, 246, 0.35)":"#272727ff",cursor:"pointer",opacity:1};return U||_?re=Q?{background:"linear-gradient(to right, rgb(236, 253, 245), rgb(209, 250, 229))",color:"#047857",borderColor:"#55a78fff",cursor:_?"pointer":"default",opacity:1}:{background:"#f3f4f6",color:"#64676A",borderColor:"#a8a8a8ff",cursor:"default",opacity:.6}:(v||Z)&&(re={background:"#f3f4f6",color:"#64676A",borderColor:"#C0C0C2",cursor:"not-allowed",opacity:1}),i(l,{children:[t("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),t("button",r({className:h,onClick:function(e){return n(void 0,void 0,void 0,function(){var r,n,t,i;return o(this,function(o){switch(o.label){case 0:return e.preventDefault(),_?(q(!0),T&&T(),[2]):ee?[2]:(r=Y||S,x?(x(r),[3,8]):[3,1]);case 1:if(!(null==F?void 0:F.isTesterGenie))return[3,7];o.label=2;case 2:return o.trys.push([2,4,5,6]),L(!0),[4,c(F.baseURL)];case 3:return n=o.sent(),I((null===(i=null==n?void 0:n.result)||void 0===i?void 0:i.Answer)||""),[3,6];case 4:return t=o.sent(),console.error("Error in TesterGenie click:",t),[3,6];case 5:return L(!1),[7];case 6:return[3,8];case 7:y(new KeyboardEvent("keydown",{key:"Enter"}),!1,r,L),o.label=8;case 8:return[2]}})})},disabled:ee,style:(null==F?void 0:F.isTesterGenie)?r(r({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:re.background,backgroundSize:(null==F?void 0:F.isTesterGenie)?"250% 250%":void 0,animation:(null==F?void 0:F.isTesterGenie)&&!ee?"tgShimmer 6s ease infinite":void 0,color:re.color,border:"1.5px solid ".concat(re.borderColor),borderRadius:"6px",cursor:re.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:ee?"none":"auto",opacity:re.opacity,boxShadow:(null==F?void 0:F.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},w),{marginLeft:"8px",width:"fit-content"}):r({display:"flex",alignItems:"center",padding:"5px 8px",background:Q?"linear-gradient(to right, #EFF4FF)":"transparent",border:"1px solid ".concat(Q?"#B2CCFF":"transparent"),borderRadius:"6px",cursor:ee?"not-allowed":"pointer",textAlign:"left",fontFamily:"Plus Jakarta Sans, sans-serif",opacity:ee?.6:1},w),onMouseEnter:function(e){ee||(null==F?void 0:F.isTesterGenie)||Q||(e.currentTarget.style.background="linear-gradient(to right, #EFF4FF)",e.currentTarget.style.borderColor="#B2CCFF")},onMouseLeave:function(e){ee||(null==F?void 0:F.isTesterGenie)||Q||(e.currentTarget.style.background="transparent",e.currentTarget.style.borderColor="transparent")}},F,{children:z&&(null==F?void 0:F.isTesterGenie)&&null===M?i("span",r({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[t("span",{style:X}),"Finding an interesting usecase to test..."]})):t(l,{children:(null==F?void 0:F.isTesterGenie)?m:i("div",r({style:{display:"flex",alignItems:"center",width:"100%"}},{children:[t("div",r({style:{width:"28px",height:"28px",borderRadius:"50%",border:Q?"1px solid #D0D5DD":"1px solid #B2CCFF",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",backgroundColor:Q?"#D1E0FF":"#fff",flexShrink:0}},{children:t(p,{color:Q?"#004EEB":"#667085",size:20})})),t("span",r({style:{fontSize:"14px",color:"#344054",fontFamily:"Inter",fontWeight:"500"}},{children:m}))]}))})})),(null==F?void 0:F.isTesterGenie)&&null!==M&&i("div",r({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid #e5e7eb",background:"#f9fafb",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(e){return e.stopPropagation()}},{children:[i("p",r({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827"}},{children:[t("span",r({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:t(u,{})})),"Your prompt is ready!"]})),t("p",r({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"#111827",whiteSpace:"pre-wrap"}},{children:M})),t("p",r({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"#111827",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),i("div",r({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[i("button",r({disabled:W||z,style:r(r({},V),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:W||z?.6:1,cursor:W||z?"not-allowed":"pointer"}),onMouseEnter:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){y(new KeyboardEvent("keydown",{key:"Enter"}),!1,M,L),I(null),D(!1),J("")}},{children:[t(d,{color:"#5b21b6"})," Proceed"]})),t("button",r({disabled:W||z,style:r(r({},V),{background:W?"#f3f4f6":"#fff",color:W?"#64676A":"#272727",borderColor:W?"#C0C0C2":"#272727",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.7:1}),onMouseEnter:function(e){W||z||(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){W||z||(e.currentTarget.style.background="#fff",e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onClick:function(){return n(void 0,void 0,void 0,function(){var e,r,n;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),A(!0),[4,c(F.baseUrl,N||void 0)];case 1:return e=o.sent(),I((null===(n=null==e?void 0:e.result)||void 0===n?void 0:n.Answer)||""),[3,4];case 2:return r=o.sent(),console.error("Error regenerating prompt:",r),[3,4];case 3:return A(!1),[7];case 4:return[2]}})})}},{children:i(l,W?{children:[t("span",{style:X})," Regenerating..."]}:{children:[i("svg",r({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[t("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),t("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),t("button",r({disabled:W||z,style:r(r({},V),{background:"#fff",color:B?"#5b21b6":"#64676A",borderColor:B?"#7c3aed":"#C0C0C2",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.6:1}),onMouseEnter:function(e){W||z||(e.currentTarget.style.borderColor="#7c3aed",e.currentTarget.style.color="#5b21b6")},onMouseLeave:function(e){W||z||B||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return D(function(e){return!e})}},{children:B?"✕    Hide Inputs":" Give Inputs"}))]})),B&&i("div",r({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid #e5e7eb"}},{children:[t("p",r({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"#6b7280"}},{children:"Help us generate better prompt (optional)"})),t("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:N,onChange:function(e){return J(e.target.value)},rows:3,onKeyDown:function(e){e.stopPropagation()},onWheel:function(e){e.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid #d1d5db",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"#111827",background:"#fff",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(e){e.currentTarget.style.borderColor="#7c3aed"},onBlur:function(e){e.currentTarget.style.borderColor="#d1d5db"}}),i("div",r({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[t("button",r({disabled:z||!N.trim(),style:r(r({},V),{background:z||!N.trim()?"#f3f4f6":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:z||!N.trim()?"#64676A":"#5b21b6",borderColor:z||!N.trim()?"#C0C0C2":"#7c3aed",cursor:z||!N.trim()?"not-allowed":"pointer",opacity:z||!N.trim()?.7:1}),onMouseEnter:function(e){!z&&N.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(e){!z&&N.trim()&&(e.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return n(void 0,void 0,void 0,function(){var e,r,n;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),L(!0),[4,c(F.baseUrl,N)];case 1:return e=o.sent(),I((null===(n=null==e?void 0:e.result)||void 0===n?void 0:n.Answer)||""),D(!1),[3,4];case 2:return r=o.sent(),console.error("Error generating with direction:",r),[3,4];case 3:return L(!1),[7];case 4:return[2]}})})}},{children:z?i(l,{children:[t("span",{style:X})," Generating..."]}):t(l,{children:"✦ Generate"})})),t("button",r({disabled:z,style:r(r({},V),{background:"#fff",color:"#64676A",borderColor:"#C0C0C2",cursor:z?"not-allowed":"pointer",opacity:z?.5:1}),onMouseEnter:function(e){z||(e.currentTarget.style.borderColor="#272727",e.currentTarget.style.color="#272727")},onMouseLeave:function(e){z||(e.currentTarget.style.borderColor="#C0C0C2",e.currentTarget.style.color="#64676A")},onClick:function(){return J("")}},{children:"Clear"}))]}))]}))]}))]})}return t("button",r({className:h},F,{children:m}))},h=function(n){n.node;var o=n.className,l=n.children,a=n.selectedItems,d=n.onToggle,c=n.isSubmitted,u=n.disabled;e(n,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var p=s(l),g=p.trim();return"clickable-box"===o?c?a.includes(g)?i("div",r({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[t("span",r({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",p]})):null:t(f,{label:p,isSelected:a.includes(g),onToggle:d,disabled:u}):t("span",r({className:o},{children:l}))};export{b as ActionableButton,h as ActionableCheckbox,f as CheckboxSelector,g as RuleDisplay};
+import{__rest as r,__assign as e,__awaiter as i,__generator as o}from"tslib";import{jsx as n,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useState as l}from"react";import{extractTextFromChildren as d}from"../../helpers/utils.js";import{TickIcon as s}from"../_svg/TickIcon.js";import{autoGeneratePrompt as c}from"../ChatComponents/ChatComponent.js";import u from"../_svg/SparkleIcon.js";import{ArrowRight as p}from"lucide-react";var g=function(r){var i=r.content,o=function(r){var e=r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),o=new RegExp("<".concat(e,">([\\s\\S]*?)<\\/").concat(e,">"),"i"),n=i.match(o);return n?n[1].trim():"*No ".concat(r," tag found.*")},a=o("reasoning_new"),l=o("proposed_rule"),d=o("wta_new"),s=o("wnta_new");return t("div",e({style:{padding:"16px 16px",maxWidth:"100%",border:"1px solid var(--il-primary, #A78BFA)",borderRadius:"8px",backgroundColor:"var(--il-primary-subtle, #F6F4FF)"}},{children:[n("div",e({style:{color:"var(--il-secondary-fg, #4B5563)",fontSize:"1rem",lineHeight:"1.5rem",marginBottom:"1rem",fontFamily:"inherit",maxWidth:"90%"}},{children:a})),t("div",e({style:{border:"1px solid var(--il-border, #ddd)",borderRadius:"8px",padding:"16px",backgroundColor:"var(--il-surface, #FFFFFF)",color:"var(--il-foreground, #19213D)",boxShadow:"0 4px 6px rgba(0, 0, 0, 0.05)"}},{children:[t("div",e({style:{paddingLeft:"12px",marginBottom:"12px",fontFamily:"inherit"}},{children:[n("div",e({style:{fontSize:"14px",fontWeight:"400",color:"var(--il-muted, #666F8D)",fontFamily:"inherit"}},{children:"Proposed Rule"})),n("div",e({style:{fontSize:"0.95rem",color:"var(--il-foreground, #374151)",fontFamily:"inherit"}},{children:l}))]})),t("div",e({style:{marginBottom:"12px",paddingLeft:"12px",fontFamily:"inherit"}},{children:[n("div",e({style:{fontSize:"14px",fontWeight:"400",color:"var(--il-muted, #666F8D)",fontFamily:"inherit"}},{children:"When to apply"})),n("div",e({style:{fontSize:"0.9rem",color:"var(--il-foreground, #374151)",fontFamily:"inherit"}},{children:d}))]})),t("div",e({style:{paddingLeft:"12px",fontFamily:"inherit"}},{children:[n("div",e({style:{fontSize:"14px",fontWeight:"400",color:"var(--il-muted, #666F8D)",fontFamily:"inherit"}},{children:"When NOT to apply"})),n("div",e({style:{fontSize:"0.9rem",color:"var(--il-foreground, #374151)",fontFamily:"inherit"}},{children:s}))]}))]}))]}))},f=function(r){var i=r.label,o=r.onToggle,a=r.isSelected,l=r.disabled;return t("div",e({style:{display:"inline-flex",alignItems:"center",cursor:l?"not-allowed":"pointer",margin:"8px 24px 8px 0",userSelect:"none",fontFamily:"Plus Jakarta Sans, sans-serif",fontSize:"14px",color:l?"var(--il-disabled, #9ca3af)":"var(--il-foreground, #000000de)",verticalAlign:"middle",opacity:l&&!a?.6:1},onClick:function(){return!l&&o(i,!a)}},{children:[n("div",e({style:{width:"18px",height:"18px",borderRadius:"4px",border:a?"none":"2px solid ".concat(l?"var(--il-disabled, #e5e7eb)":"var(--il-border, #cfd8dc)"),backgroundColor:a?l?"var(--il-disabled, #90caf9)":"var(--il-primary, #2661eb)":"transparent",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"8px",transition:"all 0.2s ease",color:"var(--il-primary-fg, white)",flexShrink:0}},{children:a&&n("svg",e({width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:n("path",{d:"M10 3L4.5 8.5L2 6",stroke:"var(--il-primary-fg, white)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}))})),n("span",{children:i})]}))},b=function(g){var f,b=g.node,v=g.className,m=g.children,h=g.handleStream,y=g.onAction,x=g.disabled,k=g.isStreamEnd,C=void 0===k||k,w=g.style;g.isLastMessage;var T=g.onTypeResponseClick,F=r(g,["node","className","children","handleStream","onAction","disabled","isStreamEnd","style","isLastMessage","onTypeResponseClick"]),S=d(m),E=l(!1),z=E[0],L=E[1],R=l(!1),W=R[0],A=R[1],G=l(null),M=G[0],I=G[1],P=l(!1),B=P[0],D=P[1],j=l(""),N=j[0],J=j[1],_="typeYourAnswer"===((null===(f=null==b?void 0:b.properties)||void 0===f?void 0:f.id)||F.id)||"type your response"===S.toLowerCase().trim(),H=F["data-selected"],K="true"===H,U="true"===H||"false"===H,Y=F["data-value"],$=l(!1),O=$[0],q=$[1],Q=K||_&&O;if(!1===C&&!x&&!U&&!_)return null;var V={padding:"0.3rem 0.8rem",borderRadius:"4px",fontSize:"0.9rem",fontWeight:"500",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"6px",cursor:"pointer",transition:"all 0.2s ease",border:"1px solid"},X={display:"inline-block",width:"12px",height:"12px",border:"2px solid currentColor",borderTopColor:"transparent",borderRadius:"50%",animation:"spin 0.6s linear infinite",flexShrink:0};if("clickable-button"===v){var Z=(null==F?void 0:F.isTesterGenie)&&(z||null!==M),rr=x||U&&!K||Z,er={background:(null==F?void 0:F.isTesterGenie)?"linear-gradient(135deg, #e0eaff, #ede9fe, #dbeafe, #e0eaff)":"var(--il-surface, #fff)",color:(null==F?void 0:F.isTesterGenie)?"var(--il-primary, #6d28d9)":"var(--il-foreground, #272727ff)",borderColor:(null==F?void 0:F.isTesterGenie)?"var(--il-primary, rgba(139, 92, 246, 0.35))":"var(--il-border, #272727ff)",cursor:"pointer",opacity:1};return U||_?er=Q?{background:"color-mix(in srgb, var(--il-success, #16a34a) 14%, transparent)",color:"var(--il-success, #047857)",borderColor:"var(--il-success, #55a78fff)",cursor:_?"pointer":"default",opacity:1}:{background:"var(--il-secondary-bg, #f3f4f6)",color:"var(--il-disabled, #64676A)",borderColor:"var(--il-border, #a8a8a8ff)",cursor:"default",opacity:.6}:(x||Z)&&(er={background:"var(--il-secondary-bg, #f3f4f6)",color:"var(--il-disabled, #64676A)",borderColor:"var(--il-border, #C0C0C2)",cursor:"not-allowed",opacity:1}),t(a,{children:[n("style",{children:"\n                        @keyframes spin { to { transform: rotate(360deg); } }\n                        @keyframes tgShimmer {\n                            0%, 100% { background-position: 0% 50%; }\n                            50%       { background-position: 100% 50%; }\n                        }\n                    "}),n("button",e({className:v,onClick:function(r){return i(void 0,void 0,void 0,function(){var e,i,n,t;return o(this,function(o){switch(o.label){case 0:return r.preventDefault(),_?(q(!0),T&&T(),[2]):rr?[2]:(e=Y||S,y?(y(e),[3,8]):[3,1]);case 1:if(!(null==F?void 0:F.isTesterGenie))return[3,7];o.label=2;case 2:return o.trys.push([2,4,5,6]),L(!0),[4,c(F.baseURL)];case 3:return i=o.sent(),I((null===(t=null==i?void 0:i.result)||void 0===t?void 0:t.Answer)||""),[3,6];case 4:return n=o.sent(),console.error("Error in TesterGenie click:",n),[3,6];case 5:return L(!1),[7];case 6:return[3,8];case 7:h(new KeyboardEvent("keydown",{key:"Enter"}),!1,e,L),o.label=8;case 8:return[2]}})})},disabled:rr,style:(null==F?void 0:F.isTesterGenie)?e(e({padding:"0.3rem 0.8rem",margin:"10px 8px 8px 0",background:er.background,backgroundSize:(null==F?void 0:F.isTesterGenie)?"250% 250%":void 0,animation:(null==F?void 0:F.isTesterGenie)&&!rr?"tgShimmer 6s ease infinite":void 0,color:er.color,border:"1.5px solid ".concat(er.borderColor),borderRadius:"6px",cursor:er.cursor,fontSize:"0.9rem",fontWeight:"500",transition:"color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease",fontFamily:"Plus Jakarta Sans, sans-serif",display:"flex",alignItems:"center",gap:"3px",pointerEvents:rr?"none":"auto",opacity:er.opacity,boxShadow:(null==F?void 0:F.isTesterGenie)?"0 1px 4px rgba(124, 58, 237, 0.1)":"none"},w),{marginLeft:"8px",width:"fit-content"}):e({display:"flex",alignItems:"center",padding:"5px 8px",background:Q?"var(--il-hover, #EFF4FF)":"transparent",border:"1px solid ".concat(Q?"var(--il-primary, #B2CCFF)":"transparent"),borderRadius:"6px",cursor:rr?"not-allowed":"pointer",textAlign:"left",fontFamily:"Plus Jakarta Sans, sans-serif",opacity:rr?.6:1},w),onMouseEnter:function(r){rr||(null==F?void 0:F.isTesterGenie)||Q||(r.currentTarget.style.background="var(--il-hover, #EFF4FF)",r.currentTarget.style.borderColor="var(--il-primary, #B2CCFF)")},onMouseLeave:function(r){rr||(null==F?void 0:F.isTesterGenie)||Q||(r.currentTarget.style.background="transparent",r.currentTarget.style.borderColor="transparent")}},F,{children:z&&(null==F?void 0:F.isTesterGenie)&&null===M?t("span",e({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[n("span",{style:X}),"Finding an interesting usecase to test..."]})):n(a,{children:(null==F?void 0:F.isTesterGenie)?m:t("div",e({style:{display:"flex",alignItems:"center",width:"100%"}},{children:[n("div",e({style:{width:"28px",height:"28px",borderRadius:"50%",border:Q?"1px solid var(--il-border, #D0D5DD)":"1px solid var(--il-primary, #B2CCFF)",display:"flex",alignItems:"center",justifyContent:"center",marginRight:"12px",backgroundColor:Q?"var(--il-hover, #D1E0FF)":"var(--il-surface, #fff)",flexShrink:0}},{children:n(p,{color:Q?"var(--il-primary, #004EEB)":"var(--il-muted, #667085)",size:20})})),n("span",e({style:{fontSize:"14px",color:"var(--il-foreground, #344054)",fontFamily:"Inter",fontWeight:"500"}},{children:m}))]}))})})),(null==F?void 0:F.isTesterGenie)&&null!==M&&t("div",e({style:{marginTop:"6px",borderRadius:"8px",border:"1px solid var(--il-border, #e5e7eb)",background:"var(--il-surface, #f9fafb)",color:"var(--il-foreground, #111827)",padding:"14px 16px",maxWidth:"520px",fontFamily:"Plus Jakarta Sans, sans-serif"},onWheel:function(r){return r.stopPropagation()}},{children:[t("p",e({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"var(--il-foreground, #111827)"}},{children:[n("span",e({style:{height:"1.2em",width:"1.2em",marginRight:"4px"}},{children:n(u,{})})),"Your prompt is ready!"]})),n("p",e({style:{margin:"14px 0 14px 0",fontSize:"0.95rem",fontWeight:"600",color:"var(--il-foreground, #111827)",whiteSpace:"pre-wrap"}},{children:M})),n("p",e({style:{margin:"0 0 4px 0",fontSize:"1rem",color:"var(--il-foreground, #111827)",lineHeight:"1.55"}},{children:"Would you like to proceed with this prompt, or generate a new one?"})),t("div",e({style:{display:"flex",gap:"6px",flexWrap:"wrap"}},{children:[t("button",e({disabled:W||z,style:e(e({},V),{background:"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:"#5b21b6",borderColor:"#7c3aed",opacity:W||z?.6:1,cursor:W||z?"not-allowed":"pointer"}),onMouseEnter:function(r){W||z||(r.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(r){W||z||(r.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){h(new KeyboardEvent("keydown",{key:"Enter"}),!1,M,L),I(null),D(!1),J("")}},{children:[n(s,{color:"#5b21b6"})," Proceed"]})),n("button",e({disabled:W||z,style:e(e({},V),{background:W?"var(--il-secondary-bg, #f3f4f6)":"var(--il-surface, #fff)",color:W?"var(--il-disabled, #64676A)":"var(--il-foreground, #272727)",borderColor:"var(--il-border, #272727)",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.7:1}),onMouseEnter:function(r){W||z||(r.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",r.currentTarget.style.borderColor="#7c3aed",r.currentTarget.style.color="#5b21b6")},onMouseLeave:function(r){W||z||(r.currentTarget.style.background="var(--il-surface, #fff)",r.currentTarget.style.borderColor="var(--il-border, #272727)",r.currentTarget.style.color="var(--il-foreground, #272727)")},onClick:function(){return i(void 0,void 0,void 0,function(){var r,e,i;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),A(!0),[4,c(F.baseUrl,N||void 0)];case 1:return r=o.sent(),I((null===(i=null==r?void 0:r.result)||void 0===i?void 0:i.Answer)||""),[3,4];case 2:return e=o.sent(),console.error("Error regenerating prompt:",e),[3,4];case 3:return A(!1),[7];case 4:return[2]}})})}},{children:t(a,W?{children:[n("span",{style:X})," Regenerating..."]}:{children:[t("svg",e({width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.2",strokeLinecap:"round",strokeLinejoin:"round",style:{flexShrink:0}},{children:[n("path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"}),n("path",{d:"M3 3v5h5"})]})),"Regenerate"]})})),n("button",e({disabled:W||z,style:e(e({},V),{background:"var(--il-surface, #fff)",color:B?"var(--il-primary, #5b21b6)":"var(--il-muted, #64676A)",borderColor:B?"var(--il-primary, #7c3aed)":"var(--il-border, #C0C0C2)",cursor:W||z?"not-allowed":"pointer",opacity:W||z?.6:1}),onMouseEnter:function(r){W||z||(r.currentTarget.style.borderColor="var(--il-primary, #7c3aed)",r.currentTarget.style.color="var(--il-primary, #5b21b6)")},onMouseLeave:function(r){W||z||B||(r.currentTarget.style.borderColor="var(--il-border, #C0C0C2)",r.currentTarget.style.color="var(--il-muted, #64676A)")},onClick:function(){return D(function(r){return!r})}},{children:B?"✕    Hide Inputs":" Give Inputs"}))]})),B&&t("div",e({style:{marginTop:"12px",paddingTop:"12px",borderTop:"1px solid var(--il-border, #e5e7eb)"}},{children:[n("p",e({style:{margin:"0 0 6px 0",fontSize:"1rem",color:"var(--il-muted, #6b7280)"}},{children:"Help us generate better prompt (optional)"})),n("textarea",{placeholder:"e.g. Provide usecases for seperation rules",value:N,onChange:function(r){return J(r.target.value)},rows:3,onKeyDown:function(r){r.stopPropagation()},onWheel:function(r){r.stopPropagation()},style:{width:"100%",minWidth:"420px",maxWidth:"100%",padding:"10px 12px",borderRadius:"6px",border:"1px solid var(--il-input-border, #d1d5db)",fontSize:"0.9rem",fontFamily:"Plus Jakarta Sans, sans-serif",color:"var(--il-input-fg, #111827)",background:"var(--il-input-bg, #fff)",resize:"vertical",outline:"none",boxSizing:"border-box",lineHeight:"1.5",transition:"border-color 0.2s ease"},onFocus:function(r){r.currentTarget.style.borderColor="var(--il-focus, #7c3aed)"},onBlur:function(r){r.currentTarget.style.borderColor="var(--il-input-border, #d1d5db)"}}),t("div",e({style:{display:"flex",gap:"8px",marginTop:"8px"}},{children:[n("button",e({disabled:z||!N.trim(),style:e(e({},V),{background:z||!N.trim()?"var(--il-secondary-bg, #f3f4f6)":"linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))",color:z||!N.trim()?"var(--il-disabled, #64676A)":"var(--il-primary, #5b21b6)",borderColor:z||!N.trim()?"var(--il-border, #C0C0C2)":"var(--il-primary, #7c3aed)",cursor:z||!N.trim()?"not-allowed":"pointer",opacity:z||!N.trim()?.7:1}),onMouseEnter:function(r){!z&&N.trim()&&(r.currentTarget.style.background="linear-gradient(to right, rgb(221, 214, 254), rgb(196, 181, 253))")},onMouseLeave:function(r){!z&&N.trim()&&(r.currentTarget.style.background="linear-gradient(to right, rgb(237, 233, 254), rgb(221, 214, 254))")},onClick:function(){return i(void 0,void 0,void 0,function(){var r,e,i;return o(this,function(o){switch(o.label){case 0:return o.trys.push([0,2,3,4]),L(!0),[4,c(F.baseUrl,N)];case 1:return r=o.sent(),I((null===(i=null==r?void 0:r.result)||void 0===i?void 0:i.Answer)||""),D(!1),[3,4];case 2:return e=o.sent(),console.error("Error generating with direction:",e),[3,4];case 3:return L(!1),[7];case 4:return[2]}})})}},{children:z?t(a,{children:[n("span",{style:X})," Generating..."]}):n(a,{children:"✦ Generate"})})),n("button",e({disabled:z,style:e(e({},V),{background:"var(--il-surface, #fff)",color:"var(--il-muted, #64676A)",borderColor:"var(--il-border, #C0C0C2)",cursor:z?"not-allowed":"pointer",opacity:z?.5:1}),onMouseEnter:function(r){z||(r.currentTarget.style.borderColor="var(--il-border, #272727)",r.currentTarget.style.color="var(--il-foreground, #272727)")},onMouseLeave:function(r){z||(r.currentTarget.style.borderColor="var(--il-border, #C0C0C2)",r.currentTarget.style.color="var(--il-muted, #64676A)")},onClick:function(){return J("")}},{children:"Clear"}))]}))]}))]}))]})}return n("button",e({className:v},F,{children:m}))},v=function(i){i.node;var o=i.className,a=i.children,l=i.selectedItems,s=i.onToggle,c=i.isSubmitted,u=i.disabled;r(i,["node","className","children","selectedItems","onToggle","isSubmitted","disabled"]);var p=d(a),g=p.trim();return"clickable-box"===o?c?l.includes(g)?t("div",e({style:{display:"inline-flex",alignItems:"center",margin:"4px 24px 4px 0",color:"#2661eb",fontWeight:600,fontFamily:"Plus Jakarta Sans, sans-serif"}},{children:[n("span",e({style:{marginRight:"6px",fontSize:"16px"}},{children:"✓"}))," ",p]})):null:n(f,{label:p,isSelected:l.includes(g),onToggle:s,disabled:u}):n("span",e({className:o},{children:a}))};export{b as ActionableButton,v as ActionableCheckbox,f as CheckboxSelector,g as RuleDisplay};
 //# sourceMappingURL=ClickableChatComponents.js.map