npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.0-beta.2 → 1.3.1 - Mend

@e-llm-studio/instant-learning 1.3.0-beta.2 → 1.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (575) hide show

package/dist/cjs/features/IL-OTJ/_components/ChatComponents/NormalChat.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),a=require("@mui/material"),s=require("@mui/material/Tooltip"),i=require("react-markdown"),o=require("rehype-raw"),r=require("../../../../api/transport.js"),l=require("uuid"),u=require("@e-llm-studio/streaming-response"),d=require("@e-llm-studio/watch-me-work"),c=require("./ChatHeader.js"),h=require("../MessageRendering/MessageRendering.js"),v=require("../atoms/SkeletonLoader/SkeletonLoader.js"),m=require("../MessageRendering/ClickableChatComponents.js"),g=require("../AudioWaveform.js"),f=require("./ChatComponent.module.css.js"),p=require("../../InstantLearning.module.css.js"),C=require("../_svg/ScrollToBottom.js"),_=require("../../helpers/utils.js"),x=require("../_svg/SendButton.js"),S=require("../_svg/SparkleIcon.js"),y=require("../_svg/UserIcon.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R,j=b(s),w=b(i),k=b(o);exports.default=function(s){var i=s.chatAssistantName,o=s.organizationName,b=s.baseUrl,E=s.baseWebsocketUrl,M=s.setIsNewChatClicked;s.ThinkingBulbIconComponent;var T=s.isFormSaveClicked,I=s.setIsFormSavedClicked,A=s.onResetLearningData,N=s.sendMessageInChat,D=s.setSendMessageInChat,q=s.isFormValidating,L=s.chatTitle,F=s.customMetaData,W=s.headerMessageHandlers;s.aiResponse;var B=s.setAIResponse,z=s.onResetChat,P=s.initialChatMessage,H=void 0===P?"":P,U=s.onSave,Z=s.chatSize,K=s.setChatSize,O=s.movingTowards,G=s.setCitations,V=s.textareaPlaceholder,J=void 0===V?"Tell me more about this learning...":V,Q=s.setCurrentRequestId,X=s.showSavedMessage,Y=void 0!==X&&X,$=s.savedMessage,ee=s.isError,te=void 0!==ee&&ee,ne=s.errorMessage,ae=void 0===ne?"There was an error saving your changes.":ne;s.isSaving;var se=s.isHighlighted,ie=void 0!==se&&se,oe=s.onStreamingStateChange,re=s.onViewComparison;s.isCopyEnabled;var le=s.onComparisonLinkClick,ue=s.onSubmitFeedback,de=i,ce=n.useRef("".concat(de,"-").concat(o,"-").concat(l.v4())),he=n.useRef("".concat(l.v4())),ve=b,me=n.useRef(null),ge=n.useRef(!0),fe=n.useRef(null),pe=n.useRef(null),Ce=n.useState(""),_e=Ce[0],xe=Ce[1],Se=n.useState([]),ye=Se[0],be=Se[1],Re=n.useState(!1),je=Re[0],we=Re[1],ke=n.useState(!1);ke[0];var Ee=ke[1],Me=n.useState(!0),Te=Me[0],Ie=Me[1],Ae=n.useState(!0);Ae[0];var Ne=Ae[1],De=n.useState("");De[0];var qe=De[1],Le=n.useState(""),Fe=Le[0],We=Le[1],Be=n.useState(!1),ze=Be[0],Pe=Be[1],He=n.useState(!1),Ue=He[0],Ze=He[1],Ke=n.useState(!0),Oe=Ke[0],Ge=Ke[1],Ve=n.useState("100%");Ve[0];var Je=Ve[1],Qe=n.useState(null),Xe=Qe[0],Ye=Qe[1],$e=n.useState(!1);$e[0];var et=$e[1],tt=n.useState(!1),nt=tt[0],at=tt[1],st=n.useRef(null),it=n.useRef(new Set),ot=n.useState(null),rt=ot[0],lt=ot[1],ut=n.useState(!1),dt=ut[0],ct=ut[1],ht=n.useState(!1);ht[0],ht[1];var vt=n.useState(null);vt[0],vt[1],n.useRef(null),n.useRef(null);var mt=n.useRef(new Map),gt=n.useRef(""),ft=a.keyframes(R||(R=e.__makeTemplateObject(["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "],["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "]))),pt=n.useMemo(function(){return""===(null==_e?void 0:_e.trim())||ze},[_e,ze]),Ct=n.useMemo(function(){return q},[q]),_t=n.useMemo(function(){return pt||ze||q},[pt,ze,q]);n.useEffect(function(){null==oe||oe(ze)},[ze,oe]),n.useEffect(function(){var e=me.current,t=function(){if(e){var t=e.scrollTop,n=e.scrollHeight,a=e.clientHeight;Ge(n-t-a<=20)}};return e&&(e.addEventListener("scroll",t),t()),function(){e&&e.removeEventListener("scroll",t)}},[ye]);var xt=_.useHeaderObserver({handlers:W,setResult:B}).processHeaderMessage;n.useEffect(function(){Y&&at(!0)},[Y]),n.useEffect(function(){if(dt){var e=setTimeout(function(){ct(!1)},3e3);return function(){return clearTimeout(e)}}},[dt]),n.useEffect(function(){T&&(wt(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save this Learning"),I(!1))},[T]),n.useEffect(function(){if(N)try{if(N.startsWith("__SKELETON__:")){var t=N.split(":"),n=t[1],a=t.slice(2).join(":"),s={role:"user",content:"",id:n,time:new Date,isSkeleton:!0,skeletonContent:a};return be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[s],!1)}),wt(new KeyboardEvent("keydown",{key:"Enter"}),!1,a,!1,n),lt(n),D&&D(""),void setTimeout(function(){lt(null)},2e3)}if(N.startsWith("__SKELETON_END__::")){var i=N.split("::")[1]||"";return be(function(t){return t.map(function(t){return t.isSkeleton?e.__assign(e.__assign({},t),{isSkeleton:!1,content:t.skeletonContent||i}):t})}),void(D&&D(""))}var o=l.v4();wt(new KeyboardEvent("keydown",{key:"Enter"}),!1,N,!1,o),lt(o),D&&D(""),setTimeout(function(){return lt(null)},2e3)}catch(e){console.error("Error handling sendMessageInChat signal",e)}},[N]),n.useEffect(function(){yt(),bt();var e=function(){var e,t=(null===(e=null==st?void 0:st.current)||void 0===e?void 0:e.clientHeight)||0,n="calc(100% - ".concat(t,"px - 10px)");Je(n)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var St=n.useCallback(function(e){var t="string"==typeof e?e:"smooth";fe.current&&fe.current.scrollIntoView({behavior:t,block:"end"}),ge.current&&setTimeout(function(){fe.current&&ge.current&&fe.current.scrollIntoView({behavior:t,block:"end"})},100)},[]);n.useEffect(function(){if(!ze){var t="";if(nt?t=$||"Thank you teacher for teaching me, your rule has been saved successfully.":te&&(t=ae||"I'm sorry, I couldn't save your changes. Please try again."),t){var n={role:"assistant",content:t,id:l.v4(),citations:[],time:new Date};be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[n],!1)}),at(!1),setTimeout(function(){return St("smooth")},100)}}},[nt,te,ze,$,ae,St]),n.useEffect(function(){ge.current&&St("smooth")},[St]);var yt=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(ve,"/api/chatbot/getChatSettings?name=").concat(de,"&organizationName=").concat(o),headers:{}};r.http.request(e).then(function(e){var t,n,a;(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)&&""!==(null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)||void 0===a?void 0:a.chatInitialMessage)&&Ne(!0)}).catch(function(e){console.error(e)})},bt=function(){return e.__awaiter(void 0,void 0,void 0,function(){var t,n;return e.__generator(this,function(e){t="".concat(ve,"/api/chat/history?name=").concat(de,"&organizationName=").concat(o);try{n={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0},r.http.get(t,n).then(function(e){var t=e.data;t.length>0?(be(t),St()):Ne(!0)}).catch(function(e){console.error(e)})}catch(e){we(!1),console.error(e)}return[2]})})};function Rt(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var jt=function(t,n,a,s,i,o,r){var u,d,c,h,v,m,g,f,p,C,_,x,S,y,b,R,j,w,k,E,M,T,I,A,N,D,q,L,F,W,B,z,P,H;if(null===(d=null===(u=null==t?void 0:t.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===d?void 0:d.header_message){var U={header_message:t.chatStream.continueChatResult.header_message,responsedata:null===(v=null===(h=null===(c=null==t?void 0:t.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===h?void 0:h.message)||void 0===v?void 0:v.content};xt(U)}var Z=null===(m=null==t?void 0:t.chatStream)||void 0===m?void 0:m.continueChatResult,K=null==Z?void 0:Z.isEnd,O=(null===(g=null==Z?void 0:Z.message)||void 0===g?void 0:g.citations)||[];K&&O.length>0&&G&&G(O);var V={role:"assistant",content:"",id:l.v4()};if(null===(_=null===(C=null===(p=null===(f=null==t?void 0:t.chatStream)||void 0===f?void 0:f.continueChatResult)||void 0===p?void 0:p.message)||void 0===C?void 0:C.content)||void 0===_?void 0:_.includes("WaitMessage: "))Ee(!0),V.content=function(e){var t="WaitMessage: ",n=e.indexOf(t);if(-1!==n){var a=e.substring(n+13);return null==a?void 0:a.replaceAll("WaitMessage: ","")}return""}((null===(y=null===(S=null===(x=null==t?void 0:t.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===S?void 0:S.message)||void 0===y?void 0:y.content)+"\n\n"),""!==V.content&&(we(!1),be(e.__spreadArray(e.__spreadArray([],ye,!0),[{role:"user",content:i,time:s,isFirstQuestionSent:o||!1,id:r||(null===(R=null===(b=null==t?void 0:t.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===R?void 0:R.requestId)||"",reply:""},V],!1)));else{Ee(!1),V.content=null===(E=Rt(null===(k=null===(w=null===(j=null==t?void 0:t.chatStream)||void 0===j?void 0:j.continueChatResult)||void 0===w?void 0:w.message)||void 0===k?void 0:k.content))||void 0===E?void 0:E.replaceAll("WaitMessage: ","");var J=null===(T=null===(M=null==t?void 0:t.chatStream)||void 0===M?void 0:M.continueChatResult)||void 0===T?void 0:T.requestId;"string"==typeof J&&J&&Q&&Q(J);var X=function(t,n,a){var s,i,o,r,u,d,c,h,v,m,g,f,p,C,_,x,S,y,b,R,j,w,k,E,M,T,I,A,N,D,q,L,F,W,B={role:"assistant",content:"",id:l.v4(),time:new Date,citations:[]};if(!1===(null===(i=null===(s=t.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===i?void 0:i.thinking_break)&&!0===(null===(r=null===(o=t.chatStream)||void 0===o?void 0:o.continueChatResult)||void 0===r?void 0:r.is_orchestrator)&&!1===(null===(d=null===(u=t.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===d?void 0:d.isEnd)&&(B.content=Rt(t.chatStream.continueChatResult.message.content||"")),!0===(null===(h=null===(c=t.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===h?void 0:h.thinking_break)&&!0===(null===(m=null===(v=t.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===m?void 0:m.is_orchestrator)&&!1===(null===(f=null===(g=t.chatStream)||void 0===g?void 0:g.continueChatResult)||void 0===f?void 0:f.isEnd)&&(B.content="",n.push({responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1})),!1===(null===(C=null===(p=t.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===C?void 0:C.thinking_break)&&!0===(null===(x=null===(_=t.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===x?void 0:x.is_orchestrator)&&!0===(null===(y=null===(S=t.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===y?void 0:y.isEnd)&&(B.content=Rt(t.chatStream.continueChatResult.message.content)),!1===(null===(R=null===(b=t.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===R?void 0:R.thinking_break)&&!1===(null===(w=null===(j=t.chatStream)||void 0===j?void 0:j.continueChatResult)||void 0===w?void 0:w.is_orchestrator)&&!1===(null===(E=null===(k=t.chatStream)||void 0===k?void 0:k.continueChatResult)||void 0===E?void 0:E.isEnd)){if((H=t.chatStream.continueChatResult).explainability_id&&H.responded_by){var z=H.explainability_id,P=H.responded_by;a.has(z)||a.set(z,{responded_by:P,index:n.length})}a.has(t.chatStream.continueChatResult.explainability_id)?n[null==(U=a.get(t.chatStream.continueChatResult.explainability_id))?void 0:U.index]={responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(M=t.chatStream.continueChatResult.explainability_id)&&void 0!==M?M:"",isParallelToolResponse:!0}:n=e.__spreadArray(e.__spreadArray([],n,!0),[{responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(T=t.chatStream.continueChatResult.explainability_id)&&void 0!==T?T:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(A=null===(I=t.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===A?void 0:A.thinking_break)&&!1===(null===(D=null===(N=t.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===D?void 0:D.is_orchestrator)&&!1===(null===(L=null===(q=t.chatStream)||void 0===q?void 0:q.continueChatResult)||void 0===L?void 0:L.isEnd)){var H,U;(H=t.chatStream.continueChatResult).explainability_id&&H.responded_by&&(z=H.explainability_id,P=H.responded_by,a.has(z)||a.set(z,{responded_by:P,index:n.length})),a.has(t.chatStream.continueChatResult.explainability_id)?n[null==(U=a.get(t.chatStream.continueChatResult.explainability_id))?void 0:U.index]={responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(F=t.chatStream.continueChatResult.explainability_id)&&void 0!==F?F:"",isParallelToolResponse:!0}:n.push({responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(W=t.chatStream.continueChatResult.explainability_id)&&void 0!==W?W:"",isParallelToolResponse:!1})}return e.__assign({orchestratorAndAgentsMessages:n},B)}(t,a,n);X.time=new Date,X.citations=O,X.isEnd=null===(A=null===(I=null==t?void 0:t.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===A?void 0:A.isEnd,X.requestId=null===(D=null===(N=null==t?void 0:t.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===D?void 0:D.requestId,X.sessionId=ce.current,null===(q=X.orchestratorAndAgentsMessages)||void 0===q||q.forEach(function(e){e&&e.header_message&&xt(e)}),(""!==(null==X?void 0:X.content)||(null==X?void 0:X.orchestratorAndAgentsMessages)&&(null==X?void 0:X.orchestratorAndAgentsMessages.length)>0)&&(we(!1),be(e.__spreadArray(e.__spreadArray([],ye,!0),[{role:"user",content:i||"",time:s,isFirstQuestionSent:o||!1,id:r||(null===(F=null===(L=null==t?void 0:t.chatStream)||void 0===L?void 0:L.continueChatResult)||void 0===F?void 0:F.requestId)||"",requestId:null!==(z=null===(B=null===(W=null==t?void 0:t.chatStream)||void 0===W?void 0:W.continueChatResult)||void 0===B?void 0:B.requestId)&&void 0!==z?z:""},X],!1))),Ie(null===(H=null===(P=null==t?void 0:t.chatStream)||void 0===P?void 0:P.continueChatResult)||void 0===H?void 0:H.isEnd)}},wt=function(t,n,a,s,i,r){var d,c,h=(void 0!==a?a:_e||"").trim(),v="Enter"===(null==t?void 0:t.key)&&!(null==t?void 0:t.shiftKey);if(v&&(null===(d=null==t?void 0:t.preventDefault)||void 0===d||d.call(t)),!(!h||ze&&!a||(null==t?void 0:t.key)&&!v)){if("I want to add a rule description"===h){Ie(!1),ge.current=!0,Pe(!0),!Xe&&h&&Ye(a||"manual_entry");var m=new Date;return be(function(t){return e.__spreadArray(e.__spreadArray([],t.map(function(t,n){var a;return e.__assign(e.__assign({},t),{content:null===(a=Rt(t.content))||void 0===a?void 0:a.replace("WaitMessage: ","")})}),!0),[{role:"user",content:h,time:m,isFirstQuestionSent:!1,id:i||l.v4()}],!1)}),St("smooth"),void setTimeout(function(){be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[{role:"assistant",content:"I'd be happy to help you set up a new rule! To get started, could you tell me what kind of behavior or logic you would like this rule to follow?",id:l.v4(),citations:[],time:new Date}],!1)}),St("smooth"),setTimeout(function(){Pe(!1),Ie(!0)},500)},500)}Ie(!1),ge.current=!0,Pe(!0),!Xe&&h&&Ye(a||"manual_entry");var g=new Date;be(function(t){var n=t.map(function(t){var n;return e.__assign(e.__assign({},t),{content:null===(n=Rt(t.content))||void 0===n?void 0:n.replace("WaitMessage: ","")})});return i&&n.some(function(e){return e.id===i})?n.map(function(t){return t.id===i?e.__assign(e.__assign({},t),{content:h}):t}):e.__spreadArray(e.__spreadArray([],n,!0),[{role:"user",content:h,time:g,isFirstQuestionSent:!1,id:i||l.v4()}],!1)}),St("smooth");var f=new Map,p=[],C={WEBSOCKET_URL:E,organizationName:o,chatAssistantName:de,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:h,requestId:"requestId-".concat(l.v4()),customPrompt:"",enableForBackend:!1,guestSessionId:ce.current,chatPreviewId:he.current,customMetaData:F,aiModel:"",onStreamEvent:function(e){return jt(e,f,p,g,h,n,i)},onStreamEnd:function(t){Ie(!0),Pe(!1),et(!1);var n=Date.now(),a=mt.current.get(gt.current);if(a){var s=Math.round((n-a)/1e3).toFixed(1);be(function(t){var n=e.__spreadArray([],t,!0).reverse().findIndex(function(e){return"assistant"===e.role});if(-1===n)return t;var a=t.length-1-n;return t.map(function(t,n){return n===a?e.__assign(e.__assign({},t),{finalTimeTaken:s}):t})})}},onError:function(e){console.error("Stream error:",e),Ie(!0),Pe(!1),et(!1)}};if(h)we(!0),null===(c=pe.current)||void 0===c||c.blur(),xe(""),St(),We(i?"Just a moment, processing your request...":"Okay, got it. Let me take a moment to work on this and I'll get back to you shortly."),mt.current.set(C.requestId,Date.now()),gt.current=C.requestId,u.startChatStream(C);r&&r(!1)}},kt=n.useRef(null);n.useLayoutEffect(function(){kt.current=wt});var Et=n.useCallback(function(){for(var t,n=[],a=0;a<arguments.length;a++)n[a]=arguments[a];return null===(t=kt.current)||void 0===t?void 0:t.call.apply(t,e.__spreadArray([kt],n,!1))},[]),Mt=n.useMemo(function(){return{p:function(n){n.node;var a=n.children;return e.__rest(n,["node","children"]),t.jsx("div",e.__assign({style:{margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"10px",fontFamily:"inherit"}},{children:a}))},button:function(n){n.node;var a=n.className,s=n.children,i=e.__rest(n,["node","className","children"]),o=_.extractTextFromChildren(s),r=i["data-value"],l=Xe===o||Xe===r,u=!!Xe,d="Tester Genie"===o;return t.jsx(m.ActionableButton,e.__assign({},i,{className:a,handleStream:Et,isStreamEnd:Te,disabled:u,isLastMessage:!0,style:{margin:0},isTesterGenie:d,"data-selected":l?"true":Xe?"false":void 0},{children:t.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[s,d&&t.jsxs("svg",e.__assign({width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t.jsx("path",{d:"M7.20368 8.94768e-06C7.48895 -0.00208639 7.69331 0.364327 7.83856 0.57465C8.14381 1.01633 8.38012 1.87909 7.71077 2.14118C8.57167 2.21011 9.70406 2.93098 10.1785 3.64699C10.5932 4.27286 10.4559 5.16037 9.80301 5.56007L9.9502 7.16593C9.97671 7.44871 10.0265 7.87092 10.0299 8.14457C10.4213 8.23046 11.0787 8.55391 11.326 8.87592C11.5979 8.75656 11.9189 8.76963 12.1688 8.93469C12.3563 8.67751 12.5598 8.41456 12.7507 8.15787C12.3283 7.45155 12.5047 6.57745 13.2143 6.13784C13.5375 5.9377 13.9264 5.87277 14.2971 5.95705C14.0961 6.30964 13.8775 6.72182 13.6593 7.05857C13.7906 7.2436 13.9184 7.44225 14.044 7.63194L14.8022 7.63198C15.0349 7.30106 15.2515 6.90827 15.4835 6.59349C15.8623 7.0712 15.8156 7.79671 15.4734 8.28241C15.1318 8.76741 14.4886 8.9899 13.9118 8.88251C13.758 9.12108 13.5577 9.39243 13.3941 9.63201C13.7143 9.9316 13.7725 10.364 13.4067 10.6594C13.5231 10.8889 13.5309 11.1613 13.447 11.402C13.1502 12.2523 12.1724 12.5645 11.3474 12.5025C11.1171 12.4852 10.939 12.4698 10.7197 12.3953C10.8724 13.1271 10.7744 14.2031 10.5132 14.9051C10.1688 15.8304 9.43632 16.5569 8.54503 16.9655C7.90465 17.2706 7.21222 17.3607 6.50472 17.4505C5.74445 17.5471 4.75801 17.4362 4.08533 17.825C3.9327 17.9132 3.86566 18.0173 3.82943 18.1792C3.94996 18.5982 4.47858 18.6063 4.78474 18.8897C5.20191 19.2758 4.90716 19.9663 4.36611 19.9908C4.31476 19.9931 4.26867 19.9867 4.23186 19.9493C4.23089 19.8303 4.47587 19.7199 4.49787 19.5262C4.55075 19.0604 3.70014 19.0078 3.37835 18.8374C3.13013 18.706 2.99537 18.6309 2.82242 18.4021C2.63795 18.1579 2.58428 17.835 2.63138 17.5392C2.74868 16.7847 3.47123 16.393 4.12184 16.1497C4.61314 15.9659 5.46304 15.7158 5.52019 15.0793C5.58589 14.348 4.97543 13.5523 4.57739 12.9807C4.44275 12.7875 4.3039 12.579 4.16309 12.3919C4.18987 12.365 4.21049 12.3463 4.23916 12.3212C4.59619 12.6218 5.21209 12.6421 5.55038 12.2979C5.70457 12.144 5.78974 11.9342 5.78642 11.7164C5.78121 11.4493 5.63382 11.2002 5.4454 11.019C5.44704 10.9932 5.44824 10.9676 5.449 10.9419C5.4566 10.6648 5.37505 10.4902 5.1892 10.2943C5.18398 10.2538 5.17776 10.2134 5.17053 10.1732C5.08123 9.69297 4.71708 9.34182 4.23415 9.27108C4.16418 9.26083 3.96108 9.26105 3.92071 9.23344C3.90485 9.1828 3.9059 9.20792 3.91904 9.15527C4.22103 8.90139 4.14407 8.78214 4.31107 8.4846C4.42301 8.28513 4.73047 8.15239 4.95452 8.10701C4.96167 7.51076 5.03684 6.88562 5.10036 6.29144C5.12451 6.0655 5.12531 5.75046 5.1511 5.55257C4.11108 4.86747 4.39091 3.75946 5.25465 3.06391C5.84978 2.58469 6.34496 2.31002 7.10143 2.14517C7.01589 2.10416 6.93842 2.04811 6.87269 1.97972C6.77021 1.87349 6.70248 1.73857 6.67853 1.59293C6.60568 1.12096 7.04104 0.914625 7.18759 0.526392C7.26428 0.323403 7.03925 0.146075 7.20368 8.94768e-06Z",fill:"#475569"}),t.jsx("path",{d:"M7.459 4.5C7.48797 4.50312 7.71949 4.61154 7.76205 4.63061C8.27062 4.85835 8.87051 5.09164 9.35658 5.3582C9.36602 6.03495 9.37016 6.56625 8.70573 6.91519C8.6633 6.80883 8.63019 6.72409 8.56332 6.63044C8.43786 6.45568 8.24656 6.33963 8.03354 6.30909C7.8434 6.28211 7.65146 6.3197 7.49586 6.43503C7.21897 6.21256 6.76265 6.28197 6.5229 6.52486C6.39308 6.65639 6.34815 6.75074 6.28902 6.92344C5.59702 6.5957 5.58761 6.04267 5.60583 5.35582C5.89882 5.23844 6.21318 5.0724 6.50153 4.941C6.82145 4.79522 7.14482 4.6574 7.459 4.5Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M11.0756 10.6406C11.1037 10.6701 11.1324 10.7706 11.1535 10.8145C11.2818 11.0817 11.4922 11.1945 11.7498 11.2977C11.5607 11.63 11.4567 11.8797 11.1034 12.0466L11.0839 12.0517C10.9262 12.0927 10.7996 12.0968 10.651 12.0135C10.4755 11.915 10.3807 11.6614 10.4792 11.478C10.6388 11.1809 10.8877 10.9272 11.0756 10.6406Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M11.6036 9.1377C11.6993 9.11763 11.8391 9.16378 11.9294 9.19593C11.6952 9.50644 11.4706 9.81614 11.2327 10.1261L11.1572 10.2255C10.7581 9.73539 11.0333 9.24481 11.6036 9.1377Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M7.49681 0.882812C7.53691 0.925159 7.61244 1.08523 7.63598 1.14156C7.74243 1.39673 7.75769 1.76908 7.38596 1.77504C7.28236 1.75599 7.15628 1.68938 7.13517 1.5783C7.0843 1.3107 7.35609 1.09964 7.48737 0.897583L7.49681 0.882812Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M1.68305 6.17249C1.71659 6.1673 1.8134 6.16478 1.84892 6.16432C2.34052 6.15616 2.81496 6.34495 3.16655 6.68866C3.50847 7.01806 3.70349 7.47119 3.70765 7.94596C3.70896 8.42345 3.54045 8.85284 3.20281 9.19025C3.34033 9.28068 3.5321 9.52219 3.6543 9.65748C4.17158 9.39073 4.91447 9.69339 4.79675 10.3444C5.08751 10.5485 5.19656 10.8288 5.0585 11.1674C5.15418 11.2375 5.25595 11.3205 5.32383 11.4186C5.40228 11.5303 5.4309 11.6695 5.40291 11.8031C5.32228 12.1857 4.90085 12.3286 4.57669 12.1236C4.51367 12.0838 4.42258 11.9595 4.35299 11.9431C4.30669 11.9557 4.28453 11.9584 4.23644 11.9644C4.22885 11.9742 4.22118 11.9841 4.21343 11.9938C3.93597 12.3413 3.49234 12.4682 3.06933 12.5157C2.85285 12.518 2.70432 12.5146 2.49066 12.4609C1.80785 12.2892 1.50808 11.6167 1.70723 10.9639C1.829 10.5648 2.11891 10.2506 2.48939 10.0518C2.54655 10.132 2.57559 10.2191 2.64066 10.303C2.73571 10.2223 2.82048 10.1482 2.92363 10.0773C2.81023 9.95313 2.66811 9.7693 2.55817 9.63584C2.38871 9.6878 2.23026 9.72879 2.05298 9.74653C1.54239 9.80228 1.03118 9.64711 0.637735 9.31695C0.269964 9.01018 0.0453493 8.54827 0.00544736 8.07322C-0.0309495 7.60988 0.116099 7.15077 0.414918 6.79478C0.742554 6.41198 1.18728 6.21393 1.68305 6.17249Z",fill:"#475569"}),t.jsx("path",{d:"M1.79616 6.5951C2.54894 6.5619 3.18687 7.14364 3.22301 7.8963C3.25915 8.64894 2.67989 9.28913 1.92739 9.3282C1.17073 9.3675 0.526231 8.78435 0.489885 8.02753C0.45354 7.27071 1.03921 6.62849 1.79616 6.5951Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M4.93607 11.4844C5.12839 11.6261 5.22049 11.9085 4.91876 11.9419C4.8067 11.8805 4.78491 11.8646 4.71094 11.7561C4.81572 11.6752 4.862 11.5925 4.93607 11.4844Z",fill:"#FEFEFD"}),t.jsx("path",{d:"M12.5164 3.58594L12.5715 3.59466C12.6589 3.65863 12.6908 3.94434 12.7882 4.05193C12.8789 4.15216 12.9155 4.17816 13.0326 4.24929C13.1363 4.31224 13.3325 4.34025 13.384 4.43124C13.3643 4.56218 13.0693 4.54857 12.9127 4.69344C12.6903 4.89898 12.7114 5.06971 12.5892 5.28622C12.5669 5.28439 12.5368 5.2868 12.5261 5.27346C12.4336 5.15843 12.4072 4.9308 12.3099 4.81465C12.1627 4.63903 11.9972 4.60054 11.7981 4.51372C11.7544 4.49467 11.7266 4.47099 11.7129 4.42649C11.7867 4.31876 12.0509 4.34309 12.2376 4.14892C12.43 3.94901 12.4155 3.72208 12.5164 3.58594Z",fill:"#475569"}),t.jsx("path",{d:"M2.13644 3.72656C2.24401 3.77084 2.29712 4.1268 2.431 4.25226C2.60327 4.41371 2.7311 4.41949 2.93246 4.52449C2.96024 4.53897 2.97173 4.56042 2.97671 4.58878C2.89584 4.6981 2.61854 4.70721 2.4596 4.85659C2.26275 5.04156 2.27341 5.29132 2.17022 5.42088C2.16192 5.41849 2.11671 5.40232 2.1156 5.40043C2.01291 5.21216 1.9836 5.04909 1.84812 4.87273C1.73599 4.72675 1.36534 4.69959 1.32812 4.56939C1.3835 4.47941 1.67823 4.44211 1.82291 4.30563C2.02737 4.11274 2.0042 3.8372 2.13644 3.72656Z",fill:"#475569"})]}))]}))}))}}},[Et,Te,Xe]),Tt=n.useMemo(function(){return ye.some(function(e){return e.isSkeleton})},[ye]),It=function(t){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(n){switch(n.label){case 0:return ue?[4,ue(t)]:[3,2];case 1:n.sent(),be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[{role:"assistant",content:"Thanks for your feedback — this will help improve future suggestions.",id:l.v4(),citations:[],time:new Date,isEnd:!0}],!1)}),setTimeout(function(){return St("smooth")},100),n.label=2;case 2:return[2]}})})};return console.log(ye,"rendering messages"),t.jsxs("div",e.__assign({className:"".concat(p.default.customFont," ").concat(f.default.chatContainer),style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:ie&&!Tt?"0 0 20px 5px rgba(37, 99, 235, 0.5)":"none"}},{children:[t.jsxs("div",e.__assign({ref:me,className:f.default.scrollWrapper},{children:[t.jsx("div",e.__assign({ref:st,className:f.default.stickyHeader},{children:t.jsx(c.default,{resetChatHistory:function(){var e="".concat(ve,"/api/chat/resetHistory?name=").concat(de,"&organizationName=").concat(o);try{var t={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0};r.http.get(e,t).then(function(){M(!0),qe(""),Ye(null),it.current.clear(),he.current="".concat(l.v4()),be([]),Ne(!0),null==z||z(),A&&A()}).catch(function(e){console.error(e)}).finally(function(){ce.current="".concat(de,"-").concat(o,"-").concat(l.v4())})}catch(e){we(!1),console.error(e)}},isStreamEnd:Te,chatTitle:L,onResize:K,chatSize:Z,movingTowards:O})})),t.jsxs("div",e.__assign({className:f.default.messagesList},{children:[t.jsxs("div",e.__assign({className:f.default.initialMessageRow},{children:[t.jsx("div",e.__assign({className:f.default.iconWrapper},{children:t.jsx(S.default,{})})),t.jsx("div",e.__assign({className:f.default.welcomeTextWrapper},{children:t.jsx("div",e.__assign({className:f.default.welcomeMarkdownWrapper},{children:t.jsx("span",{children:t.jsx(w.default,e.__assign({rehypePlugins:[k.default],components:Mt},{children:H}))})}))}))]})),ye.length>0&&ye.map(function(n,a){return t.jsxs("div",e.__assign({className:f.default.messageRow},{children:["assistant"===n.role?t.jsx("div",e.__assign({className:f.default.assistantIconContainer},{children:t.jsx(S.default,{})})):t.jsx("div",{className:f.default.userSpacer}),t.jsx("div",e.__assign({className:f.default.messageContent},{children:"assistant"===n.role?t.jsxs(t.Fragment,{children:[n.orchestratorAndAgentsMessages&&n.orchestratorAndAgentsMessages.length>0&&t.jsx(d.WatchMeWork,{orchestratorAndAgentsMessages:null==n?void 0:n.orchestratorAndAgentsMessages,isStreamEnd:Te,finalTimeTaken:null==n?void 0:n.finalTimeTaken},null==n?void 0:n.id),t.jsx(h.default,{index:a,content:null==n?void 0:n.content,role:null==n?void 0:n.role,messages:ye,handleStream:wt,isLastMessage:a===ye.length-1,onSave:U,citations:null==n?void 0:n.citations,setChatSize:K,chatSize:Z,isStreamEnd:Te,messageIsEnd:null==n?void 0:n.isEnd,onViewComparison:re,onTypeResponseClick:function(){var e;ct(!0),null===(e=pe.current)||void 0===e||e.focus()},onComparisonLinkClick:le,baseURL:ve,onFeedbackSubmit:It}),t.jsx("div",e.__assign({className:f.default.timestamp},{children:n.time&&!isNaN(new Date(n.time).getTime())?new Date(n.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}):t.jsxs("div",e.__assign({className:f.default.userMessageWrapper},{children:[t.jsxs("div",e.__assign({className:f.default.userMessageBubble,style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:n.isSkeleton||Tt||n.id!==rt?"none":"0 0 15px 3px rgba(37, 99, 235, 0.6)"}},{children:[n.isSkeleton?t.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"12px",minWidth:"280px",padding:"8px 0"}},{children:[t.jsx(v.Skeleton,{variant:"text",width:"100%",height:16}),t.jsx(v.Skeleton,{variant:"text",width:"80%",height:16})]})):t.jsx(h.default,{index:a,content:null==n?void 0:n.content,role:null==n?void 0:n.role,messages:ye,handleStream:wt,isLastMessage:a===ye.length-1,onSave:U,citations:null==n?void 0:n.citations,isStreamEnd:Te,messageIsEnd:null==n?void 0:n.isEnd,onViewComparison:re,onComparisonLinkClick:le,baseURL:ve,onFeedbackSubmit:It}),t.jsx("div",e.__assign({style:{marginTop:"0.5rem"}},{children:t.jsx(y.UserIcon,{})}))]})),t.jsx("div",e.__assign({className:f.default.userTimestamp},{children:new Date(n.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}))}))]}),n.id)}),je&&t.jsxs("div",e.__assign({className:f.default.loadingRow},{children:[t.jsx("div",e.__assign({className:f.default.iconWrapper,style:{marginTop:"0.2rem"}},{children:t.jsx(S.default,{})})),t.jsx("div",e.__assign({className:f.default.loadingTextWrapper},{children:t.jsx("span",{children:Fe})}))]})),t.jsx("div",{ref:fe,style:{float:"left",clear:"both"}})]}))]})),t.jsxs("div",e.__assign({className:f.default.inputAreaWrapper},{children:[ze&&t.jsxs(a.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"8px",paddingBottom:"8px",paddingLeft:"4px",fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"0.875rem",color:"#6b7280",width:"100%"}},{children:[t.jsx("span",{children:"Instant Learning AI is thinking"}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(ft," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(ft," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(ft," 1.4s infinite ease-in-out both")}})]})),t.jsx(j.default,e.__assign({title:q?"Please wait for the validation to be completed.":""},{children:t.jsxs("div",e.__assign({className:"".concat(f.default.inputBoxContainer," ").concat(Ct?f.default.disabled:""),style:dt?{boxShadow:"0 0 15px 3px rgba(37, 99, 235, 0.5)",borderColor:"#2563eb",transition:"box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"}:{transition:"box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"}},{children:[ye.length>0&&!Oe&&t.jsx("div",e.__assign({onMouseDown:function(e){e.preventDefault(),St("smooth")},className:f.default.scrollToBottomBtn},{children:t.jsx(C.ScrollToBottom,{})})),t.jsxs("div",e.__assign({style:{width:"100%",display:"flex"}},{children:[t.jsx("textarea",{ref:pe,placeholder:J,value:_e||"",onChange:function(e){xe(e.target.value)},onFocus:function(){return Ze(!0)},onBlur:function(){return Ze(!1)},onKeyDown:function(e){return wt(e)},disabled:Ct,className:"no-scrollbar ".concat(f.default.chatTextarea),style:{minHeight:Ue?"120px":"50px",height:Ue?"120px":"50px",maxHeight:"120px"}}),t.jsx("span",e.__assign({className:f.default.sendButtonWrapper},{children:t.jsx("button",e.__assign({onClick:function(e){wt(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:_t,className:"".concat(f.default.sendButton," ").concat(_t?f.default.disabled:f.default.active)},{children:t.jsx(x.SendButton,{})}))}))]}))]}))}))]})),t.jsxs("div",e.__assign({className:f.default.footerTools},{children:[t.jsx(j.default,e.__assign({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:t.jsx("span",e.__assign({className:f.default.footerToolItem},{children:t.jsx(g.default,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),t.jsx(j.default,e.__assign({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:t.jsx("span",e.__assign({className:f.default.footerToolItem},{children:t.jsx(g.default,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react/jsx-runtime"),n=require("react"),a=require("@mui/material"),s=require("@mui/material/Tooltip"),i=require("react-markdown"),o=require("rehype-raw"),r=require("../../../../api/transport.js"),l=require("uuid"),u=require("@e-llm-studio/streaming-response"),d=require("@e-llm-studio/watch-me-work"),c=require("./ChatHeader.js"),h=require("../MessageRendering/MessageRendering.js"),v=require("../atoms/SkeletonLoader/SkeletonLoader.js"),m=require("../MessageRendering/ClickableChatComponents.js"),f=require("../AudioWaveform.js"),g=require("./ChatComponent.module.css.js"),p=require("../../InstantLearning.module.css.js"),C=require("../_svg/ScrollToBottom.js"),_=require("../../helpers/utils.js"),x=require("../_svg/SendButton.js"),S=require("../_svg/SparkleIcon.js"),y=require("../_svg/UserIcon.js");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var R,j=b(s),w=b(i),k=b(o);exports.default=function(s){var i=s.chatAssistantName,o=s.organizationName,b=s.baseUrl,E=s.baseWebsocketUrl,M=s.setIsNewChatClicked;s.ThinkingBulbIconComponent;var T=s.isFormSaveClicked,I=s.setIsFormSavedClicked,A=s.onResetLearningData,N=s.sendMessageInChat,D=s.setSendMessageInChat,q=s.isFormValidating,L=s.chatTitle,F=s.customMetaData,W=s.headerMessageHandlers;s.aiResponse;var B=s.setAIResponse,z=s.onResetChat,P=s.initialChatMessage,H=void 0===P?"":P,U=s.onSave,Z=s.chatSize,K=s.setChatSize,O=s.movingTowards,G=s.setCitations,V=s.textareaPlaceholder,J=void 0===V?"Tell me more about this learning...":V,Q=s.setCurrentRequestId,X=s.showSavedMessage,Y=void 0!==X&&X,$=s.savedMessage,ee=s.isError,te=void 0!==ee&&ee,ne=s.errorMessage,ae=void 0===ne?"There was an error saving your changes.":ne;s.isSaving;var se=s.isHighlighted,ie=void 0!==se&&se,oe=s.onStreamingStateChange,re=s.onViewComparison;s.isCopyEnabled;var le=s.onComparisonLinkClick,ue=s.onSubmitFeedback,de=i,ce=n.useRef("".concat(de,"-").concat(o,"-").concat(l.v4())),he=n.useRef("".concat(l.v4())),ve=b,me=n.useRef(null),fe=n.useRef(!0),ge=n.useRef(null),pe=n.useRef(null),Ce=n.useState(""),_e=Ce[0],xe=Ce[1],Se=n.useState([]),ye=Se[0],be=Se[1],Re=n.useState(!1),je=Re[0],we=Re[1],ke=n.useState(!1);ke[0];var Ee=ke[1],Me=n.useState(!0),Te=Me[0],Ie=Me[1],Ae=n.useState(!0);Ae[0];var Ne=Ae[1],De=n.useState("");De[0];var qe=De[1],Le=n.useState(""),Fe=Le[0],We=Le[1],Be=n.useState(!1),ze=Be[0],Pe=Be[1],He=n.useState(!1),Ue=He[0],Ze=He[1],Ke=n.useState(!0),Oe=Ke[0],Ge=Ke[1],Ve=n.useState("100%");Ve[0];var Je=Ve[1],Qe=n.useState(null),Xe=Qe[0],Ye=Qe[1],$e=n.useState(!1);$e[0];var et=$e[1],tt=n.useState(!1),nt=tt[0],at=tt[1],st=n.useRef(null),it=n.useRef(new Set),ot=n.useState(null),rt=ot[0],lt=ot[1],ut=n.useState(!1),dt=ut[0],ct=ut[1],ht=n.useState(!1);ht[0],ht[1];var vt=n.useState(null);vt[0],vt[1],n.useRef(null),n.useRef(null);var mt=n.useRef(new Map),ft=n.useRef(""),gt=n.useRef(0),pt=n.useRef(!0),Ct=a.keyframes(R||(R=e.__makeTemplateObject(["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "],["\n      0%, 80%, 100% {\n        transform: scale(0);\n      }\n      40% {\n        transform: scale(1.0);\n      }\n    "]))),_t=n.useMemo(function(){return""===(null==_e?void 0:_e.trim())||ze},[_e,ze]),xt=n.useMemo(function(){return q},[q]),St=n.useMemo(function(){return _t||ze||q},[_t,ze,q]);n.useEffect(function(){null==oe||oe(ze)},[ze,oe]),n.useEffect(function(){return pt.current=!0,function(){pt.current=!1,gt.current+=1,ft.current&&E&&u.stopStreaming(ft.current,E,!1)}},[E]),n.useEffect(function(){var e=me.current,t=function(){if(e){var t=e.scrollTop,n=e.scrollHeight,a=e.clientHeight;Ge(n-t-a<=20)}};return e&&(e.addEventListener("scroll",t),t()),function(){e&&e.removeEventListener("scroll",t)}},[ye]);var yt=_.useHeaderObserver({handlers:W,setResult:B}).processHeaderMessage;n.useEffect(function(){Y&&at(!0)},[Y]),n.useEffect(function(){if(dt){var e=setTimeout(function(){ct(!1)},3e3);return function(){return clearTimeout(e)}}},[dt]),n.useEffect(function(){T&&(Et(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save this Learning"),I(!1))},[T]),n.useEffect(function(){if(N)try{if(N.startsWith("__SKELETON__:")){var t=N.split(":"),n=t[1],a=t.slice(2).join(":"),s={role:"user",content:"",id:n,time:new Date,isSkeleton:!0,skeletonContent:a};return be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[s],!1)}),Et(new KeyboardEvent("keydown",{key:"Enter"}),!1,a,!1,n),lt(n),D&&D(""),void setTimeout(function(){lt(null)},2e3)}if(N.startsWith("__SKELETON_END__::")){var i=N.split("::")[1]||"";return be(function(t){return t.map(function(t){return t.isSkeleton?e.__assign(e.__assign({},t),{isSkeleton:!1,content:t.skeletonContent||i}):t})}),void(D&&D(""))}var o=l.v4();Et(new KeyboardEvent("keydown",{key:"Enter"}),!1,N,!1,o),lt(o),D&&D(""),setTimeout(function(){return lt(null)},2e3)}catch(e){console.error("Error handling sendMessageInChat signal",e)}},[N]),n.useEffect(function(){Rt(),jt();var e=function(){var e,t=(null===(e=null==st?void 0:st.current)||void 0===e?void 0:e.clientHeight)||0,n="calc(100% - ".concat(t,"px - 10px)");Je(n)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var bt=n.useCallback(function(e){var t="string"==typeof e?e:"smooth";ge.current&&ge.current.scrollIntoView({behavior:t,block:"end"}),fe.current&&setTimeout(function(){ge.current&&fe.current&&ge.current.scrollIntoView({behavior:t,block:"end"})},100)},[]);n.useEffect(function(){if(!ze){var t="";if(nt?t=$||"Thank you teacher for teaching me, your rule has been saved successfully.":te&&(t=ae||"I'm sorry, I couldn't save your changes. Please try again."),t){var n={role:"assistant",content:t,id:l.v4(),citations:[],time:new Date};be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[n],!1)}),at(!1),setTimeout(function(){return bt("smooth")},100)}}},[nt,te,ze,$,ae,bt]),n.useEffect(function(){fe.current&&bt("smooth")},[bt]);var Rt=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(ve,"/api/chatbot/getChatSettings?name=").concat(de,"&organizationName=").concat(o),headers:{}};r.http.request(e).then(function(e){var t,n,a;(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)&&""!==(null===(a=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)||void 0===a?void 0:a.chatInitialMessage)&&Ne(!0)}).catch(function(e){console.error(e)})},jt=function(){return e.__awaiter(void 0,void 0,void 0,function(){var t,n;return e.__generator(this,function(e){t="".concat(ve,"/api/chat/history?name=").concat(de,"&organizationName=").concat(o);try{n={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0},r.http.get(t,n).then(function(e){var t=e.data;t.length>0?(be(t),bt()):Ne(!0)}).catch(function(e){console.error(e)})}catch(e){we(!1),console.error(e)}return[2]})})};function wt(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var kt=function(t,n,a,s,i,o,r){var u,d,c,h,v,m,f,g,p,C,_,x,S,y,b,R,j,w,k,E,M,T,I,A,N,D,q,L,F,W,B,z,P,H;if(null===(d=null===(u=null==t?void 0:t.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===d?void 0:d.header_message){var U={header_message:t.chatStream.continueChatResult.header_message,responsedata:null===(v=null===(h=null===(c=null==t?void 0:t.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===h?void 0:h.message)||void 0===v?void 0:v.content};yt(U)}var Z=null===(m=null==t?void 0:t.chatStream)||void 0===m?void 0:m.continueChatResult,K=null==Z?void 0:Z.isEnd,O=(null===(f=null==Z?void 0:Z.message)||void 0===f?void 0:f.citations)||[];K&&O.length>0&&G&&G(O);var V={role:"assistant",content:"",id:l.v4()};if(null===(_=null===(C=null===(p=null===(g=null==t?void 0:t.chatStream)||void 0===g?void 0:g.continueChatResult)||void 0===p?void 0:p.message)||void 0===C?void 0:C.content)||void 0===_?void 0:_.includes("WaitMessage: "))Ee(!0),V.content=function(e){var t="WaitMessage: ",n=e.indexOf(t);if(-1!==n){var a=e.substring(n+13);return null==a?void 0:a.replaceAll("WaitMessage: ","")}return""}((null===(y=null===(S=null===(x=null==t?void 0:t.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===S?void 0:S.message)||void 0===y?void 0:y.content)+"\n\n"),""!==V.content&&(we(!1),be(e.__spreadArray(e.__spreadArray([],ye,!0),[{role:"user",content:i,time:s,isFirstQuestionSent:o||!1,id:r||(null===(R=null===(b=null==t?void 0:t.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===R?void 0:R.requestId)||"",reply:""},V],!1)));else{Ee(!1),V.content=null===(E=wt(null===(k=null===(w=null===(j=null==t?void 0:t.chatStream)||void 0===j?void 0:j.continueChatResult)||void 0===w?void 0:w.message)||void 0===k?void 0:k.content))||void 0===E?void 0:E.replaceAll("WaitMessage: ","");var J=null===(T=null===(M=null==t?void 0:t.chatStream)||void 0===M?void 0:M.continueChatResult)||void 0===T?void 0:T.requestId;"string"==typeof J&&J&&Q&&Q(J);var X=function(t,n,a){var s,i,o,r,u,d,c,h,v,m,f,g,p,C,_,x,S,y,b,R,j,w,k,E,M,T,I,A,N,D,q,L,F,W,B={role:"assistant",content:"",id:l.v4(),time:new Date,citations:[]};if(!1===(null===(i=null===(s=t.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===i?void 0:i.thinking_break)&&!0===(null===(r=null===(o=t.chatStream)||void 0===o?void 0:o.continueChatResult)||void 0===r?void 0:r.is_orchestrator)&&!1===(null===(d=null===(u=t.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===d?void 0:d.isEnd)&&(B.content=wt(t.chatStream.continueChatResult.message.content||"")),!0===(null===(h=null===(c=t.chatStream)||void 0===c?void 0:c.continueChatResult)||void 0===h?void 0:h.thinking_break)&&!0===(null===(m=null===(v=t.chatStream)||void 0===v?void 0:v.continueChatResult)||void 0===m?void 0:m.is_orchestrator)&&!1===(null===(g=null===(f=t.chatStream)||void 0===f?void 0:f.continueChatResult)||void 0===g?void 0:g.isEnd)&&(B.content="",n.push({responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1})),!1===(null===(C=null===(p=t.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===C?void 0:C.thinking_break)&&!0===(null===(x=null===(_=t.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===x?void 0:x.is_orchestrator)&&!0===(null===(y=null===(S=t.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===y?void 0:y.isEnd)&&(B.content=wt(t.chatStream.continueChatResult.message.content)),!1===(null===(R=null===(b=t.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===R?void 0:R.thinking_break)&&!1===(null===(w=null===(j=t.chatStream)||void 0===j?void 0:j.continueChatResult)||void 0===w?void 0:w.is_orchestrator)&&!1===(null===(E=null===(k=t.chatStream)||void 0===k?void 0:k.continueChatResult)||void 0===E?void 0:E.isEnd)){if((H=t.chatStream.continueChatResult).explainability_id&&H.responded_by){var z=H.explainability_id,P=H.responded_by;a.has(z)||a.set(z,{responded_by:P,index:n.length})}a.has(t.chatStream.continueChatResult.explainability_id)?n[null==(U=a.get(t.chatStream.continueChatResult.explainability_id))?void 0:U.index]={responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(M=t.chatStream.continueChatResult.explainability_id)&&void 0!==M?M:"",isParallelToolResponse:!0}:n=e.__spreadArray(e.__spreadArray([],n,!0),[{responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(T=t.chatStream.continueChatResult.explainability_id)&&void 0!==T?T:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(A=null===(I=t.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===A?void 0:A.thinking_break)&&!1===(null===(D=null===(N=t.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===D?void 0:D.is_orchestrator)&&!1===(null===(L=null===(q=t.chatStream)||void 0===q?void 0:q.continueChatResult)||void 0===L?void 0:L.isEnd)){var H,U;(H=t.chatStream.continueChatResult).explainability_id&&H.responded_by&&(z=H.explainability_id,P=H.responded_by,a.has(z)||a.set(z,{responded_by:P,index:n.length})),a.has(t.chatStream.continueChatResult.explainability_id)?n[null==(U=a.get(t.chatStream.continueChatResult.explainability_id))?void 0:U.index]={responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(F=t.chatStream.continueChatResult.explainability_id)&&void 0!==F?F:"",isParallelToolResponse:!0}:n.push({responsedata:t.chatStream.continueChatResult.message.content,responseFrom:t.chatStream.continueChatResult.responded_by,header_message:t.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(W=t.chatStream.continueChatResult.explainability_id)&&void 0!==W?W:"",isParallelToolResponse:!1})}return e.__assign({orchestratorAndAgentsMessages:n},B)}(t,a,n);X.time=new Date,X.citations=O,X.isEnd=null===(A=null===(I=null==t?void 0:t.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===A?void 0:A.isEnd,X.requestId=null===(D=null===(N=null==t?void 0:t.chatStream)||void 0===N?void 0:N.continueChatResult)||void 0===D?void 0:D.requestId,X.sessionId=ce.current,null===(q=X.orchestratorAndAgentsMessages)||void 0===q||q.forEach(function(e){e&&e.header_message&&yt(e)}),(""!==(null==X?void 0:X.content)||(null==X?void 0:X.orchestratorAndAgentsMessages)&&(null==X?void 0:X.orchestratorAndAgentsMessages.length)>0)&&(we(!1),be(e.__spreadArray(e.__spreadArray([],ye,!0),[{role:"user",content:i||"",time:s,isFirstQuestionSent:o||!1,id:r||(null===(F=null===(L=null==t?void 0:t.chatStream)||void 0===L?void 0:L.continueChatResult)||void 0===F?void 0:F.requestId)||"",requestId:null!==(z=null===(B=null===(W=null==t?void 0:t.chatStream)||void 0===W?void 0:W.continueChatResult)||void 0===B?void 0:B.requestId)&&void 0!==z?z:""},X],!1))),Ie(null===(H=null===(P=null==t?void 0:t.chatStream)||void 0===P?void 0:P.continueChatResult)||void 0===H?void 0:H.isEnd)}},Et=function(t,n,a,s,i,r){var d,c,h=(void 0!==a?a:_e||"").trim(),v="Enter"===(null==t?void 0:t.key)&&!(null==t?void 0:t.shiftKey);if(v&&(null===(d=null==t?void 0:t.preventDefault)||void 0===d||d.call(t)),!(!h||ze&&!a||(null==t?void 0:t.key)&&!v)){if("I want to add a rule description"===h){Ie(!1),fe.current=!0,Pe(!0),!Xe&&h&&Ye(a||"manual_entry");var m=new Date;return be(function(t){return e.__spreadArray(e.__spreadArray([],t.map(function(t,n){var a;return e.__assign(e.__assign({},t),{content:null===(a=wt(t.content))||void 0===a?void 0:a.replace("WaitMessage: ","")})}),!0),[{role:"user",content:h,time:m,isFirstQuestionSent:!1,id:i||l.v4()}],!1)}),bt("smooth"),void setTimeout(function(){be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[{role:"assistant",content:"I'd be happy to help you set up a new rule! To get started, could you tell me what kind of behavior or logic you would like this rule to follow?",id:l.v4(),citations:[],time:new Date}],!1)}),bt("smooth"),setTimeout(function(){Pe(!1),Ie(!0)},500)},500)}Ie(!1),fe.current=!0,Pe(!0),!Xe&&h&&Ye(a||"manual_entry");var f=new Date,g=gt.current;be(function(t){var n=t.map(function(t){var n;return e.__assign(e.__assign({},t),{content:null===(n=wt(t.content))||void 0===n?void 0:n.replace("WaitMessage: ","")})});return i&&n.some(function(e){return e.id===i})?n.map(function(t){return t.id===i?e.__assign(e.__assign({},t),{content:h}):t}):e.__spreadArray(e.__spreadArray([],n,!0),[{role:"user",content:h,time:f,isFirstQuestionSent:!1,id:i||l.v4()}],!1)}),bt("smooth");var p=new Map,C=[],_={WEBSOCKET_URL:E,organizationName:o,chatAssistantName:de,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:h,requestId:"requestId-".concat(l.v4()),customPrompt:"",enableForBackend:!1,guestSessionId:ce.current,chatPreviewId:he.current,customMetaData:F,aiModel:"",onStreamEvent:function(e){pt.current&&gt.current===g&&kt(e,p,C,f,h,n,i)},onStreamEnd:function(t){if(pt.current&&gt.current===g){Ie(!0),Pe(!1),et(!1);var n=Date.now(),a=mt.current.get(ft.current);if(a){var s=Math.round((n-a)/1e3).toFixed(1);be(function(t){var n=e.__spreadArray([],t,!0).reverse().findIndex(function(e){return"assistant"===e.role});if(-1===n)return t;var a=t.length-1-n;return t.map(function(t,n){return n===a?e.__assign(e.__assign({},t),{finalTimeTaken:s}):t})})}}},onError:function(e){pt.current&&gt.current===g&&(console.error("Stream error:",e),Ie(!0),Pe(!1),et(!1))}};if(h)we(!0),null===(c=pe.current)||void 0===c||c.blur(),xe(""),bt(),We(i?"Just a moment, processing your request...":"Okay, got it. Let me take a moment to work on this and I'll get back to you shortly."),mt.current.set(_.requestId,Date.now()),ft.current=_.requestId,u.startChatStream(_);r&&r(!1)}},Mt=n.useRef(null);n.useLayoutEffect(function(){Mt.current=Et});var Tt=n.useCallback(function(){for(var t,n=[],a=0;a<arguments.length;a++)n[a]=arguments[a];return null===(t=Mt.current)||void 0===t?void 0:t.call.apply(t,e.__spreadArray([Mt],n,!1))},[]),It=n.useMemo(function(){return{p:function(n){n.node;var a=n.children;return e.__rest(n,["node","children"]),t.jsx("div",e.__assign({style:{margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"10px",fontFamily:"inherit"}},{children:a}))},button:function(n){n.node;var a=n.className,s=n.children,i=e.__rest(n,["node","className","children"]),o=_.extractTextFromChildren(s),r=i["data-value"],l=Xe===o||Xe===r,u=!!Xe,d="Tester Genie"===o;return t.jsx(m.ActionableButton,e.__assign({},i,{className:a,handleStream:Tt,isStreamEnd:Te,disabled:u,isLastMessage:!0,style:{margin:0},isTesterGenie:d,"data-selected":l?"true":Xe?"false":void 0},{children:t.jsxs("span",e.__assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[s,d&&t.jsxs("svg",e.__assign({width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[t.jsx("path",{d:"M7.20368 8.94768e-06C7.48895 -0.00208639 7.69331 0.364327 7.83856 0.57465C8.14381 1.01633 8.38012 1.87909 7.71077 2.14118C8.57167 2.21011 9.70406 2.93098 10.1785 3.64699C10.5932 4.27286 10.4559 5.16037 9.80301 5.56007L9.9502 7.16593C9.97671 7.44871 10.0265 7.87092 10.0299 8.14457C10.4213 8.23046 11.0787 8.55391 11.326 8.87592C11.5979 8.75656 11.9189 8.76963 12.1688 8.93469C12.3563 8.67751 12.5598 8.41456 12.7507 8.15787C12.3283 7.45155 12.5047 6.57745 13.2143 6.13784C13.5375 5.9377 13.9264 5.87277 14.2971 5.95705C14.0961 6.30964 13.8775 6.72182 13.6593 7.05857C13.7906 7.2436 13.9184 7.44225 14.044 7.63194L14.8022 7.63198C15.0349 7.30106 15.2515 6.90827 15.4835 6.59349C15.8623 7.0712 15.8156 7.79671 15.4734 8.28241C15.1318 8.76741 14.4886 8.9899 13.9118 8.88251C13.758 9.12108 13.5577 9.39243 13.3941 9.63201C13.7143 9.9316 13.7725 10.364 13.4067 10.6594C13.5231 10.8889 13.5309 11.1613 13.447 11.402C13.1502 12.2523 12.1724 12.5645 11.3474 12.5025C11.1171 12.4852 10.939 12.4698 10.7197 12.3953C10.8724 13.1271 10.7744 14.2031 10.5132 14.9051C10.1688 15.8304 9.43632 16.5569 8.54503 16.9655C7.90465 17.2706 7.21222 17.3607 6.50472 17.4505C5.74445 17.5471 4.75801 17.4362 4.08533 17.825C3.9327 17.9132 3.86566 18.0173 3.82943 18.1792C3.94996 18.5982 4.47858 18.6063 4.78474 18.8897C5.20191 19.2758 4.90716 19.9663 4.36611 19.9908C4.31476 19.9931 4.26867 19.9867 4.23186 19.9493C4.23089 19.8303 4.47587 19.7199 4.49787 19.5262C4.55075 19.0604 3.70014 19.0078 3.37835 18.8374C3.13013 18.706 2.99537 18.6309 2.82242 18.4021C2.63795 18.1579 2.58428 17.835 2.63138 17.5392C2.74868 16.7847 3.47123 16.393 4.12184 16.1497C4.61314 15.9659 5.46304 15.7158 5.52019 15.0793C5.58589 14.348 4.97543 13.5523 4.57739 12.9807C4.44275 12.7875 4.3039 12.579 4.16309 12.3919C4.18987 12.365 4.21049 12.3463 4.23916 12.3212C4.59619 12.6218 5.21209 12.6421 5.55038 12.2979C5.70457 12.144 5.78974 11.9342 5.78642 11.7164C5.78121 11.4493 5.63382 11.2002 5.4454 11.019C5.44704 10.9932 5.44824 10.9676 5.449 10.9419C5.4566 10.6648 5.37505 10.4902 5.1892 10.2943C5.18398 10.2538 5.17776 10.2134 5.17053 10.1732C5.08123 9.69297 4.71708 9.34182 4.23415 9.27108C4.16418 9.26083 3.96108 9.26105 3.92071 9.23344C3.90485 9.1828 3.9059 9.20792 3.91904 9.15527C4.22103 8.90139 4.14407 8.78214 4.31107 8.4846C4.42301 8.28513 4.73047 8.15239 4.95452 8.10701C4.96167 7.51076 5.03684 6.88562 5.10036 6.29144C5.12451 6.0655 5.12531 5.75046 5.1511 5.55257C4.11108 4.86747 4.39091 3.75946 5.25465 3.06391C5.84978 2.58469 6.34496 2.31002 7.10143 2.14517C7.01589 2.10416 6.93842 2.04811 6.87269 1.97972C6.77021 1.87349 6.70248 1.73857 6.67853 1.59293C6.60568 1.12096 7.04104 0.914625 7.18759 0.526392C7.26428 0.323403 7.03925 0.146075 7.20368 8.94768e-06Z",fill:"#475569"}),t.jsx("path",{d:"M7.459 4.5C7.48797 4.50312 7.71949 4.61154 7.76205 4.63061C8.27062 4.85835 8.87051 5.09164 9.35658 5.3582C9.36602 6.03495 9.37016 6.56625 8.70573 6.91519C8.6633 6.80883 8.63019 6.72409 8.56332 6.63044C8.43786 6.45568 8.24656 6.33963 8.03354 6.30909C7.8434 6.28211 7.65146 6.3197 7.49586 6.43503C7.21897 6.21256 6.76265 6.28197 6.5229 6.52486C6.39308 6.65639 6.34815 6.75074 6.28902 6.92344C5.59702 6.5957 5.58761 6.04267 5.60583 5.35582C5.89882 5.23844 6.21318 5.0724 6.50153 4.941C6.82145 4.79522 7.14482 4.6574 7.459 4.5Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M11.0756 10.6406C11.1037 10.6701 11.1324 10.7706 11.1535 10.8145C11.2818 11.0817 11.4922 11.1945 11.7498 11.2977C11.5607 11.63 11.4567 11.8797 11.1034 12.0466L11.0839 12.0517C10.9262 12.0927 10.7996 12.0968 10.651 12.0135C10.4755 11.915 10.3807 11.6614 10.4792 11.478C10.6388 11.1809 10.8877 10.9272 11.0756 10.6406Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M11.6036 9.1377C11.6993 9.11763 11.8391 9.16378 11.9294 9.19593C11.6952 9.50644 11.4706 9.81614 11.2327 10.1261L11.1572 10.2255C10.7581 9.73539 11.0333 9.24481 11.6036 9.1377Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M7.49681 0.882812C7.53691 0.925159 7.61244 1.08523 7.63598 1.14156C7.74243 1.39673 7.75769 1.76908 7.38596 1.77504C7.28236 1.75599 7.15628 1.68938 7.13517 1.5783C7.0843 1.3107 7.35609 1.09964 7.48737 0.897583L7.49681 0.882812Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M1.68305 6.17249C1.71659 6.1673 1.8134 6.16478 1.84892 6.16432C2.34052 6.15616 2.81496 6.34495 3.16655 6.68866C3.50847 7.01806 3.70349 7.47119 3.70765 7.94596C3.70896 8.42345 3.54045 8.85284 3.20281 9.19025C3.34033 9.28068 3.5321 9.52219 3.6543 9.65748C4.17158 9.39073 4.91447 9.69339 4.79675 10.3444C5.08751 10.5485 5.19656 10.8288 5.0585 11.1674C5.15418 11.2375 5.25595 11.3205 5.32383 11.4186C5.40228 11.5303 5.4309 11.6695 5.40291 11.8031C5.32228 12.1857 4.90085 12.3286 4.57669 12.1236C4.51367 12.0838 4.42258 11.9595 4.35299 11.9431C4.30669 11.9557 4.28453 11.9584 4.23644 11.9644C4.22885 11.9742 4.22118 11.9841 4.21343 11.9938C3.93597 12.3413 3.49234 12.4682 3.06933 12.5157C2.85285 12.518 2.70432 12.5146 2.49066 12.4609C1.80785 12.2892 1.50808 11.6167 1.70723 10.9639C1.829 10.5648 2.11891 10.2506 2.48939 10.0518C2.54655 10.132 2.57559 10.2191 2.64066 10.303C2.73571 10.2223 2.82048 10.1482 2.92363 10.0773C2.81023 9.95313 2.66811 9.7693 2.55817 9.63584C2.38871 9.6878 2.23026 9.72879 2.05298 9.74653C1.54239 9.80228 1.03118 9.64711 0.637735 9.31695C0.269964 9.01018 0.0453493 8.54827 0.00544736 8.07322C-0.0309495 7.60988 0.116099 7.15077 0.414918 6.79478C0.742554 6.41198 1.18728 6.21393 1.68305 6.17249Z",fill:"#475569"}),t.jsx("path",{d:"M1.79616 6.5951C2.54894 6.5619 3.18687 7.14364 3.22301 7.8963C3.25915 8.64894 2.67989 9.28913 1.92739 9.3282C1.17073 9.3675 0.526231 8.78435 0.489885 8.02753C0.45354 7.27071 1.03921 6.62849 1.79616 6.5951Z",fill:"#D1EDFD"}),t.jsx("path",{d:"M4.93607 11.4844C5.12839 11.6261 5.22049 11.9085 4.91876 11.9419C4.8067 11.8805 4.78491 11.8646 4.71094 11.7561C4.81572 11.6752 4.862 11.5925 4.93607 11.4844Z",fill:"#FEFEFD"}),t.jsx("path",{d:"M12.5164 3.58594L12.5715 3.59466C12.6589 3.65863 12.6908 3.94434 12.7882 4.05193C12.8789 4.15216 12.9155 4.17816 13.0326 4.24929C13.1363 4.31224 13.3325 4.34025 13.384 4.43124C13.3643 4.56218 13.0693 4.54857 12.9127 4.69344C12.6903 4.89898 12.7114 5.06971 12.5892 5.28622C12.5669 5.28439 12.5368 5.2868 12.5261 5.27346C12.4336 5.15843 12.4072 4.9308 12.3099 4.81465C12.1627 4.63903 11.9972 4.60054 11.7981 4.51372C11.7544 4.49467 11.7266 4.47099 11.7129 4.42649C11.7867 4.31876 12.0509 4.34309 12.2376 4.14892C12.43 3.94901 12.4155 3.72208 12.5164 3.58594Z",fill:"#475569"}),t.jsx("path",{d:"M2.13644 3.72656C2.24401 3.77084 2.29712 4.1268 2.431 4.25226C2.60327 4.41371 2.7311 4.41949 2.93246 4.52449C2.96024 4.53897 2.97173 4.56042 2.97671 4.58878C2.89584 4.6981 2.61854 4.70721 2.4596 4.85659C2.26275 5.04156 2.27341 5.29132 2.17022 5.42088C2.16192 5.41849 2.11671 5.40232 2.1156 5.40043C2.01291 5.21216 1.9836 5.04909 1.84812 4.87273C1.73599 4.72675 1.36534 4.69959 1.32812 4.56939C1.3835 4.47941 1.67823 4.44211 1.82291 4.30563C2.02737 4.11274 2.0042 3.8372 2.13644 3.72656Z",fill:"#475569"})]}))]}))}))}}},[Tt,Te,Xe]),At=n.useMemo(function(){return ye.some(function(e){return e.isSkeleton})},[ye]),Nt=function(t){return e.__awaiter(void 0,void 0,void 0,function(){return e.__generator(this,function(n){switch(n.label){case 0:return ue?[4,ue(t)]:[3,2];case 1:n.sent(),be(function(t){return e.__spreadArray(e.__spreadArray([],t,!0),[{role:"assistant",content:"Thanks for your feedback — this will help improve future suggestions.",id:l.v4(),citations:[],time:new Date,isEnd:!0}],!1)}),setTimeout(function(){return bt("smooth")},100),n.label=2;case 2:return[2]}})})};return console.log(ye,"rendering messages"),t.jsxs("div",e.__assign({className:"".concat(p.default.customFont," ").concat(g.default.chatContainer),style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:ie&&!At?"0 0 20px 5px rgba(37, 99, 235, 0.5)":"none"}},{children:[t.jsxs("div",e.__assign({ref:me,className:g.default.scrollWrapper},{children:[t.jsx("div",e.__assign({ref:st,className:g.default.stickyHeader},{children:t.jsx(c.default,{resetChatHistory:function(){var e="".concat(ve,"/api/chat/resetHistory?name=").concat(de,"&organizationName=").concat(o);try{var t={method:"GET",params:{guestSessionId:ce.current},withCredentials:!0};r.http.get(e,t).then(function(){M(!0),qe(""),Ye(null),it.current.clear(),he.current="".concat(l.v4()),be([]),Ne(!0),null==z||z(),A&&A()}).catch(function(e){console.error(e)}).finally(function(){ce.current="".concat(de,"-").concat(o,"-").concat(l.v4())})}catch(e){we(!1),console.error(e)}},isStreamEnd:Te,chatTitle:L,onResize:K,chatSize:Z,movingTowards:O})})),t.jsxs("div",e.__assign({className:g.default.messagesList},{children:[t.jsxs("div",e.__assign({className:g.default.initialMessageRow},{children:[t.jsx("div",e.__assign({className:g.default.iconWrapper},{children:t.jsx(S.default,{})})),t.jsx("div",e.__assign({className:g.default.welcomeTextWrapper},{children:t.jsx("div",e.__assign({className:g.default.welcomeMarkdownWrapper},{children:t.jsx("span",{children:t.jsx(w.default,e.__assign({rehypePlugins:[k.default],components:It},{children:H}))})}))}))]})),ye.length>0&&ye.map(function(n,a){return t.jsxs("div",e.__assign({className:g.default.messageRow},{children:["assistant"===n.role?t.jsx("div",e.__assign({className:g.default.assistantIconContainer},{children:t.jsx(S.default,{})})):t.jsx("div",{className:g.default.userSpacer}),t.jsx("div",e.__assign({className:g.default.messageContent},{children:"assistant"===n.role?t.jsxs(t.Fragment,{children:[n.orchestratorAndAgentsMessages&&n.orchestratorAndAgentsMessages.length>0&&t.jsx(d.WatchMeWork,{orchestratorAndAgentsMessages:null==n?void 0:n.orchestratorAndAgentsMessages,isStreamEnd:Te,finalTimeTaken:null==n?void 0:n.finalTimeTaken},null==n?void 0:n.id),t.jsx(h.default,{index:a,content:null==n?void 0:n.content,role:null==n?void 0:n.role,messages:ye,handleStream:Et,isLastMessage:a===ye.length-1,onSave:U,citations:null==n?void 0:n.citations,setChatSize:K,chatSize:Z,isStreamEnd:Te,messageIsEnd:null==n?void 0:n.isEnd,onViewComparison:re,onTypeResponseClick:function(){var e;ct(!0),null===(e=pe.current)||void 0===e||e.focus()},onComparisonLinkClick:le,baseURL:ve,onFeedbackSubmit:Nt}),t.jsx("div",e.__assign({className:g.default.timestamp},{children:n.time&&!isNaN(new Date(n.time).getTime())?new Date(n.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}):t.jsxs("div",e.__assign({className:g.default.userMessageWrapper},{children:[t.jsxs("div",e.__assign({className:g.default.userMessageBubble,style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:n.isSkeleton||At||n.id!==rt?"none":"0 0 15px 3px rgba(37, 99, 235, 0.6)"}},{children:[n.isSkeleton?t.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",gap:"12px",minWidth:"280px",padding:"8px 0"}},{children:[t.jsx(v.Skeleton,{variant:"text",width:"100%",height:16}),t.jsx(v.Skeleton,{variant:"text",width:"80%",height:16})]})):t.jsx(h.default,{index:a,content:null==n?void 0:n.content,role:null==n?void 0:n.role,messages:ye,handleStream:Et,isLastMessage:a===ye.length-1,onSave:U,citations:null==n?void 0:n.citations,isStreamEnd:Te,messageIsEnd:null==n?void 0:n.isEnd,onViewComparison:re,onComparisonLinkClick:le,baseURL:ve,onFeedbackSubmit:Nt}),t.jsx("div",e.__assign({style:{marginTop:"0.5rem"}},{children:t.jsx(y.UserIcon,{})}))]})),t.jsx("div",e.__assign({className:g.default.userTimestamp},{children:new Date(n.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}))}))]}),n.id)}),je&&t.jsxs("div",e.__assign({className:g.default.loadingRow},{children:[t.jsx("div",e.__assign({className:g.default.iconWrapper,style:{marginTop:"0.2rem"}},{children:t.jsx(S.default,{})})),t.jsx("div",e.__assign({className:g.default.loadingTextWrapper},{children:t.jsx("span",{children:Fe})}))]})),t.jsx("div",{ref:ge,style:{float:"left",clear:"both"}})]}))]})),t.jsxs("div",e.__assign({className:g.default.inputAreaWrapper},{children:[ze&&t.jsxs(a.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"8px",paddingBottom:"8px",paddingLeft:"4px",fontFamily:'"Plus Jakarta Sans", sans-serif',fontSize:"0.875rem",color:"#6b7280",width:"100%"}},{children:[t.jsx("span",{children:"Instant Learning AI is thinking"}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Ct," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Ct," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),t.jsx(a.Box,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(Ct," 1.4s infinite ease-in-out both")}})]})),t.jsx(j.default,e.__assign({title:q?"Please wait for the validation to be completed.":""},{children:t.jsxs("div",e.__assign({className:"".concat(g.default.inputBoxContainer," ").concat(xt?g.default.disabled:""),style:dt?{boxShadow:"0 0 15px 3px rgba(37, 99, 235, 0.5)",borderColor:"#2563eb",transition:"box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"}:{transition:"box-shadow 0.3s ease-in-out, border-color 0.3s ease-in-out"}},{children:[ye.length>0&&!Oe&&t.jsx("div",e.__assign({onMouseDown:function(e){e.preventDefault(),bt("smooth")},className:g.default.scrollToBottomBtn},{children:t.jsx(C.ScrollToBottom,{})})),t.jsxs("div",e.__assign({style:{width:"100%",display:"flex"}},{children:[t.jsx("textarea",{ref:pe,placeholder:J,value:_e||"",onChange:function(e){xe(e.target.value)},onFocus:function(){return Ze(!0)},onBlur:function(){return Ze(!1)},onKeyDown:function(e){return Et(e)},disabled:xt,className:"no-scrollbar ".concat(g.default.chatTextarea),style:{minHeight:Ue?"120px":"50px",height:Ue?"120px":"50px",maxHeight:"120px"}}),t.jsx("span",e.__assign({className:g.default.sendButtonWrapper},{children:t.jsx("button",e.__assign({onClick:function(e){Et(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:St,className:"".concat(g.default.sendButton," ").concat(St?g.default.disabled:g.default.active)},{children:t.jsx(x.SendButton,{})}))}))]}))]}))}))]})),t.jsxs("div",e.__assign({className:g.default.footerTools},{children:[t.jsx(j.default,e.__assign({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:t.jsx("span",e.__assign({className:g.default.footerToolItem},{children:t.jsx(f.default,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),t.jsx(j.default,e.__assign({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:t.jsx("span",e.__assign({className:g.default.footerToolItem},{children:t.jsx(f.default,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};
 //# sourceMappingURL=NormalChat.js.map

package/dist/cjs/features/IL-OTJ/_components/CitationLink.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),t=require("@e-llm-studio/citation"),n=require("react"),o=require("./_svg/ChevronDown.js"),r=require("./_svg/ChevronUp.js"),a=require("./_svg/BookIcon.js"),s=require("./_svg/CitationLinkSparkleIcon.js"),l=require("./MarkdownRenderer.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(n),p=c.default.memo(function(t){var n=t.text,o=t.highlights,r=(null!=o?o:[]).filter(function(e){return"string"==typeof e&&e.length>0});if(0===r.length||!n)return i.jsx("span",{children:n});var a=r.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),s=new RegExp("(".concat(a.join("|"),")"),"gi"),l=n.split(s);return i.jsx("span",{children:l.map(function(t,n){return r.some(function(e){return e.toLowerCase()===t.toLowerCase()})?i.jsx("span",e.__assign({style:{backgroundColor:"#fef08a",color:"#000"}},{children:t}),n):i.jsx("span",{children:t},n)})})}),x=c.default.memo(function(t){var n,o,r=t.citation,d=t.headerTitle,c=t.score,x=t.footerText,f=t.userPreferences,u=t.hasUserPreferences;return i.jsxs("div",e.__assign({className:"citation-card-layout",style:{display:"flex",flexDirection:"column",gap:"8px",padding:"10px",height:"auto",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden",backgroundColor:"#fbfaff"}},{children:[c&&i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.5px solid #c4b6fc",backgroundColor:"#FFF",padding:"4px 8px",fontSize:"12px",fontWeight:600,color:"#1E293B",gap:"4px",cursor:"pointer",width:"fit-content"}},{children:[i.jsx(s.CitationLinkSparkleIcon,{width:13,height:13}),i.jsxs("span",{children:["Citation Relevance ",c,"%"]})]})),i.jsxs("div",e.__assign({style:{flex:"1 1 auto",display:"flex",gap:u?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",flex:u?"1 1 170px":"1 1 100%",minWidth:u?"100px":"100%",width:u?"auto":"100%",border:"1px solid #E3E6EA",borderRadius:"8px"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"4px",borderBottom:"1px solid #E5E7EB",backgroundColor:"#F7F8FA",padding:"12px",fontSize:"14px",fontWeight:"500",color:"#19213D",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[i.jsx(a.default,{})," ",d]})),i.jsx("div",e.__assign({className:"citation-markdown-wrapper",style:{flex:u?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"#fff",minWidth:"0"}},{children:i.jsx(l.default,{value:(null===(n=r.customMetaData)||void 0===n?void 0:n.content)||"",highlightedText:null===(o=r.customMetaData)||void 0===o?void 0:o.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),i.jsx("div",e.__assign({style:{display:"flex",backgroundColor:"#ffffffff",padding:"12px",justifyContent:"flex-end",borderTop:"1px solid #E6DDFE",fontSize:"12px",fontStyle:"italic",color:"#666F8D",fontWeight:"400",textTransform:"capitalize",whiteSpace:"nowrap",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"}},{children:x}))]})),u&&i.jsxs("div",e.__assign({style:{flex:"1 1 170px",minWidth:"100px",display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid #E5E7EB",backgroundColor:"#fff",overflowY:"visible",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"}},{children:[i.jsx("div",e.__assign({style:{backgroundColor:"#fff"}},{children:i.jsx("div",e.__assign({style:{padding:"12px",backgroundColor:"#F7F8FA",borderBottom:"1px solid #E5E7EB"}},{children:i.jsx("h3",e.__assign({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"#19213D"}},{children:"Your Preference"}))}))})),i.jsx("div",e.__assign({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:f.slice(0,3).map(function(t,n){return i.jsx("div",e.__assign({style:{fontSize:"13px",lineHeight:"1.5",color:"#374151"}},{children:i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[i.jsxs("div",e.__assign({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"#374151",flexShrink:0}},{children:[n+1,"."]})),i.jsxs("div",e.__assign({style:{fontSize:"13px"}},{children:[i.jsx("span",{children:t.question}),i.jsx("span",e.__assign({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),i.jsx("br",{}),i.jsxs("span",e.__assign({style:{fontWeight:"700",color:"#111827"}},{children:['"',i.jsx(p,{text:t.answer,highlights:t.highlighted_text}),'"']}))]}))]}))}),n)})}))]}))]})),i.jsx("style",{children:"\n            .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }\n            .citation-markdown-wrapper hr { display: none; }\n            .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }\n            .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: #cbd5e1; border-radius: 4px; }\n          "})]}))});exports.default=function(a){var s,l,d,c,p=a.citation,f=a.linkTitle,u=a.isOpen,g=a.onToggle,h=a.fontSize,m=n.useRef(null),b=n.useCallback(function(){g&&g()},[g]);n.useEffect(function(){u&&m.current&&setTimeout(function(){var e;null===(e=m.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[u]);var v=(null===(s=p.customMetaData)||void 0===s?void 0:s.citation_title)||"",_=(null===(l=p.customMetaData)||void 0===l?void 0:l.citation_relevance_score)||null,y="Referenced from ".concat(null===(d=p.customMetaData)||void 0===d?void 0:d.citation_reference)||"",j=(null===(c=p.customMetaData)||void 0===c?void 0:c.user_preference)||[],w=j.length>0;return i.jsxs("span",e.__assign({className:"citation-container",ref:m,onClick:function(e){return e.stopPropagation()}},{children:[i.jsx(t.CitationRenderer,{inLineCitation:!0,citationTitle:f,citationComponent:i.jsx(x,{citation:p,headerTitle:v,score:_,footerText:y,userPreferences:j,hasUserPreferences:w}),chevronDownComponent:i.jsx(o.default,{}),chevronUpComponent:i.jsx(r.default,{}),additionalCallbackForPillButton:b,isOpen:u,onToggle:g,styles:{citationWrapper:{maxHeight:"none",overflow:"visible",display:"flex",justifyContent:"center",marginBottom:"4px"},pillButton:{fontFamily:'"Inter", sans-serif',background:"transparent",padding:"2px 6px",margin:0,fontSize:h?"".concat(h,"px"):"1rem",fontWeight:500,color:"rgb(109, 40, 217)",cursor:"pointer",whiteSpace:"nowrap",border:u?"1px solid #A78BFA":"none",borderRadius:"6px",marginBottom:"3px",display:"inline-flex",alignItems:"center",gap:"2px",verticalAlign:"middle"},citationContent:{backgroundColor:"#F5F3FF66",border:"1px solid #A78BFA",borderRadius:"6px",padding:"0rem",fontFamily:'"Inter", sans-serif',fontSize:"12px",textAlign:"justify",textJustify:"inter-word",hyphens:"auto",fontWeight:400,lineHeight:"140%",color:"#1e293b",boxShadow:"none",width:"100%",minHeight:"auto",height:"auto",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"}}}),i.jsx("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),i=require("react/jsx-runtime"),r=require("@e-llm-studio/citation"),t=require("react"),n=require("./_svg/ChevronDown.js"),o=require("./_svg/ChevronUp.js"),a=require("./_svg/BookIcon.js"),l=require("./_svg/CitationLinkSparkleIcon.js"),s=require("./MarkdownRenderer.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(t),p=c.default.memo(function(r){var t=r.text,n=r.highlights,o=(null!=n?n:[]).filter(function(e){return"string"==typeof e&&e.length>0});if(0===o.length||!t)return i.jsx("span",{children:t});var a=o.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(a.join("|"),")"),"gi"),s=t.split(l);return i.jsx("span",{children:s.map(function(r,t){return o.some(function(e){return e.toLowerCase()===r.toLowerCase()})?i.jsx("span",e.__assign({style:{backgroundColor:"var(--il-warning-subtle, #fef08a)",color:"var(--il-foreground, #000)"}},{children:r}),t):i.jsx("span",{children:r},t)})})}),f=c.default.memo(function(r){var t,n,o=r.citation,d=r.headerTitle,c=r.score,f=r.footerText,u=r.userPreferences,x=r.hasUserPreferences;return i.jsxs("div",e.__assign({className:"citation-card-layout",style:{display:"flex",flexDirection:"column",gap:"8px",padding:"10px",height:"auto",fontFamily:'"Plus Jakarta Sans", sans-serif',overflow:"hidden",backgroundColor:"var(--il-surface-alt, #fbfaff)",color:"var(--il-foreground, #19213D)"}},{children:[c&&i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.5px solid var(--il-primary, #c4b6fc)",backgroundColor:"var(--il-surface, #FFF)",padding:"4px 8px",fontSize:"12px",fontWeight:600,color:"var(--il-foreground, #1E293B)",gap:"4px",cursor:"pointer",width:"fit-content"}},{children:[i.jsx(l.CitationLinkSparkleIcon,{width:13,height:13}),i.jsxs("span",{children:["Citation Relevance ",c,"%"]})]})),i.jsxs("div",e.__assign({style:{flex:"1 1 auto",display:"flex",gap:x?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",flexDirection:"column",flex:x?"1 1 170px":"1 1 100%",minWidth:x?"100px":"100%",width:x?"auto":"100%",border:"1px solid var(--il-border, #E3E6EA)",borderRadius:"8px"}},{children:[i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"center",gap:"4px",borderBottom:"1px solid var(--il-border, #E5E7EB)",backgroundColor:"var(--il-surface-alt, #F7F8FA)",padding:"12px",fontSize:"14px",fontWeight:"500",color:"var(--il-foreground, #19213D)",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",borderTopLeftRadius:"8px",borderTopRightRadius:"8px"}},{children:[i.jsx(a.default,{})," ",d]})),i.jsx("div",e.__assign({className:"citation-markdown-wrapper",style:{flex:x?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"var(--il-surface, #fff)",minWidth:"0"}},{children:i.jsx(s.default,{value:(null===(t=o.customMetaData)||void 0===t?void 0:t.content)||"",highlightedText:null===(n=o.customMetaData)||void 0===n?void 0:n.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),i.jsx("div",e.__assign({style:{display:"flex",backgroundColor:"var(--il-surface, #ffffff)",padding:"12px",justifyContent:"flex-end",borderTop:"1px solid var(--il-border, #E6DDFE)",fontSize:"12px",fontStyle:"italic",color:"var(--il-muted, #666F8D)",fontWeight:"400",textTransform:"capitalize",whiteSpace:"nowrap",borderBottomLeftRadius:"8px",borderBottomRightRadius:"8px"}},{children:f}))]})),x&&i.jsxs("div",e.__assign({style:{flex:"1 1 170px",minWidth:"100px",display:"flex",flexDirection:"column",borderRadius:"8px",border:"1px solid var(--il-border, #E5E7EB)",backgroundColor:"var(--il-surface, #fff)",overflowY:"visible",boxShadow:"0 1px 3px rgba(0,0,0,0.1)"}},{children:[i.jsx("div",e.__assign({style:{backgroundColor:"var(--il-surface, #fff)"}},{children:i.jsx("div",e.__assign({style:{padding:"12px",backgroundColor:"var(--il-surface-alt, #F7F8FA)",borderBottom:"1px solid var(--il-border, #E5E7EB)"}},{children:i.jsx("h3",e.__assign({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"var(--il-foreground, #19213D)"}},{children:"Your Preference"}))}))})),i.jsx("div",e.__assign({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:u.slice(0,3).map(function(r,t){return i.jsx("div",e.__assign({style:{fontSize:"13px",lineHeight:"1.5",color:"var(--il-secondary-fg, #374151)"}},{children:i.jsxs("div",e.__assign({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[i.jsxs("div",e.__assign({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"var(--il-secondary-fg, #374151)",flexShrink:0}},{children:[t+1,"."]})),i.jsxs("div",e.__assign({style:{fontSize:"13px"}},{children:[i.jsx("span",{children:r.question}),i.jsx("span",e.__assign({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),i.jsx("br",{}),i.jsxs("span",e.__assign({style:{fontWeight:"700",color:"var(--il-foreground, #111827)"}},{children:['"',i.jsx(p,{text:r.answer,highlights:r.highlighted_text}),'"']}))]}))]}))}),t)})}))]}))]})),i.jsx("style",{children:"\n            .citation-markdown-wrapper p:last-child { margin-bottom: 0 !important; }\n            .citation-markdown-wrapper hr { display: none; }\n            .citation-markdown-wrapper::-webkit-scrollbar, .citation-card-layout div::-webkit-scrollbar { width: 4px; }\n            .citation-markdown-wrapper::-webkit-scrollbar-thumb, .citation-card-layout div::-webkit-scrollbar-thumb { background-color: var(--il-border, #cbd5e1); border-radius: 4px; }\n          "})]}))});exports.default=function(a){var l,s,d,c,p=a.citation,u=a.linkTitle,x=a.isOpen,g=a.onToggle,h=a.fontSize,v=t.useRef(null),m=t.useCallback(function(){g&&g()},[g]);t.useEffect(function(){x&&v.current&&setTimeout(function(){var e;null===(e=v.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[x]);var b=(null===(l=p.customMetaData)||void 0===l?void 0:l.citation_title)||"",y=(null===(s=p.customMetaData)||void 0===s?void 0:s.citation_relevance_score)||null,_="Referenced from ".concat(null===(d=p.customMetaData)||void 0===d?void 0:d.citation_reference)||"",w=(null===(c=p.customMetaData)||void 0===c?void 0:c.user_preference)||[],j=w.length>0;return i.jsxs("span",e.__assign({className:"citation-container",ref:v,onClick:function(e){return e.stopPropagation()}},{children:[i.jsx(r.CitationRenderer,{inLineCitation:!0,citationTitle:u,citationComponent:i.jsx(f,{citation:p,headerTitle:b,score:y,footerText:_,userPreferences:w,hasUserPreferences:j}),chevronDownComponent:i.jsx(n.default,{}),chevronUpComponent:i.jsx(o.default,{}),additionalCallbackForPillButton:m,isOpen:x,onToggle:g,styles:{citationWrapper:{maxHeight:"none",overflow:"visible",display:"flex",justifyContent:"center",marginBottom:"4px"},pillButton:{fontFamily:'"Inter", sans-serif',background:"transparent",padding:"2px 6px",margin:0,fontSize:h?"".concat(h,"px"):"1rem",fontWeight:500,color:"var(--il-primary, rgb(109, 40, 217))",cursor:"pointer",whiteSpace:"nowrap",border:x?"1px solid var(--il-primary, #A78BFA)":"none",borderRadius:"6px",marginBottom:"3px",display:"inline-flex",alignItems:"center",gap:"2px",verticalAlign:"middle"},citationContent:{backgroundColor:"var(--il-primary-subtle, #F5F3FF)",border:"1px solid var(--il-primary, #A78BFA)",borderRadius:"6px",padding:"0rem",fontFamily:'"Inter", sans-serif',fontSize:"12px",textAlign:"justify",textJustify:"inter-word",hyphens:"auto",fontWeight:400,lineHeight:"140%",color:"var(--il-foreground, #1e293b)",boxShadow:"none",width:"100%",minHeight:"auto",height:"auto",overflowY:"auto",scrollbarWidth:"none",msOverflowStyle:"none"}}}),i.jsx("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};
 //# sourceMappingURL=CitationLink.js.map

package/dist/cjs/features/IL-OTJ/_components/CriticalGaps.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),o=require("@mui/material"),r=require("lucide-react"),t=require("@e-llm-studio/citation"),s=require("./MarkdownComponents/MarkdownSelect.js"),a=require("./_svg/ButtonCognitiveIcon.js"),l=require("./CitationLink.js"),d=require("./GapExplanationAccordion.js"),c=require("./MarkdownComponents/MarkdownElements.js"),p=function(){return n.jsxs("svg",e.__assign({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},{children:[n.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),n.jsx("polyline",{points:"12 5 19 12 12 19"})]}))},u=function(u){var x,g,f=u.gap,m=u.index,h=u.onUpdate,_=u.isEditable,b=u.citations,v=u.onTypeResponseClick,y=i.useState(!1),j=y[0],S=y[1],C=i.useState({}),w=C[0],F=C[1],k=i.useRef(null);i.useEffect(function(){var e;0===m&&"text"===f.inputType&&_&&(null===(e=k.current)||void 0===e||e.focus())},[m,f.inputType,_]);var B=function(e){return e?e.replace(/\\n/g,"\n"):""},D=i.useMemo(function(){var e;return B((null===(e=f.aiReasoning)||void 0===e?void 0:e.reason)||"")},[null===(x=f.aiReasoning)||void 0===x?void 0:x.reason]),E=i.useMemo(function(){var e;return B((null===(e=f.aiReasoning)||void 0===e?void 0:e.gap)||"")},[null===(g=f.aiReasoning)||void 0===g?void 0:g.gap]),T=i.useCallback(function(e,n){return b&&b.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},[b]),R=i.useMemo(function(){return{img:function(i){i.node;var o=e.__rest(i,["node"]);return n.jsx("img",e.__assign({},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=e.__rest(i,["node"]);return n.jsx("p",e.__assign({},o,{style:{margin:0}},{children:null==o?void 0:o.children}))},code:function(i){i.node;var o=e.__rest(i,["node"]);return n.jsx("span",e.__assign({},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=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({},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=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({},o,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(i){i.node;var o=e.__rest(i,["node"]);return n.jsx("li",e.__assign({},o,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:o.children}))},a:function(i){var o=i.href,r=i.children;if(!o)return n.jsx("a",{children:r});var t=o.match(/citationNumber=([^&]+)/);if(t&&l.default){var s=c.getSourceFromUrl(o),a=T(t[1],s);if(a)return n.jsx(l.default,{citation:a,linkTitle:r,fontSize:12})}return n.jsx("a",e.__assign({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}))}}},[T]),I=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}},A="checkbox"===f.inputType,M=function(n,i){if(_){if("typeYourAnswer"===i||"type your response"===n.trim().toLowerCase())return h(f.id,n),void(v&&v());if(A){var o=Array.isArray(f.userSelection)?f.userSelection:[],r=o.includes(n)?o.filter(function(e){return e!==n}):e.__spreadArray(e.__spreadArray([],o,!0),[n],!1);h(f.id,r)}else h(f.id,n)}};return n.jsx(o.Box,e.__assign({sx:{bgcolor:"#FFFEFE",overflow:"hidden"}},{children:n.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[n.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:n.jsxs(o.Typography,e.__assign({component:"div",sx:{fontSize:"16px",fontWeight:400,color:"#17212B",lineHeight:1.5}},{children:[n.jsx("span",e.__assign({style:{color:"#8F2C23",paddingRight:"2px"}},{children:"*"}))," ",m+1,". ",f.value,f.aiReasoning&&n.jsx(o.Box,e.__assign({component:"span",sx:{display:"inline",verticalAlign:"middle",ml:.5}},{children:n.jsx(t.CognitiveDecisioningCard,{headerIcon:n.jsx(a.ButtonCognitiveIcon,{}),reasoning:D,reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",gap:E,score:f.aiReasoning.score,isOpen:j,onToggle:function(){return S(function(e){return!e})},mdComponents:R,styles:{pill:{gap:"2px",border:"none",backgroundColor:"transparent"}}})}))]}))})),"text"===f.inputType?n.jsx(o.TextareaAutosize,{ref:k,minRows:1,maxRows:10,value:f.userSelection||"",onChange:function(e){_&&h(f.id,e.target.value)},disabled:!_,placeholder:"Enter your input...",style:{width:"100%",minHeight:"30px",padding:"8px 12px",borderRadius:"6px",border:"1px solid #CBD5E1",fontSize:"14px",resize:"none"}}):A?n.jsx(o.FormGroup,e.__assign({row:!0,sx:{gap:"16px",flexDirection:"column"}},{children:f.options.map(function(i,s){var l=I(i),c=l.text,u=l.reasoning,x=l.explanation,g=l.id,m=l.isRecommended,h="checkbox"===f.inputType?(f.userSelection||[]).includes(c):f.userSelection===c;return n.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[n.jsx(o.FormControlLabel,{control:n.jsx(o.Checkbox,{checked:(f.userSelection||[]).includes(c),onChange:function(){return M(c,g)},value:c,size:"small",disabled:!_,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:n.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"6px",width:"100%"}},{children:[n.jsxs(o.Typography,e.__assign({sx:{fontSize:"14px",color:"#1E293B",fontWeight:400}},{children:[c,m&&n.jsx("span",e.__assign({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"}))]})),(u||x)&&n.jsxs(o.Box,e.__assign({onClick:function(n){n.stopPropagation(),F(function(n){var i;return e.__assign(e.__assign({},n),((i={})[s]=!n[s],i))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[n.jsx(a.ButtonCognitiveIcon,{}),w[s]?n.jsx(r.ChevronUp,{size:12,color:"#667085"}):n.jsx(r.ChevronDown,{size:12,color:"#667085"})]}))]})),sx:{mr:0,ml:0,alignItems:"flex-start",width:"100%"}}),(u||x)&&w[s]&&n.jsxs(o.Box,e.__assign({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:[x&&n.jsx(d.GapExplanationAccordion,{explanation:x,isSelected:h,onProceed:function(){return M(c)},proceedIcon:n.jsx(p,{})}),u&&n.jsx(t.CognitiveDecisioningCard,{headerIcon:n.jsx(a.ButtonCognitiveIcon,{}),reasoning:u.reason,gap:u.gap,reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",score:u.score,isOpen:!0,onToggle:function(){return F(function(n){var i;return e.__assign(e.__assign({},n),((i={})[s]=!1,i))})},hideTrigger:!0,mdComponents:R,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"}}})]}))]}),s)})})):n.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:f.options.map(function(i,l){var c=I(i),u=c.text,x=c.reasoning,g=c.explanation,m=c.id,h=c.isRecommended,b=f.userSelection===u;return n.jsxs(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[n.jsxs(o.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"}},{children:[n.jsxs(o.Box,e.__assign({onClick:function(){return M(u,m)},sx:{display:"flex",alignItems:"center",gap:"8px",padding:"8px",borderRadius:"8px",cursor:_?"pointer":"default",bgcolor:b?"#EFF4FF":"transparent",border:"1px solid",borderColor:b?"#B2CCFF":"transparent",transition:"all 0.15s ease-in-out",flex:1,boxSizing:"border-box"}},{children:[n.jsx(s.DynamicArrow,{isSelected:b,width:24,height:24}),n.jsxs(o.Typography,e.__assign({sx:{fontSize:"14px",color:b?"#1D2939":"#344054",fontWeight:500}},{children:[u,h&&n.jsx("span",e.__assign({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"}))]}))]})),(x||g)&&n.jsxs(o.Box,e.__assign({onClick:function(n){n.stopPropagation(),F(function(n){var i;return e.__assign(e.__assign({},n),((i={})[l]=!n[l],i))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[n.jsx(a.ButtonCognitiveIcon,{}),w[l]?n.jsx(r.ChevronUp,{size:12,color:"#667085"}):n.jsx(r.ChevronDown,{size:12,color:"#667085"})]}))]})),(x||g)&&w[l]&&n.jsxs(o.Box,e.__assign({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:[g&&n.jsx(o.Box,e.__assign({sx:{borderBottom:x?"1px solid #EAECF0":"none"}},{children:n.jsx(d.GapExplanationAccordion,{explanation:g,isSelected:b,onProceed:function(){return M(u)},proceedIcon:n.jsx(p,{})})})),x&&n.jsx(t.CognitiveDecisioningCard,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:n.jsx(a.ButtonCognitiveIcon,{}),reasoning:x.reason,gap:x.gap,score:x.score,isOpen:!0,onToggle:function(){return F(function(n){var i;return e.__assign(e.__assign({},n),((i={})[l]=!1,i))})},hideTrigger:!0,mdComponents:R,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"}}})]}))]}),l)})}))]}))}))};exports.CriticalGaps=function(r){var t=r.data,s=r.isLastMessage,a=r.onValidationChange,l=r.isSubmitted,d=r.citations,c=r.onTypeResponseClick,p=r.isGlobalEditActive,x=i.useState(t.gaps.map(function(n){return e.__assign(e.__assign({},n),{userSelection:"checkbox"===n.inputType?[]:null})})),g=x[0],f=x[1],m=i.useCallback(function(n,i){f(function(o){return o.map(function(o){return o.id===n?e.__assign(e.__assign({},o),{userSelection:i}):o})})},[]);i.useEffect(function(){if(a){var e=g.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});a(e,g)}},[g,a]);var h=s&&!l&&!p;return n.jsx(o.Box,e.__assign({sx:{width:"100%",backgroundColor:"#FFFFFF",borderRadius:"8px",border:"1px solid #E3E6EA",padding:"14px",marginTop:"12px"}},{children:n.jsx(o.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"16px"}},{children:g.map(function(e,i){return n.jsx(u,{index:i,gap:e,onUpdate:m,isEditable:h,citations:d,onTypeResponseClick:c},e.id)})}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),n=require("react/jsx-runtime"),i=require("react"),r=require("@mui/material"),o=require("lucide-react"),t=require("@e-llm-studio/citation"),s=require("./MarkdownComponents/MarkdownSelect.js"),a=require("./_svg/ButtonCognitiveIcon.js"),l=require("./CitationLink.js"),d=require("./cognitiveDecisioningThemeStyles.js"),c=require("./GapExplanationAccordion.js"),u=require("./MarkdownComponents/MarkdownElements.js"),p=function(){return n.jsxs("svg",e.__assign({width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round"},{children:[n.jsx("line",{x1:"5",y1:"12",x2:"19",y2:"12"}),n.jsx("polyline",{points:"12 5 19 12 12 19"})]}))},x=function(x){var g,m,f=x.gap,h=x.index,_=x.onUpdate,v=x.isEditable,y=x.citations,b=x.onTypeResponseClick,j=i.useState(!1),S=j[0],C=j[1],w=i.useState({}),F=w[0],B=w[1],k=i.useRef(null);i.useEffect(function(){var e;0===h&&"text"===f.inputType&&v&&(null===(e=k.current)||void 0===e||e.focus())},[h,f.inputType,v]);var T=function(e){return e?e.replace(/\\n/g,"\n"):""},D=i.useMemo(function(){var e;return T((null===(e=f.aiReasoning)||void 0===e?void 0:e.reason)||"")},[null===(g=f.aiReasoning)||void 0===g?void 0:g.reason]),R=i.useMemo(function(){var e;return T((null===(e=f.aiReasoning)||void 0===e?void 0:e.gap)||"")},[null===(m=f.aiReasoning)||void 0===m?void 0:m.gap]),E=i.useCallback(function(e,n){return y&&y.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},[y]),I=i.useMemo(function(){return{img:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("img",e.__assign({},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=e.__rest(i,["node"]);return n.jsx("p",e.__assign({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},code:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("span",e.__assign({},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=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({},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=e.__rest(i,["node"]);return n.jsx("ol",e.__assign({},r,{style:{paddingLeft:"1.25rem",listStyleType:"decimal"}}))},li:function(i){i.node;var r=e.__rest(i,["node"]);return n.jsx("li",e.__assign({},r,{style:{marginBottom:"4px",listStyle:"decimal"}},{children:r.children}))},a:function(i){var r=i.href,o=i.children;if(!r)return n.jsx("a",{children:o});var t=r.match(/citationNumber=([^&]+)/);if(t&&l.default){var s=u.getSourceFromUrl(r),a=E(t[1],s);if(a)return n.jsx(l.default,{citation:a,linkTitle:o,fontSize:12})}return n.jsx("a",e.__assign({href:r,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}))}}},[E]),A=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}},M="checkbox"===f.inputType,z=function(n,i){if(v){if("typeYourAnswer"===i||"type your response"===n.trim().toLowerCase())return _(f.id,n),void(b&&b());if(M){var r=Array.isArray(f.userSelection)?f.userSelection:[],o=r.includes(n)?r.filter(function(e){return e!==n}):e.__spreadArray(e.__spreadArray([],r,!0),[n],!1);_(f.id,o)}else _(f.id,n)}};return n.jsx(r.Box,e.__assign({sx:{bgcolor:"var(--il-surface, #FFFEFE)",color:"var(--il-foreground, #17212B)",overflow:"hidden"}},{children:n.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:[n.jsx(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:n.jsxs(r.Typography,e.__assign({component:"div",sx:{fontSize:"16px",fontWeight:400,color:"var(--il-foreground, #17212B)",lineHeight:1.5}},{children:[n.jsx("span",e.__assign({style:{color:"var(--il-danger, #8F2C23)",paddingRight:"2px"}},{children:"*"}))," ",h+1,". ",f.value,f.aiReasoning&&n.jsx(r.Box,e.__assign({component:"span",sx:{display:"inline",verticalAlign:"middle",ml:.5}},{children:n.jsx(t.CognitiveDecisioningCard,{headerIcon:n.jsx(a.ButtonCognitiveIcon,{}),reasoning:D,reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",gap:R,score:f.aiReasoning.score,isOpen:S,onToggle:function(){return C(function(e){return!e})},mdComponents:I,styles:d.getCognitiveDecisioningThemeStyles()})}))]}))})),"text"===f.inputType?n.jsx(r.TextareaAutosize,{ref:k,minRows:1,maxRows:10,value:f.userSelection||"",onChange:function(e){v&&_(f.id,e.target.value)},disabled:!v,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"}}):M?n.jsx(r.FormGroup,e.__assign({row:!0,sx:{gap:"16px",flexDirection:"column"}},{children:f.options.map(function(i,s){var l=A(i),u=l.text,x=l.reasoning,g=l.explanation,m=l.id,h=l.isRecommended,_="checkbox"===f.inputType?(f.userSelection||[]).includes(u):f.userSelection===u;return n.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[n.jsx(r.FormControlLabel,{control:n.jsx(r.Checkbox,{checked:(f.userSelection||[]).includes(u),onChange:function(){return z(u,m)},value:u,size:"small",disabled:!v,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:n.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"6px",width:"100%"}},{children:[n.jsxs(r.Typography,e.__assign({sx:{fontSize:"14px",color:"var(--il-foreground, #1E293B)",fontWeight:400}},{children:[u,h&&n.jsx("span",e.__assign({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"}))]})),(x||g)&&n.jsxs(r.Box,e.__assign({onClick:function(n){n.stopPropagation(),B(function(n){var i;return e.__assign(e.__assign({},n),((i={})[s]=!n[s],i))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[n.jsx(a.ButtonCognitiveIcon,{}),F[s]?n.jsx(o.ChevronUp,{size:12,color:"var(--il-muted, #667085)"}):n.jsx(o.ChevronDown,{size:12,color:"var(--il-muted, #667085)"})]}))]})),sx:{mr:0,ml:0,alignItems:"flex-start",width:"100%"}}),(x||g)&&F[s]&&n.jsxs(r.Box,e.__assign({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:[g&&n.jsx(c.GapExplanationAccordion,{explanation:g,isSelected:_,onProceed:function(){return z(u)},proceedIcon:n.jsx(p,{})}),x&&n.jsx(t.CognitiveDecisioningCard,{headerIcon:n.jsx(a.ButtonCognitiveIcon,{}),reasoning:x.reason,gap:x.gap,reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",score:x.score,isOpen:!0,onToggle:function(){return B(function(n){var i;return e.__assign(e.__assign({},n),((i={})[s]=!1,i))})},hideTrigger:!0,mdComponents:I,styles:d.getCognitiveDecisioningThemeStyles({container:{border:"none",borderRadius:0,marginTop:0,marginBottom:0},header:{borderBottom:"none"},sectionButton:{padding:"16px"}})})]}))]}),s)})})):n.jsx(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"8px"}},{children:f.options.map(function(i,l){var u=A(i),x=u.text,g=u.reasoning,m=u.explanation,h=u.id,_=u.isRecommended,y=f.userSelection===x;return n.jsxs(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",width:"100%"}},{children:[n.jsxs(r.Box,e.__assign({sx:{display:"flex",alignItems:"center",gap:"8px",width:"100%"}},{children:[n.jsxs(r.Box,e.__assign({onClick:function(){return z(x,h)},sx:{display:"flex",alignItems:"center",gap:"8px",padding:"8px",borderRadius:"8px",cursor:v?"pointer":"default",bgcolor:y?"color-mix(in srgb, var(--il-primary, #2563eb) 16%, var(--il-surface, #ffffff))":"transparent",border:"1px solid",borderColor:y?"var(--il-primary, #B2CCFF)":"transparent",transition:"all 0.15s ease-in-out",flex:1,boxSizing:"border-box"}},{children:[n.jsx(s.DynamicArrow,{isSelected:y,width:24,height:24}),n.jsxs(r.Typography,e.__assign({sx:{fontSize:"14px",color:"var(--il-foreground, #344054)",fontWeight:500}},{children:[x,_&&n.jsx("span",e.__assign({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"}))]}))]})),(g||m)&&n.jsxs(r.Box,e.__assign({onClick:function(n){n.stopPropagation(),B(function(n){var i;return e.__assign(e.__assign({},n),((i={})[l]=!n[l],i))})},sx:{display:"flex",alignItems:"center",gap:"2px",cursor:"pointer",flexShrink:0}},{children:[n.jsx(a.ButtonCognitiveIcon,{}),F[l]?n.jsx(o.ChevronUp,{size:12,color:"var(--il-muted, #667085)"}):n.jsx(o.ChevronDown,{size:12,color:"var(--il-muted, #667085)"})]}))]})),(g||m)&&F[l]&&n.jsxs(r.Box,e.__assign({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:[m&&n.jsx(r.Box,e.__assign({sx:{borderBottom:g?"1px solid var(--il-border, #EAECF0)":"none"}},{children:n.jsx(c.GapExplanationAccordion,{explanation:m,isSelected:y,onProceed:function(){return z(x)},proceedIcon:n.jsx(p,{})})})),g&&n.jsx(t.CognitiveDecisioningCard,{reasoningTitle:"Decision Making Factors",reasoningSubtitle:"Why is this Suggested?",gapTitle:"Gaps in Decision",gapSubtitle:"What's missing or unclear?",headerIcon:n.jsx(a.ButtonCognitiveIcon,{}),reasoning:g.reason,gap:g.gap,score:g.score,isOpen:!0,onToggle:function(){return B(function(n){var i;return e.__assign(e.__assign({},n),((i={})[l]=!1,i))})},hideTrigger:!0,mdComponents:I,styles:d.getCognitiveDecisioningThemeStyles({container:{border:"none",borderRadius:0,marginTop:0,marginBottom:0},header:{borderBottom:"none"},sectionButton:{padding:"16px"}})})]}))]}),l)})}))]}))}))};exports.CriticalGaps=function(o){var t=o.data,s=o.isLastMessage,a=o.onValidationChange,l=o.isSubmitted,d=o.citations,c=o.onTypeResponseClick,u=o.isGlobalEditActive,p=i.useState(t.gaps.map(function(n){return e.__assign(e.__assign({},n),{userSelection:"checkbox"===n.inputType?[]:null})})),g=p[0],m=p[1],f=i.useCallback(function(n,i){m(function(r){return r.map(function(r){return r.id===n?e.__assign(e.__assign({},r),{userSelection:i}):r})})},[]);i.useEffect(function(){if(a){var e=g.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});a(e,g)}},[g,a]);var h=s&&!l&&!u;return n.jsx(r.Box,e.__assign({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:n.jsx(r.Box,e.__assign({sx:{display:"flex",flexDirection:"column",gap:"16px"}},{children:g.map(function(e,i){return n.jsx(x,{index:i,gap:e,onUpdate:f,isEditable:h,citations:d,onTypeResponseClick:c},e.id)})}))}))};
 //# sourceMappingURL=CriticalGaps.js.map

package/dist/cjs/features/IL-OTJ/_components/GapExplanationAccordion.js CHANGED Viewed

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

package/dist/cjs/features/IL-OTJ/_components/ILPopup.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.componentStyles="\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";
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.componentStyles="\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    align-items: center;\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  .save-button-tooltip-wrapper {\n    display: inline-flex;\n  }\n\n  .save-button-draft {\n    color: #5925DC;\n  }\n\n  .save-button-draft:hover {\n    color: #5925DC;\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";
 //# sourceMappingURL=ILPopup.styles.js.map

package/dist/cjs/features/IL-OTJ/_components/InputDataReasoningCard.js CHANGED Viewed

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

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

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