impact-ui 5.0.2-alpha.1 → 5.0.2-beta.1

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

@@ -1,13 +1,12 @@
-!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}.table-chat-right-section-container{background:#fff;border-radius:10px;box-shadow:0 0 4px #0000001f;box-sizing:border-box;display:flex;flex:1 1 0;flex-direction:column;height:100%;overflow:hidden;width:100%}.table-chat-right-section-container-empty{background:#fff;border-radius:10px;display:flex;flex-direction:column;height:100%;max-width:640px;position:relative;width:100%}.clear-chat-bar{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;padding:24px 32px}.chat-messages-area{display:flex;flex:1;flex-direction:column;min-height:0;position:relative}.floating-date-badge{left:50%;opacity:0;pointer-events:none;position:absolute;top:8px;transform:translate(-50%);transition:opacity .3s ease;z-index:4}.floating-date-badge--visible{opacity:1;transition:none}.table-chat-messages{background:#fff;box-sizing:border-box;display:flex;flex:1;flex-direction:column;gap:16px;justify-content:flex-start;margin-bottom:10px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:16px 32px}.system-info-row{align-items:center;display:flex;padding:4px 0;width:100%}.empty-state-container,.system-info-row{justify-content:center}.message-wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;width:100%}.table-chat-empty-state{align-items:center;color:#7a8294;display:flex;flex-direction:column;font-size:14px;gap:20px;justify-content:center;max-width:641px;padding:0 60px;text-align:center}.table-chat-empty-state p{margin:0}.infinite-scroll-trigger{min-height:60px;padding:16px}.infinite-scroll-loading,.infinite-scroll-trigger{align-items:center;display:flex;justify-content:center}.infinite-scroll-loading{width:100%}.infinite-scroll-placeholder{height:1px;width:100%}.infinite-scroll-error{align-items:center;background:#e155541a;border-radius:8px;color:#e15554;display:flex;flex-direction:column;justify-content:center;margin:8px 0;padding:16px;text-align:center}.infinite-scroll-error p{font-size:12px;margin:0 0 8px}.add_member_btn{border-radius:25px!important;margin:0 auto;width:200px}.add_members_modal{width:320px!important}.modal-header-search-input-container{align-items:center;display:flex;margin-bottom:16px;width:100%}.modal-header-search-input-container .menu-header-search-icon{margin-top:4px;width:20px}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
+!function(){"use strict";try{if("undefined"!=typeof document){var i=document.createElement("style");i.appendChild(document.createTextNode(':root{--iu-primitive-color-beaver-100:#f6f5f3;--iu-primitive-color-beaver-200:#eeeae7;--iu-primitive-color-beaver-300:#ded5d0;--iu-primitive-color-beaver-400:#cec3bb;--iu-primitive-color-beaver-500:#bcafa3;--iu-primitive-color-beaver-600:#ac9a8c;--iu-primitive-color-beaver-700:#917a69;--iu-primitive-color-blue-01-100:#eceefd;--iu-primitive-color-blue-01-200:#b3bdf8;--iu-primitive-color-blue-01-300:#687af1;--iu-primitive-color-blue-01-400:#4259ee;--iu-primitive-color-blue-01-50:#eff2fa;--iu-primitive-color-blue-01-500:#3649c6;--iu-primitive-color-blue-01-600:#29399f;--iu-primitive-color-blue-01-700:#1d2977;--iu-primitive-color-blue-01-800:#121a52;--iu-primitive-color-blue-01-900:#0a0e30;--iu-primitive-color-blue-02-100:#6682d2;--iu-primitive-color-blue-02-200:#546cb1;--iu-primitive-color-blue-02-300:#4b61a0;--iu-primitive-color-blue-02-400:#425690;--iu-primitive-color-blue-02-500:#31416e;--iu-primitive-color-blue-02-600:#1f2b4d;--iu-primitive-color-blue-02-700:#0d152c;--iu-primitive-color-blue-02-800:#080d1c;--iu-primitive-color-blue-02-900:#04070f;--iu-primitive-color-bronze-100:#fbf2e9;--iu-primitive-color-bronze-200:#f8e5d3;--iu-primitive-color-bronze-300:#f0cca7;--iu-primitive-color-bronze-400:#eab57f;--iu-primitive-color-bronze-500:#e29c55;--iu-primitive-color-bronze-600:#db8229;--iu-primitive-color-bronze-700:#b3691e;--iu-primitive-color-brown-100:#f7f2ee;--iu-primitive-color-brown-200:#f1e8e0;--iu-primitive-color-brown-300:#e0d3c2;--iu-primitive-color-brown-400:#d1bba3;--iu-primitive-color-brown-500:#c1a281;--iu-primitive-color-brown-600:#b28b63;--iu-primitive-color-brown-700:#936f48;--iu-primitive-color-celtic-blue-100:#f0f4f8;--iu-primitive-color-celtic-blue-200:#e2e9f4;--iu-primitive-color-celtic-blue-300:#c0d1e7;--iu-primitive-color-celtic-blue-400:#a4bbdc;--iu-primitive-color-celtic-blue-500:#86a6d0;--iu-primitive-color-celtic-blue-600:#658ec4;--iu-primitive-color-celtic-blue-700:#4271ae;--iu-primitive-color-cyan-100:#e9f7fc;--iu-primitive-color-cyan-200:#cff0f8;--iu-primitive-color-cyan-300:#a2e1f1;--iu-primitive-color-cyan-400:#6fd2ea;--iu-primitive-color-cyan-500:#3fc2e3;--iu-primitive-color-cyan-600:#20accf;--iu-primitive-color-cyan-700:#1789a5;--iu-primitive-color-eggplant-100:#f0ebee;--iu-primitive-color-eggplant-200:#e0d6de;--iu-primitive-color-eggplant-300:#c4b1bf;--iu-primitive-color-eggplant-400:#a5889e;--iu-primitive-color-eggplant-500:#82637b;--iu-primitive-color-eggplant-600:#5c4657;--iu-primitive-color-eggplant-700:#483744;--iu-primitive-color-electric-orange-100:#fee7e1;--iu-primitive-color-electric-orange-200:#fed0c3;--iu-primitive-color-electric-orange-300:#fc9d81;--iu-primitive-color-electric-orange-400:#fb6d45;--iu-primitive-color-electric-orange-500:#fa3a07;--iu-primitive-color-electric-orange-600:#bb2c05;--iu-primitive-color-electric-orange-700:#962304;--iu-primitive-color-green-100:#ebf7f1;--iu-primitive-color-green-200:#c4e8d5;--iu-primitive-color-green-300:#89d1ab;--iu-primitive-color-green-400:#3bb273;--iu-primitive-color-green-500:#31935f;--iu-primitive-color-green-600:#26734b;--iu-primitive-color-green-700:#1c5436;--iu-primitive-color-green-800:#103822;--iu-primitive-color-green-900:#071e10;--iu-primitive-color-grey-0:#fff;--iu-primitive-color-grey-100:#f8f9fb;--iu-primitive-color-grey-1000:#404b62;--iu-primitive-color-grey-1100:#262d3d;--iu-primitive-color-grey-1200:#1f2332;--iu-primitive-color-grey-1300:#121521;--iu-primitive-color-grey-1400-alpha:#060714;--iu-primitive-color-grey-200:#f5f6fa;--iu-primitive-color-grey-300:#f2f4fa;--iu-primitive-color-grey-400:#eff2fa;--iu-primitive-color-grey-50:#fafafa;--iu-primitive-color-grey-500:#d9dde7;--iu-primitive-color-grey-600:#c3c8d4;--iu-primitive-color-grey-700:#b4bac7;--iu-primitive-color-grey-800:#7a8294;--iu-primitive-color-grey-900:#60697d;--iu-primitive-color-maroon-100:#f7e3e7;--iu-primitive-color-maroon-200:#f1cbd3;--iu-primitive-color-maroon-300:#e397a7;--iu-primitive-color-maroon-400:#d5647b;--iu-primitive-color-maroon-500:#c13453;--iu-primitive-color-maroon-600:#8c263c;--iu-primitive-color-maroon-700:#701e30;--iu-primitive-color-olive-100:#f6f6f3;--iu-primitive-color-olive-200:#edeee7;--iu-primitive-color-olive-300:#dddfd3;--iu-primitive-color-olive-400:#cccdbb;--iu-primitive-color-olive-500:#babca4;--iu-primitive-color-olive-600:#aaac8e;--iu-primitive-color-olive-700:#8c906a;--iu-primitive-color-orange-100:#fdf0ec;--iu-primitive-color-orange-200:#fce5df;--iu-primitive-color-orange-300:#f8c8ba;--iu-primitive-color-orange-400:#f4af9a;--iu-primitive-color-orange-500:#f19579;--iu-primitive-color-orange-600:#ed7955;--iu-primitive-color-orange-700:#e74b1c;--iu-primitive-color-purple-100:#f4f1f9;--iu-primitive-color-purple-200:#e9e3f2;--iu-primitive-color-purple-300:#d6cbe6;--iu-primitive-color-purple-400:#bfafd9;--iu-primitive-color-purple-500:#ad97ce;--iu-primitive-color-purple-600:#977cc1;--iu-primitive-color-purple-700:#7552ad;--iu-primitive-color-red-100:#fceeee;--iu-primitive-color-red-200:#f6cccc;--iu-primitive-color-red-300:#ed9998;--iu-primitive-color-red-400:#e15554;--iu-primitive-color-red-500:#c64746;--iu-primitive-color-red-600:#ab3939;--iu-primitive-color-red-700:#8f2c2b;--iu-primitive-color-red-800:#631b1b;--iu-primitive-color-red-900:#3b0e0e;--iu-primitive-color-sunshine-yellow-100:#fffbe5;--iu-primitive-color-sunshine-yellow-200:#fff7d1;--iu-primitive-color-sunshine-yellow-300:#ffef9e;--iu-primitive-color-sunshine-yellow-400:#ffe770;--iu-primitive-color-sunshine-yellow-500:#ffe041;--iu-primitive-color-sunshine-yellow-600:#ffd812;--iu-primitive-color-sunshine-yellow-700:#dbb702;--iu-primitive-color-turquoise-100:#edf7f8;--iu-primitive-color-turquoise-200:#dbeff0;--iu-primitive-color-turquoise-300:#b7dfe1;--iu-primitive-color-turquoise-400:#93cfd2;--iu-primitive-color-turquoise-500:#6bbec2;--iu-primitive-color-turquoise-600:#48acb2;--iu-primitive-color-turquoise-700:#3b898d;--iu-primitive-color-violet-100:#f6edfd;--iu-primitive-color-violet-200:#f0dffb;--iu-primitive-color-violet-300:#dfbbf7;--iu-primitive-color-violet-400:#d09bf3;--iu-primitive-color-violet-500:#be77ee;--iu-primitive-color-violet-600:#ae57ea;--iu-primitive-color-violet-700:#931ce3;--iu-primitive-color-yellow-100:#fcf8ea;--iu-primitive-color-yellow-200:#f6ebbf;--iu-primitive-color-yellow-300:#edd77f;--iu-primitive-color-yellow-400:#e1bc29;--iu-primitive-color-yellow-500:#bf9f22;--iu-primitive-color-yellow-600:#9d831c;--iu-primitive-color-yellow-700:#7a6615;--iu-primitive-color-yellow-800:#52430b;--iu-primitive-color-yellow-900:#2b2304;--iu-primitive-color-yellow-green-100:#f5f9ec;--iu-primitive-color-yellow-green-200:#eaf3d7;--iu-primitive-color-yellow-green-300:#d7e5b2;--iu-primitive-color-yellow-green-400:#c3da8b;--iu-primitive-color-yellow-green-500:#b1cd66;--iu-primitive-color-yellow-green-600:#99bf3e;--iu-primitive-color-yellow-green-700:#7d9a32;--iu-action-primary-icon:var(--iu-primitive-color-blue-01-500);--iu-action-primary-text:var(--iu-primitive-color-blue-01-400);--iu-badge-error-bg-default:var(--iu-primitive-color-red-400);--iu-badge-error-bg-default-filled:var(--iu-primitive-color-red-300);--iu-badge-error-bg-lighter:var(--iu-primitive-color-red-100);--iu-badge-error-bg-subtle:var(--iu-primitive-color-red-100);--iu-badge-error-on-default:var(--iu-primitive-color-red-500);--iu-badge-error-on-subtle:var(--iu-primitive-color-red-200);--iu-badge-information-bg-default:var(--iu-primitive-color-blue-01-400);--iu-badge-information-bg-lighter:var(--iu-primitive-color-blue-01-100);--iu-badge-information-bg-subtle:var(--iu-primitive-color-blue-01-50);--iu-badge-information-on-default:var(--iu-primitive-color-blue-01-400);--iu-badge-information-on-lighter:var(--iu-primitive-color-blue-01-200);--iu-badge-neutral-bg-default:var(--iu-primitive-color-grey-900);--iu-badge-neutral-bg-subtle:var(--iu-primitive-color-grey-300);--iu-badge-neutral-on-default:var(--iu-primitive-color-grey-900);--iu-badge-neutral-on-subtle:var(--iu-primitive-color-grey-600);--iu-badge-success-bg-default:var(--iu-primitive-color-green-600);--iu-badge-success-bg-lighter:var(--iu-primitive-color-green-100);--iu-badge-success-bg-subtle:var(--iu-primitive-color-green-100);--iu-badge-success-on-default:var(--iu-primitive-color-green-600);--iu-badge-success-on-subtle:var(--iu-primitive-color-green-200);--iu-badge-warnings-bg-default:var(--iu-primitive-color-sunshine-yellow-400);--iu-badge-warnings-bg-lighter:var(--iu-primitive-color-sunshine-yellow-200);--iu-badge-warnings-bg-subtle:var(--iu-primitive-color-sunshine-yellow-100);--iu-badge-warnings-on-default:var(--iu-primitive-color-yellow-700);--iu-badge-warnings-on-subtle:var(--iu-primitive-color-sunshine-yellow-400);--iu-bg-disabled-1:var(--iu-primitive-color-grey-100);--iu-bg-disabled-2:var(--iu-primitive-color-grey-600);--iu-bg-disabled-cell:#fafafa;--iu-bg-error:var(--iu-primitive-color-red-400);--iu-bg-error-darker:var(--iu-primitive-color-red-600);--iu-bg-error-lighter:var(--iu-primitive-color-red-200);--iu-bg-error-subtle:var(--iu-primitive-color-red-100);--iu-bg-info:var(--iu-primitive-color-blue-01-400);--iu-bg-info-darker:var(--iu-primitive-color-blue-01-500);--iu-bg-info-darkest:var(--iu-primitive-color-blue-01-600);--iu-bg-info-lighter:var(--iu-primitive-color-blue-01-200);--iu-bg-info-subtle:var(--iu-primitive-color-blue-01-100);--iu-bg-primary:var(--iu-primitive-color-blue-01-400);--iu-bg-primary-darker:var(--iu-primitive-color-blue-01-500);--iu-bg-primary-darkest:var(--iu-primitive-color-blue-01-600);--iu-bg-primary-lighter:var(--iu-primitive-color-blue-01-200);--iu-bg-primary-subtle:var(--iu-primitive-color-blue-01-100);--iu-bg-success:var(--iu-primitive-color-green-400);--iu-bg-success-darker:var(--iu-primitive-color-green-600);--iu-bg-success-lighter:var(--iu-primitive-color-green-200);--iu-bg-success-subtle:var(--iu-primitive-color-green-100);--iu-bg-surface:var(--iu-primitive-color-grey-800);--iu-bg-surface-body-bg:#eff2fa;--iu-bg-surface-layer-bg:#fff;--iu-bg-surface-lighter:var(--iu-primitive-color-grey-200);--iu-bg-surface-lightest:var(--iu-primitive-color-grey-300);--iu-bg-surface-overlay-bg:#0d152c;--iu-bg-surface-subtle:var(--iu-primitive-color-grey-500);--iu-bg-warning:var(--iu-primitive-color-yellow-400);--iu-bg-warning-darker:var(--iu-primitive-color-yellow-600);--iu-bg-warning-lighter:var(--iu-primitive-color-yellow-200);--iu-bg-warning-subtle:var(--iu-primitive-color-yellow-100);--iu-border-default:var(--iu-primitive-color-grey-500);--iu-border-default-darker:var(--iu-primitive-color-grey-800);--iu-border-default-subtle:var(--iu-primitive-color-grey-200);--iu-border-disabled:var(--iu-primitive-color-grey-500);--iu-border-error:var(--iu-primitive-color-red-400);--iu-border-error-darker:var(--iu-primitive-color-red-600);--iu-border-error-lighter:var(--iu-primitive-color-red-200);--iu-border-error-subtle:var(--iu-primitive-color-red-100);--iu-border-info:var(--iu-primitive-color-blue-01-400);--iu-border-info-darker:var(--iu-primitive-color-blue-01-500);--iu-border-info-lighter:var(--iu-primitive-color-blue-01-200);--iu-border-info-subtle:var(--iu-primitive-color-blue-01-100);--iu-border-primary:var(--iu-primitive-color-blue-01-400);--iu-border-primary-darker:var(--iu-primitive-color-blue-01-500);--iu-border-primary-lighter:var(--iu-primitive-color-blue-01-200);--iu-border-primary-subtle:var(--iu-primitive-color-blue-01-100);--iu-border-success:var(--iu-primitive-color-green-400);--iu-border-success-darker:var(--iu-primitive-color-green-600);--iu-border-success-lighter:var(--iu-primitive-color-green-200);--iu-border-success-subtle:var(--iu-primitive-color-green-100);--iu-border-warning:var(--iu-primitive-color-yellow-400);--iu-border-warning-darker:var(--iu-primitive-color-yellow-600);--iu-border-warning-lighter:var(--iu-primitive-color-yellow-200);--iu-border-warning-subtle:var(--iu-primitive-color-yellow-100);--iu-on-disabled:var(--iu-primitive-color-grey-700);--iu-on-disabled-icon-1:var(--iu-primitive-color-grey-500);--iu-on-disabled-icon-2:var(--iu-primitive-color-grey-700);--iu-on-disabled-placeholder:var(--iu-primitive-color-grey-500);--iu-on-error-icon:var(--iu-primitive-color-red-600);--iu-on-error-text:var(--iu-primitive-color-red-600);--iu-on-info-icon:var(--iu-primitive-color-blue-01-500);--iu-on-info-text:var(--iu-primitive-color-blue-01-500);--iu-on-primary-icon:var(--iu-primitive-color-grey-0);--iu-on-primary-text:var(--iu-primitive-color-grey-0);--iu-on-success-icon:var(--iu-primitive-color-green-600);--iu-on-success-text:var(--iu-primitive-color-green-600);--iu-on-surface-body:#1f2b4d;--iu-on-surface-caption:#7a8294;--iu-on-surface-icon:var(--iu-primitive-color-grey-900);--iu-on-surface-label:var(--iu-primitive-color-grey-900);--iu-on-surface-placeholder-text:var(--iu-primitive-color-grey-700);--iu-on-surface-subtitle:#31416e;--iu-on-surface-title:#0d152c;--iu-on-warning-icon:var(--iu-primitive-color-yellow-600);--iu-on-warning-text:var(--iu-primitive-color-yellow-800);--iu-select-options-bg:var(--iu-primitive-color-grey-0);--iu-agentic-usecase-card-accent-tint:var(--iu-bg-primary-subtle);--iu-agentic-usecase-card-sky-tint:var(--iu-primitive-color-cyan-100);--iu-agentic-usecase-card-slate-tint:var(--iu-primitive-color-blue-02-100);--iu-agentic-usecase-card-success-tint:var(--iu-bg-success-subtle);--iu-agentic-usecase-card-warm-tint:var(--iu-bg-warning-subtle);--iu-alert-info-bg:var(--iu-primitive-color-blue-01-200);--iu-alert-info-border:var(--iu-primitive-color-blue-01-400);--iu-alert-info-icon:var(--iu-primitive-color-blue-01-400);--iu-comments-reply-bg:var(--iu-bg-surface-layer-bg);--iu-file-upload-inner-border:var(--iu-border-primary-lighter);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-blue-01-100);--iu-link-button-color:var(--iu-primitive-color-blue-01-400);--iu-notification-read-read-bg:var(--iu-primitive-color-grey-100);--iu-notification-read-read-card-bg:var(--iu-primitive-color-grey-100)}[data-iu-theme=dark]{--iu-action-primary-icon:var(--iu-primitive-color-blue-01-400);--iu-action-primary-text:var(--iu-primitive-color-blue-01-400);--iu-badge-error-bg-default:var(--iu-primitive-color-red-300);--iu-badge-error-bg-default-filled:var(--iu-primitive-color-red-600);--iu-badge-error-bg-lighter:var(--iu-primitive-color-red-800);--iu-badge-error-bg-subtle:var(--iu-primitive-color-red-900);--iu-badge-error-on-default:var(--iu-primitive-color-red-200);--iu-badge-error-on-subtle:var(--iu-primitive-color-red-200);--iu-badge-information-bg-default:var(--iu-primitive-color-blue-01-300);--iu-badge-information-bg-lighter:var(--iu-primitive-color-blue-01-800);--iu-badge-information-bg-subtle:var(--iu-primitive-color-blue-01-900);--iu-badge-information-on-default:var(--iu-primitive-color-blue-01-200);--iu-badge-information-on-lighter:var(--iu-primitive-color-blue-01-100);--iu-badge-neutral-bg-default:var(--iu-primitive-color-grey-500);--iu-badge-neutral-bg-subtle:var(--iu-primitive-color-grey-1200);--iu-badge-neutral-on-default:var(--iu-primitive-color-grey-100);--iu-badge-neutral-on-subtle:var(--iu-primitive-color-grey-600);--iu-badge-success-bg-default:var(--iu-primitive-color-green-300);--iu-badge-success-bg-lighter:var(--iu-primitive-color-green-800);--iu-badge-success-bg-subtle:var(--iu-primitive-color-green-900);--iu-badge-success-on-default:var(--iu-primitive-color-green-200);--iu-badge-success-on-subtle:var(--iu-primitive-color-green-200);--iu-badge-warnings-bg-default:var(--iu-primitive-color-sunshine-yellow-300);--iu-badge-warnings-bg-lighter:var(--iu-primitive-color-yellow-800);--iu-badge-warnings-bg-subtle:var(--iu-primitive-color-yellow-900);--iu-badge-warnings-on-default:var(--iu-primitive-color-yellow-200);--iu-badge-warnings-on-subtle:var(--iu-primitive-color-yellow-200);--iu-bg-disabled-1:#1a1d24;--iu-bg-disabled-2:#343841;--iu-bg-disabled-cell:#161920;--iu-bg-error:var(--iu-primitive-color-red-400);--iu-bg-error-darker:var(--iu-primitive-color-red-300);--iu-bg-error-lighter:var(--iu-primitive-color-red-800);--iu-bg-error-subtle:var(--iu-primitive-color-red-900);--iu-bg-info:var(--iu-primitive-color-blue-01-400);--iu-bg-info-darker:var(--iu-primitive-color-blue-01-300);--iu-bg-info-darkest:var(--iu-primitive-color-blue-01-200);--iu-bg-info-lighter:var(--iu-primitive-color-blue-01-800);--iu-bg-info-subtle:var(--iu-primitive-color-blue-01-900);--iu-bg-primary:var(--iu-primitive-color-blue-01-400);--iu-bg-primary-darker:var(--iu-primitive-color-blue-01-300);--iu-bg-primary-darkest:var(--iu-primitive-color-blue-01-300);--iu-bg-primary-lighter:var(--iu-primitive-color-blue-01-800);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-bg-success:var(--iu-primitive-color-green-400);--iu-bg-success-darker:var(--iu-primitive-color-green-300);--iu-bg-success-lighter:var(--iu-primitive-color-green-800);--iu-bg-success-subtle:var(--iu-primitive-color-green-900);--iu-bg-surface:#868c97;--iu-bg-surface-body-bg:#0b0d12;--iu-bg-surface-layer-bg:#12141a;--iu-bg-surface-lighter:#1a1d24;--iu-bg-surface-lightest:#20242c;--iu-bg-surface-overlay-bg:#0b0d12;--iu-bg-surface-subtle:#2a2e37;--iu-bg-warning:var(--iu-primitive-color-yellow-400);--iu-bg-warning-darker:var(--iu-primitive-color-yellow-300);--iu-bg-warning-lighter:var(--iu-primitive-color-yellow-800);--iu-bg-warning-subtle:var(--iu-primitive-color-yellow-900);--iu-border-default:#343841;--iu-border-default-darker:#4a4f59;--iu-border-default-subtle:#262a32;--iu-border-disabled:#343841;--iu-border-error:var(--iu-primitive-color-red-400);--iu-border-error-darker:var(--iu-primitive-color-red-300);--iu-border-error-lighter:var(--iu-primitive-color-red-800);--iu-border-error-subtle:var(--iu-primitive-color-red-900);--iu-border-info:var(--iu-primitive-color-blue-01-400);--iu-border-info-darker:var(--iu-primitive-color-blue-01-300);--iu-border-info-lighter:var(--iu-primitive-color-blue-01-800);--iu-border-info-subtle:var(--iu-primitive-color-blue-01-900);--iu-border-primary:var(--iu-primitive-color-blue-01-400);--iu-border-primary-darker:var(--iu-primitive-color-blue-01-300);--iu-border-primary-lighter:var(--iu-primitive-color-blue-01-800);--iu-border-primary-subtle:var(--iu-primitive-color-blue-01-900);--iu-border-success:var(--iu-primitive-color-green-400);--iu-border-success-darker:var(--iu-primitive-color-green-300);--iu-border-success-lighter:var(--iu-primitive-color-green-800);--iu-border-success-subtle:var(--iu-primitive-color-green-900);--iu-border-warning:var(--iu-primitive-color-yellow-400);--iu-border-warning-darker:var(--iu-primitive-color-yellow-300);--iu-border-warning-lighter:var(--iu-primitive-color-yellow-800);--iu-border-warning-subtle:var(--iu-primitive-color-yellow-900);--iu-on-disabled:#6b7078;--iu-on-disabled-icon-1:#6b7078;--iu-on-disabled-icon-2:#4a4f59;--iu-on-disabled-placeholder:#6b7078;--iu-on-error-icon:var(--iu-primitive-color-red-200);--iu-on-error-text:var(--iu-primitive-color-red-200);--iu-on-info-icon:var(--iu-primitive-color-blue-01-400);--iu-on-info-text:var(--iu-primitive-color-blue-01-400);--iu-on-primary-icon:var(--iu-primitive-color-grey-100);--iu-on-primary-text:var(--iu-primitive-color-grey-100);--iu-on-success-icon:var(--iu-primitive-color-green-200);--iu-on-success-text:var(--iu-primitive-color-green-200);--iu-on-surface-body:#c7cbd1;--iu-on-surface-caption:#9ca1ac;--iu-on-surface-icon:#9ca1ac;--iu-on-surface-label:#868c97;--iu-on-surface-placeholder-text:#757b86;--iu-on-surface-subtitle:#e4e6ea;--iu-on-surface-title:#f5f6f8;--iu-on-warning-icon:var(--iu-primitive-color-yellow-200);--iu-on-warning-text:var(--iu-primitive-color-yellow-800);--iu-select-options-bg:#1a1d24;--iu-agentic-usecase-card-accent-tint:var(--iu-bg-primary-subtle);--iu-agentic-usecase-card-sky-tint:var(--iu-primitive-color-cyan-100);--iu-agentic-usecase-card-slate-tint:var(--iu-primitive-color-blue-02-100);--iu-agentic-usecase-card-success-tint:var(--iu-bg-success-subtle);--iu-agentic-usecase-card-warm-tint:var(--iu-bg-warning-subtle);--iu-alert-info-bg:var(--iu-primitive-color-blue-01-800);--iu-alert-info-border:var(--iu-primitive-color-blue-01-400);--iu-alert-info-icon:var(--iu-primitive-color-blue-01-400);--iu-comments-reply-bg:var(--iu-bg-surface-layer-bg);--iu-file-upload-inner-border:var(--iu-border-primary-lighter);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-grey-1200);--iu-link-button-color:var(--iu-primitive-color-blue-01-300);--iu-notification-read-read-bg:#1a1d24;--iu-notification-read-read-card-bg:#1a1d2480}:root{--iu-accent-amethyst-50:#f4f4fa;--iu-accent-amethyst-100:#e8e8f5;--iu-accent-amethyst-200:#d0cde9;--iu-accent-amethyst-300:#a8a1d7;--iu-accent-amethyst-400:#8765cb;--iu-accent-amethyst-500:#7451b5;--iu-accent-amethyst-600:#60409b;--iu-accent-amethyst-700:#312763;--iu-accent-amethyst-800:#201943;--iu-accent-amethyst-900:#110d24;--iu-accent-ocean-50:#f0f9ff;--iu-accent-ocean-100:#e0f2fe;--iu-accent-ocean-200:#bae6fd;--iu-accent-ocean-300:#7dd3fc;--iu-accent-ocean-400:#0980bb;--iu-accent-ocean-500:#076ea1;--iu-accent-ocean-600:#065b86;--iu-accent-ocean-700:#083753;--iu-accent-ocean-800:#052336;--iu-accent-ocean-900:#03121c;--iu-accent-pink-50:#fdf2f8;--iu-accent-pink-100:#fce7f3;--iu-accent-pink-200:#fbcfe8;--iu-accent-pink-300:#f472b6;--iu-accent-pink-400:#e02784;--iu-accent-pink-500:#c91c70;--iu-accent-pink-600:#ae125d;--iu-accent-pink-700:#641132;--iu-accent-pink-800:#450a21;--iu-accent-pink-900:#250411;--iu-accent-teal-50:#f0fdfa;--iu-accent-teal-100:#ccfbf1;--iu-accent-teal-200:#99f6e4;--iu-accent-teal-300:#5eead4;--iu-accent-teal-400:#078691;--iu-accent-teal-500:#06727c;--iu-accent-teal-600:#055d65;--iu-accent-teal-700:#044950;--iu-accent-teal-800:#03353a;--iu-accent-teal-900:#022023}:root[data-iu-accent=pink]{--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-pink-400) 15%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-pink-400) 30%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-faintest:color-mix(in srgb,var(--iu-accent-pink-400) 8%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-pink-500);--iu-action-primary-text:var(--iu-accent-pink-400);--iu-badge-information-bg-default:var(--iu-accent-pink-400);--iu-badge-information-bg-lighter:var(--iu-accent-tint-subtle);--iu-badge-information-bg-subtle:var(--iu-accent-tint-faintest);--iu-badge-information-on-default:var(--iu-accent-pink-400);--iu-badge-information-on-lighter:var(--iu-accent-pink-200);--iu-bg-info:var(--iu-accent-pink-400);--iu-bg-info-darker:var(--iu-accent-pink-500);--iu-bg-info-darkest:var(--iu-accent-pink-600);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-subtle);--iu-bg-primary:var(--iu-accent-pink-400);--iu-bg-primary-darker:var(--iu-accent-pink-500);--iu-bg-primary-darkest:var(--iu-accent-pink-600);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-accent-tint-subtle);--iu-border-info:var(--iu-accent-pink-400);--iu-border-info-darker:var(--iu-accent-pink-500);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-subtle);--iu-border-primary:var(--iu-accent-pink-400);--iu-border-primary-darker:var(--iu-accent-pink-500);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-subtle);--iu-on-info-icon:var(--iu-accent-pink-500);--iu-on-info-text:var(--iu-accent-pink-500);--iu-filter-panel-tab-active-bg:var(--iu-accent-tint-subtle)}[data-iu-theme=dark][data-iu-accent=pink]{--iu-accent-on-dark-highlight:color-mix(in srgb,var(--iu-accent-pink-300) 45%,var(--iu-accent-pink-400));--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-pink-400) 14%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-pink-400) 22%,var(--iu-bg-surface-lighter));--iu-accent-tint-deep:color-mix(in srgb,var(--iu-accent-pink-400) 32%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-pink-400);--iu-action-primary-text:var(--iu-accent-pink-400);--iu-badge-information-bg-default:var(--iu-accent-on-dark-highlight);--iu-badge-information-bg-lighter:var(--iu-accent-tint-lighter);--iu-badge-information-bg-subtle:var(--iu-accent-tint-deep);--iu-badge-information-on-default:var(--iu-accent-pink-200);--iu-badge-information-on-lighter:var(--iu-accent-pink-100);--iu-bg-info:var(--iu-accent-pink-400);--iu-bg-info-darker:var(--iu-accent-on-dark-highlight);--iu-bg-info-darkest:var(--iu-accent-pink-200);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-deep);--iu-bg-primary:var(--iu-accent-pink-400);--iu-bg-primary-darker:var(--iu-accent-on-dark-highlight);--iu-bg-primary-darkest:var(--iu-accent-on-dark-highlight);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-border-info:var(--iu-accent-pink-400);--iu-border-info-darker:var(--iu-accent-on-dark-highlight);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-deep);--iu-border-primary:var(--iu-accent-pink-400);--iu-border-primary-darker:var(--iu-accent-on-dark-highlight);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-deep);--iu-on-info-icon:var(--iu-accent-pink-400);--iu-on-info-text:var(--iu-accent-pink-400);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-grey-1200)}:root[data-iu-accent=ocean]{--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-ocean-400) 15%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-ocean-400) 30%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-faintest:color-mix(in srgb,var(--iu-accent-ocean-400) 8%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-ocean-500);--iu-action-primary-text:var(--iu-accent-ocean-400);--iu-badge-information-bg-default:var(--iu-accent-ocean-400);--iu-badge-information-bg-lighter:var(--iu-accent-tint-subtle);--iu-badge-information-bg-subtle:var(--iu-accent-tint-faintest);--iu-badge-information-on-default:var(--iu-accent-ocean-400);--iu-badge-information-on-lighter:var(--iu-accent-ocean-200);--iu-bg-info:var(--iu-accent-ocean-400);--iu-bg-info-darker:var(--iu-accent-ocean-500);--iu-bg-info-darkest:var(--iu-accent-ocean-600);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-subtle);--iu-bg-primary:var(--iu-accent-ocean-400);--iu-bg-primary-darker:var(--iu-accent-ocean-500);--iu-bg-primary-darkest:var(--iu-accent-ocean-600);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-accent-tint-subtle);--iu-border-info:var(--iu-accent-ocean-400);--iu-border-info-darker:var(--iu-accent-ocean-500);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-subtle);--iu-border-primary:var(--iu-accent-ocean-400);--iu-border-primary-darker:var(--iu-accent-ocean-500);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-subtle);--iu-on-info-icon:var(--iu-accent-ocean-500);--iu-on-info-text:var(--iu-accent-ocean-500);--iu-filter-panel-tab-active-bg:var(--iu-accent-tint-subtle)}[data-iu-theme=dark][data-iu-accent=ocean]{--iu-accent-on-dark-highlight:color-mix(in srgb,var(--iu-accent-ocean-300) 45%,var(--iu-accent-ocean-400));--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-ocean-400) 14%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-ocean-400) 22%,var(--iu-bg-surface-lighter));--iu-accent-tint-deep:color-mix(in srgb,var(--iu-accent-ocean-400) 32%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-ocean-400);--iu-action-primary-text:var(--iu-accent-ocean-400);--iu-badge-information-bg-default:var(--iu-accent-on-dark-highlight);--iu-badge-information-bg-lighter:var(--iu-accent-tint-lighter);--iu-badge-information-bg-subtle:var(--iu-accent-tint-deep);--iu-badge-information-on-default:var(--iu-accent-ocean-200);--iu-badge-information-on-lighter:var(--iu-accent-ocean-100);--iu-bg-info:var(--iu-accent-ocean-400);--iu-bg-info-darker:var(--iu-accent-on-dark-highlight);--iu-bg-info-darkest:var(--iu-accent-ocean-200);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-deep);--iu-bg-primary:var(--iu-accent-ocean-400);--iu-bg-primary-darker:var(--iu-accent-on-dark-highlight);--iu-bg-primary-darkest:var(--iu-accent-on-dark-highlight);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-border-info:var(--iu-accent-ocean-400);--iu-border-info-darker:var(--iu-accent-on-dark-highlight);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-deep);--iu-border-primary:var(--iu-accent-ocean-400);--iu-border-primary-darker:var(--iu-accent-on-dark-highlight);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-deep);--iu-on-info-icon:var(--iu-accent-ocean-400);--iu-on-info-text:var(--iu-accent-ocean-400);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-grey-1200)}:root[data-iu-accent=teal]{--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-teal-400) 15%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-teal-400) 30%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-faintest:color-mix(in srgb,var(--iu-accent-teal-400) 8%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-teal-500);--iu-action-primary-text:var(--iu-accent-teal-400);--iu-badge-information-bg-default:var(--iu-accent-teal-400);--iu-badge-information-bg-lighter:var(--iu-accent-tint-subtle);--iu-badge-information-bg-subtle:var(--iu-accent-tint-faintest);--iu-badge-information-on-default:var(--iu-accent-teal-400);--iu-badge-information-on-lighter:var(--iu-accent-teal-200);--iu-bg-info:var(--iu-accent-teal-400);--iu-bg-info-darker:var(--iu-accent-teal-500);--iu-bg-info-darkest:var(--iu-accent-teal-600);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-subtle);--iu-bg-primary:var(--iu-accent-teal-400);--iu-bg-primary-darker:var(--iu-accent-teal-500);--iu-bg-primary-darkest:var(--iu-accent-teal-600);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-accent-tint-subtle);--iu-border-info:var(--iu-accent-teal-400);--iu-border-info-darker:var(--iu-accent-teal-500);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-subtle);--iu-border-primary:var(--iu-accent-teal-400);--iu-border-primary-darker:var(--iu-accent-teal-500);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-subtle);--iu-on-info-icon:var(--iu-accent-teal-500);--iu-on-info-text:var(--iu-accent-teal-500);--iu-filter-panel-tab-active-bg:var(--iu-accent-tint-subtle)}[data-iu-theme=dark][data-iu-accent=teal]{--iu-accent-on-dark-highlight:color-mix(in srgb,var(--iu-accent-teal-300) 45%,var(--iu-accent-teal-400));--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-teal-400) 14%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-teal-400) 22%,var(--iu-bg-surface-lighter));--iu-accent-tint-deep:color-mix(in srgb,var(--iu-accent-teal-400) 32%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-teal-400);--iu-action-primary-text:var(--iu-accent-teal-400);--iu-badge-information-bg-default:var(--iu-accent-on-dark-highlight);--iu-badge-information-bg-lighter:var(--iu-accent-tint-lighter);--iu-badge-information-bg-subtle:var(--iu-accent-tint-deep);--iu-badge-information-on-default:var(--iu-accent-teal-200);--iu-badge-information-on-lighter:var(--iu-accent-teal-100);--iu-bg-info:var(--iu-accent-teal-400);--iu-bg-info-darker:var(--iu-accent-on-dark-highlight);--iu-bg-info-darkest:var(--iu-accent-teal-200);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-deep);--iu-bg-primary:var(--iu-accent-teal-400);--iu-bg-primary-darker:var(--iu-accent-on-dark-highlight);--iu-bg-primary-darkest:var(--iu-accent-on-dark-highlight);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-border-info:var(--iu-accent-teal-400);--iu-border-info-darker:var(--iu-accent-on-dark-highlight);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-deep);--iu-border-primary:var(--iu-accent-teal-400);--iu-border-primary-darker:var(--iu-accent-on-dark-highlight);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-deep);--iu-on-info-icon:var(--iu-accent-teal-400);--iu-on-info-text:var(--iu-accent-teal-400);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-grey-1200)}:root[data-iu-accent=amethyst]{--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-amethyst-400) 15%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-amethyst-400) 30%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-faintest:color-mix(in srgb,var(--iu-accent-amethyst-400) 8%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-amethyst-500);--iu-action-primary-text:var(--iu-accent-amethyst-400);--iu-badge-information-bg-default:var(--iu-accent-amethyst-400);--iu-badge-information-bg-lighter:var(--iu-accent-tint-subtle);--iu-badge-information-bg-subtle:var(--iu-accent-tint-faintest);--iu-badge-information-on-default:var(--iu-accent-amethyst-400);--iu-badge-information-on-lighter:var(--iu-accent-amethyst-200);--iu-bg-info:var(--iu-accent-amethyst-400);--iu-bg-info-darker:var(--iu-accent-amethyst-500);--iu-bg-info-darkest:var(--iu-accent-amethyst-600);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-subtle);--iu-bg-primary:var(--iu-accent-amethyst-400);--iu-bg-primary-darker:var(--iu-accent-amethyst-500);--iu-bg-primary-darkest:var(--iu-accent-amethyst-600);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-accent-tint-subtle);--iu-border-info:var(--iu-accent-amethyst-400);--iu-border-info-darker:var(--iu-accent-amethyst-500);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-subtle);--iu-border-primary:var(--iu-accent-amethyst-400);--iu-border-primary-darker:var(--iu-accent-amethyst-500);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-subtle);--iu-on-info-icon:var(--iu-accent-amethyst-500);--iu-on-info-text:var(--iu-accent-amethyst-500);--iu-filter-panel-tab-active-bg:var(--iu-accent-tint-subtle)}[data-iu-theme=dark][data-iu-accent=amethyst]{--iu-accent-on-dark-highlight:color-mix(in srgb,var(--iu-accent-amethyst-300) 45%,var(--iu-accent-amethyst-400));--iu-accent-tint-subtle:color-mix(in srgb,var(--iu-accent-amethyst-400) 14%,var(--iu-bg-surface-layer-bg));--iu-accent-tint-lighter:color-mix(in srgb,var(--iu-accent-amethyst-400) 22%,var(--iu-bg-surface-lighter));--iu-accent-tint-deep:color-mix(in srgb,var(--iu-accent-amethyst-400) 32%,var(--iu-bg-surface-layer-bg));--iu-action-primary-icon:var(--iu-accent-amethyst-400);--iu-action-primary-text:var(--iu-accent-amethyst-400);--iu-badge-information-bg-default:var(--iu-accent-on-dark-highlight);--iu-badge-information-bg-lighter:var(--iu-accent-tint-lighter);--iu-badge-information-bg-subtle:var(--iu-accent-tint-deep);--iu-badge-information-on-default:var(--iu-accent-amethyst-200);--iu-badge-information-on-lighter:var(--iu-accent-amethyst-100);--iu-bg-info:var(--iu-accent-amethyst-400);--iu-bg-info-darker:var(--iu-accent-on-dark-highlight);--iu-bg-info-darkest:var(--iu-accent-amethyst-200);--iu-bg-info-lighter:var(--iu-accent-tint-lighter);--iu-bg-info-subtle:var(--iu-accent-tint-deep);--iu-bg-primary:var(--iu-accent-amethyst-400);--iu-bg-primary-darker:var(--iu-accent-on-dark-highlight);--iu-bg-primary-darkest:var(--iu-accent-on-dark-highlight);--iu-bg-primary-lighter:var(--iu-accent-tint-lighter);--iu-bg-primary-subtle:var(--iu-primitive-color-grey-1200);--iu-border-info:var(--iu-accent-amethyst-400);--iu-border-info-darker:var(--iu-accent-on-dark-highlight);--iu-border-info-lighter:var(--iu-accent-tint-lighter);--iu-border-info-subtle:var(--iu-accent-tint-deep);--iu-border-primary:var(--iu-accent-amethyst-400);--iu-border-primary-darker:var(--iu-accent-on-dark-highlight);--iu-border-primary-lighter:var(--iu-accent-tint-lighter);--iu-border-primary-subtle:var(--iu-accent-tint-deep);--iu-on-info-icon:var(--iu-accent-amethyst-400);--iu-on-info-text:var(--iu-accent-amethyst-400);--iu-filter-panel-tab-active-bg:var(--iu-primitive-color-grey-1200)}[data-iu-contrast=subtle]{--iu-on-surface-caption:#949bab;--iu-on-surface-label:#6b7385;--iu-on-surface-placeholder-text:#a8adb6;--iu-on-surface-subtitle:#4a5a7a;--iu-border-default:var(--iu-primitive-color-grey-300);--iu-border-default-subtle:var(--iu-primitive-color-grey-200)}[data-iu-contrast=dark]{--iu-on-surface-caption:#5c6578;--iu-on-surface-label:#1f2b4d;--iu-on-surface-placeholder-text:#5c6578;--iu-on-surface-subtitle:#1a2440;--iu-border-default:var(--iu-primitive-color-grey-800);--iu-border-default-subtle:var(--iu-primitive-color-grey-500)}[data-iu-theme=dark][data-iu-contrast=subtle]{--iu-on-surface-caption:#8a909a;--iu-on-surface-label:#757b86;--iu-on-surface-placeholder-text:#6b7078;--iu-on-surface-subtitle:#b8bdc6;--iu-border-default:#2a2e37;--iu-border-default-subtle:#22262e}[data-iu-theme=dark][data-iu-contrast=dark]{--iu-on-surface-caption:#a8adb8;--iu-on-surface-label:#c7cbd1;--iu-on-surface-placeholder-text:#9ca1ac;--iu-on-surface-subtitle:#eceef2;--iu-border-default:#4a4f59;--iu-border-default-subtle:#3f4550}:root{--iu-effect-shadow-overlay-navy-alpha-16:0 8px 32px 0 #101e3629;--iu-effect-shadow-elevation-16-soft:0px 0px 16px 2px #0000000f;--iu-effect-shadow-drop-4:0px 0px 4px 0px #0000001f;--iu-effect-shadow-save-view-tint:0px 0px 0px 0px #1a277c24;--iu-effect-shadow-header-bar-elevation:0px 0px 16px 2px #0000000f;--iu-effect-shadow-header-dropdown-elevated:0px 4px 16px #00000029;--iu-effect-shadow-dynamic-layout-card:0px 0px 4px 0px #ababab40;--iu-effect-gradient-header-smart-bot-main:linear-gradient(-45deg,#2ac2aa,#6666ef,#f26922,#8863c0,#0f1937);--iu-effect-gradient-header-smart-bot-border:linear-gradient(167deg,#2ac2ee,#6962ef,#f26921);--iu-effect-gradient-header-smart-bot-hover:linear-gradient(-45deg,#2ac2ee,#6962ef,#f26921);--iu-effect-gradient-homepage-toolkit-section:color-mix(in srgb,var(--iu-legacy-homepage-toolkit-bg) 89.80392%,#0000);--iu-effect-gradient-homepage-toolkit-section-dark:color-mix(in srgb,var(--iu-bg-primary-subtle) 89.80392%,#0000);--iu-effect-gradient-homepage-hero-radial:radial-gradient(65.75% 64.76% at 57.88% 39.21%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 75%,#0000) 67.79%,#0000 100%);--iu-effect-gradient-homepage-new-product-ribbon:linear-gradient(90deg,color-mix(in srgb,var(--iu-bg-warning) 30%,#0000) 2.15%,color-mix(in srgb,var(--iu-bg-warning-subtle) 88%,var(--iu-bg-surface-layer-bg)) 100%);--iu-effect-gradient-homepage-release-status-ribbon:linear-gradient(90deg,color-mix(in srgb,var(--iu-bg-primary-lighter) 45%,#0000) 2.15%,color-mix(in srgb,var(--iu-primitive-color-purple-500) 38%,var(--iu-bg-primary-subtle)) 96.7%);--iu-effect-gradient-homepage-client-logo-border:linear-gradient(93.56deg,color-mix(in srgb,var(--iu-primitive-color-purple-500) 52%,var(--iu-bg-error-lighter)) 22.01%,color-mix(in srgb,var(--iu-bg-primary-lighter) 72%,var(--iu-bg-primary-subtle)) 78.02%);--iu-effect-gradient-homepage-smart-pf-panel:linear-gradient(180deg,color-mix(in srgb,var(--iu-bg-primary-subtle) 35%,#0000) 0%,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 60%,#0000) 100%);--iu-effect-gradient-homepage-smart-pf-title-text:linear-gradient(90deg,var(--iu-bg-primary-lighter) 0%,var(--iu-on-surface-title) 50%,var(--iu-bg-primary-lighter) 100%);--iu-effect-gradient-homepage-ia-card-border:linear-gradient(180deg,color-mix(in srgb,var(--iu-primitive-color-cyan-500) 90%,#0000) 0%,color-mix(in srgb,var(--iu-legacy-homepage-accent) 90%,#0000) 100%);--iu-effect-gradient-homepage-agent-studio-title-text:linear-gradient(90deg,var(--iu-bg-warning) 0%,var(--iu-legacy-homepage-accent) 100%);--iu-effect-gradient-homepage-agentic-hover-scrim:linear-gradient(180deg,#0000 0%,color-mix(in srgb,var(--iu-bg-surface-overlay-bg) 59%,#0000) 100%);--iu-effect-gradient-chatbot-user-message:linear-gradient(91deg,color-mix(in srgb,var(--iu-bg-primary-subtle) 40%,#0000) .67%,color-mix(in srgb,var(--iu-bg-primary-lighter) 32%,#0000) 56.16%,color-mix(in srgb,var(--iu-bg-error-subtle) 27%,#0000) 111.65%);--iu-effect-gradient-chatbot-sidebar-panel:linear-gradient(180deg,color-mix(in srgb,var(--iu-bg-surface-lighter) 60%,#0000) 0%,color-mix(in srgb,var(--iu-bg-primary-subtle) 44%,#0000) 50%,color-mix(in srgb,var(--iu-bg-error-subtle) 25%,#0000) 100%);--iu-effect-gradient-chatbot-sidebar-rail-border:linear-gradient(180deg,var(--iu-bg-primary-lighter) 0%,var(--iu-bg-primary-subtle) 61%,color-mix(in srgb,var(--iu-bg-warning-lighter) 70%,#0000) 100%);--iu-effect-gradient-chatbot-welcome-username:linear-gradient(82deg,var(--iu-bg-warning) 10.92%,var(--iu-primitive-color-purple-500) 81.37%);--iu-effect-gradient-chatbot-tab-bar:linear-gradient(91deg,var(--iu-bg-primary-subtle) 54.01%,#0000 107.24%);--iu-effect-gradient-chatbot-suggestion-banner-border:linear-gradient(90deg,var(--iu-bg-primary-lighter) 0%,color-mix(in srgb,var(--iu-bg-primary-subtle) 20%,#0000) 100%);--iu-effect-gradient-theming-panel-body:linear-gradient(134deg,var(--iu-bg-surface-layer-bg) 70.9%,var(--iu-bg-primary) 158.76%);--iu-effect-fill-surface-hover:color-mix(in srgb,var(--iu-primitive-color-grey-1000) 50%,#0000)}:root,[data-iu-theme=dark]{--iu-effect-mix-primary-alpha-10:color-mix(in srgb,var(--iu-bg-primary) 10%,#0000);--iu-effect-mix-primary-alpha-15:color-mix(in srgb,var(--iu-bg-primary) 15%,#0000);--iu-effect-mix-primary-alpha-20:color-mix(in srgb,var(--iu-bg-primary) 20%,#0000);--iu-effect-mix-primary-alpha-30:color-mix(in srgb,var(--iu-bg-primary) 30%,#0000);--iu-effect-mix-primary-alpha-40:color-mix(in srgb,var(--iu-bg-primary) 40%,#0000);--iu-effect-mix-primary-alpha-50:color-mix(in srgb,var(--iu-bg-primary) 50%,#0000);--iu-effect-mix-primary-alpha-60:color-mix(in srgb,var(--iu-bg-primary) 60%,#0000);--iu-effect-mix-primary-darken-5:color-mix(in srgb,var(--iu-bg-primary) 95%,#000);--iu-effect-mix-error-alpha-10:color-mix(in srgb,var(--iu-bg-error) 10%,#0000);--iu-effect-mix-modal-backdrop-80:color-mix(in srgb,var(--iu-bg-surface-overlay-bg) 80%,#0000)}:root{--iu-legacy-black-pure:#000;--iu-legacy-box-shadow-tint:#0000001f;--iu-legacy-breadcrumbs-dot:#6b7280;--iu-legacy-chatbot-bg:#0f1937;--iu-legacy-chatbot-light-blue:#418dffab;--iu-legacy-chatbot-light-pink:#ffb4d8;--iu-legacy-dark-gray:#d4d4d4;--iu-legacy-error-background:#feeaf3;--iu-legacy-error-stroke:#f3c1c0;--iu-legacy-error-toast-text:#ec4c5c;--iu-legacy-gray-50:#f9fafb;--iu-legacy-gray-badge:#5f6673;--iu-legacy-green-badge:#108431;--iu-legacy-homepage-accent:#6962ef;--iu-legacy-homepage-accent-border:#9995ff;--iu-legacy-homepage-smart-ai-bg:#edeff6;--iu-legacy-homepage-smart-ai-patch:#eeeff7;--iu-legacy-homepage-toolkit-bg:#eaf2ff;--iu-legacy-homepage-toolkit-cta:#e9f2ff;--iu-legacy-inactive-input-bg:#f2f4fb;--iu-legacy-info-background:#e2f4ff;--iu-legacy-info-stroke:#c6cdfb;--iu-legacy-layout-body-muted:#666;--iu-legacy-layout-heading:#1a1a1a;--iu-legacy-light-blue-nav-bar:#b2c2e0;--iu-legacy-light-gray-font:#c7c7c7;--iu-legacy-menu-border:#f0f0f0;--iu-legacy-modal-backdrop:#0d152ccc;--iu-legacy-off-white:#f5f5f5;--iu-legacy-primary-badge:#5267f4;--iu-legacy-progress-bar-bg:#f3f4f6;--iu-legacy-red-badge:#ec4c5c;--iu-legacy-save-view-box-shadow:#1a277c24;--iu-legacy-shadow-light:#0000001a;--iu-legacy-shadow-medium:#0000001f;--iu-legacy-shadow-soft:#0000000f;--iu-legacy-skeleton-dark:#222425;--iu-legacy-stepper-bg:#acacac;--iu-legacy-stepper-border:#ebebf0;--iu-legacy-stepper-font:#7c7c7c;--iu-legacy-subtle-default:#f2f3f4;--iu-legacy-subtle-error:#fef4f5;--iu-legacy-subtle-error-font:#d62f2d;--iu-legacy-subtle-info:#f1f3fe;--iu-legacy-subtle-success:#f4fff7;--iu-legacy-subtle-success-font:#0b832f;--iu-legacy-subtle-warning:#fdfae9;--iu-legacy-table-bg-hover:#f1f4f9;--iu-legacy-warning-background:#fff8d5;--iu-legacy-yellow-badge:#ffe174;--iu-legacy-yellow-badge-outlined:#8c6f06;--impact-icon-light:var(--iu-on-surface-icon);--impact-icon-dark:var(--iu-on-surface-icon)}.impact-icon{display:inline-block;flex-shrink:0}.impact-icon--light{color:var(--impact-icon-light)}.impact-icon--dark{color:var(--impact-icon-dark)}.impact-icon--disabled{opacity:.5;pointer-events:none}@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:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:var(--iu-bg-surface-lighter);background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 22%,var(--iu-bg-surface-lighter) 48%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 62%,var(--iu-bg-surface-lighter) 100%);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,var(--iu-bg-surface-lighter) 0,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 40%,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 100%);background-size:100% 100%}}.ia-shimmer--circular{background-color:var(--iu-bg-surface-lighter);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),color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 80deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 160deg,var(--iu-bg-surface-lighter) 260deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,color-mix(in srgb,var(--iu-bg-surface-layer-bg) 82%,var(--iu-bg-surface-lighter)) 0deg,var(--iu-bg-surface-lighter) 120deg,color-mix(in srgb,var(--iu-border-default) 45%,var(--iu-bg-surface-lighter)) 240deg,var(--iu-bg-surface-lighter) 1turn)}}:root{--ia-focus-color:var(--iu-bg-primary);--ia-focus-bg:var(--iu-bg-surface-layer-bg);--ia-focus-ring-width:2px;--ia-focus-ring-offset:2px;--ia-modal-backdrop:var(--iu-effect-mix-modal-backdrop-80);--iu-link-button-hover:var(--iu-primitive-color-blue-01-500)}[data-iu-theme=dark]{--iu-link-button-hover:var(--iu-primitive-color-blue-01-400)}*,: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}a[href]:not(.ia-btn):not(.MuiButton-root):not(.impact-sidebar-routes-list-item-link){color:var(--iu-link-button-color)}a[href]:not(.ia-btn):not(.MuiButton-root):not(.impact-sidebar-routes-list-item-link):hover{color:var(--iu-link-button-hover)}.impact-sidebar-container{--ia-focus-color:var(--iu-primitive-color-blue-01-400)}.impact-sidebar-container a[href],.impact-sidebar-container a[href].impact-sidebar-routes-list-item-link{color:var(--ia-sidebar-fg);text-decoration:none}.impact-sidebar-container a[href].impact-sidebar-routes-list-item-link:active,.impact-sidebar-container a[href].impact-sidebar-routes-list-item-link:focus,.impact-sidebar-container a[href].impact-sidebar-routes-list-item-link:hover,.impact-sidebar-container a[href].impact-sidebar-routes-list-item-link:visited,.impact-sidebar-container a[href]:active,.impact-sidebar-container a[href]:focus,.impact-sidebar-container a[href]:hover,.impact-sidebar-container a[href]:visited{color:var(--ia-sidebar-fg)}:root{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/IA_Logo.svg)}[data-iu-theme=dark]{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/impact-logo-dark.svg)}[data-iu-interface-style=halloween]{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/impact-halloween-logo.svg)}[data-iu-interface-style=halloween][data-iu-theme=dark]{--iu-header-logo-src:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/impact-halloween-logo-dark.svg)}[data-iu-interface-style=halloween]{--iu-style-halloween-header-flying-bat:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-flying-bat-light.svg);--iu-style-halloween-header-pumpkin:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-pumpkin.svg);--iu-style-halloween-header-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-low-opacity-light.svg);--iu-style-halloween-ghost:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-ghost-light.svg);--iu-style-halloween-emptyState-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-high-opacity-light.svg);--iu-style-halloween-panel-bats:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/panel-bats-light.svg)}[data-iu-interface-style=halloween][data-iu-theme=dark]{--iu-style-halloween-header-flying-bat:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-flying-bat-dark.svg);--iu-style-halloween-header-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-low-opacity-dark.svg);--iu-style-halloween-ghost:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-ghost-dark.svg);--iu-style-halloween-emptyState-web:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/halloween-spider-web-high-opacity-dark.svg);--iu-style-halloween-panel-bats:url(https://impact-kit.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/images/theme/halloween/panel-bats-dark.svg)}.impact-header-interface-style-decor{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:0}.impact-header-container-left-side,.impact-header-container-right-side{position:relative;z-index:1}.impact-header-interface-style-decor__item{display:block;pointer-events:none;position:absolute}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-accent{background-image:var(--iu-style-halloween-header-title-accent);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;left:247px;top:10px;width:29px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-bat-1{background-image:var(--iu-style-halloween-header-title-bat-1);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;left:356px;top:11px;width:40px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-bat-2{background-image:var(--iu-style-halloween-header-title-bat-2);background-position:50%;background-repeat:no-repeat;background-size:contain;height:24px;left:392px;top:15px;width:21px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--title-bat-3{background-image:var(--iu-style-halloween-header-title-bat-3);background-position:50%;background-repeat:no-repeat;background-size:contain;height:11px;left:360px;top:11px;width:18px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--flying-bat{background-image:var(--iu-style-halloween-header-flying-bat);background-position:50%;background-repeat:no-repeat;background-size:contain;height:32px;left:1143px;top:22px;width:57px}[data-iu-interface-style=halloween] .impact-header-interface-style-decor__item--spider-web{background-image:var(--iu-style-halloween-header-web);background-position:50%;background-repeat:no-repeat;background-size:contain;height:215px;left:1351px;top:-113px;width:224px}.impact-sidebar-interface-style-decor{height:25px;left:25px;pointer-events:none;position:absolute;top:3px;width:35px;z-index:2}[data-iu-interface-style=halloween] .impact-sidebar-interface-style-decor{background-image:var(--iu-style-halloween-sidebar-top);background-position:50%;background-repeat:no-repeat;background-size:contain}.ia-interface-style-viewport-decor{top:0;right:0;bottom:0;left:0;pointer-events:none;position:fixed;z-index:1190}.ia-interface-style-viewport-decor__item{display:block;position:absolute}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-left{background-image:var(--iu-style-halloween-viewport-bottom-left);background-position:0 100%;background-repeat:no-repeat;background-size:contain;bottom:0;height:400px;left:0;width:280px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-right{background-image:var(--iu-style-halloween-viewport-bottom-right);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;bottom:0;height:400px;right:0;width:280px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-bat{background-image:var(--iu-style-halloween-viewport-bottom-bat);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:8px;height:44px;left:1258px;width:79px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-deco-left{background-image:var(--iu-style-halloween-viewport-bottom-deco-left);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:13px;height:33px;left:475px;width:51px}[data-iu-interface-style=halloween] .ia-interface-style-viewport-decor__item--bottom-deco-right{background-image:var(--iu-style-halloween-viewport-bottom-deco-right);background-position:50%;background-repeat:no-repeat;background-size:contain;bottom:11px;height:42px;right:max(24px,100vw - 1680px - 34px);width:34px}.impact-notification-separator{background-color:var(--iu-border-default);display:inline-block;height:16px;width:1.5px}.impact-notification-horizontal-separator{background-color:var(--iu-border-default);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}.table-chat-right-section-container{background:var(--iu-bg-surface-layer-bg);border-radius:10px;box-sizing:border-box;display:flex;flex:1 1 0;flex-direction:column;height:100%;max-width:100%;min-width:0;overflow:hidden;position:relative;width:100%}.table-chat-right-section-container .clear-chat-button-container{background:var(--iu-bg-surface-layer-bg);box-sizing:border-box;cursor:pointer;display:flex;justify-content:flex-end;padding:8px 16px;position:absolute;top:64px;width:100%;z-index:999}.table-chat-right-section-container-empty{background:var(--iu-bg-surface-layer-bg);border-radius:10px;display:flex;flex-direction:column;height:100%;max-width:640px;position:relative;width:100%}.table-chat-messages{background:var(--iu-bg-surface-layer-bg);box-sizing:border-box;color:var(--iu-on-surface-body);display:flex;flex:1;flex-direction:column;gap:10px;justify-content:flex-start;margin-bottom:10px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:16px 20px}.empty-state-container{justify-content:center}.message-wrapper{box-sizing:border-box;display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;width:100%}.table-chat-empty-state{align-items:center;color:var(--iu-on-surface-caption);display:flex;flex-direction:column;font-size:14px;gap:20px;justify-content:center;max-width:641px;padding:0 60px;text-align:center}.table-chat-empty-state p{margin:0}.infinite-scroll-trigger{min-height:60px;padding:16px}.infinite-scroll-loading,.infinite-scroll-trigger{align-items:center;display:flex;justify-content:center}.infinite-scroll-loading{width:100%}.infinite-scroll-placeholder{height:1px;width:100%}.infinite-scroll-error{align-items:center;background:var(--iu-effect-mix-error-alpha-10);border-radius:8px;color:var(--iu-bg-error);display:flex;flex-direction:column;justify-content:center;margin:8px 0;padding:16px;text-align:center}.infinite-scroll-error p{font-size:12px;margin:0 0 8px}.add_member_btn{border-radius:25px!important;margin:0 auto;width:200px}.add_members_modal{width:320px!important}.modal-header-search-input-container{align-items:center;display:flex;margin-bottom:16px;width:100%}.modal-header-search-input-container .menu-header-search-icon{margin-top:4px;width:20px}')),document.head.appendChild(i)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}}();
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import React__default, { useRef, useState, useCallback, useEffect } from "react";
-import { getAssetUrl } from "../../../../utils/assetBase.js";
+import { SearchIcon as SearchIcon_default } from "../../../../node_modules/@impactsmartsuite/impact-icons/dist/index.js";
 import { ChatHeader } from "./ChatHeader/ChatHeader.js";
 import { ChatInput } from "./ChatInput/ChatInput.js";
 import { ChatMessage } from "./ChatMessages/ChatMessage.js";
 import { DateSeparator } from "./DateSeparator/DateSeparator.js";
 import { Avatar } from "../../../Avatar/index.js";
-import { Badge } from "../../../Badge/index.js";
 import { Button } from "../../../Button/index.js";
 import { Checkbox } from "../../../Checkbox/index.js";
 import { Input } from "../../../Input/index.js";
@@ -18,8 +17,8 @@ import { EmptyContainer } from "../../EmptyContainer.js";
 import useInfiniteScroll from "../../hooks/useInfiniteScroll.js";
 import ChatMessageListSkeleton from "../ChatMessageSkeleton/ChatMessageListSkeleton.js";
 
+import { ImpactIcon, impactIconSource } from "../../../ImpactIcon/index.js";
 import { useTranslation } from "../../../../i18n/useTranslation.js";
-const SearchIcon = getAssetUrl("icons/searchIcon.svg");
 const TableChatRightSection = ({
   // Header props
   title,
@@ -63,13 +62,8 @@ const TableChatRightSection = ({
   const [inputValue, setInputValue] = useState("");
   const [messages, setMessages] = useState(propMessages);
   const [showClearChat, setShowClearChat] = useState(false);
-  const [floatingDateLabel, setFloatingDateLabel] = useState("");
-  const [floatingDateVisible, setFloatingDateVisible] = useState(false);
-  const floatingDateTimerRef = useRef(null);
-  const scrollRafRef = useRef(null);
   const [isEditMode, setIsEditMode] = useState(false);
   const [editingMessage, setEditingMessage] = useState(null);
-  const [replyingToMessage, setReplyingToMessage] = useState(null);
   const [searchResults, setSearchResults] = useState([]);
   const [isSearchActive, setIsSearchActive] = useState(false);
   const [searchQuery, setSearchQuery] = useState("");
@@ -162,12 +156,6 @@ const TableChatRightSection = ({
       setEnableInfiniteScroll(false);
     }
   }, [chatId]);
-  useEffect(() => {
-    setReplyingToMessage(null);
-    setIsEditMode(false);
-    setEditingMessage(null);
-    setInputValue("");
-  }, [chatId]);
   useEffect(() => {
     const trigger = messageConfig.messagesClearedTrigger;
     if (trigger && trigger > 0 && chatId) {
@@ -423,96 +411,69 @@ const TableChatRightSection = ({
     }
   }, [realTimeMessages, chatId, currentTopicId, autoScroll]);
   const handleSend = async (payload) => {
-    var _a2;
-    if (inputChatConfig.onSend) {
+    if (isEditMode && editingMessage) {
+      await handleUpdateMessage(payload);
+    } else if (inputChatConfig.onSend) {
       try {
-        const sendPayload = replyingToMessage ? {
-          ...payload,
-          replyToMessageId: replyingToMessage.id,
-          quote: {
-            authorLabel: replyingToMessage.authorName || ((_a2 = replyingToMessage.otherProps) == null ? void 0 : _a2.sender_name) || (replyingToMessage.author === "user" ? t("tableChat.message.you") : void 0),
-            authorName: replyingToMessage.authorName,
-            content: replyingToMessage.content,
-            messageId: replyingToMessage.id
-          }
-        } : payload;
-        const response = await inputChatConfig.onSend(sendPayload, chatId);
+        const response = await inputChatConfig.onSend(payload, chatId);
         if (onRealTimeMessageUpdate && response) {
           onRealTimeMessageUpdate(response);
         }
         setInputValue("");
-        exitReplyMode();
       } catch (error) {
         console.error("Error sending message:", error);
       }
     } else {
       setInputValue("");
-      exitReplyMode();
     }
   };
   const handleUpdateMessage = async (updatedContent) => {
     var _a2;
     if (messageConfig.onMessageUpdate && editingMessage) {
       try {
-        const content = typeof updatedContent === "string" ? updatedContent : updatedContent == null ? void 0 : updatedContent.content;
-        const response = await messageConfig.onMessageUpdate(editingMessage.id, {
-          content,
-          ...typeof updatedContent === "object" && updatedContent !== null ? updatedContent : {}
-        });
+        const response = await messageConfig.onMessageUpdate(editingMessage.id, updatedContent);
         exitEditMode();
         const isRealTimeMessage = editingMessage.isRealTime || ((_a2 = editingMessage.otherProps) == null ? void 0 : _a2.isRealTime);
         if (isRealTimeMessage) {
           if (onRealTimeMessageUpdate && response) {
             onRealTimeMessageUpdate(response);
           }
-        } else if (response) {
-          setMessages(
-            (prevMessages) => prevMessages.map((msg) => {
-              if (msg.id !== editingMessage.id) return msg;
-              if (response.content != null || response.author != null) {
-                return { ...msg, ...response, edited: true, content: response.content ?? content };
-              }
-              return { ...msg, content, edited: true };
-            })
-          );
-        } else if (content) {
-          setMessages(
-            (prevMessages) => prevMessages.map(
-              (msg) => msg.id === editingMessage.id ? { ...msg, content, edited: true } : msg
-            )
-          );
+        } else {
+          if (response) {
+            setMessages((prevMessages) => {
+              return prevMessages.map((msg) => {
+                if (msg.id === editingMessage.id) {
+                  return response;
+                }
+                return msg;
+              });
+            });
+          }
         }
       } catch (error) {
         console.error("Error updating message:", error);
-        throw error;
       }
     }
   };
   const handleEditMessage = (message) => {
-    exitReplyMode();
     setIsEditMode(true);
     setEditingMessage(message);
+    setInputValue(message.content || "");
   };
   const exitEditMode = () => {
     setIsEditMode(false);
     setEditingMessage(null);
-  };
-  const handleInlineSaveEdit = async (content) => {
-    await handleUpdateMessage({ content });
-  };
-  const exitReplyMode = () => {
-    setReplyingToMessage(null);
+    setInputValue("");
   };
   const handleReply = async (messageId) => {
-    exitEditMode();
-    const message = messages.find((msg) => msg.id === messageId) || (isSearchActive ? searchResults.find((msg) => msg.id === messageId) : null);
-    if (message) {
-      setReplyingToMessage(message);
-    }
     if (inputChatConfig.onMessageReply) {
-      await inputChatConfig.onMessageReply(messageId, chatId, message);
+      await inputChatConfig.onMessageReply(messageId, chatId);
+    }
+  };
+  const handleBookmark = async (messageId) => {
+    if (inputChatConfig.onMessageBookmark) {
+      await inputChatConfig.onMessageBookmark(messageId, chatId);
     }
-    onMessageReply == null ? void 0 : onMessageReply(messageId, chatId);
   };
   const handlePin = async (messageId, pinned, chatId2, item) => {
     var _a2;
@@ -523,6 +484,11 @@ const TableChatRightSection = ({
       console.error("Error pinning message:", error);
     }
   };
+  const handleMore = async (messageId) => {
+    if (inputChatConfig.onMessageMore) {
+      await inputChatConfig.onMessageMore(messageId, chatId);
+    }
+  };
   const markMessageAsDeleted = (messageId) => {
     setMessages((prevMessages) => {
       return prevMessages.map((msg) => {
@@ -728,60 +694,6 @@ const TableChatRightSection = ({
       }
     }
   };
-  const { locale } = useTranslation();
-  const formatFloatingDate = useCallback(
-    (rawDate) => {
-      if (!rawDate) return "";
-      const today = /* @__PURE__ */ new Date();
-      const msgDate = new Date(rawDate);
-      if (isNaN(msgDate.getTime())) return "";
-      const diffDays = (new Date(today.getFullYear(), today.getMonth(), today.getDate()) - new Date(msgDate.getFullYear(), msgDate.getMonth(), msgDate.getDate())) / (1e3 * 60 * 60 * 24);
-      if (diffDays === 0) return t("tableChat.dateSeparator.today");
-      if (diffDays === 1) return t("tableChat.dateSeparator.yesterday");
-      if (diffDays > 1 && diffDays < 7)
-        return msgDate.toLocaleDateString(locale, { weekday: "long" });
-      return msgDate.toLocaleDateString(locale, {
-        year: "numeric",
-        month: "short",
-        day: "numeric"
-      });
-    },
-    [t, locale]
-  );
-  useEffect(() => {
-    const container = messagesRef.current;
-    if (!container) return;
-    const handleScroll = () => {
-      if (scrollRafRef.current) return;
-      scrollRafRef.current = requestAnimationFrame(() => {
-        scrollRafRef.current = null;
-        const separators = container.querySelectorAll("[data-date-iso]");
-        const containerTop = container.getBoundingClientRect().top;
-        let activeLabel = "";
-        for (const el of separators) {
-          if (el.getBoundingClientRect().bottom <= containerTop + 8) {
-            activeLabel = el.getAttribute("data-date-label") || "";
-          } else {
-            break;
-          }
-        }
-        if (activeLabel) {
-          setFloatingDateLabel(activeLabel);
-          setFloatingDateVisible(true);
-          clearTimeout(floatingDateTimerRef.current);
-          floatingDateTimerRef.current = setTimeout(() => {
-            setFloatingDateVisible(false);
-          }, 2e3);
-        }
-      });
-    };
-    container.addEventListener("scroll", handleScroll, { passive: true });
-    return () => {
-      container.removeEventListener("scroll", handleScroll);
-      cancelAnimationFrame(scrollRafRef.current);
-      clearTimeout(floatingDateTimerRef.current);
-    };
-  }, []);
   return /* @__PURE__ */ jsxs("div", { className: `table-chat-right-section-container ${className}`, children: [
     chatId ? /* @__PURE__ */ jsx(
       ChatHeader,
@@ -798,9 +710,10 @@ const TableChatRightSection = ({
         title
       }
     ) : null,
-    messages.length > 0 ? /* @__PURE__ */ jsx("div", { className: "clear-chat-bar", children: /* @__PURE__ */ jsx(
+    messages.length > 0 && /* @__PURE__ */ jsx("div", { className: "clear-chat-button-container", children: /* @__PURE__ */ jsx(
       Button,
       {
+        className: "clear-chat-button",
         size: "small",
         variant: "text",
         onClick: (event) => {
@@ -809,241 +722,223 @@ const TableChatRightSection = ({
         },
         children: t("tableChat.right.clearChat")
       }
-    ) }) : null,
-    /* @__PURE__ */ jsxs("div", { className: "chat-messages-area", children: [
-      floatingDateLabel ? /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-live": "polite",
-          className: `floating-date-badge date-separator ${floatingDateVisible ? "floating-date-badge--visible" : ""}`,
-          children: /* @__PURE__ */ jsx(Badge, { color: "default", label: floatingDateLabel, size: "small", variant: "stroke" })
-        }
-      ) : null,
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: messagesRef,
-          className: `table-chat-messages ${groupedItems.length === 0 && !hasMore ? "empty-state-container" : ""}`,
-          children: [
-            hasMore && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, className: "infinite-scroll-trigger", children: isLoadingMore ? /* @__PURE__ */ jsx("div", { className: "infinite-scroll-loading", children: /* @__PURE__ */ jsx(Loader, { size: "medium" }) }) : /* @__PURE__ */ jsx("div", { className: "infinite-scroll-placeholder" }) }),
-            isSearchLoading ? /* @__PURE__ */ jsx("div", { className: "table-chat-loading-state", children: /* @__PURE__ */ jsx(ChatMessageListSkeleton, { messageCount: 4 }) }) : groupedItems.length === 0 && !hasMore ? /* @__PURE__ */ jsx("div", { className: "table-chat-empty-state", children: isSearchActive ? /* @__PURE__ */ jsx(
+    ) }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: messagesRef,
+        className: `table-chat-messages ${groupedItems.length === 0 && !hasMore ? "empty-state-container" : ""}`,
+        children: [
+          hasMore && /* @__PURE__ */ jsx("div", { ref: loadMoreRef, className: "infinite-scroll-trigger", children: isLoadingMore ? /* @__PURE__ */ jsx("div", { className: "infinite-scroll-loading", children: /* @__PURE__ */ jsx(Loader, { size: "medium" }) }) : /* @__PURE__ */ jsx("div", { className: "infinite-scroll-placeholder" }) }),
+          isSearchLoading ? /* @__PURE__ */ jsx("div", { className: "table-chat-loading-state", children: /* @__PURE__ */ jsx(ChatMessageListSkeleton, { messageCount: 4 }) }) : groupedItems.length === 0 && !hasMore ? /* @__PURE__ */ jsx("div", { className: "table-chat-empty-state", children: isSearchActive ? /* @__PURE__ */ jsx(
+            EmptyContainer,
+            {
+              subTitle: t("tableChat.right.tryDifferentKeyword"),
+              title: t("tableChat.right.noMessagesFound", {
+                query: searchQuery
+              })
+            }
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
               EmptyContainer,
               {
-                subTitle: t("tableChat.right.tryDifferentKeyword"),
-                title: t("tableChat.right.noMessagesFound", {
-                  query: searchQuery
-                })
+                subTitle: t("tableChat.right.noConversationSubtitle"),
+                title: t("tableChat.right.noConversationTitle")
               }
-            ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-              /* @__PURE__ */ jsx(
-                EmptyContainer,
-                {
-                  subTitle: t("tableChat.right.noConversationSubtitle"),
-                  title: t("tableChat.right.noConversationTitle")
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  disabled: showAddMembersLoading,
-                  size: "large",
-                  type: "default",
-                  variant: "secondary",
-                  onClick: () => setShowAddMembers(true),
-                  className: "add_member_btn",
-                  iconPlacement: "right",
-                  children: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.addMembers")
-                }
-              )
-            ] }) }) : groupedItems.map((item, index) => {
-              var _a2, _b2, _c;
-              if (item.type === "date-separator") {
-                const dateLabel = formatFloatingDate(item.date);
-                return /* @__PURE__ */ jsx(
-                  "div",
-                  {
-                    "data-date-iso": new Date(item.date).toISOString(),
-                    "data-date-label": dateLabel,
-                    children: /* @__PURE__ */ jsx(DateSeparator, { date: item.date })
-                  },
-                  item.id
-                );
-              }
-              if (item.type === "system" || item.type === "info") {
-                const label = typeof item.content === "string" ? item.content.replace(/<[^>]*>/g, "").trim() : item.text || item.label || "";
-                if (!label) return null;
-                return /* @__PURE__ */ jsx("div", { className: "system-info-row", "data-message-id": item.id, children: /* @__PURE__ */ jsx(Badge, { color: "info", label, size: "small", variant: "subtle" }) }, item.id);
-              }
-              const isUserMessage = currentUserId ? item.senderId === currentUserId || ((_a2 = item.otherProps) == null ? void 0 : _a2.sender_id) === currentUserId || item.senderId === String(currentUserId) || ((_b2 = item.otherProps) == null ? void 0 : _b2.sender_id) === String(currentUserId) || item.author === "user" : item.author === "user";
-              return /* @__PURE__ */ jsx("div", { className: "message-wrapper", "data-message-id": item.id, children: /* @__PURE__ */ jsx(
-                ChatMessage,
-                {
-                  authorAvatar: item.authorAvatar,
-                  authorName: item.authorName,
-                  content: item.content,
-                  deleted: item.deleted || ((_c = item.otherProps) == null ? void 0 : _c.deleted) || false,
-                  edited: item.edited || false,
-                  highlightColor,
-                  isEditing: isEditMode && (editingMessage == null ? void 0 : editingMessage.id) === item.id,
-                  isHighlighted: highlightedMessageId === item.id,
-                  isPinChatIconvisible: messageConfig == null ? void 0 : messageConfig.isPinChatIconVisible,
-                  isThreadIconVisible: messageConfig == null ? void 0 : messageConfig.isThreadIconVisible,
-                  isUser: isUserMessage,
-                  messageId: item.id,
-                  pinned: item.isPinned,
-                  priority: item.priority,
-                  quote: item.quote,
-                  moreOptions: typeof (messageConfig == null ? void 0 : messageConfig.moreOptions) === "function" ? messageConfig.moreOptions(item) : messageConfig == null ? void 0 : messageConfig.moreOptions,
-                  showDeleteOption: (messageConfig == null ? void 0 : messageConfig.showDeleteOption) !== false,
-                  showEditOption: (messageConfig == null ? void 0 : messageConfig.showEditOption) !== false,
-                  showFinalize: (messageConfig == null ? void 0 : messageConfig.showFinalize) !== false,
-                  showReplyActions: (messageConfig == null ? void 0 : messageConfig.showReplyActions) !== false && item.showReplyBadge !== false,
-                  timestamp: item.timestamp,
-                  type: item.type,
-                  onCancelEdit: exitEditMode,
-                  onEdit: () => handleEditMessage(item),
-                  onFinalize: () => {
-                    var _a3;
-                    (_a3 = messageConfig == null ? void 0 : messageConfig.onFinalize) == null ? void 0 : _a3.call(messageConfig, item.id, chatId, item);
-                  },
-                  onMessageDelete: handleMessageDelete,
-                  onPin: async (pinned) => {
-                    return await handlePin(item.id, pinned, chatId, item);
-                  },
-                  onReply: () => {
-                    handleReply(item.id);
-                  },
-                  onSaveEdit: handleInlineSaveEdit,
-                  onThreadClick: () => {
-                    var _a3;
-                    onThreadClick == null ? void 0 : onThreadClick(item.id, chatId);
-                    (_a3 = messageConfig == null ? void 0 : messageConfig.onThreadClick) == null ? void 0 : _a3.call(messageConfig, item.id, chatId);
-                  }
-                }
-              ) }, item.id);
-            }),
+            ),
             /* @__PURE__ */ jsx(
-              Modal,
+              Button,
               {
-                className: "test-modal add_members_modal",
-                loading: showAddMembersLoading,
-                open: showAddMembers,
-                primaryButtonLabel: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.add"),
-                primaryButtonProps: {
-                  disabled: !addMembers.length > 0 || showAddMembersLoading
+                disabled: showAddMembersLoading,
+                size: "large",
+                type: "default",
+                variant: "secondary",
+                onClick: () => setShowAddMembers(true),
+                className: "add_member_btn",
+                iconPlacement: "right",
+                children: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.addMembers")
+              }
+            )
+          ] }) }) : groupedItems.map((item) => {
+            var _a2, _b2, _c;
+            if (item.type === "date-separator") {
+              return /* @__PURE__ */ jsx(DateSeparator, { date: item.date, format: "relative" }, item.id);
+            }
+            return /* @__PURE__ */ jsx("div", { className: "message-wrapper", "data-message-id": item.id, children: /* @__PURE__ */ jsx(
+              ChatMessage,
+              {
+                author: item.author,
+                authorAvatar: item.authorAvatar,
+                authorName: item.authorName,
+                content: item.content,
+                deleted: item.deleted || ((_a2 = item.otherProps) == null ? void 0 : _a2.deleted) || false,
+                edited: item.edited || false,
+                isHighlighted: highlightedMessageId === item.id,
+                isPinChatIconvisible: messageConfig == null ? void 0 : messageConfig.isPinChatIconVisible,
+                isThreadIconVisible: messageConfig == null ? void 0 : messageConfig.isThreadIconVisible,
+                messageId: item.id,
+                pinned: item.isPinned,
+                priority: item.priority,
+                showActions: messageConfig.showActions ?? item.showActions !== false,
+                timestamp: item.timestamp,
+                type: item.type,
+                onBookmark: () => {
+                  handleBookmark(item.id);
+                  onMessageBookmark == null ? void 0 : onMessageBookmark(item.id, chatId);
                 },
-                secondaryButtonLabel: t("common.cancel"),
-                size: "small",
-                title: t("tableChat.right.addMembers"),
-                onClose: () => {
-                  setShowAddMembers(false);
+                onEdit: () => handleEditMessage(item),
+                onMessageDelete: handleMessageDelete,
+                onMore: () => {
+                  handleMore(item.id);
+                  onMessageMore == null ? void 0 : onMessageMore(item.id, chatId);
+                },
+                onPin: async (pinned) => {
+                  return await handlePin(item.id, pinned, chatId, item);
+                },
+                onRefetchMessages: async () => {
+                  return messages;
+                },
+                onReply: () => {
+                  handleReply(item.id);
+                  onMessageReply == null ? void 0 : onMessageReply(item.id, chatId);
                 },
-                onPrimaryButtonClick: saveMembersInChat,
-                onSecondaryButtonClick: () => {
-                  setShowAddMembers(false);
+                onThreadClick: () => {
+                  var _a3;
+                  onThreadClick == null ? void 0 : onThreadClick(item.id, chatId);
+                  (_a3 = messageConfig == null ? void 0 : messageConfig.onThreadClick) == null ? void 0 : _a3.call(messageConfig, item.id, chatId);
                 },
-                children: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
-                  /* @__PURE__ */ jsx("div", { className: "modal-header-search-input-container", children: /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      className: "modal-header-search-input",
-                      leftIcon: /* @__PURE__ */ jsx("img", { alt: "search", className: "menu-header-search-icon", src: SearchIcon }),
-                      placeholder: t("tableChat.right.searchMembers"),
-                      value: memberSearchQuery,
-                      onChange: (e) => {
-                        handleMemberSearch(e.target.value);
+                highlightColor,
+                isUser: currentUserId ? item.senderId === currentUserId || ((_b2 = item.otherProps) == null ? void 0 : _b2.sender_id) === currentUserId || item.senderId === String(currentUserId) || ((_c = item.otherProps) == null ? void 0 : _c.sender_id) === String(currentUserId) || item.author === "user" : item.author === "user"
+              }
+            ) }, item.id);
+          }),
+          /* @__PURE__ */ jsx(
+            Modal,
+            {
+              className: "test-modal add_members_modal",
+              loading: showAddMembersLoading,
+              open: showAddMembers,
+              primaryButtonLabel: showAddMembersLoading ? t("tableChat.right.adding") : t("tableChat.right.add"),
+              primaryButtonProps: {
+                disabled: !addMembers.length > 0 || showAddMembersLoading
+              },
+              secondaryButtonLabel: t("common.cancel"),
+              size: "small",
+              title: t("tableChat.right.addMembers"),
+              onClose: () => {
+                setShowAddMembers(false);
+              },
+              onPrimaryButtonClick: saveMembersInChat,
+              onSecondaryButtonClick: () => {
+                setShowAddMembers(false);
+              },
+              children: /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+                /* @__PURE__ */ jsx("div", { className: "modal-header-search-input-container", children: /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    className: "modal-header-search-input",
+                    leftIcon: /* @__PURE__ */ jsx(
+                      ImpactIcon,
+                      {
+                        className: "menu-header-search-icon",
+                        icon: impactIconSource(SearchIcon_default),
+                        size: 16
                       }
+                    ),
+                    placeholder: t("tableChat.right.searchMembers"),
+                    value: memberSearchQuery,
+                    onChange: (e) => {
+                      handleMemberSearch(e.target.value);
                     }
-                  ) }),
-                  memberList.length > 0 ? filteredMemberList.length > 0 ? /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: filteredMemberList.map((user, index) => /* @__PURE__ */ jsxs(
-                    "li",
-                    {
-                      style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: "10px",
-                        marginBottom: "8px"
-                        //
-                      },
-                      children: [
-                        /* @__PURE__ */ jsx(
-                          Checkbox,
-                          {
-                            defaultChecked: true,
-                            checked: addMembers.includes(user.value),
-                            variant: "default",
-                            onChange: () => {
-                              addInChat(user.value);
-                            }
-                          }
-                        ),
-                        /* @__PURE__ */ jsx(
-                          Avatar,
-                          {
-                            label: user.label,
-                            size: "small",
-                            src: "static/media/avatar_sample.b13b667a.jpeg",
-                            type: "withoutPicture"
+                  }
+                ) }),
+                memberList.length > 0 ? filteredMemberList.length > 0 ? /* @__PURE__ */ jsx("ul", { style: { listStyle: "none", padding: 0, margin: 0 }, children: filteredMemberList.map((user, index) => /* @__PURE__ */ jsxs(
+                  "li",
+                  {
+                    style: {
+                      display: "flex",
+                      alignItems: "center",
+                      gap: "10px",
+                      marginBottom: "8px"
+                      //
+                    },
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          defaultChecked: true,
+                          checked: addMembers.includes(user.value),
+                          variant: "default",
+                          onChange: () => {
+                            addInChat(user.value);
                           }
-                        ),
-                        /* @__PURE__ */ jsx("span", { children: user.label })
-                      ]
+                        }
+                      ),
+                      /* @__PURE__ */ jsx(
+                        Avatar,
+                        {
+                          label: user.label,
+                          size: "small",
+                          src: "static/media/avatar_sample.b13b667a.jpeg",
+                          type: "withoutPicture"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx("span", { children: user.label })
+                    ]
+                  },
+                  user.id || index
+                )) }) : /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    style: {
+                      textAlign: "center",
+                      padding: "20px",
+                      color: "var(--iu-on-surface-label)",
+                      fontSize: "14px"
                     },
-                    user.id || index
-                  )) }) : /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      style: {
-                        textAlign: "center",
-                        padding: "20px",
-                        color: "#666",
-                        fontSize: "14px"
-                      },
-                      children: t("tableChat.right.noMembersFound", {
-                        query: memberSearchQuery
-                      })
-                    }
-                  ) : t("common.loading")
-                ] }, ".0")
+                    children: t("tableChat.right.noMembersFound", {
+                      query: memberSearchQuery
+                    })
+                  }
+                ) : t("common.loading")
+              ] }, ".0")
+            }
+          ),
+          infiniteScrollError && /* @__PURE__ */ jsxs("div", { className: "infinite-scroll-error", children: [
+            /* @__PURE__ */ jsx("p", { children: t("tableChat.right.loadOlderFailed") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                size: "small",
+                variant: "text",
+                onClick: () => {
+                  window.location.reload();
+                },
+                children: t("tableChat.right.retry")
               }
-            ),
-            infiniteScrollError && /* @__PURE__ */ jsxs("div", { className: "infinite-scroll-error", children: [
-              /* @__PURE__ */ jsx("p", { children: t("tableChat.right.loadOlderFailed") }),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "small",
-                  variant: "text",
-                  onClick: () => {
-                    window.location.reload();
-                  },
-                  children: t("tableChat.right.retry")
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
+            )
+          ] })
+        ]
+      }
+    ),
     chatId ? /* @__PURE__ */ jsx(
       ChatInput,
       {
         chatId,
-        isReplyMode: Boolean(replyingToMessage),
+        editingMessage,
+        isEditMode,
         maxLength,
         messageConfig,
         placeholder: resolvedPlaceholder,
         quickActionLabel: (_a = inputChatConfig.inputConfig) == null ? void 0 : _a.quickActionLabel,
-        replyingToMessage,
         showFormatting,
         showQuickAction: (_b = inputChatConfig.inputConfig) == null ? void 0 : _b.showQuickAction,
         value: inputValue,
         onAttach: onAttachFile,
-        onCancelReply: exitReplyMode,
+        onCancelEdit: exitEditMode,
         onChange: setInputValue,
         onEmojiClick,
         onImageUpload,
-        onQuickAction: inputChatConfig == null ? void 0 : inputChatConfig.onQuickAction,
         onSend: handleSend
       }
     ) : null,