npm - @e-llm-studio/instant-learning - Versions diffs - 1.3.0-alpha.26 → 1.3.0-alpha.261 - Mend

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

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 (1212) hide show

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{useState as C}from"react";import a from"@mui/material/Tooltip";import n from"../_svg/NewChatIcon.js";import{TwentyPercentIcon as r,ThirtyPercentIcon as l,FiftyPercentIcon as c,SeventyFivePercentIcon as d,HundredPercentIcon as o,RightCustomIcon as s}from"../_svg/RightSideIcons.js";import h from"./ChatHeader.module.css.js";var m={20:i(r,{}),30:i(l,{}),50:i(c,{}),75:i(d,{}),100:i(o,{})},L=function(r){var l=r.resetChatHistory,c=r.isStreamEnd,d=r.chatTitle,o=r.onResize,L=r.chatSize,p=r.movingTowards,u=C(!1),v=u[0],f=u[1];return t("div",e({className:h["chat-header-container"]},{children:[t("div",e({className:h["chat-header-title-wrapper"]},{children:[i("div",e({className:h["chat-header-icon-container"]},{children:t("svg",e({width:"24",height:"24",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("mask",e({id:"mask0_4886_55256",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},{children:i("path",{d:"M19.0938 0H0V19.0938H19.0938V0Z",fill:"white"})})),t("g",e({mask:"url(#mask0_4886_55256)"},{children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5212 5.96804L7.61369 4.70775C7.54726 4.67893 7.47562 4.66406 7.40321 4.66406C7.3308 4.66406 7.25916 4.67893 7.19274 4.70775L0.317889 7.6872C0.22343 7.7283 0.143028 7.79608 0.0865557 7.88222C0.0300834 7.96837 0 8.06914 0 8.17215C0 8.27515 0.0300834 8.37592 0.0865557 8.46208C0.143028 8.54822 0.22343 8.616 0.317889 8.65709L1.26239 9.06642V14.9798C0.98732 15.1015 0.762419 15.3139 0.625371 15.5817C0.488323 15.8494 0.447455 16.1561 0.509616 16.4504C0.571777 16.7446 0.733191 17.0086 0.966805 17.198C1.20043 17.3874 1.49204 17.4908 1.79281 17.4908C2.09357 17.4908 2.38519 17.3874 2.61881 17.198C2.85243 17.0086 3.01384 16.7446 3.076 16.4504C3.13816 16.1561 3.0973 15.8494 2.96024 15.5817C2.8232 15.3139 2.5983 15.1015 2.32323 14.9798V9.5254L7.19168 11.6355C7.2581 11.6643 7.32975 11.6792 7.40215 11.6792C7.47456 11.6792 7.5462 11.6643 7.61263 11.6355L13.4019 9.12738L13.2046 8.52148C13.1293 8.29038 13.0136 8.07405 12.8646 7.88202C12.6048 7.54667 12.2513 7.29603 11.8489 7.16188L10.9461 6.86838L10.8098 6.82405C10.7985 6.82004 10.7873 6.81553 10.7766 6.81058C10.7194 6.78443 10.6691 6.74547 10.6293 6.69671C10.5235 6.5838 10.4578 6.42666 10.4578 6.2529C10.4578 6.15024 10.4806 6.0534 10.5212 5.96804ZM3.12071 11.3129L3.126 13.8302C3.126 13.9445 3.16311 14.057 3.23176 14.1485L3.65483 13.8291C3.23282 14.1485 3.23388 14.1506 3.23388 14.1506L3.236 14.1527L3.24129 14.159L3.25715 14.1802C3.33516 14.2738 3.41851 14.3628 3.50676 14.4468C3.74063 14.668 3.99732 14.8637 4.27251 15.0306C4.95682 15.4526 5.99017 15.8609 7.40321 15.8609C8.81625 15.8609 9.84962 15.4526 10.5371 15.0316C10.8119 14.8638 11.0685 14.6677 11.3028 14.4468C11.3714 14.3823 11.437 14.315 11.4995 14.2447L11.5535 14.1813L11.5694 14.1612L11.5747 14.1538L11.5779 14.1517V14.1496L11.1569 13.8291L11.5789 14.1496C11.6485 14.0573 11.6861 13.9447 11.6857 13.8291V11.3119L8.13829 12.8487C7.90609 12.9492 7.65573 13.0011 7.40269 13.0011C7.14963 13.0011 6.89928 12.9492 6.66707 12.8487L3.12071 11.3129Z",fill:"#000000"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4501 6.61071C12.8123 6.73144 13.1305 6.95703 13.3643 7.25884C13.4985 7.43167 13.6025 7.62636 13.6704 7.83435L13.9744 8.76888C13.9991 8.83899 14.0444 8.90001 14.1043 8.94398C14.1642 8.98795 14.236 9.01278 14.3103 9.01527C14.3846 9.01776 14.4579 8.99782 14.5206 8.95795C14.5834 8.91808 14.6326 8.86025 14.6619 8.79196L14.6708 8.76888L14.9748 7.83435C15.0696 7.55037 15.2292 7.29237 15.441 7.0808C15.6528 6.86923 15.911 6.70991 16.195 6.61547L17.1302 6.31142C17.2021 6.28586 17.2642 6.23871 17.3082 6.17643C17.352 6.11416 17.3756 6.03982 17.3756 5.9636C17.3756 5.88739 17.352 5.81304 17.3082 5.75076C17.2642 5.68849 17.2021 5.64133 17.1302 5.61578L17.1113 5.61103L16.1767 5.30699C15.8925 5.21263 15.6342 5.05335 15.4223 4.84177C15.2104 4.6302 15.0506 4.37214 14.9558 4.08809L14.6524 3.15356C14.6271 3.0813 14.5801 3.01867 14.5176 2.97436C14.4552 2.93006 14.3805 2.90625 14.3039 2.90625C14.2273 2.90625 14.1527 2.93006 14.0903 2.97436C14.0278 3.01867 13.9807 3.0813 13.9554 3.15356L13.6514 4.08809L13.6439 4.11117C13.5488 4.38807 13.3919 4.63967 13.185 4.84686C12.9782 5.05406 12.7269 5.21142 12.4501 5.30699L11.5149 5.61103C11.4431 5.63659 11.381 5.68374 11.3371 5.74601C11.2931 5.80829 11.2695 5.88264 11.2695 5.95885C11.2695 6.03506 11.2931 6.10941 11.3371 6.17168C11.381 6.23396 11.4431 6.28111 11.5149 6.30667L12.4501 6.61071Z",fill:"#000000"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0656 9.67712L18.5854 9.84539L18.5955 9.84815C18.6355 9.86221 18.6703 9.88828 18.6949 9.92299C18.7195 9.9576 18.7326 9.99907 18.7326 10.0415C18.7326 10.084 18.7195 10.1254 18.6949 10.16C18.6703 10.1947 18.6355 10.2208 18.5955 10.2349L18.0765 10.4031C17.9186 10.4558 17.7752 10.5445 17.6575 10.6621C17.5399 10.7797 17.4512 10.9232 17.3986 11.081L17.2296 11.5994C17.2155 11.6395 17.1894 11.6742 17.1548 11.6988C17.1201 11.7233 17.0787 11.7366 17.0362 11.7366C16.9938 11.7366 16.9523 11.7233 16.9177 11.6988C16.8831 11.6742 16.8569 11.6395 16.8429 11.5994L16.6746 11.081C16.6221 10.9227 16.5335 10.7788 16.4157 10.6608C16.2979 10.5428 16.1542 10.4539 15.996 10.4011L15.477 10.2322C15.4369 10.2181 15.4021 10.192 15.3776 10.1574C15.353 10.1227 15.3398 10.0813 15.3398 10.0388C15.3398 9.99631 15.353 9.95493 15.3776 9.92023C15.4021 9.88561 15.4369 9.85945 15.477 9.84539L15.996 9.67712C16.152 9.6232 16.2934 9.53395 16.4092 9.41631C16.525 9.29876 16.6121 9.15603 16.6637 8.99924L16.832 8.48088C16.8461 8.4408 16.8722 8.40607 16.9069 8.38151C16.9415 8.35695 16.9829 8.34375 17.0254 8.34375C17.0678 8.34375 17.1093 8.35695 17.1439 8.38151C17.1785 8.40607 17.2047 8.4408 17.2187 8.48088L17.3884 8.99924C17.4409 9.15701 17.5295 9.30045 17.647 9.41809C17.7646 9.53573 17.9078 9.62444 18.0656 9.67712Z",fill:"#000000"})]}))]}))})),i("span",e({className:h["chat-header-title"]},{children:d}))]})),t("div",e({className:h["chat-header-actions"]},{children:[t("div",e({className:h["resize-container"],onMouseEnter:function(){return f(!0)},onMouseLeave:function(){return f(!1)}},{children:[i(a,e({title:"Resize Chat",placement:"top"},{children:i("div",e({onClick:function(){return o()},className:h["resize-trigger"],style:{transform:"rotate(".concat("left"===p?20===L?"0deg":"180deg":75===L||100===L?"180deg":"0deg",")")}},{children:i(s,{})}))})),v&&i("div",e({className:h["resize-dropdown"]},{children:[20,30,50,75,100].map(function(t){return i("div",e({onClick:function(){return o(t)},className:"".concat(h["resize-option"]," ").concat(L===t?h.selected:"")},{children:m[t]}),t)})}))]})),i(a,e({title:"New chat",placement:"top"},{children:i("div",e({onClick:c?l:void 0,className:"".concat(h["new-chat-trigger"]," ").concat(c?h.enabled:h.disabled)},{children:i(n,{})}))}))]}))]}))};export{L as default};
+import{__assign as e}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import C,{useState as n}from"react";import r from"@mui/material/Tooltip";import a from"../_svg/NewChatIcon.js";import{TwentyPercentIcon as l,ThirtyPercentIcon as c,FiftyPercentIcon as o,SeventyFivePercentIcon as d,HundredPercentIcon as s,RightCustomIcon as h}from"../_svg/RightSideIcons.js";import m from"./ChatHeader.module.css.js";var L={20:i(l,{}),30:i(c,{}),50:i(o,{}),75:i(d,{}),100:i(s,{})},u=function(l){var c=l.resetChatHistory,o=l.isStreamEnd,d=l.chatTitle,s=l.onResize,u=l.chatSize,p=l.movingTowards,f=n(!1),v=f[0],g=f[1],w=C.useRef(null);return t("div",e({className:m["chat-header-container"]},{children:[t("div",e({className:m["chat-header-title-wrapper"]},{children:[i("div",e({className:m["chat-header-icon-container"]},{children:t("svg",e({width:"24",height:"24",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[i("mask",e({id:"mask0_4886_55256",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"0",width:"20",height:"20"},{children:i("path",{d:"M19.0938 0H0V19.0938H19.0938V0Z",fill:"white"})})),t("g",e({mask:"url(#mask0_4886_55256)"},{children:[i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.5212 5.96804L7.61369 4.70775C7.54726 4.67893 7.47562 4.66406 7.40321 4.66406C7.3308 4.66406 7.25916 4.67893 7.19274 4.70775L0.317889 7.6872C0.22343 7.7283 0.143028 7.79608 0.0865557 7.88222C0.0300834 7.96837 0 8.06914 0 8.17215C0 8.27515 0.0300834 8.37592 0.0865557 8.46208C0.143028 8.54822 0.22343 8.616 0.317889 8.65709L1.26239 9.06642V14.9798C0.98732 15.1015 0.762419 15.3139 0.625371 15.5817C0.488323 15.8494 0.447455 16.1561 0.509616 16.4504C0.571777 16.7446 0.733191 17.0086 0.966805 17.198C1.20043 17.3874 1.49204 17.4908 1.79281 17.4908C2.09357 17.4908 2.38519 17.3874 2.61881 17.198C2.85243 17.0086 3.01384 16.7446 3.076 16.4504C3.13816 16.1561 3.0973 15.8494 2.96024 15.5817C2.8232 15.3139 2.5983 15.1015 2.32323 14.9798V9.5254L7.19168 11.6355C7.2581 11.6643 7.32975 11.6792 7.40215 11.6792C7.47456 11.6792 7.5462 11.6643 7.61263 11.6355L13.4019 9.12738L13.2046 8.52148C13.1293 8.29038 13.0136 8.07405 12.8646 7.88202C12.6048 7.54667 12.2513 7.29603 11.8489 7.16188L10.9461 6.86838L10.8098 6.82405C10.7985 6.82004 10.7873 6.81553 10.7766 6.81058C10.7194 6.78443 10.6691 6.74547 10.6293 6.69671C10.5235 6.5838 10.4578 6.42666 10.4578 6.2529C10.4578 6.15024 10.4806 6.0534 10.5212 5.96804ZM3.12071 11.3129L3.126 13.8302C3.126 13.9445 3.16311 14.057 3.23176 14.1485L3.65483 13.8291C3.23282 14.1485 3.23388 14.1506 3.23388 14.1506L3.236 14.1527L3.24129 14.159L3.25715 14.1802C3.33516 14.2738 3.41851 14.3628 3.50676 14.4468C3.74063 14.668 3.99732 14.8637 4.27251 15.0306C4.95682 15.4526 5.99017 15.8609 7.40321 15.8609C8.81625 15.8609 9.84962 15.4526 10.5371 15.0316C10.8119 14.8638 11.0685 14.6677 11.3028 14.4468C11.3714 14.3823 11.437 14.315 11.4995 14.2447L11.5535 14.1813L11.5694 14.1612L11.5747 14.1538L11.5779 14.1517V14.1496L11.1569 13.8291L11.5789 14.1496C11.6485 14.0573 11.6861 13.9447 11.6857 13.8291V11.3119L8.13829 12.8487C7.90609 12.9492 7.65573 13.0011 7.40269 13.0011C7.14963 13.0011 6.89928 12.9492 6.66707 12.8487L3.12071 11.3129Z",fill:"#000000"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.4501 6.61071C12.8123 6.73144 13.1305 6.95703 13.3643 7.25884C13.4985 7.43167 13.6025 7.62636 13.6704 7.83435L13.9744 8.76888C13.9991 8.83899 14.0444 8.90001 14.1043 8.94398C14.1642 8.98795 14.236 9.01278 14.3103 9.01527C14.3846 9.01776 14.4579 8.99782 14.5206 8.95795C14.5834 8.91808 14.6326 8.86025 14.6619 8.79196L14.6708 8.76888L14.9748 7.83435C15.0696 7.55037 15.2292 7.29237 15.441 7.0808C15.6528 6.86923 15.911 6.70991 16.195 6.61547L17.1302 6.31142C17.2021 6.28586 17.2642 6.23871 17.3082 6.17643C17.352 6.11416 17.3756 6.03982 17.3756 5.9636C17.3756 5.88739 17.352 5.81304 17.3082 5.75076C17.2642 5.68849 17.2021 5.64133 17.1302 5.61578L17.1113 5.61103L16.1767 5.30699C15.8925 5.21263 15.6342 5.05335 15.4223 4.84177C15.2104 4.6302 15.0506 4.37214 14.9558 4.08809L14.6524 3.15356C14.6271 3.0813 14.5801 3.01867 14.5176 2.97436C14.4552 2.93006 14.3805 2.90625 14.3039 2.90625C14.2273 2.90625 14.1527 2.93006 14.0903 2.97436C14.0278 3.01867 13.9807 3.0813 13.9554 3.15356L13.6514 4.08809L13.6439 4.11117C13.5488 4.38807 13.3919 4.63967 13.185 4.84686C12.9782 5.05406 12.7269 5.21142 12.4501 5.30699L11.5149 5.61103C11.4431 5.63659 11.381 5.68374 11.3371 5.74601C11.2931 5.80829 11.2695 5.88264 11.2695 5.95885C11.2695 6.03506 11.2931 6.10941 11.3371 6.17168C11.381 6.23396 11.4431 6.28111 11.5149 6.30667L12.4501 6.61071Z",fill:"#000000"}),i("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.0656 9.67712L18.5854 9.84539L18.5955 9.84815C18.6355 9.86221 18.6703 9.88828 18.6949 9.92299C18.7195 9.9576 18.7326 9.99907 18.7326 10.0415C18.7326 10.084 18.7195 10.1254 18.6949 10.16C18.6703 10.1947 18.6355 10.2208 18.5955 10.2349L18.0765 10.4031C17.9186 10.4558 17.7752 10.5445 17.6575 10.6621C17.5399 10.7797 17.4512 10.9232 17.3986 11.081L17.2296 11.5994C17.2155 11.6395 17.1894 11.6742 17.1548 11.6988C17.1201 11.7233 17.0787 11.7366 17.0362 11.7366C16.9938 11.7366 16.9523 11.7233 16.9177 11.6988C16.8831 11.6742 16.8569 11.6395 16.8429 11.5994L16.6746 11.081C16.6221 10.9227 16.5335 10.7788 16.4157 10.6608C16.2979 10.5428 16.1542 10.4539 15.996 10.4011L15.477 10.2322C15.4369 10.2181 15.4021 10.192 15.3776 10.1574C15.353 10.1227 15.3398 10.0813 15.3398 10.0388C15.3398 9.99631 15.353 9.95493 15.3776 9.92023C15.4021 9.88561 15.4369 9.85945 15.477 9.84539L15.996 9.67712C16.152 9.6232 16.2934 9.53395 16.4092 9.41631C16.525 9.29876 16.6121 9.15603 16.6637 8.99924L16.832 8.48088C16.8461 8.4408 16.8722 8.40607 16.9069 8.38151C16.9415 8.35695 16.9829 8.34375 17.0254 8.34375C17.0678 8.34375 17.1093 8.35695 17.1439 8.38151C17.1785 8.40607 17.2047 8.4408 17.2187 8.48088L17.3884 8.99924C17.4409 9.15701 17.5295 9.30045 17.647 9.41809C17.7646 9.53573 17.9078 9.62444 18.0656 9.67712Z",fill:"#000000"})]}))]}))})),i("span",e({className:m["chat-header-title"]},{children:d}))]})),t("div",e({className:m["chat-header-actions"]},{children:[t("div",e({className:m["resize-container"],onMouseEnter:function(){w.current&&(clearTimeout(w.current),w.current=null),g(!0)},onMouseLeave:function(){w.current=setTimeout(function(){g(!1)},300)}},{children:[i(r,e({title:"Resize Chat",placement:"top"},{children:i("div",e({onClick:function(){return s()},className:m["resize-trigger"],style:{transform:"rotate(".concat("left"===p?20===u?"0deg":"180deg":75===u||100===u?"180deg":"0deg",")")}},{children:i(h,{})}))})),v&&i("div",e({className:m["resize-dropdown"]},{children:[20,30,50,75,100].map(function(t){return i("div",e({onClick:function(){return s(t)},className:"".concat(m["resize-option"]," ").concat(u===t?m.selected:"")},{children:L[t]}),t)})}))]})),i(r,e({title:"New chat",placement:"top"},{children:i("div",e({onClick:o?c:void 0,className:"".concat(m["new-chat-trigger"]," ").concat(o?m.enabled:m.disabled)},{children:i(a,{})}))}))]}))]}))};export{u as default};
 //# sourceMappingURL=ChatHeader.js.map

package/dist/features/IL-OTJ/_components/ChatComponents/ChatHeader.module.css.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"../../../../node_modules/style-inject/dist/style-inject.es.js";var a={"chat-header-container":"ChatHeader-module_chat-header-container__VrneF","chat-header-title-wrapper":"ChatHeader-module_chat-header-title-wrapper__DvqBK","chat-header-icon-container":"ChatHeader-module_chat-header-icon-container__CcuZH","chat-header-title":"ChatHeader-module_chat-header-title__x-HEq","chat-header-actions":"ChatHeader-module_chat-header-actions__LE7nW","resize-container":"ChatHeader-module_resize-container__zSvfH","resize-trigger":"ChatHeader-module_resize-trigger__pSU19","resize-dropdown":"ChatHeader-module_resize-dropdown__ZBY9o","resize-option":"ChatHeader-module_resize-option__-bPiq",selected:"ChatHeader-module_selected__ClG5-","new-chat-trigger":"ChatHeader-module_new-chat-trigger__KQI1a",enabled:"ChatHeader-module_enabled__eIwJb",disabled:"ChatHeader-module_disabled__nO1aI"};e(".ChatHeader-module_chat-header-container__VrneF{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;justify-content:space-between;padding:.65rem 1rem;position:relative;width:100%}.ChatHeader-module_chat-header-title-wrapper__DvqBK{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.ChatHeader-module_chat-header-icon-container__CcuZH{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ChatHeader-module_chat-header-title__x-HEq{color:#111827;font-size:1.125rem;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatHeader-module_chat-header-actions__LE7nW{align-items:center;display:flex;gap:12px;padding-left:1rem}.ChatHeader-module_resize-container__zSvfH{align-items:center;display:flex;position:relative}.ChatHeader-module_resize-trigger__pSU19{align-items:center;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:transform .3s ease;width:2rem}.ChatHeader-module_resize-dropdown__ZBY9o{background-color:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 20px #0000001f;display:flex;gap:6px;padding:8px;position:absolute;right:0;top:35px;white-space:nowrap;z-index:1000}.ChatHeader-module_resize-option__-bPiq{align-items:center;background-color:initial;border:1px solid #f3f4f6;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:4px 8px;transition:all .2s ease}.ChatHeader-module_resize-option__-bPiq.ChatHeader-module_selected__ClG5-{background-color:#f0f0ff;border:1px solid #512ced}.ChatHeader-module_new-chat-trigger__KQI1a{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}.ChatHeader-module_new-chat-trigger__KQI1a.ChatHeader-module_enabled__eIwJb{cursor:pointer;opacity:1}.ChatHeader-module_new-chat-trigger__KQI1a.ChatHeader-module_disabled__nO1aI{cursor:not-allowed;opacity:.5}");export{a as default};
+import e from"../../../../node_modules/style-inject/dist/style-inject.es.js";var r={"chat-header-container":"ChatHeader-module_chat-header-container__VrneF","chat-header-title-wrapper":"ChatHeader-module_chat-header-title-wrapper__DvqBK","chat-header-icon-container":"ChatHeader-module_chat-header-icon-container__CcuZH","chat-header-title":"ChatHeader-module_chat-header-title__x-HEq","chat-header-actions":"ChatHeader-module_chat-header-actions__LE7nW","resize-container":"ChatHeader-module_resize-container__zSvfH","resize-trigger":"ChatHeader-module_resize-trigger__pSU19","resize-dropdown":"ChatHeader-module_resize-dropdown__ZBY9o",slideDown:"ChatHeader-module_slideDown__aWXDD","resize-option":"ChatHeader-module_resize-option__-bPiq",selected:"ChatHeader-module_selected__ClG5-","new-chat-trigger":"ChatHeader-module_new-chat-trigger__KQI1a",enabled:"ChatHeader-module_enabled__eIwJb",disabled:"ChatHeader-module_disabled__nO1aI"};e(".ChatHeader-module_chat-header-container__VrneF{align-items:center;background-color:var(--il-surface,#fff);border-bottom:1px solid var(--il-border,#e5e7eb);box-sizing:border-box;display:flex;justify-content:space-between;padding:.65rem 1rem;position:relative;width:100%}.ChatHeader-module_chat-header-title-wrapper__DvqBK{align-items:center;display:flex;flex:1;gap:10px;min-width:0}.ChatHeader-module_chat-header-icon-container__CcuZH{align-items:center;display:flex;flex-shrink:0;justify-content:center}.ChatHeader-module_chat-header-title__x-HEq{color:var(--il-foreground,#111827);font-size:var(--il-font-size-lg,1.125rem);font-weight:var(--il-font-weight-medium,500);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ChatHeader-module_chat-header-actions__LE7nW{align-items:center;display:flex;gap:12px;padding-left:1rem}.ChatHeader-module_resize-container__zSvfH{align-items:center;display:flex;padding-bottom:5px;position:relative}.ChatHeader-module_resize-trigger__pSU19{align-items:center;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:transform .3s ease;width:2rem}.ChatHeader-module_resize-dropdown__ZBY9o{animation:ChatHeader-module_slideDown__aWXDD .25s cubic-bezier(.34,1.56,.64,1) forwards;background-color:var(--il-surface,#fff);border:1px solid var(--il-border,#e5e7eb);border-radius:10px;box-shadow:0 8px 20px #0000001f;display:flex;gap:6px;padding:8px;position:absolute;right:0;top:40px;transform-origin:top;white-space:nowrap;z-index:1000}@keyframes ChatHeader-module_slideDown__aWXDD{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ChatHeader-module_resize-option__-bPiq{align-items:center;background-color:initial;border:1px solid var(--il-border,#f3f4f6);border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:4px 8px;transition:all .15s ease}.ChatHeader-module_resize-option__-bPiq:hover{background-color:var(--il-hover,#f9fafb);border-color:var(--il-border,#d1d5db)}.ChatHeader-module_resize-option__-bPiq.ChatHeader-module_selected__ClG5-{background-color:var(--il-primary-subtle,#f0f0ff);border:1px solid var(--il-primary,#512ced)}.ChatHeader-module_new-chat-trigger__KQI1a{align-items:center;display:flex;height:2rem;justify-content:center;width:2rem}.ChatHeader-module_new-chat-trigger__KQI1a.ChatHeader-module_enabled__eIwJb{cursor:pointer;opacity:1}.ChatHeader-module_new-chat-trigger__KQI1a.ChatHeader-module_disabled__nO1aI{cursor:not-allowed;opacity:.5}");export{r as default};
 //# sourceMappingURL=ChatHeader.module.css.js.map

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

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as e,__spreadArray as t,__assign as n,__awaiter as i,__generator as o,__rest as a}from"tslib";import{jsx as r,jsxs as s,Fragment as l}from"react/jsx-runtime";import{useRef as d,useState as c,useMemo as u,useEffect as h,useCallback as m,useLayoutEffect as v}from"react";import{keyframes as C,Box as p}from"@mui/material";import g from"@mui/material/Tooltip";import f from"react-markdown";import S from"rehype-raw";import b from"axios";import{v4 as y}from"uuid";import{startChatStream as x}from"@e-llm-studio/streaming-response";import{WatchMeWork as w}from"@e-llm-studio/watch-me-work";import R from"./ChatHeader.js";import k from"../MessageRendering/MessageRendering.js";import{Skeleton as _}from"../atoms/SkeletonLoader/SkeletonLoader.js";import{ActionableButton as E}from"../MessageRendering/ClickableChatComponents.js";import T from"../AudioWaveform.js";import M from"./ChatComponent.module.css.js";import I from"../../InstantLearning.module.css.js";import{ScrollToBottom as N}from"../_svg/ScrollToBottom.js";import{useHeaderObserver as D,extractTextFromChildren as L}from"../../helpers/utils.js";import{SendButton as F}from"../_svg/SendButton.js";import A from"../_svg/SparkleIcon.js";import{UserIcon as W}from"../_svg/UserIcon.js";var z,q=function(q){var B=q.chatAssistantName,P=q.organizationName,j=q.baseUrl,H=q.baseWebsocketUrl,Z=q.setIsNewChatClicked;q.ThinkingBulbIconComponent;var K=q.isFormSaveClicked,U=q.setIsFormSavedClicked,G=q.onResetLearningData,V=q.sendMessageInChat,O=q.setSendMessageInChat,J=q.isFormValidating,Q=q.chatTitle,X=q.customMetaData,Y=q.headerMessageHandlers;q.aiResponse;var $=q.setAIResponse,ee=q.onResetChat,te=q.initialChatMessage,ne=void 0===te?"":te,ie=q.onSave,oe=q.chatSize,ae=q.setChatSize,re=q.movingTowards,se=q.setCitations,le=q.textareaPlaceholder,de=void 0===le?"Tell me more about this learning...":le,ce=q.setCurrentRequestId,ue=q.showSavedMessage,he=void 0!==ue&&ue,me=q.savedMessage,ve=q.isError,Ce=void 0!==ve&&ve,pe=q.errorMessage,ge=void 0===pe?"There was an error saving your changes.":pe;q.isSaving;var fe=q.isHighlighted,Se=void 0!==fe&&fe,be=q.onStreamingStateChange,ye=q.onViewComparison;q.isCopyEnabled;var xe=q.onComparisonLinkClick,we=q.onSubmitFeedback,Re=B,ke=d("".concat(Re,"-").concat(P,"-").concat(y())),_e=d("".concat(y())),Ee=j,Te=d(null),Me=d(!0),Ie=d(null),Ne=d(null),De=c(""),Le=De[0],Fe=De[1],Ae=c([]),We=Ae[0],ze=Ae[1],qe=c(!1),Be=qe[0],Pe=qe[1],je=c(!1);je[0];var He=je[1],Ze=c(!0),Ke=Ze[0],Ue=Ze[1],Ge=c(!0);Ge[0];var Ve=Ge[1],Oe=c("");Oe[0];var Je=Oe[1],Qe=c(""),Xe=Qe[0],Ye=Qe[1],$e=c(!1),et=$e[0],tt=$e[1],nt=c(!1),it=nt[0],ot=nt[1],at=c(!0),rt=at[0],st=at[1],lt=c("100%");lt[0];var dt=lt[1],ct=c(null),ut=ct[0],ht=ct[1],mt=c(!1);mt[0];var vt=mt[1],Ct=c(!1),pt=Ct[0],gt=Ct[1],ft=d(null),St=d(new Set),bt=c(null),yt=bt[0],xt=bt[1],wt=c(!1),Rt=wt[0],kt=wt[1],_t=c(!1);_t[0],_t[1];var Et=c(null);Et[0],Et[1],d(null),d(null);var Tt=d(new Map),Mt=d(""),It=C(z||(z=e(["\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    "]))),Nt=u(function(){return""===(null==Le?void 0:Le.trim())||et},[Le,et]),Dt=u(function(){return J},[J]),Lt=u(function(){return Nt||et||J},[Nt,et,J]);h(function(){null==be||be(et)},[et,be]),h(function(){var e=Te.current,t=function(){if(e){var t=e.scrollTop,n=e.scrollHeight,i=e.clientHeight;st(n-t-i<=20)}};return e&&(e.addEventListener("scroll",t),t()),function(){e&&e.removeEventListener("scroll",t)}},[We]);var Ft=D({handlers:Y,setResult:$}).processHeaderMessage;h(function(){he&&gt(!0)},[he]),h(function(){if(Rt){var e=setTimeout(function(){kt(!1)},3e3);return function(){return clearTimeout(e)}}},[Rt]),h(function(){K&&(Pt(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save this Learning"),U(!1))},[K]),h(function(){if(V)try{if(V.startsWith("__SKELETON__:")){var e=V.split(":"),i=e[1],o=e.slice(2).join(":"),a={role:"user",content:"",id:i,time:new Date,isSkeleton:!0,skeletonContent:o};return ze(function(e){return t(t([],e,!0),[a],!1)}),Pt(new KeyboardEvent("keydown",{key:"Enter"}),!1,o,!1,i),xt(i),O&&O(""),void setTimeout(function(){xt(null)},2e3)}if(V.startsWith("__SKELETON_END__::")){var r=V.split("::")[1]||"";return ze(function(e){return e.map(function(e){return e.isSkeleton?n(n({},e),{isSkeleton:!1,content:e.skeletonContent||r}):e})}),void(O&&O(""))}var s=y();Pt(new KeyboardEvent("keydown",{key:"Enter"}),!1,V,!1,s),xt(s),O&&O(""),setTimeout(function(){return xt(null)},2e3)}catch(e){console.error("Error handling sendMessageInChat signal",e)}},[V]),h(function(){Wt(),zt();var e=function(){var e,t=(null===(e=null==ft?void 0:ft.current)||void 0===e?void 0:e.clientHeight)||0,n="calc(100% - ".concat(t,"px - 10px)");dt(n)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var At=m(function(e){var t="string"==typeof e?e:"smooth";Ie.current&&Ie.current.scrollIntoView({behavior:t,block:"end"}),Me.current&&setTimeout(function(){Ie.current&&Me.current&&Ie.current.scrollIntoView({behavior:t,block:"end"})},100)},[]);h(function(){if(!et){var e="";if(pt?e=me||"Thank you teacher for teaching me, your rule has been saved successfully.":Ce&&(e=ge||"I'm sorry, I couldn't save your changes. Please try again."),e){var n={role:"assistant",content:e,id:y(),citations:[],time:new Date};ze(function(e){return t(t([],e,!0),[n],!1)}),gt(!1),setTimeout(function(){return At("smooth")},100)}}},[pt,Ce,et,me,ge,At]),h(function(){Me.current&&At("smooth")},[At]);var Wt=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(Ee,"/api/chatbot/getChatSettings?name=").concat(Re,"&organizationName=").concat(P),headers:{}};b.request(e).then(function(e){var t,n,i;(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)&&""!==(null===(i=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)||void 0===i?void 0:i.chatInitialMessage)&&Ve(!0)}).catch(function(e){console.error(e)})},zt=function(){return i(void 0,void 0,void 0,function(){var e,t;return o(this,function(n){e="".concat(Ee,"/api/chat/history?name=").concat(Re,"&organizationName=").concat(P);try{t={method:"GET",params:{guestSessionId:ke.current},withCredentials:!0},b.get(e,t).then(function(e){var t=e.data;t.length>0?(ze(t),At()):Ve(!0)}).catch(function(e){console.error(e)})}catch(e){Pe(!1),console.error(e)}return[2]})})};function qt(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var Bt=function(e,i,o,a,r,s,l){var d,c,u,h,m,v,C,p,g,f,S,b,x,w,R,k,_,E,T,M,I,N,D,L,F,A,W,z,q,B,P,j,H,Z;if(null===(c=null===(d=null==e?void 0:e.chatStream)||void 0===d?void 0:d.continueChatResult)||void 0===c?void 0:c.header_message){var K={header_message:e.chatStream.continueChatResult.header_message,responsedata:null===(m=null===(h=null===(u=null==e?void 0:e.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===h?void 0:h.message)||void 0===m?void 0:m.content};Ft(K)}var U=null===(v=null==e?void 0:e.chatStream)||void 0===v?void 0:v.continueChatResult,G=null==U?void 0:U.isEnd,V=(null===(C=null==U?void 0:U.message)||void 0===C?void 0:C.citations)||[];G&&V.length>0&&se&&se(V);var O={role:"assistant",content:"",id:y()};if(null===(S=null===(f=null===(g=null===(p=null==e?void 0:e.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===g?void 0:g.message)||void 0===f?void 0:f.content)||void 0===S?void 0:S.includes("WaitMessage: "))He(!0),O.content=function(e){var t="WaitMessage: ",n=e.indexOf(t);if(-1!==n){var i=e.substring(n+13);return null==i?void 0:i.replaceAll("WaitMessage: ","")}return""}((null===(w=null===(x=null===(b=null==e?void 0:e.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===x?void 0:x.message)||void 0===w?void 0:w.content)+"\n\n"),""!==O.content&&(Pe(!1),ze(t(t([],We,!0),[{role:"user",content:r,time:a,isFirstQuestionSent:s||!1,id:l||(null===(k=null===(R=null==e?void 0:e.chatStream)||void 0===R?void 0:R.continueChatResult)||void 0===k?void 0:k.requestId)||"",reply:""},O],!1)));else{He(!1),O.content=null===(M=qt(null===(T=null===(E=null===(_=null==e?void 0:e.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===E?void 0:E.message)||void 0===T?void 0:T.content))||void 0===M?void 0:M.replaceAll("WaitMessage: ","");var J=null===(N=null===(I=null==e?void 0:e.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===N?void 0:N.requestId;"string"==typeof J&&J&&ce&&ce(J);var Q=function(e,i,o){var a,r,s,l,d,c,u,h,m,v,C,p,g,f,S,b,x,w,R,k,_,E,T,M,I,N,D,L,F,A,W,z,q,B,P={role:"assistant",content:"",id:y(),time:new Date,citations:[]};if(!1===(null===(r=null===(a=e.chatStream)||void 0===a?void 0:a.continueChatResult)||void 0===r?void 0:r.thinking_break)&&!0===(null===(l=null===(s=e.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===l?void 0:l.is_orchestrator)&&!1===(null===(c=null===(d=e.chatStream)||void 0===d?void 0:d.continueChatResult)||void 0===c?void 0:c.isEnd)&&(P.content=qt(e.chatStream.continueChatResult.message.content||"")),!0===(null===(h=null===(u=e.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===h?void 0:h.thinking_break)&&!0===(null===(v=null===(m=e.chatStream)||void 0===m?void 0:m.continueChatResult)||void 0===v?void 0:v.is_orchestrator)&&!1===(null===(p=null===(C=e.chatStream)||void 0===C?void 0:C.continueChatResult)||void 0===p?void 0:p.isEnd)&&(P.content="",i.push({responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!1})),!1===(null===(f=null===(g=e.chatStream)||void 0===g?void 0:g.continueChatResult)||void 0===f?void 0:f.thinking_break)&&!0===(null===(b=null===(S=e.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===b?void 0:b.is_orchestrator)&&!0===(null===(w=null===(x=e.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===w?void 0:w.isEnd)&&(P.content=qt(e.chatStream.continueChatResult.message.content)),!1===(null===(k=null===(R=e.chatStream)||void 0===R?void 0:R.continueChatResult)||void 0===k?void 0:k.thinking_break)&&!1===(null===(E=null===(_=e.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===E?void 0:E.is_orchestrator)&&!1===(null===(M=null===(T=e.chatStream)||void 0===T?void 0:T.continueChatResult)||void 0===M?void 0:M.isEnd)){if((Z=e.chatStream.continueChatResult).explainability_id&&Z.responded_by){var j=Z.explainability_id,H=Z.responded_by;o.has(j)||o.set(j,{responded_by:H,index:i.length})}o.has(e.chatStream.continueChatResult.explainability_id)?i[null==(K=o.get(e.chatStream.continueChatResult.explainability_id))?void 0:K.index]={responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(I=e.chatStream.continueChatResult.explainability_id)&&void 0!==I?I:"",isParallelToolResponse:!0}:i=t(t([],i,!0),[{responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(N=e.chatStream.continueChatResult.explainability_id)&&void 0!==N?N:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(L=null===(D=e.chatStream)||void 0===D?void 0:D.continueChatResult)||void 0===L?void 0:L.thinking_break)&&!1===(null===(A=null===(F=e.chatStream)||void 0===F?void 0:F.continueChatResult)||void 0===A?void 0:A.is_orchestrator)&&!1===(null===(z=null===(W=e.chatStream)||void 0===W?void 0:W.continueChatResult)||void 0===z?void 0:z.isEnd)){var Z,K;(Z=e.chatStream.continueChatResult).explainability_id&&Z.responded_by&&(j=Z.explainability_id,H=Z.responded_by,o.has(j)||o.set(j,{responded_by:H,index:i.length})),o.has(e.chatStream.continueChatResult.explainability_id)?i[null==(K=o.get(e.chatStream.continueChatResult.explainability_id))?void 0:K.index]={responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(q=e.chatStream.continueChatResult.explainability_id)&&void 0!==q?q:"",isParallelToolResponse:!0}:i.push({responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(B=e.chatStream.continueChatResult.explainability_id)&&void 0!==B?B:"",isParallelToolResponse:!1})}return n({orchestratorAndAgentsMessages:i},P)}(e,o,i);Q.time=new Date,Q.citations=V,Q.isEnd=null===(L=null===(D=null==e?void 0:e.chatStream)||void 0===D?void 0:D.continueChatResult)||void 0===L?void 0:L.isEnd,Q.requestId=null===(A=null===(F=null==e?void 0:e.chatStream)||void 0===F?void 0:F.continueChatResult)||void 0===A?void 0:A.requestId,Q.sessionId=ke.current,null===(W=Q.orchestratorAndAgentsMessages)||void 0===W||W.forEach(function(e){e&&e.header_message&&Ft(e)}),(""!==(null==Q?void 0:Q.content)||(null==Q?void 0:Q.orchestratorAndAgentsMessages)&&(null==Q?void 0:Q.orchestratorAndAgentsMessages.length)>0)&&(Pe(!1),ze(t(t([],We,!0),[{role:"user",content:r||"",time:a,isFirstQuestionSent:s||!1,id:l||(null===(q=null===(z=null==e?void 0:e.chatStream)||void 0===z?void 0:z.continueChatResult)||void 0===q?void 0:q.requestId)||"",requestId:null!==(j=null===(P=null===(B=null==e?void 0:e.chatStream)||void 0===B?void 0:B.continueChatResult)||void 0===P?void 0:P.requestId)&&void 0!==j?j:""},Q],!1))),Ue(null===(Z=null===(H=null==e?void 0:e.chatStream)||void 0===H?void 0:H.continueChatResult)||void 0===Z?void 0:Z.isEnd)}},Pt=function(e,i,o,a,r,s){var l,d,c=(void 0!==o?o:Le||"").trim(),u="Enter"===(null==e?void 0:e.key)&&!(null==e?void 0:e.shiftKey);if(u&&(null===(l=null==e?void 0:e.preventDefault)||void 0===l||l.call(e)),!(!c||et&&!o||(null==e?void 0:e.key)&&!u)){if("I want to add a rule description"===c){Ue(!1),Me.current=!0,tt(!0),!ut&&c&&ht(o||"manual_entry");var h=new Date;return ze(function(e){return t(t([],e.map(function(e,t){var i;return n(n({},e),{content:null===(i=qt(e.content))||void 0===i?void 0:i.replace("WaitMessage: ","")})}),!0),[{role:"user",content:c,time:h,isFirstQuestionSent:!1,id:r||y()}],!1)}),At("smooth"),void setTimeout(function(){ze(function(e){return t(t([],e,!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:y(),citations:[],time:new Date}],!1)}),At("smooth"),setTimeout(function(){tt(!1),Ue(!0)},500)},500)}Ue(!1),Me.current=!0,tt(!0),!ut&&c&&ht(o||"manual_entry");var m=new Date;ze(function(e){var i=e.map(function(e){var t;return n(n({},e),{content:null===(t=qt(e.content))||void 0===t?void 0:t.replace("WaitMessage: ","")})});return r&&i.some(function(e){return e.id===r})?i.map(function(e){return e.id===r?n(n({},e),{content:c}):e}):t(t([],i,!0),[{role:"user",content:c,time:m,isFirstQuestionSent:!1,id:r||y()}],!1)}),At("smooth");var v=new Map,C=[],p={WEBSOCKET_URL:H,organizationName:P,chatAssistantName:Re,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:c,requestId:"requestId-".concat(y()),customPrompt:"",enableForBackend:!1,guestSessionId:ke.current,chatPreviewId:_e.current,customMetaData:X,aiModel:"",onStreamEvent:function(e){return Bt(e,v,C,m,c,i,r)},onStreamEnd:function(e){Ue(!0),tt(!1),vt(!1);var i=Date.now(),o=Tt.current.get(Mt.current);if(o){var a=Math.round((i-o)/1e3).toFixed(1);ze(function(e){var i=t([],e,!0).reverse().findIndex(function(e){return"assistant"===e.role});if(-1===i)return e;var o=e.length-1-i;return e.map(function(e,t){return t===o?n(n({},e),{finalTimeTaken:a}):e})})}},onError:function(e){console.error("Stream error:",e),Ue(!0),tt(!1),vt(!1)}};if(c)Pe(!0),null===(d=Ne.current)||void 0===d||d.blur(),Fe(""),At(),Ye(r?"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."),Tt.current.set(p.requestId,Date.now()),Mt.current=p.requestId,x(p);s&&s(!1)}},jt=d(null);v(function(){jt.current=Pt});var Ht=m(function(){for(var e,n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];return null===(e=jt.current)||void 0===e?void 0:e.call.apply(e,t([jt],n,!1))},[]),Zt=u(function(){return{p:function(e){e.node;var t=e.children;return a(e,["node","children"]),r("div",n({style:{margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"10px",fontFamily:"inherit"}},{children:t}))},button:function(e){e.node;var t=e.className,i=e.children,o=a(e,["node","className","children"]),l=L(i),d=o["data-value"],c="Tester Genie"===l;return r(E,n({},o,{className:t,handleStream:Ht,isStreamEnd:Ke,disabled:!!ut,isLastMessage:!0,style:{margin:0},isTesterGenie:c,"data-selected":ut===l||ut===d?"true":ut?"false":void 0},{children:s("span",n({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i,c&&s("svg",n({width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"})]}))]}))}))}}},[Ht,Ke,ut]),Kt=u(function(){return We.some(function(e){return e.isSkeleton})},[We]),Ut=function(e){return i(void 0,void 0,void 0,function(){return o(this,function(n){switch(n.label){case 0:return we?[4,we(e)]:[3,2];case 1:n.sent(),ze(function(e){return t(t([],e,!0),[{role:"assistant",content:"Thanks for your feedback — this will help improve future suggestions.",id:y(),citations:[],time:new Date,isEnd:!0}],!1)}),setTimeout(function(){return At("smooth")},100),n.label=2;case 2:return[2]}})})};return console.log(We,"rendering messages"),s("div",n({className:"".concat(I.customFont," ").concat(M.chatContainer),style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:Se&&!Kt?"0 0 20px 5px rgba(37, 99, 235, 0.5)":"none"}},{children:[s("div",n({ref:Te,className:M.scrollWrapper},{children:[r("div",n({ref:ft,className:M.stickyHeader},{children:r(R,{resetChatHistory:function(){var e="".concat(Ee,"/api/chat/resetHistory?name=").concat(Re,"&organizationName=").concat(P);try{var t={method:"GET",params:{guestSessionId:ke.current},withCredentials:!0};b.get(e,t).then(function(){Z(!0),Je(""),ht(null),St.current.clear(),_e.current="".concat(y()),ze([]),Ve(!0),null==ee||ee(),G&&G()}).catch(function(e){console.error(e)}).finally(function(){ke.current="".concat(Re,"-").concat(P,"-").concat(y())})}catch(e){Pe(!1),console.error(e)}},isStreamEnd:Ke,chatTitle:Q,onResize:ae,chatSize:oe,movingTowards:re})})),s("div",n({className:M.messagesList},{children:[s("div",n({className:M.initialMessageRow},{children:[r("div",n({className:M.iconWrapper},{children:r(A,{})})),r("div",n({className:M.welcomeTextWrapper},{children:r("div",n({className:M.welcomeMarkdownWrapper},{children:r("span",{children:r(f,n({rehypePlugins:[S],components:Zt},{children:ne}))})}))}))]})),We.length>0&&We.map(function(e,t){return s("div",n({className:M.messageRow},{children:["assistant"===e.role?r("div",n({className:M.assistantIconContainer},{children:r(A,{})})):r("div",{className:M.userSpacer}),r("div",n({className:M.messageContent},{children:"assistant"===e.role?s(l,{children:[e.orchestratorAndAgentsMessages&&e.orchestratorAndAgentsMessages.length>0&&r(w,{orchestratorAndAgentsMessages:null==e?void 0:e.orchestratorAndAgentsMessages,isStreamEnd:Ke,finalTimeTaken:null==e?void 0:e.finalTimeTaken},null==e?void 0:e.id),r(k,{index:t,content:null==e?void 0:e.content,role:null==e?void 0:e.role,messages:We,handleStream:Pt,isLastMessage:t===We.length-1,onSave:ie,citations:null==e?void 0:e.citations,setChatSize:ae,chatSize:oe,isStreamEnd:Ke,messageIsEnd:null==e?void 0:e.isEnd,onViewComparison:ye,onTypeResponseClick:function(){var e;kt(!0),null===(e=Ne.current)||void 0===e||e.focus()},onComparisonLinkClick:xe,baseURL:Ee,onFeedbackSubmit:Ut}),r("div",n({className:M.timestamp},{children:e.time&&!isNaN(new Date(e.time).getTime())?new Date(e.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}):s("div",n({className:M.userMessageWrapper},{children:[s("div",n({className:M.userMessageBubble,style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:e.isSkeleton||Kt||e.id!==yt?"none":"0 0 15px 3px rgba(37, 99, 235, 0.6)"}},{children:[e.isSkeleton?s("div",n({style:{display:"flex",flexDirection:"column",gap:"12px",minWidth:"280px",padding:"8px 0"}},{children:[r(_,{variant:"text",width:"100%",height:16}),r(_,{variant:"text",width:"80%",height:16})]})):r(k,{index:t,content:null==e?void 0:e.content,role:null==e?void 0:e.role,messages:We,handleStream:Pt,isLastMessage:t===We.length-1,onSave:ie,citations:null==e?void 0:e.citations,isStreamEnd:Ke,messageIsEnd:null==e?void 0:e.isEnd,onViewComparison:ye,onComparisonLinkClick:xe,baseURL:Ee,onFeedbackSubmit:Ut}),r("div",n({style:{marginTop:"0.5rem"}},{children:r(W,{})}))]})),r("div",n({className:M.userTimestamp},{children:new Date(e.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}))}))]}),e.id)}),Be&&s("div",n({className:M.loadingRow},{children:[r("div",n({className:M.iconWrapper,style:{marginTop:"0.2rem"}},{children:r(A,{})})),r("div",n({className:M.loadingTextWrapper},{children:r("span",{children:Xe})}))]})),r("div",{ref:Ie,style:{float:"left",clear:"both"}})]}))]})),s("div",n({className:M.inputAreaWrapper},{children:[et&&s(p,n({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:[r("span",{children:"Instant Learning AI is thinking"}),r(p,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(It," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),r(p,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(It," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),r(p,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(It," 1.4s infinite ease-in-out both")}})]})),r(g,n({title:J?"Please wait for the validation to be completed.":""},{children:s("div",n({className:"".concat(M.inputBoxContainer," ").concat(Dt?M.disabled:""),style:Rt?{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:[We.length>0&&!rt&&r("div",n({onMouseDown:function(e){e.preventDefault(),At("smooth")},className:M.scrollToBottomBtn},{children:r(N,{})})),s("div",n({style:{width:"100%",display:"flex"}},{children:[r("textarea",{ref:Ne,placeholder:de,value:Le||"",onChange:function(e){Fe(e.target.value)},onFocus:function(){return ot(!0)},onBlur:function(){return ot(!1)},onKeyDown:function(e){return Pt(e)},disabled:Dt,className:"no-scrollbar ".concat(M.chatTextarea),style:{minHeight:it?"120px":"50px",height:it?"120px":"50px",maxHeight:"120px"}}),r("span",n({className:M.sendButtonWrapper},{children:r("button",n({onClick:function(e){Pt(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:Lt,className:"".concat(M.sendButton," ").concat(Lt?M.disabled:M.active)},{children:r(F,{})}))}))]}))]}))}))]})),s("div",n({className:M.footerTools},{children:[r(g,n({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:r("span",n({className:M.footerToolItem},{children:r(T,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),r(g,n({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:r("span",n({className:M.footerToolItem},{children:r(T,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};export{q as default};
+import{__makeTemplateObject as e,__spreadArray as t,__assign as n,__awaiter as i,__generator as o,__rest as a}from"tslib";import{jsx as r,jsxs as s,Fragment as l}from"react/jsx-runtime";import{useRef as d,useState as c,useMemo as u,useEffect as h,useCallback as m,useLayoutEffect as v}from"react";import{keyframes as p,Box as C}from"@mui/material";import g from"@mui/material/Tooltip";import f from"react-markdown";import S from"rehype-raw";import{http as b}from"../../../../api/transport.js";import{v4 as y}from"uuid";import{startChatStream as x}from"@e-llm-studio/streaming-response";import{WatchMeWork as w}from"@e-llm-studio/watch-me-work";import R from"./ChatHeader.js";import k from"../MessageRendering/MessageRendering.js";import{Skeleton as _}from"../atoms/SkeletonLoader/SkeletonLoader.js";import{ActionableButton as E}from"../MessageRendering/ClickableChatComponents.js";import T from"../AudioWaveform.js";import M from"./ChatComponent.module.css.js";import I from"../../InstantLearning.module.css.js";import{ScrollToBottom as N}from"../_svg/ScrollToBottom.js";import{useHeaderObserver as D,extractTextFromChildren as L}from"../../helpers/utils.js";import{SendButton as F}from"../_svg/SendButton.js";import A from"../_svg/SparkleIcon.js";import{UserIcon as W}from"../_svg/UserIcon.js";var z,j=function(j){var q=j.chatAssistantName,B=j.organizationName,P=j.baseUrl,H=j.baseWebsocketUrl,Z=j.setIsNewChatClicked;j.ThinkingBulbIconComponent;var K=j.isFormSaveClicked,U=j.setIsFormSavedClicked,G=j.onResetLearningData,V=j.sendMessageInChat,O=j.setSendMessageInChat,J=j.isFormValidating,Q=j.chatTitle,X=j.customMetaData,Y=j.headerMessageHandlers;j.aiResponse;var $=j.setAIResponse,ee=j.onResetChat,te=j.initialChatMessage,ne=void 0===te?"":te,ie=j.onSave,oe=j.chatSize,ae=j.setChatSize,re=j.movingTowards,se=j.setCitations,le=j.textareaPlaceholder,de=void 0===le?"Tell me more about this learning...":le,ce=j.setCurrentRequestId,ue=j.showSavedMessage,he=void 0!==ue&&ue,me=j.savedMessage,ve=j.isError,pe=void 0!==ve&&ve,Ce=j.errorMessage,ge=void 0===Ce?"There was an error saving your changes.":Ce;j.isSaving;var fe=j.isHighlighted,Se=void 0!==fe&&fe,be=j.onStreamingStateChange,ye=j.onViewComparison;j.isCopyEnabled;var xe=j.onComparisonLinkClick,we=j.onSubmitFeedback,Re=q,ke=d("".concat(Re,"-").concat(B,"-").concat(y())),_e=d("".concat(y())),Ee=P,Te=d(null),Me=d(!0),Ie=d(null),Ne=d(null),De=c(""),Le=De[0],Fe=De[1],Ae=c([]),We=Ae[0],ze=Ae[1],je=c(!1),qe=je[0],Be=je[1],Pe=c(!1);Pe[0];var He=Pe[1],Ze=c(!0),Ke=Ze[0],Ue=Ze[1],Ge=c(!0);Ge[0];var Ve=Ge[1],Oe=c("");Oe[0];var Je=Oe[1],Qe=c(""),Xe=Qe[0],Ye=Qe[1],$e=c(!1),et=$e[0],tt=$e[1],nt=c(!1),it=nt[0],ot=nt[1],at=c(!0),rt=at[0],st=at[1],lt=c("100%");lt[0];var dt=lt[1],ct=c(null),ut=ct[0],ht=ct[1],mt=c(!1);mt[0];var vt=mt[1],pt=c(!1),Ct=pt[0],gt=pt[1],ft=d(null),St=d(new Set),bt=c(null),yt=bt[0],xt=bt[1],wt=c(!1),Rt=wt[0],kt=wt[1],_t=c(!1);_t[0],_t[1];var Et=c(null);Et[0],Et[1],d(null),d(null);var Tt=d(new Map),Mt=d(""),It=p(z||(z=e(["\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    "]))),Nt=u(function(){return""===(null==Le?void 0:Le.trim())||et},[Le,et]),Dt=u(function(){return J},[J]),Lt=u(function(){return Nt||et||J},[Nt,et,J]);h(function(){null==be||be(et)},[et,be]),h(function(){var e=Te.current,t=function(){if(e){var t=e.scrollTop,n=e.scrollHeight,i=e.clientHeight;st(n-t-i<=20)}};return e&&(e.addEventListener("scroll",t),t()),function(){e&&e.removeEventListener("scroll",t)}},[We]);var Ft=D({handlers:Y,setResult:$}).processHeaderMessage;h(function(){he&&gt(!0)},[he]),h(function(){if(Rt){var e=setTimeout(function(){kt(!1)},3e3);return function(){return clearTimeout(e)}}},[Rt]),h(function(){K&&(Bt(new KeyboardEvent("keydown",{key:"Enter"}),!1,"Save this Learning"),U(!1))},[K]),h(function(){if(V)try{if(V.startsWith("__SKELETON__:")){var e=V.split(":"),i=e[1],o=e.slice(2).join(":"),a={role:"user",content:"",id:i,time:new Date,isSkeleton:!0,skeletonContent:o};return ze(function(e){return t(t([],e,!0),[a],!1)}),Bt(new KeyboardEvent("keydown",{key:"Enter"}),!1,o,!1,i),xt(i),O&&O(""),void setTimeout(function(){xt(null)},2e3)}if(V.startsWith("__SKELETON_END__::")){var r=V.split("::")[1]||"";return ze(function(e){return e.map(function(e){return e.isSkeleton?n(n({},e),{isSkeleton:!1,content:e.skeletonContent||r}):e})}),void(O&&O(""))}var s=y();Bt(new KeyboardEvent("keydown",{key:"Enter"}),!1,V,!1,s),xt(s),O&&O(""),setTimeout(function(){return xt(null)},2e3)}catch(e){console.error("Error handling sendMessageInChat signal",e)}},[V]),h(function(){Wt(),zt();var e=function(){var e,t=(null===(e=null==ft?void 0:ft.current)||void 0===e?void 0:e.clientHeight)||0,n="calc(100% - ".concat(t,"px - 10px)");dt(n)};return e(),window.addEventListener("resize",e),function(){return window.removeEventListener("resize",e)}},[]);var At=m(function(e){var t="string"==typeof e?e:"smooth";Ie.current&&Ie.current.scrollIntoView({behavior:t,block:"end"}),Me.current&&setTimeout(function(){Ie.current&&Me.current&&Ie.current.scrollIntoView({behavior:t,block:"end"})},100)},[]);h(function(){if(!et){var e="";if(Ct?e=me||"Thank you teacher for teaching me, your rule has been saved successfully.":pe&&(e=ge||"I'm sorry, I couldn't save your changes. Please try again."),e){var n={role:"assistant",content:e,id:y(),citations:[],time:new Date};ze(function(e){return t(t([],e,!0),[n],!1)}),gt(!1),setTimeout(function(){return At("smooth")},100)}}},[Ct,pe,et,me,ge,At]),h(function(){Me.current&&At("smooth")},[At]);var Wt=function(){var e={method:"get",maxBodyLength:1/0,url:"".concat(Ee,"/api/chatbot/getChatSettings?name=").concat(Re,"&organizationName=").concat(B),headers:{}};b.request(e).then(function(e){var t,n,i;(null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.chatSettings)&&""!==(null===(i=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.chatSettings)||void 0===i?void 0:i.chatInitialMessage)&&Ve(!0)}).catch(function(e){console.error(e)})},zt=function(){return i(void 0,void 0,void 0,function(){var e,t;return o(this,function(n){e="".concat(Ee,"/api/chat/history?name=").concat(Re,"&organizationName=").concat(B);try{t={method:"GET",params:{guestSessionId:ke.current},withCredentials:!0},b.get(e,t).then(function(e){var t=e.data;t.length>0?(ze(t),At()):Ve(!0)}).catch(function(e){console.error(e)})}catch(e){Be(!1),console.error(e)}return[2]})})};function jt(e){return null==e?void 0:e.replace(/<a [^>]*>.*?<\/a>/g,function(e){return null==e?void 0:e.replace(/\*/g,"&ast;")})}var qt=function(e,i,o,a,r,s,l){var d,c,u,h,m,v,p,C,g,f,S,b,x,w,R,k,_,E,T,M,I,N,D,L,F,A,W,z,j,q,B,P,H,Z;if(null===(c=null===(d=null==e?void 0:e.chatStream)||void 0===d?void 0:d.continueChatResult)||void 0===c?void 0:c.header_message){var K={header_message:e.chatStream.continueChatResult.header_message,responsedata:null===(m=null===(h=null===(u=null==e?void 0:e.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===h?void 0:h.message)||void 0===m?void 0:m.content};Ft(K)}var U=null===(v=null==e?void 0:e.chatStream)||void 0===v?void 0:v.continueChatResult,G=null==U?void 0:U.isEnd,V=(null===(p=null==U?void 0:U.message)||void 0===p?void 0:p.citations)||[];G&&V.length>0&&se&&se(V);var O={role:"assistant",content:"",id:y()};if(null===(S=null===(f=null===(g=null===(C=null==e?void 0:e.chatStream)||void 0===C?void 0:C.continueChatResult)||void 0===g?void 0:g.message)||void 0===f?void 0:f.content)||void 0===S?void 0:S.includes("WaitMessage: "))He(!0),O.content=function(e){var t="WaitMessage: ",n=e.indexOf(t);if(-1!==n){var i=e.substring(n+13);return null==i?void 0:i.replaceAll("WaitMessage: ","")}return""}((null===(w=null===(x=null===(b=null==e?void 0:e.chatStream)||void 0===b?void 0:b.continueChatResult)||void 0===x?void 0:x.message)||void 0===w?void 0:w.content)+"\n\n"),""!==O.content&&(Be(!1),ze(t(t([],We,!0),[{role:"user",content:r,time:a,isFirstQuestionSent:s||!1,id:l||(null===(k=null===(R=null==e?void 0:e.chatStream)||void 0===R?void 0:R.continueChatResult)||void 0===k?void 0:k.requestId)||"",reply:""},O],!1)));else{He(!1),O.content=null===(M=jt(null===(T=null===(E=null===(_=null==e?void 0:e.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===E?void 0:E.message)||void 0===T?void 0:T.content))||void 0===M?void 0:M.replaceAll("WaitMessage: ","");var J=null===(N=null===(I=null==e?void 0:e.chatStream)||void 0===I?void 0:I.continueChatResult)||void 0===N?void 0:N.requestId;"string"==typeof J&&J&&ce&&ce(J);var Q=function(e,i,o){var a,r,s,l,d,c,u,h,m,v,p,C,g,f,S,b,x,w,R,k,_,E,T,M,I,N,D,L,F,A,W,z,j,q,B={role:"assistant",content:"",id:y(),time:new Date,citations:[]};if(!1===(null===(r=null===(a=e.chatStream)||void 0===a?void 0:a.continueChatResult)||void 0===r?void 0:r.thinking_break)&&!0===(null===(l=null===(s=e.chatStream)||void 0===s?void 0:s.continueChatResult)||void 0===l?void 0:l.is_orchestrator)&&!1===(null===(c=null===(d=e.chatStream)||void 0===d?void 0:d.continueChatResult)||void 0===c?void 0:c.isEnd)&&(B.content=jt(e.chatStream.continueChatResult.message.content||"")),!0===(null===(h=null===(u=e.chatStream)||void 0===u?void 0:u.continueChatResult)||void 0===h?void 0:h.thinking_break)&&!0===(null===(v=null===(m=e.chatStream)||void 0===m?void 0:m.continueChatResult)||void 0===v?void 0:v.is_orchestrator)&&!1===(null===(C=null===(p=e.chatStream)||void 0===p?void 0:p.continueChatResult)||void 0===C?void 0:C.isEnd)&&(B.content="",i.push({responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!1})),!1===(null===(f=null===(g=e.chatStream)||void 0===g?void 0:g.continueChatResult)||void 0===f?void 0:f.thinking_break)&&!0===(null===(b=null===(S=e.chatStream)||void 0===S?void 0:S.continueChatResult)||void 0===b?void 0:b.is_orchestrator)&&!0===(null===(w=null===(x=e.chatStream)||void 0===x?void 0:x.continueChatResult)||void 0===w?void 0:w.isEnd)&&(B.content=jt(e.chatStream.continueChatResult.message.content)),!1===(null===(k=null===(R=e.chatStream)||void 0===R?void 0:R.continueChatResult)||void 0===k?void 0:k.thinking_break)&&!1===(null===(E=null===(_=e.chatStream)||void 0===_?void 0:_.continueChatResult)||void 0===E?void 0:E.is_orchestrator)&&!1===(null===(M=null===(T=e.chatStream)||void 0===T?void 0:T.continueChatResult)||void 0===M?void 0:M.isEnd)){if((Z=e.chatStream.continueChatResult).explainability_id&&Z.responded_by){var P=Z.explainability_id,H=Z.responded_by;o.has(P)||o.set(P,{responded_by:H,index:i.length})}o.has(e.chatStream.continueChatResult.explainability_id)?i[null==(K=o.get(e.chatStream.continueChatResult.explainability_id))?void 0:K.index]={responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(I=e.chatStream.continueChatResult.explainability_id)&&void 0!==I?I:"",isParallelToolResponse:!0}:i=t(t([],i,!0),[{responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!0,explainability_id:null!==(N=e.chatStream.continueChatResult.explainability_id)&&void 0!==N?N:"",isParallelToolResponse:!1}],!1)}if(!0===(null===(L=null===(D=e.chatStream)||void 0===D?void 0:D.continueChatResult)||void 0===L?void 0:L.thinking_break)&&!1===(null===(A=null===(F=e.chatStream)||void 0===F?void 0:F.continueChatResult)||void 0===A?void 0:A.is_orchestrator)&&!1===(null===(z=null===(W=e.chatStream)||void 0===W?void 0:W.continueChatResult)||void 0===z?void 0:z.isEnd)){var Z,K;(Z=e.chatStream.continueChatResult).explainability_id&&Z.responded_by&&(P=Z.explainability_id,H=Z.responded_by,o.has(P)||o.set(P,{responded_by:H,index:i.length})),o.has(e.chatStream.continueChatResult.explainability_id)?i[null==(K=o.get(e.chatStream.continueChatResult.explainability_id))?void 0:K.index]={responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(j=e.chatStream.continueChatResult.explainability_id)&&void 0!==j?j:"",isParallelToolResponse:!0}:i.push({responsedata:e.chatStream.continueChatResult.message.content,responseFrom:e.chatStream.continueChatResult.responded_by,header_message:e.chatStream.continueChatResult.header_message,finalResponseStatus:!1,explainability_id:null!==(q=e.chatStream.continueChatResult.explainability_id)&&void 0!==q?q:"",isParallelToolResponse:!1})}return n({orchestratorAndAgentsMessages:i},B)}(e,o,i);Q.time=new Date,Q.citations=V,Q.isEnd=null===(L=null===(D=null==e?void 0:e.chatStream)||void 0===D?void 0:D.continueChatResult)||void 0===L?void 0:L.isEnd,Q.requestId=null===(A=null===(F=null==e?void 0:e.chatStream)||void 0===F?void 0:F.continueChatResult)||void 0===A?void 0:A.requestId,Q.sessionId=ke.current,null===(W=Q.orchestratorAndAgentsMessages)||void 0===W||W.forEach(function(e){e&&e.header_message&&Ft(e)}),(""!==(null==Q?void 0:Q.content)||(null==Q?void 0:Q.orchestratorAndAgentsMessages)&&(null==Q?void 0:Q.orchestratorAndAgentsMessages.length)>0)&&(Be(!1),ze(t(t([],We,!0),[{role:"user",content:r||"",time:a,isFirstQuestionSent:s||!1,id:l||(null===(j=null===(z=null==e?void 0:e.chatStream)||void 0===z?void 0:z.continueChatResult)||void 0===j?void 0:j.requestId)||"",requestId:null!==(P=null===(B=null===(q=null==e?void 0:e.chatStream)||void 0===q?void 0:q.continueChatResult)||void 0===B?void 0:B.requestId)&&void 0!==P?P:""},Q],!1))),Ue(null===(Z=null===(H=null==e?void 0:e.chatStream)||void 0===H?void 0:H.continueChatResult)||void 0===Z?void 0:Z.isEnd)}},Bt=function(e,i,o,a,r,s){var l,d,c=(void 0!==o?o:Le||"").trim(),u="Enter"===(null==e?void 0:e.key)&&!(null==e?void 0:e.shiftKey);if(u&&(null===(l=null==e?void 0:e.preventDefault)||void 0===l||l.call(e)),!(!c||et&&!o||(null==e?void 0:e.key)&&!u)){if("I want to add a rule description"===c){Ue(!1),Me.current=!0,tt(!0),!ut&&c&&ht(o||"manual_entry");var h=new Date;return ze(function(e){return t(t([],e.map(function(e,t){var i;return n(n({},e),{content:null===(i=jt(e.content))||void 0===i?void 0:i.replace("WaitMessage: ","")})}),!0),[{role:"user",content:c,time:h,isFirstQuestionSent:!1,id:r||y()}],!1)}),At("smooth"),void setTimeout(function(){ze(function(e){return t(t([],e,!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:y(),citations:[],time:new Date}],!1)}),At("smooth"),setTimeout(function(){tt(!1),Ue(!0)},500)},500)}Ue(!1),Me.current=!0,tt(!0),!ut&&c&&ht(o||"manual_entry");var m=new Date;ze(function(e){var i=e.map(function(e){var t;return n(n({},e),{content:null===(t=jt(e.content))||void 0===t?void 0:t.replace("WaitMessage: ","")})});return r&&i.some(function(e){return e.id===r})?i.map(function(e){return e.id===r?n(n({},e),{content:c}):e}):t(t([],i,!0),[{role:"user",content:c,time:m,isFirstQuestionSent:!1,id:r||y()}],!1)}),At("smooth");var v=new Map,p=[],C={WEBSOCKET_URL:H,organizationName:B,chatAssistantName:Re,selectedAIModel:"gpt-4",replyMessage:"",userName:"Guest User",userEmailId:"guestUser@example.com",userId:"Guest User",query:c,requestId:"requestId-".concat(y()),customPrompt:"",enableForBackend:!1,guestSessionId:ke.current,chatPreviewId:_e.current,customMetaData:X,aiModel:"",onStreamEvent:function(e){return qt(e,v,p,m,c,i,r)},onStreamEnd:function(e){Ue(!0),tt(!1),vt(!1);var i=Date.now(),o=Tt.current.get(Mt.current);if(o){var a=Math.round((i-o)/1e3).toFixed(1);ze(function(e){var i=t([],e,!0).reverse().findIndex(function(e){return"assistant"===e.role});if(-1===i)return e;var o=e.length-1-i;return e.map(function(e,t){return t===o?n(n({},e),{finalTimeTaken:a}):e})})}},onError:function(e){console.error("Stream error:",e),Ue(!0),tt(!1),vt(!1)}};if(c)Be(!0),null===(d=Ne.current)||void 0===d||d.blur(),Fe(""),At(),Ye(r?"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."),Tt.current.set(C.requestId,Date.now()),Mt.current=C.requestId,x(C);s&&s(!1)}},Pt=d(null);v(function(){Pt.current=Bt});var Ht=m(function(){for(var e,n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];return null===(e=Pt.current)||void 0===e?void 0:e.call.apply(e,t([Pt],n,!1))},[]),Zt=u(function(){return{p:function(e){e.node;var t=e.children;return a(e,["node","children"]),r("div",n({style:{margin:0,display:"flex",flexDirection:"column",alignItems:"flex-start",gap:"10px",fontFamily:"inherit"}},{children:t}))},button:function(e){e.node;var t=e.className,i=e.children,o=a(e,["node","className","children"]),l=L(i),d=o["data-value"],c="Tester Genie"===l;return r(E,n({},o,{className:t,handleStream:Ht,isStreamEnd:Ke,disabled:!!ut,isLastMessage:!0,style:{margin:0},isTesterGenie:c,"data-selected":ut===l||ut===d?"true":ut?"false":void 0},{children:s("span",n({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i,c&&s("svg",n({width:"16",height:"20",viewBox:"0 0 16 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},{children:[r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"}),r("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"})]}))]}))}))}}},[Ht,Ke,ut]),Kt=u(function(){return We.some(function(e){return e.isSkeleton})},[We]),Ut=function(e){return i(void 0,void 0,void 0,function(){return o(this,function(n){switch(n.label){case 0:return we?[4,we(e)]:[3,2];case 1:n.sent(),ze(function(e){return t(t([],e,!0),[{role:"assistant",content:"Thanks for your feedback — this will help improve future suggestions.",id:y(),citations:[],time:new Date,isEnd:!0}],!1)}),setTimeout(function(){return At("smooth")},100),n.label=2;case 2:return[2]}})})};return console.log(We,"rendering messages"),s("div",n({className:"".concat(I.customFont," ").concat(M.chatContainer),style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:Se&&!Kt?"0 0 20px 5px rgba(37, 99, 235, 0.5)":"none"}},{children:[s("div",n({ref:Te,className:M.scrollWrapper},{children:[r("div",n({ref:ft,className:M.stickyHeader},{children:r(R,{resetChatHistory:function(){var e="".concat(Ee,"/api/chat/resetHistory?name=").concat(Re,"&organizationName=").concat(B);try{var t={method:"GET",params:{guestSessionId:ke.current},withCredentials:!0};b.get(e,t).then(function(){Z(!0),Je(""),ht(null),St.current.clear(),_e.current="".concat(y()),ze([]),Ve(!0),null==ee||ee(),G&&G()}).catch(function(e){console.error(e)}).finally(function(){ke.current="".concat(Re,"-").concat(B,"-").concat(y())})}catch(e){Be(!1),console.error(e)}},isStreamEnd:Ke,chatTitle:Q,onResize:ae,chatSize:oe,movingTowards:re})})),s("div",n({className:M.messagesList},{children:[s("div",n({className:M.initialMessageRow},{children:[r("div",n({className:M.iconWrapper},{children:r(A,{})})),r("div",n({className:M.welcomeTextWrapper},{children:r("div",n({className:M.welcomeMarkdownWrapper},{children:r("span",{children:r(f,n({rehypePlugins:[S],components:Zt},{children:ne}))})}))}))]})),We.length>0&&We.map(function(e,t){return s("div",n({className:M.messageRow},{children:["assistant"===e.role?r("div",n({className:M.assistantIconContainer},{children:r(A,{})})):r("div",{className:M.userSpacer}),r("div",n({className:M.messageContent},{children:"assistant"===e.role?s(l,{children:[e.orchestratorAndAgentsMessages&&e.orchestratorAndAgentsMessages.length>0&&r(w,{orchestratorAndAgentsMessages:null==e?void 0:e.orchestratorAndAgentsMessages,isStreamEnd:Ke,finalTimeTaken:null==e?void 0:e.finalTimeTaken},null==e?void 0:e.id),r(k,{index:t,content:null==e?void 0:e.content,role:null==e?void 0:e.role,messages:We,handleStream:Bt,isLastMessage:t===We.length-1,onSave:ie,citations:null==e?void 0:e.citations,setChatSize:ae,chatSize:oe,isStreamEnd:Ke,messageIsEnd:null==e?void 0:e.isEnd,onViewComparison:ye,onTypeResponseClick:function(){var e;kt(!0),null===(e=Ne.current)||void 0===e||e.focus()},onComparisonLinkClick:xe,baseURL:Ee,onFeedbackSubmit:Ut}),r("div",n({className:M.timestamp},{children:e.time&&!isNaN(new Date(e.time).getTime())?new Date(e.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}):(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}):s("div",n({className:M.userMessageWrapper},{children:[s("div",n({className:M.userMessageBubble,style:{transition:"box-shadow 0.3s ease-in-out",boxShadow:e.isSkeleton||Kt||e.id!==yt?"none":"0 0 15px 3px rgba(37, 99, 235, 0.6)"}},{children:[e.isSkeleton?s("div",n({style:{display:"flex",flexDirection:"column",gap:"12px",minWidth:"280px",padding:"8px 0"}},{children:[r(_,{variant:"text",width:"100%",height:16}),r(_,{variant:"text",width:"80%",height:16})]})):r(k,{index:t,content:null==e?void 0:e.content,role:null==e?void 0:e.role,messages:We,handleStream:Bt,isLastMessage:t===We.length-1,onSave:ie,citations:null==e?void 0:e.citations,isStreamEnd:Ke,messageIsEnd:null==e?void 0:e.isEnd,onViewComparison:ye,onComparisonLinkClick:xe,baseURL:Ee,onFeedbackSubmit:Ut}),r("div",n({style:{marginTop:"0.5rem"}},{children:r(W,{})}))]})),r("div",n({className:M.userTimestamp},{children:new Date(e.time).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"})}))]}))}))]}),e.id)}),qe&&s("div",n({className:M.loadingRow},{children:[r("div",n({className:M.iconWrapper,style:{marginTop:"0.2rem"}},{children:r(A,{})})),r("div",n({className:M.loadingTextWrapper},{children:r("span",{children:Xe})}))]})),r("div",{ref:Ie,style:{float:"left",clear:"both"}})]}))]})),s("div",n({className:M.inputAreaWrapper},{children:[et&&s(C,n({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:[r("span",{children:"Instant Learning AI is thinking"}),r(C,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(It," 1.4s infinite ease-in-out both"),animationDelay:"-0.32s"}}),r(C,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(It," 1.4s infinite ease-in-out both"),animationDelay:"-0.16s"}}),r(C,{sx:{width:"5px",height:"5px",bgcolor:"#6b7280",borderRadius:"50%",animation:"".concat(It," 1.4s infinite ease-in-out both")}})]})),r(g,n({title:J?"Please wait for the validation to be completed.":""},{children:s("div",n({className:"".concat(M.inputBoxContainer," ").concat(Dt?M.disabled:""),style:Rt?{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:[We.length>0&&!rt&&r("div",n({onMouseDown:function(e){e.preventDefault(),At("smooth")},className:M.scrollToBottomBtn},{children:r(N,{})})),s("div",n({style:{width:"100%",display:"flex"}},{children:[r("textarea",{ref:Ne,placeholder:de,value:Le||"",onChange:function(e){Fe(e.target.value)},onFocus:function(){return ot(!0)},onBlur:function(){return ot(!1)},onKeyDown:function(e){return Bt(e)},disabled:Dt,className:"no-scrollbar ".concat(M.chatTextarea),style:{minHeight:it?"120px":"50px",height:it?"120px":"50px",maxHeight:"120px"}}),r("span",n({className:M.sendButtonWrapper},{children:r("button",n({onClick:function(e){Bt(new KeyboardEvent("keydown",{key:"Enter"}))},disabled:Lt,className:"".concat(M.sendButton," ").concat(Lt?M.disabled:M.active)},{children:r(F,{})}))}))]}))]}))}))]})),s("div",n({className:M.footerTools},{children:[r(g,n({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:r("span",n({className:M.footerToolItem},{children:r(T,{amplitude:1,variant:"speaker",isActive:!1,onClick:function(){return null},disabled:!1})}))})),r(g,n({title:"Coming soon",placement:"top",arrow:!0,componentsProps:{tooltip:{sx:{fontSize:"0.875rem",padding:"0.5rem",fontFamily:"Plus Jakarta Sans, sans-serif"}}}},{children:r("span",n({className:M.footerToolItem},{children:r(T,{amplitude:1,variant:"microphone",isActive:!1,onClick:function(){return null},disabled:!1})}))}))]}))]}))};export{j as default};
 //# sourceMappingURL=NormalChat.js.map

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

@@ -1,2 +1,2 @@
-import{__assign as e}from"tslib";import{jsx as o,jsxs as t}from"react/jsx-runtime";import{CitationRenderer as i}from"@e-llm-studio/citation";import n,{useRef as r,useCallback as l,useEffect as a}from"react";import d from"./_svg/ChevronDown.js";import c from"./_svg/ChevronUp.js";import s from"./_svg/BookIcon.js";import{CitationLinkSparkleIcon as p}from"./_svg/CitationLinkSparkleIcon.js";import f from"./MarkdownRenderer.js";var h=n.memo(function(t){var i=t.text,n=t.highlights;if(!n||0===n.length||!i)return o("span",{children:i});var r=n.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(r.join("|"),")"),"gi"),a=i.split(l);return o("span",{children:a.map(function(t,i){var r=n.some(function(e){return e.toLowerCase()===t.toLowerCase()});return o("span",r?e({style:{backgroundColor:"#fef08a",color:"#000"}},{children:t}):{children:t},i)})})}),x=n.memo(function(i){var n,r,l=i.citation,a=i.headerTitle,d=i.score,c=i.footerText,x=i.userPreferences,u=i.hasUserPreferences;return t("div",e({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:[d&&t("div",e({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:[o(p,{width:13,height:13}),t("span",{children:["Citation Relevance ",d,"%"]})]})),t("div",e({style:{flex:"1 1 auto",display:"flex",gap:u?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[t("div",e({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:[t("div",e({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:[o(s,{})," ",a]})),o("div",e({className:"citation-markdown-wrapper",style:{flex:u?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"#fff",minWidth:"0"}},{children:o(f,{value:(null===(n=l.customMetaData)||void 0===n?void 0:n.content)||"",highlightedText:null===(r=l.customMetaData)||void 0===r?void 0:r.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),o("div",e({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:c}))]})),u&&t("div",e({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:[o("div",e({style:{backgroundColor:"#fff"}},{children:o("div",e({style:{padding:"12px",backgroundColor:"#F7F8FA",borderBottom:"1px solid #E5E7EB"}},{children:o("h3",e({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"#19213D"}},{children:"Your Preference"}))}))})),o("div",e({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:x.slice(0,3).map(function(i,n){return o("div",e({style:{fontSize:"13px",lineHeight:"1.5",color:"#374151"}},{children:t("div",e({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[t("div",e({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"#374151",flexShrink:0}},{children:[n+1,"."]})),t("div",e({style:{fontSize:"13px"}},{children:[o("span",{children:i.question}),o("span",e({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),o("br",{}),t("span",e({style:{fontWeight:"700",color:"#111827"}},{children:['"',o(h,{text:i.answer,highlights:i.highlighted_text}),'"']}))]}))]}))}),n)})}))]}))]})),o("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          "})]}))}),u=function(n){var s,p,f,h,u=n.citation,m=n.linkTitle,g=n.isOpen,v=n.onToggle,b=n.fontSize,y=r(null),w=l(function(){v&&v()},[v]);a(function(){g&&y.current&&setTimeout(function(){var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[g]);var k=(null===(s=u.customMetaData)||void 0===s?void 0:s.citation_title)||"",C=(null===(p=u.customMetaData)||void 0===p?void 0:p.citation_relevance_score)||null,F="Referenced from ".concat(null===(f=u.customMetaData)||void 0===f?void 0:f.citation_reference)||"",S=(null===(h=u.customMetaData)||void 0===h?void 0:h.user_preference)||[],D=S.length>0;return t("span",e({className:"citation-container",ref:y,onClick:function(e){return e.stopPropagation()}},{children:[o(i,{inLineCitation:!0,citationTitle:m,citationComponent:o(x,{citation:u,headerTitle:k,score:C,footerText:F,userPreferences:S,hasUserPreferences:D}),chevronDownComponent:o(d,{}),chevronUpComponent:o(c,{}),additionalCallbackForPillButton:w,isOpen:g,onToggle:v,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:b?"".concat(b,"px"):"1rem",fontWeight:500,color:"rgb(109, 40, 217)",cursor:"pointer",whiteSpace:"nowrap",border:g?"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"}}}),o("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};export{u as default};
+import{__assign as e}from"tslib";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{CitationRenderer as o}from"@e-llm-studio/citation";import t,{useRef as n,useCallback as a,useEffect as l}from"react";import d from"./_svg/ChevronDown.js";import c from"./_svg/ChevronUp.js";import s from"./_svg/BookIcon.js";import{CitationLinkSparkleIcon as p}from"./_svg/CitationLinkSparkleIcon.js";import f from"./MarkdownRenderer.js";var u=t.memo(function(i){var o=i.text,t=i.highlights,n=(null!=t?t:[]).filter(function(e){return"string"==typeof e&&e.length>0});if(0===n.length||!o)return r("span",{children:o});var a=n.map(function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}),l=new RegExp("(".concat(a.join("|"),")"),"gi"),d=o.split(l);return r("span",{children:d.map(function(i,o){var t=n.some(function(e){return e.toLowerCase()===i.toLowerCase()});return r("span",t?e({style:{backgroundColor:"var(--il-warning-subtle, #fef08a)",color:"var(--il-foreground, #000)"}},{children:i}):{children:i},o)})})}),h=t.memo(function(o){var t,n,a=o.citation,l=o.headerTitle,d=o.score,c=o.footerText,h=o.userPreferences,g=o.hasUserPreferences;return i("div",e({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:[d&&i("div",e({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:[r(p,{width:13,height:13}),i("span",{children:["Citation Relevance ",d,"%"]})]})),i("div",e({style:{flex:"1 1 auto",display:"flex",gap:g?"12px":"0px",overflow:"hidden",alignItems:"stretch",width:"100%",flexWrap:"wrap"}},{children:[i("div",e({style:{display:"flex",flexDirection:"column",flex:g?"1 1 170px":"1 1 100%",minWidth:g?"100px":"100%",width:g?"auto":"100%",border:"1px solid var(--il-border, #E3E6EA)",borderRadius:"8px"}},{children:[i("div",e({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:[r(s,{})," ",l]})),r("div",e({className:"citation-markdown-wrapper",style:{flex:g?"1 1 60%":"1 1 auto",overflowY:"auto",backgroundColor:"var(--il-surface, #fff)",minWidth:"0"}},{children:r(f,{value:(null===(t=a.customMetaData)||void 0===t?void 0:t.content)||"",highlightedText:null===(n=a.customMetaData)||void 0===n?void 0:n.highlighted_text,styles:{mainCard:{border:"none",padding:"8px"},list:{fontSize:"13px"}}})})),r("div",e({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:c}))]})),g&&i("div",e({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:[r("div",e({style:{backgroundColor:"var(--il-surface, #fff)"}},{children:r("div",e({style:{padding:"12px",backgroundColor:"var(--il-surface-alt, #F7F8FA)",borderBottom:"1px solid var(--il-border, #E5E7EB)"}},{children:r("h3",e({style:{margin:0,fontSize:"14px",fontWeight:"700",color:"var(--il-foreground, #19213D)"}},{children:"Your Preference"}))}))})),r("div",e({style:{padding:"16px",display:"flex",flexDirection:"column",gap:"6px"}},{children:h.slice(0,3).map(function(o,t){return r("div",e({style:{fontSize:"13px",lineHeight:"1.5",color:"var(--il-secondary-fg, #374151)"}},{children:i("div",e({style:{display:"flex",alignItems:"flex-start",gap:"4px"}},{children:[i("div",e({style:{minWidth:"18px",fontSize:"13px",fontWeight:"600",color:"var(--il-secondary-fg, #374151)",flexShrink:0}},{children:[t+1,"."]})),i("div",e({style:{fontSize:"13px"}},{children:[r("span",{children:o.question}),r("span",e({style:{fontWeight:"600",margin:"0 4px"}},{children:":"})),r("br",{}),i("span",e({style:{fontWeight:"700",color:"var(--il-foreground, #111827)"}},{children:['"',r(u,{text:o.answer,highlights:o.highlighted_text}),'"']}))]}))]}))}),t)})}))]}))]})),r("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          "})]}))}),g=function(t){var s,p,f,u,g=t.citation,x=t.linkTitle,m=t.isOpen,v=t.onToggle,b=t.fontSize,y=n(null),w=a(function(){v&&v()},[v]);l(function(){m&&y.current&&setTimeout(function(){var e;null===(e=y.current)||void 0===e||e.scrollIntoView({behavior:"smooth",block:"center"})},50)},[m]);var k=(null===(s=g.customMetaData)||void 0===s?void 0:s.citation_title)||"",C=(null===(p=g.customMetaData)||void 0===p?void 0:p.citation_relevance_score)||null,F="Referenced from ".concat(null===(f=g.customMetaData)||void 0===f?void 0:f.citation_reference)||"",S=(null===(u=g.customMetaData)||void 0===u?void 0:u.user_preference)||[],D=S.length>0;return i("span",e({className:"citation-container",ref:y,onClick:function(e){return e.stopPropagation()}},{children:[r(o,{inLineCitation:!0,citationTitle:x,citationComponent:r(h,{citation:g,headerTitle:k,score:C,footerText:F,userPreferences:S,hasUserPreferences:D}),chevronDownComponent:r(d,{}),chevronUpComponent:r(c,{}),additionalCallbackForPillButton:w,isOpen:m,onToggle:v,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:b?"".concat(b,"px"):"1rem",fontWeight:500,color:"var(--il-primary, rgb(109, 40, 217))",cursor:"pointer",whiteSpace:"nowrap",border:m?"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"}}}),r("style",{children:"\n          .citation-container ::-webkit-scrollbar {\n            display: none !important;\n          }\n        "})]}))};export{g as default};
 //# sourceMappingURL=CitationLink.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as e,__assign as n}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{memo as r,useState as o,useMemo as l,useCallback as a}from"react";import{ChevronDownIcon as s}from"lucide-react";import c from"react-markdown";import d from"remark-gfm";import p from"rehype-raw";import{CitationLinkSparkleIcon as f}from"./_svg/CitationLinkSparkleIcon.js";import{GapIcon as g}from"./_svg/GapIcon.js";import{LightbulbIcon as m}from"./_svg/Lightbulb.js";import{ButtonCognitiveIcon as u}from"./_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as h}from"./MarkdownComponents/MarkdownElements.js";import x from"./CitationLink.js";var y=r(function(r){var y=r.isVisible,b=r.decisionStrength,v=r.reasoning,k=r.gap,S=r.citations,C=o({reasoning:!0,gap:!0}),w=C[0],F=C[1],z=l(function(){return[p]},[]),I=l(function(){return[d]},[]),B=a(function(e,n){return console.log("getCitationByNumber called with:",{citationNumber:e,source:n},"and citations :",S),S&&S.find(function(i){return i.customMetaData.citation_number&&"Cognitive Decisioning"!==i.customMetaData.citation_title&&i.customMetaData.source===n&&String(i.customMetaData.citation_number)===String(e)})||null},[S]),j=l(function(){return{p:function(t){t.node;var r=e(t,["node"]);return i("p",n({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},li:function(r){r.node;var o=r.index,l=e(r,["node","index"]);return t("div",n({style:{display:"flex",alignItems:"flex-start",marginBottom:"6px"}},{children:[i("span",n({style:{fontSize:"12px",fontWeight:400,color:"#55585fff",flexShrink:0,minWidth:"18px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),i("span",n({style:{fontSize:"12px",color:"#4B5563",lineHeight:"1.5",flex:1}},{children:l.children}))]}))},a:function(t){t.node;var r=t.href,o=t.children,l=e(t,["node","href","children"]);if(!r)return i("a",n({},l,{children:o}));var a=r.match(/citationNumber=([^&]+)/),s=a?a[1]:null;if(console.log("Processing link:",{match:a,href:r,citationNumber:s}),s){var c=h(r),d=B(s,c);if(console.log("check source and citation here pls :",c,d),console.log("Found citation for link:",{href:r,citationNumber:s,source:c,citation:d}),d)return i("span",n({style:{display:"inline",alignItems:"center",fontSize:"14px !important",gap:"3px",color:"#2563EB",verticalAlign:"middle"}},{children:i(x,{citation:d,linkTitle:o,fontSize:12})}))}return i("a",n({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"#2563EB",textDecoration:"none"}},l,{children:o}))}}},[]);if(!y||!v&&!k&&!b)return null;var A=function(e){F(function(i){var t;return n(n({},i),((t={})[e]=!i[e],t))})};return t("div",n({style:{width:"100%",marginTop:"8px",overflow:"hidden",borderRadius:"8px",border:"1.5px solid #cacdfa",backgroundColor:"#FFFFFF",boxShadow:"0 2px 4px -1px rgba(0, 0, 0, 0.05)",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:[t("div",n({style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",backgroundColor:"#f4f2ff",borderBottom:"1px solid #fee2e2"}},{children:[t("div",n({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i(u,{}),i("span",n({style:{fontSize:"13px",fontWeight:600,color:"black"}},{children:"Cognitive Decisioning AI"}))]})),b&&t("div",n({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.3px solid #bb97f9ff",backgroundColor:"#FFFFFF",padding:"2px 8px",fontSize:"12px",fontWeight:500,color:"#000",gap:"4px"}},{children:[i(f,{}),"Decision Strength: ",b,"%"]}))]})),v&&t("div",n({style:{borderBottom:k?"1px solid #f3f4f6":"none"}},{children:[t("button",n({onClick:function(){return A("reasoning")},style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"12px 16px",border:"none",background:"none",cursor:"pointer"}},{children:[t("div",n({style:{display:"flex",gap:"12px",alignItems:"center"}},{children:[i(m,{}),t("div",n({style:{textAlign:"left"}},{children:[i("h4",n({style:{margin:0,fontSize:"13px",fontWeight:600,color:"#111827"}},{children:"Why this is a conflict?"})),i("p",n({style:{margin:0,fontSize:"11px",color:"#6B7280"}},{children:"Here is why this was picked"}))]}))]})),i(s,{size:16,style:{transform:w.reasoning?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",color:"#9CA3AF"}})]})),w.reasoning&&i("div",n({style:{padding:"0 16px 16px 60px",fontSize:"12px",color:"#4B5563",lineHeight:"1.5"}},{children:i(c,n({components:j,rehypePlugins:z,remarkPlugins:I},{children:v}))}))]})),k&&t("div",{children:[t("button",n({onClick:function(){return A("gap")},style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"12px 16px",border:"none",background:"none",cursor:"pointer"}},{children:[t("div",n({style:{display:"flex",gap:"12px",alignItems:"center"}},{children:[i(g,{}),t("div",n({style:{textAlign:"left"}},{children:[i("h4",n({style:{margin:0,fontSize:"13px",fontWeight:600,color:"#111827"}},{children:"Gap"})),i("p",n({style:{margin:0,fontSize:"11px",color:"#6B7280"}},{children:"Here is what’s missing or needs clarification"}))]}))]})),i(s,{size:16,style:{transform:w.gap?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",color:"#9CA3AF"}})]})),w.gap&&i("div",n({style:{padding:"0 16px 16px 60px",fontSize:"12px",color:"#4B5563",lineHeight:"1.5"}},{children:i(c,n({components:j,rehypePlugins:z,remarkPlugins:I},{children:k}))}))]})]}))});y.displayName="ConflictReasoningCard";export{y as ConflictReasoningCard};
+import{__rest as e,__assign as n}from"tslib";import{jsx as i,jsxs as t}from"react/jsx-runtime";import{memo as r,useState as o,useMemo as l,useCallback as a}from"react";import{ChevronDownIcon as s}from"lucide-react";import c from"react-markdown";import d from"remark-gfm";import p from"rehype-raw";import{CitationLinkSparkleIcon as f}from"./_svg/CitationLinkSparkleIcon.js";import{GapIcon as g}from"./_svg/GapIcon.js";import{LightbulbIcon as m}from"./_svg/Lightbulb.js";import{ButtonCognitiveIcon as h}from"./_svg/ButtonCognitiveIcon.js";import{getSourceFromUrl as u}from"./MarkdownComponents/MarkdownElements.js";import x from"./CitationLink.js";var y=r(function(r){var y=r.isVisible,b=r.decisionStrength,v=r.reasoning,k=r.gap,C=r.citations,S=o({reasoning:!0,gap:!0}),w=S[0],F=S[1];console.log("ConflictReasoningCard rendered with props:",{isVisible:y,decisionStrength:b,reasoning:v,gap:k,citations:C});var z=l(function(){return[p]},[]),I=l(function(){return[d]},[]),B=a(function(e,n){return console.log("getCitationByNumber called with:",{citationNumber:e,source:n},"and citations :",C),C&&C.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},[C]),j=l(function(){return{p:function(t){t.node;var r=e(t,["node"]);return i("p",n({},r,{style:{margin:0}},{children:null==r?void 0:r.children}))},li:function(r){r.node;var o=r.index,l=e(r,["node","index"]);return t("div",n({style:{display:"flex",alignItems:"flex-start",marginBottom:"6px"}},{children:[i("span",n({style:{fontSize:"12px",fontWeight:400,color:"#55585fff",flexShrink:0,minWidth:"18px"}},{children:"number"==typeof o?"".concat(o+1,"."):"•"})),i("span",n({style:{fontSize:"12px",color:"#4B5563",lineHeight:"1.5",flex:1}},{children:l.children}))]}))},a:function(t){t.node;var r=t.href,o=t.children,l=e(t,["node","href","children"]);if(!r)return i("a",n({},l,{children:o}));var a=r.match(/citationNumber=([^&]+)/),s=a?a[1]:null;if(console.log("Processing link:",{match:a,href:r,citationNumber:s}),s){var c=u(r),d=B(s,c);if(console.log("check source and citation here pls :",c,d),console.log("Found citation for link:",{href:r,citationNumber:s,source:c,citation:d}),d)return i("span",n({style:{display:"inline",alignItems:"center",fontSize:"14px !important",gap:"3px",color:"#2563EB",verticalAlign:"middle"}},{children:i(x,{citation:d,linkTitle:o,fontSize:12})}))}return i("a",n({href:r,target:"_blank",rel:"noopener noreferrer",style:{color:"#2563EB",textDecoration:"none"}},l,{children:o}))}}},[]);if(!y||!v&&!k&&!b)return null;var A=function(e){F(function(i){var t;return n(n({},i),((t={})[e]=!i[e],t))})};return t("div",n({style:{width:"100%",marginTop:"8px",overflow:"hidden",borderRadius:"8px",border:"1.5px solid #cacdfa",backgroundColor:"#FFFFFF",boxShadow:"0 2px 4px -1px rgba(0, 0, 0, 0.05)",fontFamily:'"Plus Jakarta Sans", sans-serif'}},{children:[t("div",n({style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 16px",backgroundColor:"#f4f2ff",borderBottom:"1px solid #fee2e2"}},{children:[t("div",n({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[i(h,{}),i("span",n({style:{fontSize:"13px",fontWeight:600,color:"black"}},{children:"Cognitive Decisioning AI"}))]})),b&&t("div",n({style:{display:"flex",alignItems:"center",borderRadius:"9999px",border:"1.3px solid #bb97f9ff",backgroundColor:"#FFFFFF",padding:"2px 8px",fontSize:"12px",fontWeight:500,color:"#000",gap:"4px"}},{children:[i(f,{}),"Decision Strength: ",b,"%"]}))]})),v&&t("div",n({style:{borderBottom:k?"1px solid #f3f4f6":"none"}},{children:[t("button",n({onClick:function(){return A("reasoning")},style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"12px 16px",border:"none",background:"none",cursor:"pointer"}},{children:[t("div",n({style:{display:"flex",gap:"12px",alignItems:"center"}},{children:[i(m,{}),t("div",n({style:{textAlign:"left"}},{children:[i("h4",n({style:{margin:0,fontSize:"13px",fontWeight:600,color:"#111827"}},{children:"Why this is a conflict?"})),i("p",n({style:{margin:0,fontSize:"11px",color:"#6B7280"}},{children:"Here is why this was picked"}))]}))]})),i(s,{size:16,style:{transform:w.reasoning?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",color:"#9CA3AF"}})]})),w.reasoning&&i("div",n({style:{padding:"0 16px 16px 60px",fontSize:"12px",color:"#4B5563",lineHeight:"1.5"}},{children:i(c,n({components:j,rehypePlugins:z,remarkPlugins:I},{children:v}))}))]})),k&&t("div",{children:[t("button",n({onClick:function(){return A("gap")},style:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%",padding:"12px 16px",border:"none",background:"none",cursor:"pointer"}},{children:[t("div",n({style:{display:"flex",gap:"12px",alignItems:"center"}},{children:[i(g,{}),t("div",n({style:{textAlign:"left"}},{children:[i("h4",n({style:{margin:0,fontSize:"13px",fontWeight:600,color:"#111827"}},{children:"Gap"})),i("p",n({style:{margin:0,fontSize:"11px",color:"#6B7280"}},{children:"Here is what’s missing or needs clarification"}))]}))]})),i(s,{size:16,style:{transform:w.gap?"rotate(180deg)":"rotate(0deg)",transition:"transform 0.2s",color:"#9CA3AF"}})]})),w.gap&&i("div",n({style:{padding:"0 16px 16px 60px",fontSize:"12px",color:"#4B5563",lineHeight:"1.5"}},{children:i(c,n({components:j,rehypePlugins:z,remarkPlugins:I},{children:k}))}))]})]}))});y.displayName="ConflictReasoningCard";export{y as ConflictReasoningCard};
 //# sourceMappingURL=ConflictingReasoningCard.js.map

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

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

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

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

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

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

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

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

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

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