@smarter.sh/ui-chat 0.11.0 → 0.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/README.md +78 -64
  2. package/dist/embed.js +56 -66
  3. package/dist/embed.js.map +1 -1
  4. package/dist/smarter-chat-library.es.js +4504 -10331
  5. package/dist/smarter-chat-library.es.js.map +1 -1
  6. package/dist/smarter-chat-library.umd.js +50 -60
  7. package/dist/smarter-chat-library.umd.js.map +1 -1
  8. package/dist/types/src/components/SmarterChat/Component.d.ts +13 -13
  9. package/dist/types/src/components/SmarterChat/HeaderButton.d.ts +9 -0
  10. package/dist/types/src/components/SmarterChat/icons.d.ts +0 -9
  11. package/dist/types/src/components/SmarterChat/index.d.ts +3 -0
  12. package/dist/types/src/contract.gen.d.ts +14 -3
  13. package/dist/types/src/embed/element.d.ts +1 -1
  14. package/dist/types/src/index.d.ts +4 -4
  15. package/dist/types/src/lib/api.d.ts +8 -1
  16. package/dist/types/src/lib/i18n.d.ts +6 -5
  17. package/dist/types/src/types.d.ts +22 -10
  18. package/dist/ui-chat.css +1 -1
  19. package/package.json +2 -3
  20. package/dist/types/src/components/Console/Component.d.ts +0 -17
  21. package/dist/types/src/components/Console/ServerLogs.d.ts +0 -8
  22. package/dist/types/src/components/Console/data.d.ts +0 -7
  23. package/dist/types/src/components/Console/enums.d.ts +0 -9
  24. package/dist/types/src/components/Console/index.d.ts +0 -2
  25. package/dist/types/src/components/DocsDialog/Component.d.ts +0 -8
  26. package/dist/types/src/components/DocsDialog/data.d.ts +0 -18
  27. package/dist/types/src/components/DocsDialog/index.d.ts +0 -2
  28. package/dist/types/src/lib/ansi.d.ts +0 -33
  29. package/dist/types/src/lib/layout.d.ts +0 -42
  30. package/dist/types/src/lib/logStream.d.ts +0 -30
@@ -1,21 +1,24 @@
1
1
  /**
2
- * SmarterChat: a chat with a Smarter LLMClient, with an optional Console beside it.
2
+ * SmarterChat: a chat with a Smarter LLMClient.
3
3
  *
4
4
  * It fetches the LLMClient's configuration, which includes the chat session's history, then sends
5
5
  * the chat thread to the LLMClient's prompt api with each new message, and adds the response's
6
- * messages to the thread. Failed prompts are displayed in the thread, as "smarter_error" messages.
6
+ * messages to the thread. With verbose, the configuration's diagnostic parts, e.g. the session's tool
7
+ * calls, are fetched too (with ?verbose=true), and again after each prompt. Failed prompts are
8
+ * displayed in the thread, as "smarter_error" messages.
7
9
  * While a prompt runs, its progress (e.g. its tool calls and MCP server requests) is displayed in
8
10
  * the thread, with a spinner beside its current step, and is replaced by the response's messages
9
11
  * when it finishes. Code blocks in messages
10
12
  * are syntax highlighted, and have a copy button.
11
13
  *
12
- * The user can resize the chat and the Console by dragging the separator between them, and can
13
- * hide the Console, which slides out to the right. In sandbox mode, the thread also displays
14
- * Smarter's system, tool and meta data messages. In production mode, it displays only the
15
- * conversation, as the LLMClient's users see it, and the Console and its toggle button are hidden. The Console's server logs follow the mode: DEBUG
16
- * and above in sandbox mode, and the server's own log level in production mode. A new chat also
17
- * clears the Console's server logs. Sandbox mode also has a Docs button, which opens a dialog of
18
- * links to the technical references for prompt engineers and software engineers.
14
+ * With toggleMetadata, the header has a Sandbox / Production mode switch. In sandbox mode, the
15
+ * thread also displays Smarter's system, tool and meta data messages. In production mode, it displays
16
+ * only the conversation, as the LLMClient's users see it. When the chat is narrow, the header's
17
+ * buttons show only their icons. See styles.css.
18
+ *
19
+ * A page that hosts the chat, e.g. the Smarter web console's Prompt Engineer's Workbench, which puts
20
+ * its developer Console beside it, follows it with onConfig, onNewChat and onModeChange, asks it to
21
+ * reload its configuration with reloadKey, and adds its own buttons to the header with headerActions.
19
22
  *
20
23
  * The LLMClient's styles (its manifest's spec.config.styles) set its logo, which is displayed in
21
24
  * the header, its avatars, its background image, its fonts and its colors. See lib/styles.ts.
@@ -24,12 +27,9 @@
24
27
  * page's, or else the browser's: English, Spanish or French. See lib/i18n.tsx. The LLMClient's own text, e.g. its
25
28
  * welcome message and its example prompts, and the messages of the conversation are displayed as they are.
26
29
  *
27
-
28
- * This is the component that the @smarter.sh/ui-chat npm package exports, and that the Smarter web
29
- * console's LLMClient prompt workbench renders. See main.tsx.
30
30
  */
31
31
  import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
32
32
  import type { SmarterChatProps } from "@/types";
33
33
  import "@/components/SmarterChat/styles.css";
34
- declare function SmarterChat({ apiUrl, apiKey, toggleMetadata, csrfCookieName, csrftoken, debugCookieName, debugCookieExpiration, debugMode, sessionCookieName, sessionCookieExpiration, cookiePath, showConsole, cookieDomain, smarterRequestId, logStreamUrl, streamProgress, language, }: SmarterChatProps): import("react").JSX.Element;
34
+ declare function SmarterChat({ apiUrl, apiKey, toggleMetadata, csrfCookieName, csrftoken, debugCookieName, debugCookieExpiration, debugMode, sessionCookieName, sessionCookieExpiration, cookiePath, cookieDomain, smarterRequestId, streamProgress, language, verbose, reloadKey, headerActions, onConfig, onNewChat, onModeChange, }: SmarterChatProps): import("react").JSX.Element;
35
35
  export default SmarterChat;
@@ -0,0 +1,9 @@
1
+ import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
2
+ export interface HeaderButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
3
+ /** The button's icon, before its label. */
4
+ icon?: ReactNode;
5
+ children?: ReactNode;
6
+ ref?: Ref<HTMLButtonElement>;
7
+ }
8
+ declare function HeaderButton({ className, icon, children, ...props }: HeaderButtonProps): import("react").JSX.Element;
9
+ export default HeaderButton;
@@ -4,16 +4,7 @@
4
4
  */
5
5
  /** A blank sheet of paper: a new chat. (bi-file-earmark) */
6
6
  export declare function NewChatIcon(): import("react").JSX.Element;
7
- /**
8
- * A window with a panel on its right, as the Console is: filled while the Console is visible
9
- * (bi-layout-sidebar-inset-reverse), and empty while it is hidden (bi-layout-sidebar-reverse).
10
- */
11
- export declare function ConsoleIcon({ visible }: {
12
- visible: boolean;
13
- }): import("react").JSX.Element;
14
7
  /** Tools: sandbox mode, which displays Smarter's system, tool and meta data messages. (bi-tools) */
15
8
  export declare function SandboxIcon(): import("react").JSX.Element;
16
9
  /** A shield: production mode, which displays the conversation only, as its users see it. (bi-shield-check) */
17
10
  export declare function ProductionIcon(): import("react").JSX.Element;
18
- /** An open book: the Docs dialog, which links to the technical references. (bi-book) */
19
- export declare function DocsIcon(): import("react").JSX.Element;
@@ -1,2 +1,5 @@
1
1
  import SmarterChat from "@/components/SmarterChat/Component";
2
+ import HeaderButton from "@/components/SmarterChat/HeaderButton";
3
+ export { HeaderButton };
4
+ export type { HeaderButtonProps } from "@/components/SmarterChat/HeaderButton";
2
5
  export default SmarterChat;
@@ -366,7 +366,7 @@ export interface PromptChatApiConfig {
366
366
  /**
367
367
  * The LLMClient's extensions.
368
368
  *
369
- * The list itself is returned only in the complete configuration.
369
+ * The list itself is returned only in the complete configuration, with ``?verbose=true``.
370
370
  *
371
371
  * This interface was referenced by `SmarterChatAPIContract`'s JSON-Schema
372
372
  * via the `definition` "PromptChatApiExtensionList".
@@ -432,7 +432,8 @@ export interface PromptChatApiListMetaData {
432
432
  /**
433
433
  * The chat session's history, in version 2.
434
434
  *
435
- * Only ``chat_history`` is public.
435
+ * Only ``chat_history`` is public. ``prompt_tool_call_history`` is in the complete configuration with
436
+ * ``?verbose=true``, and the other histories are returned only to the cli.
436
437
  *
437
438
  * This interface was referenced by `SmarterChatAPIContract`'s JSON-Schema
438
439
  * via the `definition` "PromptChatApiHistory".
@@ -641,10 +642,20 @@ export interface PromptChatApiLLMClient {
641
642
  /**
642
643
  * The LLMClient's state.
643
644
  *
645
+ * The complete configuration, with ``?verbose=true``, adds the rest of ``LLMClientHelper.to_json()``.
646
+ *
644
647
  * This interface was referenced by `SmarterChatAPIContract`'s JSON-Schema
645
648
  * via the `definition` "PromptChatApiMetaData".
646
649
  */
647
650
  export interface PromptChatApiMetaData {
651
+ /**
652
+ * True if the LLMClient requires a Smarter api key, or a logged-in user.
653
+ */
654
+ is_authentication_required?: boolean | null;
655
+ /**
656
+ * True if the request's host is a custom domain.
657
+ */
658
+ is_custom_domain?: boolean | null;
648
659
  is_deployed?: boolean | null;
649
660
  is_valid?: boolean | null;
650
661
  ready?: boolean | null;
@@ -653,7 +664,7 @@ export interface PromptChatApiMetaData {
653
664
  /**
654
665
  * The LLMClient's plugins.
655
666
  *
656
- * The list itself is returned only in the complete configuration.
667
+ * The list itself is returned only in the complete configuration, with ``?verbose=true``.
657
668
  *
658
669
  * This interface was referenced by `SmarterChatAPIContract`'s JSON-Schema
659
670
  * via the `definition` "PromptChatApiPluginList".
@@ -3,7 +3,7 @@ export declare const ELEMENT_NAME = "smarter-chat";
3
3
  export declare const TOGGLE_EVENT = "smarter-chat-toggle";
4
4
  export declare class SmarterChatElement extends HTMLElement {
5
5
  #private;
6
- static observedAttributes: ("chatbot" | "color" | "label" | "open" | "debug" | "language" | "width" | "height" | "position" | "api-key" | "mode" | "z-index" | "session-cookie-name" | "cookie-path" | "stream-progress")[];
6
+ static observedAttributes: ("chatbot" | "color" | "language" | "label" | "debug" | "width" | "height" | "position" | "api-key" | "mode" | "open" | "z-index" | "session-cookie-name" | "cookie-path" | "stream-progress")[];
7
7
  /** The element's options, from its attributes. */
8
8
  get options(): EmbedOptionsResult;
9
9
  /** Whether the launcher is open. */
@@ -1,11 +1,11 @@
1
1
  /**
2
2
  * @smarter.sh/ui-chat: the public api of the npm package. See vite.config.ts (--mode lib).
3
3
  *
4
- * The Smarter web console builds this package as an app instead. See main.tsx.
4
+ * The Smarter web console's Prompt Engineer's Workbench imports it too, and puts its developer Console beside the
5
+ * chat, with SmarterChat's verbose, reloadKey, headerActions and on* props.
5
6
  */
6
- export { default as SmarterChat } from "./components/SmarterChat";
7
- export { default as Console } from "./components/Console";
8
- export { MenuItems } from "./components/Console/enums";
7
+ export { default as SmarterChat, HeaderButton } from "./components/SmarterChat";
8
+ export type { HeaderButtonProps } from "./components/SmarterChat";
9
9
  export { MessageDirectionEnum, SenderRoleEnum, ValidMessageRolesEnum } from "./lib/enums";
10
10
  export { projectVersion as version } from "./const";
11
11
  export { CHAT_CONTRACT_V2_CAPABILITY, normalizeConfig } from "./lib/api";
@@ -68,11 +68,18 @@ export declare function normalizeConfig(data: unknown): ChatConfig | null;
68
68
  * e.g. by the Console, which displays the configuration as JSON.
69
69
  */
70
70
  export declare function withLegacyChatbot(config: Contract.PromptChatApiConfig): ChatConfig;
71
+ /** The config api's query parameter that asks for the configuration's diagnostic parts. */
72
+ export declare const VERBOSE_PARAMETER = "verbose";
71
73
  /**
72
74
  * The LLMClient's configuration. A new chat session's key, and the debug mode, are saved in their
73
75
  * cookies, for the next page load.
76
+ *
77
+ * With verbose, the platform adds the configuration's diagnostic parts, which the Console displays:
78
+ * the session's tool calls, the complete meta_data, and the lists of plugins and extensions. They are
79
+ * costly to build, so the chat asks for them only while the Console displays them. A deployed
80
+ * LLMClient's own host, and an older platform, ignore it.
74
81
  */
75
- export declare function fetchConfig(apiUrl: string, cookies: ChatCookies, context: ClientContext): Promise<ChatConfig>;
82
+ export declare function fetchConfig(apiUrl: string, cookies: ChatCookies, context: ClientContext, verbose?: boolean): Promise<ChatConfig>;
76
83
  /**
77
84
  * Reads a Server-Sent Events stream, and calls onEvent with each event's name and data. Comments
78
85
  * (e.g. keepalives) and retry hints are ignored.
@@ -3,13 +3,14 @@
3
3
  *
4
4
  * Smarter Chat is translated with gettext, the same way as the Smarter web console, and has the same
5
5
  * languages: English, which is the source language of every message, Spanish (Latin American, under the
6
- * generic "es" code) and French. Its message catalogs are its own, in locale/<language>/LC_MESSAGES/smarter-chat.po,
6
+ * generic "es" code), French and Brazilian Portuguese ("pt-br", whose catalog is pt_BR). Its message catalogs are its own, in locale/<language>/LC_MESSAGES/smarter-chat.po,
7
7
  * because the chat also runs on pages that the Smarter platform didn't render: the npm library's and the embed
8
8
  * script's. `npm run i18n` compiles them into src/catalogs.gen.ts, which every build bundles.
9
9
  *
10
10
  * The language is the one that SmarterChat's `language` prop asks for, or else the page's, from the lang attribute
11
11
  * of its <html> element, which the web console sets to the console's language, or else the browser's. A language
12
- * that Smarter Chat doesn't have falls back to its generic language (fr-CA to fr), and then to English.
12
+ * that Smarter Chat doesn't have falls back to its generic language (fr-CA to fr), or else to a regional language
13
+ * of the same generic language (pt and pt-PT to pt-br), and then to English.
13
14
  * SmarterChat activates its language as it renders, so that the functions here, which every component and module
14
15
  * calls, translate into it. A page with two chats in two languages therefore gets the language of the last one to
15
16
  * render.
@@ -32,12 +33,12 @@
32
33
  import { type ReactNode } from "react";
33
34
  /** The source language, which has no catalog. */
34
35
  export declare const DEFAULT_LANGUAGE = "en";
35
- /** The languages that Smarter Chat is translated into, including English. */
36
+ /** The languages that Smarter Chat is translated into, including English, as lowercase language tags. */
36
37
  export declare const LANGUAGES: readonly string[];
37
38
  type InterpolationValues = Record<string, string | number | null | undefined>;
38
39
  /**
39
- * The language of Smarter Chat that best matches a language tag, e.g. "fr" for "fr-CA", or null if it has none.
40
- * The tag is case-insensitive, and may use "_" for "-", as Django's locale names do.
40
+ * The language of Smarter Chat that best matches a language tag, e.g. "fr" for "fr-CA", or "pt-br" for "pt" and
41
+ * "pt-PT", or null if it has none. The tag is case-insensitive, and may use "_" for "-", as Django's locale names do.
41
42
  */
42
43
  export declare function matchLanguage(tag: string | null | undefined): string | null;
43
44
  /**
@@ -3,9 +3,9 @@
3
3
  *
4
4
  * The api's types are generated from the contract's JSON Schema (contract/chat-contract.schema.json,
5
5
  * which the Smarter backend generates from smarter.apps.prompt.contract.models) into contract.gen.ts.
6
- * They describe the fields that Smarter Chat reads. The api returns more, which the Console displays
7
- * as is.
6
+ * They describe the fields that Smarter Chat reads. The api returns more, which onConfig passes on as is.
8
7
  */
8
+ import type { ReactNode } from "react";
9
9
  import type * as Contract from "./contract.gen";
10
10
  import type { MessageDirection, SenderRole } from "./lib/enums";
11
11
  export type { Contract };
@@ -75,7 +75,10 @@ export interface SmarterChatProps {
75
75
  apiUrl: string;
76
76
  /** An optional Smarter api key, for LLMClients that require authentication. */
77
77
  apiKey?: string | null;
78
- /** Show the button that shows and hides the thread's metadata messages. */
78
+ /**
79
+ * Show the Sandbox / Production mode switch, which shows and hides the thread's metadata messages (Smarter's
80
+ * system, tool and meta data messages), and start in sandbox mode.
81
+ */
79
82
  toggleMetadata?: boolean;
80
83
  /** The name of Django's CSRF cookie. */
81
84
  csrfCookieName?: string;
@@ -96,17 +99,10 @@ export interface SmarterChatProps {
96
99
  cookiePath?: string | null;
97
100
  /** @deprecated Not used. Django's session cookie is sent with each request, as is. */
98
101
  authSessionCookieName?: string;
99
- /** Show the Console, which displays the chat's configuration and history. */
100
- showConsole?: boolean;
101
102
  /** The domain whose cookies Smarter Chat reads. example: platform.smarter.sh */
102
103
  cookieDomain?: string;
103
104
  /** A unique id of the page request, sent as the X-Smarter-RequestId header. */
104
105
  smarterRequestId?: string;
105
- /**
106
- * The url of the user's server log stream (Server-Sent Events), which the Console displays in
107
- * its "Server Logs" tab. Without it, the Console has no such tab.
108
- */
109
- logStreamUrl?: string | null;
110
106
  /**
111
107
  * Display the progress of a running prompt, e.g. its tool calls, which the prompt api streams as
112
108
  * Server-Sent Events. Servers that don't stream answer as before.
@@ -118,4 +114,20 @@ export interface SmarterChatProps {
118
114
  * attribute of its <html> element), or else the browser's. Other languages get English.
119
115
  */
120
116
  language?: string | null;
117
+ /**
118
+ * Fetch the configuration's diagnostic parts too, e.g. the chat session's tool calls, which are costly for the
119
+ * platform to build, and fetch them again after each prompt. The platform sends them only to a user who may read
120
+ * the LLMClient. onConfig receives them.
121
+ */
122
+ verbose?: boolean;
123
+ /** Reload the configuration when this changes, e.g. after the page changed the LLMClient's manifest. */
124
+ reloadKey?: number | string;
125
+ /** Buttons that the page adds to the chat's header, after its own. See HeaderButton. */
126
+ headerActions?: ReactNode;
127
+ /** Called with the configuration each time it loads: at the start of a chat, and with verbose, after each prompt. */
128
+ onConfig?: (config: ChatConfig) => void;
129
+ /** Called when the user starts a new chat, whose session has a new key. */
130
+ onNewChat?: () => void;
131
+ /** Called with whether the chat is in sandbox mode (true) or production mode, when it starts and when it changes. */
132
+ onModeChange?: (sandbox: boolean) => void;
121
133
  }
package/dist/ui-chat.css CHANGED
@@ -1,2 +1,2 @@
1
- .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}.smarter-chat-docs-backdrop{z-index:1000;background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.smarter-chat-docs-dialog{box-sizing:border-box;color:#333;text-align:left;background-color:#fff;border-radius:.5em;width:100%;max-width:36em;max-height:100%;padding:1em 1.25em;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;overflow-y:auto;box-shadow:0 10px 30px #00000040}.smarter-chat-docs-header{justify-content:space-between;align-items:center;display:flex}.smarter-chat-docs-header h2{margin:0;font-size:1.25em}.smarter-chat-docs-close{color:#6ea9d7;cursor:pointer;background:0 0;border:none;border-radius:.3em;padding:0 .3em;font-size:1.5em;line-height:1}.smarter-chat-docs-close:hover,.smarter-chat-docs-close:focus-visible{background-color:#6ea9d726}.smarter-chat-docs-intro{color:#666;margin:.5em 0 .75em;font-size:.9em}.smarter-chat-docs-tabs{border-bottom:1px solid #ddd;gap:.25em;display:flex}.smarter-chat-docs-tab{color:#1a73c9;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4em .4em 0 0;margin-bottom:-1px;padding:.45em .9em;font-size:.9em;font-weight:600}.smarter-chat-docs-tab:hover,.smarter-chat-docs-tab:focus-visible{background-color:#6ea9d726}.smarter-chat-docs-tab[aria-selected=true]{color:#333;background-color:#fff;border-color:#ddd #ddd #fff}.smarter-chat-docs-section-description{color:#666;margin:.75em 0 .4em;font-size:.85em}.smarter-chat-docs-list{margin:0;padding:0;list-style:none}.smarter-chat-docs-list li{border-top:1px solid #eee;flex-direction:column;gap:.15em;padding:.6em 0;display:flex}.smarter-chat-docs-list a{color:#1a73c9;font-weight:600}.smarter-chat-docs-list a:hover{text-decoration:underline}.smarter-chat-docs-description{font-size:.9em}.smarter-chat-docs-url{color:#888;overflow-wrap:anywhere;font-size:.8em}.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{width:100%}.SmarterChat .cs-main-container{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif);font-size:var(--smarter-chat-font-size,1rem);color:var(--smarter-chat-main-container-color,#000000de);background-color:var(--smarter-chat-main-container-bg,#fff);border-color:var(--smarter-chat-main-container-border-color,#d1dbe3)}.SmarterChat .smarter-chat-container-inner{color:var(--smarter-chat-message-list-color,lightgray);background-color:var(--smarter-chat-chat-container-bg,#0000001a)!important}.SmarterChat .smarter-chat-message-list{color:var(--smarter-chat-message-list-color,lightgray);background-image:var(--smarter-chat-background-image,none);background-size:var(--smarter-chat-background-size,cover);background-repeat:var(--smarter-chat-background-repeat,no-repeat);background-position:50%;background-color:var(--smarter-chat-message-list-bg,#0000001a)!important}.SmarterChat .cs-conversation-header{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif);background-color:var(--smarter-chat-header-bg,#f6fbff);border-bottom-color:var(--smarter-chat-header-border-color,#d1dbe3)}.SmarterChat .cs-conversation-header__content .cs-conversation-header__user-name{color:var(--smarter-chat-header-color,#000000de);background-color:#0000}.SmarterChat .cs-conversation-header__content .cs-conversation-header__info{color:var(--smarter-chat-header-info-color,#0009);background-color:#0000}.SmarterChat .cs-conversation-header__avatar .smarter-chat-logo img{box-sizing:border-box;object-fit:contain;background-color:#fff;padding:3px}.SmarterChat .cs-message__content{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif)}.SmarterChat .cs-message.cs-message--incoming.cs-message--single:not(.smarter-message,.smarter-error-message,.smarter-progress-message,.system-message) .cs-message__content{color:var(--smarter-chat-incoming-color,#000000de);background-color:var(--smarter-chat-incoming-bg,#c6e3fa);border:1px solid var(--smarter-chat-incoming-border-color,transparent);border-radius:0 var(--smarter-chat-border-radius,.7em) var(--smarter-chat-border-radius,.7em) var(--smarter-chat-border-radius,.7em)}.SmarterChat .cs-message.cs-message--outgoing.cs-message--single:not(.smarter-message,.smarter-error-message,.smarter-progress-message,.system-message) .cs-message__content{color:var(--smarter-chat-outgoing-color,#000000de);background-color:var(--smarter-chat-outgoing-bg,#6ea9d7);border:1px solid var(--smarter-chat-outgoing-border-color,transparent);border-radius:var(--smarter-chat-border-radius,.7em) var(--smarter-chat-border-radius,.7em) 0 var(--smarter-chat-border-radius,.7em)}.SmarterChat .cs-message--incoming div.cs-message__html-content a{color:var(--smarter-chat-incoming-link-color,inherit);filter:var(--smarter-chat-incoming-link-filter,invert(1) contrast(2))}.SmarterChat .cs-message--outgoing div.cs-message__html-content a{color:var(--smarter-chat-outgoing-link-color,inherit);filter:var(--smarter-chat-outgoing-link-filter,invert(1) contrast(2))}.SmarterChat .cs-chat-container .cs-message-input{color:var(--smarter-chat-input-color,#000000de);background-color:var(--smarter-chat-input-bg,#fff);border-top-color:var(--smarter-chat-input-border-color,#d1dbe3)}.SmarterChat .cs-message-input__content-editor-wrapper,.SmarterChat .cs-message-input__content-editor-container,.SmarterChat .cs-message-input__content-editor{background-color:var(--smarter-chat-input-editor-bg,#c6e3fa)}.SmarterChat .cs-message-input__content-editor-wrapper{border-radius:var(--smarter-chat-border-radius,.7em)}.SmarterChat .cs-message-input__content-editor{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif);color:var(--smarter-chat-input-color,#000000de)}.SmarterChat .cs-message-input__content-editor[data-placeholder]:empty:before{color:var(--smarter-chat-input-placeholder-color,#00000061)}.SmarterChat .cs-button--send,.SmarterChat .cs-button--attachment{color:var(--smarter-chat-button-color,#6ea9d7)}.SmarterChat .cs-typing-indicator__text{color:var(--smarter-chat-typing-color,#6ea9d7)}.SmarterChat .cs-typing-indicator__dot{background-color:var(--smarter-chat-typing-color,#6ea9d7)}.SmarterChat .cs-message__avatar .cs-avatar img{object-fit:cover}.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:var(--smarter-chat-header-color,var(--smarter-chat-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:color-mix(in srgb, currentColor 15%, transparent)}.cs-conversation-header__actions .cs-button.smarter-chat-mode-toggle{white-space:nowrap;border:1px solid color-mix(in srgb, currentColor 60%, transparent);font-size:.85em}.cs-conversation-header__actions .cs-button.smarter-chat-docs-button{white-space:nowrap;font-size:.85em}.cs-conversation-header__actions .cs-button.smarter-chat-mode-toggle svg,.cs-conversation-header__actions .cs-button.smarter-chat-docs-button 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{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}.SmarterChat 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}
1
+ .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}.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{box-sizing:border-box;flex:100%;min-width:280px;height:100%;margin:0;padding:5px}.chat-app{width:100%;height:100%;position:relative}.smarter-chat-container-inner,.smarter-chat-message-list{width:100%}.SmarterChat .cs-main-container{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif);font-size:var(--smarter-chat-font-size,1rem);color:var(--smarter-chat-main-container-color,#000000de);background-color:var(--smarter-chat-main-container-bg,#fff);border-color:var(--smarter-chat-main-container-border-color,#d1dbe3)}.SmarterChat .smarter-chat-container-inner{color:var(--smarter-chat-message-list-color,lightgray);background-color:var(--smarter-chat-chat-container-bg,#0000001a)!important}.SmarterChat .smarter-chat-message-list{color:var(--smarter-chat-message-list-color,lightgray);background-image:var(--smarter-chat-background-image,none);background-size:var(--smarter-chat-background-size,cover);background-repeat:var(--smarter-chat-background-repeat,no-repeat);background-position:50%;background-color:var(--smarter-chat-message-list-bg,#0000001a)!important}.SmarterChat .cs-conversation-header{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif);background-color:var(--smarter-chat-header-bg,#f6fbff);border-bottom-color:var(--smarter-chat-header-border-color,#d1dbe3)}.SmarterChat .cs-conversation-header__content .cs-conversation-header__user-name{color:var(--smarter-chat-header-color,#000000de);background-color:#0000}.SmarterChat .cs-conversation-header__content .cs-conversation-header__info{color:var(--smarter-chat-header-info-color,#0009);background-color:#0000}.SmarterChat .cs-conversation-header__avatar .smarter-chat-logo img{box-sizing:border-box;object-fit:contain;background-color:#fff;padding:3px}.SmarterChat .cs-message__content{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif)}.SmarterChat .cs-message.cs-message--incoming.cs-message--single:not(.smarter-message,.smarter-error-message,.smarter-progress-message,.system-message) .cs-message__content{color:var(--smarter-chat-incoming-color,#000000de);background-color:var(--smarter-chat-incoming-bg,#c6e3fa);border:1px solid var(--smarter-chat-incoming-border-color,transparent);border-radius:0 var(--smarter-chat-border-radius,.7em) var(--smarter-chat-border-radius,.7em) var(--smarter-chat-border-radius,.7em)}.SmarterChat .cs-message.cs-message--outgoing.cs-message--single:not(.smarter-message,.smarter-error-message,.smarter-progress-message,.system-message) .cs-message__content{color:var(--smarter-chat-outgoing-color,#000000de);background-color:var(--smarter-chat-outgoing-bg,#6ea9d7);border:1px solid var(--smarter-chat-outgoing-border-color,transparent);border-radius:var(--smarter-chat-border-radius,.7em) var(--smarter-chat-border-radius,.7em) 0 var(--smarter-chat-border-radius,.7em)}.SmarterChat .cs-message--incoming:not(.smarter-message,.smarter-error-message,.smarter-progress-message,.system-message) div.cs-message__html-content a{color:var(--smarter-chat-incoming-link-color,inherit);filter:var(--smarter-chat-incoming-link-filter,invert(1) contrast(2))}.SmarterChat .cs-message--outgoing:not(.smarter-message,.smarter-error-message,.smarter-progress-message,.system-message) div.cs-message__html-content a{color:var(--smarter-chat-outgoing-link-color,inherit);filter:var(--smarter-chat-outgoing-link-filter,invert(1) contrast(2))}.SmarterChat .cs-chat-container .cs-message-input{color:var(--smarter-chat-input-color,#000000de);background-color:var(--smarter-chat-input-bg,#fff);border-top-color:var(--smarter-chat-input-border-color,#d1dbe3)}.SmarterChat .cs-message-input__content-editor-wrapper,.SmarterChat .cs-message-input__content-editor-container,.SmarterChat .cs-message-input__content-editor{background-color:var(--smarter-chat-input-editor-bg,#c6e3fa)}.SmarterChat .cs-message-input__content-editor-wrapper{border-radius:var(--smarter-chat-border-radius,.7em)}.SmarterChat .cs-message-input__content-editor{font-family:var(--smarter-chat-font-family,Helvetica Neue, Segoe UI, Helvetica, Arial, sans-serif);color:var(--smarter-chat-input-color,#000000de)}.SmarterChat .cs-message-input__content-editor[data-placeholder]:empty:before{color:var(--smarter-chat-input-placeholder-color,#00000061)}.SmarterChat .cs-button--send,.SmarterChat .cs-button--attachment{color:var(--smarter-chat-button-color,#6ea9d7)}.SmarterChat .cs-typing-indicator__text{color:var(--smarter-chat-typing-color,#6ea9d7)}.SmarterChat .cs-typing-indicator__dot{background-color:var(--smarter-chat-typing-color,#6ea9d7)}.SmarterChat .cs-message__avatar .cs-avatar img{object-fit:cover}.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:var(--smarter-chat-header-color,var(--smarter-chat-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:color-mix(in srgb, currentColor 15%, transparent)}.cs-conversation-header__actions .smarter-chat-mode-toggle{border-right:1px solid color-mix(in srgb, currentColor 30%, transparent);color:var(--smarter-chat-header-color,var(--smarter-chat-button-color,#6ea9d7));align-items:center;margin-right:.4em;padding-right:.4em;display:inline-flex}.cs-conversation-header__actions .smarter-chat-mode-toggle .cs-button.smarter-chat-mode-option{white-space:nowrap;border:1px solid color-mix(in srgb, currentColor 60%, transparent);border-radius:0;margin:0;font-size:.85em}.cs-conversation-header__actions .smarter-chat-mode-toggle .cs-button.smarter-chat-mode-option:first-child{border-radius:.4em 0 0 .4em}.cs-conversation-header__actions .smarter-chat-mode-toggle .cs-button.smarter-chat-mode-option:last-child{border-left:none;border-radius:0 .4em .4em 0}.cs-conversation-header__actions .smarter-chat-mode-toggle .cs-button.smarter-chat-mode-option[aria-pressed=true]{background-color:color-mix(in srgb, currentColor 22%, transparent);font-weight:600}.cs-conversation-header__actions .cs-button.smarter-chat-toolbar-button-labeled{white-space:nowrap;font-size:.85em}.cs-conversation-header__actions .cs-button.smarter-chat-mode-option svg,.cs-conversation-header__actions .cs-button.smarter-chat-toolbar-button-labeled svg{font-size:1.2em}.smarter-chat-app{container:smarter-chat/inline-size}@container smarter-chat (width<=560px){.cs-conversation-header__actions .smarter-chat-toolbar-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cs-conversation-header__actions .cs-button.smarter-chat-toolbar-button{gap:0}}.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{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}.SmarterChat .cs-message 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}
2
2
  /*$vite$:1*/
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@smarter.sh/ui-chat",
3
- "version": "0.11.0",
3
+ "version": "0.16.2",
4
4
  "description": "chatbot React.js component for the https://smarter.sh declarative, plugin-based AI resource management platform.",
5
5
  "homepage": "https://smarter.sh",
6
6
  "type": "module",
@@ -55,7 +55,7 @@
55
55
  },
56
56
  "scripts": {
57
57
  "dev": "NODE_ENV=dev && vite",
58
- "build": "tsc -b && vite build",
58
+ "build": "tsc -b && npm run build:lib && npm run build:embed",
59
59
  "build:lib": "vite build --mode lib && tsc -p tsconfig.lib.json",
60
60
  "contract:types": "node scripts/contract-types.mjs",
61
61
  "i18n": "node scripts/i18n.mjs",
@@ -76,7 +76,6 @@
76
76
  "dependencies": {
77
77
  "@chatscope/chat-ui-kit-react": "^2.1.1",
78
78
  "@chatscope/chat-ui-kit-styles": "^1.4.0",
79
- "@microlink/react-json-view": "^1.31.40",
80
79
  "dompurify": "^3.4.16",
81
80
  "highlight.js": "^11.12.0",
82
81
  "katex": "^0.18.7",
@@ -1,17 +0,0 @@
1
- import { type ConsoleConfig } from "@/components/Console/data";
2
- import "@/components/Console/styles.css";
3
- interface ConsoleProps {
4
- /** The LLMClient's configuration, from its config api. Empty until it loads. */
5
- config: ConsoleConfig;
6
- /** The url of the user's server log stream. Without it, there is no "Server Logs" tab. */
7
- logStreamUrl?: string | null;
8
- /**
9
- * The minimum log level of the server logs, e.g. "DEBUG" in sandbox mode. Without it, the server's
10
- * own log level. A change reconnects the stream, which replays the history at the new level.
11
- */
12
- logLevel?: string | null;
13
- /** Changes when a new chat session starts, which clears the server logs. */
14
- resetKey?: number | string;
15
- }
16
- declare function Console({ config, logStreamUrl, logLevel, resetKey }: ConsoleProps): import("react").JSX.Element;
17
- export default Console;
@@ -1,8 +0,0 @@
1
- import type { LogEvent } from "@/lib/logStream";
2
- interface ServerLogsProps {
3
- logs: LogEvent[];
4
- connected: boolean;
5
- error: string | null;
6
- }
7
- declare function ServerLogs(props: ServerLogsProps): import("react").JSX.Element;
8
- export default ServerLogs;
@@ -1,7 +0,0 @@
1
- /** The data that the Console displays for each of its menu items. */
2
- import type { ChatConfig } from "../../types";
3
- import { type MenuItem } from "./enums";
4
- /** The LLMClient's configuration, from its config api. Empty until it loads. */
5
- export type ConsoleConfig = ChatConfig | Record<string, never> | null;
6
- /** The JSON objects to display for a menu item. */
7
- export declare function consoleData(config: ConsoleConfig, item: MenuItem): object[];