From 5086370e2c8d6d23c761369c0ac6c3aef33fc5d6 Mon Sep 17 00:00:00 2001
From: Doug <6060466+pixlwave@users.noreply.github.com>
Date: Mon, 20 May 2024 10:29:42 +0100
Subject: [PATCH] Add unread icons. (#80)

* Add unread icon.

* Add read icon.

* Rename icons.
---
 .../res/drawable/ic_compound_mark_as_read.xml       |  9 +++++++++
 .../res/drawable/ic_compound_mark_as_unread.xml     | 13 +++++++++++++
 assets/android/src/CompoundIcons.kt                 | 10 ++++++++++
 assets/ios/swift/CompoundIcons.swift                |  2 ++
 .../markAsRead.imageset/Contents.json               |  1 +
 .../markAsRead.imageset/markAsRead.svg              |  3 +++
 .../markAsUnread.imageset/Contents.json             |  1 +
 .../markAsUnread.imageset/markAsUnread.svg          |  4 ++++
 assets/web/icons/$icons.json                        |  2 +-
 assets/web/icons/mark-as-read.svg                   |  3 +++
 assets/web/icons/mark-as-unread.svg                 |  4 ++++
 assets/web/js/cpdDark.d.ts                          |  2 ++
 assets/web/js/cpdDark.js                            |  2 ++
 assets/web/js/cpdDarkHc.d.ts                        |  2 ++
 assets/web/js/cpdDarkHc.js                          |  2 ++
 assets/web/js/cpdLight.d.ts                         |  2 ++
 assets/web/js/cpdLight.js                           |  2 ++
 assets/web/js/cpdLightHc.d.ts                       |  2 ++
 assets/web/js/cpdLightHc.js                         |  2 ++
 icons/$icons.json                                   |  2 +-
 icons/mark-as-read.svg                              |  3 +++
 icons/mark-as-unread.svg                            |  4 ++++
 22 files changed, 75 insertions(+), 2 deletions(-)
 create mode 100644 assets/android/res/drawable/ic_compound_mark_as_read.xml
 create mode 100644 assets/android/res/drawable/ic_compound_mark_as_unread.xml
 create mode 100644 assets/ios/swift/Icons.xcassets/markAsRead.imageset/Contents.json
 create mode 100644 assets/ios/swift/Icons.xcassets/markAsRead.imageset/markAsRead.svg
 create mode 100644 assets/ios/swift/Icons.xcassets/markAsUnread.imageset/Contents.json
 create mode 100644 assets/ios/swift/Icons.xcassets/markAsUnread.imageset/markAsUnread.svg
 create mode 100644 assets/web/icons/mark-as-read.svg
 create mode 100644 assets/web/icons/mark-as-unread.svg
 create mode 100644 icons/mark-as-read.svg
 create mode 100644 icons/mark-as-unread.svg

diff --git a/assets/android/res/drawable/ic_compound_mark_as_read.xml b/assets/android/res/drawable/ic_compound_mark_as_read.xml
new file mode 100644
index 00000000..3f0b3a2a
--- /dev/null
+++ b/assets/android/res/drawable/ic_compound_mark_as_read.xml
@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M21.32 9.13c0-0.66-0.33-1.24-0.86-1.56L13.1 3.25a1.81 1.81 0 0 0-1.85 0L3.87 7.57C3.35 7.9 3 8.47 3 9.13v9.17c0 1 0.82 1.83 1.83 1.83H19.5a1.84 1.84 0 0 0 1.83-1.83V9.13ZM11.2 13.11L4.6 8.98l6.64-3.9a1.81 1.81 0 0 1 1.85 0l6.65 3.9-6.6 4.13a1.85 1.85 0 0 1-1.94 0Z"/>
+</vector>
diff --git a/assets/android/res/drawable/ic_compound_mark_as_unread.xml b/assets/android/res/drawable/ic_compound_mark_as_unread.xml
new file mode 100644
index 00000000..c17e24cc
--- /dev/null
+++ b/assets/android/res/drawable/ic_compound_mark_as_unread.xml
@@ -0,0 +1,13 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#FF000000"
+        android:pathData="M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+    <path
+        android:fillColor="#FF000000"
+        android:fillType="evenOdd"
+        android:pathData="M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a3 3 0 0 1-2 0 3.06 3.06 0 0 1-0.6-0.29L12 11.9 5 7.14V7h12.76A2.99 2.99 0 0 1 17 5Zm-4.44 8.93L19 9.55v7.85H5V9.56l6.44 4.37a1 1 0 0 0 1.12 0Z"/>
+</vector>
diff --git a/assets/android/src/CompoundIcons.kt b/assets/android/src/CompoundIcons.kt
index ee621abf..a71a5776 100644
--- a/assets/android/src/CompoundIcons.kt
+++ b/assets/android/src/CompoundIcons.kt
@@ -286,6 +286,12 @@ object CompoundIcons {
     @Composable fun LockSolid(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_lock_solid)
     }
+    @Composable fun MarkAsRead(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_mark_as_read)
+    }
+    @Composable fun MarkAsUnread(): ImageVector {
+        return ImageVector.vectorResource(R.drawable.ic_compound_mark_as_unread)
+    }
     @Composable fun MarkerReadReceipts(): ImageVector {
         return ImageVector.vectorResource(R.drawable.ic_compound_marker_read_receipts)
     }
@@ -618,6 +624,8 @@ object CompoundIcons {
         Lock(),
         LockOff(),
         LockSolid(),
+        MarkAsRead(),
+        MarkAsUnread(),
         MarkerReadReceipts(),
         Mention(),
         Menu(),
@@ -789,6 +797,8 @@ object CompoundIcons {
         R.drawable.ic_compound_lock,
         R.drawable.ic_compound_lock_off,
         R.drawable.ic_compound_lock_solid,
+        R.drawable.ic_compound_mark_as_read,
+        R.drawable.ic_compound_mark_as_unread,
         R.drawable.ic_compound_marker_read_receipts,
         R.drawable.ic_compound_mention,
         R.drawable.ic_compound_menu,
diff --git a/assets/ios/swift/CompoundIcons.swift b/assets/ios/swift/CompoundIcons.swift
index 32fedbe7..0017a346 100644
--- a/assets/ios/swift/CompoundIcons.swift
+++ b/assets/ios/swift/CompoundIcons.swift
@@ -87,6 +87,8 @@ public class CompoundIcons {
     public let menu = Image("menu", bundle: Bundle.module) 
     public let mention = Image("mention", bundle: Bundle.module) 
     public let markerReadReceipts = Image("markerReadReceipts", bundle: Bundle.module) 
+    public let markAsUnread = Image("markAsUnread", bundle: Bundle.module) 
+    public let markAsRead = Image("markAsRead", bundle: Bundle.module) 
     public let lock = Image("lock", bundle: Bundle.module) 
     public let lockSolid = Image("lockSolid", bundle: Bundle.module) 
     public let lockOff = Image("lockOff", bundle: Bundle.module) 
diff --git a/assets/ios/swift/Icons.xcassets/markAsRead.imageset/Contents.json b/assets/ios/swift/Icons.xcassets/markAsRead.imageset/Contents.json
new file mode 100644
index 00000000..1ae37fff
--- /dev/null
+++ b/assets/ios/swift/Icons.xcassets/markAsRead.imageset/Contents.json
@@ -0,0 +1 @@
+{"images":[{"filename":"markAsRead.svg","idiom":"universal"}],"info":{"author":"xcode","version":1},"properties":{"preserves-vector-representation":true,"template-rendering-intent":"template"}}
\ No newline at end of file
diff --git a/assets/ios/swift/Icons.xcassets/markAsRead.imageset/markAsRead.svg b/assets/ios/swift/Icons.xcassets/markAsRead.imageset/markAsRead.svg
new file mode 100644
index 00000000..ad0d9fa5
--- /dev/null
+++ b/assets/ios/swift/Icons.xcassets/markAsRead.imageset/markAsRead.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" viewBox="0 0 24 24">
+  <path d="M21.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"/>
+</svg>
diff --git a/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/Contents.json b/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/Contents.json
new file mode 100644
index 00000000..99d1bea5
--- /dev/null
+++ b/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/Contents.json
@@ -0,0 +1 @@
+{"images":[{"filename":"markAsUnread.svg","idiom":"universal"}],"info":{"author":"xcode","version":1},"properties":{"preserves-vector-representation":true,"template-rendering-intent":"template"}}
\ No newline at end of file
diff --git a/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/markAsUnread.svg b/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/markAsUnread.svg
new file mode 100644
index 00000000..b46d3f87
--- /dev/null
+++ b/assets/ios/swift/Icons.xcassets/markAsUnread.imageset/markAsUnread.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="black" viewBox="0 0 24 24">
+  <path d="M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path fill-rule="evenodd" d="M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a2.995 2.995 0 0 1-2 0 3.056 3.056 0 0 1-.595-.288L12 11.89 5 7.138V7h12.764A2.99 2.99 0 0 1 17 5Zm-4.438 8.927L19 9.555V17.4H5V9.555l6.438 4.372a1 1 0 0 0 1.124 0Z" clip-rule="evenodd"/>
+</svg>
diff --git a/assets/web/icons/$icons.json b/assets/web/icons/$icons.json
index cbd3ea65..4dc8f83d 100644
--- a/assets/web/icons/$icons.json
+++ b/assets/web/icons/$icons.json
@@ -1 +1 @@
-{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
\ No newline at end of file
+{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"mark-as-read":{"value":"icons/mark-as-read.svg","type":"icon"},"mark-as-unread":{"value":"icons/mark-as-unread.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
\ No newline at end of file
diff --git a/assets/web/icons/mark-as-read.svg b/assets/web/icons/mark-as-read.svg
new file mode 100644
index 00000000..d8540579
--- /dev/null
+++ b/assets/web/icons/mark-as-read.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M21.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"/>
+</svg>
diff --git a/assets/web/icons/mark-as-unread.svg b/assets/web/icons/mark-as-unread.svg
new file mode 100644
index 00000000..edf39e81
--- /dev/null
+++ b/assets/web/icons/mark-as-unread.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path fill-rule="evenodd" d="M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a2.995 2.995 0 0 1-2 0 3.056 3.056 0 0 1-.595-.288L12 11.89 5 7.138V7h12.764A2.99 2.99 0 0 1 17 5Zm-4.438 8.927L19 9.555V17.4H5V9.555l6.438 4.372a1 1 0 0 0 1.124 0Z" clip-rule="evenodd"/>
+</svg>
diff --git a/assets/web/js/cpdDark.d.ts b/assets/web/js/cpdDark.d.ts
index d77c10f5..2e2c3446 100644
--- a/assets/web/js/cpdDark.d.ts
+++ b/assets/web/js/cpdDark.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;
diff --git a/assets/web/js/cpdDark.js b/assets/web/js/cpdDark.js
index fe4ce6bc..6dcf5731 100644
--- a/assets/web/js/cpdDark.js
+++ b/assets/web/js/cpdDark.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";
diff --git a/assets/web/js/cpdDarkHc.d.ts b/assets/web/js/cpdDarkHc.d.ts
index d77c10f5..2e2c3446 100644
--- a/assets/web/js/cpdDarkHc.d.ts
+++ b/assets/web/js/cpdDarkHc.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;
diff --git a/assets/web/js/cpdDarkHc.js b/assets/web/js/cpdDarkHc.js
index 50727bcf..e77bd514 100644
--- a/assets/web/js/cpdDarkHc.js
+++ b/assets/web/js/cpdDarkHc.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";
diff --git a/assets/web/js/cpdLight.d.ts b/assets/web/js/cpdLight.d.ts
index d77c10f5..2e2c3446 100644
--- a/assets/web/js/cpdLight.d.ts
+++ b/assets/web/js/cpdLight.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;
diff --git a/assets/web/js/cpdLight.js b/assets/web/js/cpdLight.js
index 02b8dae2..1af5c025 100644
--- a/assets/web/js/cpdLight.js
+++ b/assets/web/js/cpdLight.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";
diff --git a/assets/web/js/cpdLightHc.d.ts b/assets/web/js/cpdLightHc.d.ts
index d77c10f5..2e2c3446 100644
--- a/assets/web/js/cpdLightHc.d.ts
+++ b/assets/web/js/cpdLightHc.d.ts
@@ -164,6 +164,8 @@ export const cpdIconLocationPin : string;
 export const cpdIconLockOff : string;
 export const cpdIconLockSolid : string;
 export const cpdIconLock : string;
+export const cpdIconMarkAsRead : string;
+export const cpdIconMarkAsUnread : string;
 export const cpdIconMarkerReadReceipts : string;
 export const cpdIconMention : string;
 export const cpdIconMenu : string;
diff --git a/assets/web/js/cpdLightHc.js b/assets/web/js/cpdLightHc.js
index c9c83af6..a3716145 100644
--- a/assets/web/js/cpdLightHc.js
+++ b/assets/web/js/cpdLightHc.js
@@ -164,6 +164,8 @@ export const cpdIconLocationPin = "icons/location-pin.svg";
 export const cpdIconLockOff = "icons/lock-off.svg";
 export const cpdIconLockSolid = "icons/lock-solid.svg";
 export const cpdIconLock = "icons/lock.svg";
+export const cpdIconMarkAsRead = "icons/mark-as-read.svg";
+export const cpdIconMarkAsUnread = "icons/mark-as-unread.svg";
 export const cpdIconMarkerReadReceipts = "icons/marker-read-receipts.svg";
 export const cpdIconMention = "icons/mention.svg";
 export const cpdIconMenu = "icons/menu.svg";
diff --git a/icons/$icons.json b/icons/$icons.json
index cbd3ea65..4dc8f83d 100644
--- a/icons/$icons.json
+++ b/icons/$icons.json
@@ -1 +1 @@
-{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
\ No newline at end of file
+{"icon":{"admin":{"value":"icons/admin.svg","type":"icon"},"arrow-down":{"value":"icons/arrow-down.svg","type":"icon"},"arrow-left":{"value":"icons/arrow-left.svg","type":"icon"},"arrow-right":{"value":"icons/arrow-right.svg","type":"icon"},"arrow-up-right":{"value":"icons/arrow-up-right.svg","type":"icon"},"arrow-up":{"value":"icons/arrow-up.svg","type":"icon"},"attachment":{"value":"icons/attachment.svg","type":"icon"},"block":{"value":"icons/block.svg","type":"icon"},"bold":{"value":"icons/bold.svg","type":"icon"},"chart":{"value":"icons/chart.svg","type":"icon"},"chat-new":{"value":"icons/chat-new.svg","type":"icon"},"chat-problem":{"value":"icons/chat-problem.svg","type":"icon"},"chat-solid":{"value":"icons/chat-solid.svg","type":"icon"},"chat":{"value":"icons/chat.svg","type":"icon"},"check-circle-solid":{"value":"icons/check-circle-solid.svg","type":"icon"},"check-circle":{"value":"icons/check-circle.svg","type":"icon"},"check":{"value":"icons/check.svg","type":"icon"},"chevron-down":{"value":"icons/chevron-down.svg","type":"icon"},"chevron-left":{"value":"icons/chevron-left.svg","type":"icon"},"chevron-right":{"value":"icons/chevron-right.svg","type":"icon"},"chevron-up-down":{"value":"icons/chevron-up-down.svg","type":"icon"},"chevron-up":{"value":"icons/chevron-up.svg","type":"icon"},"circle":{"value":"icons/circle.svg","type":"icon"},"close":{"value":"icons/close.svg","type":"icon"},"cloud-solid":{"value":"icons/cloud-solid.svg","type":"icon"},"cloud":{"value":"icons/cloud.svg","type":"icon"},"code":{"value":"icons/code.svg","type":"icon"},"collapse":{"value":"icons/collapse.svg","type":"icon"},"company":{"value":"icons/company.svg","type":"icon"},"compose":{"value":"icons/compose.svg","type":"icon"},"computer":{"value":"icons/computer.svg","type":"icon"},"copy":{"value":"icons/copy.svg","type":"icon"},"dark-mode":{"value":"icons/dark-mode.svg","type":"icon"},"delete":{"value":"icons/delete.svg","type":"icon"},"devices":{"value":"icons/devices.svg","type":"icon"},"document":{"value":"icons/document.svg","type":"icon"},"download":{"value":"icons/download.svg","type":"icon"},"drag-grid":{"value":"icons/drag-grid.svg","type":"icon"},"drag-list":{"value":"icons/drag-list.svg","type":"icon"},"edit-solid":{"value":"icons/edit-solid.svg","type":"icon"},"edit":{"value":"icons/edit.svg","type":"icon"},"email-solid":{"value":"icons/email-solid.svg","type":"icon"},"email":{"value":"icons/email.svg","type":"icon"},"end-call":{"value":"icons/end-call.svg","type":"icon"},"error":{"value":"icons/error.svg","type":"icon"},"expand":{"value":"icons/expand.svg","type":"icon"},"export-archive":{"value":"icons/export-archive.svg","type":"icon"},"extensions-solid":{"value":"icons/extensions-solid.svg","type":"icon"},"extensions":{"value":"icons/extensions.svg","type":"icon"},"favourite-solid":{"value":"icons/favourite-solid.svg","type":"icon"},"favourite":{"value":"icons/favourite.svg","type":"icon"},"file-error":{"value":"icons/file-error.svg","type":"icon"},"files":{"value":"icons/files.svg","type":"icon"},"filter":{"value":"icons/filter.svg","type":"icon"},"forward":{"value":"icons/forward.svg","type":"icon"},"grid":{"value":"icons/grid.svg","type":"icon"},"help-solid":{"value":"icons/help-solid.svg","type":"icon"},"help":{"value":"icons/help.svg","type":"icon"},"history":{"value":"icons/history.svg","type":"icon"},"home-solid":{"value":"icons/home-solid.svg","type":"icon"},"home":{"value":"icons/home.svg","type":"icon"},"host":{"value":"icons/host.svg","type":"icon"},"image-error":{"value":"icons/image-error.svg","type":"icon"},"image":{"value":"icons/image.svg","type":"icon"},"indent-decrease":{"value":"icons/indent-decrease.svg","type":"icon"},"indent-increase":{"value":"icons/indent-increase.svg","type":"icon"},"info-solid":{"value":"icons/info-solid.svg","type":"icon"},"info":{"value":"icons/info.svg","type":"icon"},"inline-code":{"value":"icons/inline-code.svg","type":"icon"},"italic":{"value":"icons/italic.svg","type":"icon"},"key-off-solid":{"value":"icons/key-off-solid.svg","type":"icon"},"key-off":{"value":"icons/key-off.svg","type":"icon"},"key-solid":{"value":"icons/key-solid.svg","type":"icon"},"key":{"value":"icons/key.svg","type":"icon"},"keyboard":{"value":"icons/keyboard.svg","type":"icon"},"labs":{"value":"icons/labs.svg","type":"icon"},"leave":{"value":"icons/leave.svg","type":"icon"},"link":{"value":"icons/link.svg","type":"icon"},"list-bulleted":{"value":"icons/list-bulleted.svg","type":"icon"},"list-numbered":{"value":"icons/list-numbered.svg","type":"icon"},"location-navigator-centred":{"value":"icons/location-navigator-centred.svg","type":"icon"},"location-navigator":{"value":"icons/location-navigator.svg","type":"icon"},"location-pin-solid":{"value":"icons/location-pin-solid.svg","type":"icon"},"location-pin":{"value":"icons/location-pin.svg","type":"icon"},"lock-off":{"value":"icons/lock-off.svg","type":"icon"},"lock-solid":{"value":"icons/lock-solid.svg","type":"icon"},"lock":{"value":"icons/lock.svg","type":"icon"},"mark-as-read":{"value":"icons/mark-as-read.svg","type":"icon"},"mark-as-unread":{"value":"icons/mark-as-unread.svg","type":"icon"},"marker-read-receipts":{"value":"icons/marker-read-receipts.svg","type":"icon"},"mention":{"value":"icons/mention.svg","type":"icon"},"menu":{"value":"icons/menu.svg","type":"icon"},"mic-off-solid":{"value":"icons/mic-off-solid.svg","type":"icon"},"mic-off":{"value":"icons/mic-off.svg","type":"icon"},"mic-on-solid":{"value":"icons/mic-on-solid.svg","type":"icon"},"mic-on":{"value":"icons/mic-on.svg","type":"icon"},"minus":{"value":"icons/minus.svg","type":"icon"},"mobile":{"value":"icons/mobile.svg","type":"icon"},"notifications-off-solid":{"value":"icons/notifications-off-solid.svg","type":"icon"},"notifications-off":{"value":"icons/notifications-off.svg","type":"icon"},"notifications-solid":{"value":"icons/notifications-solid.svg","type":"icon"},"notifications":{"value":"icons/notifications.svg","type":"icon"},"offline":{"value":"icons/offline.svg","type":"icon"},"overflow-horizontal":{"value":"icons/overflow-horizontal.svg","type":"icon"},"overflow-vertical":{"value":"icons/overflow-vertical.svg","type":"icon"},"pause-solid":{"value":"icons/pause-solid.svg","type":"icon"},"pause":{"value":"icons/pause.svg","type":"icon"},"pin-solid":{"value":"icons/pin-solid.svg","type":"icon"},"pin":{"value":"icons/pin.svg","type":"icon"},"play-solid":{"value":"icons/play-solid.svg","type":"icon"},"play":{"value":"icons/play.svg","type":"icon"},"plus":{"value":"icons/plus.svg","type":"icon"},"polls-end":{"value":"icons/polls-end.svg","type":"icon"},"polls":{"value":"icons/polls.svg","type":"icon"},"pop-out":{"value":"icons/pop-out.svg","type":"icon"},"preferences":{"value":"icons/preferences.svg","type":"icon"},"public":{"value":"icons/public.svg","type":"icon"},"qr-code":{"value":"icons/qr-code.svg","type":"icon"},"quote":{"value":"icons/quote.svg","type":"icon"},"reaction-add":{"value":"icons/reaction-add.svg","type":"icon"},"reaction":{"value":"icons/reaction.svg","type":"icon"},"reply":{"value":"icons/reply.svg","type":"icon"},"restart":{"value":"icons/restart.svg","type":"icon"},"search":{"value":"icons/search.svg","type":"icon"},"send-solid":{"value":"icons/send-solid.svg","type":"icon"},"send":{"value":"icons/send.svg","type":"icon"},"settings-solid":{"value":"icons/settings-solid.svg","type":"icon"},"settings":{"value":"icons/settings.svg","type":"icon"},"share-android":{"value":"icons/share-android.svg","type":"icon"},"share-ios":{"value":"icons/share-ios.svg","type":"icon"},"share-screen-solid":{"value":"icons/share-screen-solid.svg","type":"icon"},"share-screen":{"value":"icons/share-screen.svg","type":"icon"},"share":{"value":"icons/share.svg","type":"icon"},"sidebar":{"value":"icons/sidebar.svg","type":"icon"},"sign-out":{"value":"icons/sign-out.svg","type":"icon"},"spinner":{"value":"icons/spinner.svg","type":"icon"},"spotlight":{"value":"icons/spotlight.svg","type":"icon"},"strikethrough":{"value":"icons/strikethrough.svg","type":"icon"},"switch-camera-solid":{"value":"icons/switch-camera-solid.svg","type":"icon"},"take-photo-solid":{"value":"icons/take-photo-solid.svg","type":"icon"},"take-photo":{"value":"icons/take-photo.svg","type":"icon"},"text-formatting":{"value":"icons/text-formatting.svg","type":"icon"},"threads-solid":{"value":"icons/threads-solid.svg","type":"icon"},"threads":{"value":"icons/threads.svg","type":"icon"},"time":{"value":"icons/time.svg","type":"icon"},"underline":{"value":"icons/underline.svg","type":"icon"},"unknown-solid":{"value":"icons/unknown-solid.svg","type":"icon"},"unknown":{"value":"icons/unknown.svg","type":"icon"},"user-add-solid":{"value":"icons/user-add-solid.svg","type":"icon"},"user-add":{"value":"icons/user-add.svg","type":"icon"},"user-profile-solid":{"value":"icons/user-profile-solid.svg","type":"icon"},"user-profile":{"value":"icons/user-profile.svg","type":"icon"},"user-solid":{"value":"icons/user-solid.svg","type":"icon"},"user":{"value":"icons/user.svg","type":"icon"},"verified":{"value":"icons/verified.svg","type":"icon"},"video-call-declined-solid":{"value":"icons/video-call-declined-solid.svg","type":"icon"},"video-call-missed-solid":{"value":"icons/video-call-missed-solid.svg","type":"icon"},"video-call-off-solid":{"value":"icons/video-call-off-solid.svg","type":"icon"},"video-call-off":{"value":"icons/video-call-off.svg","type":"icon"},"video-call-solid":{"value":"icons/video-call-solid.svg","type":"icon"},"video-call":{"value":"icons/video-call.svg","type":"icon"},"visibility-off":{"value":"icons/visibility-off.svg","type":"icon"},"visibility-on":{"value":"icons/visibility-on.svg","type":"icon"},"voice-call":{"value":"icons/voice-call.svg","type":"icon"},"volume-off-solid":{"value":"icons/volume-off-solid.svg","type":"icon"},"volume-off":{"value":"icons/volume-off.svg","type":"icon"},"volume-on-solid":{"value":"icons/volume-on-solid.svg","type":"icon"},"volume-on":{"value":"icons/volume-on.svg","type":"icon"},"warning":{"value":"icons/warning.svg","type":"icon"},"web-browser":{"value":"icons/web-browser.svg","type":"icon"}}}
\ No newline at end of file
diff --git a/icons/mark-as-read.svg b/icons/mark-as-read.svg
new file mode 100644
index 00000000..d8540579
--- /dev/null
+++ b/icons/mark-as-read.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M21.324 9.13c0-.66-.339-1.237-.862-1.558l-7.37-4.318a1.812 1.812 0 0 0-1.851 0L3.87 7.572C3.348 7.892 3 8.47 3 9.13v9.167c0 1.008.825 1.833 1.833 1.833H19.5a1.839 1.839 0 0 0 1.833-1.833l-.009-9.167Zm-10.129 3.978-6.6-4.124 6.646-3.896a1.812 1.812 0 0 1 1.851 0l6.646 3.896-6.6 4.124a1.854 1.854 0 0 1-1.943 0Z"/>
+</svg>
diff --git a/icons/mark-as-unread.svg b/icons/mark-as-unread.svg
new file mode 100644
index 00000000..edf39e81
--- /dev/null
+++ b/icons/mark-as-unread.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
+  <path d="M20 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  <path fill-rule="evenodd" d="M17 5H5a2 2 0 0 0-2 2v10.4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.83a2.995 2.995 0 0 1-2 0 3.056 3.056 0 0 1-.595-.288L12 11.89 5 7.138V7h12.764A2.99 2.99 0 0 1 17 5Zm-4.438 8.927L19 9.555V17.4H5V9.555l6.438 4.372a1 1 0 0 0 1.124 0Z" clip-rule="evenodd"/>
+</svg>