@copart/ops-tool-kit 1.10.20-alpha.2 → 1.10.20-alpha.4

package/dist/ops-tool-kit.js

@@ -33,7 +33,7 @@ var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 
 const name$f = "@copart/ops-tool-kit";
-const version$5 = "1.10.20-alpha.2";
+const version$5 = "1.10.20-alpha.4";
 const main$1 = "dist/ops-tool-kit.js";
 const style = "dist/ops-tool-kit.css";
 const files = [
@@ -43058,7 +43058,7 @@ var GoHome = function GoHome(props) {
   }, props.reason));
 };
 
-var css_248z$2 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n  position: absolute;\r\n  right: 50px;\r\n  bottom: 30px;\r\n  z-index: 9999;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0px;\r\n  background: #1d5ab9;\r\n  border-radius: 50%;\r\n  width: 60px;\r\n  height: 60px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 5px solid #fff;\r\n  box-shadow: 0 0px 6px #c1c1c1;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 68px;\r\n  box-shadow: 0 0px 6px #c1c1c1;\r\n  height: 600px;\r\n  width: 500px;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader {\r\n  background: #1d5ab9;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 15px;\r\n  align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  color: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody {\r\n  flex: 1;\r\n  padding: 12px 36px;\r\n  overflow: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible {\r\n  padding-top: 56px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n  padding: 8px 0;\r\n  border-bottom: 1px solid #d1d1d1;\r\n  display: flex;\r\n  justify-content: end;\r\n  align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n  position: absolute;\r\n  width: calc(100% - 72px);\r\n  top: 57px;\r\n  background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messagesContainer {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 16px;\r\n  gap: 16px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton {\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  cursor: pointer;\r\n  border: 1px solid #d1d1d1;\r\n  border-radius: 4px;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user {\r\n  justify-content: flex-end;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion {\r\n  margin-top: 5px;\r\n  margin-left: 36px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 12px;\r\n  gap: 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer {\r\n  max-width: 95%;\r\n  word-break: break-all;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion {\r\n  border: 1px solid #3261bd;\r\n  border-radius: 16px;\r\n  padding: 6px 8px;\r\n  font-size: 14px;\r\n  color: #3261bd;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon {\r\n  width: 26px;\r\n  border-radius: 50%;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n  background-color: #f5f5f5;\r\n  border-radius: 0px 12px 12px 12px;\r\n  padding: 10px 15px;\r\n  max-width: 85%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error {\r\n  border: 1px solid #f1bbbc;\r\n  background: #fdf6f6;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n  background: #3261bd;\r\n  color: #fff;\r\n  border-radius: 12px 0px 12px 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p {\r\n  margin: 0;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p a {\r\n  color: #1e54ad;\r\n  text-decoration: underline;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ol,\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ul {\r\n  padding-left: 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter {\r\n  border-top: 1px solid #d1d1d1;\r\n  padding: 16px 24px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer {\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  padding: 10px 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled {\r\n  background-color: #fafafa;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input {\r\n  border: none;\r\n  outline: none;\r\n  flex-grow: 1;\r\n  font-size: 14px !important;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-webkit-input-placeholder {\r\n  color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-moz-placeholder {\r\n  color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-ms-input-placeholder {\r\n  color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::placeholder {\r\n  color: #757575;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 10px;\r\n  width: 75px;\r\n  background-color: #f5f5f5;\r\n  border-radius: 0px 12px 12px 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  margin: 0 3px;\r\n  background-color: #3261bd;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  -webkit-animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n          animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(1) {\r\n  -webkit-animation-delay: -0.32s;\r\n          animation-delay: -0.32s;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(2) {\r\n  -webkit-animation-delay: -0.16s;\r\n          animation-delay: -0.16s;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n  0%,\r\n  80%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n  }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n  0%,\r\n  80%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n  }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n    right: 20px;\r\n    bottom: 100px;\r\n  }\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--iphoneChrome {\r\n    bottom: 125px;\r\n  }\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 450px;\r\n  }\r\n}\r\n\r\n@media (max-width: 475px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 400px;\r\n  }\r\n}\r\n\r\n@media (max-width: 425px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 350px;\r\n  }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 325px;\r\n  }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 300px;\r\n  }\r\n}\r\n\r\n@media (max-width: 325px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 275px;\r\n  }\r\n}\r\n";
+var css_248z$2 = ".utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper {\r\n  position: absolute;\r\n  /* right: 50px;\r\n  bottom: 30px; */\r\n  z-index: 9999;\r\n  height: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon {\r\n  position: absolute;\r\n  right: 0;\r\n  bottom: 0px;\r\n  background: #1d5ab9;\r\n  border-radius: 50%;\r\n  width: 60px;\r\n  height: 60px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border: 5px solid #fff;\r\n  box-shadow: 0 0px 6px #c1c1c1;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n  position: absolute;\r\n  /* right: 0;\r\n  bottom: 68px; */\r\n  box-shadow: 0 0px 6px #c1c1c1;\r\n  height: 600px;\r\n  width: 500px;\r\n  border-radius: 8px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader {\r\n  background: #1d5ab9;\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 15px;\r\n  align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--title {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  line-height: 22px;\r\n  color: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody {\r\n  flex: 1;\r\n  padding: 12px 36px;\r\n  overflow: auto;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible {\r\n  padding-top: 56px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n  padding: 8px 0;\r\n  border-bottom: 1px solid #d1d1d1;\r\n  display: flex;\r\n  justify-content: end;\r\n  align-items: center;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatVisible .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer {\r\n  position: absolute;\r\n  width: calc(100% - 72px);\r\n  top: 57px;\r\n  background: #fff;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messagesContainer {\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 16px;\r\n  gap: 16px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatContainer .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--newChatButton {\r\n  display: flex;\r\n  align-items: center;\r\n  grid-gap: 6px;\r\n  gap: 6px;\r\n  cursor: pointer;\r\n  border: 1px solid #d1d1d1;\r\n  border-radius: 4px;\r\n  padding: 6px 12px;\r\n  font-weight: 600;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message {\r\n  display: flex;\r\n  align-items: flex-start;\r\n  grid-gap: 10px;\r\n  gap: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user {\r\n  justify-content: flex-end;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--welcomeQuestion {\r\n  margin-top: 5px;\r\n  margin-left: 36px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions {\r\n  display: flex;\r\n  flex-direction: column;\r\n  grid-gap: 12px;\r\n  gap: 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionWrapper {\r\n  display: flex;\r\n  flex-direction: row-reverse;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestionContainer {\r\n  max-width: 95%;\r\n  word-break: break-all;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestions .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--quickQuestion {\r\n  border: 1px solid #3261bd;\r\n  border-radius: 16px;\r\n  padding: 6px 8px;\r\n  font-size: 14px;\r\n  color: #3261bd;\r\n  cursor: pointer;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon {\r\n  width: 26px;\r\n  border-radius: 50%;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n  background-color: #f5f5f5;\r\n  border-radius: 0px 12px 12px 12px;\r\n  padding: 10px 15px;\r\n  max-width: 85%;\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error {\r\n  border: 1px solid #f1bbbc;\r\n  background: #fdf6f6;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--message.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--user .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble {\r\n  background: #3261bd;\r\n  color: #fff;\r\n  border-radius: 12px 0px 12px 12px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer {\r\n  display: flex;\r\n  grid-gap: 8px;\r\n  gap: 8px;\r\n  margin-top: 10px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p {\r\n  margin: 0;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p a {\r\n  color: #1e54ad;\r\n  text-decoration: underline;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ol,\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowBody .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble p ul {\r\n  padding-left: 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter {\r\n  border-top: 1px solid #d1d1d1;\r\n  padding: 16px 24px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer {\r\n  display: flex;\r\n  align-items: center;\r\n  border: 1px solid #ddd;\r\n  border-radius: 12px;\r\n  padding: 10px 15px;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled {\r\n  background-color: #fafafa;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input {\r\n  border: none;\r\n  outline: none;\r\n  flex-grow: 1;\r\n  font-size: 14px !important;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-webkit-input-placeholder {\r\n  color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-moz-placeholder {\r\n  color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::-ms-input-placeholder {\r\n  color: #757575;\r\n}\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer input:disabled::placeholder {\r\n  color: #757575;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 10px;\r\n  width: 75px;\r\n  background-color: #f5f5f5;\r\n  border-radius: 0px 12px 12px 12px;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot {\r\n  width: 8px;\r\n  height: 8px;\r\n  margin: 0 3px;\r\n  background-color: #3261bd;\r\n  border-radius: 50%;\r\n  display: inline-block;\r\n  -webkit-animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n          animation: utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce 1.2s infinite ease-in-out both;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(1) {\r\n  -webkit-animation-delay: -0.32s;\r\n          animation-delay: -0.32s;\r\n}\r\n\r\n.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatbotLoader .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--dot:nth-child(2) {\r\n  -webkit-animation-delay: -0.16s;\r\n          animation-delay: -0.16s;\r\n}\r\n\r\n@-webkit-keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n  0%,\r\n  80%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n  }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n  }\r\n}\r\n\r\n@keyframes utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--bounce {\r\n  0%,\r\n  80%,\r\n  100% {\r\n    -webkit-transform: scale(0);\r\n            transform: scale(0);\r\n  }\r\n  40% {\r\n    -webkit-transform: scale(1);\r\n            transform: scale(1);\r\n  }\r\n}\r\n\r\n@media (max-width: 575px) {\r\n  /* .mihelpAgentWrapper {\r\n    right: 20px;\r\n    bottom: 100px;\r\n  } */\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper.utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--iphoneChrome {\r\n    bottom: 125px;\r\n  }\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 450px;\r\n  }\r\n}\r\n\r\n@media (max-width: 475px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 400px;\r\n  }\r\n}\r\n\r\n@media (max-width: 425px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 350px;\r\n  }\r\n}\r\n\r\n@media (max-width: 375px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 325px;\r\n  }\r\n}\r\n\r\n@media (max-width: 350px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 300px;\r\n  }\r\n}\r\n\r\n@media (max-width: 325px) {\r\n  .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--mihelpAgentWrapper .utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow {\r\n    width: 275px;\r\n  }\r\n}\r\n";
 styleInject(css_248z$2);
 
 var _styleModuleImportMap$1 = {
@@ -43083,6 +43083,7 @@ var _styleModuleImportMap$1 = {
     "agentIcon": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--agentIcon",
     "messageBubble": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--messageBubble",
     "error": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--error",
+    "feedbackContainer": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--feedbackContainer",
     "chatWindowFooter": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowFooter",
     "inputContainer": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--inputContainer",
     "disabled": "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--disabled",
@@ -43100,7 +43101,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
       _ref$systemPrompt = _ref.systemPrompt,
       systemPrompt = _ref$systemPrompt === void 0 ? '' : _ref$systemPrompt,
       _ref$contextMessagesC = _ref.contextMessagesCount,
-      contextMessagesCount = _ref$contextMessagesC === void 0 ? 5 : _ref$contextMessagesC;
+      contextMessagesCount = _ref$contextMessagesC === void 0 ? 5 : _ref$contextMessagesC,
+      mihelpAgentRef = _ref.mihelpAgentRef;
 
   var _useState = React.useState(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -43139,10 +43141,295 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
       message = _useState14[0],
       setMessage = _useState14[1];
 
+  var _useState15 = React.useState(null),
+      _useState16 = _slicedToArray(_useState15, 2),
+      currentContext = _useState16[0],
+      setCurrentContext = _useState16[1];
+
+  var _useState17 = React.useState({}),
+      _useState18 = _slicedToArray(_useState17, 2);
+      _useState18[0];
+      var setFeedbacks = _useState18[1];
+
+  var _useState19 = React.useState({
+    x: 0,
+    y: 0
+  }),
+      _useState20 = _slicedToArray(_useState19, 2),
+      position = _useState20[0],
+      setPosition = _useState20[1];
+
+  var _useState21 = React.useState({
+    x: 50,
+    y: -68
+  }),
+      _useState22 = _slicedToArray(_useState21, 2),
+      chatPosition = _useState22[0],
+      setChatPosition = _useState22[1];
+
+  var _useState23 = React.useState(false),
+      _useState24 = _slicedToArray(_useState23, 2),
+      isDragging = _useState24[0],
+      setIsDragging = _useState24[1];
+
+  var _useState25 = React.useState({
+    x: 0,
+    y: 0
+  }),
+      _useState26 = _slicedToArray(_useState25, 2),
+      offset = _useState26[0],
+      setOffset = _useState26[1];
+
+  var _useState27 = React.useState(false),
+      _useState28 = _slicedToArray(_useState27, 2),
+      dragged = _useState28[0],
+      setDragged = _useState28[1];
+
+  var _useState29 = React.useState(500),
+      _useState30 = _slicedToArray(_useState29, 2),
+      chatWindowWidth = _useState30[0],
+      setChatWindowWidth = _useState30[1];
+
+  var _useState31 = React.useState(0),
+      _useState32 = _slicedToArray(_useState31, 2),
+      windowInnerWidthForMobile = _useState32[0],
+      setWindowInnerWidthForMobile = _useState32[1];
+
+  var chatWindowHeight = 600; //update this if changed in css
+
+  var chatIconSize = 60; //update this if changed in css
+
+  React.useEffect(function () {
+    var updateChatWindowWidth = function updateChatWindowWidth() {
+      var width = window.innerWidth;
+      var newWidth = 500; //Update these values if changed in css
+
+      if (width <= 575) newWidth = 450;
+      if (width <= 475) newWidth = 400;
+      if (width <= 425) newWidth = 350;
+      if (width <= 375) newWidth = 325;
+      if (width <= 350) newWidth = 300;
+      if (width <= 325) newWidth = 275;
+      setChatWindowWidth(newWidth);
+      setWindowInnerWidthForMobile(width);
+    };
+
+    updateChatWindowWidth();
+    window.addEventListener('resize', updateChatWindowWidth);
+    return function () {
+      return window.removeEventListener('resize', updateChatWindowWidth);
+    };
+  }, []);
+  React.useEffect(function () {
+    var updateInitialPosition = function updateInitialPosition() {
+      var bufferForMobile = window.innerWidth <= 575 ? 40 : 0;
+      setPosition({
+        x: window.innerWidth - chatIconSize + bufferForMobile,
+        y: window.innerHeight - chatIconSize + 30
+      });
+    };
+
+    updateInitialPosition();
+    window.addEventListener('resize', updateInitialPosition);
+    return function () {
+      return window.removeEventListener('resize', updateInitialPosition);
+    };
+  }, []);
+
+  var handleStart = function handleStart(e) {
+    var target = e.target;
+
+    if (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA') {
+      return;
+    }
+
+    e.preventDefault();
+    setIsDragging(true);
+    setDragged(false);
+    var clientX = e.touches ? e.touches[0].clientX : e.clientX;
+    var clientY = e.touches ? e.touches[0].clientY : e.clientY;
+    setOffset({
+      x: clientX - position.x,
+      y: clientY - position.y
+    });
+  };
+
+  var handleMove = function handleMove(e) {
+    var _e$target;
+
+    if (e === null || e === void 0 ? void 0 : (_e$target = e.target) === null || _e$target === void 0 ? void 0 : _e$target.closest('#chatCloseIcon')) return;
+
+    if (isDragging) {
+      setDragged(true);
+      var clientX = e.touches ? e.touches[0].clientX : e.clientX;
+      var clientY = e.touches ? e.touches[0].clientY : e.clientY;
+      var newX = clientX - offset.x;
+      var newY = clientY - offset.y; // chat icon has to stay within set screen bounds
+
+      newX = Math.max(chatIconSize + 10, Math.min(newX, window.innerWidth - 20));
+      newY = Math.max(chatIconSize + 20, Math.min(newY, window.innerHeight - chatIconSize + 30));
+      setPosition({
+        x: newX,
+        y: newY
+      });
+    }
+  };
+
+  var handleEnd = function handleEnd() {
+    setIsDragging(false);
+    setTimeout(function () {
+      return setDragged(false);
+    }, 100);
+  };
+
+  React.useEffect(function () {
+    if (!isDragging) {
+      adjustChatWindowPosition();
+
+      if (showChatWindow) {
+        adjustChatIconPosition();
+      }
+    }
+  }, [isDragging, position, showChatWindow]);
+  React.useEffect(function () {
+    var isMobile = window.innerWidth < 575;
+
+    if (showChatWindow && isMobile && !dragged) {
+      adjustChatWindowPosition();
+    }
+  }, [position, dragged]);
+
+  var adjustChatWindowPosition = function adjustChatWindowPosition() {
+    var bufferForMobile = window.innerWidth <= 575 ? 40 : 0; // let chatX = 0 - chatIconSize + bufferForMobile
+
+    var chatX = 0 - chatIconSize;
+    var chatY = -chatWindowHeight - chatIconSize - 10; // Default: Open above
+    // Adjust horizontally
+
+    if (position.x + chatWindowWidth > window.innerWidth + bufferForMobile) {
+      chatX = -chatWindowWidth; // Move left if overflowing right
+    } // Adjust vertically
+
+
+    if (position.y < chatWindowHeight) {
+      chatY = 10; // Move below if there's not enough space above
+    }
+
+    setChatPosition({
+      x: chatX,
+      y: chatY
+    });
+  };
+
+  var adjustChatIconPosition = function adjustChatIconPosition() {
+    var newX = position.x;
+    var newY = position.y;
+    var isMobile = windowInnerWidthForMobile < 575;
+    var middleX = windowInnerWidthForMobile / 2; // Middle of the screen
+
+    var closerToLeft = position.x < middleX; // Check if icon is closer to left or right
+    // Move chat icon up if chat window is overflowing at the bottom
+
+    if (position.y < chatWindowHeight && window.innerHeight - position.y < chatWindowHeight) {
+      newY = position.y - (chatWindowHeight - (window.innerHeight - position.y)) - 20;
+    } // Move chat icon down if chat window is overflowing at the top
+    else if (position.y > chatWindowHeight && position.y < chatWindowHeight + chatIconSize + 10) {
+        newY = chatWindowHeight + chatIconSize + 20;
+      } // In Mobile, move chat icon to the nearest screen edge (left or right)
+
+
+    if (isMobile) {
+      newX = closerToLeft ? 70 : windowInnerWidthForMobile - 10;
+    }
+
+    if (newX !== position.x || newY !== position.y) {
+      setPosition({
+        x: newX,
+        y: newY
+      });
+    }
+  };
+
   React.useEffect(function () {
-    var conversationsFromSession = storage$1.getSessionItem('mihelpAgentConversations');
+    if (isDragging) {
+      document.addEventListener('mousemove', handleMove);
+      document.addEventListener('mouseup', handleEnd);
+      document.addEventListener('touchmove', handleMove, {
+        passive: false
+      });
+      document.addEventListener('touchend', handleEnd);
+    } else {
+      document.removeEventListener('mousemove', handleMove);
+      document.removeEventListener('mouseup', handleEnd);
+      document.removeEventListener('touchmove', handleMove);
+      document.removeEventListener('touchend', handleEnd);
+    }
+
+    return function () {
+      document.removeEventListener('mousemove', handleMove);
+      document.removeEventListener('mouseup', handleEnd);
+      document.removeEventListener('touchmove', handleMove);
+      document.removeEventListener('touchend', handleEnd);
+    };
+  }, [isDragging]);
+
+  var handleChatIconClick = function handleChatIconClick() {
+    if (!dragged) {
+      setShowChatWindow(function (prev) {
+        return !prev;
+      });
+    }
+  };
+
+  React.useEffect(function () {
+    if (showChatWindow) {
+      adjustChatIconPosition();
+    }
+  }, [showChatWindow]);
+  React.useEffect(function () {
+    var conversationsFromSession = storage$1.getLocalItem('mihelpAgentConversations');
     var conversationsToBeSaved = !isEmpty$2(conversationsFromSession) ? conversationsFromSession : [];
     setConversations(conversationsToBeSaved);
+    var feedbacksFromSession = storage$1.getLocalItem('mihelpAgentFeedbacks');
+    var feedbacksToBeSaved = !isEmpty$2(feedbacksFromSession) ? feedbacksFromSession : {};
+    setFeedbacks(feedbacksToBeSaved);
+
+    if (conversationsToBeSaved.length) {
+      var _systemPrompts;
+
+      var systemPrompts = conversationsToBeSaved.filter(function (c) {
+        return (c === null || c === void 0 ? void 0 : c.role) === 'system';
+      });
+      var latestPrompt = ((_systemPrompts = systemPrompts[systemPrompts.length - 1]) === null || _systemPrompts === void 0 ? void 0 : _systemPrompts.content) || '';
+      var match = latestPrompt.match(/<context>\s*([\s\S]*?)\s*<\/context>/);
+
+      if (match) {
+        var latestContext = {};
+
+        try {
+          latestContext = JSON.parse(match[1]);
+        } catch (e) {
+          console.log('context parse error', e);
+        }
+
+        if (!isEmpty$2(latestContext)) {
+          setCurrentContext(latestContext);
+        }
+      } else {
+        console.log('No context found');
+      }
+    }
+
+    if (mihelpAgentRef && _typeof(mihelpAgentRef) === 'object') {
+      mihelpAgentRef.current = {
+        openChat: function openChat() {
+          return setShowChatWindow(true);
+        },
+        closeChat: function closeChat() {
+          return setShowChatWindow(false);
+        }
+      };
+    }
   }, []);
   var chatBodyRef = React.useRef(null);
 
@@ -43161,7 +43448,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
         context = storage$1.appContext;
       }
     } catch (e) {
-      console.log('App context error, ', storage$1.appContext);
+      console.log('App context error');
     }
 
     return frontEndUtils.string.substitute(systemPrompt, {
@@ -43175,7 +43462,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
     var _ref2 = _asyncToGenerator(
     /*#__PURE__*/
     regenerator.mark(function _callee(messages) {
-      var _storage$getLocalItem, _storage$getLocalItem2, _response$data, newMessages, payload, endpoint, response, newConversations;
+      var _window$toolkitEnv, _window$toolkitEnv2, _window$toolkitEnv3, _storage$getLocalItem, _storage$getLocalItem2, _response$data, newMessages, isCoreApp, appTiles, appName, appData, appAuthName, messagesWithOutId, payload, endpoint, response, newConversations;
 
       return regenerator.wrap(function _callee$(_context) {
         while (1) {
@@ -43187,43 +43474,74 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
               newMessages = _toConsumableArray(messages);
 
               if (systemPrompt && typeof systemPrompt === 'string') {
-                newMessages.unshift({
-                  role: 'system',
-                  content: getSystemPrompt()
-                });
+                if (!currentContext) {
+                  newMessages.unshift({
+                    role: 'system',
+                    content: getSystemPrompt()
+                  });
+
+                  if (!isEmpty$2(storage$1.appContext)) {
+                    setCurrentContext(storage$1.appContext);
+                  }
+                } else if (!equals$1(currentContext, storage$1.appContext)) {
+                  setCurrentContext(storage$1.appContext);
+                  newMessages.splice(newMessages.length - 1, 0, {
+                    role: 'system',
+                    content: getSystemPrompt()
+                  });
+                }
               }
 
+              isCoreApp = ((_window$toolkitEnv = window.toolkitEnv) === null || _window$toolkitEnv === void 0 ? void 0 : _window$toolkitEnv.IS_CORE_APP) ? window.toolkitEnv.IS_CORE_APP : process.env.IS_CORE_APP;
+              appTiles = storage$1.getLocalItem('opsportal-core:config').tiles || [];
+              appName = ((_window$toolkitEnv2 = window.toolkitEnv) === null || _window$toolkitEnv2 === void 0 ? void 0 : _window$toolkitEnv2.APP_NAME) ? window.toolkitEnv.APP_NAME : process.env.APP_NAME;
+              appData = appTiles.find(function (tile) {
+                if (tile.appName) {
+                  return tile.appName === appName;
+                } else {
+                  return tile.path === "/".concat(appName);
+                }
+              });
+              appAuthName = appData ? appData.appAuthName : ((_window$toolkitEnv3 = window.toolkitEnv) === null || _window$toolkitEnv3 === void 0 ? void 0 : _window$toolkitEnv3.APP_AUTH_NAME) ? window.toolkitEnv.APP_AUTH_NAME : process.env.APP_AUTH_NAME;
+              messagesWithOutId = newMessages.map(function (m) {
+                return {
+                  role: m === null || m === void 0 ? void 0 : m.role,
+                  content: m === null || m === void 0 ? void 0 : m.content
+                };
+              });
               payload = {
-                messages: newMessages,
+                messages: messagesWithOutId,
                 collection: collection,
-                last_n: contextMessagesCount
+                last_n: contextMessagesCount,
+                appName: isCoreApp ? 'g2Home' : appAuthName
               };
               endpoint = (_storage$getLocalItem = storage$1.getLocalItem('opsportal-core:config')) === null || _storage$getLocalItem === void 0 ? void 0 : (_storage$getLocalItem2 = _storage$getLocalItem.endpoints) === null || _storage$getLocalItem2 === void 0 ? void 0 : _storage$getLocalItem2.mihelpChat;
-              _context.next = 9;
+              _context.next = 15;
               return fetcher.post(endpoint, payload, {
                 headers: {
                   'Content-Type': 'application/json'
                 }
               });
 
-            case 9:
+            case 15:
               response = _context.sent;
               setIsLoading(false);
-              newConversations = [].concat(_toConsumableArray(messages), [{
+              newConversations = [].concat(_toConsumableArray(newMessages), [{
                 role: 'assistant',
-                content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content
+                content: response === null || response === void 0 ? void 0 : (_response$data = response.data) === null || _response$data === void 0 ? void 0 : _response$data.content,
+                id: nonSecure()
               }]);
               setConversations(newConversations);
-              storage$1.setSessionItem('mihelpAgentConversations', newConversations);
-              _context.next = 28;
+              storage$1.setLocalItem('mihelpAgentConversations', newConversations);
+              _context.next = 34;
               break;
 
-            case 16:
-              _context.prev = 16;
+            case 22:
+              _context.prev = 22;
               _context.t0 = _context["catch"](2);
 
               if (!(retryCount.current < 3)) {
-                _context.next = 24;
+                _context.next = 30;
                 break;
               }
 
@@ -43231,18 +43549,18 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
               send(messages);
               return _context.abrupt("return");
 
-            case 24:
+            case 30:
               retryCount.current = 0;
               setMessageError(true);
               setIsLoading(false);
               console.log(_context.t0);
 
-            case 28:
+            case 34:
             case "end":
               return _context.stop();
           }
         }
-      }, _callee, null, [[2, 16]]);
+      }, _callee, null, [[2, 22]]);
     }));
 
     return function send(_x) {
@@ -43308,7 +43626,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
 
   var handleNewConversation = function handleNewConversation() {
     setConversations([]);
-    storage$1.setSessionItem('mihelpAgentConversations', []);
+    storage$1.setLocalItem('mihelpAgentConversations', []);
+    storage$1.setLocalItem('mihelpAgentFeedbacks', {});
     setMessageError(false);
   };
 
@@ -43319,12 +43638,23 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
     return isIPhone && isChrome;
   };
 
-  return React__default["default"].createElement("div", {
+  var chatbotUI = React__default["default"].createElement("div", {
+    onMouseDown: handleStart,
+    onTouchStart: handleStart,
+    style: {
+      left: "".concat(position.x, "px"),
+      top: "".concat(position.y, "px"),
+      cursor: 'grab'
+    },
     className: _getClassName("mihelpAgentWrapper ".concat(isChromeOnIPhone() ? 'iphoneChrome' : ''), _styleModuleImportMap$1, {
       "handleMissingStyleName": "warn"
     })
   }, showChatWindow && React__default["default"].createElement("div", {
-    className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow"
+    className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindow",
+    style: {
+      left: "".concat(chatPosition.x, "px"),
+      top: "".concat(chatPosition.y, "px")
+    }
   }, React__default["default"].createElement("div", {
     className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatWindowHeader"
   }, React__default["default"].createElement("span", {
@@ -43332,7 +43662,8 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
   }, "MiHelp Bot"), React__default["default"].createElement("span", {
     onClick: function onClick() {
       return setShowChatWindow(false);
-    }
+    },
+    id: "chatCloseIcon"
   }, React__default["default"].createElement(coreComponents.IconV2, {
     name: "xmark",
     variant: "light",
@@ -43398,7 +43729,9 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
   })), function () {
     var userCount = 0;
     var agentCount = 2;
-    return conversations.map(function (conversation) {
+    return conversations.filter(function (c) {
+      return (c === null || c === void 0 ? void 0 : c.role) !== 'system';
+    }).map(function (conversation) {
       var isUser = (conversation === null || conversation === void 0 ? void 0 : conversation.role) === 'user';
       var testId = isUser ? "user-message-".concat(++userCount) : "agent-message-".concat(++agentCount);
       return React__default["default"].createElement("div", {
@@ -43479,9 +43812,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
     disabled: isLoading || collectionError
   }))))), React__default["default"].createElement("span", {
     className: "utilities_ops-app-frame_MiHelpAgent_MiHelpAgent--chatIcon",
-    onClick: function onClick() {
-      return setShowChatWindow(!showChatWindow);
-    }
+    onClick: handleChatIconClick
   }, React__default["default"].createElement(coreComponents.IconV2, {
     name: "comment-sparkle-custom",
     variant: "light",
@@ -43490,6 +43821,7 @@ var MiHelpAgent = function MiHelpAgent(_ref) {
       fontSize: '22px'
     }
   })));
+  return ReactDOM__default["default"].createPortal(chatbotUI, document.body);
 };
 
 var css_248z$1 = ".utilities_ops-app-frame_AppFrame_AppFrame--AppFrame {\r\n  background: var(--paleGray);\r\n  background: var(--paleGray);\r\n  height: 100vh;\r\n  max-height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex-basis: 0;\r\n}\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--header {\r\n  flex: 0 1 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n/* Wrapper that contains the app being developed. */\r\n\r\n.utilities_ops-app-frame_AppFrame_AppFrame--AppContainer {\r\n  flex: 1 1 auto;\r\n}\r\n";
@@ -43522,7 +43854,7 @@ var SCROLL = {
 var NO_SCROLL = {};
 var defaultSystemPrompt = 'Format all of the subsequent AI responses in valid HTML5, without markdown code blocks or any additional formatting, ensuring that the response consists only of raw HTML tags. Format your response in this structure:<html> <p> Your answer here </p> </html>';
 var AppFrame = function AppFrame(props) {
-  var _props$mihelpAgentPro, _props$mihelpAgentPro2, _props$mihelpAgentPro3, _props$mihelpAgentPro4;
+  var _props$mihelpAgentPro, _props$mihelpAgentPro2, _props$mihelpAgentPro3, _props$mihelpAgentPro4, _props$mihelpAgentPro5;
 
   // Check if the child AppBar is mounted
   var _useState = React.useState(false),
@@ -43581,7 +43913,8 @@ var AppFrame = function AppFrame(props) {
     quickReplies: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro = props.mihelpAgentProps) === null || _props$mihelpAgentPro === void 0 ? void 0 : _props$mihelpAgentPro.quickReplies,
     collection: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro2 = props.mihelpAgentProps) === null || _props$mihelpAgentPro2 === void 0 ? void 0 : _props$mihelpAgentPro2.collection,
     systemPrompt: (props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro3 = props.mihelpAgentProps) === null || _props$mihelpAgentPro3 === void 0 ? void 0 : _props$mihelpAgentPro3.systemPrompt) || defaultSystemPrompt,
-    contextMessagesCount: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro4 = props.mihelpAgentProps) === null || _props$mihelpAgentPro4 === void 0 ? void 0 : _props$mihelpAgentPro4.contextMessagesCount
+    contextMessagesCount: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro4 = props.mihelpAgentProps) === null || _props$mihelpAgentPro4 === void 0 ? void 0 : _props$mihelpAgentPro4.contextMessagesCount,
+    mihelpAgentRef: props === null || props === void 0 ? void 0 : (_props$mihelpAgentPro5 = props.mihelpAgentProps) === null || _props$mihelpAgentPro5 === void 0 ? void 0 : _props$mihelpAgentPro5.mihelpAgentRef
   })))));
 };
 AppFrame.defaultProps = {