@smarter.sh/ui-chat 0.3.0 → 0.7.0

package/dist/types/src/types.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Types for Smarter Chat: its props, its messages, and the data that the Smarter api returns.
+ *
+ * The api's types describe the fields that Smarter Chat reads. The api returns more, which the
+ * Console displays as is. See smarter.apps.prompt.views.detailviews.prompt_config_view.PromptConfigView,
+ * which returns the configuration with its legacy keys ("chatbot" for "llmclient").
+ */
+import type { MessageDirection, SenderRole } from "./lib/enums";
+/** A message in the format of the OpenAI chat completion api, as the backend stores and returns them. */
+export interface ApiMessage {
+    role: string;
+    content: string | null;
+    [key: string]: unknown;
+}
+/** A message in the chat thread. */
+export interface ChatMessage {
+    /** The message's text, as html, for display. */
+    message: string;
+    /** The message's text, as sent to the api. */
+    content: string | null;
+    direction: MessageDirection;
+    sender: SenderRole | string;
+    sentTime: string;
+    /** false for messages that are part of the thread, but never displayed, e.g. an assistant's tool calls. */
+    display: boolean;
+    /** The api's original message, whose other fields (e.g. tool_calls) are sent back to the api. */
+    originalMessage?: ApiMessage;
+}
+/** The LLMClient, which the config api calls "chatbot". */
+export interface ChatbotConfig {
+    id: number;
+    name: string;
+    version?: string;
+    provider: string;
+    default_model: string;
+    default_system_role: string;
+    app_name: string;
+    app_assistant: string;
+    app_welcome_message: string;
+    app_example_prompts: string[];
+    app_placeholder: string;
+    app_info_url?: string | null;
+    app_file_attachment: boolean;
+    /** The url of the LLMClient's prompt api. */
+    url_chatbot: string;
+    [key: string]: unknown;
+}
+export interface ChatHistory {
+    chat_history?: ApiMessage[];
+    prompt_tool_call_history?: unknown[];
+    prompt_plugin_usage_history?: unknown[];
+    llmclient_request_history?: unknown[];
+    plugin_selector_history?: unknown[];
+    /** Legacy names of prompt_tool_call_history, prompt_plugin_usage_history and llmclient_request_history. */
+    chat_tool_call_history?: unknown[];
+    chat_plugin_usage_history?: unknown[];
+    chatbot_request_history?: unknown[];
+    [key: string]: unknown;
+}
+export interface ChatMetaData {
+    is_valid?: boolean;
+    ready?: boolean;
+    is_deployed?: boolean;
+    [key: string]: unknown;
+}
+/** The LLMClient's configuration, from its config api. */
+export interface ChatConfig {
+    session_key: string;
+    sandbox_mode: boolean;
+    debug_mode: boolean;
+    chatbot: ChatbotConfig;
+    history: ChatHistory;
+    meta_data: ChatMetaData;
+    plugins: {
+        meta_data: {
+            total_plugins: number;
+            plugins_returned: number;
+        };
+        plugins: unknown[];
+    };
+    [key: string]: unknown;
+}
+/** A cookie that Smarter Chat reads, and possibly sets. */
+export interface CookieMeta {
+    name: string;
+    /** milliseconds, for cookies that Smarter Chat sets. */
+    expiration: number | null;
+    /** The domain that the page's hostname must be in for the cookie to be read. */
+    domain: string;
+    /** A value to use instead of the cookie's. */
+    value: string | null;
+}
+export interface ChatCookies {
+    csrfCookie: CookieMeta;
+    sessionCookie: CookieMeta;
+    debugCookie: CookieMeta;
+}
+/** Who is calling the api, sent as the X-Smarter-* request headers. */
+export interface ClientContext {
+    smarterClient: string;
+    smarterClientVersion: string;
+    smarterRequestId?: string;
+    /** An optional Smarter api key, sent as "Authorization: Token <apiKey>". */
+    apiKey?: string | null;
+}
+export interface SmarterChatProps {
+    /** The url of the LLMClient's api. example: https://smarter.3141-5926-5359.beta.api.smarter.sh/ */
+    apiUrl: string;
+    /** An optional Smarter api key, for LLMClients that require authentication. */
+    apiKey?: string | null;
+    /** Show the button that shows and hides the thread's metadata messages. */
+    toggleMetadata?: boolean;
+    /** The name of Django's CSRF cookie. */
+    csrfCookieName?: string;
+    /** Django's CSRF token, when the page cannot read the CSRF cookie. */
+    csrftoken?: string | null;
+    /** The name of the cookie in which Smarter Chat saves the debug mode. */
+    debugCookieName?: string;
+    debugCookieExpiration?: number;
+    /** Log to the browser console. */
+    debugMode?: boolean;
+    /** The name of the cookie in which Smarter Chat saves the chat session's key. */
+    sessionCookieName?: string;
+    sessionCookieExpiration?: number;
+    /** @deprecated Not used. Django's session cookie is sent with each request, as is. */
+    authSessionCookieName?: string;
+    /** Show the Console, which displays the chat's configuration and history. */
+    showConsole?: boolean;
+    /** The domain whose cookies Smarter Chat reads. example: platform.smarter.sh */
+    cookieDomain?: string;
+    /** A unique id of the page request, sent as the X-Smarter-RequestId header. */
+    smarterRequestId?: string;
+    /**
+     * The url of the user's server log stream (Server-Sent Events), which the Console displays in
+     * its "Server Logs" tab. Without it, the Console has no such tab.
+     */
+    logStreamUrl?: string | null;
+    /**
+     * Display the progress of a running prompt, e.g. its tool calls, which the prompt api streams as
+     * Server-Sent Events. Servers that don't stream answer as before.
+     */
+    streamProgress?: boolean;
+}

package/dist/ui-chat.css

@@ -1 +1,2 @@
-.cs-main-container{position:relative;display:flex;flex-direction:row;height:100%;overflow:auto;border:solid 1px #d1dbe3;box-sizing:border-box;color:#000000de;background-color:#fff;font-size:1rem}.cs-main-container>.cs-conversation-list{order:0;height:100%;flex-basis:300px;border-top:solid 0px #d1dbe3;border-right:solid 1px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;box-shadow:2px 0 5px -2px #00000061;z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--left{order:0;height:100%;max-width:320px;flex-basis:35%;border-right:solid 1px #d1dbe3;z-index:2}.cs-main-container>.cs-sidebar.cs-sidebar--right{flex-basis:25%;min-width:150px;max-width:320px;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 1px #d1dbe3}.cs-main-container>.cs-sidebar.cs-sidebar--left .cs-search{margin:.5em}.cs-main-container .cs-chat-container{order:1;z-index:1;flex-grow:1;flex-basis:65%;border-right:solid 0px #d1dbe3}.cs-main-container .cs-sidebar{order:2;height:100%;z-index:3}.cs-main-container .cs-sidebar .cs-expansion-panel{border-left:0;border-top:0;border-right:0}.cs-main-container .cs-sidebar .cs-expansion-panel:nth-last-child(3){border-bottom:0}.cs-main-container .cs-conversation-header{z-index:1}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back,.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:none}@media(max-width:768px){.cs-main-container--responsive{min-width:calc(1.6em + 220px)}.cs-main-container--responsive .cs-search{display:none}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{flex-basis:calc(1.6em + 40px);min-width:calc(1.6em + 40px)}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--right{display:none}.cs-main-container--responsive>.cs-conversation-list{flex-basis:calc(1.6em + 40px)}.cs-main-container--responsive .cs-conversation-list .cs-conversation>.cs-avatar,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation>.cs-avatar{margin-right:0}.cs-main-container--responsive .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-conversation-list .cs-conversation__last-activity-time,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__last-activity-time{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__unread-dot,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__unread-dot{position:absolute;top:.3em;right:.3em;margin-right:0}.cs-main-container--responsive .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:flex}}@media(max-width:576px){.cs-main-container--responsive{min-width:auto}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:flex}}.cs-message{box-sizing:border-box;font-size:1em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:#000000de;display:flex;flex-direction:row;padding:0;background-color:transparent;overflow:hidden;border-radius:0}.cs-message:only-child{margin:.2em 0 0}.cs-message:not(:only-child){margin:.2em 0 0}.cs-message__avatar{box-sizing:border-box;margin:0 8px 0 0;display:flex;flex-direction:column;justify-content:flex-end;width:42px}.cs-message__content-wrapper{box-sizing:border-box;display:flex;flex-direction:column}.cs-message__header{box-sizing:border-box;color:#4d4d4dde;background-color:transparent;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;font-size:.8em;margin:0 .2em .1em}.cs-message__header .cs-message__sender-name{box-sizing:border-box;color:#4d4d4dde;background-color:transparent}.cs-message__header .cs-message__sent-time{box-sizing:border-box;color:#4d4d4dde;background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__footer{box-sizing:border-box;color:#4d4d4dde;background-color:transparent;display:flex;font-size:.8em;margin:.1em .2em 0}.cs-message__footer .cs-message__sender-name{box-sizing:border-box;color:#4d4d4dde;background-color:transparent}.cs-message__footer .cs-message__sent-time{box-sizing:border-box;color:#4d4d4dde;background-color:transparent;margin-left:auto;padding-left:.8em}.cs-message__content{box-sizing:border-box;color:#000000de;background-color:#c6e3fa;margin-top:0;padding:.6em .9em;border-radius:.7em;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;font-size:.91em;font-variant:normal}.cs-message--incoming{color:#000000de;background-color:transparent;margin-right:auto}.cs-message--incoming .cs-message__avatar{margin:0 8px 0 0}.cs-message--incoming .cs-message__sender-name,.cs-message--incoming .cs-message__sent-time{display:none}.cs-message--incoming .cs-message__content{color:#000000de;background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message--outgoing{color:#000000de;background-color:transparent;margin-left:auto;justify-content:flex-end}.cs-message--outgoing .cs-message__avatar{order:1;margin:0 0 0 8px}.cs-message--outgoing .cs-message__sender-name,.cs-message--outgoing .cs-message__sent-time{display:none}.cs-message--outgoing .cs-message__content{color:#000000de;background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message.cs-message--incoming.cs-message--single{border-radius:0}.cs-message.cs-message--incoming.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--single .cs-message__sender-name,.cs-message.cs-message--incoming.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__content{border-radius:0 .7em .7em}.cs-message.cs-message--incoming.cs-message--first{border-radius:0}.cs-message.cs-message--incoming.cs-message--first:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--first .cs-message__sender-name,.cs-message.cs-message--incoming.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__content{border-radius:0 .7em .7em 0;background-color:#c6e3fa}.cs-message.cs-message--incoming.cs-message--last{border-radius:0}.cs-message.cs-message--incoming.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--incoming.cs-message--last .cs-message__content{border-radius:0 .7em}.cs-message.cs-message--outgoing.cs-message--single{border-radius:0}.cs-message.cs-message--outgoing.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--single .cs-message__content{border-radius:.7em .7em 0}.cs-message.cs-message--outgoing.cs-message--first{border-radius:0;margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--first .cs-message__content{border-radius:.7em 0 0 .7em;background-color:#6ea9d7}.cs-message.cs-message--outgoing.cs-message--last{border-radius:0}.cs-message.cs-message--outgoing.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--outgoing.cs-message--last .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message--incoming.cs-message--avatar-spacer{margin-left:50px}.cs-message--outgoing.cs-message--avatar-spacer{margin-right:50px}.cs-message--avatar-tl .cs-message__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-tl .cs-message__message-wrapper{order:1}.cs-message--avatar-tr .cs-message__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-tr .cs-message__message-wrapper{order:0}.cs-message--avatar-br .cs-message__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-br .cs-message__message-wrapper{order:0}.cs-message--avatar-bl .cs-message__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-bl .cs-message__message-wrapper{order:1}.cs-message--avatar-cl .cs-message__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message--avatar-cl .cs-message__message-wrapper{order:1}.cs-message--avatar-cr .cs-message__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message--avatar-cr .cs-message__message-wrapper{order:0}.cs-message-group{box-sizing:border-box;display:flex;flex-direction:row;margin:.4em 0 0}.cs-message-group__avatar{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end}.cs-message-group__content{box-sizing:border-box;display:flex;flex-direction:column}.cs-message-group__header{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:#0009;background-color:transparent;margin:0 0 .2em;padding:0}.cs-message-group__footer{box-sizing:border-box;display:flex;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;color:#0009;background-color:transparent;margin:.2em 0 0;padding:0}.cs-message-group__messages{box-sizing:border-box}.cs-message-group__messages .cs-message:first-child{margin-top:0}.cs-message-group__messages .cs-message .cs-message__content{background-color:#c6e3fa;margin-top:0}.cs-message-group--incoming{justify-content:flex-start}.cs-message-group--incoming .cs-message-group__avatar{margin-right:8px;order:0}.cs-message-group--incoming .cs-message-group__content{order:1}.cs-message-group--incoming .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:0 .7em .7em 0}.cs-message-group--incoming .cs-message-group__messages .cs-message .cs-message__content{border-radius:0 .7em .7em 0;color:#000000de;background-color:#c6e3fa}.cs-message-group--incoming .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:0 .7em}.cs-message-group--incoming .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:0 .7em .7em}.cs-message-group--outgoing{justify-content:flex-end;margin-left:auto}.cs-message-group--outgoing .cs-message-group__avatar{margin-left:8px;order:1}.cs-message-group--outgoing .cs-message-group__content{order:0}.cs-message-group--outgoing .cs-message-group__messages .cs-message{justify-content:flex-end}.cs-message-group--outgoing .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:.7em 0 0 .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message .cs-message__content{border-radius:.7em 0 0 .7em;color:#000000de;background-color:#6ea9d7}.cs-message-group--outgoing .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:.7em .7em 0}.cs-message-group--avatar-tl .cs-message-group__avatar{justify-content:flex-start;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-tl .cs-message-group__content{order:1}.cs-message-group--avatar-tr .cs-message-group__avatar{justify-content:flex-start;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-tr .cs-message-group__content{order:0}.cs-message-group--avatar-bl .cs-message-group__avatar{justify-content:flex-end;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-bl .cs-message-group__content{order:1}.cs-message-group--avatar-br .cs-message-group__avatar{justify-content:flex-end;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-br .cs-message-group__content{order:0}.cs-message-group--avatar-cl .cs-message-group__avatar{justify-content:center;order:0;margin-right:8px;margin-left:0}.cs-message-group--avatar-cl .cs-message-group__content{order:1}.cs-message-group--avatar-cr .cs-message-group__avatar{justify-content:center;order:1;margin-left:8px;margin-right:0}.cs-message-group--avatar-cr .cs-message-group__content{order:0}.cs-message-separator{box-sizing:border-box;color:#6ea9d7;background-color:#fff;font-size:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;text-align:center;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.cs-message-separator:before,.cs-message-separator:after{box-sizing:border-box;content:"";background-color:#6ea9d7;display:block;flex-grow:1;height:1px}.cs-message-separator:not(:empty):before{margin:0 1em 0 0}.cs-message-separator:not(:empty):after{margin:0 0 0 1em}.cs-message-list{box-sizing:border-box;width:100%;height:100%;overflow:hidden;min-height:1.25em;position:relative;color:#000000de;background-color:#fff}.cs-message-list__scroll-wrapper{box-sizing:border-box;position:absolute;inset:0;overflow:hidden;padding:0 1.2em 0 .8em}.cs-message-list__scroll-to:first-child{box-sizing:border-box;float:left;clear:both;height:0}.cs-message-list__scroll-wrapper>.cs-message:nth-last-child(4){margin-bottom:2.65em}.cs-message-list__scroll-wrapper>.cs-message-group:nth-last-child(4){margin-bottom:2.65em}.cs-message-list .cs-typing-indicator{position:absolute;bottom:0;left:0;right:15px;background-color:#fff;padding:.5em;font-size:.9em;height:1.25em;line-height:1.25em}.cs-message-list__scroll-wrapper>.cs-message,.cs-message-list__scroll-wrapper>.cs-message-group{max-width:85%}.cs-message-list .cs-message.cs-message--incoming,.cs-message-list .cs-message-group.cs-message-group--incoming{margin-right:auto}.cs-message-list .cs-message.cs-message--outgoing,.cs-message-list .cs-message-group.cs-message-group--outgoing{margin-left:auto}.cs-message-list .cs-message-separator:not(:first-child){margin-top:1.2em}.cs-message-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:#fff;padding:2px 0;top:0;left:0;right:0;height:1.2em;z-index:1}.cs-message-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-message-list__loading-more .cs-loader:before,.cs-message-list__loading-more .cs-loader:after{width:100%;height:100%}.cs-message-list__loading-more--bottom{top:initial;bottom:0}.cs-message-list .ps__rail-y{z-index:2}.cs-avatar{position:relative;width:42px;height:42px;border-radius:50%;box-sizing:border-box}.cs-avatar>img{box-sizing:border-box;width:100%;height:100%;border-radius:50%}.cs-avatar:hover>img{filter:brightness(115%)}.cs-avatar.cs-avatar--xs{width:16px;height:16px;min-width:16px;min-height:16px}.cs-avatar.cs-avatar--sm{width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar.cs-avatar--md{width:42px;height:42px;min-width:42px;min-height:42px}.cs-avatar.cs-avatar--lg{width:68px;height:68px;min-width:68px;min-height:68px}.cs-avatar.cs-avatar--fluid{width:100%;height:100%}.cs-avatar.cs-avatar--fluid .cs-status{right:5%;width:22%;height:22%}.cs-avatar .cs-status{box-sizing:border-box;position:absolute;right:-1px;bottom:3%}.cs-avatar .cs-status__bullet{box-sizing:content-box;border:solid 2px #fff}.cs-avatar .cs-status--xs,.cs-avatar .cs-status--xs:not(.cs-status--named){font-size:1em;width:6px;height:6px;right:0;bottom:0}.cs-avatar .cs-status--xs .cs-status__bullet,.cs-avatar .cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-avatar .cs-status--sm,.cs-avatar .cs-status--sm:not(.cs-status--named){font-size:1em;width:12px;height:12px;right:-3px;bottom:-1px}.cs-avatar .cs-status--sm .cs-status__bullet,.cs-avatar .cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-avatar .cs-status--md,.cs-avatar .cs-status--md:not(.cs-status--named){font-size:1em;width:15px;height:15px}.cs-avatar .cs-status--md .cs-status__bullet,.cs-avatar .cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-avatar .cs-status--lg,.cs-avatar .cs-status--lg:not(.cs-status--named){font-size:1em;width:18px;height:18px;bottom:4%}.cs-avatar .cs-status--lg .cs-status__bullet,.cs-avatar .cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-avatar-group{display:flex;flex-direction:row-reverse;overflow:visible;position:relative;flex-wrap:wrap;box-sizing:border-box;min-width:40px;align-content:flex-start;justify-content:flex-end}.cs-avatar-group .cs-avatar--active{z-index:1}.cs-avatar-group .cs-avatar--active-on-hover:hover{z-index:2}.cs-avatar-group--xs{padding-left:6.112px;padding-top:6.112px}.cs-avatar-group--xs .cs-avatar{margin-top:-6.112px;margin-left:-6.112px;width:16px;height:16px;min-width:16px;min-height:16px;border:none;border-right:1px solid #f2f2f2}.cs-avatar-group--sm{padding-left:9.932px;padding-top:9.932px}.cs-avatar-group--sm .cs-avatar{margin-top:-9.932px;margin-left:-9.932px;width:26px;height:26px;min-width:26px;min-height:26px}.cs-avatar-group--md{padding-left:16.044px;padding-top:16.044px}.cs-avatar-group--md .cs-avatar{margin-top:-16.044px;margin-left:-16.044px;width:42px;height:42px;min-width:42px;min-height:42px;border:2px solid #f2f2f2}.cs-avatar-group--lg{padding-left:25.976px;padding-top:25.976px}.cs-avatar-group--lg .cs-avatar{margin-top:-25.976px;margin-left:-25.976px;width:68px;height:68px;min-width:68px;min-height:68px;border:2px solid #f2f2f2}.cs-message-input{display:flex;flex-direction:row;position:relative;background-color:#fff;border-top:none;border-right:none;border-bottom:none;border-left:none;box-sizing:border-box;padding:0;overflow:visible;flex-shrink:0}.cs-message-input__content-editor-wrapper{box-sizing:border-box;position:relative;background-color:#c6e3fa;margin:0;padding:.6em .9em;border-radius:.7em;flex-grow:1}.cs-message-input--disabled .cs-message-input__content-editor-wrapper{background-color:#c6e3fa61;color:#0009}.cs-message-input__content-editor-container{box-sizing:border-box;position:relative;background-color:#c6e3fa;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;overflow-y:auto;font-size:.94em;line-height:1.35em;min-height:1.35em;max-height:5.4em;padding:0;scroll-padding:0em}.cs-message-input--disabled .cs-message-input__content-editor-container{color:#0009;background-color:transparent}.cs-message-input__content-editor{box-sizing:border-box;flex-grow:1;background-color:#c6e3fa;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;outline:0;border-top:0 none;border-right:0 none;border-bottom:0 none;border-left:0 none;overflow:visible;color:#000000de;overflow-wrap:anywhere;word-break:break-word}.cs-message-input--disabled .cs-message-input__content-editor{background-color:transparent;color:#0009}.cs-message-input__content-editor[data-placeholder]:empty:before{box-sizing:border-box;content:attr(data-placeholder);color:#00000061;display:block;cursor:text}.cs-message-input__tools{display:flex;flex-direction:row;box-sizing:border-box}.cs-message-input__tools .cs-button{font-size:1.2em;margin-top:0;margin-bottom:0}.cs-message-input__tools .cs-button--send,.cs-message-input__tools .cs-button--attachment{align-self:flex-end}.cs-message-input__tools:first-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:first-child .cs-button:last-child{margin-right:0}.cs-message-input__tools:last-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:last-child .cs-button:last-child{margin-right:0}.cs-input-toolbox{box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-end;margin:0;padding:0 0 .4em}.cs-input-toolbox .cs-button{padding:0;background:none;border:none;margin:0 .5em 0 0;font-size:1.2em}.cs-chat-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:180px;color:#000000de;background-color:#fff}.cs-chat-container .cs-message-input{border-top:solid 1px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 0px #d1dbe3;border-left:solid 0px #d1dbe3;margin-top:auto;padding:.3em 0;color:#000000de;background-color:#fff}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:first-child{margin-left:.8em}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:last-child{margin-right:.8em}.cs-chat-container .cs-input-toolbox{margin:0;padding:0 .8em .17em 0;color:#000000de;background-color:#fff}.cs-typing-indicator{box-sizing:content-box;font-size:inherit;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;display:flex;flex-direction:row;align-items:stretch}.cs-typing-indicator__indicator{box-sizing:inherit;background-color:transparent;display:flex;flex-direction:row;align-items:center}.cs-typing-indicator__dot{box-sizing:inherit;-webkit-animation:cs-typing-indicator__typing-animation 1.5s infinite ease-in-out;animation:cs-typing-indicator__typing-animation 1.5s infinite ease-in-out;border-radius:100%;display:inline-block;height:4px;width:4px;background-color:#6ea9d7}.cs-typing-indicator__dot:not(:last-child){margin-right:3px}.cs-typing-indicator__dot:nth-child(1){box-sizing:inherit}.cs-typing-indicator__dot:nth-child(2){-webkit-animation-delay:.3s;animation-delay:.3s}.cs-typing-indicator__dot:nth-child(3){-webkit-animation-delay:.4s;animation-delay:.4s}.cs-typing-indicator__text{box-sizing:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6ea9d7;background-color:transparent;margin:0 0 0 .5em;-webkit-user-select:none;-moz-user-select:none;user-select:none}@-webkit-keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}@keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}.cs-conversation-header{box-sizing:border-box;color:#000000de;background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:1em;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:row;align-items:stretch;border-top:solid 0px #d1dbe3;border-right:solid 0px #d1dbe3;border-bottom:solid 1px #d1dbe3;border-left:solid 0px #d1dbe3;padding:.6em .9em}.cs-conversation-header__back{box-sizing:border-box;margin-right:.5em;display:flex;flex-direction:row;align-items:center;cursor:pointer;order:1}.cs-conversation-header__back button{font-size:1.4em;padding:0}.cs-conversation-header__avatar{box-sizing:border-box;width:42px;height:42px;margin-right:1em;order:2}.cs-conversation-header__avatar>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f6fbff}.cs-conversation-header__avatar .cs-avatar-group{padding-right:0!important}.cs-conversation-header__content{box-sizing:border-box;display:flex;flex-direction:column;order:3;flex-grow:2;justify-content:center;min-width:0}.cs-conversation-header__content .cs-conversation-header__user-name{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#000000de;background-color:#f6fbff}.cs-conversation-header__content .cs-conversation-header__info{box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0009;background-color:#f6fbff;font-weight:400;font-size:.9em}.cs-conversation-header__actions{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:#000000de;background-color:transparent;margin:0 0 0 .5em;order:4}.cs-conversation-header__actions .cs-button:not(:first-child){margin-left:.2em}.cs-conversation-header__actions .cs-button{padding:0}.cs-conversation-header__actions .cs-button.cs-button--arrow,.cs-conversation-header__actions .cs-button.cs-button--info,.cs-conversation-header__actions .cs-button.cs-button--voicecall,.cs-conversation-header__actions .cs-button.cs-button--videocall,.cs-conversation-header__actions .cs-button.cs-button--star,.cs-conversation-header__actions .cs-button.cs-button--adduser,.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.4em;color:normal;background-color:transparent}.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.3em}.cs-conversation{display:flex;flex-direction:row;box-sizing:border-box;position:relative;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;padding:.675em .8em;cursor:pointer;justify-content:flex-start;color:#000000de;background-color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation:hover{background-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>img{filter:none}.cs-conversation.cs-conversation:active{color:#000000de;background-color:#d5e7f5;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation:active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active{color:#2b6a9b;background-color:#d5e7f5;font-weight:400;border-top:0;border-right:0;border-bottom:0;border-left:0}.cs-conversation.cs-conversation--active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active .cs-conversation__name,.cs-conversation.cs-conversation--active .cs-conversation__info{color:#2b6a9b;font-weight:400}.cs-conversation>.cs-avatar{width:42.1px;height:42.1px;margin-right:1em}.cs-conversation>.cs-avatar>.cs-status{border-color:#fff}.cs-conversation>.cs-avatar-group{width:42.1px;height:42.1px;min-width:42.1px;min-height:42.1px;padding-right:0!important;margin-right:1em}.cs-conversation__content{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;margin-right:1.1em;flex-grow:1}.cs-conversation__operations{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;margin:0 0 0 auto;color:#b3b3b3de;visibility:hidden}.cs-conversation__operations--visible{visibility:visible}.cs-conversation__operations:hover{color:#666666de}.cs-conversation:hover .cs-conversation__operations{visibility:visible}.cs-conversation__name{box-sizing:border-box;color:#000000de;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__info{box-sizing:border-box;color:#0009;font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-conversation__last-sender,.cs-conversation__info-content{box-sizing:border-box;display:inline;font-weight:400}.cs-conversation__last-activity-time{box-sizing:border-box;margin:0 0 0 auto;font-size:.8em;display:flex;flex-direction:row;align-items:center}.cs-conversation__last-activity-time+.cs-conversation__operations{margin-left:.5em}.cs-conversation__unread-dot{box-sizing:content-box;display:flex;flex-direction:row;align-items:center;margin-right:.5em;align-self:center;border-radius:50%;width:.7em;min-width:.7em;height:.7em;box-shadow:1px 1px 1px #b3b3b3;perspective:200px;perspective-origin:50% 50%;background:radial-gradient(circle at 3px 3px,#7c9df1,#2e63e8)}.cs-conversation__unread-dot:hover:before{content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%,#fff0 0 46%,#fffc 50% 58%,#fff0 60% 100%);transform:translate(131%) translateY(58%) rotate(168deg) rotateX(10deg)}.cs-conversation__unread-dot:hover:after{content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotate(-30deg);display:block;background:radial-gradient(circle at 50% 80%,#fff0,#fff0 74%,#fff 80% 84%,#fff0);-webkit-animation:cs-unread-anim 2s ease-out infinite;animation:cs-unread-anim 2s ease-out infinite}.cs-conversation__unread{box-sizing:border-box;position:absolute;right:.8em;top:.3em;padding:.01em .3em;border-radius:.3em;font-size:.75em;font-weight:600;color:#fff;background-color:#ec1212;max-width:30em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:100}@-webkit-keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(.9)}68%{transform:scaleY(.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(.98)}97%,to{transform:scale(1)}}@keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(.9)}68%{transform:scaleY(.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(.98)}97%,to{transform:scale(1)}}.cs-conversation-list{box-sizing:border-box;position:relative;overflow:hidden;height:100%;color:#000000de;background-color:transparent}.cs-conversation-list>div>ul{margin:0;padding:0;list-style-type:none}.cs-conversation-list__loading-more{box-sizing:content-box;display:flex;flex-direction:row;justify-content:center;position:absolute;background-color:transparent;padding:2px 0;bottom:0;left:0;right:0;height:1.2em;z-index:1}.cs-conversation-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-conversation-list__loading-more .cs-loader:before,.cs-conversation-list__loading-more .cs-loader:after{width:100%;height:100%}.cs-conversation-list .ps__rail-y{z-index:2}.cs-status{box-sizing:border-box;position:relative;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;font-size:1em}.cs-status .cs-status__bullet{box-sizing:content-box;width:11px;height:11px;border-radius:50%;position:relative;perspective:200px;perspective-origin:50% 50%}.cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status--named{width:auto;height:auto}.cs-status__name{margin:0 0 0 .58em;line-height:1.5}.cs-avatar:hover .cs-status__bullet:before,.cs-status:hover .cs-status__bullet:before{box-sizing:border-box;content:"";position:absolute;top:1%;left:5%;border-radius:50%;z-index:2;filter:blur(0);height:80%;width:40%;background:radial-gradient(circle at 130% 130%,#fff0 0 46%,#fffc 50% 58%,#fff0 60% 100%);transform:translate(131%) translateY(58%) rotate(168deg) rotateX(10deg)}.cs-avatar:hover .cs-status__bullet:after,.cs-status:hover .cs-status__bullet:after{box-sizing:border-box;content:"";position:absolute;top:5%;left:10%;width:80%;height:80%;border-radius:100%;filter:blur(1px);z-index:2;transform:rotate(-30deg);display:block;background:radial-gradient(circle at 50% 80%,#fff0,#fff0 74%,#fff 80% 84%,#fff0);-webkit-animation:cs-bubble-anim 2s ease-out infinite;animation:cs-bubble-anim 2s ease-out infinite}.cs-status--available .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#00d5a6,#00a27e)}.cs-status--available .cs-status__name{color:#000000de}.cs-status--unavailable .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#ffb527,#a66d00)}.cs-status--unavailable .cs-status__name{color:#000000de}.cs-status--away .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#ffdbb0,#fc8b00)}.cs-status--away .cs-status__name{color:#000000de}.cs-status--dnd .cs-status__bullet{background-color:#ec1212;background:radial-gradient(circle at 3px 3px,#f89f9f,#ec1212)}.cs-status--dnd .cs-status__name{color:#000000de}.cs-status--invisible .cs-status__bullet{background-color:#c2d1d9;background:radial-gradient(circle at 3px 3px,#fff,#c2d1d9)}.cs-status--invisible .cs-status__name{color:#000000de}.cs-status--eager .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#fffccc,#fe0)}.cs-status--eager .cs-status__name{color:#000000de}.cs-status--xs:not(.cs-status--named){font-size:1em;width:4px;height:4px}.cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status--sm:not(.cs-status--named){font-size:1em;width:8px;height:8px}.cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status--md:not(.cs-status--named){font-size:1em;width:11px;height:11px}.cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status--lg:not(.cs-status--named){font-size:1em;width:14px;height:14px}.cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-status--fluid{width:100%;height:100%}.cs-status--fluid .cs-status__bullet{width:100%;min-width:100%;height:100%}@-webkit-keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(.9)}68%{transform:scaleY(.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(.98)}97%,to{transform:scale(1)}}@keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(.95) scaleX(1.05)}48%{transform:scaleY(1.1) scaleX(.9)}68%{transform:scaleY(.98) scaleX(1.02)}80%{transform:scaleY(1.02) scaleX(.98)}97%,to{transform:scale(1)}}.cs-sidebar{box-sizing:border-box;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.cs-sidebar--left,.cs-sidebar--right{background-color:#fff}.cs-sidebar .cs-expansion-panel+.cs-expansion-panel{border-top:0}.cs-expansion-panel{box-sizing:border-box;display:flex;flex-direction:column;color:#000000de;background-color:#fff;border:solid 1px #d1dbe3;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;font-size:inherit;font-variant:normal}.cs-expansion-panel__header{box-sizing:border-box;display:flex;flex-direction:row;color:#0009;background-color:#f6fbff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:700;font-size:.75em;font-variant:normal;-webkit-user-select:none;-moz-user-select:none;padding:.8em;align-items:center;user-select:none;cursor:pointer}.cs-expansion-panel__header:hover{color:#0009;background-color:#f3f8fc}.cs-expansion-panel__title{box-sizing:border-box;flex-grow:1}.cs-expansion-panel__icon{box-sizing:border-box;margin-left:1em;margin-right:.5em}.cs-expansion-panel__content{display:none;color:#000000de;background-color:#fff;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;font-size:.8em;font-variant:normal;padding:.4em .8em}.cs-expansion-panel--open .cs-expansion-panel__content{display:block;color:#000000de;background-color:#fff}.cs-expansion-panel--closed .cs-expansion-panel__content{display:none}.cs-expansion-panel--open .cs-expansion-panel__header{color:#0009;background-color:#f6fbff}.cs-search{box-sizing:border-box;display:flex;flex-direction:row;margin:0;background-color:#c6e3fa;align-items:center;position:relative;border-radius:.7em;padding:.6em .9em;font-size:inherit;font-family:inherit}.cs-search__input{box-sizing:border-box;order:1;color:#000000de;border:none;width:100%;min-width:0;outline:0;margin-right:.5em;background-color:#c6e3fa;font-size:.8em;font-family:inherit}.cs-search__input:disabled{color:#00000061;background-color:#c6e3fa}.cs-search__input::-moz-placeholder{color:#000000de}.cs-search__input::placeholder{color:#000000de}.cs-search__search-icon{box-sizing:border-box;order:0;display:block;margin-right:.5em;color:#6ea9d7}.cs-search__clear-icon{box-sizing:border-box;order:2;color:#6ea9d7;visibility:hidden}.cs-search__clear-icon:hover{color:#6ea9d799;cursor:pointer}.cs-search__clear-icon--active{visibility:visible}.cs-search--disabled{opacity:.38;color:#00000061;background-color:#c6e3fa}.cs-button{box-sizing:border-box;display:inline-block;vertical-align:middle;text-align:center;color:#6ea9d7;background-color:transparent;border:none;border-radius:.7em;margin:.1em .2em;padding:.2em .7em;outline:none;font-size:1em;line-height:1.5}.cs-button:focus{outline:none}.cs-button:disabled{opacity:.38}.cs-button:not(:disabled){cursor:pointer}.cs-button.cs-button--border{border:solid 1px #d1dbe3}.cs-button:hover:not(:disabled){opacity:.6}.cs-button.cs-button--right>svg[data-icon]:first-child{margin-right:.5em}.cs-button.cs-button--left>svg[data-icon]:last-child{margin-left:.5em}.cs-button--adduser,.cs-button--arrow,.cs-button--ellipsis,.cs-button--info,.cs-button--star,.cs-button--videocall,.cs-button--voicecall,.cs-button--send,.cs-button--attachment{color:#6ea9d7;background-color:transparent}.cs-loader{box-sizing:border-box;display:inline-flex;position:relative;font-size:1em;width:1.8em;height:1.8em;color:#000000de;background-color:transparent}.cs-loader:before,.cs-loader:after{box-sizing:border-box;display:block;width:1.8em;height:1.8em;margin:0 0 0 -.9em}.cs-loader:before{position:absolute;content:"";top:0;left:50%;border-radius:50%;border-color:#c6e3fa;border-style:solid;border-width:.2em}.cs-loader:after{position:absolute;content:"";top:0;left:50%;-webkit-animation:loader-default .6s linear;animation:loader-default .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:50%;border-color:#6ea9d7 transparent transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 transparent}.cs-loader--content{width:auto;height:auto;padding-top:2.6em}@-webkit-keyframes loader-default{to{transform:rotate(360deg)}}@keyframes loader-default{to{transform:rotate(360deg)}}.cs-overlay{box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;align-items:center;position:absolute;inset:0;-webkit-backdrop-filter:blur(10%);backdrop-filter:blur(10%)}.cs-overlay__content{z-index:220}.cs-overlay:before{box-sizing:border-box;content:"";background-color:#c6e3fa61;position:absolute;inset:0;z-index:200}.cs-overlay--blur:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cs-overlay--grayscale:before{-webkit-backdrop-filter:grayscale(50%);backdrop-filter:grayscale(50%)}.cs-status-list{box-sizing:border-box;list-style-type:none;margin:0;padding:1em;color:#000000de;background-color:#fff}.cs-status-list>li{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cs-status-list>li>.cs-status{margin:0;padding:.4em .8em;width:auto;height:auto}.cs-status-list>li .cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li .cs-status--selected .cs-status__name{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li:hover{color:#0009;background-color:#f3f8fc}.cs-status-list>li:focus{color:#000000de;background-color:#d5e7f5}.cs-status-list>li:active{color:#000000de;background-color:#d5e7f5}.cs-status-list--xs>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--xs>li>.cs-status .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status-list--sm>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--sm>li>.cs-status .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status-list--md>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--md>li>.cs-status .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status-list--lg>li>.cs-status{font-size:1em;width:auto;height:auto}.cs-status-list--lg>li>.cs-status .cs-status__bullet{width:14px;min-width:14px;height:14px}.ps{overflow:hidden!important;overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto}.ps__rail-x{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;height:15px;bottom:0;position:absolute}.ps__rail-y{display:none;opacity:0;transition:background-color .2s linear,opacity .2s linear;-webkit-transition:background-color .2s linear,opacity .2s linear;width:15px;right:0;left:auto!important;position:absolute}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{display:block;background-color:transparent}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{background-color:#eee;background-color:#f6fbff;opacity:.9}.ps__thumb-x{background-color:#6ea9d7;border-radius:6px;transition:background-color .2s linear,height .2s ease-in-out;-webkit-transition:background-color .2s linear,height .2s ease-in-out;height:6px;bottom:2px;position:absolute}.ps__thumb-y{background-color:#c6e3fa;border-radius:6px;transition:background-color .2s linear,width .2s ease-in-out;-webkit-transition:background-color .2s linear,width .2s ease-in-out;width:6px;right:2px;position:absolute}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#c6e3fa;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#c6e3fa;width:11px}@supports (-ms-overflow-style: none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.scrollbar-container{position:relative;height:100%}.modal{text-align:center;padding:0}.modal h2{margin-top:0;padding-top:0}.modal-button{border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.modal-container{position:relative}.modal-icon{position:absolute;top:0;left:0;color:red;border:4px solid red;border-radius:50%;padding:10px}div.app-container{padding-left:0!important;padding-right:0!important;margin-left:5px!important;margin-right:5px!important}.console{position:relative;height:100%;width:100%;padding:0 5px 0 0;display:flex;justify-content:center;align-items:center;text-align:center}.console-output{background-color:#2f2f2f;color:#f5f5f5;height:80vh;margin-top:0;padding-top:0;margin-left:0;margin-right:0;display:flex;flex-direction:column-reverse;overflow-y:auto}.console-output-content{text-align:left;margin:10px;padding:10px;font-family:Courier New,Courier,monospace;font-size:16px}.json-key{color:#00f}.json-value{color:green}.SmarterChat{border:1px solid rgba(255,87,51,.75);height:100%;overflow-x:auto}.SmarterChat a{text-decoration:inherit;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.app-title{text-align:center;background-color:#ff5733bf;width:100%;padding:0;margin:0;color:#f5f5f5}h5{color:#f5f5f5;margin-left:10px;margin-bottom:0}.app-logo{width:75px;margin:0 auto;display:block}.container{display:flex}.chat-app{position:relative;height:100%;width:100%}.cs-message-separator:before,.cs-message-separator:after{background-color:#d3d3d3!important}.cs-conversation-header{text-align:center}div.cs-message__html-content a{text-decoration:underline!important;filter:invert(1) contrast(2)}div.cs-message__html-content a:hover{text-decoration:underline;color:orange}section.smarter-message .cs-message__content{color:brown!important;background-color:#ffebcd;border:1px solid brown;margin-top:10px;margin-bottom:10px;border-radius:10px;font-family:Courier New,Courier,monospace;font-weight:700;text-align:left}section.smarter-error-message .cs-message__content{position:relative;color:#000!important;background-color:#f5f5f5;border:3px solid crimson;margin-top:10px;margin-bottom:10px;border-radius:10px;font-family:Courier New,Courier,monospace;text-align:left}section.system-message .cs-message__content{color:beige!important;background-color:#272822;border:1px solid brown;margin-top:10px;margin-bottom:10px;border-radius:10px;font-family:Courier New,Courier,monospace;font-weight:700}@media(max-width:991px){.hide-medium{display:none;width:0!important;height:0!important}}@media(max-width:767px){.hide-small{display:none;width:0!important;height:0!important}}
+.cs-main-container{box-sizing:border-box;color:#000000de;background-color:#fff;border:1px solid #d1dbe3;flex-direction:row;height:100%;font-size:1rem;display:flex;position:relative;overflow:auto}.cs-main-container>.cs-conversation-list{z-index:2;border:0 solid #d1dbe3;border-right-width:1px;flex-basis:300px;order:0;height:100%;box-shadow:2px 0 5px -2px #00000061}.cs-main-container>.cs-sidebar.cs-sidebar--left{z-index:2;border-right:1px solid #d1dbe3;flex-basis:35%;order:0;max-width:320px;height:100%}.cs-main-container>.cs-sidebar.cs-sidebar--right{border:0 solid #d1dbe3;border-left-width:1px;flex-basis:25%;min-width:150px;max-width:320px}.cs-main-container>.cs-sidebar.cs-sidebar--left .cs-search{margin:.5em}.cs-main-container .cs-chat-container{z-index:1;border-right:0 solid #d1dbe3;flex-grow:1;flex-basis:65%;order:1}.cs-main-container .cs-sidebar{z-index:3;order:2;height:100%}.cs-main-container .cs-sidebar .cs-expansion-panel{border-top:0;border-left:0;border-right:0}.cs-main-container .cs-sidebar .cs-expansion-panel:nth-last-child(3){border-bottom:0}.cs-main-container .cs-conversation-header{z-index:1}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back,.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:none}@media (width<=768px){.cs-main-container--responsive{min-width:calc(1.6em + 220px)}.cs-main-container--responsive .cs-search{display:none}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{flex-basis:calc(1.6em + 40px);min-width:calc(1.6em + 40px)}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--right{display:none}.cs-main-container--responsive>.cs-conversation-list{flex-basis:calc(1.6em + 40px)}.cs-main-container--responsive .cs-conversation-list .cs-conversation>.cs-avatar,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation>.cs-avatar{margin-right:0}.cs-main-container--responsive .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__content,.cs-main-container--responsive .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__operations,.cs-main-container--responsive .cs-conversation-list .cs-conversation__last-activity-time,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__last-activity-time{display:none}.cs-main-container--responsive .cs-conversation-list .cs-conversation__unread-dot,.cs-main-container--responsive .cs-sidebar .cs-conversation-list .cs-conversation__unread-dot{margin-right:0;position:absolute;top:.3em;right:.3em}.cs-main-container--responsive .cs-conversation-header .cs-conversation-header__actions .cs-button--info{display:flex}}@media (width<=576px){.cs-main-container--responsive{min-width:auto}.cs-main-container--responsive>.cs-sidebar.cs-sidebar--left{display:none}.cs-main-container--responsive .cs-chat-container .cs-conversation-header .cs-conversation-header__back{display:flex}}.cs-message{box-sizing:border-box;color:#000000de;background-color:#0000;border-radius:0;flex-direction:row;padding:0;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:1em;display:flex;overflow:hidden}.cs-message:only-child,.cs-message:not(:only-child){margin:.2em 0 0}.cs-message__avatar{box-sizing:border-box;flex-direction:column;justify-content:flex-end;width:42px;margin:0 8px 0 0;display:flex}.cs-message__content-wrapper{box-sizing:border-box;flex-direction:column;display:flex}.cs-message__header{box-sizing:border-box;color:#4d4d4dde;background-color:#0000;flex-flow:row;justify-content:space-between;margin:0 .2em .1em;font-size:.8em;display:flex}.cs-message__header .cs-message__sender-name{box-sizing:border-box;color:#4d4d4dde;background-color:#0000}.cs-message__header .cs-message__sent-time{box-sizing:border-box;color:#4d4d4dde;background-color:#0000;margin-left:auto;padding-left:.8em}.cs-message__footer{box-sizing:border-box;color:#4d4d4dde;background-color:#0000;margin:.1em .2em 0;font-size:.8em;display:flex}.cs-message__footer .cs-message__sender-name{box-sizing:border-box;color:#4d4d4dde;background-color:#0000}.cs-message__footer .cs-message__sent-time{box-sizing:border-box;color:#4d4d4dde;background-color:#0000;margin-left:auto;padding-left:.8em}.cs-message__content{box-sizing:border-box;color:#000000de;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-variant:normal;background-color:#c6e3fa;border-radius:.7em;margin-top:0;padding:.6em .9em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:.91em;font-weight:400}.cs-message--incoming{color:#000000de;background-color:#0000;margin-right:auto}.cs-message--incoming .cs-message__avatar{margin:0 8px 0 0}.cs-message--incoming .cs-message__sender-name,.cs-message--incoming .cs-message__sent-time{display:none}.cs-message--incoming .cs-message__content{color:#000000de;background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message--outgoing{color:#000000de;background-color:#0000;justify-content:flex-end;margin-left:auto}.cs-message--outgoing .cs-message__avatar{order:1;margin:0 0 0 8px}.cs-message--outgoing .cs-message__sender-name,.cs-message--outgoing .cs-message__sent-time{display:none}.cs-message--outgoing .cs-message__content{color:#000000de;background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message.cs-message--incoming.cs-message--single{border-radius:0}.cs-message.cs-message--incoming.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--single .cs-message__sender-name,.cs-message.cs-message--incoming.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--single .cs-message__content{border-radius:0 .7em .7em}.cs-message.cs-message--incoming.cs-message--first{border-radius:0}.cs-message.cs-message--incoming.cs-message--first:not(:first-child){margin-top:.4em}.cs-message.cs-message--incoming.cs-message--first .cs-message__sender-name,.cs-message.cs-message--incoming.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--incoming.cs-message--first .cs-message__content{background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message.cs-message--incoming.cs-message--last{border-radius:0}.cs-message.cs-message--incoming.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--incoming.cs-message--last .cs-message__content{border-radius:0 .7em}.cs-message.cs-message--outgoing.cs-message--single{border-radius:0}.cs-message.cs-message--outgoing.cs-message--single:not(:first-child){margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--single .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--single .cs-message__content{border-radius:.7em .7em 0}.cs-message.cs-message--outgoing.cs-message--first{border-radius:0;margin-top:.4em}.cs-message.cs-message--outgoing.cs-message--first .cs-message__sent-time{display:block}.cs-message.cs-message--outgoing.cs-message--first .cs-message__content{background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message.cs-message--outgoing.cs-message--last{border-radius:0}.cs-message.cs-message--outgoing.cs-message--last .cs-message__sent-time{display:none}.cs-message.cs-message--outgoing.cs-message--last .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message--incoming.cs-message--avatar-spacer{margin-left:50px}.cs-message--outgoing.cs-message--avatar-spacer{margin-right:50px}.cs-message--avatar-tl .cs-message__avatar{order:0;justify-content:flex-start;margin-left:0;margin-right:8px}.cs-message--avatar-tl .cs-message__message-wrapper{order:1}.cs-message--avatar-tr .cs-message__avatar{order:1;justify-content:flex-start;margin-left:8px;margin-right:0}.cs-message--avatar-tr .cs-message__message-wrapper{order:0}.cs-message--avatar-br .cs-message__avatar{order:1;justify-content:flex-end;margin-left:8px;margin-right:0}.cs-message--avatar-br .cs-message__message-wrapper{order:0}.cs-message--avatar-bl .cs-message__avatar{order:0;justify-content:flex-end;margin-left:0;margin-right:8px}.cs-message--avatar-bl .cs-message__message-wrapper{order:1}.cs-message--avatar-cl .cs-message__avatar{order:0;justify-content:center;margin-left:0;margin-right:8px}.cs-message--avatar-cl .cs-message__message-wrapper{order:1}.cs-message--avatar-cr .cs-message__avatar{order:1;justify-content:center;margin-left:8px;margin-right:0}.cs-message--avatar-cr .cs-message__message-wrapper{order:0}.cs-message-group{box-sizing:border-box;flex-direction:row;margin:.4em 0 0;display:flex}.cs-message-group__avatar{box-sizing:border-box;flex-direction:column;justify-content:flex-end;display:flex}.cs-message-group__content{box-sizing:border-box;flex-direction:column;display:flex}.cs-message-group__header{box-sizing:border-box;color:#0009;background-color:#0000;margin:0 0 .2em;padding:0;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:.8em;display:flex}.cs-message-group__footer{box-sizing:border-box;color:#0009;background-color:#0000;margin:.2em 0 0;padding:0;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:.8em;display:flex}.cs-message-group__messages{box-sizing:border-box}.cs-message-group__messages .cs-message:first-child{margin-top:0}.cs-message-group__messages .cs-message .cs-message__content{background-color:#c6e3fa;margin-top:0}.cs-message-group--incoming{justify-content:flex-start}.cs-message-group--incoming .cs-message-group__avatar{order:0;margin-right:8px}.cs-message-group--incoming .cs-message-group__content{order:1}.cs-message-group--incoming .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:0 .7em .7em 0}.cs-message-group--incoming .cs-message-group__messages .cs-message .cs-message__content{color:#000000de;background-color:#c6e3fa;border-radius:0 .7em .7em 0}.cs-message-group--incoming .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:0 .7em}.cs-message-group--incoming .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:0 .7em .7em}.cs-message-group--outgoing{justify-content:flex-end;margin-left:auto}.cs-message-group--outgoing .cs-message-group__avatar{order:1;margin-left:8px}.cs-message-group--outgoing .cs-message-group__content{order:0}.cs-message-group--outgoing .cs-message-group__messages .cs-message{justify-content:flex-end}.cs-message-group--outgoing .cs-message-group__messages .cs-message:first-child .cs-message__content{border-radius:.7em 0 0 .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message .cs-message__content{color:#000000de;background-color:#6ea9d7;border-radius:.7em 0 0 .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message:last-child .cs-message__content{border-radius:.7em 0 .7em .7em}.cs-message-group--outgoing .cs-message-group__messages .cs-message:only-child .cs-message__content{border-radius:.7em .7em 0}.cs-message-group--avatar-tl .cs-message-group__avatar{order:0;justify-content:flex-start;margin-left:0;margin-right:8px}.cs-message-group--avatar-tl .cs-message-group__content{order:1}.cs-message-group--avatar-tr .cs-message-group__avatar{order:1;justify-content:flex-start;margin-left:8px;margin-right:0}.cs-message-group--avatar-tr .cs-message-group__content{order:0}.cs-message-group--avatar-bl .cs-message-group__avatar{order:0;justify-content:flex-end;margin-left:0;margin-right:8px}.cs-message-group--avatar-bl .cs-message-group__content{order:1}.cs-message-group--avatar-br .cs-message-group__avatar{order:1;justify-content:flex-end;margin-left:8px;margin-right:0}.cs-message-group--avatar-br .cs-message-group__content{order:0}.cs-message-group--avatar-cl .cs-message-group__avatar{order:0;justify-content:center;margin-left:0;margin-right:8px}.cs-message-group--avatar-cl .cs-message-group__content{order:1}.cs-message-group--avatar-cr .cs-message-group__avatar{order:1;justify-content:center;margin-left:8px;margin-right:0}.cs-message-group--avatar-cr .cs-message-group__content{order:0}.cs-message-separator{box-sizing:border-box;color:#6ea9d7;text-align:center;background-color:#fff;flex-flow:row;justify-content:space-between;align-items:center;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:.8em;display:flex}.cs-message-separator:before,.cs-message-separator:after{box-sizing:border-box;content:"";background-color:#6ea9d7;flex-grow:1;height:1px;display:block}.cs-message-separator:not(:empty):before{margin:0 1em 0 0}.cs-message-separator:not(:empty):after{margin:0 0 0 1em}.cs-message-list{box-sizing:border-box;color:#000000de;background-color:#fff;width:100%;height:100%;min-height:1.25em;position:relative;overflow:hidden}.cs-message-list__scroll-wrapper{box-sizing:border-box;padding:0 1.2em 0 .8em;position:absolute;inset:0;overflow:hidden}.cs-message-list__scroll-to:first-child{box-sizing:border-box;float:left;clear:both;height:0}.cs-message-list__scroll-wrapper>.cs-message:nth-last-child(4),.cs-message-list__scroll-wrapper>.cs-message-group:nth-last-child(4){margin-bottom:2.65em}.cs-message-list .cs-typing-indicator{background-color:#fff;height:1.25em;padding:.5em;font-size:.9em;line-height:1.25em;position:absolute;bottom:0;left:0;right:15px}.cs-message-list__scroll-wrapper>.cs-message,.cs-message-list__scroll-wrapper>.cs-message-group{max-width:85%}.cs-message-list .cs-message.cs-message--incoming,.cs-message-list .cs-message-group.cs-message-group--incoming{margin-right:auto}.cs-message-list .cs-message.cs-message--outgoing,.cs-message-list .cs-message-group.cs-message-group--outgoing{margin-left:auto}.cs-message-list .cs-message-separator:not(:first-child){margin-top:1.2em}.cs-message-list__loading-more{box-sizing:content-box;z-index:1;background-color:#fff;flex-direction:row;justify-content:center;height:1.2em;padding:2px 0;display:flex;position:absolute;top:0;left:0;right:0}.cs-message-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-message-list__loading-more .cs-loader:before,.cs-message-list__loading-more .cs-loader:after{width:100%;height:100%}.cs-message-list__loading-more--bottom{top:initial;bottom:0}.cs-message-list .ps__rail-y{z-index:2}.cs-avatar{box-sizing:border-box;border-radius:50%;width:42px;height:42px;position:relative}.cs-avatar>img{box-sizing:border-box;border-radius:50%;width:100%;height:100%}.cs-avatar:hover>img{filter:brightness(115%)}.cs-avatar.cs-avatar--xs{width:16px;min-width:16px;height:16px;min-height:16px}.cs-avatar.cs-avatar--sm{width:26px;min-width:26px;height:26px;min-height:26px}.cs-avatar.cs-avatar--md{width:42px;min-width:42px;height:42px;min-height:42px}.cs-avatar.cs-avatar--lg{width:68px;min-width:68px;height:68px;min-height:68px}.cs-avatar.cs-avatar--fluid{width:100%;height:100%}.cs-avatar.cs-avatar--fluid .cs-status{width:22%;height:22%;right:5%}.cs-avatar .cs-status{box-sizing:border-box;position:absolute;bottom:3%;right:-1px}.cs-avatar .cs-status__bullet{box-sizing:content-box;border:2px solid #fff}.cs-avatar .cs-status--xs,.cs-avatar .cs-status--xs:not(.cs-status--named){width:6px;height:6px;font-size:1em;bottom:0;right:0}.cs-avatar .cs-status--xs .cs-status__bullet,.cs-avatar .cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-avatar .cs-status--sm,.cs-avatar .cs-status--sm:not(.cs-status--named){width:12px;height:12px;font-size:1em;bottom:-1px;right:-3px}.cs-avatar .cs-status--sm .cs-status__bullet,.cs-avatar .cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-avatar .cs-status--md,.cs-avatar .cs-status--md:not(.cs-status--named){width:15px;height:15px;font-size:1em}.cs-avatar .cs-status--md .cs-status__bullet,.cs-avatar .cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-avatar .cs-status--lg,.cs-avatar .cs-status--lg:not(.cs-status--named){width:18px;height:18px;font-size:1em;bottom:4%}.cs-avatar .cs-status--lg .cs-status__bullet,.cs-avatar .cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-avatar-group{box-sizing:border-box;flex-flow:row-reverse wrap;place-content:flex-start flex-end;min-width:40px;display:flex;position:relative;overflow:visible}.cs-avatar-group .cs-avatar--active{z-index:1}.cs-avatar-group .cs-avatar--active-on-hover:hover{z-index:2}.cs-avatar-group--xs{padding-top:6.112px;padding-left:6.112px}.cs-avatar-group--xs .cs-avatar{border:none;border-right:1px solid #f2f2f2;width:16px;min-width:16px;height:16px;min-height:16px;margin-top:-6.112px;margin-left:-6.112px}.cs-avatar-group--sm{padding-top:9.932px;padding-left:9.932px}.cs-avatar-group--sm .cs-avatar{width:26px;min-width:26px;height:26px;min-height:26px;margin-top:-9.932px;margin-left:-9.932px}.cs-avatar-group--md{padding-top:16.044px;padding-left:16.044px}.cs-avatar-group--md .cs-avatar{border:2px solid #f2f2f2;width:42px;min-width:42px;height:42px;min-height:42px;margin-top:-16.044px;margin-left:-16.044px}.cs-avatar-group--lg{padding-top:25.976px;padding-left:25.976px}.cs-avatar-group--lg .cs-avatar{border:2px solid #f2f2f2;width:68px;min-width:68px;height:68px;min-height:68px;margin-top:-25.976px;margin-left:-25.976px}.cs-message-input{box-sizing:border-box;background-color:#fff;border:none;flex-direction:row;flex-shrink:0;padding:0;display:flex;position:relative;overflow:visible}.cs-message-input__content-editor-wrapper{box-sizing:border-box;background-color:#c6e3fa;border-radius:.7em;flex-grow:1;margin:0;padding:.6em .9em;position:relative}.cs-message-input--disabled .cs-message-input__content-editor-wrapper{color:#0009;background-color:#c6e3fa61}.cs-message-input__content-editor-container{box-sizing:border-box;background-color:#c6e3fa;flex-direction:column;align-items:stretch;min-height:1.35em;max-height:5.4em;padding:0;scroll-padding:0;font-size:.94em;line-height:1.35em;display:flex;position:relative;overflow:hidden auto}.cs-message-input--disabled .cs-message-input__content-editor-container{color:#0009;background-color:#0000}.cs-message-input__content-editor{box-sizing:border-box;color:#000000de;overflow-wrap:anywhere;word-break:break-word;background-color:#c6e3fa;border:0;outline:0;flex-grow:1;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;overflow:visible}.cs-message-input--disabled .cs-message-input__content-editor{color:#0009;background-color:#0000}.cs-message-input__content-editor[data-placeholder]:empty:before{box-sizing:border-box;content:attr(data-placeholder);color:#00000061;cursor:text;display:block}.cs-message-input__tools{box-sizing:border-box;flex-direction:row;display:flex}.cs-message-input__tools .cs-button{margin-top:0;margin-bottom:0;font-size:1.2em}.cs-message-input__tools .cs-button--send,.cs-message-input__tools .cs-button--attachment{align-self:flex-end}.cs-message-input__tools:first-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:first-child .cs-button:last-child{margin-right:0}.cs-message-input__tools:last-child .cs-button:first-child{margin-left:0}.cs-message-input__tools:last-child .cs-button:last-child{margin-right:0}.cs-input-toolbox{box-sizing:border-box;flex-direction:row;justify-content:flex-end;margin:0;padding:0 0 .4em;display:flex}.cs-input-toolbox .cs-button{background:0 0;border:none;margin:0 .5em 0 0;padding:0;font-size:1.2em}.cs-chat-container{box-sizing:border-box;color:#000000de;background-color:#fff;flex-direction:column;min-width:180px;height:100%;display:flex}.cs-chat-container .cs-message-input{color:#000000de;background-color:#fff;border:0 solid #d1dbe3;border-top-width:1px;margin-top:auto;padding:.3em 0 .3em 0}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:first-child{margin-left:.8em}.cs-chat-container .cs-message-input .cs-message-input__content-editor-wrapper:last-child{margin-right:.8em}.cs-chat-container .cs-input-toolbox{color:#000000de;background-color:#fff;margin:0;padding:0 .8em .17em 0}.cs-typing-indicator{box-sizing:content-box;font-size:inherit;flex-direction:row;align-items:stretch;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;display:flex}.cs-typing-indicator__indicator{box-sizing:inherit;background-color:#0000;flex-direction:row;align-items:center;display:flex}.cs-typing-indicator__dot{box-sizing:inherit;background-color:#6ea9d7;border-radius:100%;width:4px;height:4px;animation:1.5s ease-in-out infinite cs-typing-indicator__typing-animation;display:inline-block}.cs-typing-indicator__dot:not(:last-child){margin-right:3px}.cs-typing-indicator__dot:first-child{box-sizing:inherit}.cs-typing-indicator__dot:nth-child(2){animation-delay:.3s}.cs-typing-indicator__dot:nth-child(3){animation-delay:.4s}.cs-typing-indicator__text{box-sizing:inherit;text-overflow:ellipsis;white-space:nowrap;color:#6ea9d7;-webkit-user-select:none;user-select:none;background-color:#0000;margin:0 0 0 .5em;overflow:hidden}@keyframes cs-typing-indicator__typing-animation{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}.cs-conversation-header{box-sizing:border-box;color:#000000de;-webkit-user-select:none;user-select:none;background-color:#f6fbff;border:0 solid #d1dbe3;border-bottom-width:1px;flex-direction:row;flex-shrink:0;align-items:stretch;padding:.6em .9em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:1em;display:flex}.cs-conversation-header__back{box-sizing:border-box;cursor:pointer;flex-direction:row;order:1;align-items:center;margin-right:.5em;display:flex}.cs-conversation-header__back button{padding:0;font-size:1.4em}.cs-conversation-header__avatar{box-sizing:border-box;order:2;width:42px;height:42px;margin-right:1em}.cs-conversation-header__avatar>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f6fbff}.cs-conversation-header__avatar .cs-avatar-group{padding-right:0!important}.cs-conversation-header__content{box-sizing:border-box;flex-direction:column;flex-grow:2;order:3;justify-content:center;min-width:0;display:flex}.cs-conversation-header__content .cs-conversation-header__user-name{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;color:#000000de;background-color:#f6fbff;font-weight:700;overflow:hidden}.cs-conversation-header__content .cs-conversation-header__info{box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;color:#0009;background-color:#f6fbff;font-size:.9em;font-weight:400;overflow:hidden}.cs-conversation-header__actions{box-sizing:border-box;color:#000000de;background-color:#0000;flex-direction:row;order:4;align-items:center;margin:0 0 0 .5em;display:flex}.cs-conversation-header__actions .cs-button:not(:first-child){margin-left:.2em}.cs-conversation-header__actions .cs-button{padding:0}.cs-conversation-header__actions .cs-button.cs-button--arrow,.cs-conversation-header__actions .cs-button.cs-button--info,.cs-conversation-header__actions .cs-button.cs-button--voicecall,.cs-conversation-header__actions .cs-button.cs-button--videocall,.cs-conversation-header__actions .cs-button.cs-button--star,.cs-conversation-header__actions .cs-button.cs-button--adduser,.cs-conversation-header__actions .cs-button.cs-button--ellipsis,.cs-conversation-header__actions .cs-button.cs-button--ellipsis{color:normal;background-color:#0000;font-size:1.4em}.cs-conversation-header__actions .cs-button.cs-button--ellipsis{font-size:1.3em}.cs-conversation{box-sizing:border-box;cursor:pointer;color:#000000de;-webkit-user-select:none;user-select:none;background-color:#fff;border:0;flex-direction:row;justify-content:flex-start;padding:.675em .8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;display:flex;position:relative}.cs-conversation:hover{background-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#f3f8fc}.cs-conversation:hover>.cs-avatar>img{filter:none}.cs-conversation.cs-conversation:active{color:#000000de;background-color:#d5e7f5;border:0}.cs-conversation.cs-conversation:active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active{color:#2b6a9b;background-color:#d5e7f5;border:0;font-weight:400}.cs-conversation.cs-conversation--active>.cs-avatar>.cs-status>.cs-status__bullet{border-color:#d5e7f5}.cs-conversation.cs-conversation--active .cs-conversation__name,.cs-conversation.cs-conversation--active .cs-conversation__info{color:#2b6a9b;font-weight:400}.cs-conversation>.cs-avatar{width:42.1px;height:42.1px;margin-right:1em}.cs-conversation>.cs-avatar>.cs-status{border-color:#fff}.cs-conversation>.cs-avatar-group{width:42.1px;min-width:42.1px;height:42.1px;min-height:42.1px;margin-right:1em;padding-right:0!important}.cs-conversation__content{box-sizing:border-box;flex-direction:column;flex-grow:1;margin-right:1.1em;display:flex;overflow:hidden}.cs-conversation__operations{box-sizing:border-box;color:#b3b3b3de;visibility:hidden;flex-direction:row;align-items:center;margin:0 0 0 auto;display:flex}.cs-conversation__operations--visible{visibility:visible}.cs-conversation__operations:hover{color:#666666de}.cs-conversation:hover .cs-conversation__operations{visibility:visible}.cs-conversation__name{box-sizing:border-box;color:#000000de;text-overflow:ellipsis;white-space:nowrap;font-size:1em;overflow:hidden}.cs-conversation__info{box-sizing:border-box;color:#0009;text-overflow:ellipsis;white-space:nowrap;font-size:.8em;overflow:hidden}.cs-conversation__last-sender,.cs-conversation__info-content{box-sizing:border-box;font-weight:400;display:inline}.cs-conversation__last-activity-time{box-sizing:border-box;flex-direction:row;align-items:center;margin:0 0 0 auto;font-size:.8em;display:flex}.cs-conversation__last-activity-time+.cs-conversation__operations{margin-left:.5em}.cs-conversation__unread-dot{box-sizing:content-box;perspective:200px;perspective-origin:50%;background:radial-gradient(circle at 3px 3px,#7c9df1,#2e63e8);border-radius:50%;flex-direction:row;align-self:center;align-items:center;width:.7em;min-width:.7em;height:.7em;margin-right:.5em;display:flex;box-shadow:1px 1px 1px #b3b3b3}.cs-conversation__unread-dot:hover:before{content:"";z-index:2;filter:blur();background:radial-gradient(circle at 130% 130%,#fff0 0 46%,#fffc 50% 58%,#fff0 60% 100%);border-radius:50%;width:40%;height:80%;position:absolute;top:1%;left:5%;transform:translate(131%)translateY(58%)rotate(168deg)rotateX(10deg)}.cs-conversation__unread-dot:hover:after{content:"";filter:blur(1px);z-index:2;background:radial-gradient(circle at 50% 80%,#fff0,#fff0 74%,#fff 80% 84%,#fff0 100%);border-radius:100%;width:80%;height:80%;animation:2s ease-out infinite cs-unread-anim;display:block;position:absolute;top:5%;left:10%;transform:rotate(-30deg)}.cs-conversation__unread{box-sizing:border-box;color:#fff;text-overflow:ellipsis;white-space:nowrap;z-index:100;background-color:#ec1212;border-radius:.3em;max-width:30em;padding:.01em .3em;font-size:.75em;font-weight:600;position:absolute;top:.3em;right:.8em;overflow:hidden}@keyframes cs-unread-anim{0%{transform:scale(1)}20%{transform:scaleY(.95)scaleX(1.05)}48%{transform:scaleY(1.1)scaleX(.9)}68%{transform:scaleY(.98)scaleX(1.02)}80%{transform:scaleY(1.02)scaleX(.98)}97%,to{transform:scale(1)}}.cs-conversation-list{box-sizing:border-box;color:#000000de;background-color:#0000;height:100%;position:relative;overflow:hidden}.cs-conversation-list>div>ul{margin:0;padding:0;list-style-type:none}.cs-conversation-list__loading-more{box-sizing:content-box;z-index:1;background-color:#0000;flex-direction:row;justify-content:center;height:1.2em;padding:2px 0;display:flex;position:absolute;bottom:0;left:0;right:0}.cs-conversation-list__loading-more .cs-loader{width:1.2em;height:1.2em}.cs-conversation-list__loading-more .cs-loader:before,.cs-conversation-list__loading-more .cs-loader:after{width:100%;height:100%}.cs-conversation-list .ps__rail-y{z-index:2}.cs-status{box-sizing:border-box;flex-flow:row;align-items:center;font-size:1em;display:flex;position:relative}.cs-status .cs-status__bullet{box-sizing:content-box;perspective:200px;perspective-origin:50%;border-radius:50%;width:11px;height:11px;position:relative}.cs-status--selected{color:#2b6a9b;background-color:#d5e7f5}.cs-status--named{width:auto;height:auto}.cs-status__name{margin:0 0 0 .58em;line-height:1.5}.cs-avatar:hover .cs-status__bullet:before,.cs-status:hover .cs-status__bullet:before{box-sizing:border-box;content:"";z-index:2;filter:blur();background:radial-gradient(circle at 130% 130%,#fff0 0 46%,#fffc 50% 58%,#fff0 60% 100%);border-radius:50%;width:40%;height:80%;position:absolute;top:1%;left:5%;transform:translate(131%)translateY(58%)rotate(168deg)rotateX(10deg)}.cs-avatar:hover .cs-status__bullet:after,.cs-status:hover .cs-status__bullet:after{box-sizing:border-box;content:"";filter:blur(1px);z-index:2;background:radial-gradient(circle at 50% 80%,#fff0,#fff0 74%,#fff 80% 84%,#fff0 100%);border-radius:100%;width:80%;height:80%;animation:2s ease-out infinite cs-bubble-anim;display:block;position:absolute;top:5%;left:10%;transform:rotate(-30deg)}.cs-status--available .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#00d5a6,#00a27e)}.cs-status--available .cs-status__name{color:#000000de}.cs-status--unavailable .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#ffb527,#a66d00)}.cs-status--unavailable .cs-status__name{color:#000000de}.cs-status--away .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#ffdbb0,#fc8b00)}.cs-status--away .cs-status__name{color:#000000de}.cs-status--dnd .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#f89f9f,#ec1212)}.cs-status--dnd .cs-status__name{color:#000000de}.cs-status--invisible .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#fff,#c2d1d9)}.cs-status--invisible .cs-status__name{color:#000000de}.cs-status--eager .cs-status__bullet{background:radial-gradient(circle at 3px 3px,#fffccc,#fe0)}.cs-status--eager .cs-status__name{color:#000000de}.cs-status--xs:not(.cs-status--named){width:4px;height:4px;font-size:1em}.cs-status--xs:not(.cs-status--named) .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status--sm:not(.cs-status--named){width:8px;height:8px;font-size:1em}.cs-status--sm:not(.cs-status--named) .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status--md:not(.cs-status--named){width:11px;height:11px;font-size:1em}.cs-status--md:not(.cs-status--named) .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status--lg:not(.cs-status--named){width:14px;height:14px;font-size:1em}.cs-status--lg:not(.cs-status--named) .cs-status__bullet{width:14px;min-width:14px;height:14px}.cs-status--fluid{width:100%;height:100%}.cs-status--fluid .cs-status__bullet{width:100%;min-width:100%;height:100%}@keyframes cs-bubble-anim{0%{transform:scale(1)}20%{transform:scaleY(.95)scaleX(1.05)}48%{transform:scaleY(1.1)scaleX(.9)}68%{transform:scaleY(.98)scaleX(1.02)}80%{transform:scaleY(1.02)scaleX(.98)}97%,to{transform:scale(1)}}.cs-sidebar{box-sizing:border-box;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.cs-sidebar--left,.cs-sidebar--right{background-color:#fff}.cs-sidebar .cs-expansion-panel+.cs-expansion-panel{border-top:0}.cs-expansion-panel{box-sizing:border-box;color:#000000de;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;font-size:inherit;font-variant:normal;background-color:#fff;border:1px solid #d1dbe3;flex-direction:column;display:flex}.cs-expansion-panel__header{box-sizing:border-box;color:#0009;font-variant:normal;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:#f6fbff;flex-direction:row;align-items:center;padding:.8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:.75em;font-weight:700;display:flex}.cs-expansion-panel__header:hover{color:#0009;background-color:#f3f8fc}.cs-expansion-panel__title{box-sizing:border-box;flex-grow:1}.cs-expansion-panel__icon{box-sizing:border-box;margin-left:1em;margin-right:.5em}.cs-expansion-panel__content{color:#000000de;font-variant:normal;background-color:#fff;padding:.4em .8em;font-family:Helvetica Neue,Segoe UI,Helvetica,Arial,sans-serif;font-size:.8em;font-weight:400;display:none}.cs-expansion-panel--open .cs-expansion-panel__content{color:#000000de;background-color:#fff;display:block}.cs-expansion-panel--closed .cs-expansion-panel__content{display:none}.cs-expansion-panel--open .cs-expansion-panel__header{color:#0009;background-color:#f6fbff}.cs-search{box-sizing:border-box;font-size:inherit;background-color:#c6e3fa;border-radius:.7em;flex-direction:row;align-items:center;margin:0;padding:.6em .9em;font-family:inherit;display:flex;position:relative}.cs-search__input{box-sizing:border-box;color:#000000de;background-color:#c6e3fa;border:none;outline:0;order:1;width:100%;min-width:0;margin-right:.5em;font-family:inherit;font-size:.8em}.cs-search__input:disabled{color:#00000061;background-color:#c6e3fa}.cs-search__input::placeholder{color:#000000de}.cs-search__search-icon{box-sizing:border-box;color:#6ea9d7;order:0;margin-right:.5em;display:block}.cs-search__clear-icon{box-sizing:border-box;color:#6ea9d7;visibility:hidden;order:2}.cs-search__clear-icon:hover{color:#6ea9d799;cursor:pointer}.cs-search__clear-icon--active{visibility:visible}.cs-search--disabled{opacity:.38;color:#00000061;background-color:#c6e3fa}.cs-button{box-sizing:border-box;vertical-align:middle;text-align:center;color:#6ea9d7;background-color:#0000;border:none;border-radius:.7em;outline:none;margin:.1em .2em;padding:.2em .7em;font-size:1em;line-height:1.5;display:inline-block}.cs-button:focus{outline:none}.cs-button:disabled{opacity:.38}.cs-button:not(:disabled){cursor:pointer}.cs-button.cs-button--border{border:1px solid #d1dbe3}.cs-button:hover:not(:disabled){opacity:.6}.cs-button.cs-button--right>svg[data-icon]:first-child{margin-right:.5em}.cs-button.cs-button--left>svg[data-icon]:last-child{margin-left:.5em}.cs-button--adduser,.cs-button--arrow,.cs-button--ellipsis,.cs-button--info,.cs-button--star,.cs-button--videocall,.cs-button--voicecall,.cs-button--send,.cs-button--attachment{color:#6ea9d7;background-color:#0000}.cs-loader{box-sizing:border-box;color:#000000de;background-color:#0000;width:1.8em;height:1.8em;font-size:1em;display:inline-flex;position:relative}.cs-loader:before,.cs-loader:after{box-sizing:border-box;width:1.8em;height:1.8em;margin:0 0 0 -.9em;display:block}.cs-loader:before{content:"";border:.2em solid #c6e3fa;border-radius:50%;position:absolute;top:0;left:50%}.cs-loader:after{content:"";border:.2em solid #0000;border-top-color:#6ea9d7;border-radius:50%;animation:.6s linear infinite loader-default;position:absolute;top:0;left:50%;box-shadow:0 0 #0000}.cs-loader--content{width:auto;height:auto;padding-top:2.6em}@keyframes loader-default{to{transform:rotate(360deg)}}.cs-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(10%);backdrop-filter:blur(10%);flex-direction:row;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cs-overlay__content{z-index:220}.cs-overlay:before{box-sizing:border-box;content:"";z-index:200;background-color:#c6e3fa61;position:absolute;inset:0}.cs-overlay--blur:before{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cs-overlay--grayscale:before{-webkit-backdrop-filter:grayscale(50%);backdrop-filter:grayscale(50%)}.cs-status-list{box-sizing:border-box;color:#000000de;background-color:#fff;margin:0;padding:1em;list-style-type:none}.cs-status-list>li{box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}.cs-status-list>li>.cs-status{width:auto;height:auto;margin:0;padding:.4em .8em}.cs-status-list>li .cs-status--selected,.cs-status-list>li .cs-status--selected .cs-status__name{color:#2b6a9b;background-color:#d5e7f5}.cs-status-list>li:hover{color:#0009;background-color:#f3f8fc}.cs-status-list>li:focus,.cs-status-list>li:active{color:#000000de;background-color:#d5e7f5}.cs-status-list--xs>li>.cs-status{width:auto;height:auto;font-size:1em}.cs-status-list--xs>li>.cs-status .cs-status__bullet{width:4px;min-width:4px;height:4px}.cs-status-list--sm>li>.cs-status{width:auto;height:auto;font-size:1em}.cs-status-list--sm>li>.cs-status .cs-status__bullet{width:8px;min-width:8px;height:8px}.cs-status-list--md>li>.cs-status{width:auto;height:auto;font-size:1em}.cs-status-list--md>li>.cs-status .cs-status__bullet{width:11px;min-width:11px;height:11px}.cs-status-list--lg>li>.cs-status{width:auto;height:auto;font-size:1em}.cs-status-list--lg>li>.cs-status .cs-status__bullet{width:14px;min-width:14px;height:14px}.ps{overflow-anchor:none;-ms-overflow-style:none;touch-action:auto;-ms-touch-action:auto;overflow:hidden!important}.ps__rail-x{opacity:0;height:15px;transition:background-color .2s linear,opacity .2s linear;display:none;position:absolute;bottom:0}.ps__rail-y{opacity:0;width:15px;transition:background-color .2s linear,opacity .2s linear;display:none;position:absolute;right:0;left:auto!important}.ps--active-x>.ps__rail-x,.ps--active-y>.ps__rail-y{background-color:#0000;display:block}.ps:hover>.ps__rail-x,.ps:hover>.ps__rail-y,.ps--focus>.ps__rail-x,.ps--focus>.ps__rail-y,.ps--scrolling-x>.ps__rail-x,.ps--scrolling-y>.ps__rail-y{opacity:.6}.ps .ps__rail-x:hover,.ps .ps__rail-y:hover,.ps .ps__rail-x:focus,.ps .ps__rail-y:focus,.ps .ps__rail-x.ps--clicking,.ps .ps__rail-y.ps--clicking{opacity:.9;background-color:#f6fbff}.ps__thumb-x{background-color:#6ea9d7;border-radius:6px;height:6px;transition:background-color .2s linear,height .2s ease-in-out;position:absolute;bottom:2px}.ps__thumb-y{background-color:#c6e3fa;border-radius:6px;width:6px;transition:background-color .2s linear,width .2s ease-in-out;position:absolute;right:2px}.ps__rail-x:hover>.ps__thumb-x,.ps__rail-x:focus>.ps__thumb-x,.ps__rail-x.ps--clicking .ps__thumb-x{background-color:#c6e3fa;height:11px}.ps__rail-y:hover>.ps__thumb-y,.ps__rail-y:focus>.ps__thumb-y,.ps__rail-y.ps--clicking .ps__thumb-y{background-color:#c6e3fa;width:11px}@supports (-ms-overflow-style:none){.ps{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps{overflow:auto!important}}.scrollbar-container{height:100%;position:relative}div.cs-message__html-content .smarter-chat-mermaid-diagram{text-align:center;background-color:#fff;padding:1em;overflow-x:auto}div.cs-message__html-content .smarter-chat-mermaid-diagram[hidden]{display:none}div.cs-message__html-content .smarter-chat-mermaid-diagram svg{max-width:100%;height:auto}div.cs-message__html-content .smarter-chat-mermaid-toggle{color:#c9d1d9;font:inherit;cursor:pointer;background-color:#21262d;border:1px solid #30363d;border-radius:6px;margin-left:auto;padding:.2em .6em}div.cs-message__html-content .smarter-chat-mermaid-toggle:hover,div.cs-message__html-content .smarter-chat-mermaid-toggle:focus-visible{background-color:#30363d;border-color:#8b949e;outline:none}div.cs-message__html-content .smarter-chat-mermaid pre[hidden]{display:none}div.cs-message__html-content .katex-display{max-width:100%;margin:.4em 0 .6em;padding:.2em 0;overflow:auto hidden}div.cs-message__html-content .katex-display:last-child{margin-bottom:0}div.cs-message__html-content .katex-error{font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.smarter-chat-title{align-items:center;gap:.35em;display:inline-flex}.smarter-chat-title-icon{width:1em;height:1em}.smarter-chat-title-sandbox{color:brown}div.app-container{margin-left:5px!important;margin-right:5px!important;padding-left:0!important;padding-right:0!important}.console{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:0 5px 0 0;display:flex;position:relative}.console-output{color:#f5f5f5;background-color:#2f2f2f;flex-direction:column-reverse;height:80vh;margin-top:0;margin-left:0;margin-right:0;padding-top:0;display:flex;overflow-y:auto}.console-output-content{text-align:left;margin:10px;padding:10px;font-family:Courier New,Courier,monospace;font-size:16px}.console-output.console-output-logs{color:#d9e1ea;background-color:#171b20}.console-server-logs{font-family:JetBrains Mono,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.4}.console-server-logs-toolbar{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;display:flex}.console-server-logs-status{color:#7bd88f}.console-server-logs-wrap-toggle{color:#8b98a7;font:inherit;cursor:pointer;background-color:#22272e;border:1px solid #323a45;border-radius:4px;flex:none;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.console-server-logs-wrap-toggle:hover,.console-server-logs-wrap-toggle:focus-visible{color:#d9e1ea}.console-server-logs-wrap-toggle[aria-pressed=true]{color:#78dce8;border-color:#78dce8}.console-server-logs-lines{white-space:pre;overflow-x:auto}.console-server-logs-wrap .console-server-logs-lines{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}.console-log-line{min-width:max-content}.console-server-logs-wrap .console-log-line{min-width:0}.console-empty{color:#75715e}.SmarterChat{border:1px solid #ff5733bf;height:100%;overflow-x:auto}.SmarterChat a{-webkit-text-decoration:inherit;text-decoration:inherit;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}.smarter-chat-container{flex-direction:row;height:100%;margin:0;padding:0;display:flex}.smarter-chat-app,.smarter-chat-console{box-sizing:border-box;height:100%;margin:0;padding:5px}.smarter-chat-app{flex:0 0 33.33%;min-width:280px;transition:flex-basis .35s ease-in-out}.smarter-chat-app-full{flex:100%}.smarter-chat-console{opacity:1;visibility:visible;flex:1 1 0;min-width:280px;transition:flex-grow .35s ease-in-out,min-width .35s ease-in-out,padding .35s ease-in-out,transform .35s ease-in-out,opacity .35s ease-in-out,visibility linear;overflow:hidden;transform:translate(0)}.smarter-chat-console-hidden{opacity:0;visibility:hidden;flex-grow:0;min-width:0;padding-left:0;padding-right:0;transition:flex-grow .35s ease-in-out,min-width .35s ease-in-out,padding .35s ease-in-out,transform .35s ease-in-out,opacity .35s ease-in-out,visibility 0s linear .35s;transform:translate(100%)}@media (prefers-reduced-motion:reduce){.smarter-chat-app,.smarter-chat-console,.smarter-chat-console-hidden{transition:none}}.smarter-chat-separator{cursor:col-resize;touch-action:none;background-color:#ff573340;border-radius:4px;flex:0 0 8px;margin:5px 0}.smarter-chat-separator:hover,.smarter-chat-separator:focus-visible{background-color:#ff5733bf;outline:none}@media (width<=992px){.smarter-chat-app{flex:100%!important}.smarter-chat-console,.smarter-chat-separator,.smarter-chat-console-toggle{display:none!important}}.chat-app{width:100%;height:100%;position:relative}.smarter-chat-container-inner,.smarter-chat-message-list{color:#d3d3d3;width:100%;background-color:#0000001a!important}.cs-message-separator:before,.cs-message-separator:after{background-color:#d3d3d3!important}.cs-conversation-header{text-align:center}.cs-conversation-header__actions .cs-button.smarter-chat-toolbar-button{color:#6ea9d7;background-color:#0000;border-radius:.4em;align-items:center;gap:.35em;padding:.2em .4em;font-size:1.3em;display:inline-flex}.cs-conversation-header__actions .cs-button.smarter-chat-toolbar-button:hover,.cs-conversation-header__actions .cs-button.smarter-chat-toolbar-button:focus-visible{background-color:#6ea9d726}.cs-conversation-header__actions .cs-button.smarter-chat-mode-toggle{white-space:nowrap;border:1px solid #6ea9d799;font-size:.85em}.cs-conversation-header__actions .cs-button.smarter-chat-mode-toggle svg{font-size:1.2em}.cs-message--outgoing div.cs-message__html-content{white-space:pre-wrap}div.cs-message__html-content>:first-child{margin-top:0}div.cs-message__html-content>:last-child{margin-bottom:0}div.cs-message__html-content :is(p,ul,ol,blockquote,table){margin:0 0 .6em}div.cs-message__html-content :is(h1,h2,h3,h4,h5,h6){margin:.6em 0 .3em;font-weight:700;line-height:1.25}div.cs-message__html-content h1{font-size:1.4em}div.cs-message__html-content h2{font-size:1.25em}div.cs-message__html-content h3{font-size:1.1em}div.cs-message__html-content :is(h4,h5,h6){font-size:1em}div.cs-message__html-content :is(ul,ol){padding-left:1.5em}div.cs-message__html-content li>:is(ul,ol){margin-bottom:0}div.cs-message__html-content code{background-color:#00000014;border-radius:4px;padding:.1em .3em;font-family:JetBrains Mono,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}section.cs-message .cs-message__content-wrapper{min-width:0;max-width:100%}div.cs-message__html-content .smarter-chat-code{text-align:left;background-color:#0d1117;border:1px solid #30363d;border-radius:6px;max-width:100%;margin:0 0 .6em;overflow:hidden}div.cs-message__html-content .smarter-chat-code:last-child{margin-bottom:0}div.cs-message__html-content .smarter-chat-code-header{color:#8b949e;background-color:#161b22;border-bottom:1px solid #30363d;justify-content:space-between;align-items:center;gap:1em;padding:.3em .5em .3em 1em;font-family:Inter,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;font-size:.8em;display:flex}div.cs-message__html-content .smarter-chat-code-copy{color:#c9d1d9;font:inherit;cursor:pointer;background-color:#21262d;border:1px solid #30363d;border-radius:6px;padding:.2em .6em}div.cs-message__html-content .smarter-chat-code-copy:hover,div.cs-message__html-content .smarter-chat-code-copy:focus-visible{background-color:#30363d;border-color:#8b949e;outline:none}div.cs-message__html-content pre{color:#c9d1d9;white-space:pre;word-wrap:normal;tab-size:4;background-color:#0d1117;margin:0;padding:1em;overflow-x:auto}div.cs-message__html-content pre code{color:inherit;background-color:#0000;border-radius:0;padding:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.85em;line-height:1.45;display:block}div.cs-message__html-content .hljs :is(.hljs-doctag,.hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_){color:#ff7b72}div.cs-message__html-content .hljs :is(.hljs-title,.hljs-title.class_,.hljs-title.function_){color:#d2a8ff}div.cs-message__html-content .hljs :is(.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable){color:#79c0ff}div.cs-message__html-content .hljs :is(.hljs-string,.hljs-regexp,.hljs-meta .hljs-string){color:#a5d6ff}div.cs-message__html-content .hljs :is(.hljs-built_in,.hljs-symbol){color:#ffa657}div.cs-message__html-content .hljs :is(.hljs-comment,.hljs-code,.hljs-formula){color:#8b949e}div.cs-message__html-content .hljs :is(.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo){color:#7ee787}div.cs-message__html-content .hljs .hljs-meta .hljs-keyword{color:#ff7b72}div.cs-message__html-content .hljs .hljs-subst{color:#c9d1d9}div.cs-message__html-content .hljs .hljs-section{color:#1f6feb;font-weight:700}div.cs-message__html-content .hljs .hljs-bullet{color:#f2cc60}div.cs-message__html-content .hljs .hljs-emphasis{color:#c9d1d9;font-style:italic}div.cs-message__html-content .hljs .hljs-strong{color:#c9d1d9;font-weight:700}div.cs-message__html-content .hljs .hljs-addition{color:#aff5b4;background-color:#033a16}div.cs-message__html-content .hljs .hljs-deletion{color:#ffdcd7;background-color:#67060c}div.cs-message__html-content blockquote{opacity:.85;border-left:3px solid #00000040;padding:0 0 0 .8em}div.cs-message__html-content table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}div.cs-message__html-content :is(th,td){text-align:left;border:1px solid #0003;padding:.25em .6em}div.cs-message__html-content th{background-color:#0000000d;font-weight:700}div.cs-message__html-content hr{border:0;border-top:1px solid #0003;margin:.6em 0}div.cs-message__html-content a{filter:invert()contrast(2);text-decoration:underline!important}div.cs-message__html-content a:hover{color:orange;text-decoration:underline}section.smarter-message .cs-message__content{text-align:left;background-color:#ffebcd;border:1px solid brown;border-radius:10px;margin-top:10px;margin-bottom:10px;font-family:Courier New,Courier,monospace;font-weight:700;color:brown!important}section.smarter-error-message .cs-message__content{text-align:left;background-color:#f5f5f5;border:3px solid #dc143c;border-radius:10px;margin-top:10px;margin-bottom:10px;font-family:Courier New,Courier,monospace;position:relative;color:#000!important}section.smarter-progress-message .cs-message__content{text-align:left;background-color:#fff4dc;border:2px dashed #d2691e;border-radius:10px;align-items:center;gap:.75em;margin-top:10px;margin-bottom:10px;padding:.8em 1.1em;font-family:Courier New,Courier,monospace;font-size:1.15em;font-style:italic;font-weight:700;display:flex;color:#8a3b12!important}section.smarter-progress-message .cs-message__content:before{content:"";box-sizing:border-box;flex:none;width:1.2em;height:1.2em}section.smarter-progress-message-active .cs-message__content{animation:1.6s ease-in-out infinite smarter-progress-pulse}section.smarter-progress-message-active .cs-message__content:before{border:3px solid #d2691e40;border-top-color:#d2691e;border-radius:50%;animation:.8s linear infinite smarter-progress-spin}section.smarter-progress-message-done .cs-message__content{opacity:.7}section.smarter-progress-message-done .cs-message__content:before{content:"✓";color:#d2691e;text-align:center;font-style:normal;line-height:1.2em}@keyframes smarter-progress-spin{to{transform:rotate(360deg)}}@keyframes smarter-progress-pulse{0%,to{border-color:#d2691e;box-shadow:0 0 #d2691e73}50%{border-color:#ff8c1a;box-shadow:0 0 0 5px #d2691e00}}@media (prefers-reduced-motion:reduce){section.smarter-progress-message-active .cs-message__content,section.smarter-progress-message-active .cs-message__content:before{animation:none}}div.cs-message__html-content img.smarter-chat-image{object-fit:contain;border-radius:6px;width:auto;max-width:min(100%,480px);height:auto;max-height:360px;margin:4px 0;display:block}div.cs-message__html-content a:has(>img.smarter-chat-image){filter:none}section.system-message .cs-message__content{background-color:#272822;border:1px solid brown;border-radius:10px;margin-top:10px;margin-bottom:10px;font-family:Courier New,Courier,monospace;font-weight:700;color:beige!important}.smarter-chat-error-boundary{color:#dc143c;padding:1rem}
+/*$vite$:1*/

package/package.json

@@ -1,17 +1,27 @@
 {
   "name": "@smarter.sh/ui-chat",
-  "version": "0.3.0",
+  "version": "0.7.0",
   "description": "chatbot React.js component for the https://smarter.sh declarative, plugin-based AI resource management platform.",
   "homepage": "https://smarter.sh",
-  "main": "dist/smarter-chat-library.umd.js",
-  "module": "dist/smarter-chat-library.es.js",
-  "types": "types/index.d.ts",
+  "type": "module",
+  "main": "./dist/smarter-chat-library.umd.js",
+  "module": "./dist/smarter-chat-library.es.js",
+  "types": "./dist/types/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/types/src/index.d.ts",
+      "import": "./dist/smarter-chat-library.es.js",
+      "require": "./dist/smarter-chat-library.umd.js"
+    },
+    "./dist/ui-chat.css": "./dist/ui-chat.css",
+    "./style.css": "./dist/ui-chat.css"
+  },
   "files": [
-    "dist",
-    "src",
-    "types"
+    "dist"
+  ],
+  "sideEffects": [
+    "*.css"
   ],
-  "type": "module",
   "keywords": [
     "react",
     "component",
@@ -20,7 +30,7 @@
     "smarter"
   ],
   "author": "Lawrence McDaniel <lpm0073@gmail.com>, (https://lawrencemcdaniel.com/)",
-  "license": "MIT",
+  "license": "AGPL-3.0-or-later",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/smarter-sh/smarter-chat.git"
@@ -40,62 +50,80 @@
     "url": "https://github.com/sponsors/lpm0073"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "dev": "vite --mode dev",
-    "build": "vite build --mode lib",
-    "lint": "eslint . --config eslint.config.js --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview --port 8080",
-    "prepublishOnly": "npm run build"
+    "dev": "NODE_ENV=dev && vite",
+    "build": "tsc -b && vite build",
+    "build:lib": "vite build --mode lib && tsc -p tsconfig.lib.json",
+    "lint": "eslint --max-warnings=0 .",
+    "preview": "vite preview",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "typecheck": "tsc -b",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "prepublishOnly": "npm run build:lib",
+    "coverage": "vitest run --coverage --config vitest.coverage.config.ts",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
   },
   "dependencies": {
     "@chatscope/chat-ui-kit-react": "^2.1.1",
-    "@microlink/react-json-view": "^1.27.1",
-    "i": "^0.3.7",
-    "styled-components": "^6.3.11"
+    "@chatscope/chat-ui-kit-styles": "^1.4.0",
+    "@microlink/react-json-view": "^1.31.40",
+    "dompurify": "^3.4.16",
+    "highlight.js": "^11.12.0",
+    "katex": "^0.18.7",
+    "marked": "^14.0.0",
+    "mermaid": "^11.17.2"
+  },
+  "peerDependencies": {
+    "react": "^19",
+    "react-dom": "^19"
   },
   "devDependencies": {
-    "@babel/core": "^7.29.0",
-    "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/preset-env": "^7.29.0",
-    "@babel/preset-react": "^7.28.5",
-    "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^13.0.1",
-    "@semantic-release/git": "^10.0.1",
-    "@semantic-release/github": "^12.0.6",
-    "@semantic-release/release-notes-generator": "^14.1.0",
-    "@types/node": "^25.3.3",
-    "@types/react": "^19.2.14",
-    "@typescript-eslint/eslint-plugin": "^8.56.1",
-    "@typescript-eslint/parser": "^8.56.1",
-    "@vitejs/plugin-react": "^5.1.4",
-    "@vitejs/plugin-react-swc": "^4.2.3",
-    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
-    "eslint": "^8.57.1",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-plugin-import": "^2.32.0",
+    "@eslint/js": "^10.0.1",
+    "@storybook/addon-a11y": "^10.6.1",
+    "@storybook/addon-docs": "^10.6.1",
+    "@storybook/react-vite": "^10.6.1",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.7",
+    "@types/node": "^26.6.3",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.1",
+    "@vitest/coverage-v8": "^5.0.3",
+    "@vitest/eslint-plugin": "^1.6.27",
+    "bootstrap": "^5.3.8",
+    "bootstrap-icons": "^1.13.1",
+    "eslint": "^10.11.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-jest-dom": "^5.10.1",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-n": "^17.24.0",
-    "eslint-plugin-promise": "^7.2.1",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.26",
-    "path": "^0.12.7",
-    "prettier": "^3.8.1",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "standard": "^17.1.2",
-    "typescript": "^5.9.3",
-    "vite": "^7.3.1",
-    "vite-plugin-babel": "^1.5.1",
-    "vite-plugin-comlink": "^5.3.0",
-    "vite-plugin-html": "^3.2.2",
-    "vite-tsconfig-paths": "^6.1.1"
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.7",
+    "eslint-plugin-storybook": "^10.6.1",
+    "eslint-plugin-testing-library": "^7.16.2",
+    "globals": "^17.13.0",
+    "jsdom": "^30.1.2",
+    "msw": "^2.15.0",
+    "prettier": "^3.9.9",
+    "react": "^19.3.0",
+    "react-dom": "^19.3.0",
+    "storybook": "^10.6.1",
+    "typescript": "~6.0.2",
+    "typescript-eslint": "^8.71.0",
+    "vite": "^8.3.2",
+    "vitest": "^5.0.3"
   },
-  "peerDependencies": {
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "react-helmet": "^6.1.0",
-    "react-icons": "^5.5.0",
-    "react-modal": "^3.16.3"
+  "msw": {
+    "workerDirectory": [
+      ".storybook/public"
+    ]
+  },
+  "overrides": {
+    "eslint-plugin-jsx-a11y": {
+      "eslint": "$eslint"
+    }
   }
 }

package/src/components/Console/Component.css

@@ -1,47 +0,0 @@
-div.app-container {
-  padding-left: 0 !important;
-  padding-right: 0 !important;
-  margin-left: 5px !important;
-  margin-right: 5px !important;
-}
-
-.console {
-  position: relative;
-  height: 100%;
-  width: 100%;
-  padding: 0px;
-  padding-right: 5px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-}
-
-.console-output {
-  background-color: #2f2f2f;
-  color: whitesmoke;
-  height: 80vh;
-  margin-top: 0px;
-  padding-top: 0px;
-  margin-left: 0px;
-  margin-right: 0px;
-  display: flex;
-  flex-direction: column-reverse;
-  overflow-y: auto;
-}
-
-.console-output-content {
-  text-align: left;
-  margin: 10px;
-  padding: 10px;
-  font-family: 'Courier New', Courier, monospace;
-  font-size: 16px;
-}
-
-.json-key {
-  color: blue;
-}
-
-.json-value {
-  color: green;
-}