impact-ui 5.0.1-chart.1 → 5.0.2-alpha.1

package/dist/components/TableChat/components/TableChatRightSection/ChatDefaultMessageType/ChatDefaultMessageType.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-message .message-text{background-color:#eceefd;border-radius:10px;box-shadow:0 1px 2px #0000000f;color:#1f2b4d;flex-shrink:0;font-size:14px;line-height:1.4;max-width:100%;overflow-wrap:break-word;padding:8px 12px;transition:box-shadow .25s ease,transform .2s ease,background-color .25s ease;white-space:pre-wrap;width:fit-content;word-break:normal}.chat-message .message-text:hover{box-shadow:0 2px 10px #00000014;transform:translateY(-1px)}.chat-message .message-text.highlighted-message-content{animation:highlightScalePulse 1.5s infinite;border:2px solid #4259ee;box-shadow:0 0 8px #4259ee4d}.chat-message .message-text .priority-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:12px}.chat-message .message-text .priority-container .priority-label{align-items:center;display:flex;font-size:14px;gap:4px}.chat-message .message-text.low{border-left:3px solid #31935f}.chat-message .message-text.medium{border-left:3px solid #e1bc29}.chat-message .message-text.high{border-left:3px solid #e15554}.chat-message .message-text.normal{border-left:3px solid #4259ee}.chat-message .message-text p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0 0 4px;text-align:left}.chat-message .message-text p:last-child{margin-bottom:0}.chat-message .message-text .message-content{display:block;margin:0;max-width:100%;width:auto}.chat-message .message-text .message-content p{color:#60697d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:160%;margin:0;text-align:left}.chat-message .message-text .message-content p:last-child{margin-bottom:0}.chat-message .message-text .message-content .mention{background-color:#4259ee1a;border:1px solid #4259ee4d;border-radius:4px;color:#4259ee;display:inline-block;font-weight:600;margin:0 2px;padding:0 6px;text-decoration:none;transition:all .2s ease}.chat-message .message-text .message-content .mention:hover{background-color:#4259ee26;border-color:#4259ee80}.chat-message .message-text .message-content strong{color:#60697d;font-weight:700}.chat-message .message-text .message-content em{color:#60697d;font-style:italic}.chat-message .message-text .message-content u{color:#60697d;text-decoration:underline}.chat-message .message-text .message-content mark{background-color:#fef3c7;border-radius:4px;color:#60697d;padding:2px 4px}.chat-message .message-text .message-content a{color:#4259ee;text-decoration:underline}.chat-message .message-text .message-content a:hover{color:#1531e8}.chat-message .message-text .message-content ol,.chat-message .message-text .message-content ul{margin:8px 0;padding-left:20px}.chat-message .message-text .message-content ol li,.chat-message .message-text .message-content ul li{color:#60697d;margin:4px 0}.chat-message .message-text .message-content h1,.chat-message .message-text .message-content h2,.chat-message .message-text .message-content h3,.chat-message .message-text .message-content h4,.chat-message .message-text .message-content h5,.chat-message .message-text .message-content h6{color:#60697d;font-weight:600;margin:12px 0 8px}.chat-message .message-text .message-content h1:first-child,.chat-message .message-text .message-content h2:first-child,.chat-message .message-text .message-content h3:first-child,.chat-message .message-text .message-content h4:first-child,.chat-message .message-text .message-content h5:first-child,.chat-message .message-text .message-content h6:first-child{margin-top:0}.chat-message .message-text .message-content h1{font-size:20px}.chat-message .message-text .message-content h2{font-size:18px}.chat-message .message-text .message-content h3{font-size:16px}.chat-message .message-text .message-content h4{font-size:15px}.chat-message .message-text .message-content h5{font-size:14px}.chat-message .message-text .message-content h6{font-size:13px}.chat-message .message-text .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-text .message-action-info-container .pin-button{display:flex;transition:opacity .2s ease,transform .2s ease}.chat-message .message-text .message-action-info-container .pin-button-hover{display:flex;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:scale(.85);transition:opacity .25s ease,max-width .25s ease,transform .25s ease}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{max-width:32px;opacity:1;pointer-events:auto;transform:scale(1)}.chat-message .flex-end{justify-content:flex-end;min-height:24px}.chat-message.assistant-message .message-text{background:linear-gradient(92.25deg,#f8f9fb -.92%,#f2f4fb 98.11%);color:#60697d;transition:box-shadow .25s ease,transform .2s ease,background-color .25s ease}.chat-message.assistant-message .message-text:hover{box-shadow:0 2px 10px #0000000f;transform:translateY(-1px)}.message-header{align-items:center;display:flex;gap:6px;justify-content:flex-end;margin-top:4px;transition:gap .25s ease}.message-header .message-action-container{align-items:center;display:flex;gap:4px;margin-right:auto;max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translate(6px);transition:opacity .25s ease,max-width .25s ease,transform .25s ease}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;transition:color .2s ease,transform .2s ease;width:14px}.message-header .message-action-container img:hover,.message-header .message-action-container svg:hover{color:#4259ee;transform:scale(1.08)}.message-header .message-action-container.visibility-enabled,.message-text:hover .message-action-container{max-width:96px;opacity:1;pointer-events:auto;transform:translate(0)}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{color:#7a8294;font-size:11px;font-variant-numeric:tabular-nums;font-weight:500;letter-spacing:.02em;opacity:.85;white-space:nowrap}.message-timestamp .edited-label{color:#7a8294;font-style:italic;font-weight:400;opacity:.75}@keyframes highlightScalePulse{0%{box-shadow:0 0 #4259ee00;transform:scale(1)}30%{box-shadow:0 0 12px #4259ee99;transform:scale(1.03)}60%{box-shadow:0 0 10px #4259ee66;transform:scale(.98)}to{box-shadow:0 0 8px #4259ee4d;transform:scale(1)}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-message .message-text{border-radius:12px;box-sizing:border-box;color:#1f2b4d;display:flex;flex-direction:column;flex-shrink:0;font-size:14px;font-weight:500;gap:4px;line-height:1.6;max-width:100%;overflow-wrap:break-word;padding:12px;white-space:pre-wrap;width:fit-content;word-break:normal}.chat-message .message-text.highlighted-message-content{animation:highlightScalePulse 1.5s infinite;border:2px solid #4259ee;box-shadow:0 0 8px #4259ee4d}.chat-message .message-text .message-author-name{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;margin:0;padding:0 8px;text-transform:capitalize}.chat-message .message-text .message-quote{background:#fff;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;padding:8px;width:100%}.chat-message .message-text .message-quote__author{color:#1f2b4d;font-size:14px;font-weight:500;line-height:20px;margin:0;text-transform:capitalize}.chat-message .message-text .message-quote__content{color:#60697d;font-size:14px;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0}.chat-message .message-text .message-quote__content p{color:#60697d;margin:0}.chat-message .message-text .priority-container{align-items:center;display:flex;justify-content:flex-start;margin-bottom:8px}.chat-message .message-text .priority-container .priority-label{align-items:center;display:flex;font-size:14px;gap:4px}.chat-message .message-text.low{border-left:3px solid #31935f}.chat-message .message-text.medium{border-left:3px solid #e1bc29}.chat-message .message-text.high{border-left:3px solid #e15554}.chat-message .message-text.normal{border-left:3px solid #4259ee}.chat-message .message-text .message-body-text{color:#1f2b4d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0;text-align:left}.chat-message .message-text .message-body{box-sizing:border-box;display:block;margin:0;max-width:100%;width:auto}.chat-message .message-text .message-body p{color:#1f2b4d;font-size:14px;font-style:normal;font-weight:500;letter-spacing:.14px;line-height:1.6;margin:0;text-align:left}.chat-message .message-text .message-body .mention{background-color:#4259ee1a;border:1px solid #4259ee4d;border-radius:4px;color:#4259ee;display:inline-block;font-weight:600;margin:0 2px;padding:0 6px;text-decoration:none}.chat-message .message-text .message-body strong{color:#1f2b4d;font-weight:700}.chat-message .message-text .message-body em{color:#1f2b4d;font-style:italic}.chat-message .message-text .message-body u{color:#1f2b4d;text-decoration:underline}.chat-message .message-text .message-body mark{background-color:#fef3c7;border-radius:4px;color:#1f2b4d;padding:2px 4px}.chat-message .message-text .message-body a{color:#4259ee;text-decoration:underline}.chat-message .message-text .message-body a:hover{color:#1531e8}.chat-message .message-text .message-body ol,.chat-message .message-text .message-body ul{margin:8px 0;padding-left:20px}.chat-message .message-text .message-body ol li,.chat-message .message-text .message-body ul li{color:#1f2b4d;margin:4px 0}.chat-message .message-text .message-body h1,.chat-message .message-text .message-body h2,.chat-message .message-text .message-body h3,.chat-message .message-text .message-body h4,.chat-message .message-text .message-body h5,.chat-message .message-text .message-body h6{color:#1f2b4d;font-weight:600;margin:12px 0 8px}.chat-message .message-text .message-body h1:first-child,.chat-message .message-text .message-body h2:first-child,.chat-message .message-text .message-body h3:first-child,.chat-message .message-text .message-body h4:first-child,.chat-message .message-text .message-body h5:first-child,.chat-message .message-text .message-body h6:first-child{margin-top:0}.chat-message .message-text .message-body h1{font-size:20px}.chat-message .message-text .message-body h2{font-size:18px}.chat-message .message-text .message-body h3{font-size:16px}.chat-message .message-text .message-body h4{font-size:15px}.chat-message .message-text .message-body h5{font-size:14px}.chat-message .message-text .message-body h6{font-size:13px}.chat-message .message-text .message-header{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:0;min-height:24px;width:100%}.chat-message .message-text .message-action-info-container{align-items:center;display:flex;gap:8px}.chat-message .message-text .message-action-info-container .pin-button{display:flex}.chat-message .message-text .message-action-info-container .pin-button-hover{display:flex;max-width:0;opacity:0;overflow:hidden;pointer-events:none}.chat-message .message-text:hover .message-action-info-container .pin-button-hover{max-width:32px;opacity:1;pointer-events:auto}.chat-message .flex-end{justify-content:flex-end;min-height:24px}.chat-message.assistant-message .message-text{background:linear-gradient(94.95deg,#f8f9fb .92%,#f6f7fa 98.11%);color:#1f2b4d;max-width:478px}.chat-message.assistant-message .message-text .message-body,.chat-message.assistant-message .message-text .message-body-text{background:#f8f9fb;border-radius:8px;box-sizing:border-box;padding:8px;width:100%}.chat-message.user-message .message-text{background:linear-gradient(91.97deg,#dfe7ff66 .67%,#e4d8ff52,#ffcbcc45 111.65%);color:#1f2b4d;gap:20px;max-width:393px}.chat-message.user-message .message-text .message-body,.chat-message.user-message .message-text .message-body-text{background:#0000;border-radius:0;padding:0}.chat-message.user-message .message-text .message-header{margin-top:0}.message-header{align-items:center;display:flex;gap:8px;justify-content:flex-end}.message-header .message-action-container{align-items:center;display:flex;gap:4px;margin-right:auto;max-width:0;opacity:0;overflow:hidden;pointer-events:none}.message-header .message-action-container img,.message-header .message-action-container svg{color:#b4bac7;cursor:pointer;width:14px}.message-header .message-action-container.visibility-enabled,.message-text:hover .message-action-container{max-width:96px;opacity:1;pointer-events:auto}.btn_border_default{background-color:initial!important;border:none!important}.message-timestamp{font-size:12px;letter-spacing:.12px;line-height:1.6;text-align:right;white-space:nowrap}.message-timestamp,.message-timestamp .edited-label{color:#60697d;font-weight:500}@keyframes highlightScalePulse{0%{box-shadow:0 0 #4259ee00;transform:scale(1)}30%{box-shadow:0 0 12px #4259ee99;transform:scale(1.03)}60%{box-shadow:0 0 10px #4259ee66;transform:scale(.98)}to{box-shadow:0 0 8px #4259ee4d;transform:scale(1)}}')),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
 import DOMPurify from "dompurify";
@@ -14,6 +14,40 @@ const CheckBlueIcon = getAssetUrl("icons/checkBlueIcon.svg");
 const WarningRedIcon = getAssetUrl("icons/warningRedIcon.svg");
 const ThumbsUpYellowIcon = getAssetUrl("icons/thumbsUpYellowIcon.svg");
 const NotAllowedGreenIcon = getAssetUrl("icons/notAllowedGreenIcon.svg");
+const ALLOWED_TAGS = [
+  "p",
+  "span",
+  "strong",
+  "em",
+  "u",
+  "br",
+  "a",
+  "ul",
+  "ol",
+  "li",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "s",
+  "mark"
+];
+const ALLOWED_ATTR = [
+  "class",
+  "data-type",
+  "data-id",
+  "data-label",
+  "data-mention-suggestion-char",
+  "href",
+  "target",
+  "rel"
+];
+const sanitizeHtml = (html) => DOMPurify.sanitize(html, {
+  ALLOWED_TAGS,
+  ALLOWED_ATTR
+});
 const ChatDefaultMessageType = ({
   content,
   timestamp,
@@ -28,52 +62,40 @@ const ChatDefaultMessageType = ({
   isThreadIconVisible,
   isPinChatIconvisible,
   isHighlighted = false,
-  highlightColor = null
+  highlightColor = null,
+  authorName,
+  quote,
+  showMoreOptions = true
 }) => {
   const { t } = useTranslation();
-  const renderContent = (content2) => {
-    if (typeof content2 === "string") {
-      const hasHtmlTags = /<[^>]*>/g.test(content2);
-      if (hasHtmlTags) {
-        const sanitizedContent = DOMPurify.sanitize(content2, {
-          ALLOWED_TAGS: [
-            "p",
-            "span",
-            "strong",
-            "em",
-            "u",
-            "br",
-            "a",
-            "ul",
-            "ol",
-            "li",
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "s",
-            "mark"
-          ],
-          ALLOWED_ATTR: [
-            "class",
-            "data-type",
-            "data-id",
-            "data-label",
-            "data-mention-suggestion-char",
-            "href",
-            "target",
-            "rel"
-          ]
-        });
-        return /* @__PURE__ */ jsx("div", { className: "message-content", dangerouslySetInnerHTML: { __html: sanitizedContent } });
-      } else {
-        return /* @__PURE__ */ jsx("p", { children: content2 });
-      }
-    } else {
-      return content2;
+  const renderContent = (raw) => {
+    if (typeof raw !== "string") return raw;
+    if (/<[^>]*>/g.test(raw)) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "message-body",
+          dangerouslySetInnerHTML: { __html: sanitizeHtml(raw) }
+        }
+      );
     }
+    return /* @__PURE__ */ jsx("p", { className: "message-body-text", children: raw });
+  };
+  const renderQuote = () => {
+    if (!quote) return null;
+    const quoteLabel = quote.authorLabel || quote.authorName || t("tableChat.message.you");
+    const quoteContent = quote.content || quote.text || "";
+    const hasHtml = typeof quoteContent === "string" && /<[^>]*>/g.test(quoteContent);
+    return /* @__PURE__ */ jsxs("div", { className: "message-quote", children: [
+      /* @__PURE__ */ jsx("p", { className: "message-quote__author", children: `“ ${quoteLabel}` }),
+      hasHtml ? /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "message-quote__content",
+          dangerouslySetInnerHTML: { __html: sanitizeHtml(quoteContent) }
+        }
+      ) : /* @__PURE__ */ jsx("p", { className: "message-quote__content", children: quoteContent })
+    ] });
   };
   const [showPinned, setShowPinned] = useState(pinned);
   const customHighlightStyle = isHighlighted && highlightColor ? {
@@ -116,6 +138,7 @@ const ChatDefaultMessageType = ({
   };
   const showPriority = priority && priority !== "default" && priorityContent[priority];
   const pinnedIconSrc = showPinned ? PinnedIcon : UnpinIcon;
+  const showAuthorName = !isUser && Boolean(authorName) && !quote;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -123,10 +146,12 @@ const ChatDefaultMessageType = ({
       style: customHighlightStyle,
       children: [
         showPriority ? /* @__PURE__ */ jsx("section", { className: "priority-container", children: priorityContent[priority] }) : null,
+        showAuthorName ? /* @__PURE__ */ jsx("p", { className: "message-author-name", children: authorName }) : null,
+        renderQuote(),
         renderContent(content),
         /* @__PURE__ */ jsxs("div", { className: `message-header ${!isUser ? "flex-end" : ""}`, children: [
-          isUser ? /* @__PURE__ */ jsxs("div", { className: `message-action-container ${visibility ? "visibility-enabled" : ""}`, children: [
-            /* @__PURE__ */ jsx(
+          showMoreOptions || isThreadIconVisible ? /* @__PURE__ */ jsxs("div", { className: `message-action-container ${visibility ? "visibility-enabled" : ""}`, children: [
+            showMoreOptions && handleClickOnMoreOptions ? /* @__PURE__ */ jsx(
               Button,
               {
                 className: "btn_border_default participants-button",
@@ -137,7 +162,7 @@ const ChatDefaultMessageType = ({
                 variant: "tertiary",
                 onClick: handleClickOnMoreOptions
               }
-            ),
+            ) : null,
             isThreadIconVisible && /* @__PURE__ */ jsx(
               Button,
               {
@@ -152,42 +177,26 @@ const ChatDefaultMessageType = ({
             )
           ] }) : null,
           /* @__PURE__ */ jsxs("div", { className: "message-action-info-container", children: [
-            /* @__PURE__ */ jsxs("div", { style: { display: !isPinChatIconvisible ? "none" : "inline" }, children: [
-              showPinned && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  className: "pin-button",
-                  icon: /* @__PURE__ */ jsx("img", { src: pinnedIconSrc }),
-                  iconPlacement: "left",
-                  size: "small",
-                  type: "default",
-                  variant: "tertiary",
-                  onClick: () => {
-                    handlePin(!showPinned);
-                  }
-                }
-              ),
-              !showPinned && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  className: "pin-button-hover",
-                  icon: /* @__PURE__ */ jsx("img", { src: PinnedIcon }),
-                  iconPlacement: "left",
-                  size: "small",
-                  type: "default",
-                  variant: "tertiary",
-                  onClick: () => {
-                    handlePin(!showPinned);
-                  }
+            isPinChatIconvisible ? /* @__PURE__ */ jsx(
+              Button,
+              {
+                className: showPinned ? "pin-button" : "pin-button-hover",
+                icon: /* @__PURE__ */ jsx("img", { alt: "pin", src: showPinned ? pinnedIconSrc : PinnedIcon }),
+                iconPlacement: "left",
+                size: "small",
+                type: "default",
+                variant: "tertiary",
+                onClick: () => {
+                  handlePin(!showPinned);
                 }
-              )
-            ] }),
+              }
+            ) : null,
             /* @__PURE__ */ jsxs("span", { className: "message-timestamp", children: [
-              timestamp,
-              edited && /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
-                " ",
-                t("commentsPanel.edited")
-              ] })
+              edited ? /* @__PURE__ */ jsxs("span", { className: "edited-label", children: [
+                t("commentsPanel.edited"),
+                " "
+              ] }) : null,
+              timestamp
             ] })
           ] })
         ] })

package/dist/components/TableChat/components/TableChatRightSection/ChatDeleteMessageType/ChatDeletedMessageType.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.deleted-message{background-color:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;gap:4px;max-width:fit-content;padding:8px 12px}.deleted-message .deleted-message-content{align-items:center;color:#b4bac7;display:flex;font-size:14px;gap:8px}.deleted-message .deleted-message-content .delete-icon{color:#b4bac7;font-size:16px}.deleted-message .deleted-message-content .deleted-text{font-style:italic}.deleted-message .deleted-timestamp{color:#7a8294;display:flex;font-size:12px;justify-content:flex-end}.deleted-message.user-deleted-message{margin-left:auto;margin-right:0}.deleted-message.user-deleted-message .deleted-timestamp{justify-content:flex-end}.deleted-message.assistant-deleted-message{margin-left:0;margin-right:auto}.deleted-message.assistant-deleted-message .deleted-timestamp{justify-content:flex-end}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.deleted-message{background-color:#f2f3f4;border-radius:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px;max-width:fit-content;padding:4px 16px}.deleted-message .deleted-message-content{align-items:center;color:#7a8294;display:flex;font-size:14px;font-weight:500;gap:4px;line-height:20px}.deleted-message .deleted-message-content .delete-icon{color:#7a8294;font-size:16px}.deleted-message .deleted-message-content .deleted-text{font-style:normal}.deleted-message .deleted-timestamp{color:#7a8294;display:flex;font-size:12px;font-weight:500;justify-content:flex-end;letter-spacing:.12px;line-height:1.6}.deleted-message.user-deleted-message{margin-left:auto;margin-right:0}.deleted-message.assistant-deleted-message{margin-left:0;margin-right:auto}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
 import { jsxs, jsx } from "react/jsx-runtime";
 import default_1 from "../../../../../node_modules/@mui/icons-material/Block.js";
 
@@ -12,7 +12,7 @@ const ChatDeletedMessageType = ({ timestamp, isUser = false }) => {
       children: [
         /* @__PURE__ */ jsxs("div", { className: "deleted-message-content", children: [
           /* @__PURE__ */ jsx(default_1, { className: "delete-icon" }),
-          /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.message.deleted") })
+          /* @__PURE__ */ jsx("span", { className: "deleted-text", children: t("tableChat.pinned.deletedByAuthor") })
         ] }),
         timestamp && /* @__PURE__ */ jsx("span", { className: "deleted-timestamp", children: timestamp })
       ]

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CAuYA,CAAC"}
+{"version":3,"file":"ChatHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.tsx"],"names":[],"mappings":"AAMA,OAAO,0BAA0B,CAAC;AAoBlC,eAAO,MAAM,UAAU,GAAI;;;;;;;;;;;CAW1B,4CA8YA,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeader.js

@@ -1,4 +1,4 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #b3bdf8;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;height:64px;justify-content:space-between;min-width:0;overflow:hidden;padding:6px 20px 5px}.chat-header .chat-header-info-slot{flex:1 1 auto;max-width:calc(100% - 220px);min-width:0;overflow:hidden}.chat-header .chat-header-info-slot.is-collapsed{flex:0 0 0;max-width:0;overflow:hidden;visibility:hidden;width:0}.chat-header .chat-header-content{max-width:100%;width:100%}.chat-header .chat-header-content .chat-title{color:#1f2b4d;display:block;font-size:16px;font-style:normal;font-weight:800;line-height:24px;min-width:0}.chat-header .chat-header-content .chat-title .resolved-badge{align-items:center;color:#4259ee;display:flex;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.chat-header .chat-header-content .chat-title .resolved-badge img{height:16px;margin-right:2px;width:16px}.chat-header .chat-header-content .chat-created-by,.chat-header .chat-header-content .chat-id{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-created-by{margin-left:5px}.chat-header .chat-header-content .chat-created-by:before{color:#c3c8d4;content:"|";margin-right:6px}.chat-header .chat-header-content .chat-info-outer{display:block;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-outer>span{display:block!important;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-container{color:#c3c8d4;display:block;font-size:14px;font-style:normal;font-weight:500;line-height:21px;max-width:100%;min-width:0;white-space:nowrap;width:100%}.chat-header .chat-header-content .chat-created-by-container{display:inline-block;max-width:100%}.chat-header .chat-header-content .chat-created-at{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .chat-participants{align-items:center;display:flex;gap:12px}.chat-header .chat-participants .participant-avatars{align-items:center;display:flex}.chat-header .chat-participants .participant-avatars .participant-avatar{border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.chat-header .chat-participants .participant-avatars .more-participants{align-items:center;background:#eceefd;border:2px solid #fff;border-radius:50%;color:#4259ee;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;min-width:24px;padding:4px 6px}.chat-header .chat-participants .participants-button{background:none!important;border:none!important;border-radius:4px;color:#7a8294;cursor:pointer;padding:4px}.chat-pinned{cursor:pointer;padding:.25rem;transition:all .2s ease-in-out}.chat-header-right{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;justify-content:flex-end;min-width:0}.chat-header-right.search-enabled{flex:1;min-width:0}.ia-styles.ia-menu.three-dot-menu-container .MuiPaper-root{margin-left:32px;margin-top:4px}.chat-search-container{align-items:center;display:flex;flex:0 0 auto;gap:.5rem;position:relative}.chat-search-container .search-icon{cursor:pointer;flex-shrink:0}.chat-search-container .chat-search-input-container{position:relative;width:100%}.chat-search-container .chat-search-input-container .chat-search-input{background:none;border:1px solid #f0f0f0;border-radius:8px;box-sizing:border-box;color:#60697d;font-family:inherit;font-size:14px;height:32px;line-height:1.4;outline:none;padding:.5rem 2rem .5rem 1.75rem;transition:all .2s ease-in-out;width:100%}.chat-search-container .chat-search-input-container .chat-search-input::placeholder{color:#60697d;font-size:12px;padding-left:.5rem}.chat-search-container .chat-search-input-container .chat-search-input:focus{border:1px solid #4259ee}.chat-search-container .chat-search-input-container .chat-input-search-icon{color:#b2c2e0;cursor:pointer;height:1.5rem;left:.25rem;position:absolute;top:.25rem;width:1.5rem}.chat-search-container .chat-search-input-container .chat-search-input-close-icon{color:#60697d;cursor:pointer;height:12px;position:absolute;right:.625rem;top:.625rem;width:12px}.search-enabled .chat-search-container{flex:1 1 auto;min-width:0}.chat-participants-container{align-items:center;display:flex;gap:.5rem;position:relative}.chat-header-right-button{align-items:center;background:#f5f6fa;border-radius:10px;cursor:pointer;display:flex;font-size:3em;height:32px;justify-content:center;padding:.5rem;width:32px}.chat-header-right-button:active{background-color:#e2f4ff;transform:scale(.98)}.ia-styles.ia-menu.participants-menu-container .MuiPaper-root{display:flex;flex-direction:column;margin-left:28px;overflow:hidden!important;width:260px}.ia-styles.ia-menu.participants-menu-container .menu-header{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;padding:4px 0 0;position:sticky;top:0;z-index:10}.ia-styles.ia-menu.participants-menu-container .MuiList-root{flex:1;overflow-x:hidden;padding-top:0}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar{width:6px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-track{background:#0000}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:3px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb:hover{background:#b4bac7}.ia-styles.ia-menu.participants-menu-container .MuiMenu-paper{overflow:hidden!important}.ia-styles.ia-menu.participants-menu-container .MuiMenu-list{max-height:320px;overflow-x:hidden!important;overflow-y:auto!important}.ia-styles.ia-menu.participants-menu-container .MuiButtonBase-root{padding:6px 16px}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding-left:12px!important}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .MuiButtonBase-root{padding:8px 8px 8px 14px}.ia-styles.ia-menu.participants-menu-container .ia-menu-action-button-container{background:#fff;border-top:none;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:8px 8px 4px;position:sticky;width:100%;z-index:10}.participants-img{height:22px}.btn_border_participant{background:#f5f6fa!important;border:none!important;height:32px!important}.pinned_img{background:none;background-color:initial!important;border:none!important}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}:root{--ia-focus-color:#4259ee;--ia-focus-bg:#fff;--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:#0d152ccc}*,:after,:before{box-sizing:border-box}body,textarea{font-style:normal;font-weight:500}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Manrope,sans-serif}.impact-notification-separator{background-color:#d9dde7;display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:#d9dde7;display:inline-block;height:1px;width:100%}ul.storybook-order-list{list-style-type:disc;padding-left:12px}ul.storybook-order-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-list li strong{font-weight:800}ul.storybook-order-child-list{list-style-type:circle;padding-left:20px}ul.storybook-order-child-list li{font-size:12px;line-height:20px;padding-bottom:8px}ul.storybook-order-child-list li strong{font-weight:800}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #b3bdf8;border-radius:10px 10px 0 0;box-sizing:border-box;display:flex;gap:8px;height:64px;justify-content:space-between;min-width:0;overflow:hidden;padding:16px}.chat-header .chat-header-info-slot{flex:1 1 auto;max-width:calc(100% - 220px);min-width:0;overflow:hidden}.chat-header .chat-header-info-slot.is-collapsed{flex:0 0 0;max-width:0;min-width:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;width:0}.chat-header .chat-header-content{max-width:100%;width:100%}.chat-header .chat-header-content .chat-title-row{align-items:center;display:flex;gap:8px;max-width:100%;min-width:0}.chat-header .chat-header-content .chat-title{color:#1f2b4d;display:block;font-size:16px;font-style:normal;font-weight:800;line-height:24px;margin:0;min-width:0}.chat-header .chat-header-content .chat-title--editable{border-radius:4px;cursor:pointer}.chat-header .chat-header-content .chat-title--editable:focus-visible,.chat-header .chat-header-content .chat-title--editable:hover{background:#f5f6fa;outline:none}.chat-header .chat-header-content .chat-title-input{flex:1 1 auto;max-width:100%;min-width:0}.chat-header .chat-header-content .chat-title-input.impact_inputbox_container,.chat-header .chat-header-content .chat-title-input.impact_inputbox_container_with_icons{min-width:0}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper{background:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;gap:8px;height:32px;min-height:32px;min-width:0;padding:0 8px;width:100%}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper:hover{border-color:#c3c8d4}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper:focus-within{border-color:#4259ee}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper .MuiInputBase-root{height:32px;min-height:32px;padding:0}.chat-header .chat-header-content .chat-title-input .impact-input-wrapper input.MuiInputBase-input{color:#1f2b4d;font-size:16px;font-weight:800;line-height:24px;padding:0!important}.chat-header .chat-header-content .chat-title-input .right-input-icon{align-items:center;cursor:default;display:inline-flex;flex-shrink:0}.chat-header .chat-header-content .chat-title-input__actions{align-items:center;display:inline-flex;gap:4px}.chat-header .chat-header-content .chat-title-input__btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#60697d;cursor:pointer;display:inline-flex;font-size:16px;height:20px;justify-content:center;line-height:1;padding:0;width:20px}.chat-header .chat-header-content .chat-title-input__btn:hover:not(:disabled){background:#f5f6fa}.chat-header .chat-header-content .chat-title-input__btn:disabled{cursor:default;opacity:.4}.chat-header .chat-header-content .chat-title-input__btn--confirm{color:#3bb273}.chat-header .chat-header-content .chat-title-input__btn--cancel{color:#60697d}.chat-header .chat-header-content .chat-resolve{align-items:center;background:#0000;border:none;color:#4259ee;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:14px;font-weight:500;gap:2px;line-height:20px;padding:0}.chat-header .chat-header-content .chat-resolve__icon{color:#7a8294;font-size:16px!important}.chat-header .chat-header-content .chat-resolve__label{white-space:nowrap}.chat-header .chat-header-content .chat-resolve--resolved{cursor:default;pointer-events:none}.chat-header .chat-header-content .chat-resolve--resolved .chat-resolve__icon{color:#3bb273}.chat-header .chat-header-content .chat-resolve:disabled{cursor:default}.chat-header .chat-header-content .chat-created-by,.chat-header .chat-header-content .chat-id{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-created-by{margin-left:5px}.chat-header .chat-header-content .chat-created-by:before{color:#c3c8d4;content:"|";margin-right:6px}.chat-header .chat-header-content .chat-info-outer{display:block;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-outer>span{display:block!important;min-width:0;width:100%}.chat-header .chat-header-content .chat-info-container{color:#c3c8d4;display:block;font-size:14px;font-style:normal;font-weight:500;line-height:21px;max-width:100%;min-width:0;white-space:nowrap;width:100%}.chat-header .chat-header-content .chat-created-by-container{display:inline-block;max-width:100%}.chat-header .chat-header-content .chat-created-at{color:#c3c8d4;font-size:14px;font-style:normal;font-weight:500;line-height:21px}.chat-header .chat-header-content .chat-text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header .participant-avatars{align-items:center;display:flex}.chat-header .participant-avatars .participant-avatar{border:2px solid #fff;box-shadow:0 1px 3px #0000001a}.chat-header .participant-avatars .more-participants{align-items:center;background:#eceefd;border:2px solid #fff;border-radius:50%;color:#4259ee;display:flex;font-size:11px;font-weight:600;height:24px;justify-content:center;margin-left:-8px;min-width:24px;padding:4px 6px}.chat-header .participants-button{background:none!important;border:none!important;border-radius:4px;color:#7a8294;cursor:pointer;padding:4px}.chat-pinned{cursor:pointer;transition:all .2s ease-in-out}.chat-header-right{align-items:center;display:flex;flex:0 0 auto;gap:8px;justify-content:flex-end;min-width:0}.chat-header-right.search-enabled{flex:1 1 auto;min-width:0}.ia-styles.ia-menu.three-dot-menu-container .MuiPaper-root{margin-left:32px;margin-top:4px}.chat-search-container{align-items:center;display:flex;flex:0 0 auto;gap:12px;position:relative}.chat-search-container--active{flex:1 1 auto;max-width:440px;min-width:0}.chat-search-container .chat-search-trigger{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:inline-flex;flex-shrink:0;height:24px;justify-content:center;padding:0;width:24px}.chat-search-container .chat-search-trigger:hover{background:#f5f6fa}.chat-search-container .search-icon{display:block;height:16px;width:16px}.chat-search-container .chat-search-input-container{flex:1 1 auto;max-width:353px;min-width:0;position:relative;width:100%}.chat-search-container .chat-search-input-container .chat-header-search-input{min-width:0;width:100%}.chat-search-container .chat-search-input-container .chat-header-search-input.impact_inputbox_container_with_icons{min-width:0}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper{background:#fff;border:1px solid #c3c8d4;border-radius:8px;box-sizing:border-box;gap:8px;height:32px;min-height:32px;min-width:0;padding:0 8px;width:100%}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper:hover{border-color:#c3c8d4}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper:focus-within{border-color:#4259ee}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper .MuiInputBase-root{height:32px;min-height:32px;padding:0}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper input.MuiInputBase-input{color:#1f2b4d;font-size:14px;font-weight:500;height:16px;line-height:20px;padding:0!important}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper input.MuiInputBase-input::placeholder{color:#7a8294;opacity:1}.chat-search-container .chat-search-input-container .chat-header-search-input .impact-input-wrapper svg{color:#7a8294;height:16px;width:16px}.chat-search-container .chat-search-input-container .chat-header-search-input .left-input-icon,.chat-search-container .chat-search-input-container .chat-header-search-input .right-input-icon{align-items:center;color:#7a8294;cursor:default;display:inline-flex;flex-shrink:0;justify-content:center}.chat-search-container .chat-search-input-container .chat-header-search-input .right-input-icon{cursor:pointer}.chat-search-container .chat-search-input-container .chat-header-search-input .chat-header-search-input__icon{font-size:16px;height:16px;width:16px}.chat-search-container .chat-search-input-container .chat-header-search-input .chat-header-search-input__close{cursor:pointer;font-size:14px;height:14px;width:14px}.chat-search-container .chat-search-nav{align-items:center;display:flex;flex-shrink:0;gap:0;height:24px;justify-content:center;width:28px}.chat-search-container .chat-search-nav__btn{align-items:center;background:#0000;border:none;color:#60697d;cursor:pointer;display:inline-flex;font-size:16px;height:12px;justify-content:center;line-height:1;padding:0;width:28px}.chat-search-container .chat-search-nav__btn:hover{color:#1f2b4d}.search-enabled .chat-search-container{flex:1 1 auto;min-width:0}.chat-participants-container{align-items:center;display:flex;gap:.5rem;position:relative}.chat-header-right-button{align-items:center;background:#f5f6fa;border-radius:10px;cursor:pointer;display:flex;font-size:3em;height:32px;justify-content:center;padding:.5rem;width:32px}.chat-header-right-button:active{background-color:#e2f4ff;transform:scale(.98)}.ia-styles.ia-menu.participants-menu-container .MuiPaper-root{display:flex;flex-direction:column;margin-left:28px;overflow:hidden!important;width:260px}.ia-styles.ia-menu.participants-menu-container .menu-header{background:#fff;border-radius:16px 16px 0 0;flex-shrink:0;padding:4px 0 0;position:sticky;top:0;z-index:10}.ia-styles.ia-menu.participants-menu-container .MuiList-root{flex:1;overflow-x:hidden;padding-top:0}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar{width:6px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-track{background:#0000}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb{background:#c3c8d4;border-radius:3px}.ia-styles.ia-menu.participants-menu-container .MuiList-root::-webkit-scrollbar-thumb:hover{background:#b4bac7}.ia-styles.ia-menu.participants-menu-container .MuiMenu-paper{overflow:hidden!important}.ia-styles.ia-menu.participants-menu-container .MuiMenu-list{max-height:320px;overflow-x:hidden!important;overflow-y:auto!important}.ia-styles.ia-menu.participants-menu-container .MuiButtonBase-root{padding:6px 16px}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding-left:12px!important}.ia-styles.ia-menu.participants-menu-container .menu-header-radio-group-container .MuiButtonBase-root{padding:8px 8px 8px 14px}.ia-styles.ia-menu.participants-menu-container .ia-menu-action-button-container{background:#fff;border-top:none;bottom:0;box-sizing:border-box;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin-top:auto;padding:8px 8px 4px;position:sticky;width:100%;z-index:10}.participants-img{height:22px}.btn_border_participant{background:#f5f6fa!important;border:none!important;height:32px!important}.pinned_img{background:none;background-color:initial!important;border:none!important}')),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}}();
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useEffect, useCallback } from "react";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
@@ -24,7 +24,7 @@ const ChatHeader = ({
   title,
   chatId,
   participants = [],
-  className = "chat-header",
+  className = "",
   participantsList,
   onSaveNotification,
   createdBy,
@@ -271,8 +271,15 @@ const ChatHeader = ({
         chatId,
         createdAt,
         createdBy,
-        showChatId: chatHeaderConfig.showChatId ?? false,
-        title
+        displayId: chatHeaderConfig.chatDisplayId ?? chatId,
+        isResolved: chatHeaderConfig.isResolved,
+        resolveLabel: chatHeaderConfig.resolveLabel,
+        showChatId: chatHeaderConfig.showChatId ?? Boolean(chatId),
+        showResolve: chatHeaderConfig.showResolve,
+        title,
+        isTitleEditable: chatHeaderConfig.isTitleEditable,
+        onResolve: chatHeaderConfig.onResolve,
+        onTitleChange: chatHeaderConfig.onTitleChange
       }
     ) }),
     /* @__PURE__ */ jsx(

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAyUA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ChatHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,gBAAgB,GAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCzB,4CAoTA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderAction.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from "react";
-import default_1$2 from "../../../../../node_modules/@mui/icons-material/Close.js";
-import default_1 from "../../../../../node_modules/@mui/icons-material/ExpandLessOutlined.js";
-import default_1$1 from "../../../../../node_modules/@mui/icons-material/ExpandMoreOutlined.js";
-import default_1$3 from "../../../../../node_modules/@mui/icons-material/Search.js";
+import default_1 from "../../../../../node_modules/@mui/icons-material/Close.js";
+import default_1$2 from "../../../../../node_modules/@mui/icons-material/ExpandLessOutlined.js";
+import default_1$3 from "../../../../../node_modules/@mui/icons-material/ExpandMoreOutlined.js";
+import default_1$1 from "../../../../../node_modules/@mui/icons-material/Search.js";
 import { getAssetUrl } from "../../../../../utils/assetBase.js";
 import { Button } from "../../../../Button/index.js";
 import { Input } from "../../../../Input/index.js";
@@ -13,7 +13,7 @@ import AvatarGroup from "../AvatarGroup/AvatarGroup.js";
 import { ChatNotificationSettings } from "../ChatNotificationSettings/ChatNotificationSettings.js";
 import { useTranslation } from "../../../../../i18n/useTranslation.js";
 const PinnedIcon = getAssetUrl("icons/pinnedIcon.svg");
-const SearchIcon = getAssetUrl("icons/searchIcon.svg");
+getAssetUrl("icons/searchIcon.svg");
 const UserPlusIcon = getAssetUrl("icons/userPlusIcon1.svg");
 const ThreedotIcon = getAssetUrl("icons/treedotIcon.svg");
 const ChatHeaderAction = ({
@@ -42,7 +42,7 @@ const ChatHeaderAction = ({
   setSelectedMenuItems,
   handleThreeDotMenuClose,
   notificationSettings,
-  maxAvatars = 2,
+  maxAvatars = 3,
   selectedRadioOption,
   chatId,
   menuOptions,
@@ -57,9 +57,10 @@ const ChatHeaderAction = ({
     showParticipants = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.showParticipants,
     showThreeDotMenu = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.showThreeDotMenu,
     className = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.className,
-    searchPlaceholder = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.searchPlaceholder,
+    searchPlaceholder: searchPlaceholderProp,
     isAddParticipantsAllowed = chartConfig.tableChatRightSectionConfig.tableChatHeaderConfig.isAddParticipantsAllowed
   } = restProps;
+  const searchPlaceholder = searchPlaceholderProp ?? t("tableChat.header.searchInHere");
   const [openMenu, setOpenMenu] = useState(false);
   const [threeDotAnchorEl, setThreeDotAnchorEl] = useState(null);
   const [anchorEl, setAnchorEl] = useState(null);
@@ -128,73 +129,83 @@ const ChatHeaderAction = ({
     }
   };
   return /* @__PURE__ */ jsxs("div", { className: `chat-header-right ${className} ${enableSearch ? "search-enabled" : ""}`, children: [
-    showSearch && /* @__PURE__ */ jsx("div", { className: "chat-search-container", children: enableSearch ? /* @__PURE__ */ jsx("div", { className: "chat-search-input-container", children: /* @__PURE__ */ jsx(
-      Input,
-      {
-        autoFocus: true,
-        leftIcon: /* @__PURE__ */ jsx(default_1$3, {}),
-        placeholder: searchPlaceholder,
-        rightIcon: (messageSearchValue == null ? void 0 : messageSearchValue.length) > 0 ? /* @__PURE__ */ jsxs("div", { className: "chat-search-right-icon-container", children: [
-          /* @__PURE__ */ jsx(
+    showSearch && /* @__PURE__ */ jsx("div", { className: `chat-search-container${enableSearch ? " chat-search-container--active" : ""}`, children: enableSearch ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "chat-search-input-container", children: /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          className: "chat-header-search-input",
+          leftIcon: /* @__PURE__ */ jsx(default_1$1, { className: "chat-header-search-input__icon" }),
+          placeholder: searchPlaceholder,
+          rightIcon: /* @__PURE__ */ jsx(
             default_1,
             {
-              onClick: (e) => {
-                var _a;
-                e.stopPropagation();
-                e.preventDefault();
-                (_a = chatHeaderConfig == null ? void 0 : chatHeaderConfig.onSearchUp) == null ? void 0 : _a.call(chatHeaderConfig, messageSearchValue, chatId);
-              }
+              "aria-label": t("common.close"),
+              className: "chat-header-search-input__close",
+              fontSize: "inherit"
             }
           ),
-          /* @__PURE__ */ jsx(
-            default_1$1,
-            {
-              onClick: (e) => {
-                var _a;
-                e.stopPropagation();
-                e.preventDefault();
-                (_a = chatHeaderConfig == null ? void 0 : chatHeaderConfig.onSearchDown) == null ? void 0 : _a.call(chatHeaderConfig, messageSearchValue, chatId);
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(default_1$2, {})
-        ] }) : null,
-        rightIconClick: handleCloseMessageSearch,
-        type: "text",
-        value: messageSearchValue,
-        width: "100%",
-        onChange: (e) => handleMessageSearchChange(e)
-      }
-    ) }) : /* @__PURE__ */ jsx(
-      "img",
-      {
-        alt: "search",
-        className: "search-icon",
-        src: SearchIcon,
-        onClick: handleOpenMessageSearch
-      }
-    ) }),
-    showPinned && /* @__PURE__ */ jsx("div", { className: "chat-pinned", children: /* @__PURE__ */ jsx(
+          rightIconClick: handleCloseMessageSearch,
+          size: "small",
+          type: "text",
+          value: messageSearchValue,
+          width: "100%",
+          onChange: (e) => handleMessageSearchChange(e)
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "chat-search-nav", role: "group", "aria-label": t("tableChat.header.searchNavigate"), children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": t("tableChat.header.searchPrevious"),
+            className: "chat-search-nav__btn",
+            type: "button",
+            onClick: (e) => {
+              var _a;
+              e.stopPropagation();
+              (_a = chatHeaderConfig == null ? void 0 : chatHeaderConfig.onSearchUp) == null ? void 0 : _a.call(chatHeaderConfig, messageSearchValue, chatId);
+            },
+            children: /* @__PURE__ */ jsx(default_1$2, { fontSize: "inherit" })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            "aria-label": t("tableChat.header.searchNext"),
+            className: "chat-search-nav__btn",
+            type: "button",
+            onClick: (e) => {
+              var _a;
+              e.stopPropagation();
+              (_a = chatHeaderConfig == null ? void 0 : chatHeaderConfig.onSearchDown) == null ? void 0 : _a.call(chatHeaderConfig, messageSearchValue, chatId);
+            },
+            children: /* @__PURE__ */ jsx(default_1$3, { fontSize: "inherit" })
+          }
+        )
+      ] })
+    ] }) : /* @__PURE__ */ jsx(default_1$1, { onClick: handleOpenMessageSearch, sx: { color: "#60697D", cursor: "pointer" }, fontSize: "" }) }),
+    // <div className="chat-pinned">
+    /* @__PURE__ */ jsx(
       Button,
       {
         className: "pinned_img",
         icon: /* @__PURE__ */ jsx("img", { className: "participants-img", src: PinnedIcon }),
         iconPlacement: "left",
-        size: "large",
+        size: "small",
         type: "default",
         variant: "tertiary",
         onClick: onPinnedClick
       }
-    ) }),
-    showParticipants && /* @__PURE__ */ jsx("div", { className: "chat-participants", children: /* @__PURE__ */ jsxs("div", { className: "chat-participants-container", children: [
-      participantsList.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    ),
+    showParticipants && /* @__PURE__ */ jsxs("div", { className: "chat-participants-container", children: [
+      participantsList.length > 0 && /* @__PURE__ */ jsx(
         AvatarGroup,
         {
           avatars: participantsList,
           maxAvatars,
           size: "sm"
         }
-      ) }),
+      ),
       isAddParticipantsAllowed ? /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(
           Button,
@@ -285,7 +296,7 @@ const ChatHeaderAction = ({
           }
         )
       ] }) : null
-    ] }) }),
+    ] }),
     showThreeDotMenu ? /* @__PURE__ */ jsx(
       Button,
       {

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts

@@ -1,9 +1,16 @@
-declare const ChatHeaderInfo: ({ title, createdBy, createdAt, chatId, showChatId }: {
+declare const ChatHeaderInfo: ({ title, createdBy, createdAt, chatId, showChatId, showResolve, isResolved, onResolve, resolveLabel, displayId, isTitleEditable, onTitleChange, }: {
     title: any;
     createdBy: any;
     createdAt: any;
     chatId: any;
     showChatId?: boolean | undefined;
+    showResolve?: boolean | undefined;
+    isResolved?: boolean | undefined;
+    onResolve: any;
+    resolveLabel: any;
+    displayId: any;
+    isTitleEditable: any;
+    onTitleChange: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ChatHeaderInfo;
 //# sourceMappingURL=ChatHeaderInfo.d.ts.map

package/dist/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatHeaderInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.tsx"],"names":[],"mappings":"AAKA,QAAA,MAAM,cAAc,GAAI;;;;;;CAA2D,4CAyClF,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ChatHeaderInfo.d.ts","sourceRoot":"","sources":["../../../../../../src/components/TableChat/components/TableChatRightSection/ChatHeader/ChatHeaderInfo.tsx"],"names":[],"mappings":"AAUA,QAAA,MAAM,cAAc,GAAI;;;;;;;;;;;;;CAavB,4CAsMA,CAAC;AAEF,eAAe,cAAc,CAAC"}