From 42865885c3e455c0c625cbc9128a32dc21f598ed Mon Sep 17 00:00:00 2001
From: Kristina <kristin.fefelova@gmail.com>
Date: Mon, 19 May 2025 14:04:27 +0400
Subject: [PATCH] Add fixes for new chat/inbox (#8984)

* Add chat fixes

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

* Update pnpm

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

* Freeze chat if app out of focus, add reaction notification, add inbox clearing

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

* Read reactions notifications

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

* Fix format

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

* Update packages/ui-next/src/components/message/MessageInput.svelte

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Kristina <kristin.fefelova@gmail.com>

* Update packages/ui-next/src/components/message/MessageInput.svelte

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Kristina <kristin.fefelova@gmail.com>

* Fix processes section

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>

---------

Signed-off-by: Kristina Fefelova <kristin.fefelova@gmail.com>
Signed-off-by: Kristina <kristin.fefelova@gmail.com>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
---
 common/config/rush/pnpm-lock.yaml             | 274 ++++++++++--------
 models/communication/package.json             |   8 +-
 models/communication/src/index.ts             |  31 +-
 models/communication/src/plugin.ts            |  15 +-
 models/process/src/index.ts                   |   2 +-
 packages/core/src/classes.ts                  |   1 +
 packages/importer/src/huly/cards.ts           |   1 +
 packages/presentation/package.json            |   6 +-
 packages/presentation/src/communication.ts    |  73 +++--
 packages/theme/styles/global.scss             |   1 -
 packages/ui-next/package.json                 |   2 +-
 packages/ui-next/src/components/Avatar.svelte | 143 ---------
 packages/ui-next/src/components/Button.svelte | 120 --------
 .../src/components/DateSeparator.svelte       |  51 ++--
 .../src/components/NavigationList.svelte      |  76 -----
 .../ui-next/src/components/Section.svelte     |   9 +-
 .../ui-next/src/components/TextInput.svelte   |  39 ++-
 .../message/MessageActionsPanel.svelte        |  14 +-
 .../src/components/message/MessageBody.svelte | 134 ++++++---
 .../components/message/MessageFooter.svelte   | 108 +++++++
 .../components/message/MessageInput.svelte    |  81 +++++-
 .../message/MessagePresenter.svelte           | 128 +++-----
 .../components/message/MessageReplies.svelte  |   7 +-
 .../components/message/MessagesGroup.svelte   |  13 +-
 .../message/OneRowMessageBody.svelte          |  35 ++-
 .../message/ThreadMessageViewer.svelte        |   3 +-
 packages/ui-next/src/index.ts                 |   3 -
 packages/ui-next/src/types.ts                 |  37 +--
 packages/ui-next/src/utils.ts                 |  10 +
 packages/ui/src/components/Scroller.svelte    |   5 +-
 .../ui/src/components/internal/Root.svelte    |  32 +-
 packages/ui/src/index.ts                      |   1 +
 .../_next-vars.scss => ui/src/stores.ts}      |  22 +-
 plugins/activity-resources/package.json       |   2 +-
 .../ActivityInfoMessagePresenter.svelte       |   2 +-
 .../ActivityMessagePresenter.svelte           |   2 +-
 .../ActivityMessageTemplate.svelte            |  15 +-
 .../ActivityReferencePresenter.svelte         |   2 +-
 .../DocUpdateMessagePresenter.svelte          |   2 +-
 .../src/components/AttachmentPresenter.svelte |   2 +-
 plugins/card-resources/package.json           |   2 +-
 .../src/components/Content.svelte             |   2 +-
 .../src/components/Description.svelte         |   2 +-
 .../src/components/EditCardNew.svelte         |  34 +--
 .../src/components/EditCardNewContent.svelte  |  81 ++++++
 .../components/EditCardTableOfContents.svelte |  20 +-
 .../src/components/FilePlaceholder.svelte     |   3 +-
 .../navigator-next/NavigatorCards.svelte      |  20 +-
 plugins/card-resources/src/plugin.ts          |   2 -
 plugins/card-resources/src/types.ts           |   6 +-
 plugins/card/src/index.ts                     |   6 +-
 plugins/chat-resources/package.json           |   2 +-
 .../src/components/ChatNavigation.svelte      |   4 +-
 .../ChatNavigationCategoryList.svelte         |  14 +-
 .../chat-message/ChatMessagePresenter.svelte  |   2 +-
 .../InlineCommentPresenter.svelte             |   2 +-
 .../threads/ThreadMessagePresenter.svelte     |   2 +-
 plugins/client-resources/package.json         |   4 +-
 plugins/communication-assets/assets/icons.svg |  22 ++
 plugins/communication-assets/lang/cs.json     |   4 +-
 plugins/communication-assets/lang/de.json     |   4 +-
 plugins/communication-assets/lang/en.json     |   4 +-
 plugins/communication-assets/lang/es.json     |   4 +-
 plugins/communication-assets/lang/fr.json     |   4 +-
 plugins/communication-assets/lang/it.json     |   4 +-
 plugins/communication-assets/lang/ja.json     |   4 +-
 plugins/communication-assets/lang/pt.json     |   4 +-
 plugins/communication-assets/lang/ru.json     |   4 +-
 plugins/communication-assets/lang/zh.json     |   4 +-
 plugins/communication-assets/src/index.ts     |   9 +-
 plugins/communication-resources/package.json  |   2 +-
 .../src/components/CardMessagesSection.svelte |   1 +
 .../src/components/Messages.svelte            | 169 ++++++++++-
 plugins/communication-resources/src/index.ts  |   9 +
 .../communication-resources/src/messages.ts   |   7 +-
 plugins/communication-resources/src/utils.ts  |  49 ++++
 plugins/communication/src/index.ts            |  10 +-
 plugins/inbox-resources/package.json          |   2 +-
 .../src/components/InboxApplication.svelte    |  15 +-
 .../src/components/InboxCard.svelte           |  33 ++-
 .../src/components/InboxNavigation.svelte     |   1 -
 .../src/components/InboxNotification.svelte   |  22 +-
 .../src/components/MessageNotification.svelte |  37 +++
 .../components/ReactionNotification.svelte    | 112 +++++++
 plugins/inbox-resources/src/location.ts       |   9 +-
 .../components/ProcessesCardSection.svelte    |  34 +++
 .../src/components/ProcessesExtension.svelte  |   3 +
 plugins/process-resources/src/index.ts        |   4 +-
 plugins/process-resources/src/plugin.ts       |   3 +-
 plugins/workbench-resources/src/connect.ts    |   2 +-
 pods/server/package.json                      |   2 +-
 .../activity-resources/package.json           |   4 +-
 server-plugins/card-resources/package.json    |   2 +-
 server-plugins/card-resources/src/index.ts    |  20 +-
 server/core/package.json                      |   4 +-
 server/server/package.json                    |   4 +-
 services/mail/mail-common/package.json        |   4 +-
 services/mail/pod-inbound-mail/package.json   |   4 +-
 services/msg2file/package.json                |  10 +-
 99 files changed, 1451 insertions(+), 918 deletions(-)
 delete mode 100644 packages/ui-next/src/components/Avatar.svelte
 delete mode 100644 packages/ui-next/src/components/Button.svelte
 delete mode 100644 packages/ui-next/src/components/NavigationList.svelte
 create mode 100644 packages/ui-next/src/components/message/MessageFooter.svelte
 rename packages/{theme/styles/_next-vars.scss => ui/src/stores.ts} (52%)
 create mode 100644 plugins/card-resources/src/components/EditCardNewContent.svelte
 create mode 100644 plugins/communication-assets/assets/icons.svg
 create mode 100644 plugins/communication-resources/src/utils.ts
 create mode 100644 plugins/inbox-resources/src/components/MessageNotification.svelte
 create mode 100644 plugins/inbox-resources/src/components/ReactionNotification.svelte
 create mode 100644 plugins/process-resources/src/components/ProcessesCardSection.svelte

diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
index e7b5a944e6..7b7e42e677 100644
--- a/common/config/rush/pnpm-lock.yaml
+++ b/common/config/rush/pnpm-lock.yaml
@@ -35,26 +35,26 @@ importers:
         specifier: ^8.4.1
         version: 8.4.1
       '@hcengineering/communication-client-query':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hcengineering/communication-rest-client':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hcengineering/communication-sdk-types':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hcengineering/communication-server':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hcengineering/communication-shared':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hcengineering/communication-types':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hcengineering/communication-yaml':
-        specifier: 0.1.180
-        version: 0.1.180(typescript@5.3.3)
+        specifier: 0.1.187
+        version: 0.1.187(typescript@5.3.3)
       '@hocuspocus/provider':
         specifier: ^2.15.2
         version: 2.15.2(bufferutil@4.0.8)(utf-8-validate@6.0.4)(y-protocols@1.0.6(yjs@13.6.23))(yjs@13.6.23)
@@ -3003,48 +3003,48 @@ packages:
   '@hcengineering/card@0.7.88':
     resolution: {integrity: sha512-3JDgocHFSGmQuKsrtQ5CTTm4rpd/PHahIx6oNX8sshDGpS2hnvNtrHNkJf39seIKiq0NNKmJ//Etl4I21h4c6w==, tarball: https://npm.pkg.github.com/download/@hcengineering/card/0.7.88/e39b9e182325945494f162f2dd6f16ef9bea0f3e}
 
-  '@hcengineering/communication-client-query@0.1.180':
-    resolution: {integrity: sha512-i/igedwwU+oXzEeR1mVA2Qn2flhc3BMu7jUjpNQjkgI9CyNzZrEtT33PU8ktHfRVcAWM3Hwo7/W3Sto/+XMDuw==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-client-query/0.1.180/0ac5150649657e0b4eeeeca92f15162389cae50a}
+  '@hcengineering/communication-client-query@0.1.187':
+    resolution: {integrity: sha512-MM/Y70FrzHQu3AJE83xVH6AFYCgGqrDr1/oOiKaEwRRlpMr5Rmc0fdrZ/sBz2t1rrYu8KPrVAG/19QCEkspFbQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-client-query/0.1.187/fc27769b9a5aac3de5713b683ead72e86b2576f1}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-cockroach@0.1.180':
-    resolution: {integrity: sha512-UWYa9zzktYEQArf3ubX7GGNm6tnV6X5Gtxb0oSHJi2wWHEC45UtRaZVh47N14Je6EKT9rEgPaqPnyG1IvSctUQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-cockroach/0.1.180/39063c2605248b332d041e2eb9cb547746c55337}
+  '@hcengineering/communication-cockroach@0.1.187':
+    resolution: {integrity: sha512-MqbZDa70Vxn9WFBDNI7PWiE5OFyQ6FYbKAimdZlAN3uaY6bs3IPPYg34GuoDP2GZkpPFP9vEtNtgJ+F1Orra9g==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-cockroach/0.1.187/ebcc3d445a82e0cd9907a25929725a716fe831fc}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-query@0.1.180':
-    resolution: {integrity: sha512-onmN3txuSJwd+NXxJuB+Gamz9CxWi0XOISxiWpUE4fm3ZqwhzT1SISA6cLtlygcXqM0eZ9D/q3gDaRC85v+SWA==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-query/0.1.180/0e6587c3e43c39729e547533a505360b74e2cbc2}
+  '@hcengineering/communication-query@0.1.187':
+    resolution: {integrity: sha512-EgM6d9x2/VQkbrq0UZLiiy6qW8Bmw/O546eJ5PdgvNt9FsXI4ppjAQ6FTdh5aN+OVubX7TQ5P4ldwvZnZi9phA==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-query/0.1.187/61738db589e3bc9817fdd9b85035f2eb6d7cc663}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-rest-client@0.1.180':
-    resolution: {integrity: sha512-DbN4nzFf2WTGzpol73iBBRXEVM1FOGjc/kVb2YNkySnLOMzR/F0bRHWz+TjxXXs1LnT51E7tjApLAc153IRSiA==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-rest-client/0.1.180/8151fdc2a9175aa45db755de997a9d4cb167ccbd}
+  '@hcengineering/communication-rest-client@0.1.187':
+    resolution: {integrity: sha512-NtbLLv2lGm3b2xcs0JuMv/iHQhuHhVLDhTHLgwsmEl3/y37nISbec0Ha7PZVxGM5DyJaEmP7QWNck+H9m25fOg==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-rest-client/0.1.187/8344d8ee016e71d6a7361e120c980a05d9323222}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-sdk-types@0.1.180':
-    resolution: {integrity: sha512-RDQWuqcWMS+iWBBQ1gHN5bbGD174ghVQLrs/E262/Gp8ayYJ/0Gxn0IrkGXWUL4dO/ljySpWbS2qnBehXnbFiw==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-sdk-types/0.1.180/383bb8ec2c77688d5e59443c4c33cf1985db5bea}
+  '@hcengineering/communication-sdk-types@0.1.187':
+    resolution: {integrity: sha512-BksGMvrbR9wbNrXqCGNKlYnqSXAWDnjFp0fhoTCROmvE3O6qxmRMkQxc0Sv3pjpndjVWLOuXuju5Zxg1MEs65A==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-sdk-types/0.1.187/cea7a07d722fac94e111f3712b7e4e147f01fc8f}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-server@0.1.180':
-    resolution: {integrity: sha512-KXW4iOlvU6JruXjwRliG4hIzONsi2oEeYAHAQPtvA0LvLL2tx1RCsL/5yQLmgzcnQg5NRYV8DaoODaKbtq6hmA==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-server/0.1.180/00742d98815c0aeda6f99ef29143fa5c9bc6fefe}
+  '@hcengineering/communication-server@0.1.187':
+    resolution: {integrity: sha512-g+wedECw9WEKSjHFvYqfF7StXG98XIRzolsEVaiRyjNfYBL8HRzA1h6Ofj/ggzK8G7yc+WVEqyJJWEa6dhJBjA==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-server/0.1.187/55416a68e8a958226ba701b9efc1088133e22489}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-shared@0.1.180':
-    resolution: {integrity: sha512-iuFjf2RaL5IgwZErh3PNuFAZAZMdfWWs8HHUP0gG9flUXx/qm+BbEl1B21uCE4Oc/9nqTvGaA8vWnOhqmz+ghg==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-shared/0.1.180/123facbafaa7ed9bac1308f3ac1ebea2a59cf49d}
+  '@hcengineering/communication-shared@0.1.187':
+    resolution: {integrity: sha512-zakUV1orT4lw+woAKSrJuG50pjW7HV087JmPaqNUBvNFAQOZVOBIx50Y0ihaWEaxIxAmmW1n/7gyMrWfWjLmeQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-shared/0.1.187/8a76730a66b446b7190292b4b59e9a862a4e35e6}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-types@0.1.180':
-    resolution: {integrity: sha512-6QbMgkhVl8ZAvezvdCKi0MyMTXYs7bizzYYr1eo9WQEO+Zr9py0Uk8sOwCcpuTZ/X1zgTe6+xuLXoes3H4Y7eQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-types/0.1.180/cd5ae6805b909aaf5df46dbbbc9c45f374ec5c71}
+  '@hcengineering/communication-types@0.1.187':
+    resolution: {integrity: sha512-gGBS/Rusk4p5lSMkPezLUBQcWjrTV7dtoM7L6NPT5aPsDDJqno83NNSjq+A3/uoYvMJHjGq8/05A/tpt2Ru0Yg==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-types/0.1.187/d8be9cde20db48d0ae78190b2f6952d5647f9287}
     peerDependencies:
       typescript: ^5.6.3
 
-  '@hcengineering/communication-yaml@0.1.180':
-    resolution: {integrity: sha512-v8ha6X4CKpIBIN4lBZpn4fT0jt9K4KPn32B6SXI92AUFUyIQk53/XZIduOFpyYfc/pGcAPNDveKFfYed3JmZqQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-yaml/0.1.180/e7e3dd7a29c5b0cf6e2e4cddfae3db4601a7632c}
+  '@hcengineering/communication-yaml@0.1.187':
+    resolution: {integrity: sha512-12ZRyxarDa8Iw93gbKSh1e+u6hzLECP+nGPpIp70qEwJ4gO2U2H+i9Vu2Dxhudx9qnT4IHtYx7EKoXKwzE8BmQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/communication-yaml/0.1.187/1b87bdb2e03b21510da8f90a8db8e859aac90ce4}
     peerDependencies:
       typescript: ^5.6.3
 
@@ -3063,6 +3063,15 @@ packages:
   '@hcengineering/tags@0.7.88':
     resolution: {integrity: sha512-wpnVX/1Y8E4YPYnUcw+ZyVOpZvXYpboZC9D1btMqFs34CoMGc4tW1XT3YfsS8KxlkH6tsQjsAUvtWOPy2J46dg==, tarball: https://npm.pkg.github.com/download/@hcengineering/tags/0.7.88/f3f0de35b1be71d1f3f6711b8e4f161e0cf857eb}
 
+  '@hcengineering/text-core@0.7.88':
+    resolution: {integrity: sha512-mFri9SMzD99uR3/H0gZ4KEekYf3lEmJ2bqEQrjIVmi9z7+CzDTxmKnXeHKzcFpvQaLt5kmbPIoXM4MyxpK7ZXA==, tarball: https://npm.pkg.github.com/download/@hcengineering/text-core/0.7.88/7e53b0da9622709b2d1071049ead3843e0c45764}
+
+  '@hcengineering/text-html@0.7.88':
+    resolution: {integrity: sha512-Wj0gYv0JEUIKpuaDFmRn7/60/SXGg0CZVmzbux0XlUzayly+C4Pkfj5U3G/ZEUyDBtAtyeBdWtnkzgQgN6qOuQ==, tarball: https://npm.pkg.github.com/download/@hcengineering/text-html/0.7.88/e48beced20921d9e1e9c84548c3caf5c9770bac1}
+
+  '@hcengineering/text-markdown@0.7.88':
+    resolution: {integrity: sha512-066WeD/6EI5VmFQZ/Cv6eEOFXBd+fA+YPxX5fb0ytlZr5bLpQs6/AifpyqJoZ5gqQzfAf/HmtDVxDl5QU95FGw==, tarball: https://npm.pkg.github.com/download/@hcengineering/text-markdown/0.7.88/86938b13b0bdd81941a22378e3b2e92998f71d80}
+
   '@hcengineering/theme@0.7.88':
     resolution: {integrity: sha512-PCt9bFuGPYOf1kQgjzxPSZgGXU4G14Z1XZJfgGu71u/zHxG6fu6nls35aSrEjy2Ks6oR+OCqqvpDh6RTf6utrg==, tarball: https://npm.pkg.github.com/download/@hcengineering/theme/0.7.88/d939d1e2a9047def2795dc5124653e49ca522cfc}
 
@@ -3963,7 +3972,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/activity-resources@file:projects/activity-resources.tgz':
-    resolution: {integrity: sha512-D/V1RS70B/E7aBNzD2V+DJm7Ncr9DFrOAVXQVF+zU45QoUP98x16mkOfOvYMm72sfkPMZXt/dazzyMfDuidfIQ==, tarball: file:projects/activity-resources.tgz}
+    resolution: {integrity: sha512-6wVlU20JsbhjtS+hIwNiyAJAQs9/E+/FqSVdCCz3azy2P7wZoVutm5Ung1PaswgbshQAb5nvfjkf1N5GpTgvYw==, tarball: file:projects/activity-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/activity@file:projects/activity.tgz':
@@ -4067,7 +4076,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/card-resources@file:projects/card-resources.tgz':
-    resolution: {integrity: sha512-ZyDqFuNe9Z17VcXhoeEVU5D3vJkqczd+NH6TqL8oC4EPV+cm2BSV8wDjhwDLUhqPgceFhcFnBUltNbFm+Yj1nQ==, tarball: file:projects/card-resources.tgz}
+    resolution: {integrity: sha512-CdWQQYWbLy+4AITDmlv2q7Sw96mSzRsslUOU/87wDljEuIubpEKNhfccS42ImusNZMXj4yvd5wwM9ajjBMRKkg==, tarball: file:projects/card-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/card@file:projects/card.tgz':
@@ -4079,7 +4088,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/chat-resources@file:projects/chat-resources.tgz':
-    resolution: {integrity: sha512-v/WNHWbaRTVCMRvl2ZVFT0KhdyZJutRwx+qrc/WSEpMSRVpY1hC9pvwv2qGjY8rcghCI3siM76s1nFZNfIBKuQ==, tarball: file:projects/chat-resources.tgz}
+    resolution: {integrity: sha512-xGKyqec9pJZv/gOCT3LzF5gIlfKn8cZzkhvcM3/puOcvi/eAuyy9atldqicFNhVqPfK15RnIfVR/5CkO98Awuw==, tarball: file:projects/chat-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/chat@file:projects/chat.tgz':
@@ -4099,7 +4108,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/client-resources@file:projects/client-resources.tgz':
-    resolution: {integrity: sha512-Co2sl5ZV/LGTpXGVmdt6SXVwowAbFV5gdD5DXUbIldMJ9S8ShT8gpkVc/rltSYmUMgYE3inF5sp3Qi9m2VDnEg==, tarball: file:projects/client-resources.tgz}
+    resolution: {integrity: sha512-upkMe3iv7wjbXy9RY7oNLe8pviMJXM6vtlIUKRfMT3VdBxwZ62bblo94cvrX500iZyqTl2ycpjSJdCKWj11CQw==, tarball: file:projects/client-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/client@file:projects/client.tgz':
@@ -4123,7 +4132,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/communication-resources@file:projects/communication-resources.tgz':
-    resolution: {integrity: sha512-Q72T8CDiV4UWO/cWwOM5hG5hkBnwNiVl2nwxmv0ar6E/B0dtYPYHTicFuIEWZJhe7Uqq5nJB7Q1PzvibA3VscA==, tarball: file:projects/communication-resources.tgz}
+    resolution: {integrity: sha512-0liSvT+LOX2HT4NLhJvvJKKGEVtXwlmg1X3s/AZg33sw2GSbR0qIDq4LjbjQkm1IkMUFveLP6dLbhni6JaFihw==, tarball: file:projects/communication-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/communication@file:projects/communication.tgz':
@@ -4331,7 +4340,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/inbox-resources@file:projects/inbox-resources.tgz':
-    resolution: {integrity: sha512-lJ93YoX7M5AaAV+DdG1uQwt/L8QuEQAdQoBk3lZC2ECTPdZXRQGhFcB/iJUmgZtNviNJCJE7cif+YDHWB04xKg==, tarball: file:projects/inbox-resources.tgz}
+    resolution: {integrity: sha512-PepL4TCLzDvBcekS8uoy0oZZsMFKyw0UOUsUR/UvEjlXKneVgeBOC1ELU3lEEnvrb1Zd3B1dq+PLUUmNM/QjYw==, tarball: file:projects/inbox-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/inbox@file:projects/inbox.tgz':
@@ -4403,11 +4412,11 @@ packages:
     version: 0.0.0
 
   '@rush-temp/mail-common@file:projects/mail-common.tgz':
-    resolution: {integrity: sha512-K9Ezw+iw4J9Fkc5sH/wOiUzK7dn98BUHegPk6ZiGRbEhg3YDqU4xK8ty0GgbSayy6qT6Waxrz65O7tldIA9Utg==, tarball: file:projects/mail-common.tgz}
+    resolution: {integrity: sha512-4ThjG7u37BfKgOUzqyVxZ+uCt5Z7Yv2DX192wxBuTbl1EX3t50XjTERnjt4Iw0rYFhXc7lOKZygYF1u8a3APhA==, tarball: file:projects/mail-common.tgz}
     version: 0.0.0
 
   '@rush-temp/mail@file:projects/mail.tgz':
-    resolution: {integrity: sha512-Ld099uwXEeUid9s0GYHmgUKkctWnDc6D+yppNRmJhnf7VWtInqIPM2S3vl1kQi7pj0LwUY8ZKQ8B6m7Wxgj1Pw==, tarball: file:projects/mail.tgz}
+    resolution: {integrity: sha512-9fEBr1e0tV9ByCfhjNlnUQTiu1uadVxmqduSXKAOTAL4IrcsekWrsicUHD/6LY8cGwpFkd+Sv7YD17pPkVrBDg==, tarball: file:projects/mail.tgz}
     version: 0.0.0
 
   '@rush-temp/media-assets@file:projects/media-assets.tgz':
@@ -4479,7 +4488,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/model-communication@file:projects/model-communication.tgz':
-    resolution: {integrity: sha512-Fbi79c8xZjCCG892THwn1EHUSA5CecN/DhcyibrsjwWMJP5W4jLnv+2iJhwKHZNZ/bUnRDgKFv5iWUIPu28WDA==, tarball: file:projects/model-communication.tgz}
+    resolution: {integrity: sha512-ja37M19MOtXScgtWBCVvHjKsnRbv7MQxRBAq1d6+nejvJghlIXsh/7H5o5CynLrfzrQLv8dr2QgXrOoK0tzsDg==, tarball: file:projects/model-communication.tgz}
     version: 0.0.0
 
   '@rush-temp/model-contact@file:projects/model-contact.tgz':
@@ -4891,7 +4900,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/pod-inbound-mail@file:projects/pod-inbound-mail.tgz':
-    resolution: {integrity: sha512-tjWZdxHPbsV8+amEyl2p7FlCX1B6yHuspYEqX2K4DpWxbBCrkjgxurBRZ3ySM02gv/GauicV+UgoXcxttBopew==, tarball: file:projects/pod-inbound-mail.tgz}
+    resolution: {integrity: sha512-vRYTZhVYb2trqlb5uKFKAPJq7Ay7EaTFy6FijfUTRqitr9QJEREl4PKdf752cOFUfgC8L5uHTH6Q2rgbvsXSug==, tarball: file:projects/pod-inbound-mail.tgz}
     version: 0.0.0
 
   '@rush-temp/pod-love@file:projects/pod-love.tgz':
@@ -4903,7 +4912,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/pod-msg2file@file:projects/pod-msg2file.tgz':
-    resolution: {integrity: sha512-pak9ct0KL7hZZCqpqPhV5SXfRH47+yMPZEitvfdjRpmVfbUTRqOulSz6U/EJbfOsF1ByezUZNA78MiFWaRTwvQ==, tarball: file:projects/pod-msg2file.tgz}
+    resolution: {integrity: sha512-idKRoa/n/HDPvgufZtjWtIyDix2EJ5CK2n01hyQJ3EuO71N14SatzpboODqQfPlIsZf+K1yuk5/KkavBYHFhMA==, tarball: file:projects/pod-msg2file.tgz}
     version: 0.0.0
 
   '@rush-temp/pod-print@file:projects/pod-print.tgz':
@@ -4911,7 +4920,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/pod-server@file:projects/pod-server.tgz':
-    resolution: {integrity: sha512-yYPLMX5NWzZlf6DCKGcOtI5Olguy03vpUDHRH8SV7TmPbrB+OAhnYTprTqDhef5Bp6Clo1azzMjdpgwhoeCARw==, tarball: file:projects/pod-server.tgz}
+    resolution: {integrity: sha512-OKNjqOr0J8wbzMlFq99DWW8IMSIE4MvTsY0WxlIChLOPOldcHVPiXjjvi/a4bflrTcESZn+vK+KxIokKK+Vh/w==, tarball: file:projects/pod-server.tgz}
     version: 0.0.0
 
   '@rush-temp/pod-ses@file:projects/pod-ses.tgz':
@@ -4959,7 +4968,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/presentation@file:projects/presentation.tgz':
-    resolution: {integrity: sha512-BIZsM8bDI2fpnw7r71lbLTUZNXk76T2X5Ni9yzy+reE/5/m4+JvCmayE9lOQwIESaKijZSvTJ72rNDYs2+wsoQ==, tarball: file:projects/presentation.tgz}
+    resolution: {integrity: sha512-C88X6hnvn8SSKNtr87fGwuGqXvtD+Y8pdNioeHJU4Zz6p7fK79FkIGdMlPvigkwrw6KJyblBMocx9hFhGSaToA==, tarball: file:projects/presentation.tgz}
     version: 0.0.0
 
   '@rush-temp/print-assets@file:projects/print-assets.tgz':
@@ -5087,7 +5096,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/server-activity-resources@file:projects/server-activity-resources.tgz':
-    resolution: {integrity: sha512-+gFAkVUThChaGgNu3F7brs3r+2WpbXroWAwl0+xhO3+2Ncoip/ZIECN38QZxG2+bGyKexlepaKIXbKGtT3+kRA==, tarball: file:projects/server-activity-resources.tgz}
+    resolution: {integrity: sha512-GjwRSwAApKRSQ523IGKlG9p3SATfV19YA8BQGMbxE2y/U9+HnbaFyuYoFczILKg55IyrEwhSNamdLE4vRurgBQ==, tarball: file:projects/server-activity-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/server-activity@file:projects/server-activity.tgz':
@@ -5131,7 +5140,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/server-card-resources@file:projects/server-card-resources.tgz':
-    resolution: {integrity: sha512-VivVt1Jgvx8qRh4+JoY7kGqhbvBLdqfZGtGiG/XAfy1i2KlkDfBNce3d9xy/x2sKDNyRdBsNY7ex4I3DQUndEg==, tarball: file:projects/server-card-resources.tgz}
+    resolution: {integrity: sha512-pIKMzIEr6ZXgdojesH44+lHj5bNp6Pp4cmjDGG77nKMJJwL7pKrOPNVgCG4o+RvzJyVGIL6gagSNjyDjcGWw/Q==, tarball: file:projects/server-card-resources.tgz}
     version: 0.0.0
 
   '@rush-temp/server-card@file:projects/server-card.tgz':
@@ -5175,7 +5184,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/server-core@file:projects/server-core.tgz':
-    resolution: {integrity: sha512-Pt7Vg0mWgNBQrJTmDusX4eTLzIeyK/ohwv/Rqq84xtBEMmWAxccOlah/2hUp2BnVj25j8XXv0A6ULCTqKwtaOg==, tarball: file:projects/server-core.tgz}
+    resolution: {integrity: sha512-yg2BWsWAP2TnTp/GNUYa81LnK6SM4unFunNmxuPqTx/S9wQLD5vASajOq2c94ZYLmbqBsalR0eClRNbxKgW1sg==, tarball: file:projects/server-core.tgz}
     version: 0.0.0
 
   '@rush-temp/server-document-resources@file:projects/server-document-resources.tgz':
@@ -5379,7 +5388,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/server@file:projects/server.tgz':
-    resolution: {integrity: sha512-6IGDYZ9EnjH5V1+svCv19wHJTJP2JUrC/QP1FwH0QrU5GxhCxCw08ehpOyh7kViWV58Ri+NXMgY7JQq8H6VpIQ==, tarball: file:projects/server.tgz}
+    resolution: {integrity: sha512-MHYp2stKfswhYBj3BHUs4IdjH3fbOWDiCuvUrPeCRSnlfyFgx1oJKZ7QCE/USkGYpm3c25d2muQ7nTF4gvX8+g==, tarball: file:projects/server.tgz}
     version: 0.0.0
 
   '@rush-temp/setting-assets@file:projects/setting-assets.tgz':
@@ -5571,7 +5580,7 @@ packages:
     version: 0.0.0
 
   '@rush-temp/ui-next@file:projects/ui-next.tgz':
-    resolution: {integrity: sha512-A3FSIrGhW7OIseHR5XIXglebYVOGmgq40yuGx68bV2XhCmN5KLiTA72MAJYxXmYG2uRS1L7GydCRTmdML+WlNA==, tarball: file:projects/ui-next.tgz}
+    resolution: {integrity: sha512-nopWll25+t9PZTTKXd6MtDA9Dan12YY4OB1K3WqWQHGhiWM0vD1M6Y3rKGhJL9/9Gv7M5DUJ3UmGj4TQrLmWAw==, tarball: file:projects/ui-next.tgz}
     version: 0.0.0
 
   '@rush-temp/ui@file:projects/ui.tgz':
@@ -14941,120 +14950,122 @@ snapshots:
       '@hcengineering/platform': 0.7.88
       '@hcengineering/ui': 0.7.88
 
-  '@hcengineering/communication-client-query@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-client-query@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-query': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-query': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       fast-equals: 5.2.2
       typescript: 5.3.3
 
-  '@hcengineering/communication-cockroach@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-cockroach@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       postgres: 3.4.5
       typescript: 5.3.3
       uuid: 11.1.0
 
-  '@hcengineering/communication-query@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-query@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-yaml': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-yaml': 0.1.187(typescript@5.3.3)
       fast-equals: 5.2.2
       typescript: 5.3.3
       uuid: 11.1.0
 
-  '@hcengineering/communication-rest-client@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-rest-client@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@hcengineering/core': 0.7.88
       snappyjs: 0.7.0
       typescript: 5.3.3
 
-  '@hcengineering/communication-rest-client@0.1.180(typescript@5.7.3)':
+  '@hcengineering/communication-rest-client@0.1.187(typescript@5.7.3)':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@hcengineering/core': 0.7.88
       snappyjs: 0.7.0
       typescript: 5.7.3
 
-  '@hcengineering/communication-sdk-types@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-sdk-types@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@hcengineering/core': 0.7.88
       typescript: 5.3.3
 
-  '@hcengineering/communication-sdk-types@0.1.180(typescript@5.7.3)':
+  '@hcengineering/communication-sdk-types@0.1.187(typescript@5.7.3)':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@hcengineering/core': 0.7.88
       typescript: 5.7.3
 
-  '@hcengineering/communication-server@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-server@0.1.187(typescript@5.3.3)':
     dependencies:
       '@hcengineering/account-client': 0.7.88
-      '@hcengineering/communication-cockroach': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-yaml': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-cockroach': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-yaml': 0.1.187(typescript@5.3.3)
       '@hcengineering/core': 0.7.88
       '@hcengineering/platform': 0.7.88
       '@hcengineering/server-token': 0.7.88
+      '@hcengineering/text-core': 0.7.88
+      '@hcengineering/text-markdown': 0.7.88
       typescript: 5.3.3
       zod: 3.24.2
 
-  '@hcengineering/communication-shared@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-shared@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       typescript: 5.3.3
 
-  '@hcengineering/communication-shared@0.1.180(typescript@5.7.3)':
+  '@hcengineering/communication-shared@0.1.187(typescript@5.7.3)':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       typescript: 5.7.3
 
-  '@hcengineering/communication-types@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-types@0.1.187(typescript@5.3.3)':
     dependencies:
       '@hcengineering/card': 0.7.88
       '@hcengineering/core': 0.7.88
       '@hcengineering/tags': 0.7.88
       typescript: 5.3.3
 
-  '@hcengineering/communication-types@0.1.180(typescript@5.6.2)':
+  '@hcengineering/communication-types@0.1.187(typescript@5.6.2)':
     dependencies:
       '@hcengineering/card': 0.7.88
       '@hcengineering/core': 0.7.88
       '@hcengineering/tags': 0.7.88
       typescript: 5.6.2
 
-  '@hcengineering/communication-types@0.1.180(typescript@5.7.3)':
+  '@hcengineering/communication-types@0.1.187(typescript@5.7.3)':
     dependencies:
       '@hcengineering/card': 0.7.88
       '@hcengineering/core': 0.7.88
       '@hcengineering/tags': 0.7.88
       typescript: 5.7.3
 
-  '@hcengineering/communication-yaml@0.1.180(typescript@5.3.3)':
+  '@hcengineering/communication-yaml@0.1.187(typescript@5.3.3)':
     dependencies:
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       js-yaml: 4.1.0
       typescript: 5.3.3
 
-  '@hcengineering/communication-yaml@0.1.180(typescript@5.7.3)':
+  '@hcengineering/communication-yaml@0.1.187(typescript@5.7.3)':
     dependencies:
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       js-yaml: 4.1.0
       typescript: 5.7.3
 
@@ -15087,6 +15098,23 @@ snapshots:
       '@hcengineering/ui': 0.7.88
       '@hcengineering/view': 0.7.88
 
+  '@hcengineering/text-core@0.7.88':
+    dependencies:
+      '@hcengineering/core': 0.7.88
+      fast-equals: 5.2.2
+
+  '@hcengineering/text-html@0.7.88':
+    dependencies:
+      '@hcengineering/text-core': 0.7.88
+      htmlparser2: 9.1.0
+
+  '@hcengineering/text-markdown@0.7.88':
+    dependencies:
+      '@hcengineering/text-core': 0.7.88
+      '@hcengineering/text-html': 0.7.88
+      fast-equals: 5.2.2
+      markdown-it: 14.0.0
+
   '@hcengineering/theme@0.7.88':
     dependencies:
       '@hcengineering/analytics': 0.7.88
@@ -16493,7 +16521,7 @@ snapshots:
 
   '@rush-temp/activity-resources@file:projects/activity-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@types/jest': 29.5.12
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.3.3)
       '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
@@ -17321,7 +17349,7 @@ snapshots:
 
   '@rush-temp/card-resources@file:projects/card-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@tiptap/pm@2.11.7)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.6.2)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.6.2)
       '@tiptap/core': 2.11.7(@tiptap/pm@2.11.7)
       '@types/html-to-text': 8.1.1
       '@types/jest': 29.5.12
@@ -17416,7 +17444,7 @@ snapshots:
 
   '@rush-temp/chat-resources@file:projects/chat-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@types/jest': 29.5.12
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.7.3)
       '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.7.3)
@@ -17576,8 +17604,8 @@ snapshots:
 
   '@rush-temp/client-resources@file:projects/client-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@types/jest': 29.5.12
       '@types/snappyjs': 0.7.1
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.3.3)
@@ -17763,7 +17791,7 @@ snapshots:
 
   '@rush-temp/communication-resources@file:projects/communication-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@types/jest': 29.5.12
       '@types/node': 20.11.19
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.7.3)
@@ -19426,7 +19454,7 @@ snapshots:
 
   '@rush-temp/inbox-resources@file:projects/inbox-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@types/jest': 29.5.12
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.7.3)
       '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.7.3)
@@ -19984,8 +20012,8 @@ snapshots:
 
   '@rush-temp/mail-common@file:projects/mail-common.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))':
     dependencies:
-      '@hcengineering/communication-rest-client': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-rest-client': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@tsconfig/node16': 1.0.4
       '@types/express': 4.17.21
       '@types/jest': 29.5.12
@@ -22435,8 +22463,8 @@ snapshots:
 
   '@rush-temp/pod-inbound-mail@file:projects/pod-inbound-mail.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))':
     dependencies:
-      '@hcengineering/communication-rest-client': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-rest-client': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@tsconfig/node16': 1.0.4
       '@types/cors': 2.8.17
       '@types/express': 4.17.21
@@ -22560,11 +22588,11 @@ snapshots:
 
   '@rush-temp/pod-msg2file@file:projects/pod-msg2file.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))':
     dependencies:
-      '@hcengineering/communication-rest-client': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-shared': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
-      '@hcengineering/communication-yaml': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-rest-client': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-shared': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
+      '@hcengineering/communication-yaml': 0.1.187(typescript@5.7.3)
       '@tsconfig/node16': 1.0.4
       '@types/cors': 2.8.17
       '@types/express': 4.17.21
@@ -22646,7 +22674,7 @@ snapshots:
 
   '@rush-temp/pod-server@file:projects/pod-server.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))':
     dependencies:
-      '@hcengineering/communication-server': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-server': 0.1.187(typescript@5.3.3)
       '@types/body-parser': 1.19.5
       '@types/cors': 2.8.17
       '@types/express': 4.17.21
@@ -23099,9 +23127,9 @@ snapshots:
 
   '@rush-temp/presentation@file:projects/presentation.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-client-query': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-client-query': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@types/jest': 29.5.12
       '@types/png-chunks-extract': 1.0.2
       '@types/uuid': 8.3.4
@@ -24103,8 +24131,8 @@ snapshots:
 
   '@rush-temp/server-activity-resources@file:projects/server-activity-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@types/jest': 29.5.12
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.3.3)
       '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.3.3)
@@ -24383,7 +24411,7 @@ snapshots:
 
   '@rush-temp/server-card-resources@file:projects/server-card-resources.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.7.3)
       '@types/jest': 29.5.12
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.7.3)
       '@typescript-eslint/parser': 6.21.0(eslint@8.56.0)(typescript@5.7.3)
@@ -24666,8 +24694,8 @@ snapshots:
 
   '@rush-temp/server-core@file:projects/server-core.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@types/jest': 29.5.12
       '@types/node': 20.11.19
       '@types/uuid': 8.3.4
@@ -25971,8 +25999,8 @@ snapshots:
 
   '@rush-temp/server@file:projects/server.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-sdk-types': 0.1.180(typescript@5.3.3)
-      '@hcengineering/communication-types': 0.1.180(typescript@5.3.3)
+      '@hcengineering/communication-sdk-types': 0.1.187(typescript@5.3.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.3.3)
       '@types/jest': 29.5.12
       '@types/node': 20.11.19
       '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.56.0)(typescript@5.3.3))(eslint@8.56.0)(typescript@5.3.3)
@@ -27513,7 +27541,7 @@ snapshots:
 
   '@rush-temp/ui-next@file:projects/ui-next.tgz(@babel/core@7.23.9)(@jest/types@29.6.3)(@types/node@20.11.19)(babel-jest@29.7.0(@babel/core@7.23.9))(esbuild@0.24.2)(postcss-load-config@4.0.2(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3)))(postcss@8.5.3)(ts-node@10.9.2(@types/node@20.11.19)(typescript@5.3.3))':
     dependencies:
-      '@hcengineering/communication-types': 0.1.180(typescript@5.7.3)
+      '@hcengineering/communication-types': 0.1.187(typescript@5.7.3)
       '@tiptap/core': 2.11.7(@tiptap/pm@2.11.7)
       '@tiptap/pm': 2.11.7
       '@types/dompurify': 3.0.5
diff --git a/models/communication/package.json b/models/communication/package.json
index b25c46d84b..d4f53386d4 100644
--- a/models/communication/package.json
+++ b/models/communication/package.json
@@ -28,14 +28,16 @@
     "typescript": "^5.3.3"
   },
   "dependencies": {
+    "@hcengineering/card": "^0.6.0",
+    "@hcengineering/communication": "^0.6.0",
+    "@hcengineering/communication-resources": "^0.6.0",
+    "@hcengineering/model-card": "^0.6.0",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/model": "^0.6.11",
     "@hcengineering/model-core": "^0.6.0",
+    "@hcengineering/model-view": "^0.6.0",
     "@hcengineering/platform": "^0.6.11",
-    "@hcengineering/card": "^0.6.0",
-    "@hcengineering/communication": "^0.6.0",
-    "@hcengineering/communication-resources": "^0.6.0",
     "@hcengineering/ui": "^0.6.15"
   }
 }
diff --git a/models/communication/src/index.ts b/models/communication/src/index.ts
index 91ee5b541c..8dfdc522f1 100644
--- a/models/communication/src/index.ts
+++ b/models/communication/src/index.ts
@@ -13,7 +13,8 @@
 
 import { type Builder } from '@hcengineering/model'
 import core from '@hcengineering/core'
-import card from '@hcengineering/card'
+import card from '@hcengineering/model-card'
+import { createAction } from '@hcengineering/model-view'
 import { MessagesNavigationAnchors } from '@hcengineering/communication'
 
 import communication from './plugin'
@@ -22,6 +23,34 @@ export { communicationId } from '@hcengineering/communication'
 export * from './migration'
 
 export function createModel (builder: Builder): void {
+  createAction(builder, {
+    action: communication.action.Subscribe,
+    label: communication.string.Subscribe,
+    icon: communication.icon.Bell,
+    visibilityTester: communication.function.CanSubscribe,
+    input: 'focus',
+    category: card.category.Card,
+    target: card.class.Card,
+    context: {
+      mode: ['context'],
+      group: 'associate'
+    }
+  })
+
+  createAction(builder, {
+    action: communication.action.Unsubscribe,
+    label: communication.string.Unsubscribe,
+    icon: communication.icon.BellCrossed,
+    visibilityTester: communication.function.CanUnsubscribe,
+    input: 'focus',
+    category: card.category.Card,
+    target: card.class.Card,
+    context: {
+      mode: ['context'],
+      group: 'associate'
+    }
+  })
+
   builder.createDoc(
     card.class.CardSection,
     core.space.Model,
diff --git a/models/communication/src/plugin.ts b/models/communication/src/plugin.ts
index d6fab0f9a2..b3c3324de1 100644
--- a/models/communication/src/plugin.ts
+++ b/models/communication/src/plugin.ts
@@ -17,6 +17,17 @@ import { communicationId } from '@hcengineering/communication'
 import communication from '@hcengineering/communication-resources/src/plugin'
 import {} from '@hcengineering/core'
 import {} from '@hcengineering/ui'
-import { mergeIds } from '@hcengineering/platform'
+import { mergeIds, type Resource } from '@hcengineering/platform'
+import { type ViewAction } from '@hcengineering/model-view'
+import { type Card } from '@hcengineering/card'
 
-export default mergeIds(communicationId, communication, {})
+export default mergeIds(communicationId, communication, {
+  action: {
+    Unsubscribe: '' as ViewAction,
+    Subscribe: '' as ViewAction
+  },
+  function: {
+    CanSubscribe: '' as Resource<(doc: Card | Card[] | undefined) => Promise<boolean>>,
+    CanUnsubscribe: '' as Resource<(doc: Card | Card[] | undefined) => Promise<boolean>>
+  }
+})
diff --git a/models/process/src/index.ts b/models/process/src/index.ts
index a3c64390a6..efa85bd592 100644
--- a/models/process/src/index.ts
+++ b/models/process/src/index.ts
@@ -543,7 +543,7 @@ export function createModel (builder: Builder): void {
     core.space.Model,
     {
       label: process.string.Processes,
-      component: process.component.ProcessesExtension,
+      component: process.component.ProcessesCardSection,
       order: 350,
       navigation: []
     },
diff --git a/packages/core/src/classes.ts b/packages/core/src/classes.ts
index 5d63bc58db..d4a212f9be 100644
--- a/packages/core/src/classes.ts
+++ b/packages/core/src/classes.ts
@@ -623,6 +623,7 @@ export interface BlobType {
   type: string
 
   name: string
+  size: number
 
   metadata?: BlobMetadata
 }
diff --git a/packages/importer/src/huly/cards.ts b/packages/importer/src/huly/cards.ts
index dde21f3393..803df2361b 100644
--- a/packages/importer/src/huly/cards.ts
+++ b/packages/importer/src/huly/cards.ts
@@ -546,6 +546,7 @@ export class CardsProcessor {
           file: blobFile._id,
           type: blobFile.type,
           name: blobFile.name,
+          size: blobFile.size,
           metadata: {} // todo: blobFile.metadata
         }
       }
diff --git a/packages/presentation/package.json b/packages/presentation/package.json
index d602818786..4911937475 100644
--- a/packages/presentation/package.json
+++ b/packages/presentation/package.json
@@ -44,9 +44,9 @@
     "@hcengineering/client": "^0.6.18",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/collaborator-client": "^0.6.4",
-    "@hcengineering/communication-client-query": "0.1.180",
-    "@hcengineering/communication-sdk-types": "0.1.180",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-client-query": "0.1.187",
+    "@hcengineering/communication-sdk-types": "0.1.187",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/diffview": "^0.6.0",
     "@hcengineering/notification": "^0.6.23",
diff --git a/packages/presentation/src/communication.ts b/packages/presentation/src/communication.ts
index 729db5879d..d6d5ec78a8 100644
--- a/packages/presentation/src/communication.ts
+++ b/packages/presentation/src/communication.ts
@@ -50,16 +50,20 @@ import {
   type ResponseEvent,
   type UpdateNotificationContextEvent,
   type AddCollaboratorsEvent,
+  type RemoveCollaboratorsEvent,
   MessageRequestEventType,
-  NotificationRequestEventType
+  NotificationRequestEventType,
+  type RemoveNotificationContextEvent,
+  type UpdateNotificationEvent,
+  type UpdateNotificationQuery
 } from '@hcengineering/communication-sdk-types'
 import {
   type Client as PlatformClient,
   type ClientConnection as PlatformConnection,
   getCurrentAccount,
-  type SocialId,
   SocialIdType,
-  generateId
+  generateId,
+  type BlobMetadata
 } from '@hcengineering/core'
 import { onDestroy } from 'svelte'
 import {
@@ -95,24 +99,17 @@ export function getCommunicationClient (): CommunicationClient {
   return client
 }
 
-export async function setCommunicationClient (platformClient: PlatformClient, socialIds: SocialId[]): Promise<void> {
+export async function setCommunicationClient (platformClient: PlatformClient): Promise<void> {
   const connection = platformClient.getConnection?.()
   if (connection === undefined) {
     return
   }
-  client = new Client(connection as unknown as Connection, socialIds)
+  client = new Client(connection as unknown as Connection)
   initLiveQueries(client, getCurrentWorkspaceUuid(), getFilesUrl(), onDestroy)
 }
 
 class Client {
-  private readonly hulySocialId: SocialId | undefined
-
-  constructor (
-    private readonly connection: Connection,
-    socialIds: SocialId[]
-  ) {
-    this.hulySocialId = socialIds.find((it) => it.type === SocialIdType.HULY && it.verifiedOn !== undefined)
-
+  constructor (private readonly connection: Connection) {
     connection.pushHandler((...events: any[]) => {
       for (const event of events) {
         if (event != null && 'type' in event) {
@@ -204,6 +201,15 @@ class Client {
     await this.sendEvent(event)
   }
 
+  async removeCollaborators (card: CardID, collaborators: AccountID[]): Promise<void> {
+    const event: RemoveCollaboratorsEvent = {
+      type: NotificationRequestEventType.RemoveCollaborators,
+      card,
+      collaborators
+    }
+    await this.sendEvent(event)
+  }
+
   async createFile (
     card: CardID,
     message: MessageID,
@@ -211,7 +217,8 @@ class Client {
     blobId: BlobID,
     fileType: string,
     filename: string,
-    size: number
+    size: number,
+    meta?: BlobMetadata
   ): Promise<void> {
     const event: CreateFileEvent = {
       type: MessageRequestEventType.CreateFile,
@@ -222,6 +229,7 @@ class Client {
       fileType,
       filename,
       size,
+      meta,
       creator: this.getSocialId()
     }
     await this.sendEvent(event)
@@ -239,12 +247,42 @@ class Client {
     await this.sendEvent(event)
   }
 
-  async updateNotificationContext (context: ContextID, lastView?: Date): Promise<void> {
+  async updateNotificationContext (context: ContextID, lastView: Date): Promise<void> {
     const event: UpdateNotificationContextEvent = {
       type: NotificationRequestEventType.UpdateNotificationContext,
       context,
       account: this.getAccount(),
-      lastView
+      updates: {
+        lastView
+      }
+    }
+    await this.sendEvent(event)
+  }
+
+  async removeNotificationContext (context: ContextID): Promise<void> {
+    const event: RemoveNotificationContextEvent = {
+      type: NotificationRequestEventType.RemoveNotificationContext,
+      context,
+      account: this.getAccount()
+    }
+    await this.sendEvent(event)
+  }
+
+  async updateNotifications (
+    context: ContextID,
+    query: Omit<UpdateNotificationQuery, 'context' | 'account'>,
+    read: boolean
+  ): Promise<void> {
+    const event: UpdateNotificationEvent = {
+      type: NotificationRequestEventType.UpdateNotification,
+      query: {
+        ...query,
+        context,
+        account: this.getAccount()
+      },
+      updates: {
+        read
+      }
     }
     await this.sendEvent(event)
   }
@@ -293,7 +331,8 @@ class Client {
 
   private getSocialId (): SocialID {
     const me = getCurrentAccount()
-    const id = this.hulySocialId?._id ?? me.primarySocialId
+    const hulySocialId = me.fullSocialIds.find((it) => it.type === SocialIdType.HULY && it.verifiedOn !== undefined)
+    const id = hulySocialId?._id ?? me.primarySocialId
     if (id == null || id === '') {
       throw new Error('Social id not found')
     }
diff --git a/packages/theme/styles/global.scss b/packages/theme/styles/global.scss
index 6a070bf27c..21512d4d26 100644
--- a/packages/theme/styles/global.scss
+++ b/packages/theme/styles/global.scss
@@ -30,7 +30,6 @@
 @import "./tables.scss";
 @import "./_text-editor.scss";
 @import "./_next-colors.scss";
-@import "./_next-vars.scss";
 
 @import "./love.scss";
 
diff --git a/packages/ui-next/package.json b/packages/ui-next/package.json
index d978677b24..74de2d3e7d 100644
--- a/packages/ui-next/package.json
+++ b/packages/ui-next/package.json
@@ -43,7 +43,7 @@
     "@hcengineering/attachment-resources": "^0.6.0",
     "@hcengineering/card": "^0.6.0",
     "@hcengineering/chat": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/contact-resources": "^0.6.0",
     "@hcengineering/core": "^0.6.32",
diff --git a/packages/ui-next/src/components/Avatar.svelte b/packages/ui-next/src/components/Avatar.svelte
deleted file mode 100644
index 87cd794148..0000000000
--- a/packages/ui-next/src/components/Avatar.svelte
+++ /dev/null
@@ -1,143 +0,0 @@
-<!--
-// Copyright © 2025 Hardcore Engineering Inc.
-//
-// Licensed under the Eclipse Public License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License. You may
-// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-//
-// See the License for the specific language governing permissions and
-// limitations under the License.
--->
-
-<script lang="ts">
-  import { type Data, reduceCalls, type WithLookup } from '@hcengineering/core'
-  import { AvatarInfo, getAvatarColorForId, getAvatarDisplayName, getAvatarUrlInfo } from '@hcengineering/contact'
-  import { themeStore } from '@hcengineering/theme'
-  import { ColorDefinition, getPlatformAvatarColorByName, getPlatformAvatarColorForTextDef } from '@hcengineering/ui'
-  import { getClient, sizeToWidth } from '@hcengineering/presentation'
-
-  import { AvatarShape, AvatarSize } from '../types'
-
-  export let avatar: Data<AvatarInfo> | undefined
-  export let name: string | undefined = undefined
-  export let size: AvatarSize = AvatarSize.Small
-  export let shape: AvatarShape = AvatarShape.Circle
-
-  let url: string | undefined
-  let srcSet: string | undefined
-  let color: ColorDefinition | undefined = undefined
-
-  const update = reduceCalls(async function (
-    size: AvatarSize,
-    avatar?: Data<WithLookup<AvatarInfo>>,
-    name?: string | null
-  ) {
-    const client = getClient()
-
-    ;({ url, srcSet, color } = await getAvatarUrlInfo(client, avatar, sizeToWidth(size), name))
-
-    if (url === undefined && color === undefined && name != null && name !== '') {
-      const displayName = getAvatarDisplayName(name)
-      if (avatar != null) {
-        color = getPlatformAvatarColorByName(
-          avatar.avatarProps?.color ?? getAvatarColorForId(displayName),
-          $themeStore.dark
-        )
-      } else {
-        color = getPlatformAvatarColorForTextDef(name, $themeStore.dark)
-      }
-    }
-  })
-  $: void update(size, avatar, name)
-</script>
-
-<div class="avatar {size} {shape}" style:background-color={color && !url ? color.icon : 'var(--theme-button-default)'}>
-  {#if url}
-    <img src={url} srcset={srcSet} alt="avatar" />
-  {:else}
-    <div
-      class="ava-text {size}"
-      style:color={color ? color.iconText : 'var(--primary-button-color)'}
-      data-name={getAvatarDisplayName(name).toLocaleUpperCase()}
-    />
-  {/if}
-</div>
-
-<style lang="scss">
-  .avatar {
-    position: relative;
-    display: inline-flex;
-    overflow: hidden;
-    flex-shrink: 0;
-    aspect-ratio: 1;
-    pointer-events: none;
-    align-items: center;
-    justify-content: center;
-
-    &.circle {
-      border-radius: 100%;
-    }
-
-    &.xx-small {
-      width: var(--next-avatar-size-xxsmall);
-      height: var(--next-avatar-size-xxsmall);
-    }
-    &.x-small {
-      width: var(--next-avatar-size-xsmall);
-      height: var(--next-avatar-size-xsmall);
-    }
-
-    &.small {
-      width: var(--next-avatar-size-small);
-      height: var(--next-avatar-size-small);
-    }
-
-    &.regular {
-      width: var(--next-avatar-size-regular);
-      height: var(--next-avatar-size-regular);
-    }
-
-    &.medium {
-      width: var(--next-avatar-size-medium);
-      height: var(--next-avatar-size-medium);
-    }
-
-    &.large {
-      width: var(--next-avatar-size-large);
-      height: var(--next-avatar-size-large);
-    }
-
-    &.x-large {
-      width: var(--next-avatar-size-xlarge);
-      height: var(--next-avatar-size-xlarge);
-    }
-
-    &.xx-large {
-      width: var(--next-avatar-size-xxlarge);
-      height: var(--next-avatar-size-xxlarge);
-    }
-
-    &.xxx-large {
-      width: var(--next-avatar-size-xxxlarge);
-      height: var(--next-avatar-size-xxxlarge);
-    }
-  }
-
-  .ava-text {
-    font-weight: 500;
-    letter-spacing: -0.05em;
-    font-size: 1rem;
-
-    &.xx-small {
-      font-size: 0.75rem;
-    }
-    &::after {
-      content: attr(data-name);
-      transform: translate(-50%, -50%);
-    }
-  }
-</style>
diff --git a/packages/ui-next/src/components/Button.svelte b/packages/ui-next/src/components/Button.svelte
deleted file mode 100644
index c7f2380140..0000000000
--- a/packages/ui-next/src/components/Button.svelte
+++ /dev/null
@@ -1,120 +0,0 @@
-<!--
-// Copyright © 2025 Hardcore Engineering Inc.
-//
-// Licensed under the Eclipse Public License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License. You may
-// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-//
-// See the License for the specific language governing permissions and
-// limitations under the License.
--->
-
-<!--TODO: implement button by figma-->
-<script lang="ts">
-  import { LabelAndProps, tooltip as showTooltip } from '@hcengineering/ui'
-  import { IntlString } from '@hcengineering/platform'
-
-  import Icon from './Icon.svelte'
-  import Label from './Label.svelte'
-  import { IconSize, ButtonSize, ButtonType, ButtonVariant, IconComponent } from '../types'
-
-  export let id: string | undefined = undefined
-  export let icon: IconComponent | undefined = undefined
-  export let iconSize: IconSize | undefined = 'small'
-  export let label: string | undefined = undefined
-  export let labelIntl: IntlString | undefined = undefined
-  export let labelParams: Record<string, any> = {}
-  export let disabled: boolean = false
-  export let buttonType: ButtonType = ButtonType.Button
-  export let size: ButtonSize = ButtonSize.Auto
-  export let variant: ButtonVariant = ButtonVariant.Default
-  export let tooltip: LabelAndProps | undefined = undefined
-</script>
-
-<button
-  class="button {variant} {size}"
-  class:disabled
-  class:no-label={label == null && labelIntl == null}
-  class:no-icon={icon == null}
-  {id}
-  type={buttonType}
-  {disabled}
-  on:click
-  use:showTooltip={tooltip}
->
-  {#if icon}
-    <div class="button__icon" class:disabled>
-      <Icon {icon} size={iconSize} />
-    </div>
-  {/if}
-  {#if label}
-    {label}
-  {:else if labelIntl}
-    <Label label={labelIntl} params={labelParams} />
-  {/if}
-</button>
-
-<style lang="scss">
-  .button {
-    display: inline-flex;
-    justify-content: center;
-    align-items: center;
-    flex-shrink: 0;
-    border: 0;
-    color: var(--next-text-color-primary);
-    width: fit-content;
-    cursor: pointer;
-    border-radius: 0.313rem;
-
-    &.medium {
-      width: var(--button-size-medium);
-      height: var(--button-size-medium);
-    }
-
-    &.default {
-      padding: 0.25rem;
-      gap: 0.25rem;
-      background: var(--button-color-foreground);
-      color: var(--next-text-color-primary);
-    }
-
-    &.ghost {
-      gap: 0.25rem;
-      padding: 0.25rem;
-      background: transparent;
-
-      &.no-label {
-        padding-right: 0.125rem;
-      }
-
-      &.no-icon {
-        padding-left: 0.25rem;
-      }
-    }
-
-    &:not(.disabled, :disabled):hover {
-      /*TODO: color from theme*/
-      background: rgba(54, 55, 61, 0.12);
-    }
-
-    &:not(.disabled, :disabled):active {
-      /*TODO: color from theme*/
-      background: #b9b9b9;
-    }
-
-    &.disabled {
-      cursor: not-allowed;
-    }
-  }
-
-  .button__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0.125rem;
-  }
-</style>
diff --git a/packages/ui-next/src/components/DateSeparator.svelte b/packages/ui-next/src/components/DateSeparator.svelte
index 75aea7ecb6..d645448563 100644
--- a/packages/ui-next/src/components/DateSeparator.svelte
+++ b/packages/ui-next/src/components/DateSeparator.svelte
@@ -44,42 +44,51 @@
 </script>
 
 <div class="date-separator" class:sticky>
-  <div class="date-separator__content">
-    <div class="date-separator__date">
-      {#await formatDate(date, $themeStore.language) then date}
-        {date}
-      {/await}
-    </div>
+  <div class="date-separator__date border-radius-4 clear-mins">
+    {#await formatDate(date, $themeStore.language) then date}
+      {date}
+    {/await}
   </div>
 </div>
 
+<div class="line" />
+
 <style lang="scss">
   .date-separator {
     display: flex;
     width: 100%;
     padding: 0 4rem;
-    background: var(--theme-panel-color);
+    font-size: 0.75rem;
+    height: 2.25rem;
+    position: relative;
 
     &.sticky {
       position: sticky;
       top: 0;
       z-index: 1;
     }
+
+    .date-separator__date {
+      padding: 0.25rem 0.5rem;
+      height: max-content;
+      color: var(--theme-content-color);
+      background-color: var(--highlight-select);
+      border: 1px solid var(--highlight-select-border);
+      font-weight: 500;
+      position: absolute;
+      left: 50%;
+      transform: translateX(-50%);
+      top: 0.25rem;
+    }
   }
 
-  .date-separator__content {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    border-bottom: 1px solid var(--next-divider-color);
-    gap: 0.375rem;
-    padding: 0.375rem 0;
-  }
-
-  .date-separator__date {
-    color: var(--next-text-color-secondary);
-    font-size: 0.813rem;
-    font-weight: 400;
-    padding: 0 1rem;
+  .line {
+    flex: 1;
+    height: 1px;
+    min-height: 1px;
+    width: calc(100% - 8rem);
+    background: var(--highlight-select-border);
+    margin: 0 4rem;
+    margin-top: -2rem;
   }
 </style>
diff --git a/packages/ui-next/src/components/NavigationList.svelte b/packages/ui-next/src/components/NavigationList.svelte
deleted file mode 100644
index be8e899dc7..0000000000
--- a/packages/ui-next/src/components/NavigationList.svelte
+++ /dev/null
@@ -1,76 +0,0 @@
-<!--
-// Copyright © 2025 Hardcore Engineering Inc.
-//
-// Licensed under the Eclipse Public License, Version 2.0 (the "License");
-// you may not use this file except in compliance with the License. You may
-// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
-//
-// Unless required by applicable law or agreed to in writing, software
-// distributed under the License is distributed on an "AS IS" BASIS,
-// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-//
-// See the License for the specific language governing permissions and
-// limitations under the License.
--->
-
-<script lang="ts">
-  import { createEventDispatcher } from 'svelte'
-
-  import { ButtonVariant, NavigationSection } from '../types'
-  import { Section } from '../index'
-  import NavItem from './NavItem.svelte'
-  import uiNext from '../plugin'
-  import Button from './Button.svelte'
-
-  export let sections: NavigationSection[] = []
-  export let selectedItem: string | undefined = undefined
-  export let selectedSection: string | undefined = undefined
-
-  const dispatch = createEventDispatcher()
-</script>
-
-<div class="navigation-list">
-  {#each sections as section (section.id)}
-    <Section
-      id={section.id}
-      title={section.title}
-      selected={selectedSection === section.id}
-      expanded={section.expanded}
-      on:toggle
-      on:click={() => {
-        dispatch('select', section.id)
-      }}
-    >
-      {#each section.items as item (item.id)}
-        <NavItem
-          label={item.label}
-          icon={item.icon}
-          selected={selectedItem === item.id}
-          notificationsCount={item.notificationsCount}
-          on:click={() => {
-            dispatch('selectItem', item.id)
-          }}
-        />
-      {/each}
-
-      {#if section.total > section.items.length}
-        <Button
-          labelIntl={uiNext.string.All}
-          labelParams={{ count: section.total }}
-          variant={ButtonVariant.Ghost}
-          on:click={() => dispatch('all', section.id)}
-        />
-      {/if}
-    </Section>
-  {/each}
-</div>
-
-<style lang="scss">
-  .navigation-list {
-    display: flex;
-    flex-direction: column;
-    gap: 0.5rem;
-    width: 100%;
-    overflow: hidden;
-  }
-</style>
diff --git a/packages/ui-next/src/components/Section.svelte b/packages/ui-next/src/components/Section.svelte
index 34811b5f7a..7cb7fb5611 100644
--- a/packages/ui-next/src/components/Section.svelte
+++ b/packages/ui-next/src/components/Section.svelte
@@ -16,6 +16,7 @@
 <script lang="ts">
   import { IntlString } from '@hcengineering/platform'
   import { createEventDispatcher } from 'svelte'
+  import { ButtonIcon } from '@hcengineering/ui'
 
   import Label from './Label.svelte'
   import IconArrowChevronRight from './icons/IconArrowChevronRight.svelte'
@@ -23,7 +24,6 @@
   import Divider from './Divider.svelte'
   import { IconComponent, Action } from '../types'
   import Icon from './Icon.svelte'
-  import Button from './Button.svelte'
 
   export let id: string
   export let title: IntlString
@@ -53,7 +53,9 @@
   <!-- svelte-ignore a11y-click-events-have-key-events -->
   <!-- svelte-ignore a11y-no-static-element-interactions -->
   <div class="section__header" class:selected on:click>
-    <div style:margin-left={`${1.25 * level}rem`} />
+    {#if level > 0}
+      <div style:margin-left={`${1.25 * level}rem`} />
+    {/if}
 
     <div class="section__arrow" on:click={toggleExpanded}>
       {#if !empty}
@@ -74,10 +76,11 @@
     {#if actions.length > 0}
       <div class="section__actions">
         {#each actions as action}
-          <Button
+          <ButtonIcon
             disabled={action.disabled}
             icon={action.icon}
             iconSize="small"
+            kind="tertiary"
             tooltip={{ label: action.label }}
             on:click={(e) => {
               if (action.disabled !== true) {
diff --git a/packages/ui-next/src/components/TextInput.svelte b/packages/ui-next/src/components/TextInput.svelte
index 9aadfaf5cc..ea47b7a58b 100644
--- a/packages/ui-next/src/components/TextInput.svelte
+++ b/packages/ui-next/src/components/TextInput.svelte
@@ -17,7 +17,7 @@
   import { IntlString } from '@hcengineering/platform'
   import { EmptyMarkup, isEmptyMarkup, areEqualMarkups } from '@hcengineering/text'
   import { TextEditorHandler } from '@hcengineering/text-editor'
-  import { handler, registerFocus } from '@hcengineering/ui'
+  import { Button, ButtonIcon, handler, registerFocus } from '@hcengineering/ui'
   import { FocusPosition } from '@tiptap/core'
   import { createEventDispatcher } from 'svelte'
   import { EditorView } from '@tiptap/pm/view'
@@ -29,13 +29,12 @@
     TextEditor
   } from '@hcengineering/text-editor-resources'
 
-  import Button from './Button.svelte'
   import IconSend from './icons/IconSend.svelte'
   import uiNext from '../plugin'
   import { IconComponent, TextInputAction } from '../types'
 
   export let content: Markup = EmptyMarkup
-  export let hasNonTextContent = false
+  export let hasChanges = false
   export let sendIcon: IconComponent | undefined = undefined
   export let sendLabel: IntlString | undefined = undefined
   export let placeholder: IntlString | undefined = undefined
@@ -58,15 +57,15 @@
 
   $: setContent(content)
 
-  function canSubmit (loading: boolean, content: Markup, hasNonTextContent: boolean): boolean {
+  function canSubmit (loading: boolean, content: Markup, hasChanges: boolean): boolean {
     if (loading) return false
 
     const isEmptyContent = isEmpty || isEmptyMarkup(content)
 
-    if (isEmptyContent && !hasNonTextContent) return false
+    if (isEmptyContent && !hasChanges) return false
 
     const isContentChanged = !areEqualMarkups(content, _initialContent)
-    return isContentChanged || hasNonTextContent
+    return isContentChanged || hasChanges
   }
 
   function setContent (content: Markup): void {
@@ -143,7 +142,9 @@
 
 <div class="text-input">
   {#if $$slots.header}
-    <slot name="header" />
+    <div class="text-input__header">
+      <slot name="header" />
+    </div>
   {/if}
   <div class="text-input__text">
     <TextEditor
@@ -159,7 +160,7 @@
       {placeholderParams}
       {onPaste}
       on:content={(ev) => {
-        if (canSubmit(loading, content, hasNonTextContent)) {
+        if (canSubmit(loading, content, hasChanges)) {
           dispatch('submit', ev.detail)
           content = EmptyMarkup
           editor?.clear?.()
@@ -185,10 +186,12 @@
   <div class="text_input__footer">
     <div class="text_input__actions">
       {#each sortedActions as action}
-        <Button
+        <ButtonIcon
           disabled={action.disabled}
           icon={action.icon}
           iconSize="small"
+          size="small"
+          kind="tertiary"
           tooltip={{ label: action.label }}
           on:click={handler(action, (a, evt) => {
             if (a.disabled !== true) {
@@ -202,15 +205,18 @@
       {#if onCancel !== undefined}
         <Button
           disabled={loading}
-          labelIntl={uiNext.string.Cancel}
-          tooltip={{ label: uiNext.string.Cancel }}
+          label={uiNext.string.Cancel}
+          kind="ghost"
+          showTooltip={{ label: uiNext.string.Cancel }}
           on:click={onCancel}
         />
       {/if}
-      <Button
+      <ButtonIcon
+        disabled={loading || !canSubmit(loading, content, hasChanges)}
         icon={sendIcon ?? IconSend}
         iconSize="small"
-        disabled={loading ?? !canSubmit(loading, content, hasNonTextContent)}
+        size="small"
+        kind="tertiary"
         tooltip={{ label: sendLabel ?? uiNext.string.Send }}
         on:click={submit}
       />
@@ -246,6 +252,13 @@
     justify-content: space-between;
     align-items: center;
     width: 100%;
+    min-width: 0;
+  }
+
+  .text-input__header {
+    display: flex;
+    width: 100%;
+    min-width: 0;
   }
 
   .text_input__actions {
diff --git a/packages/ui-next/src/components/message/MessageActionsPanel.svelte b/packages/ui-next/src/components/message/MessageActionsPanel.svelte
index b584d1d74d..40e93ec656 100644
--- a/packages/ui-next/src/components/message/MessageActionsPanel.svelte
+++ b/packages/ui-next/src/components/message/MessageActionsPanel.svelte
@@ -14,7 +14,7 @@
 -->
 
 <script lang="ts">
-  import { showPopup } from '@hcengineering/ui'
+  import { showPopup, ButtonIcon } from '@hcengineering/ui'
   import { Message } from '@hcengineering/communication-types'
   import { createEventDispatcher } from 'svelte'
   import emojiPlugin from '@hcengineering/emoji'
@@ -24,7 +24,6 @@
   import uiNext from '../../plugin'
   import { toggleReaction } from '../../utils'
   import { Action } from '../../types'
-  import Button from '../Button.svelte'
 
   export let message: Message
   export let editable: boolean = true
@@ -98,7 +97,14 @@
 
 <div class="message-actions-panel">
   {#each actions as action (action.id)}
-    <Button icon={action.icon} iconSize="medium" tooltip={{ label: action.label }} on:click={action.action} />
+    <ButtonIcon
+      icon={action.icon}
+      iconSize="small"
+      size="small"
+      kind="tertiary"
+      tooltip={{ label: action.label, direction: 'bottom' }}
+      on:click={action.action}
+    />
   {/each}
 </div>
 
@@ -107,7 +113,7 @@
     display: flex;
     background: var(--next-background-color);
     border: 1px solid var(--next-border-color);
-    padding: 0.25rem;
+    padding: 0.125rem;
     border-radius: 0.5rem;
     gap: 0.25rem;
     box-shadow: 0.5rem 0.75rem 1rem 0.25rem var(--color-huly-dark-grey-25);
diff --git a/packages/ui-next/src/components/message/MessageBody.svelte b/packages/ui-next/src/components/message/MessageBody.svelte
index 78ba99919a..91aa50037b 100644
--- a/packages/ui-next/src/components/message/MessageBody.svelte
+++ b/packages/ui-next/src/components/message/MessageBody.svelte
@@ -14,23 +14,25 @@
 -->
 
 <script lang="ts">
-  import { PersonPreviewProvider } from '@hcengineering/contact-resources'
+  import { PersonPreviewProvider, Avatar } from '@hcengineering/contact-resources'
   import { formatName, Person } from '@hcengineering/contact'
   import { Message } from '@hcengineering/communication-types'
   import { Card } from '@hcengineering/card'
 
-  import { AvatarSize } from '../../types'
   import uiNext from '../../plugin'
   import { toMarkup } from '../../utils'
   import MessageInput from './MessageInput.svelte'
   import Label from '../Label.svelte'
   import MessageContentViewer from './MessageContentViewer.svelte'
-  import Avatar from '../Avatar.svelte'
+  import MessageFooter from './MessageFooter.svelte'
 
   export let card: Card
   export let author: Person | undefined
   export let message: Message
   export let isEditing = false
+  export let compact: boolean = false
+  export let replies = true
+  export let hideAvatar: boolean = false
 
   function formatDate (date: Date): string {
     return date.toLocaleTimeString('default', {
@@ -40,53 +42,87 @@
   }
 </script>
 
-<div class="message__body">
-  <div class="message__avatar">
-    <PersonPreviewProvider value={author}>
-      <Avatar name={author?.name} avatar={author} size={AvatarSize.Small} />
-    </PersonPreviewProvider>
-  </div>
-  <div class="message__content">
-    <div class="message__header">
-      <PersonPreviewProvider value={author}>
-        <div class="message__username">
-          {formatName(author?.name ?? '')}
-        </div>
-      </PersonPreviewProvider>
+{#if compact}
+  <div class="message__body">
+    <div class="message__time message--time_hoverable">
       <div class="message__date">
         {formatDate(message.created)}
       </div>
-      {#if message.edited}
-        <div class="message__edited-marker">
-          <Label label={uiNext.string.Edited} />
-        </div>
-      {/if}
     </div>
-    {#if !isEditing}
-      <div class="message__text">
-        <MessageContentViewer {message} {card} />
-      </div>
-    {:else}
-      <MessageInput
-        {card}
-        {message}
-        content={toMarkup(message.content)}
-        onCancel={() => {
-          isEditing = false
-        }}
-        on:edited={() => {
-          isEditing = false
-        }}
-      />
-    {/if}
+
+    <div class="message__content">
+      {#if !isEditing && message.content !== ''}
+        <div class="message__text">
+          <MessageContentViewer {message} {card} />
+        </div>
+      {:else if isEditing}
+        <MessageInput
+          {card}
+          {message}
+          content={toMarkup(message.content)}
+          onCancel={() => {
+            isEditing = false
+          }}
+          on:edited={() => {
+            isEditing = false
+          }}
+        />
+      {/if}
+      <MessageFooter {message} {replies} files={!isEditing} />
+    </div>
   </div>
-</div>
+{:else}
+  <div class="message__body">
+    {#if !hideAvatar}
+      <div class="message__avatar">
+        <PersonPreviewProvider value={author}>
+          <Avatar name={author?.name} person={author} size="medium" />
+        </PersonPreviewProvider>
+      </div>
+    {/if}
+    <div class="message__content">
+      <div class="message__header">
+        <PersonPreviewProvider value={author}>
+          <div class="message__username">
+            {formatName(author?.name ?? '')}
+          </div>
+        </PersonPreviewProvider>
+        <div class="message__date">
+          {formatDate(message.created)}
+        </div>
+        {#if message.edited}
+          <div class="message__edited-marker">
+            (<Label label={uiNext.string.Edited} />)
+          </div>
+        {/if}
+      </div>
+      {#if !isEditing && message.content !== ''}
+        <div class="message__text">
+          <MessageContentViewer {message} {card} />
+        </div>
+      {:else if isEditing}
+        <MessageInput
+          {card}
+          {message}
+          content={toMarkup(message.content)}
+          onCancel={() => {
+            isEditing = false
+          }}
+          on:edited={() => {
+            isEditing = false
+          }}
+        />
+      {/if}
+      <MessageFooter {message} {replies} />
+    </div>
+  </div>
+{/if}
 
 <style lang="scss">
   .message__body {
     display: flex;
     align-items: flex-start;
-    gap: 0.75rem;
+    gap: 1rem;
     align-self: stretch;
     min-width: 0;
     overflow: hidden;
@@ -94,7 +130,7 @@
 
   .message__avatar {
     display: flex;
-    width: 2rem;
+    width: 2.5rem;
     flex-direction: column;
     align-items: center;
     align-self: stretch;
@@ -102,7 +138,6 @@
 
   .message__content {
     display: flex;
-    padding-bottom: 0.75rem;
     flex-direction: column;
     align-items: flex-start;
     gap: 0.375rem;
@@ -121,6 +156,7 @@
     color: var(--next-text-color-primary);
     font-size: 0.875rem;
     font-weight: 500;
+    white-space: nowrap;
   }
 
   .message__date {
@@ -141,11 +177,21 @@
     font-size: 0.875rem;
     font-style: normal;
     font-weight: 400;
-
-    display: flex;
     overflow: hidden;
     min-width: 0;
+    width: 100%;
     max-width: 100%;
     user-select: text;
+    flex: 1;
+  }
+
+  .message__time {
+    display: flex;
+    width: 2.5rem;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 1.313rem;
+    visibility: hidden;
   }
 </style>
diff --git a/packages/ui-next/src/components/message/MessageFooter.svelte b/packages/ui-next/src/components/message/MessageFooter.svelte
new file mode 100644
index 0000000000..1c8717afc2
--- /dev/null
+++ b/packages/ui-next/src/components/message/MessageFooter.svelte
@@ -0,0 +1,108 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { getClient } from '@hcengineering/presentation'
+  import cardPlugin, { Card } from '@hcengineering/card'
+  import { Ref } from '@hcengineering/core'
+  import { AttachmentPreview } from '@hcengineering/attachment-resources'
+  import { Message, MessageType } from '@hcengineering/communication-types'
+  import { openDoc } from '@hcengineering/view-resources'
+
+  import ReactionsList from '../ReactionsList.svelte'
+  import MessageReplies from './MessageReplies.svelte'
+  import { toggleReaction } from '../../utils'
+
+  export let message: Message
+  export let replies: boolean = true
+  export let files: boolean = true
+
+  function canReply (): boolean {
+    return message.type === MessageType.Message
+  }
+
+  async function handleReaction (event: CustomEvent<string>): Promise<void> {
+    event.preventDefault()
+    event.stopPropagation()
+    const emoji = event.detail
+    await toggleReaction(message, emoji)
+  }
+
+  async function handleReply (): Promise<void> {
+    if (!canReply()) return
+    const t = message.thread
+    if (t === undefined) return
+    const _id = t.thread
+    const client = getClient()
+    const c = await client.findOne(cardPlugin.class.Card, { _id: _id as Ref<Card> })
+    if (c === undefined) return
+    await openDoc(client.getHierarchy(), c)
+  }
+
+  $: isThread = message.thread != null
+</script>
+
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
+{#if !isThread && message.files.length > 0 && files}
+  <div class="message__files">
+    {#each message.files as file (file.blobId)}
+      <AttachmentPreview
+        value={{ file: file.blobId, type: file.type, name: file.filename, size: file.size, metadata: file.meta }}
+        imageSize="x-large"
+      />
+    {/each}
+  </div>
+{/if}
+{#if message.reactions.length > 0}
+  <div class="message__reactions">
+    <ReactionsList reactions={message.reactions} on:click={handleReaction} />
+  </div>
+{/if}
+{#if replies && message.thread && message.thread.repliesCount > 0}
+  <div class="message__replies overflow-label">
+    <MessageReplies
+      threadId={message.thread.thread}
+      count={message.thread.repliesCount}
+      lastReply={message.thread.lastReply}
+      on:click={handleReply}
+    />
+  </div>
+{/if}
+
+<style lang="scss">
+  .message__reactions {
+    padding-top: 0.25rem;
+  }
+
+  .message__replies {
+    padding-top: 0.5rem;
+    margin-left: -0.5rem;
+    padding-bottom: 0;
+    display: flex;
+    align-items: flex-start;
+    align-self: stretch;
+    overflow: hidden;
+  }
+
+  .message__files {
+    display: grid;
+    grid-gap: 0.75rem;
+    grid-template-columns: repeat(auto-fit, 25rem);
+    min-height: 2.5rem;
+    width: 100%;
+    overflow: hidden;
+  }
+</style>
diff --git a/packages/ui-next/src/components/message/MessageInput.svelte b/packages/ui-next/src/components/message/MessageInput.svelte
index b2fe9d6742..4236bbfb5d 100644
--- a/packages/ui-next/src/components/message/MessageInput.svelte
+++ b/packages/ui-next/src/components/message/MessageInput.svelte
@@ -16,10 +16,16 @@
 <script lang="ts">
   import { Markup, RateLimiter } from '@hcengineering/core'
   import { tick, createEventDispatcher, onDestroy } from 'svelte'
-  import { uploadFile, deleteFile, getCommunicationClient, getClient } from '@hcengineering/presentation'
+  import {
+    uploadFile,
+    deleteFile,
+    getCommunicationClient,
+    getClient,
+    getFileMetadata
+  } from '@hcengineering/presentation'
   import { Message } from '@hcengineering/communication-types'
   import { AttachmentPresenter } from '@hcengineering/attachment-resources'
-  import { isEmptyMarkup } from '@hcengineering/text'
+  import { areEqualMarkups, isEmptyMarkup, EmptyMarkup } from '@hcengineering/text'
   import { updateMyPresence } from '@hcengineering/presence-resources'
   import { ThrottledCaller } from '@hcengineering/ui'
   import { getCurrentEmployee } from '@hcengineering/contact'
@@ -31,7 +37,6 @@
   import IconPlus from '../icons/IconPlus.svelte'
   import { type TextInputAction, UploadedFile, type PresenceTyping } from '../../types'
   import TypingPresenter from '../TypingPresenter.svelte'
-
   export let card: Card
   export let message: Message | undefined = undefined
   export let content: Markup | undefined = undefined
@@ -45,7 +50,14 @@
   const client = getClient()
   const me = getCurrentEmployee()
 
-  let files: UploadedFile[] = []
+  let files: UploadedFile[] =
+    message?.files?.map((it) => ({
+      blobId: it.blobId,
+      type: it.type,
+      filename: it.filename,
+      size: it.size,
+      metadata: it.meta
+    })) ?? []
   let inputElement: HTMLInputElement
 
   let progress = false
@@ -78,7 +90,16 @@
     const { id, created } = await communicationClient.createMessage(card._id, card._class, markdown)
 
     for (const file of files) {
-      await communicationClient.createFile(card._id, id, created, file.blobId, file.type, file.filename, file.size)
+      await communicationClient.createFile(
+        card._id,
+        id,
+        created,
+        file.blobId,
+        file.type,
+        file.filename,
+        file.size,
+        file.metadata
+      )
     }
     await client.update(card, {}, false, Date.now())
   }
@@ -87,6 +108,7 @@
     await communicationClient.updateMessage(card._id, message.id, message.created, markdown)
 
     for (const file of files) {
+      if (message.files.find((it) => it.blobId === file.blobId)) continue
       await communicationClient.createFile(
         card._id,
         message.id,
@@ -94,10 +116,17 @@
         file.blobId,
         file.type,
         file.filename,
-        file.size
+        file.size,
+        file.metadata
       )
     }
 
+    for (const file of message.files) {
+      if (files.find((it) => it.blobId === file.blobId)) continue
+      void deleteFile(file.blobId)
+      await communicationClient.removeFile(card._id, message.id, message.created, file.blobId)
+    }
+
     dispatch('edited')
   }
 
@@ -120,12 +149,14 @@
 
   async function addFile (file: File): Promise<void> {
     const uuid = await uploadFile(file)
+    const metadata = await getFileMetadata(file, uuid)
 
     files.push({
       blobId: uuid,
       type: file.type,
       filename: file.name,
-      size: file.size
+      size: file.size,
+      metadata
     })
     files = files
   }
@@ -141,14 +172,20 @@
   }
   onDestroy(() => {
     for (const file of files) {
-      void deleteFile(file.blobId)
+      const fromMessage = message?.files.some((it) => it.blobId === file.blobId)
+      if (!fromMessage) {
+        void deleteFile(file.blobId)
+      }
     }
   })
 
   async function handleCancel (): Promise<void> {
     onCancel?.()
     for (const file of files) {
-      void deleteFile(file.blobId)
+      const fromMessage = message?.files.some((it) => it.blobId === file.blobId)
+      if (!fromMessage) {
+        void deleteFile(file.blobId)
+      }
     }
     files = []
   }
@@ -202,10 +239,11 @@
     progress = false
   }
 
+  let newMarkup: Markup | undefined = undefined
   async function onUpdate (event: CustomEvent<Markup>): Promise<void> {
     if (message !== undefined) return
-    const markup = event.detail
-    if (!isEmptyMarkup(markup)) {
+    newMarkup = event.detail
+    if (!isEmptyMarkup(newMarkup)) {
       throttle.call(() => {
         const room = { objectId: card._id, objectClass: card._class }
         const typing: PresenceTyping = { person: me, lastTyping: Date.now() }
@@ -213,8 +251,19 @@
       })
     }
   }
+
+  function hasChanges (files: UploadedFile[], message: Message | undefined): boolean {
+    if (message === undefined) return files.length > 0
+    if (message.files.length !== files.length) return true
+    if (message.files.some((it) => !files.some((f) => f.blobId === it.blobId))) return true
+    if (newMarkup === undefined || content === undefined) return false
+
+    return !areEqualMarkups(content, newMarkup ?? EmptyMarkup)
+  }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
+<!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
   class="flex-col no-print w-full"
   on:dragover|preventDefault={() => {}}
@@ -236,7 +285,7 @@
     placeholder={title !== '' ? uiNext.string.MessageIn : undefined}
     placeholderParams={title !== '' ? { title } : undefined}
     loading={progress}
-    hasNonTextContent={files.length > 0}
+    hasChanges={hasChanges(files, message)}
     actions={[...defaultMessageInputActions, attachAction]}
     on:submit={handleSubmit}
     on:update={onUpdate}
@@ -253,13 +302,17 @@
                   file: file.blobId,
                   name: file.filename,
                   type: file.type,
-                  size: file.size
+                  size: file.size,
+                  metadata: file.metadata
                 }}
+                showPreview
                 removable
                 on:remove={(result) => {
                   if (result !== undefined) {
                     files = files.filter((it) => it.blobId !== file.blobId)
-                    void deleteFile(file.blobId)
+                    if (!message?.files?.some((it) => it.blobId === file.blobId)) {
+                      void deleteFile(file.blobId)
+                    }
                   }
                 }}
               />
diff --git a/packages/ui-next/src/components/message/MessagePresenter.svelte b/packages/ui-next/src/components/message/MessagePresenter.svelte
index 72ffaf349a..b7fe29b370 100644
--- a/packages/ui-next/src/components/message/MessagePresenter.svelte
+++ b/packages/ui-next/src/components/message/MessagePresenter.svelte
@@ -16,20 +16,16 @@
 <script lang="ts">
   import { getPersonBySocialId, Person } from '@hcengineering/contact'
   import { getClient } from '@hcengineering/presentation'
-  import cardPlugin, { Card } from '@hcengineering/card'
-  import { getCurrentAccount, Ref } from '@hcengineering/core'
+  import { Card } from '@hcengineering/card'
+  import { getCurrentAccount } from '@hcengineering/core'
   import { getEventPositionElement, showPopup, Action as MenuAction } from '@hcengineering/ui'
   import { personByPersonIdStore } from '@hcengineering/contact-resources'
   import type { SocialID } from '@hcengineering/communication-types'
-  import { AttachmentPreview } from '@hcengineering/attachment-resources'
   import { Message, MessageType } from '@hcengineering/communication-types'
-  import { openDoc } from '@hcengineering/view-resources'
   import emojiPlugin from '@hcengineering/emoji'
 
-  import ReactionsList from '../ReactionsList.svelte'
   import Menu from '../Menu.svelte'
   import uiNext from '../../plugin'
-  import MessageReplies from './MessageReplies.svelte'
   import { toggleReaction, replyToThread } from '../../utils'
   import MessageActionsPanel from './MessageActionsPanel.svelte'
   import IconMessageMultiple from '../icons/IconMessageMultiple.svelte'
@@ -42,6 +38,8 @@
   export let editable: boolean = true
   export let replies: boolean = true
   export let padding: string | undefined = undefined
+  export let compact: boolean = false
+  export let hideAvatar: boolean = false
 
   const client = getClient()
   const me = getCurrentAccount()
@@ -76,13 +74,6 @@
     isEditing = true
   }
 
-  async function handleReaction (event: CustomEvent<string>): Promise<void> {
-    event.preventDefault()
-    event.stopPropagation()
-    const emoji = event.detail
-    await toggleReaction(message, emoji)
-  }
-
   function isInside (x: number, y: number, rect: DOMRect): boolean {
     return x >= rect.left && y >= rect.top && x <= rect.right && y <= rect.bottom
   }
@@ -117,28 +108,26 @@
 
       const actions: MenuAction[] = []
 
-      if (message.thread == null) {
-        actions.push({
-          label: uiNext.string.Emoji,
-          icon: emojiPlugin.icon.Emoji,
-          action: async (): Promise<void> => {
-            showPopup(
-              emojiPlugin.component.EmojiPopup,
-              {},
-              event.target as HTMLElement,
-              async (result) => {
-                const emoji = result?.text
-                if (emoji == null) {
-                  return
-                }
+      actions.push({
+        label: uiNext.string.Emoji,
+        icon: emojiPlugin.icon.Emoji,
+        action: async (): Promise<void> => {
+          showPopup(
+            emojiPlugin.component.EmojiPopup,
+            {},
+            event.target as HTMLElement,
+            async (result) => {
+              const emoji = result?.emoji
+              if (emoji == null) {
+                return
+              }
 
-                await toggleReaction(message, emoji)
-              },
-              () => {}
-            )
-          }
-        })
-      }
+              await toggleReaction(message, emoji)
+            },
+            () => {}
+          )
+        }
+      })
 
       if (canReply()) {
         actions.push({
@@ -164,17 +153,6 @@
 
   let isActionsOpened = false
 
-  async function handleReply (): Promise<void> {
-    if (!canReply()) return
-    const t = message.thread
-    if (t === undefined) return
-    const _id = t.thread
-    const client = getClient()
-    const c = await client.findOne(cardPlugin.class.Card, { _id: _id as Ref<Card> })
-    if (c === undefined) return
-    await openDoc(client.getHierarchy(), c)
-  }
-
   $: isThread = message.thread != null
 </script>
 
@@ -194,7 +172,6 @@
         {message}
         editable={canEdit()}
         canReply={canReply()}
-        canReact={!isThread}
         bind:isOpened={isActionsOpened}
         on:edit={handleEdit}
         on:reply={() => {
@@ -205,32 +182,9 @@
   {/if}
 
   {#if isThread || message.type === MessageType.Activity}
-    <OneRowMessageBody {message} {card} {author} />
+    <OneRowMessageBody {message} {card} {author} {replies} {hideAvatar} />
   {:else}
-    <MessageBody {message} {card} {author} bind:isEditing />
-  {/if}
-
-  {#if !isThread && message.files.length > 0}
-    <div class="message__files">
-      {#each message.files as file (file.blobId)}
-        <AttachmentPreview value={{ file: file.blobId, type: file.type, name: file.filename }} />
-      {/each}
-    </div>
-  {/if}
-  {#if !isThread && message.reactions.length > 0}
-    <div class="message__reactions">
-      <ReactionsList reactions={message.reactions} on:click={handleReaction} />
-    </div>
-  {/if}
-  {#if replies && message.thread && message.thread.repliesCount > 0}
-    <div class="message__replies overflow-label">
-      <MessageReplies
-        threadId={message.thread.thread}
-        count={message.thread.repliesCount}
-        lastReply={message.thread.lastReply}
-        on:click={handleReply}
-      />
-    </div>
+    <MessageBody {message} {card} {author} bind:isEditing {compact} {replies} {hideAvatar} />
   {/if}
 </div>
 
@@ -242,41 +196,25 @@
     align-self: stretch;
     min-width: 0;
     position: relative;
-    padding: 1rem 4rem;
+    padding: 0.5rem 4rem;
+
+    transition: background-color 0s ease 0s;
 
     &:hover:not(.noHover) {
-      background: var(--next-message-hover-color-background);
+      background: var(--global-ui-BackgroundColor);
+      transition: background-color 0s ease 0.5s;
       .message__actions {
         visibility: visible;
       }
     }
 
     &.active {
-      background: var(--next-message-hover-color-background);
+      background: var(--global-ui-BackgroundColor);
     }
   }
 
-  .message__reactions {
-    padding-top: 0.25rem;
-    margin-left: 2.75rem;
-  }
-
-  .message__replies {
-    padding-top: 0.5rem;
-    margin-left: 2.25rem;
-    padding-bottom: 0;
-    display: flex;
-    align-items: flex-start;
-    align-self: stretch;
-    overflow: hidden;
-  }
-
-  .message__files {
-    display: flex;
-    gap: 0.375rem;
-    overflow-x: auto;
-    margin-left: 2.75rem;
-    height: 18.75rem;
+  :global(.message:hover) :global(.message--time_hoverable) {
+    visibility: visible;
   }
 
   .message__actions {
diff --git a/packages/ui-next/src/components/message/MessageReplies.svelte b/packages/ui-next/src/components/message/MessageReplies.svelte
index b406913e51..1985c1fccc 100644
--- a/packages/ui-next/src/components/message/MessageReplies.svelte
+++ b/packages/ui-next/src/components/message/MessageReplies.svelte
@@ -20,11 +20,10 @@
   import { Collaborator, CardID } from '@hcengineering/communication-types'
   import contact, { Person } from '@hcengineering/contact'
   import { getCurrentAccount } from '@hcengineering/core'
+  import { Avatar } from '@hcengineering/contact-resources'
 
-  import Avatar from '../Avatar.svelte'
   import uiNext from '../../plugin'
   import Label from '../Label.svelte'
-  import { AvatarSize } from '../../types'
 
   export let threadId: CardID
   export let count: number
@@ -112,6 +111,7 @@
       translateCB(uiNext.string.WeekdayAt, { weekday, time }, lang, (res) => {
         displayDate = res
       })
+      return
     }
 
     const startOfYear = new Date(nowDate.getFullYear(), 0, 1, 0, 0, 0, 0)
@@ -130,6 +130,7 @@
       translateCB(uiNext.string.MonthAt, { month, time }, lang, (res) => {
         displayDate = res
       })
+      return
     }
 
     const year = date.toLocaleString('default', {
@@ -154,7 +155,7 @@
 <div class="replies" on:click>
   <div class="avatars">
     {#each persons as person}
-      <Avatar size={AvatarSize.XXSmall} avatar={person} name={person.name} />
+      <Avatar size="card" {person} name={person.name} />
     {/each}
   </div>
 
diff --git a/packages/ui-next/src/components/message/MessagesGroup.svelte b/packages/ui-next/src/components/message/MessagesGroup.svelte
index dd5ecb6141..b7c08d6c79 100644
--- a/packages/ui-next/src/components/message/MessagesGroup.svelte
+++ b/packages/ui-next/src/components/message/MessagesGroup.svelte
@@ -14,13 +14,14 @@
 -->
 
 <script lang="ts">
-  import { getCurrentAccount, Timestamp } from '@hcengineering/core'
+  import { getCurrentAccount, Timestamp, isOtherHour } from '@hcengineering/core'
   import { Message } from '@hcengineering/communication-types'
   import { Card } from '@hcengineering/card'
 
   import DateSeparator from '../DateSeparator.svelte'
   import MessagePresenter from './MessagePresenter.svelte'
   import MessagesSeparator from './MessagesSeparator.svelte'
+  import { isMessageEmpty } from '../../utils'
 
   export let card: Card
   export let date: Timestamp
@@ -46,10 +47,18 @@
   <DateSeparator {date} />
   <div class="messages-group__messages">
     {#each messages as message, index (message.id)}
+      {@const previousMessage = messages[index - 1]}
+      {@const compact =
+        previousMessage !== undefined &&
+        previousMessage.creator === message.creator &&
+        previousMessage.type === message.type &&
+        !isOtherHour(previousMessage.created.getTime(), message.created.getTime())}
       {#if separatorIndex !== 0 && index === separatorIndex}
         <MessagesSeparator bind:element={separatorDiv} />
       {/if}
-      <MessagePresenter {message} {card} editable={!readonly} />
+      {#if !isMessageEmpty(message)}
+        <MessagePresenter {message} {card} editable={!readonly} {compact} />
+      {/if}
     {/each}
   </div>
 </div>
diff --git a/packages/ui-next/src/components/message/OneRowMessageBody.svelte b/packages/ui-next/src/components/message/OneRowMessageBody.svelte
index f05a14d423..08f7cdbe50 100644
--- a/packages/ui-next/src/components/message/OneRowMessageBody.svelte
+++ b/packages/ui-next/src/components/message/OneRowMessageBody.svelte
@@ -14,18 +14,19 @@
 -->
 
 <script lang="ts">
-  import { PersonPreviewProvider } from '@hcengineering/contact-resources'
+  import { PersonPreviewProvider, Avatar } from '@hcengineering/contact-resources'
   import { formatName, Person } from '@hcengineering/contact'
   import { Message } from '@hcengineering/communication-types'
   import { Card } from '@hcengineering/card'
 
   import MessageContentViewer from './MessageContentViewer.svelte'
-  import Avatar from '../Avatar.svelte'
-  import { AvatarSize } from '../../types'
+  import MessageFooter from './MessageFooter.svelte'
 
   export let card: Card
   export let author: Person | undefined
   export let message: Message
+  export let replies = true
+  export let hideAvatar: boolean = false
 
   function formatDate (date: Date): string {
     return date.toLocaleTimeString('default', {
@@ -36,11 +37,13 @@
 </script>
 
 <div class="message__body">
-  <div class="message__avatar">
-    <PersonPreviewProvider value={author}>
-      <Avatar name={author?.name} avatar={author} size={AvatarSize.XXSmall} />
-    </PersonPreviewProvider>
-  </div>
+  {#if !hideAvatar}
+    <div class="message__avatar">
+      <PersonPreviewProvider value={author}>
+        <Avatar name={author?.name} person={author} size="x-small" />
+      </PersonPreviewProvider>
+    </div>
+  {/if}
   <div class="message__header">
     <PersonPreviewProvider value={author}>
       <div class="message__username">
@@ -56,12 +59,15 @@
     <MessageContentViewer {message} {card} />
   </div>
 </div>
+<div class="message__footer">
+  <MessageFooter {message} {replies} />
+</div>
 
 <style lang="scss">
   .message__body {
     display: flex;
     align-items: center;
-    gap: 0.75rem;
+    gap: 1rem;
     min-width: 0;
     overflow: hidden;
   }
@@ -70,8 +76,8 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    align-self: stretch;
-    width: 2rem;
+    justify-content: center;
+    width: 2.5rem;
   }
 
   .message__header {
@@ -84,6 +90,7 @@
     color: var(--next-text-color-primary);
     font-size: 0.875rem;
     font-weight: 500;
+    white-space: nowrap;
   }
 
   .message__date {
@@ -104,4 +111,10 @@
     max-width: 100%;
     user-select: text;
   }
+
+  .message__footer {
+    display: flex;
+    flex-direction: column;
+    margin-left: 3.5rem;
+  }
 </style>
diff --git a/packages/ui-next/src/components/message/ThreadMessageViewer.svelte b/packages/ui-next/src/components/message/ThreadMessageViewer.svelte
index 5de81fcd29..22b97953a3 100644
--- a/packages/ui-next/src/components/message/ThreadMessageViewer.svelte
+++ b/packages/ui-next/src/components/message/ThreadMessageViewer.svelte
@@ -19,6 +19,7 @@
   import cardPlugin, { Card } from '@hcengineering/card'
   import { ObjectPresenter } from '@hcengineering/view-resources'
   import { Label } from '@hcengineering/ui'
+  import { type Ref } from '@hcengineering/core'
 
   export let message: Message
   export let thread: Thread
@@ -31,7 +32,7 @@
 
   $: threadCardQuery.query(
     cardPlugin.class.Card,
-    { _id: thread.thread },
+    { _id: thread.thread as Ref<Card> },
     (res) => {
       threadCard = res[0]
     },
diff --git a/packages/ui-next/src/index.ts b/packages/ui-next/src/index.ts
index b091c20888..f6d0ca32a5 100644
--- a/packages/ui-next/src/index.ts
+++ b/packages/ui-next/src/index.ts
@@ -21,15 +21,12 @@ export * from './types'
 export { uiNextId }
 export default uiNext
 
-export { default as Avatar } from './components/Avatar.svelte'
 export { default as Icon } from './components/Icon.svelte'
 export { default as Label } from './components/Label.svelte'
 export { default as MessagePresenter } from './components/message/MessagePresenter.svelte'
 export { default as MessageInput } from './components/message/MessageInput.svelte'
 export { default as MessagesGroup } from './components/message/MessagesGroup.svelte'
 export { default as NavItem } from './components/NavItem.svelte'
-export { default as NavigationList } from './components/NavigationList.svelte'
 export { default as Section } from './components/Section.svelte'
 export { default as Divider } from './components/Divider.svelte'
-export { default as Button } from './components/Button.svelte'
 export { default as MessagesLoading } from './components/message/MessagesLoading.svelte'
diff --git a/packages/ui-next/src/types.ts b/packages/ui-next/src/types.ts
index dd8a33a9f7..3e64e6ab2c 100644
--- a/packages/ui-next/src/types.ts
+++ b/packages/ui-next/src/types.ts
@@ -17,7 +17,7 @@ import { type Asset, type IntlString } from '@hcengineering/platform'
 import { type ComponentType } from 'svelte'
 import { type TextEditorHandler } from '@hcengineering/text-editor'
 import { type BlobID } from '@hcengineering/communication-types'
-import type { Ref, Timestamp } from '@hcengineering/core'
+import type { BlobMetadata, Ref, Timestamp } from '@hcengineering/core'
 import type { Person } from '@hcengineering/contact'
 
 export interface NavigationSection {
@@ -38,40 +38,6 @@ export interface NavigationSectionItem {
 export type IconSize = 'x-small' | 'small' | 'medium' | 'large'
 export type IconComponent = Asset | ComponentType
 
-export enum AvatarSize {
-  XXSmall = 'xx-small',
-  XSmall = 'x-small',
-  Small = 'small',
-  Regular = 'regular',
-  Medium = 'medium',
-  Large = 'large',
-  XLarge = 'x-large',
-  XXLarge = 'xx-large',
-  XXXLarge = 'xxx-large'
-}
-
-export enum AvatarShape {
-  Circle = 'circle'
-}
-
-export enum ButtonVariant {
-  Default = 'default',
-  Ghost = 'ghost'
-}
-
-export enum ButtonType {
-  Submit = 'submit',
-  Reset = 'reset',
-  Button = 'button'
-}
-
-export enum ButtonSize {
-  Auto = 'auto',
-  Small = 'small',
-  Medium = 'medium',
-  Large = 'large'
-}
-
 export type TextInputActionFn = (element: HTMLElement, editor: TextEditorHandler, event?: MouseEvent) => void
 
 export interface TextInputAction {
@@ -87,6 +53,7 @@ export interface UploadedFile {
   type: string
   filename: string
   size: number
+  metadata?: BlobMetadata
 }
 
 export interface Action {
diff --git a/packages/ui-next/src/utils.ts b/packages/ui-next/src/utils.ts
index a3d68f0925..f129625cc6 100644
--- a/packages/ui-next/src/utils.ts
+++ b/packages/ui-next/src/utils.ts
@@ -146,3 +146,13 @@ function createThreadTitle (message: Message, parent: Card): string {
   const titleFromMessage = `${messageText.slice(0, 100)}${messageText.length > 100 ? '...' : ''}`
   return titleFromMessage.length > 0 ? titleFromMessage : `Thread from ${parent.title}`
 }
+
+export function isMessageEmpty (message: Message): boolean {
+  return (
+    message.content.trim() === '' &&
+    message.files.length === 0 &&
+    message.reactions.length === 0 &&
+    message.thread == null &&
+    message.edited == null
+  )
+}
diff --git a/packages/ui/src/components/Scroller.svelte b/packages/ui/src/components/Scroller.svelte
index de14cf8f3f..8b00a040d3 100644
--- a/packages/ui/src/components/Scroller.svelte
+++ b/packages/ui/src/components/Scroller.svelte
@@ -52,6 +52,7 @@
   export let containerName: string | undefined = undefined
   export let containerType: 'size' | 'inline-size' | undefined = containerName !== undefined ? 'inline-size' : undefined
   export let maxHeight: number | undefined = undefined
+  export let hideBar: boolean = false
 
   export function scroll (top: number, left?: number, behavior: 'auto' | 'smooth' = 'auto') {
     if (divScroll) {
@@ -133,10 +134,10 @@
           divBar.style.visibility = 'hidden'
         }
       } else {
-        if (divBar.style.visibility !== 'visible') {
+        if (!hideBar && divBar.style.visibility !== 'visible') {
           divBar.style.visibility = 'visible'
         }
-        if (divBar) {
+        if (divBar && !hideBar) {
           if (timer) {
             clearTimeout(timer)
             timer = undefined
diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte
index 8c51df1652..ce539a6c0f 100644
--- a/packages/ui/src/components/internal/Root.svelte
+++ b/packages/ui/src/components/internal/Root.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import platform, { OK, PlatformEvent, Severity, Status, addEventListener, getMetadata } from '@hcengineering/platform'
-  import { onDestroy } from 'svelte'
+  import { onDestroy, onMount } from 'svelte'
   import type { AnyComponent, WidthType } from '../../types'
   import { deviceSizes, deviceWidths } from '../../types'
   // import { applicationShortcutKey } from '../../utils'
@@ -21,9 +21,39 @@
   import Clock from './Clock.svelte'
   import RootBarExtension from './RootBarExtension.svelte'
   import Settings from './Settings.svelte'
+  import { isAppFocusedStore } from '../../stores'
 
   let application: AnyComponent | undefined
 
+  function updateAppFocused (isFocused: boolean): void {
+    const isFocusedCurrent = $isAppFocusedStore
+    const isFocusedNew = isFocused && !document.hidden && document.hasFocus()
+    if (isFocusedCurrent !== isFocusedNew) {
+      isAppFocusedStore.set(isFocusedNew)
+    }
+  }
+  function visibilityChangeHandler (): void {
+    updateAppFocused(!document.hidden)
+  }
+  function handleWindowFocus (): void {
+    updateAppFocused(true)
+  }
+  function handleWindowBlur (): void {
+    updateAppFocused(false)
+  }
+
+  onMount(() => {
+    document.addEventListener('visibilitychange', visibilityChangeHandler)
+    window.addEventListener('focus', handleWindowFocus)
+    window.addEventListener('blur', handleWindowBlur)
+  })
+
+  onDestroy(() => {
+    document.removeEventListener('visibilitychange', visibilityChangeHandler)
+    window.removeEventListener('focus', handleWindowFocus)
+    window.removeEventListener('blur', handleWindowBlur)
+  })
+
   onDestroy(
     location.subscribe((loc) => {
       const routes = getMetadata(uiPlugin.metadata.Routes) ?? new Map()
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index 3b92f14741..d12efa8327 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -300,6 +300,7 @@ export * from './colors'
 export * from './focus'
 export * from './resize'
 export * from './lazy'
+export * from './stores'
 
 export function createApp (target: HTMLElement): SvelteComponent {
   return new Root({ target })
diff --git a/packages/theme/styles/_next-vars.scss b/packages/ui/src/stores.ts
similarity index 52%
rename from packages/theme/styles/_next-vars.scss
rename to packages/ui/src/stores.ts
index 8c6555b9a2..8542d769b0 100644
--- a/packages/theme/styles/_next-vars.scss
+++ b/packages/ui/src/stores.ts
@@ -1,26 +1,16 @@
+// Copyright © 2025 Hardcore Engineering Inc.
 //
-// Copyright © 2021 Anticrm Platform Contributors.
-// 
 // Licensed under the Eclipse Public License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License. You may
 // obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
-// 
+//
 // Unless required by applicable law or agreed to in writing, software
 // distributed under the License is distributed on an "AS IS" BASIS,
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-// 
+//
 // See the License for the specific language governing permissions and
 // limitations under the License.
-//
 
-* {
-  --next-avatar-size-xxsmall: 1.5rem; /* 24px */
-  --next-avatar-size-xsmall: 1.75rem; /* 28px */
-  --next-avatar-size-small: 2rem; /* 32px */
-  --next-avatar-size-regular: 2.25rem; /* 36px */
-  --next-avatar-size-medium: 2.5rem; /* 40px */
-  --next-avatar-size-large: 3rem; /* 48px */
-  --next-avatar-size-xlarge: 4rem; /* 64px */
-  --next-avatar-size-xxlarge: 5rem; /* 80px */
-  --next-avatar-size-xxxlarge: 8rem; /* 128px */
-}
+import { writable } from 'svelte/store'
+
+export const isAppFocusedStore = writable(true)
diff --git a/plugins/activity-resources/package.json b/plugins/activity-resources/package.json
index 814ee539fe..9979621140 100644
--- a/plugins/activity-resources/package.json
+++ b/plugins/activity-resources/package.json
@@ -51,7 +51,7 @@
     "@hcengineering/ui-next": "^0.6.0",
     "@hcengineering/view": "^0.6.13",
     "@hcengineering/view-resources": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/emoji": "^0.6.0",
     "@hcengineering/emoji-resources": "^0.6.0",
     "svelte": "^4.2.19"
diff --git a/plugins/activity-resources/src/components/activity-info-message/ActivityInfoMessagePresenter.svelte b/plugins/activity-resources/src/components/activity-info-message/ActivityInfoMessagePresenter.svelte
index 5388f6b5cd..46f2c24e0e 100644
--- a/plugins/activity-resources/src/components/activity-info-message/ActivityInfoMessagePresenter.svelte
+++ b/plugins/activity-resources/src/components/activity-info-message/ActivityInfoMessagePresenter.svelte
@@ -31,7 +31,7 @@
   export let withActions: boolean = true
   export let actions: Action[] = []
   export let hoverable = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let hoverStyles: 'filledHover' = 'filledHover'
   export let hideLink = false
   export let readonly: boolean = false
   export let onClick: (() => void) | undefined = undefined
diff --git a/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte b/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte
index a940950f32..a6b99769d7 100644
--- a/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte
+++ b/plugins/activity-resources/src/components/activity-message/ActivityMessagePresenter.svelte
@@ -32,7 +32,7 @@
   export let skipLabel = false
   export let actions: Action[] = []
   export let hoverable = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let hoverStyles: 'filledHover' = 'filledHover'
   export let withShowMore: boolean = false
   export let attachmentImageSize: 'x-large' | undefined = undefined
   export let type: ActivityMessageViewType = 'default'
diff --git a/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte b/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
index 24b0cec77f..e161d04042 100644
--- a/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
+++ b/plugins/activity-resources/src/components/activity-message/ActivityMessageTemplate.svelte
@@ -58,7 +58,7 @@
   export let hoverable = true
   export let pending = false
   export let stale = false
-  export let hoverStyles: 'borderedHover' | 'filledHover' | 'none' = 'borderedHover'
+  export let hoverStyles: 'filledHover' | 'none' = 'filledHover'
   export let showDatePreposition = false
   export let type: ActivityMessageViewType = 'default'
   export let inlineActions: MessageInlineAction[] = []
@@ -177,7 +177,6 @@
       class:hoverable
       class:embedded
       class:actionsOpened={isActionsOpened}
-      class:borderedHover={hoverStyles === 'borderedHover'}
       class:filledHover={hoverStyles === 'filledHover'}
       class:stale
       on:click={onClick}
@@ -213,7 +212,7 @@
           {/if}
         </div>
       {/if}
-      <div class="flex-col ml-2 w-full clear-mins message-content">
+      <div class="flex-col w-full clear-mins message-content">
         {#if !isShort}
           <div class="header clear-mins">
             {#if person}
@@ -302,7 +301,7 @@
     position: relative;
     display: flex;
     flex-shrink: 0;
-    padding: 0.5rem 0.75rem 0.5rem 1rem;
+    padding: 0.5rem 1rem;
     gap: 1rem;
     //overflow: hidden;
     border: 1px solid transparent;
@@ -367,10 +366,6 @@
     }
 
     &.actionsOpened {
-      &.borderedHover {
-        border: 1px solid var(--global-ui-BackgroundColor);
-      }
-
       &.filledHover {
         background-color: var(--global-ui-BackgroundColor);
       }
@@ -378,10 +373,6 @@
 
     &.hoverable {
       &:hover:not(.embedded) {
-        &.borderedHover {
-          border: 1px solid var(--global-ui-BackgroundColor);
-        }
-
         &.filledHover {
           background-color: var(--global-ui-BackgroundColor);
         }
diff --git a/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte b/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte
index d5174576b0..25b9c700af 100644
--- a/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte
+++ b/plugins/activity-resources/src/components/activity-reference/ActivityReferencePresenter.svelte
@@ -39,7 +39,7 @@
   export let actions: Action[] = []
   export let skipLabel = false
   export let hoverable = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let hoverStyles: 'filledHover' = 'filledHover'
   export let hideLink = false
   export let compact = false
   export let readonly: boolean = false
diff --git a/plugins/activity-resources/src/components/doc-update-message/DocUpdateMessagePresenter.svelte b/plugins/activity-resources/src/components/doc-update-message/DocUpdateMessagePresenter.svelte
index 7dd9d9c504..3f14f16881 100644
--- a/plugins/activity-resources/src/components/doc-update-message/DocUpdateMessagePresenter.svelte
+++ b/plugins/activity-resources/src/components/doc-update-message/DocUpdateMessagePresenter.svelte
@@ -50,7 +50,7 @@
   export let actions: Action[] = []
   export let skipLabel = false
   export let hoverable = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let hoverStyles: 'filledHover' = 'filledHover'
   export let hideLink = false
   export let type: ActivityMessageViewType = 'default'
   export let readonly = false
diff --git a/plugins/attachment-resources/src/components/AttachmentPresenter.svelte b/plugins/attachment-resources/src/components/AttachmentPresenter.svelte
index 96e2de22cf..1491258d50 100644
--- a/plugins/attachment-resources/src/components/AttachmentPresenter.svelte
+++ b/plugins/attachment-resources/src/components/AttachmentPresenter.svelte
@@ -211,7 +211,7 @@
               </a>
             </div>
             <div class="info-content flex-row-center">
-              {#if isAttachment(value)}{filesize(value.size, { spacer: '' })}{/if}
+              {#if value.size != null}{filesize(value.size, { spacer: '' })}{/if}
               <span class="actions inline-flex clear-mins ml-1 gap-1">
                 <span>•</span>
                 <a class="no-line colorInherit" href={valueRef.src} download={value.name} bind:this={download}>
diff --git a/plugins/card-resources/package.json b/plugins/card-resources/package.json
index c30dcddcf2..ee75ddc44c 100644
--- a/plugins/card-resources/package.json
+++ b/plugins/card-resources/package.json
@@ -41,7 +41,7 @@
   "dependencies": {
     "@hcengineering/presence": "^0.6.0",
     "@hcengineering/presentation": "^0.6.3",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/ui": "^0.6.15",
     "@hcengineering/setting": "^0.6.17",
diff --git a/plugins/card-resources/src/components/Content.svelte b/plugins/card-resources/src/components/Content.svelte
index a16822e0ad..62d282491a 100644
--- a/plugins/card-resources/src/components/Content.svelte
+++ b/plugins/card-resources/src/components/Content.svelte
@@ -44,4 +44,4 @@
   />
 {/each}
 
-<Description {doc} {readonly} {showToc} bind:content minHeight={isFile ? '15vh' : '25vh'} on:loaded on:headings />
+<Description {doc} {readonly} {showToc} bind:content minHeight="4rem" on:loaded on:headings />
diff --git a/plugins/card-resources/src/components/Description.svelte b/plugins/card-resources/src/components/Description.svelte
index 19b672bf04..e78803578a 100644
--- a/plugins/card-resources/src/components/Description.svelte
+++ b/plugins/card-resources/src/components/Description.svelte
@@ -28,7 +28,7 @@
   export let doc: Card
   export let readonly: boolean = false
   export let content: HTMLElement
-  export let minHeight: '15vh' | '25vh' = '25vh'
+  export let minHeight: '15vh' | '25vh' | string = '25vh'
   export let showToc: boolean = true
 
   const client = getClient()
diff --git a/plugins/card-resources/src/components/EditCardNew.svelte b/plugins/card-resources/src/components/EditCardNew.svelte
index f3c92987b2..c2c46c5fd9 100644
--- a/plugins/card-resources/src/components/EditCardNew.svelte
+++ b/plugins/card-resources/src/components/EditCardNew.svelte
@@ -33,11 +33,10 @@
   import { ParentsNavigator, showMenu } from '@hcengineering/view-resources'
   import view from '@hcengineering/view'
   import { NotificationContext } from '@hcengineering/communication-types'
-  import { MessageInput } from '@hcengineering/ui-next'
 
   import card from '../plugin'
-  import EditCardTableOfContents from './EditCardTableOfContents.svelte'
   import TagsEditor from './TagsEditor.svelte'
+  import EditCardNewContent from './EditCardNewContent.svelte'
 
   export let _id: Ref<Card>
   export let readonly: boolean = false
@@ -92,30 +91,13 @@
       await client.update(doc, { title: nameTrimmed })
     }
   }
-
-  let content: EditCardTableOfContents | undefined = undefined
 </script>
 
 <FocusHandler {manager} />
 {#if doc !== undefined}
   <Panel isAside={false} isHeader={false} {embedded} {allowClose} adaptive="disabled" on:open on:close>
     <div class="main-content clear-mins">
-      {#if doc._id === _id}
-        {#key doc._id}
-          <EditCardTableOfContents bind:this={content} {doc} {readonly} {context} {isContextLoaded} />
-        {/key}
-      {/if}
-      {#if !readonly}
-        <div class="message-input">
-          <MessageInput
-            card={doc}
-            title={doc.title}
-            on:sent={() => {
-              content?.scrollDown()
-            }}
-          />
-        </div>
-      {/if}
+      <EditCardNewContent {_id} {doc} {readonly} {context} {isContextLoaded} />
     </div>
 
     <svelte:fragment slot="title">
@@ -199,21 +181,11 @@
     display: flex;
     flex-direction: column;
     flex: 1;
+    height: 100%;
   }
   .title {
     font-size: 1rem;
     flex: 1;
     min-width: 10rem;
   }
-
-  .message-input {
-    display: flex;
-    width: 100%;
-    flex-direction: column;
-    align-items: flex-start;
-    padding: 0 0.75rem;
-    min-height: 8.5rem;
-    max-height: 50%;
-    margin-top: auto;
-  }
 </style>
diff --git a/plugins/card-resources/src/components/EditCardNewContent.svelte b/plugins/card-resources/src/components/EditCardNewContent.svelte
new file mode 100644
index 0000000000..e65e43b6c1
--- /dev/null
+++ b/plugins/card-resources/src/components/EditCardNewContent.svelte
@@ -0,0 +1,81 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { Card } from '@hcengineering/card'
+  import { resizeObserver } from '@hcengineering/ui'
+  import { NotificationContext } from '@hcengineering/communication-types'
+  import { MessageInput } from '@hcengineering/ui-next'
+  import { Ref } from '@hcengineering/core'
+
+  import EditCardTableOfContents from './EditCardTableOfContents.svelte'
+
+  export let _id: Ref<Card>
+  export let doc: Card
+  export let context: NotificationContext | undefined = undefined
+  export let isContextLoaded: boolean = false
+  export let readonly: boolean = false
+
+  let scrollDiv: HTMLDivElement | undefined | null = undefined
+  let content: EditCardTableOfContents | undefined = undefined
+
+  let inputHeight = 0
+
+  function onInputResize (e: Element): void {
+    const delta = e.clientHeight - inputHeight
+    inputHeight = e.clientHeight
+    if (delta === 0) return
+    content?.hideScrollBar()
+    if (scrollDiv && delta > 0) {
+      const bottomOffset = Math.max(
+        0,
+        Math.floor(scrollDiv.scrollHeight - scrollDiv.scrollTop - scrollDiv.clientHeight - delta)
+      )
+      if (bottomOffset < 1) {
+        scrollDiv.scroll({ top: scrollDiv.scrollHeight, behavior: 'instant' })
+      }
+    }
+  }
+</script>
+
+{#if _id === doc._id}
+  {#key doc._id}
+    <EditCardTableOfContents bind:this={content} bind:scrollDiv {doc} {readonly} {context} {isContextLoaded} />
+  {/key}
+{/if}
+{#if !readonly}
+  <div class="message-input" use:resizeObserver={onInputResize}>
+    <MessageInput
+      card={doc}
+      title={doc.title}
+      on:sent={() => {
+        content?.hideScrollBar()
+        content?.scrollDown()
+      }}
+    />
+  </div>
+{/if}
+
+<style lang="scss">
+  .message-input {
+    display: flex;
+    width: 100%;
+    flex-direction: column;
+    align-items: flex-start;
+    padding: 0 0.75rem;
+    max-height: 50%;
+    margin-top: auto;
+  }
+</style>
diff --git a/plugins/card-resources/src/components/EditCardTableOfContents.svelte b/plugins/card-resources/src/components/EditCardTableOfContents.svelte
index 5db9d1d4c5..bc527dabdf 100644
--- a/plugins/card-resources/src/components/EditCardTableOfContents.svelte
+++ b/plugins/card-resources/src/components/EditCardTableOfContents.svelte
@@ -29,6 +29,7 @@
   export let context: NotificationContext | undefined = undefined
   export let isContextLoaded: boolean = false
   export let readonly: boolean = false
+  export let scrollDiv: HTMLDivElement | undefined | null = undefined
 
   const client = getClient()
 
@@ -50,10 +51,10 @@
   let toc: Heading[] = []
   let subTocBySection: Record<string, Heading[]> = {}
 
-  let scrollDiv: HTMLDivElement | undefined | null = undefined
   let isScrollInitialized = false
-
   let showOverlay = false
+  let timer: any
+  let hideBar: boolean = false
 
   function onNavigationClick (heading: Heading): void {
     selectedToc = heading
@@ -97,6 +98,10 @@
       sectionOverlays[section] = action.show
       sectionOverlays = sectionOverlays
     }
+
+    if (action.id === 'hideScrollBar') {
+      hideScrollBar()
+    }
   }
 
   function updateToc (sections: CardSection[], tocBySection: Record<string, Heading[]>): void {
@@ -152,6 +157,16 @@
     }
   }
 
+  export function hideScrollBar (): void {
+    hideBar = true
+    if (timer) {
+      clearTimeout(timer)
+    }
+    timer = setTimeout(() => {
+      hideBar = false
+    }, 1000)
+  }
+
   function handleScroll (): void {
     if (scrollDiv == null || showOverlay) return
     const allLoaded = sections.every(({ _id }) => sectionLoaded[_id] === true)
@@ -197,6 +212,7 @@
     </div>
     <Scroller
       padding="0"
+      {hideBar}
       bottomPadding="var(--spacing-3)"
       disablePointerEventsOnScroll
       bind:divScroll={scrollDiv}
diff --git a/plugins/card-resources/src/components/FilePlaceholder.svelte b/plugins/card-resources/src/components/FilePlaceholder.svelte
index f40dd17165..58da6f9c78 100644
--- a/plugins/card-resources/src/components/FilePlaceholder.svelte
+++ b/plugins/card-resources/src/components/FilePlaceholder.svelte
@@ -34,7 +34,8 @@
       name,
       type,
       metadata,
-      file: uuid
+      file: uuid,
+      size: file.size
     }
     await client.update(doc, {
       blobs
diff --git a/plugins/card-resources/src/components/navigator-next/NavigatorCards.svelte b/plugins/card-resources/src/components/navigator-next/NavigatorCards.svelte
index c1148d43a4..4f71b9f985 100644
--- a/plugins/card-resources/src/components/navigator-next/NavigatorCards.svelte
+++ b/plugins/card-resources/src/components/navigator-next/NavigatorCards.svelte
@@ -22,9 +22,10 @@
     createQuery,
     getClient
   } from '@hcengineering/presentation'
-  import uiNext, { Button, ButtonVariant, NavItem } from '@hcengineering/ui-next'
+  import uiNext, { NavItem } from '@hcengineering/ui-next'
   import { createEventDispatcher } from 'svelte'
-  import { Label, NotificationContext } from '@hcengineering/communication-types'
+  import { Label, NotificationContext, NotificationType } from '@hcengineering/communication-types'
+  import { Button } from '@hcengineering/ui'
 
   import type { CardsNavigatorConfig } from '../../types'
   import cardPlugin from '../../plugin'
@@ -105,13 +106,14 @@
       {
         card: ids ?? cards.map((it) => it._id),
         notifications: {
+          type: NotificationType.Message,
           order: SortingOrder.Descending,
           read: false,
           limit: 10
         }
       },
       (res) => {
-        contextByCard = new Map(res.getResult().map((it) => [it.card, it]))
+        contextByCard = new Map(res.getResult().map((it) => [it.card as Ref<Card>, it]))
       }
     )
   } else {
@@ -153,8 +155,8 @@
           secondLabel={card.$lookup?.parent?.title}
           icon={clazz.icon ?? cardPlugin.icon.Card}
           selected={selectedCard === card._id}
-          paddingLeft="1.75rem"
-          notify={context && context.lastUpdate.getTime() > context.lastView.getTime()}
+          paddingLeft="2.75rem"
+          notify={(context?.notifications?.length ?? 0) > 0}
           notificationsCount={context?.notifications?.length ?? 0}
           on:click={(e) => {
             e.stopPropagation()
@@ -167,10 +169,12 @@
       {#if total > cards.length}
         <div class="all-button">
           <Button
-            labelIntl={uiNext.string.All}
+            label={uiNext.string.All}
             labelParams={{ count: total }}
-            variant={ButtonVariant.Ghost}
-            on:click={() => {
+            kind={'ghost'}
+            on:click={(e) => {
+              e.stopPropagation()
+              e.preventDefault()
               limit += config.limit
             }}
           />
diff --git a/plugins/card-resources/src/plugin.ts b/plugins/card-resources/src/plugin.ts
index 0d90b37d15..55caa8f8d3 100644
--- a/plugins/card-resources/src/plugin.ts
+++ b/plugins/card-resources/src/plugin.ts
@@ -46,7 +46,6 @@ export default mergeIds(cardId, card, {
     CardArrayEditor: '' as AnyComponent,
     NewCardHeader: '' as AnyComponent,
     SpacePresenter: '' as AnyComponent,
-    LabelsPresenter: '' as AnyComponent,
     RolesSection: '' as AnyComponent,
     EditRole: '' as AnyComponent,
     CardWidget: '' as AnyComponent
@@ -98,7 +97,6 @@ export default mergeIds(cardId, card, {
     SelectType: '' as IntlString,
     CreateSpace: '' as IntlString,
     NumberTypes: '' as IntlString,
-    Labels: '' as IntlString,
     Properties: '' as IntlString,
     NoChildren: '' as IntlString
   }
diff --git a/plugins/card-resources/src/types.ts b/plugins/card-resources/src/types.ts
index 3cd4f55da1..b4e17bece1 100644
--- a/plugins/card-resources/src/types.ts
+++ b/plugins/card-resources/src/types.ts
@@ -52,4 +52,8 @@ export interface CardOverlayAction {
   show: boolean
 }
 
-export type CardSectionAction = CardTocAction | CardOverlayAction
+export interface CardHideScrollBarAction {
+  id: 'hideScrollBar'
+}
+
+export type CardSectionAction = CardTocAction | CardOverlayAction | CardHideScrollBarAction
diff --git a/plugins/card/src/index.ts b/plugins/card/src/index.ts
index 57b0fdc308..42c1eb52df 100644
--- a/plugins/card/src/index.ts
+++ b/plugins/card/src/index.ts
@@ -139,7 +139,8 @@ const cardPlugin = plugin(cardId, {
     Card: '' as IntlString,
     Cards: '' as IntlString,
     CardApplication: '' as IntlString,
-    Views: '' as IntlString
+    Views: '' as IntlString,
+    Labels: '' as IntlString
   },
   section: {
     Attachments: '' as Ref<CardSection>,
@@ -150,6 +151,9 @@ const cardPlugin = plugin(cardId, {
   },
   ids: {
     CardWidget: '' as Ref<Doc>
+  },
+  component: {
+    LabelsPresenter: '' as AnyComponent
   }
 })
 
diff --git a/plugins/chat-resources/package.json b/plugins/chat-resources/package.json
index dbdc63b93d..f346c58172 100644
--- a/plugins/chat-resources/package.json
+++ b/plugins/chat-resources/package.json
@@ -42,7 +42,7 @@
     "@hcengineering/card": "^0.6.0",
     "@hcengineering/card-resources": "^0.6.0",
     "@hcengineering/chat": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/contact-resources": "^0.6.0",
     "@hcengineering/core": "^0.6.32",
diff --git a/plugins/chat-resources/src/components/ChatNavigation.svelte b/plugins/chat-resources/src/components/ChatNavigation.svelte
index 9678181bfa..06eb67a7fc 100644
--- a/plugins/chat-resources/src/components/ChatNavigation.svelte
+++ b/plugins/chat-resources/src/components/ChatNavigation.svelte
@@ -38,9 +38,9 @@
       { type: chat.masterTag.Channel, order: 2 }
     ],
     fixedTypes: [chat.masterTag.Thread, chat.masterTag.Channel],
-    defaultSorting: 'alphabetical',
+    defaultSorting: 'recent',
     specialSorting: {
-      [chat.masterTag.Thread]: 'recent'
+      [chat.masterTag.Channel]: 'alphabetical'
     }
   }}
   applicationId={chatId}
diff --git a/plugins/chat-resources/src/components/ChatNavigationCategoryList.svelte b/plugins/chat-resources/src/components/ChatNavigationCategoryList.svelte
index dd7a505ba8..7e88251ca0 100644
--- a/plugins/chat-resources/src/components/ChatNavigationCategoryList.svelte
+++ b/plugins/chat-resources/src/components/ChatNavigationCategoryList.svelte
@@ -69,17 +69,15 @@
       }
     },
     {
-      displayProps: {
-        fixed: 'right',
-        key: 'parent'
-      },
+      key: '',
+      presenter: card.component.LabelsPresenter,
+      label: card.string.Labels,
+      props: { fullSize: true }
+    },
+    {
       key: 'parent'
     },
     {
-      displayProps: {
-        fixed: 'right',
-        key: 'createdOn'
-      },
       key: 'createdOn'
     }
   ]
diff --git a/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte b/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte
index 5e6d9a897e..5ba103df7d 100644
--- a/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte
+++ b/plugins/chunter-resources/src/components/chat-message/ChatMessagePresenter.svelte
@@ -49,7 +49,7 @@
   export let actions: Action[] = []
   export let hoverable = true
   export let inline = false
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let hoverStyles: 'filledHover' = 'filledHover'
   export let withShowMore: boolean = true
   export let attachmentImageSize: AttachmentImageSize = 'x-large'
   export let videoPreload = false
diff --git a/plugins/chunter-resources/src/components/inline-comment/InlineCommentPresenter.svelte b/plugins/chunter-resources/src/components/inline-comment/InlineCommentPresenter.svelte
index 2668c18380..a97236a049 100644
--- a/plugins/chunter-resources/src/components/inline-comment/InlineCommentPresenter.svelte
+++ b/plugins/chunter-resources/src/components/inline-comment/InlineCommentPresenter.svelte
@@ -35,7 +35,7 @@
   export let skipLabel = false
   export let actions: Action[] = []
   export let hoverable = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' | 'none' = 'borderedHover'
+  export let hoverStyles: 'filledHover' | 'none' = 'filledHover'
   export let withShowMore: boolean = true
   export let hideLink = false
   export let compact = false
diff --git a/plugins/chunter-resources/src/components/threads/ThreadMessagePresenter.svelte b/plugins/chunter-resources/src/components/threads/ThreadMessagePresenter.svelte
index 49205c35ea..a8ed02581b 100644
--- a/plugins/chunter-resources/src/components/threads/ThreadMessagePresenter.svelte
+++ b/plugins/chunter-resources/src/components/threads/ThreadMessagePresenter.svelte
@@ -36,7 +36,7 @@
   export let hoverable = true
   export let inline = false
   export let withShowMore: boolean = true
-  export let hoverStyles: 'borderedHover' | 'filledHover' = 'borderedHover'
+  export let hoverStyles: 'filledHover' = 'filledHover'
   export let attachmentImageSize: AttachmentImageSize = 'x-large'
   export let videoPreload = false
   export let readonly = false
diff --git a/plugins/client-resources/package.json b/plugins/client-resources/package.json
index 8cf6f7a409..427cba5a0e 100644
--- a/plugins/client-resources/package.json
+++ b/plugins/client-resources/package.json
@@ -40,8 +40,8 @@
   "dependencies": {
     "@hcengineering/analytics": "^0.6.0",
     "@hcengineering/client": "^0.6.18",
-    "@hcengineering/communication-sdk-types": "0.1.180",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-sdk-types": "0.1.187",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/platform": "^0.6.11",
     "@hcengineering/rpc": "^0.6.5",
diff --git a/plugins/communication-assets/assets/icons.svg b/plugins/communication-assets/assets/icons.svg
new file mode 100644
index 0000000000..22aad22c6d
--- /dev/null
+++ b/plugins/communication-assets/assets/icons.svg
@@ -0,0 +1,22 @@
+<!-- Copyright © 2025 Hardcore Engineering Inc. -->
+<!-- -->
+<!-- Licensed under the Eclipse Public License, Version 2.0 (the "License"); -->
+<!-- you may not use this file except in compliance with the License. You may -->
+<!-- obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0 -->
+<!-- -->
+<!-- Unless required by applicable law or agreed to in writing, software -->
+<!-- distributed under the License is distributed on an "AS IS" BASIS, -->
+<!-- WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. -->
+<!-- -->
+<!-- See the License for the specific language governing permissions and -->
+<!-- limitations under the License. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+    <symbol id="bell" viewBox="0 0 16 16">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V2.02746C5.25002 2.27619 3.5 4.18372 3.5 6.5V7.44766C3.5 8.01534 3.3068 8.56611 2.95217 9.00939L2.09004 10.0871C1.70809 10.5645 1.5 11.1577 1.5 11.7691C1.5 12.4489 2.05108 13 2.73087 13H6C6 13.2626 6.05173 13.5227 6.15224 13.7654C6.25275 14.008 6.40007 14.2285 6.58579 14.4142C6.7715 14.5999 6.99198 14.7472 7.23463 14.8478C7.47728 14.9483 7.73736 15 8 15C8.26264 15 8.52272 14.9483 8.76537 14.8478C9.00802 14.7472 9.2285 14.5999 9.41421 14.4142C9.59993 14.2285 9.74725 14.008 9.84776 13.7654C9.94827 13.5227 10 13.2626 10 13H13.2691C13.9489 13 14.5 12.4489 14.5 11.7691C14.5 11.1577 14.2919 10.5645 13.91 10.0871L13.0478 9.00939C12.6932 8.56611 12.5 8.01534 12.5 7.44766V6.5C12.5 4.18372 10.75 2.27619 8.5 2.02746V1.5ZM9 13H7C7 13.1313 7.02587 13.2614 7.07612 13.3827C7.12638 13.504 7.20003 13.6142 7.29289 13.7071C7.38575 13.8 7.49599 13.8736 7.61732 13.9239C7.73864 13.9741 7.86868 14 8 14C8.13132 14 8.26136 13.9741 8.38268 13.9239C8.50401 13.8736 8.61425 13.8 8.70711 13.7071C8.79997 13.6142 8.87362 13.504 8.92388 13.3827C8.97413 13.2614 9 13.1313 9 13ZM2.5 11.7691C2.5 11.8966 2.60336 12 2.73087 12H13.2691C13.3966 12 13.5 11.8966 13.5 11.7691C13.5 11.3848 13.3692 11.0119 13.1291 10.7118L12.267 9.63409C11.7705 9.01349 11.5 8.24241 11.5 7.44766V6.5C11.5 4.567 9.933 3 8 3C6.067 3 4.5 4.567 4.5 6.5V7.44766C4.5 8.24241 4.22952 9.01349 3.73304 9.63409L2.87091 10.7118C2.63081 11.0119 2.5 11.3848 2.5 11.7691Z" />
+    </symbol>
+    <symbol id="bell-crossed" viewBox="0 0 16 16">
+        <path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 1.5C8.5 1.22386 8.27614 1 8 1C7.72386 1 7.5 1.22386 7.5 1.5V2.02746C5.25002 2.27619 3.5 4.18372 3.5 6.5V7.44766C3.5 8.01534 3.3068 8.56611 2.95217 9.00939L2.09004 10.0871C1.70809 10.5645 1.5 11.1577 1.5 11.7691C1.5 12.4489 2.05108 13 2.73087 13H6C6 13.2626 6.05173 13.5227 6.15224 13.7654C6.25275 14.008 6.40007 14.2285 6.58579 14.4142C6.7715 14.5999 6.99198 14.7472 7.23463 14.8478C7.47728 14.9483 7.73736 15 8 15C8.26264 15 8.52272 14.9483 8.76537 14.8478C9.00802 14.7472 9.2285 14.5999 9.41421 14.4142C9.59993 14.2285 9.74725 14.008 9.84776 13.7654C9.94827 13.5227 10 13.2626 10 13H13.2691C13.9489 13 14.5 12.4489 14.5 11.7691C14.5 11.1577 14.2919 10.5645 13.91 10.0871L13.0478 9.00939C12.6932 8.56611 12.5 8.01534 12.5 7.44766V6.5C12.5 4.18372 10.75 2.27619 8.5 2.02746V1.5ZM9 13H7C7 13.1313 7.02587 13.2614 7.07612 13.3827C7.12638 13.504 7.20003 13.6142 7.29289 13.7071C7.38575 13.8 7.49599 13.8736 7.61732 13.9239C7.73864 13.9741 7.86868 14 8 14C8.13132 14 8.26136 13.9741 8.38268 13.9239C8.50401 13.8736 8.61425 13.8 8.70711 13.7071C8.79997 13.6142 8.87362 13.504 8.92388 13.3827C8.97413 13.2614 9 13.1313 9 13ZM2.5 11.7691C2.5 11.8966 2.60336 12 2.73087 12H13.2691C13.3966 12 13.5 11.8966 13.5 11.7691C13.5 11.3848 13.3692 11.0119 13.1291 10.7118L12.267 9.63409C11.7705 9.01349 11.5 8.24241 11.5 7.44766V6.5C11.5 4.567 9.933 3 8 3C6.067 3 4.5 4.567 4.5 6.5V7.44766C4.5 8.24241 4.22952 9.01349 3.73304 9.63409L2.87091 10.7118C2.63081 11.0119 2.5 11.3848 2.5 11.7691Z"/>
+        <path d="M1 15L15 1" stroke="currentColor" stroke-linecap="round"/>
+    </symbol>
+</svg>
diff --git a/plugins/communication-assets/lang/cs.json b/plugins/communication-assets/lang/cs.json
index 7d4400488f..156cd576da 100644
--- a/plugins/communication-assets/lang/cs.json
+++ b/plugins/communication-assets/lang/cs.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Zprávy",
     "FirstMessages": "První zprávy",
-    "LatestMessages": "Poslední zprávy"
+    "LatestMessages": "Poslední zprávy",
+    "Subscribe": "Přihlásit se",
+    "Unsubscribe": "Odhlásit se"
   }
 }
diff --git a/plugins/communication-assets/lang/de.json b/plugins/communication-assets/lang/de.json
index cbfa9ab836..a2bfeb13d6 100644
--- a/plugins/communication-assets/lang/de.json
+++ b/plugins/communication-assets/lang/de.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Nachrichten",
     "FirstMessages": "Erste Nachrichten",
-    "LatestMessages": "Neueste Nachrichten"
+    "LatestMessages": "Neueste Nachrichten",
+    "Subscribe": "Abonnieren",
+    "Unsubscribe": "Abbestellen"
   }
 }
diff --git a/plugins/communication-assets/lang/en.json b/plugins/communication-assets/lang/en.json
index 47b8a78847..761e40f5b6 100644
--- a/plugins/communication-assets/lang/en.json
+++ b/plugins/communication-assets/lang/en.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Messages",
     "FirstMessages": "First messages",
-    "LatestMessages": "Latest messages"
+    "LatestMessages": "Latest messages",
+    "Subscribe": "Subscribe",
+    "Unsubscribe": "Unsubscribe"
   }
 }
diff --git a/plugins/communication-assets/lang/es.json b/plugins/communication-assets/lang/es.json
index d5d7dd197d..b1ea8c778f 100644
--- a/plugins/communication-assets/lang/es.json
+++ b/plugins/communication-assets/lang/es.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Mensajes",
     "FirstMessages": "Primeros Mensajes",
-    "LatestMessages": "Últimos Mensajes"
+    "LatestMessages": "Últimos Mensajes",
+    "Subscribe": "Suscribirse",
+    "Unsubscribe": "Anular suscripción"
   }
 }
diff --git a/plugins/communication-assets/lang/fr.json b/plugins/communication-assets/lang/fr.json
index f8991ee894..55cf1a5935 100644
--- a/plugins/communication-assets/lang/fr.json
+++ b/plugins/communication-assets/lang/fr.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Messages",
     "FirstMessages": "Premiers messages",
-    "LatestMessages": "Derniers messages"
+    "LatestMessages": "Derniers messages",
+    "Subscribe": "S'abonner",
+    "Unsubscribe": "Se désabonner"
   }
 }
diff --git a/plugins/communication-assets/lang/it.json b/plugins/communication-assets/lang/it.json
index adaa4453e1..74c2c18300 100644
--- a/plugins/communication-assets/lang/it.json
+++ b/plugins/communication-assets/lang/it.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Messaggi",
     "FirstMessages": "Primi Messaggi",
-    "LatestMessages": "Ultimi Messaggi"
+    "LatestMessages": "Ultimi Messaggi",
+    "Subscribe": "Iscriviti",
+    "Unsubscribe": "Disiscriviti"
   }
 }
diff --git a/plugins/communication-assets/lang/ja.json b/plugins/communication-assets/lang/ja.json
index e47aca35f4..c87e30950b 100644
--- a/plugins/communication-assets/lang/ja.json
+++ b/plugins/communication-assets/lang/ja.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "メッセージ",
     "FirstMessages": "最初のメッセージ",
-    "LatestMessages": "最新のメッセージ"
+    "LatestMessages": "最新のメッセージ",
+    "Subscribe": "購読",
+    "Unsubscribe": "購読解除"
   }
 }
diff --git a/plugins/communication-assets/lang/pt.json b/plugins/communication-assets/lang/pt.json
index dadfbe8e94..75ec08c77b 100644
--- a/plugins/communication-assets/lang/pt.json
+++ b/plugins/communication-assets/lang/pt.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Mensagens",
     "FirstMessages": "Primeiras Mensagens",
-    "LatestMessages": "Últimas Mensagens"
+    "LatestMessages": "Últimas Mensagens",
+    "Subscribe": "Subscrever",
+    "Unsubscribe": "Cancelar subscrição"
   }
 }
diff --git a/plugins/communication-assets/lang/ru.json b/plugins/communication-assets/lang/ru.json
index b0112deebd..7e06e1aeec 100644
--- a/plugins/communication-assets/lang/ru.json
+++ b/plugins/communication-assets/lang/ru.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "Сообщения",
     "FirstMessages": "Первые сообщения",
-    "LatestMessages": "Последние сообщения"
+    "LatestMessages": "Последние сообщения",
+    "Subscribe": "Подписаться",
+    "Unsubscribe": "Отписаться"
   }
 }
diff --git a/plugins/communication-assets/lang/zh.json b/plugins/communication-assets/lang/zh.json
index d7363bd27f..71b3b3cc74 100644
--- a/plugins/communication-assets/lang/zh.json
+++ b/plugins/communication-assets/lang/zh.json
@@ -2,6 +2,8 @@
   "string": {
     "Messages": "消息",
     "FirstMessages": "第一条消息",
-    "LatestMessages": "最新消息"
+    "LatestMessages": "最新消息",
+    "Subscribe": "订阅",
+    "Unsubscribe": "取消订阅"
   }
 }
diff --git a/plugins/communication-assets/src/index.ts b/plugins/communication-assets/src/index.ts
index 0cca826d02..d285bde902 100644
--- a/plugins/communication-assets/src/index.ts
+++ b/plugins/communication-assets/src/index.ts
@@ -13,7 +13,12 @@
 // limitations under the License.
 //
 
-import { addStringsLoader } from '@hcengineering/platform'
-import { communicationId } from '@hcengineering/communication'
+import { addStringsLoader, loadMetadata } from '@hcengineering/platform'
+import communication, { communicationId } from '@hcengineering/communication'
 
+const icons = require('../assets/icons.svg') as string // eslint-disable-line
+loadMetadata(communication.icon, {
+  Bell: `${icons}#bell`,
+  BellCrossed: `${icons}#bell-crossed`
+})
 addStringsLoader(communicationId, async (lang: string) => await import(`../lang/${lang}.json`))
diff --git a/plugins/communication-resources/package.json b/plugins/communication-resources/package.json
index 252db58376..402c2aba0a 100644
--- a/plugins/communication-resources/package.json
+++ b/plugins/communication-resources/package.json
@@ -44,7 +44,7 @@
   "dependencies": {
     "@hcengineering/card": "^0.6.0",
     "@hcengineering/communication": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/contact-resources": "^0.6.0",
     "@hcengineering/core": "^0.6.32",
diff --git a/plugins/communication-resources/src/components/CardMessagesSection.svelte b/plugins/communication-resources/src/components/CardMessagesSection.svelte
index 1a534d2487..9523b7cddb 100644
--- a/plugins/communication-resources/src/components/CardMessagesSection.svelte
+++ b/plugins/communication-resources/src/components/CardMessagesSection.svelte
@@ -69,6 +69,7 @@
       shouldScrollToStart={active && position === MessagesNavigationAnchors.ConversationStart && shouldScrollToStart}
       {isLoadingBefore}
       on:change
+      on:action
       on:loaded={() => {
         dispatch('action', { id: 'overlay', show: false })
         dispatch('loaded')
diff --git a/plugins/communication-resources/src/components/Messages.svelte b/plugins/communication-resources/src/components/Messages.svelte
index b2879ade8b..db23444ed6 100644
--- a/plugins/communication-resources/src/components/Messages.svelte
+++ b/plugins/communication-resources/src/components/Messages.svelte
@@ -13,12 +13,24 @@
 
 <script lang="ts">
   import { Card } from '@hcengineering/card'
-  import { type Message, NotificationContext, Window } from '@hcengineering/communication-types'
-  import { createMessagesQuery, getCommunicationClient, type MessageQueryParams } from '@hcengineering/presentation'
+  import {
+    type Message,
+    NotificationContext,
+    Window,
+    NotificationType,
+    Notification
+  } from '@hcengineering/communication-types'
+  import {
+    createMessagesQuery,
+    getCommunicationClient,
+    type MessageQueryParams,
+    createNotificationsQuery
+  } from '@hcengineering/presentation'
   import { getCurrentAccount, SortingOrder } from '@hcengineering/core'
   import { createEventDispatcher, onDestroy, onMount, tick } from 'svelte'
   import { MessagesGroup as MessagesGroupPresenter, MessagesLoading } from '@hcengineering/ui-next'
   import { MessagesNavigationAnchors } from '@hcengineering/communication'
+  import { isAppFocusedStore } from '@hcengineering/ui'
 
   import { createMessagesObserver, getGroupDay, groupMessagesByDay, MessagesGroup } from '../messages'
 
@@ -35,6 +47,7 @@
   const me = getCurrentAccount()
   const communicationClient = getCommunicationClient()
   const query = createMessagesQuery()
+  const notificationsQuery = createNotificationsQuery()
 
   const scrollToNewThreshold = 50
 
@@ -44,6 +57,7 @@
   let separatorDiv: HTMLDivElement | null | undefined = undefined
 
   let messages: Message[] = []
+  let reactionNotifications: Notification[] = []
   let groups: MessagesGroup[] = []
   let window: Window<Message> | undefined = undefined
   let isLoading = true
@@ -56,7 +70,7 @@
   let restore: { scrollHeight: number } | undefined = undefined
   let prevPosition: MessagesNavigationAnchors = position
 
-  const limit = 10
+  const limit = 50
   const unread = initialLastView != null && initialLastUpdate != null && initialLastUpdate > initialLastView
   let queryDef = getBaseQuery()
 
@@ -77,11 +91,31 @@
     void onUpdate(messages)
   })
 
+  $: if (context !== undefined) {
+    void notificationsQuery.query(
+      {
+        context: context.id,
+        read: false,
+        type: NotificationType.Reaction
+      },
+      (res) => {
+        reactionNotifications = res.getResult()
+      }
+    )
+  } else {
+    notificationsQuery.unsubscribe()
+  }
+
   const mo = new MutationObserver(() => {
     if (!isScrollInitialized) return
 
     if (atBottom) {
-      scrollToBottom()
+      dispatch('action', { id: 'hideScrollBar' })
+      if (!$isAppFocusedStore) {
+        scrollToStartOfNew()
+      } else {
+        scrollToBottom(true)
+      }
     }
   })
 
@@ -103,7 +137,7 @@
         contentDiv?.scrollIntoView({ behavior: 'instant', block: 'start' })
       }
     } else if (position === MessagesNavigationAnchors.LatestMessages && window && !window.hasNextPage()) {
-      scrollToBottom()
+      scrollToBottom(true)
     } else {
       queryDef = getBaseQuery()
       window = undefined
@@ -213,18 +247,21 @@
     }
   }
 
-  function scrollToBottom (): void {
+  function scrollToBottom (forced = false): void {
+    if (!$isAppFocusedStore && !forced) return
     scrollDiv.scroll({ top: scrollDiv.scrollHeight, behavior: 'instant' })
   }
 
   function restoreScroll (): void {
-    if (restore == null) return
+    if (restore == null || !$isAppFocusedStore) return
+    dispatch('action', { id: 'hideScrollBar' })
     const newScrollHeight = scrollDiv.scrollHeight
     scrollDiv.scrollTop = newScrollHeight - restore.scrollHeight + scrollDiv.scrollTop
     restore = undefined
   }
 
   function checkPositionOnScroll (): void {
+    if (!isScrollInitialized || isPageLoading) return
     const topOffset = getTopOffset()
     const bottomOffset = getBottomOffset()
 
@@ -253,6 +290,103 @@
     updateShouldScrollToNew()
     loadMore()
     checkPositionOnScroll()
+    void readAll()
+  }
+
+  $: updateSeparator($isAppFocusedStore, context)
+  $: readViewport($isAppFocusedStore)
+
+  function updateSeparator (isAppFocused: boolean, context: NotificationContext | undefined): void {
+    if (isAppFocused || context == null || window == null) return
+    const separatorIndex = messages.findIndex(
+      ({ created, creator }) => !me.socialIds.includes(creator) && created.getTime() > context.lastView.getTime()
+    )
+    if (separatorIndex === -1) return
+    separatorDate = messages[separatorIndex].created
+  }
+
+  function readViewport (isAppFocused: boolean): void {
+    if (!isAppFocused || context == null || window == null) return
+
+    const containerRect = scrollDiv.getBoundingClientRect()
+    const items = Array.from(contentDiv.getElementsByClassName('message')).reverse()
+
+    const visible: Element[] = []
+
+    for (const item of items) {
+      const rect = item.getBoundingClientRect()
+
+      const isVisible = rect.top < containerRect.bottom && rect.bottom > containerRect.top
+
+      if (isVisible) {
+        visible.push(item)
+      }
+
+      if (!isVisible && visible.length > 0) {
+        break
+      }
+    }
+    if (visible.length === 0) return
+
+    const message = messages.find((it) => it.id === visible[0].id)
+    if (message == null) return
+
+    readMessage(message.created)
+
+    for (const item of visible) {
+      const reaction = reactionNotifications.find((it) => it.messageId === item.id)
+      if (reaction != null) {
+        void communicationClient.updateNotifications(
+          reaction.context,
+          {
+            id: reaction.id
+          },
+          true
+        )
+      }
+    }
+  }
+
+  function scrollToStartOfNew (): void {
+    if (!shouldScrollToNew) return
+    updateSeparator($isAppFocusedStore, context)
+    if (separatorDate == null) {
+      scrollToBottom(true)
+      return
+    }
+
+    const firstNewMessageIndex = messages.findIndex(
+      ({ created, creator }) =>
+        separatorDate && !me.socialIds.includes(creator) && created.getTime() === separatorDate.getTime()
+    )
+
+    if (firstNewMessageIndex === -1) return
+    const msg = messages[firstNewMessageIndex]
+    if (msg == null) return
+
+    const messagesElement = contentDiv.querySelector(`[id="${msg.id}"]`)
+    if (messagesElement == null) return
+    const topOffset = messagesElement.getBoundingClientRect().top - 100
+    const bottomOffset = getBottomOffset()
+    if (topOffset < 0) return
+
+    if (bottomOffset < topOffset) {
+      scrollToBottom(true)
+    } else {
+      scrollDiv.scrollBy({ top: topOffset, behavior: 'instant' })
+    }
+  }
+
+  async function readAll (): Promise<void> {
+    if (window == null || context == null || !isScrollInitialized || window.hasNextPage() || !$isAppFocusedStore) return
+
+    if ((newLastView ?? context.lastView).getTime() >= context.lastUpdate.getTime()) {
+      return
+    }
+    const bottomOffset = getBottomOffset()
+    if (bottomOffset < 10) {
+      readMessage(new Date())
+    }
   }
 
   async function onUpdate (res: Message[]): Promise<void> {
@@ -265,7 +399,10 @@
 
     restoreScroll()
 
-    if (shouldScrollToNew && prevCount > 0 && isScrollInitialized) {
+    if (!$isAppFocusedStore) {
+      scrollToStartOfNew()
+    } else if (shouldScrollToNew && prevCount > 0 && isScrollInitialized) {
+      dispatch('action', { id: 'hideScrollBar' })
       scrollToBottom()
     }
   }
@@ -297,15 +434,29 @@
     if (unsubscribeObserver != null) return
 
     unsubscribeObserver = createMessagesObserver(contentDiv, (messageDiv) => {
+      if (!$isAppFocusedStore) return
       const id = messageDiv.id
       const message = messages.find((it) => it.id === id)
       if (message === undefined) return
       const shouldRead = newLastView == null || message.created > newLastView
+      const reactionsToRead = reactionNotifications.filter((it) => it.messageId === message.id)
 
       if (shouldRead) {
         newLastView = message.created
         readMessage(message.created)
       }
+
+      if (reactionsToRead.length > 0) {
+        for (const reaction of reactionsToRead) {
+          void communicationClient.updateNotifications(
+            reaction.context,
+            {
+              id: reaction.id
+            },
+            true
+          )
+        }
+      }
     })
   }
 
@@ -352,7 +503,7 @@
 
     if (separatorIndex === -1) {
       await tick() // Wait for the DOM to update
-      scrollToBottom()
+      scrollToBottom(true)
       shouldScrollToNew = true
       atBottom = true
       isScrollInitialized = true
diff --git a/plugins/communication-resources/src/index.ts b/plugins/communication-resources/src/index.ts
index de0a3cd72f..3deab0ce09 100644
--- a/plugins/communication-resources/src/index.ts
+++ b/plugins/communication-resources/src/index.ts
@@ -16,9 +16,18 @@
 import { type Resources } from '@hcengineering/platform'
 
 import CardMessagesSection from './components/CardMessagesSection.svelte'
+import { unsubscribe, subscribe, canSubscribe, canUnsubscribe } from './utils'
 
 export default async (): Promise<Resources> => ({
   component: {
     CardMessagesSection
+  },
+  action: {
+    Unsubscribe: unsubscribe,
+    Subscribe: subscribe
+  },
+  function: {
+    CanSubscribe: canSubscribe,
+    CanUnsubscribe: canUnsubscribe
   }
 })
diff --git a/plugins/communication-resources/src/messages.ts b/plugins/communication-resources/src/messages.ts
index a33c39ad0a..4982add9c1 100644
--- a/plugins/communication-resources/src/messages.ts
+++ b/plugins/communication-resources/src/messages.ts
@@ -14,6 +14,8 @@
 //
 
 import { type Message } from '@hcengineering/communication-types'
+import { isAppFocusedStore } from '@hcengineering/ui'
+import { get } from 'svelte/store'
 
 export interface MessagesGroup {
   day: number
@@ -57,9 +59,10 @@ export function createMessagesObserver (
   const messageObserver = new IntersectionObserver(
     (entries) => {
       entries.forEach((entry) => {
-        if (entry.isIntersecting) {
+        if (!get(isAppFocusedStore)) return
+        const isIntersecting = entry.isIntersecting
+        if (isIntersecting) {
           onMessageView(entry.target as HTMLDivElement)
-          messageObserver.unobserve(entry.target)
         }
       })
     },
diff --git a/plugins/communication-resources/src/utils.ts b/plugins/communication-resources/src/utils.ts
new file mode 100644
index 0000000000..5fd671307f
--- /dev/null
+++ b/plugins/communication-resources/src/utils.ts
@@ -0,0 +1,49 @@
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { getCommunicationClient } from '@hcengineering/presentation'
+import { type Card } from '@hcengineering/card'
+import { getCurrentAccount } from '@hcengineering/core'
+import { getMetadata } from '@hcengineering/platform'
+
+import communication from './plugin'
+
+export async function unsubscribe (card: Card): Promise<void> {
+  const client = getCommunicationClient()
+  const me = getCurrentAccount()
+  await client.removeCollaborators(card._id, [me.uuid])
+}
+
+export async function subscribe (card: Card): Promise<void> {
+  const client = getCommunicationClient()
+  const me = getCurrentAccount()
+  await client.addCollaborators(card._id, card._class, [me.uuid])
+}
+
+export async function canSubscribe (card: Card): Promise<boolean> {
+  const isEnabled = getMetadata(communication.metadata.Enabled) === true
+  if (!isEnabled) return false
+  const client = getCommunicationClient()
+  const me = getCurrentAccount()
+  const collaborator = (await client.findCollaborators({ card: card._id, account: me.uuid, limit: 1 }))[0]
+  return collaborator === undefined
+}
+
+export async function canUnsubscribe (card: Card): Promise<boolean> {
+  const isEnabled = getMetadata(communication.metadata.Enabled) === true
+  if (!isEnabled) return false
+  const client = getCommunicationClient()
+  const me = getCurrentAccount()
+  const collaborator = (await client.findCollaborators({ card: card._id, account: me.uuid, limit: 1 }))[0]
+  return collaborator !== undefined
+}
diff --git a/plugins/communication/src/index.ts b/plugins/communication/src/index.ts
index 41fb48f399..15785c83d5 100644
--- a/plugins/communication/src/index.ts
+++ b/plugins/communication/src/index.ts
@@ -11,7 +11,7 @@
 // See the License for the specific language governing permissions and
 // limitations under the License.
 
-import { IntlString, Metadata, plugin, Plugin } from '@hcengineering/platform'
+import { Asset, IntlString, Metadata, plugin, Plugin } from '@hcengineering/platform'
 import { CardSection } from '@hcengineering/card'
 import { Ref } from '@hcengineering/core'
 
@@ -23,13 +23,19 @@ export * from './types'
 export const communicationId = 'communication' as Plugin
 
 export default plugin(communicationId, {
+  icon: {
+    Bell: '' as Asset,
+    BellCrossed: '' as Asset
+  },
   metadata: {
     Enabled: '' as Metadata<boolean>
   },
   string: {
     Messages: '' as IntlString,
     FirstMessages: '' as IntlString,
-    LatestMessages: '' as IntlString
+    LatestMessages: '' as IntlString,
+    Subscribe: '' as IntlString,
+    Unsubscribe: '' as IntlString
   },
   ids: {
     CardMessagesSection: '' as Ref<CardSection>
diff --git a/plugins/inbox-resources/package.json b/plugins/inbox-resources/package.json
index c11ba056d7..5576315028 100644
--- a/plugins/inbox-resources/package.json
+++ b/plugins/inbox-resources/package.json
@@ -40,7 +40,7 @@
   "dependencies": {
     "@hcengineering/analytics": "^0.6.0",
     "@hcengineering/card": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/contact-resources": "^0.6.0",
     "@hcengineering/core": "^0.6.32",
diff --git a/plugins/inbox-resources/src/components/InboxApplication.svelte b/plugins/inbox-resources/src/components/InboxApplication.svelte
index b7d0465a35..4825f4175f 100644
--- a/plugins/inbox-resources/src/components/InboxApplication.svelte
+++ b/plugins/inbox-resources/src/components/InboxApplication.svelte
@@ -25,7 +25,7 @@
     Component
   } from '@hcengineering/ui'
   import { onDestroy } from 'svelte'
-  import { getClient, getCommunicationClient } from '@hcengineering/presentation'
+  import { getClient } from '@hcengineering/presentation'
   import { inboxId } from '@hcengineering/inbox'
   import view from '@hcengineering/view'
   import { NotificationContext } from '@hcengineering/communication-types'
@@ -34,7 +34,6 @@
   import { getCardIdFromLocation, navigateToCard } from '../location'
 
   const client = getClient()
-  const communicationClient = getCommunicationClient()
 
   let replacedPanelElement: HTMLElement
   let card: Card | undefined = undefined
@@ -63,19 +62,16 @@
     }
   }
 
-  async function readCard (context: NotificationContext): Promise<void> {
-    const lastView = context.notifications?.[0]?.created
-    if (lastView == null) return
-    await communicationClient.updateNotificationContext(context.id, lastView)
-  }
-
   function selectCard (event: CustomEvent<{ context: NotificationContext, card: Card }>): void {
-    void readCard(event.detail.context)
     if (card?._id === event.detail.card._id) return
     card = event.detail.card
     navigateToCard(card._id)
   }
 
+  function handleClose (): void {
+    navigateToCard(undefined)
+  }
+
   onDestroy(
     resolvedLocationStore.subscribe((loc) => {
       void syncLocation(loc)
@@ -124,6 +120,7 @@
           _id: card._id,
           embedded: true
         }}
+        on:close={handleClose}
       />
     {/if}
   </div>
diff --git a/plugins/inbox-resources/src/components/InboxCard.svelte b/plugins/inbox-resources/src/components/InboxCard.svelte
index 650082834f..f3c09412ba 100644
--- a/plugins/inbox-resources/src/components/InboxCard.svelte
+++ b/plugins/inbox-resources/src/components/InboxCard.svelte
@@ -17,18 +17,31 @@
   import { NotificationContext, Notification } from '@hcengineering/communication-types'
   import { Card } from '@hcengineering/card'
   import { createEventDispatcher } from 'svelte'
+  import { getCommunicationClient } from '@hcengineering/presentation'
 
   import InboxNotification from './InboxNotification.svelte'
   import InboxCardIcon from './InboxCardIcon.svelte'
+  import { CheckBox, Spinner } from '@hcengineering/ui'
 
   export let context: NotificationContext
   export let card: Card
   export let selected: boolean = false
 
   const dispatch = createEventDispatcher()
+  const communicationClient = getCommunicationClient()
 
   let displayNotifications: Notification[] = []
   $: displayNotifications = (context.notifications ?? []).filter((it) => it.message != null).slice(0, 3)
+
+  let isRemoving = false
+  async function handleCheck (): Promise<void> {
+    isRemoving = true
+    try {
+      await communicationClient.removeNotificationContext(context.id)
+    } finally {
+      isRemoving = false
+    }
+  }
 </script>
 
 <!-- svelte-ignore a11y-click-events-have-key-events -->
@@ -47,10 +60,18 @@
         {card.title}
       </span>
     </div>
+
+    <div class="remove-checkbox flex-center min-w-6">
+      {#if isRemoving}
+        <Spinner size="small" />
+      {:else}
+        <CheckBox kind="todo" size="medium" on:value={handleCheck} />
+      {/if}
+    </div>
   </div>
   <div class="content">
     <div class="notifications">
-      {#each displayNotifications as notification (notification.messageId)}
+      {#each displayNotifications as notification}
         <InboxNotification {notification} {card} />
       {/each}
     </div>
@@ -63,7 +84,9 @@
     position: relative;
     flex-direction: column;
     cursor: pointer;
-    padding: var(--spacing-1_5) var(--spacing-1);
+    padding: 0 1rem;
+    padding-top: 1rem;
+    padding-bottom: 0.5rem;
     border-bottom: 1px solid var(--global-ui-BorderColor);
     min-height: 5.625rem;
 
@@ -115,4 +138,10 @@
     display: flex;
     width: 100%;
   }
+
+  .remove-checkbox {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+  }
 </style>
diff --git a/plugins/inbox-resources/src/components/InboxNavigation.svelte b/plugins/inbox-resources/src/components/InboxNavigation.svelte
index fe6c33ac95..371977e51f 100644
--- a/plugins/inbox-resources/src/components/InboxNavigation.svelte
+++ b/plugins/inbox-resources/src/components/InboxNavigation.svelte
@@ -85,6 +85,5 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    padding: 8px;
   }
 </style>
diff --git a/plugins/inbox-resources/src/components/InboxNotification.svelte b/plugins/inbox-resources/src/components/InboxNotification.svelte
index f2d1b210b2..a6ba6d3c5e 100644
--- a/plugins/inbox-resources/src/components/InboxNotification.svelte
+++ b/plugins/inbox-resources/src/components/InboxNotification.svelte
@@ -14,24 +14,18 @@
 -->
 
 <script lang="ts">
-  import { Notification } from '@hcengineering/communication-types'
-  import { MessagePresenter } from '@hcengineering/ui-next'
+  import { Notification, NotificationType } from '@hcengineering/communication-types'
   import { Card } from '@hcengineering/card'
 
+  import MessageNotification from './MessageNotification.svelte'
+  import ReactionNotification from './ReactionNotification.svelte'
+
   export let notification: Notification
   export let card: Card
 </script>
 
-{#if notification.message}
-  <div class="notification">
-    <MessagePresenter {card} message={notification.message} editable={false} padding="0.5rem 1rem" />
-  </div>
+{#if notification.type === NotificationType.Message}
+  <MessageNotification {notification} {card} />
+{:else if notification.type === NotificationType.Reaction}
+  <ReactionNotification {notification} {card} />
 {/if}
-
-<style lang="scss">
-  .notification {
-    position: relative;
-    cursor: pointer;
-    user-select: none;
-  }
-</style>
diff --git a/plugins/inbox-resources/src/components/MessageNotification.svelte b/plugins/inbox-resources/src/components/MessageNotification.svelte
new file mode 100644
index 0000000000..f2d1b210b2
--- /dev/null
+++ b/plugins/inbox-resources/src/components/MessageNotification.svelte
@@ -0,0 +1,37 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { Notification } from '@hcengineering/communication-types'
+  import { MessagePresenter } from '@hcengineering/ui-next'
+  import { Card } from '@hcengineering/card'
+
+  export let notification: Notification
+  export let card: Card
+</script>
+
+{#if notification.message}
+  <div class="notification">
+    <MessagePresenter {card} message={notification.message} editable={false} padding="0.5rem 1rem" />
+  </div>
+{/if}
+
+<style lang="scss">
+  .notification {
+    position: relative;
+    cursor: pointer;
+    user-select: none;
+  }
+</style>
diff --git a/plugins/inbox-resources/src/components/ReactionNotification.svelte b/plugins/inbox-resources/src/components/ReactionNotification.svelte
new file mode 100644
index 0000000000..c0bf01ed2a
--- /dev/null
+++ b/plugins/inbox-resources/src/components/ReactionNotification.svelte
@@ -0,0 +1,112 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+
+<script lang="ts">
+  import { Notification, ReactionNotificationContent, SocialID } from '@hcengineering/communication-types'
+  import { MessagePresenter } from '@hcengineering/ui-next'
+  import { Card } from '@hcengineering/card'
+  import { formatName, getPersonBySocialId, Person } from '@hcengineering/contact'
+  import { getClient } from '@hcengineering/presentation'
+  import { Avatar, personByPersonIdStore, PersonPreviewProvider } from '@hcengineering/contact-resources'
+
+  export let notification: Notification
+  export let card: Card
+
+  const client = getClient()
+  let content: ReactionNotificationContent = notification.content as ReactionNotificationContent
+  $: content = notification.content as ReactionNotificationContent
+
+  let author: Person | undefined
+  $: void updateAuthor(content.creator)
+
+  async function updateAuthor (socialId: SocialID): Promise<void> {
+    author = $personByPersonIdStore.get(socialId)
+
+    if (author === undefined) {
+      author = await getPersonBySocialId(client, socialId)
+    }
+  }
+</script>
+
+{#if notification.message}
+  <div class="notification">
+    <div class="header">
+      <div class="author">
+        <PersonPreviewProvider value={author}>
+          <div class="author__avatar">
+            <Avatar name={author?.name} person={author} size="tiny" />
+          </div>
+          <div class="author__name">
+            {formatName(author?.name ?? '')}
+          </div>
+        </PersonPreviewProvider>
+      </div>
+      reacted
+    </div>
+    <div class="message">
+      <div class="emoji">
+        {content.emoji}
+      </div>
+      <MessagePresenter {card} message={notification.message} editable={false} hideAvatar padding="0.5rem 1rem" />
+    </div>
+  </div>
+{/if}
+
+<style lang="scss">
+  .header {
+    display: flex;
+    gap: 0.25rem;
+    color: var(--global-secondary-TextColor);
+    margin-left: 1rem;
+  }
+
+  .author {
+    display: flex;
+    align-items: center;
+    gap: 0.25rem;
+  }
+
+  .author__avatar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    margin-right: 1rem;
+  }
+
+  .author__name {
+    font-weight: 500;
+  }
+
+  .message {
+    display: flex;
+    margin-left: 1rem;
+  }
+
+  .emoji {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 2rem;
+    width: 2.5rem;
+    height: 2.5rem;
+    margin-top: 0.75rem;
+  }
+  .notification {
+    position: relative;
+    cursor: pointer;
+    user-select: none;
+  }
+</style>
diff --git a/plugins/inbox-resources/src/location.ts b/plugins/inbox-resources/src/location.ts
index c20d39dfde..05bc5cbd8f 100644
--- a/plugins/inbox-resources/src/location.ts
+++ b/plugins/inbox-resources/src/location.ts
@@ -27,11 +27,16 @@ export function getCardIdFromLocation (loc: Location): Ref<Card> | undefined {
   return loc.path[3] as Ref<Card>
 }
 
-export function navigateToCard (_id: Ref<Card>): void {
+export function navigateToCard (_id?: Ref<Card>): void {
   const loc = getCurrentResolvedLocation()
 
   loc.path[2] = inboxId
-  loc.path[3] = _id
+  if (_id == null) {
+    loc.path[3] = ''
+    loc.path.length = 3
+  } else {
+    loc.path[3] = _id
+  }
 
   navigate(loc)
 }
diff --git a/plugins/process-resources/src/components/ProcessesCardSection.svelte b/plugins/process-resources/src/components/ProcessesCardSection.svelte
new file mode 100644
index 0000000000..1c5fdb93df
--- /dev/null
+++ b/plugins/process-resources/src/components/ProcessesCardSection.svelte
@@ -0,0 +1,34 @@
+<!--
+// Copyright © 2025 Hardcore Engineering Inc.
+//
+// Licensed under the Eclipse Public License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License. You may
+// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//
+// See the License for the specific language governing permissions and
+// limitations under the License.
+-->
+<script lang="ts">
+  import { Card } from '@hcengineering/card'
+
+  import ProcessesExtension from './ProcessesExtension.svelte'
+
+  export let doc: Card
+</script>
+
+<div class="processes__section">
+  <ProcessesExtension card={doc} on:loaded />
+</div>
+
+<style lang="scss">
+  .processes__section {
+    display: flex;
+    flex-direction: column;
+    padding: 0 4rem;
+    width: 100%;
+  }
+</style>
diff --git a/plugins/process-resources/src/components/ProcessesExtension.svelte b/plugins/process-resources/src/components/ProcessesExtension.svelte
index 4c83c7f8f7..a2f8960d2c 100644
--- a/plugins/process-resources/src/components/ProcessesExtension.svelte
+++ b/plugins/process-resources/src/components/ProcessesExtension.svelte
@@ -31,10 +31,12 @@
   import { List, ListSelectionProvider, SelectDirection, ViewletsSettingButton } from '@hcengineering/view-resources'
   import process from '../plugin'
   import RunProcessPopup from './RunProcessPopup.svelte'
+  import { createEventDispatcher } from 'svelte'
 
   export let card: Card
 
   const viewletId = process.viewlet.CardExecutions
+  const dispatch = createEventDispatcher()
 
   $: query = {
     card: card._id
@@ -143,6 +145,7 @@
             docsProvided = true
             docs = evt.detail
             listProvider.update(evt.detail)
+            dispatch('loaded')
           }}
         />
         {#if docsProvided && docs.length === 0}
diff --git a/plugins/process-resources/src/index.ts b/plugins/process-resources/src/index.ts
index 42bb929447..1597147d20 100644
--- a/plugins/process-resources/src/index.ts
+++ b/plugins/process-resources/src/index.ts
@@ -40,6 +40,7 @@ import StatePresenter from './components/settings/StatePresenter.svelte'
 import TriggerPresenter from './components/settings/TriggerPresenter.svelte'
 import ActionsPresenter from './components/settings/ActionsPresenter.svelte'
 import ToDoParamsEditor from './components/settings/ToDoParamsEditor.svelte'
+import ProcessesCardSection from './components/ProcessesCardSection.svelte'
 
 import { continueExecution, showDoneQuery, todoTranstionCheck } from './utils'
 import { ProcessMiddleware } from './middleware'
@@ -77,7 +78,8 @@ export default async (): Promise<Resources> => ({
     StatePresenter,
     TriggerPresenter,
     ToDoRemoveEditor: ToDoParamsEditor,
-    ToDoCloseEditor: ToDoParamsEditor
+    ToDoCloseEditor: ToDoParamsEditor,
+    ProcessesCardSection
   },
   triggerCheck: {
     ToDo: todoTranstionCheck
diff --git a/plugins/process-resources/src/plugin.ts b/plugins/process-resources/src/plugin.ts
index 2582e30af0..70fc295209 100644
--- a/plugins/process-resources/src/plugin.ts
+++ b/plugins/process-resources/src/plugin.ts
@@ -52,7 +52,8 @@ export default mergeIds(processId, process, {
     TriggerPresenter: '' as AnyComponent,
     StatePresenter: '' as AnyComponent,
     ToDoCloseEditor: '' as AnyComponent,
-    ToDoRemoveEditor: '' as AnyComponent
+    ToDoRemoveEditor: '' as AnyComponent,
+    ProcessesCardSection: '' as AnyComponent
   },
   function: {
     ShowDoneQuery: '' as ViewQueryAction,
diff --git a/plugins/workbench-resources/src/connect.ts b/plugins/workbench-resources/src/connect.ts
index 60babe34fd..63b35cbf98 100644
--- a/plugins/workbench-resources/src/connect.ts
+++ b/plugins/workbench-resources/src/connect.ts
@@ -407,7 +407,7 @@ export async function connect (title: string): Promise<Client | undefined> {
   _clientSet = true
   await ctx.with('set-client', {}, async () => {
     await setClient(newClient)
-    await setCommunicationClient(newClient, socialIds)
+    await setCommunicationClient(newClient)
   })
   await ctx.with('broadcast-connected', {}, async () => {
     await broadcastEvent(plugin.event.NotifyConnection, me)
diff --git a/pods/server/package.json b/pods/server/package.json
index 9a573649b0..2e9d398249 100644
--- a/pods/server/package.json
+++ b/pods/server/package.json
@@ -61,7 +61,7 @@
   "dependencies": {
     "@hcengineering/analytics": "^0.6.0",
     "@hcengineering/analytics-service": "^0.6.0",
-    "@hcengineering/communication-server": "0.1.180",
+    "@hcengineering/communication-server": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/kafka": "^0.6.0",
diff --git a/server-plugins/activity-resources/package.json b/server-plugins/activity-resources/package.json
index 1767f92e13..246ce33e1e 100644
--- a/server-plugins/activity-resources/package.json
+++ b/server-plugins/activity-resources/package.json
@@ -48,7 +48,7 @@
     "@hcengineering/server-core": "^0.6.1",
     "@hcengineering/server-notification-resources": "^0.6.0",
     "@hcengineering/text-core": "^0.6.0",
-    "@hcengineering/communication-sdk-types": "0.1.180",
-    "@hcengineering/communication-types": "0.1.180"
+    "@hcengineering/communication-sdk-types": "0.1.187",
+    "@hcengineering/communication-types": "0.1.187"
   }
 }
diff --git a/server-plugins/card-resources/package.json b/server-plugins/card-resources/package.json
index 0b039ff685..42db819ce0 100644
--- a/server-plugins/card-resources/package.json
+++ b/server-plugins/card-resources/package.json
@@ -43,7 +43,7 @@
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/platform": "^0.6.11",
     "@hcengineering/server-core": "^0.6.1",
-    "@hcengineering/communication-sdk-types": "0.1.180",
+    "@hcengineering/communication-sdk-types": "0.1.187",
     "@hcengineering/server-contact": "^0.6.1",
     "@hcengineering/contact": "^0.6.24"
   }
diff --git a/server-plugins/card-resources/src/index.ts b/server-plugins/card-resources/src/index.ts
index 5d06bff350..8ded26fd05 100644
--- a/server-plugins/card-resources/src/index.ts
+++ b/server-plugins/card-resources/src/index.ts
@@ -35,7 +35,7 @@ import core, {
 import { TriggerControl } from '@hcengineering/server-core'
 import setting from '@hcengineering/setting'
 import view from '@hcengineering/view'
-import { NotificationRequestEventType } from '@hcengineering/communication-sdk-types'
+import { CardRequestEventType, NotificationRequestEventType } from '@hcengineering/communication-sdk-types'
 import { getEmployee, getPersonSpaces } from '@hcengineering/server-contact'
 import contact from '@hcengineering/contact'
 
@@ -277,6 +277,14 @@ async function OnCardRemove (ctx: TxRemoveDoc<Card>[], control: TriggerControl):
     )
   }
 
+  void control.communicationApi?.event(
+    { account: systemAccount },
+    {
+      type: CardRequestEventType.RemoveCard,
+      card: removedCard._id
+    }
+  )
+
   return res
 }
 
@@ -337,6 +345,16 @@ async function OnCardUpdate (ctx: TxUpdateDoc<Card>[], control: TriggerControl):
   if (updateTx.operations.title !== undefined) {
     res.push(...(await updateParentInfoName(control, doc._id, updateTx.operations.title, doc._id)))
   }
+  if ((updateTx.operations as any)._class !== undefined) {
+    void control.communicationApi?.event(
+      { account: systemAccount },
+      {
+        type: CardRequestEventType.UpdateCardType,
+        card: doc._id,
+        cardType: (updateTx.operations as any)._class
+      }
+    )
+  }
 
   return res
 }
diff --git a/server/core/package.json b/server/core/package.json
index 63b93baf81..762eff7d95 100644
--- a/server/core/package.json
+++ b/server/core/package.json
@@ -36,8 +36,8 @@
   },
   "dependencies": {
     "@hcengineering/analytics": "^0.6.0",
-    "@hcengineering/communication-sdk-types": "0.1.180",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-sdk-types": "0.1.187",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/platform": "^0.6.11",
     "@hcengineering/query": "^0.6.12",
diff --git a/server/server/package.json b/server/server/package.json
index 1dd80c8a7e..024fb1d9f3 100644
--- a/server/server/package.json
+++ b/server/server/package.json
@@ -41,8 +41,8 @@
   "dependencies": {
     "@hcengineering/account-client": "^0.6.0",
     "@hcengineering/analytics": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
-    "@hcengineering/communication-sdk-types": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
+    "@hcengineering/communication-sdk-types": "0.1.187",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/platform": "^0.6.11",
     "@hcengineering/rpc": "^0.6.5",
diff --git a/services/mail/mail-common/package.json b/services/mail/mail-common/package.json
index baad9793ad..7cc80b4c6c 100644
--- a/services/mail/mail-common/package.json
+++ b/services/mail/mail-common/package.json
@@ -49,8 +49,8 @@
     "@hcengineering/api-client": "^0.6.0",
     "@hcengineering/card": "^0.6.0",
     "@hcengineering/chat": "^0.6.0",
-    "@hcengineering/communication-rest-client": "0.1.180",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-rest-client": "0.1.187",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/kvs-client": "^0.6.0",
diff --git a/services/mail/pod-inbound-mail/package.json b/services/mail/pod-inbound-mail/package.json
index 9a64fbebf6..18d9b6dc88 100644
--- a/services/mail/pod-inbound-mail/package.json
+++ b/services/mail/pod-inbound-mail/package.json
@@ -61,8 +61,8 @@
     "@hcengineering/analytics-service": "^0.6.0",
     "@hcengineering/api-client": "^0.6.0",
     "@hcengineering/card": "^0.6.0",
-    "@hcengineering/communication-rest-client": "0.1.180",
-    "@hcengineering/communication-types": "0.1.180",
+    "@hcengineering/communication-rest-client": "0.1.187",
+    "@hcengineering/communication-types": "0.1.187",
     "@hcengineering/contact": "^0.6.24",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/kvs-client": "^0.6.0",
diff --git a/services/msg2file/package.json b/services/msg2file/package.json
index 5604568770..82e830fea1 100644
--- a/services/msg2file/package.json
+++ b/services/msg2file/package.json
@@ -57,11 +57,11 @@
   "dependencies": {
     "@hcengineering/api-client": "^0.6.0",
     "@hcengineering/card": "^0.6.0",
-    "@hcengineering/communication-types": "0.1.180",
-    "@hcengineering/communication-shared": "0.1.180",
-    "@hcengineering/communication-yaml": "0.1.180",
-    "@hcengineering/communication-sdk-types": "0.1.180",
-    "@hcengineering/communication-rest-client": "0.1.180",
+    "@hcengineering/communication-types": "0.1.187",
+    "@hcengineering/communication-shared": "0.1.187",
+    "@hcengineering/communication-yaml": "0.1.187",
+    "@hcengineering/communication-sdk-types": "0.1.187",
+    "@hcengineering/communication-rest-client": "0.1.187",
     "@hcengineering/core": "^0.6.32",
     "@hcengineering/platform": "^0.6.11",
     "@hcengineering/server-client": "^0.6.0",