n8n-editor-ui 1.115.0 → 1.116.0

package/dist/assets/{AddDataStoreModal-B7jBhCjt.css → AddDataTableModal-BzS5Yqag.css}

@@ -120,16 +120,16 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._header_1qzu3_123 {
-  margin-bottom: var(--spacing-xs);
+._header_f03xn_123 {
+  margin-bottom: var(--spacing--xs);
 }
-._content_1qzu3_127 {
+._content_f03xn_127 {
   display: flex;
   flex-direction: column;
 }
-._footer_1qzu3_132 {
+._footer_f03xn_132 {
   display: flex;
-  gap: var(--spacing-2xs);
+  gap: var(--spacing--2xs);
   justify-content: flex-end;
-  margin-top: var(--spacing-l);
+  margin-top: var(--spacing--lg);
 }

package/dist/assets/{AddDataStoreModal-D1m77imr.js → AddDataTableModal-D3lCNgpn.js}

@@ -1,19 +1,19 @@
-import { d as defineComponent, hj as useDataStoreStore, Q as useUIStore, a3 as useRoute, b as useRouter, a as useToast, r as ref, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, k as unref, q as N8nButton, c as useI18n, eK as N8nInputLabel, dE as N8nInput, bH as withKeys, t as toDisplayString, hL as Modal, al as useTelemetry, hk as DATA_STORE_DETAILS, h4 as PROJECT_DATA_STORES, _ as _export_sfc } from "./index-2jyPHFNT.js";
+import { d as defineComponent, hr as useDataTableStore, Q as useUIStore, a3 as useRoute, b as useRouter, a as useToast, r as ref, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, k as unref, q as N8nButton, c as useI18n, e3 as N8nInputLabel, cT as N8nInput, bX as withKeys, t as toDisplayString, hT as Modal, al as useTelemetry, hs as DATA_TABLE_DETAILS, h8 as PROJECT_DATA_TABLES, _ as _export_sfc } from "./index-CW8ZBeS3.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AddDataStoreModal",
+  __name: "AddDataTableModal",
   props: {
     modalName: {}
   },
   setup(__props) {
     const props = __props;
-    const dataStoreStore = useDataStoreStore();
+    const dataTableStore = useDataTableStore();
     const uiStore = useUIStore();
     const route = useRoute();
     const router = useRouter();
     const i18n = useI18n();
     const toast = useToast();
     const telemetry = useTelemetry();
-    const dataStoreName = ref("");
+    const dataTableName = ref("");
     const inputRef = ref(null);
     onMounted(() => {
       setTimeout(() => {
@@ -23,45 +23,45 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const onSubmit = async () => {
       try {
-        const newDataStore = await dataStoreStore.createDataStore(
-          dataStoreName.value,
+        const newDataTable = await dataTableStore.createDataTable(
+          dataTableName.value,
           route.params.projectId
         );
         telemetry.track("User created data table", {
-          data_table_id: newDataStore.id,
-          data_table_project_id: newDataStore.project?.id
+          data_table_id: newDataTable.id,
+          data_table_project_id: newDataTable.project?.id
         });
-        dataStoreName.value = "";
+        dataTableName.value = "";
         uiStore.closeModal(props.modalName);
         void router.push({
-          name: DATA_STORE_DETAILS,
+          name: DATA_TABLE_DETAILS,
           params: {
-            id: newDataStore.id
+            id: newDataTable.id
           }
         });
       } catch (error) {
-        toast.showError(error, i18n.baseText("dataStore.add.error"));
+        toast.showError(error, i18n.baseText("dataTable.add.error"));
       }
     };
     const onCancel = () => {
       uiStore.closeModal(props.modalName);
-      redirectToDataStores();
+      redirectToDataTables();
     };
-    const redirectToDataStores = () => {
-      void router.replace({ name: PROJECT_DATA_STORES });
+    const redirectToDataTables = () => {
+      void router.replace({ name: PROJECT_DATA_TABLES });
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Modal, {
         name: props.modalName,
         center: true,
         width: "540px",
-        "before-close": redirectToDataStores
+        "before-close": redirectToDataTables
       }, {
         header: withCtx(() => [
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.header)
           }, [
-            createBaseVNode("h2", null, toDisplayString(unref(i18n).baseText("dataStore.add.title")), 1)
+            createBaseVNode("h2", null, toDisplayString(unref(i18n).baseText("dataTable.add.title")), 1)
           ], 2)
         ]),
         content: withCtx(() => [
@@ -69,20 +69,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.content)
           }, [
             createVNode(unref(N8nInputLabel), {
-              label: unref(i18n).baseText("dataStore.add.input.name.label"),
+              label: unref(i18n).baseText("dataTable.add.input.name.label"),
               required: true,
-              "input-name": "dataStoreName"
+              "input-name": "dataTableName"
             }, {
               default: withCtx(() => [
                 createVNode(unref(N8nInput), {
                   ref_key: "inputRef",
                   ref: inputRef,
-                  modelValue: dataStoreName.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dataStoreName.value = $event),
+                  modelValue: dataTableName.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => dataTableName.value = $event),
                   type: "text",
-                  placeholder: unref(i18n).baseText("dataStore.add.input.name.placeholder"),
-                  "data-test-id": "data-store-name-input",
-                  name: "dataStoreName",
+                  placeholder: unref(i18n).baseText("dataTable.add.input.name.placeholder"),
+                  "data-test-id": "data-table-name-input",
+                  name: "dataTableName",
                   onKeyup: withKeys(onSubmit, ["enter"])
                 }, null, 8, ["modelValue", "placeholder"])
               ]),
@@ -95,15 +95,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.footer)
           }, [
             createVNode(unref(N8nButton), {
-              disabled: !dataStoreName.value,
+              disabled: !dataTableName.value,
               label: unref(i18n).baseText("generic.create"),
-              "data-test-id": "confirm-add-data-store-button",
+              "data-test-id": "confirm-add-data-table-button",
               onClick: onSubmit
             }, null, 8, ["disabled", "label"]),
             createVNode(unref(N8nButton), {
               type: "secondary",
               label: unref(i18n).baseText("generic.cancel"),
-              "data-test-id": "cancel-add-data-store-button",
+              "data-test-id": "cancel-add-data-table-button",
               onClick: onCancel
             }, null, 8, ["label"])
           ], 2)
@@ -113,9 +113,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const header = "_header_1qzu3_123";
-const content = "_content_1qzu3_127";
-const footer = "_footer_1qzu3_132";
+const header = "_header_f03xn_123";
+const content = "_content_f03xn_127";
+const footer = "_footer_f03xn_132";
 const style0 = {
   header,
   content,
@@ -124,7 +124,7 @@ const style0 = {
 const cssModules = {
   "$style": style0
 };
-const AddDataStoreModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+const AddDataTableModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
-  AddDataStoreModal as default
+  AddDataTableModal as default
 };

package/dist/assets/{AnimatedSpinner-VYZMBdPo.js → AnimatedSpinner-Cr27l8Js.js}

@@ -1,4 +1,4 @@
-import { _ as _export_sfc, h as createElementBlock, g as openBlock, ge as createStaticVNode } from "./index-2jyPHFNT.js";
+import { _ as _export_sfc, h as createElementBlock, g as openBlock, gi as createStaticVNode } from "./index-CW8ZBeS3.js";
 const _sfc_main = {};
 const _hoisted_1 = {
   width: "14",

package/dist/assets/{AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-BCZ2z0dw.js → AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-BC2t-vmg.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, gj as useAnnotationTagsStore, Q as useUIStore, x as computed, e as createBlock, g as openBlock, gk as _sfc_main$1, gl as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-2jyPHFNT.js";
+import { d as defineComponent, gm as useAnnotationTagsStore, Q as useUIStore, x as computed, e as createBlock, g as openBlock, gn as _sfc_main$1, go as ANNOTATION_TAGS_MANAGER_MODAL_KEY } from "./index-CW8ZBeS3.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AnnotationTagsDropdown.ee",
   props: {

package/dist/assets/{AuthView-CWVio_MZ.css → AuthView-BvfgleDU.css}

@@ -120,27 +120,27 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._heading_lts7p_123 {
+._heading_1yh30_123 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  margin-bottom: var(--spacing-xl);
+  margin-bottom: var(--spacing--xl);
 }
-._container_lts7p_129 {
-  background-color: var(--color-background-xlight);
-  padding: var(--spacing-l);
-  border: var(--border-base);
-  border-radius: var(--border-radius-large);
+._container_1yh30_129 {
+  background-color: var(--color--background--light-3);
+  padding: var(--spacing--lg);
+  border: var(--border);
+  border-radius: var(--radius--lg);
   -webkit-box-shadow: 0 4px 16px rgba(99, 77, 255, 0.06);
           box-shadow: 0 4px 16px rgba(99, 77, 255, 0.06);
 }
-._inputsContainer_lts7p_137 {
-  margin-bottom: var(--spacing-xl);
+._inputsContainer_1yh30_137 {
+  margin-bottom: var(--spacing--xl);
 }
-._actionContainer_lts7p_141 {
+._actionContainer_1yh30_141 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -148,10 +148,10 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
-._buttonsContainer_lts7p_146 {
-  margin-bottom: var(--spacing-s);
+._buttonsContainer_1yh30_146 {
+  margin-bottom: var(--spacing--sm);
 }
-._secondaryButtonContainer_lts7p_151 {
+._secondaryButtonContainer_1yh30_151 {
   -webkit-box-flex: 1;
       -ms-flex-positive: 1;
           flex-grow: 1;
@@ -162,8 +162,8 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._withLabel_lts7p_157 {
-  margin-bottom: var(--spacing-s);
+._withLabel_1yh30_157 {
+  margin-bottom: var(--spacing--sm);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -286,28 +286,28 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._ssoLogin_krsnh_123 {
+._ssoLogin_8gepk_123 {
   text-align: center;
 }
-._divider_krsnh_127 {
+._divider_8gepk_127 {
   position: relative;
   text-transform: uppercase;
 }
-._divider_krsnh_127::before {
+._divider_8gepk_127::before {
   content: "";
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   height: 1px;
-  background-color: var(--color-foreground-base);
+  background-color: var(--color--foreground);
 }
-._divider_krsnh_127 span {
+._divider_8gepk_127 span {
   position: relative;
   display: inline-block;
-  margin: var(--spacing-2xs) auto;
-  padding: var(--spacing-l);
-  background: var(--color-background-xlight);
+  margin: var(--spacing--2xs) auto;
+  padding: var(--spacing--lg);
+  background: var(--color--background--light-3);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -431,20 +431,20 @@
 /* BEM
  -------------------------- */
 body {
-  background-color: var(--color-background-light);
+  background-color: var(--color--background--light-2);
 }
-._container_1vfzm_127 {
+._container_nroon_127 {
   display: flex;
   align-items: center;
   flex-direction: column;
-  padding-top: var(--spacing-2xl);
+  padding-top: var(--spacing--2xl);
 }
-._container_1vfzm_127 > * {
+._container_nroon_127 > * {
   width: 352px;
 }
-._textContainer_1vfzm_137 {
+._textContainer_nroon_137 {
   text-align: center;
 }
-._formContainer_1vfzm_141 {
-  padding-bottom: var(--spacing-xl);
+._formContainer_nroon_141 {
+  padding-bottom: var(--spacing--xl);
 }

package/dist/assets/{AuthView-9wJerlt_.js → AuthView-ByAdS5FY.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, j as createBaseVNode, Y as renderSlot, i as createVNode, k as unref, m as N8nHeading, w as withCtx, l as createTextVNode, t as toDisplayString, eD as N8nFormInputs, eC as createFormEventBus, e as createBlock, C as N8nLink, q as N8nButton, _ as _export_sfc, eA as useSSOStore, a as useToast, a3 as useRoute, c as useI18n, v as useSettingsStore, p as N8nText, K as mergeProps } from "./index-2jyPHFNT.js";
-import { L as Logo } from "./Logo-ByixALFX.js";
+import { d as defineComponent, h as createElementBlock, g as openBlock, n as normalizeClass, f as createCommentVNode, j as createBaseVNode, Y as renderSlot, i as createVNode, k as unref, m as N8nHeading, w as withCtx, l as createTextVNode, t as toDisplayString, dY as N8nFormInputs, dX as createFormEventBus, e as createBlock, C as N8nLink, q as N8nButton, _ as _export_sfc, dV as useSSOStore, a as useToast, a3 as useRoute, c as useI18n, v as useSettingsStore, p as N8nText, K as mergeProps } from "./index-CW8ZBeS3.js";
+import { L as Logo } from "./Logo-BCYYCeCH.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   ...{ name: "N8nFormBox" },
   __name: "FormBox",
@@ -92,13 +92,13 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const heading = "_heading_lts7p_123";
-const container$1 = "_container_lts7p_129";
-const inputsContainer = "_inputsContainer_lts7p_137";
-const actionContainer = "_actionContainer_lts7p_141";
-const buttonsContainer = "_buttonsContainer_lts7p_146 _actionContainer_lts7p_141";
-const secondaryButtonContainer = "_secondaryButtonContainer_lts7p_151";
-const withLabel = "_withLabel_lts7p_157";
+const heading = "_heading_1yh30_123";
+const container$1 = "_container_1yh30_129";
+const inputsContainer = "_inputsContainer_1yh30_137";
+const actionContainer = "_actionContainer_1yh30_141";
+const buttonsContainer = "_buttonsContainer_1yh30_146 _actionContainer_1yh30_141";
+const secondaryButtonContainer = "_secondaryButtonContainer_1yh30_151";
+const withLabel = "_withLabel_1yh30_157";
 const style0$2 = {
   heading,
   container: container$1,
@@ -150,8 +150,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const ssoLogin = "_ssoLogin_krsnh_123";
-const divider = "_divider_krsnh_127";
+const ssoLogin = "_ssoLogin_8gepk_123";
+const divider = "_divider_8gepk_127";
 const style0$1 = {
   ssoLogin,
   divider
@@ -222,9 +222,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_1vfzm_127";
-const textContainer = "_textContainer_1vfzm_137";
-const formContainer = "_formContainer_1vfzm_141";
+const container = "_container_nroon_127";
+const textContainer = "_textContainer_nroon_137";
+const formContainer = "_formContainer_nroon_141";
 const style0 = {
   container,
   textContainer,

package/dist/assets/{ChangePasswordView-utlA3rSp.js → ChangePasswordView-CQSCgqRg.js}

@@ -1,6 +1,6 @@
-import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, c as useI18n, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, V as VIEWS, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-2jyPHFNT.js";
-import { A as AuthView } from "./AuthView-9wJerlt_.js";
-import "./Logo-ByixALFX.js";
+import { d as defineComponent, u as useUsersStore, a as useToast, b as useRouter, r as ref, o as onMounted, c as useI18n, M as MFA_AUTHENTICATION_CODE_INPUT_MAX_LENGTH, V as VIEWS, e as createBlock, f as createCommentVNode, g as openBlock } from "./index-CW8ZBeS3.js";
+import { A as AuthView } from "./AuthView-ByAdS5FY.js";
+import "./Logo-BCYYCeCH.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ChangePasswordView",
   setup(__props) {

package/dist/assets/ChatSidebar-BIKL7c8K.js

@@ -0,0 +1,117 @@
+import { d as defineComponent, b as useRouter, a3 as useRoute, x as computed, o as onMounted, h as createElementBlock, g as openBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, k as unref, N as N8nIcon, w as withCtx, l as createTextVNode, p as N8nText, ab as _sfc_main$1, F as Fragment, A as renderList, t as toDisplayString, e as createBlock, hZ as CHAT_CONVERSATION_VIEW, bj as N8nMenuItem, V as VIEWS, bq as CHAT_VIEW, _ as _export_sfc } from "./index-CW8ZBeS3.js";
+import { u as useChatStore, g as groupConversationsByDate } from "./chat.utils-2xG-fh51.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ChatSidebar",
+  setup(__props) {
+    const router = useRouter();
+    const route = useRoute();
+    const currentSessionId = computed(
+      () => typeof route.params.id === "string" ? route.params.id : void 0
+    );
+    const chatStore = useChatStore();
+    onMounted(async () => {
+      await chatStore.fetchSessions();
+    });
+    const groupedConversations = computed(() => groupConversationsByDate(chatStore.sessions));
+    function onReturn() {
+      void router.push({ name: VIEWS.HOMEPAGE });
+    }
+    function onNewChat() {
+      void router.push({
+        name: CHAT_VIEW,
+        force: true
+        // to focus input again when the user is already in CHAT_VIEW
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["side-menu", _ctx.$style.container])
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.returnButton),
+            onClick: onReturn
+          }, [
+            createBaseVNode("i", null, [
+              createVNode(unref(N8nIcon), { icon: "arrow-left" })
+            ]),
+            createVNode(unref(N8nText), { bold: "" }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createTextVNode("Chat")
+              ])),
+              _: 1
+            })
+          ], 2),
+          createVNode(unref(_sfc_main$1), {
+            title: "New chat",
+            icon: "square-pen",
+            type: "tertiary",
+            text: "",
+            onClick: onNewChat
+          })
+        ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.items)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(groupedConversations.value, (group2) => {
+            return openBlock(), createElementBlock("div", {
+              key: group2.group,
+              class: normalizeClass(_ctx.$style.group)
+            }, [
+              createVNode(unref(N8nText), {
+                class: normalizeClass(_ctx.$style.groupHeader),
+                size: "xsmall",
+                bold: "",
+                color: "text-light"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(group2.group), 1)
+                ]),
+                _: 2
+              }, 1032, ["class"]),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(group2.sessions, (session) => {
+                return openBlock(), createBlock(unref(N8nMenuItem), {
+                  key: session.id,
+                  active: currentSessionId.value === session.id,
+                  item: {
+                    id: session.id,
+                    icon: "message-circle",
+                    label: session.label,
+                    route: { to: { name: unref(CHAT_CONVERSATION_VIEW), params: { id: session.id } } }
+                  }
+                }, null, 8, ["active", "item"]);
+              }), 128))
+            ], 2);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const container = "_container_becj7_123";
+const header = "_header_becj7_132";
+const returnButton = "_returnButton_becj7_140";
+const items = "_items_becj7_151";
+const group = "_group_becj7_158";
+const groupHeader = "_groupHeader_becj7_163";
+const loading = "_loading_becj7_167";
+const empty = "_empty_becj7_168";
+const style0 = {
+  container,
+  header,
+  returnButton,
+  items,
+  group,
+  groupHeader,
+  loading,
+  empty
+};
+const cssModules = {
+  "$style": style0
+};
+const ChatSidebar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  ChatSidebar as default
+};

package/dist/assets/ChatSidebar-wKAC9nrh.css

@@ -0,0 +1,165 @@
+/* BEM support Func
+ -------------------------- */
+/* Transition
+-------------------------- */
+/* Color
+-------------------------- */
+/* Link
+-------------------------- */
+/* Border
+-------------------------- */
+/* Outline
+-------------------------- */
+/* Box shadow
+-------------------------- */
+/* Fill
+-------------------------- */
+/* Typography
+-------------------------- */
+/* z-index
+-------------------------- */
+/* Disable base
+-------------------------- */
+/* Icon
+-------------------------- */
+/* Checkbox
+-------------------------- */
+/* Radio
+-------------------------- */
+/* Select
+-------------------------- */
+/* Alert
+-------------------------- */
+/* MessageBox
+-------------------------- */
+/* Message
+-------------------------- */
+/* Notification
+-------------------------- */
+/* Input
+-------------------------- */
+/* Cascader
+-------------------------- */
+/* Group
+-------------------------- */
+/* Tab
+-------------------------- */
+/* Button
+-------------------------- */
+/* cascader
+-------------------------- */
+/* Switch
+-------------------------- */
+/* Dialog
+-------------------------- */
+/* Table
+-------------------------- */
+/* Pagination
+-------------------------- */
+/* Popup
+-------------------------- */
+/* Popover
+-------------------------- */
+/* Tooltip
+-------------------------- */
+/* Tag
+-------------------------- */
+/* Tree
+-------------------------- */
+/* Dropdown
+-------------------------- */
+/* Badge
+-------------------------- */
+/* Card
+--------------------------*/
+/* Slider
+--------------------------*/
+/* Steps
+--------------------------*/
+/* Menu
+--------------------------*/
+/* Rate
+--------------------------*/
+/* DatePicker
+--------------------------*/
+/* Loading
+--------------------------*/
+/* Scrollbar
+--------------------------*/
+/* Carousel
+--------------------------*/
+/* Collapse
+--------------------------*/
+/* Transfer
+--------------------------*/
+/* Header
+  --------------------------*/
+/* Footer
+--------------------------*/
+/* Main
+--------------------------*/
+/* Timeline
+--------------------------*/
+/* Backtop
+--------------------------*/
+/* Link
+--------------------------*/
+/* Calendar
+--------------------------*/
+/* Form
+-------------------------- */
+/* Avatar
+--------------------------*/
+/* Break-point
+--------------------------*/
+/* Break-points
+ -------------------------- */
+/* Scrollbar
+ -------------------------- */
+/* Placeholder
+ -------------------------- */
+/* BEM
+ -------------------------- */
+._container_becj7_123 {
+  width: 200px;
+  height: 100%;
+  background-color: var(--color--background--light-3);
+  border-right: var(--border-base);
+  position: relative;
+  overflow: auto;
+}
+._header_becj7_132 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--spacing-xs);
+  gap: var(--spacing-2xs);
+}
+._returnButton_becj7_140 {
+  cursor: pointer;
+  display: flex;
+  gap: var(--spacing-3xs);
+  align-items: center;
+  flex: 1;
+}
+._returnButton_becj7_140:hover {
+  color: var(--color--primary);
+}
+._items_becj7_151 {
+  display: flex;
+  flex-direction: column;
+  padding: 0 var(--spacing-3xs);
+  gap: var(--spacing-xs);
+}
+._group_becj7_158 {
+  display: flex;
+  flex-direction: column;
+}
+._groupHeader_becj7_163 {
+  padding: 0 var(--spacing-3xs) var(--spacing-3xs) var(--spacing-3xs);
+}
+._loading_becj7_167,
+._empty_becj7_168 {
+  padding: var(--spacing-xs);
+  text-align: center;
+}