diff --git a/src/assets/variables.scss b/src/assets/variables.scss
index 67c9f7e9917..ca57566353e 100644
--- a/src/assets/variables.scss
+++ b/src/assets/variables.scss
@@ -6,13 +6,13 @@
 /** Messages list dimensions:
  * - text max width: ~750px (80 characters per line is recommended by W3C standard)
  * - avatar width: 32px (AVATAR.SIZE.SMALL) + 16px (paddings) = 48px
- * - info width: 8ch(~68px) (timestamp) + 40px (checkmark with paddings) = ~108px
+ * - info width: 8ch(~68px) (timestamp) + 40px (checkmark with paddings) + 2px (gap) = ~108px
  * - list max width: 48px (avatar width) + 1058px (text width with paddings) + ~108px (info width) = ~1214px
  * - input max width: ~1214px (list max width) - 100px (send button) = ~1114px
  */
 $messages-text-max-width: calc(50 * var(--default-font-size));
 $messages-avatar-width: calc(32px + 4 * var(--default-grid-baseline));
-$messages-info-width: calc(8ch + var(--clickable-area-small, 24px) + 4 * var(--default-grid-baseline));
+$messages-info-width: calc(8ch + var(--clickable-area-small, 24px) + 4 * var(--default-grid-baseline) + 2px);
 $messages-list-max-width: calc($messages-avatar-width + $messages-text-max-width + 2 * var(--default-grid-baseline) + $messages-info-width);
 $messages-input-max-width: calc($messages-list-max-width - 100px);
 
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
index e2f38803e54..a0a643f01cc 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessageButtonsBar/MessageButtonsBar.vue
@@ -66,13 +66,22 @@
 					<!-- Edited message timestamp -->
 					<NcActionText
 						v-if="message.lastEditTimestamp"
-						class="edit-timestamp"
+						class="label-timestamp"
 						:name="lastEditActorLabel">
 						<template #icon>
 							<IconClockEditOutline :size="20" />
 						</template>
 						{{ editedDateTime }}
 					</NcActionText>
+					<NcActionText
+						v-if="isMessagePinned"
+						class="label-timestamp"
+						:name="pinDurationLabel ? pinAuthorLabel : undefined">
+						<template #icon>
+							<IconPin :size="20" />
+						</template>
+						{{ pinDurationLabel || pinAuthorLabel }}
+					</NcActionText>
 					<!-- Silent message information -->
 					<NcActionText v-if="readInfo.showSilentIcon">
 						<template #icon>
@@ -92,6 +101,28 @@
 						</template>
 						{{ t('spreed', 'Set reminder') }}
 					</NcActionButton>
+					<template v-if="supportPinMessage && isModerator">
+						<NcActionButton
+							v-if="!isMessagePinned"
+							key="pin-message"
+							is-menu
+							@click.stop="submenu = 'pin'">
+							<template #icon>
+								<IconPin :size="20" />
+							</template>
+							{{ t('spreed', 'Pin message') }}
+						</NcActionButton>
+						<NcActionButton
+							v-if="isMessagePinned"
+							key="unpin-message"
+							close-after-click
+							@click="unpinMessage">
+							<template #icon>
+								<IconUnpin :size="20" />
+							</template>
+							{{ t('spreed', 'Unpin message') }}
+						</NcActionButton>
+					</template>
 					<NcActionButton
 						v-if="isPrivateReplyable"
 						key="reply-privately"
@@ -292,6 +323,52 @@
 						{{ t('spreed', 'Set custom reminder') }}
 					</NcActionButton>
 				</template>
+				<template v-else-if="submenu === 'pin'">
+					<NcActionButton
+						key="action-back"
+						:aria-label="t('spreed', 'Back')"
+						@click.stop="submenu = null">
+						<template #icon>
+							<IconArrowLeft class="bidirectional-icon" />
+						</template>
+						{{ t('spreed', 'Back') }}
+					</NcActionButton>
+
+					<NcActionSeparator />
+
+					<NcActionCaption :name="t('spreed', 'Keep pinned for')" />
+					<NcActionButton
+						v-for="option in PIN_DURATION_OPTIONS"
+						:key="option.key"
+						:aria-label="option.ariaLabel"
+						close-after-click
+						@click.stop="pinMessage(option.value)">
+						{{ option.label }}
+					</NcActionButton>
+
+					<NcActionSeparator />
+
+					<NcActionInput
+						v-model="customPinDateTime"
+						type="datetime-local"
+						is-native-picker
+						:min="new Date()">
+						<template #icon>
+							<IconCalendarClockOutline :size="20" />
+						</template>
+					</NcActionInput>
+
+					<NcActionButton
+						key="set-pin-custom"
+						:aria-label="t('spreed', 'Set custom period')"
+						close-after-click
+						@click.stop="pinMessage({ custom: customPinTimestamp })">
+						<template #icon>
+							<IconCheck :size="20" />
+						</template>
+						{{ t('spreed', 'Set custom period') }}
+					</NcActionButton>
+				</template>
 			</NcActions>
 		</template>
 
@@ -341,6 +418,7 @@ import { emojiSearch } from '@nextcloud/vue/functions/emoji'
 import { vOnClickOutside as ClickOutside } from '@vueuse/components'
 import { toRefs } from 'vue'
 import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcActionCaption from '@nextcloud/vue/components/NcActionCaption'
 import NcActionInput from '@nextcloud/vue/components/NcActionInput'
 import NcActionLink from '@nextcloud/vue/components/NcActionLink'
 import NcActions from '@nextcloud/vue/components/NcActions'
@@ -370,6 +448,8 @@ import IconForumOutline from 'vue-material-design-icons/ForumOutline.vue'
 import IconNoteEditOutline from 'vue-material-design-icons/NoteEditOutline.vue'
 import IconOpenInNew from 'vue-material-design-icons/OpenInNew.vue'
 import IconPencilOutline from 'vue-material-design-icons/PencilOutline.vue'
+import IconUnpin from 'vue-material-design-icons/PinOffOutline.vue'
+import IconPin from 'vue-material-design-icons/PinOutline.vue'
 import IconPlus from 'vue-material-design-icons/Plus.vue'
 import IconTranslate from 'vue-material-design-icons/Translate.vue'
 import IconTrashCanOutline from 'vue-material-design-icons/TrashCanOutline.vue'
@@ -383,17 +463,26 @@ import { useActorStore } from '../../../../../stores/actor.ts'
 import { useChatExtrasStore } from '../../../../../stores/chatExtras.ts'
 import { useIntegrationsStore } from '../../../../../stores/integrations.js'
 import { useReactionsStore } from '../../../../../stores/reactions.js'
+import { useSharedItemsStore } from '../../../../../stores/sharedItems.ts'
 import { generatePublicShareDownloadUrl, generateUserFileUrl } from '../../../../../utils/davUtils.ts'
-import { convertToUnix, formatDateTime } from '../../../../../utils/formattedTime.ts'
+import { convertToUnix, formatDateTime, ONE_DAY_IN_MS } from '../../../../../utils/formattedTime.ts'
 import { getCustomDateOptions } from '../../../../../utils/getCustomDateOptions.ts'
 import { copyConversationLinkToClipboard } from '../../../../../utils/handleUrl.ts'
 import { parseMentions } from '../../../../../utils/textParse.ts'
 
+const PIN_DURATION_OPTIONS = [
+	{ key: '24_hours', label: t('spreed', '24 hours'), value: { duration: ONE_DAY_IN_MS } },
+	{ key: '7_days', label: t('spreed', '7 days'), value: { duration: 7 * ONE_DAY_IN_MS } },
+	{ key: '30_days', label: t('spreed', '30 days'), value: { duration: 30 * ONE_DAY_IN_MS } },
+	{ key: 'indefinitely', label: t('spreed', 'Until unpin'), value: { custom: 0 } },
+]
+
 export default {
 	name: 'MessageButtonsBar',
 
 	components: {
 		NcActionButton,
+		NcActionCaption,
 		NcActionInput,
 		NcActionLink,
 		NcActionSeparator,
@@ -423,10 +512,12 @@ export default {
 		IconNoteEditOutline,
 		IconOpenInNew,
 		IconPencilOutline,
+		IconPin,
 		IconPlus,
 		IconArrowLeftTop,
 		IconArrowRightTop,
 		IconTranslate,
+		IconUnpin,
 	},
 
 	directives: {
@@ -491,6 +582,7 @@ export default {
 		const actorStore = useActorStore()
 		const chatExtrasStore = useChatExtrasStore()
 		const threadId = useGetThreadId()
+		const sharedItemsStore = useSharedItemsStore()
 
 		const {
 			isEditable,
@@ -504,6 +596,7 @@ export default {
 		} = useMessageInfo(message)
 		const supportReminders = hasTalkFeature(message.value.token, 'remind-me-later')
 		const supportThreads = hasTalkFeature(message.value.token, 'threads')
+		const supportPinMessage = hasTalkFeature(message.value.token, 'pinned-messages')
 
 		return {
 			IconFileDownload,
@@ -523,6 +616,9 @@ export default {
 			chatExtrasStore,
 			threadId,
 			getCustomDateOptions,
+			sharedItemsStore,
+			supportPinMessage,
+			PIN_DURATION_OPTIONS,
 		}
 	},
 
@@ -532,6 +628,7 @@ export default {
 			submenu: null,
 			currentReminder: null,
 			customReminderTimestamp: new Date().setHours(new Date().getHours() + 2, 0, 0, 0),
+			customPinTimestamp: new Date().setMinutes(new Date().getMinutes() + 5, 0, 0, 0),
 		}
 	},
 
@@ -608,6 +705,18 @@ export default {
 			},
 		},
 
+		customPinDateTime: {
+			get() {
+				return new Date(this.customPinTimestamp)
+			},
+
+			set(value) {
+				if (value !== null) {
+					this.customPinTimestamp = value.valueOf()
+				}
+			},
+		},
+
 		clearReminderLabel() {
 			if (!this.currentReminder) {
 				return ''
@@ -632,8 +741,41 @@ export default {
 				&& this.message.id === this.message.threadId
 		},
 
+		isModerator() {
+			return this.$store.getters.isModerator
+		},
+
 		isModeratorOrOwner() {
-			return this.isCurrentUserOwnMessage || this.$store.getters.isModerator
+			return this.isCurrentUserOwnMessage || this.isModerator
+		},
+
+		pinInfo() {
+			return this.message.metaData
+		},
+
+		isMessagePinned() {
+			return !!this.pinInfo?.pinnedAt
+		},
+
+		pinAuthorLabel() {
+			if (!this.pinInfo) {
+				return ''
+			}
+			if (this.actorStore.checkIfSelfIsActor({ actorId: this.pinInfo.pinnedActorId, actorType: this.pinInfo.pinnedActorType })) {
+				return t('spreed', 'Pinned by you')
+			}
+			return t('spreed', 'Pinned by {actor}', {
+				actor: this.pinInfo.pinnedActorDisplayName,
+			})
+		},
+
+		pinDurationLabel() {
+			if (!this.isMessagePinned || !this.pinInfo || !this.pinInfo.pinnedUntil) {
+				return ''
+			}
+
+			const absoluteDate = formatDateTime(this.pinInfo.pinnedUntil * 1000, 'shortDateWithTime')
+			return t('spreed', 'Until {absoluteDate}', { absoluteDate })
 		},
 	},
 
@@ -812,12 +954,31 @@ export default {
 			}
 			this.$emit('edit')
 		},
+
+		pinMessage({ duration = null, custom = null }) {
+			const timestamp = custom ?? (Date.now() + duration)
+			this.sharedItemsStore.handlePinMessage(this.message.token, this.message.id, convertToUnix(timestamp))
+		},
+
+		unpinMessage() {
+			this.sharedItemsStore.handleUnpinMessage(this.message.token, this.message.id)
+		},
 	},
 }
 </script>
 
 <style lang="scss" scoped>
-.edit-timestamp :deep(.action-text__longtext-wrapper) {
-	padding: 0;
+.label-timestamp {
+	:deep(.action-text__longtext-wrapper) {
+		padding: 0;
+	}
+
+	:deep(.action-text__name) {
+		font-weight: normal;
+	}
+
+	:deep(.action-text__longtext) {
+		color: var(--color-text-maxcontrast);
+	}
 }
 </style>
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessageItem.spec.js b/src/components/MessagesList/MessagesGroup/Message/MessageItem.spec.js
index bd96e565c6c..5bcb1aabeba 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessageItem.spec.js
+++ b/src/components/MessagesList/MessagesGroup/Message/MessageItem.spec.js
@@ -30,10 +30,19 @@ import storeConfig from '../../../../store/storeConfig.js'
 import { useActorStore } from '../../../../stores/actor.ts'
 import { useTokenStore } from '../../../../stores/token.ts'
 
+let store
+
+vi.mock('vuex', async () => {
+	const vuex = await vi.importActual('vuex')
+	return {
+		...vuex,
+		useStore: vi.fn(() => store),
+	}
+})
+
 describe('MessageItem.vue', () => {
 	const TOKEN = 'XXTOKENXX'
 	let testStoreConfig
-	let store
 	let messageProps
 	let conversationProps
 	let injected
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessageItem.vue b/src/components/MessagesList/MessagesGroup/Message/MessageItem.vue
index 0547e13be6b..63b110d5004 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessageItem.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessageItem.vue
@@ -12,6 +12,7 @@
 		class="message"
 		:class="{
 			'message--hovered': showMessageButtonsBar,
+			'message--pinned': !isSplitViewEnabled && isPinned,
 			'message--sided': isSplitViewEnabled,
 			'message--small-view': (isSmallMobile || isSidebar) && isSplitViewEnabled,
 		}"
@@ -67,6 +68,13 @@
 				@reply="handleReply"
 				@edit="handleEdit"
 				@delete="handleDelete" />
+			<div
+				v-else-if="isSplitViewEnabled && isPinned"
+				class="icon-pin-highlighted"
+				:title="t('spreed', 'Pinned')"
+				:aria-label="t('spreed', 'Pinned')">
+				<IconPin :size="16" />
+			</div>
 		</div>
 
 		<MessageForwarder
@@ -88,6 +96,7 @@ import { showError, showSuccess, showWarning, TOAST_DEFAULT_TIMEOUT } from '@nex
 import { t } from '@nextcloud/l10n'
 import { useIsSmallMobile } from '@nextcloud/vue/composables/useIsMobile'
 import { inject } from 'vue'
+import IconPin from 'vue-material-design-icons/PinOutline.vue'
 import MessageButtonsBar from './MessageButtonsBar/MessageButtonsBar.vue'
 import MessageForwarder from './MessageButtonsBar/MessageForwarder.vue'
 import MessageTranslateDialog from './MessageButtonsBar/MessageTranslateDialog.vue'
@@ -117,6 +126,7 @@ export default {
 		MessageForwarder,
 		MessageTranslateDialog,
 		ReactionsWrapper,
+		IconPin,
 	},
 
 	props: {
@@ -308,6 +318,10 @@ export default {
 				&& Object.keys(this.message.reactions).length === 0
 				&& this.message.message.split('\n').length === 1
 		},
+
+		isPinned() {
+			return !!this.message.metaData?.pinnedAt
+		},
 	},
 
 	methods: {
@@ -430,6 +444,16 @@ export default {
 			padding-block-end: var(--default-grid-baseline);
 		}
 
+		.icon-pin-highlighted {
+			display: flex;
+			color: var(--color-main-background);
+			background-color: var(--color-primary-element);
+			border-radius: 50%;
+			margin: calc(var(--default-grid-baseline) + 1px);
+			padding: var(--default-grid-baseline);
+			z-index: 1;
+		}
+
 		&.outgoing {
 			align-self: flex-end;
 
@@ -478,6 +502,13 @@ export default {
 
 	}
 	// END Split view
+
+	&--pinned {
+		color: var(--color-text-light);
+		background-color: var(--color-primary-element-light);
+		border-radius: var(--border-radius-large);
+		margin-bottom: 2px
+	}
 }
 
 .message-body {
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue
index a5b2d0ff2e4..1045eec5498 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/MessageBody.vue
@@ -119,6 +119,13 @@
 				:title="loadingIconTitle"
 				class="icon-loading-small message-status"
 				:aria-label="loadingIconTitle" />
+			<div
+				v-else-if="!isSplitViewEnabled && isMessagePinned"
+				class="message-status highlighted"
+				:title="t('spreed', 'Pinned')"
+				:aria-label="t('spreed', 'Pinned')">
+				<IconPin :size="14" />
+			</div>
 			<div
 				v-else-if="readInfo?.showCommonReadIcon"
 				:title="readInfo.commonReadIconTitle"
@@ -175,6 +182,7 @@ import IconCheck from 'vue-material-design-icons/Check.vue'
 import IconCheckAll from 'vue-material-design-icons/CheckAll.vue'
 import IconForumOutline from 'vue-material-design-icons/ForumOutline.vue'
 import IconPencilOutline from 'vue-material-design-icons/PencilOutline.vue'
+import IconPin from 'vue-material-design-icons/PinOutline.vue'
 import IconReload from 'vue-material-design-icons/Reload.vue'
 import AvatarWrapper from '../../../../AvatarWrapper/AvatarWrapper.vue'
 import MessageQuote from '../../../../MessageQuote.vue'
@@ -219,6 +227,7 @@ export default {
 		IconCheckAll,
 		IconForumOutline,
 		IconPencilOutline,
+		IconPin,
 		IconReload,
 	},
 
@@ -454,6 +463,10 @@ export default {
 				&& this.message.lastEditActorDisplayName !== this.message.actorDisplayName
 				&& this.message.lastEditActorType !== this.message.actorType
 		},
+
+		isMessagePinned() {
+			return !!this.message.metaData?.pinnedAt
+		},
 	},
 
 	watch: {
@@ -738,6 +751,7 @@ export default {
 		color: var(--color-text-maxcontrast);
 		font-size: var(--default-font-size);
 		width: $messages-info-width;
+		gap: calc(var(--default-grid-baseline) / 2);
 		padding-inline: calc(2 * var(--default-grid-baseline));
 
 		.date {
@@ -769,10 +783,27 @@ export default {
 	display: flex;
 	justify-content: center;
 	align-items: center;
+	position: relative;
 
 	&.retry-option {
 		cursor: pointer;
 	}
+
+	&.highlighted {
+		color: var(--color-main-background);
+
+		&::before {
+			content: '';
+			position: absolute;
+			inset: 10%;
+			border-radius: 50%;
+			background-color: var(--color-primary-element);
+		}
+
+		:deep(svg) {
+			z-index: 1;
+		}
+	}
 }
 
 .message-actions {
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/ReactionsWrapper.spec.js b/src/components/MessagesList/MessagesGroup/Message/MessagePart/ReactionsWrapper.spec.js
index 0f9e338c277..555fb681672 100644
--- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/ReactionsWrapper.spec.js
+++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/ReactionsWrapper.spec.js
@@ -31,6 +31,14 @@ vi.mock('../../../../../services/reactionsService', () => ({
 	removeReactionFromMessage: vi.fn(),
 }))
 
+vi.mock('vuex', async () => {
+	const vuex = await vi.importActual('vuex')
+	return {
+		...vuex,
+		useStore: vi.fn(),
+	}
+})
+
 describe('ReactionsWrapper.vue', () => {
 	let reactionsStore
 	let token
diff --git a/src/components/MessagesList/MessagesList.vue b/src/components/MessagesList/MessagesList.vue
index b0aef134d65..ae769699889 100644
--- a/src/components/MessagesList/MessagesList.vue
+++ b/src/components/MessagesList/MessagesList.vue
@@ -13,6 +13,9 @@
 		}"
 		@scroll="onScroll"
 		@scrollend="endScroll">
+		<PinnedMessage
+			v-if="showPinnedMessages"
+			class="message__pinned" />
 		<template v-if="isInitialisingMessages">
 			<LoadingPlaceholder
 				type="messages"
@@ -103,6 +106,7 @@ import StaticDateTime from '../UIShared/StaticDateTime.vue'
 import TransitionWrapper from '../UIShared/TransitionWrapper.vue'
 import MessagesGroup from './MessagesGroup/MessagesGroup.vue'
 import MessagesSystemGroup from './MessagesGroup/MessagesSystemGroup.vue'
+import PinnedMessage from './PinnedMessage/PinnedMessage.vue'
 import { useDocumentVisibility } from '../../composables/useDocumentVisibility.ts'
 import { useGetMessages } from '../../composables/useGetMessages.ts'
 import { useGetThreadId } from '../../composables/useGetThreadId.ts'
@@ -133,6 +137,7 @@ export default {
 		NcEmptyContent,
 		NcAssistantButton,
 		NcLoadingIcon,
+		PinnedMessage,
 		StaticDateTime,
 		TransitionWrapper,
 	},
@@ -292,6 +297,10 @@ export default {
 			}
 			return (this.conversation.unreadMessages >= summaryThreshold)
 		},
+
+		showPinnedMessages() {
+			return this.conversation?.lastPinnedId && this.conversation.lastPinnedId !== this.conversation.hiddenPinnedId
+		},
 	},
 
 	watch: {
@@ -1251,4 +1260,21 @@ export default {
 		color: var(--color-main-text);
 	}
 }
+
+.message__pinned ~ .scroller__content > .messages-date {
+	top: calc(var(--default-grid-baseline) * 4 + 53px);
+}
+
+.message__pinned {
+	position: sticky;
+	top: var(--default-grid-baseline);
+	margin-inline: auto;
+	width: 86%;
+	max-width: calc($messages-list-max-width * 0.86);
+	z-index: 3;
+	border-radius: var(--border-radius-container);
+	border: 2px solid var(--color-border);
+	margin-bottom: calc(var(--default-grid-baseline) * 3);
+	background-color: var(--color-main-background);
+}
 </style>
diff --git a/src/components/MessagesList/PinnedMessage/PinnedMessage.vue b/src/components/MessagesList/PinnedMessage/PinnedMessage.vue
new file mode 100644
index 00000000000..4375017141d
--- /dev/null
+++ b/src/components/MessagesList/PinnedMessage/PinnedMessage.vue
@@ -0,0 +1,199 @@
+<!--
+  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+<script setup lang="ts">
+
+import { t } from '@nextcloud/l10n'
+import { computed, onMounted } from 'vue'
+import { useRoute } from 'vue-router'
+import { useStore } from 'vuex'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcListItem from '@nextcloud/vue/components/NcListItem'
+import IconClose from 'vue-material-design-icons/Close.vue'
+import IconPinOff from 'vue-material-design-icons/PinOffOutline.vue'
+import AvatarWrapper from '../../AvatarWrapper/AvatarWrapper.vue'
+import { AVATAR } from '../../..//constants.ts'
+import { useGetToken } from '../../../composables/useGetToken.ts'
+import { EventBus } from '../../../services/EventBus.ts'
+import { useActorStore } from '../../../stores/actor.ts'
+import { useSharedItemsStore } from '../../../stores/sharedItems.ts'
+import { parseToSimpleMessage } from '../../../utils/textParse.ts'
+
+const store = useStore()
+const actorStore = useActorStore()
+const route = useRoute()
+const token = useGetToken()
+const sharedItemsStore = useSharedItemsStore()
+const conversation = computed(() => store.getters.conversation(token.value))
+const richSubline = computed(() => {
+	if (!pinnedMessage.value) {
+		return ''
+	}
+	return parseToSimpleMessage(
+		pinnedMessage.value.message,
+		pinnedMessage.value.messageParameters,
+	)
+})
+
+// Array of all pinned messages
+const pinnedMessages = computed(() => {
+	if (!sharedItemsStore.sharedItems(token.value).pinned) {
+		return []
+	}
+	return Object.values(sharedItemsStore.sharedItems(token.value).pinned ?? {})
+})
+
+// The pinned message to be displayed (the latest one that is not hidden)
+const pinnedMessage = computed(() => {
+	if (!pinnedMessages.value.length) {
+		return null
+	}
+	const item = pinnedMessages.value.find((item) => +item.id === conversation.value.lastPinnedId)
+
+	if (!item) {
+		// Id not found (e.g: deleted, expired), return most recent pinned message
+		const fallbackId = sharedItemsStore.findMostRecentPinnedMessageId(token.value)
+		return pinnedMessages.value.find((item) => +item.id === fallbackId)
+	}
+	return item.id !== conversation.value.hiddenPinnedId ? item : null
+})
+
+// Display name for the pinned message
+const displayNameDetails = computed(() => {
+	if (!pinnedMessage.value?.metaData) {
+		return ''
+	}
+	const metaData = pinnedMessage.value.metaData
+	const isPinnerSameAsAuthor = metaData.pinnedActorId === pinnedMessage.value.actorId
+		&& metaData.pinnedActorType === pinnedMessage.value.actorType
+
+	if (isPinnerSameAsAuthor) {
+		return pinnedMessage.value.actorDisplayName || ''
+	}
+	const isPinnerSameAsCurrentUser = metaData.pinnedActorId === actorStore.actorId
+		&& metaData.pinnedActorType === actorStore.actorType
+
+	if (isPinnerSameAsCurrentUser) {
+		return t('spreed', '{author} (pinned by you)', {
+			author: pinnedMessage.value.actorDisplayName || '',
+		})
+	}
+	return t('spreed', '{author} (pinned by {actor})', {
+		author: pinnedMessage.value.actorDisplayName || '',
+		actor: metaData.pinnedActorDisplayName || '',
+	})
+})
+
+const isModerator = computed(() => store.getters.isModerator)
+const isInThread = computed(() => pinnedMessage.value?.isThread && pinnedMessage.value.threadId !== pinnedMessage.value.id)
+const to = computed(() => ({
+	name: 'conversation',
+	hash: `#message_${pinnedMessage.value!.id}`,
+	params: { token: conversation.value.token },
+	query: { threadId: isInThread.value ? pinnedMessage.value!.threadId : undefined },
+}))
+
+/**
+ * Handle click on pinned message
+ */
+function handlePinClick() {
+	if (pinnedMessage.value?.id && route.hash === '#message_' + pinnedMessage.value.id) {
+		// Already on this message route, just trigger highlight
+		EventBus.emit('focus-message', { messageId: pinnedMessage.value.id })
+	}
+}
+
+/**
+ * Handle hiding the pinned message
+ */
+function handleHidePinnedMessage() {
+	sharedItemsStore.handleHidePinnedMessage(token.value, pinnedMessage.value!.id)
+}
+
+onMounted(() => {
+	if (!sharedItemsStore.sharedItems(token.value).pinned) {
+		// This is only needed on reload for each conversation
+		// Afterwards, pinned messages are added/removed via system messages
+		sharedItemsStore.fetchPinnedMessages(token.value)
+	}
+})
+</script>
+
+<template>
+	<div v-if="pinnedMessage">
+		<NcListItem
+			:title="richSubline"
+			:active="false"
+			:to="to"
+			@click="handlePinClick">
+			<template #icon>
+				<AvatarWrapper
+					:id="pinnedMessage.actorId"
+					:name="pinnedMessage.actorDisplayName"
+					:source="pinnedMessage.actorType"
+					disable-menu
+					:token="token"
+					:size="AVATAR.SIZE.SMALL" />
+			</template>
+			<template #name>
+				<span class="display-name">
+					{{ displayNameDetails }}
+				</span>
+			</template>
+			<template #subname>
+				{{ richSubline }}
+			</template>
+			<template #actions>
+				<NcActionButton
+					close-after-click
+					:title="t('spreed', 'Dismiss')"
+					@click.stop="handleHidePinnedMessage">
+					<template #icon>
+						<IconClose :size="20" />
+					</template>
+					{{ t('spreed', 'Dismiss') }}
+				</NcActionButton>
+				<NcActionButton
+					v-if="isModerator"
+					close-after-click
+					:title="t('spreed', 'Unpin')"
+					@click.stop="sharedItemsStore.handleUnpinMessage(token, pinnedMessage.id)">
+					<template #icon>
+						<IconPinOff :size="20" />
+					</template>
+					{{ t('spreed', 'Unpin') }}
+				</NcActionButton>
+			</template>
+		</NcListItem>
+	</div>
+</template>
+
+<style scoped lang="scss">
+
+.display-name {
+	display: flex;
+	align-items: center;
+	gap: 1px;
+
+	:deep(svg) {
+		fill: currentColor;
+		width: 14px;
+		height: 14px;
+		vertical-align: middle;
+	}
+}
+
+:deep(.list-item__wrapper) {
+    padding: 0 !important;
+}
+
+:deep(.list-item-content__name) {
+	color: var(--color-text-maxcontrast);
+	font-size: var(--font-size-small);
+	display: flex;
+	align-items: center;
+	flex-direction: row;
+	gap: 1px;
+}
+</style>
diff --git a/src/components/RightSidebar/PinnedMessages/PinnedMessageItem.vue b/src/components/RightSidebar/PinnedMessages/PinnedMessageItem.vue
new file mode 100644
index 00000000000..bb0137abb08
--- /dev/null
+++ b/src/components/RightSidebar/PinnedMessages/PinnedMessageItem.vue
@@ -0,0 +1,136 @@
+<!--
+  - SPDX-FileCopyrightText: 2025 Nextcloud GmbH and Nextcloud contributors
+  - SPDX-License-Identifier: AGPL-3.0-or-later
+-->
+<script setup lang="ts">
+import type { PinnedChatMessage } from '../../../types/index.ts'
+
+import { t } from '@nextcloud/l10n'
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+import { useStore } from 'vuex'
+import NcActionButton from '@nextcloud/vue/components/NcActionButton'
+import NcListItem from '@nextcloud/vue/components/NcListItem'
+import IconPinOff from 'vue-material-design-icons/PinOffOutline.vue'
+import IconPin from 'vue-material-design-icons/PinOutline.vue'
+import { useGetToken } from '../../../composables/useGetToken.ts'
+import { AVATAR } from '../../../constants.ts'
+import { EventBus } from '../../../services/EventBus.ts'
+import { useActorStore } from '../../../stores/actor.ts'
+import { useSharedItemsStore } from '../../../stores/sharedItems.ts'
+import { formatDateTime } from '../../../utils/formattedTime.ts'
+import { parseToSimpleMessage } from '../../../utils/textParse.ts'
+
+const { item } = defineProps<{ item: PinnedChatMessage }>()
+const store = useStore()
+const token = useGetToken()
+const route = useRoute()
+const actorStore = useActorStore()
+const sharedItemsStore = useSharedItemsStore()
+const isModerator = computed(() => store.getters.isModerator)
+
+const timeCaption = computed(() => {
+	if (!item.metaData.pinnedUntil) {
+		const isPinnerSameAsCurrentUser = actorStore.checkIfSelfIsActor({
+			actorType: item.metaData.pinnedActorType,
+			actorId: item.metaData.pinnedActorId,
+		})
+		if (isPinnerSameAsCurrentUser) {
+			return t('spreed', 'Pinned by you')
+		} else if (item.metaData.pinnedActorDisplayName) {
+			return t('spreed', 'Pinned by {actor}', {
+				actor: item.metaData.pinnedActorDisplayName,
+			})
+		} else {
+			return t('spreed', 'Pinned by a deleted user')
+		}
+	}
+	const isSameYear = new Date(item.metaData.pinnedUntil * 1000).getFullYear() === new Date().getFullYear()
+	const absoluteDate = formatDateTime(item.metaData.pinnedUntil * 1000, isSameYear ? 'longDateSameYear' : 'shortDate')
+	return t('spreed', 'Until {absoluteDate}', { absoluteDate })
+})
+
+const subname = computed(() => {
+	return parseToSimpleMessage(
+		item.message,
+		item.messageParameters,
+	)
+})
+
+const to = computed(() => ({
+	name: 'conversation',
+	hash: `#message_${item.id}`,
+	params: { token: token.value },
+	query: { threadId: (item.isThread && item.threadId !== item.id) ? item.threadId : undefined },
+}))
+
+/**
+ *  Unpin the message
+ */
+function unpinMessage() {
+	sharedItemsStore.handleUnpinMessage(
+		token.value,
+		item.id,
+	)
+}
+
+/**
+ * Focus selected message
+ */
+function handleClick() {
+	if (route.hash === '#message_' + item.id) {
+		// Already on this message route, just trigger highlight
+		EventBus.emit('focus-message', { messageId: item.id })
+	}
+}
+</script>
+
+<template>
+	<NcListItem
+		:data-nav-id="`pin_${item.id}`"
+		class="pin"
+		:name="subname"
+		:to="to"
+		:active="false"
+		force-menu
+		@click="handleClick">
+		<template #icon>
+			<IconPin :size="AVATAR.SIZE.COMPACT" class="icon-pin" />
+		</template>
+		<template v-if="timeCaption" #name>
+			<span>{{ timeCaption }}</span>
+		</template>
+		<template #subname>
+			{{ subname }}
+		</template>
+		<template v-if="isModerator" #actions>
+			<NcActionButton
+				key="unpin-message"
+				close-after-click
+				@click="unpinMessage">
+				<template #icon>
+					<IconPinOff :size="20" />
+				</template>
+				{{ t('spreed', 'Unpin') }}
+			</NcActionButton>
+		</template>
+	</NcListItem>
+</template>
+
+<style scoped lang="scss">
+.pin {
+    :deep(.list-item-content__name) {
+        font-size: var(--font-size-small);
+        font-weight: 400;
+        color: var(--color-text-maxcontrast);
+    }
+
+    :deep(.list-item-content__subname) {
+        color: var(--color-main-text);
+    }
+}
+
+.icon-pin {
+	width: 40px; // Align with thread item avatar width
+}
+</style>
diff --git a/src/components/RightSidebar/SharedItems/SharedItems.vue b/src/components/RightSidebar/SharedItems/SharedItems.vue
index 4462943ce82..1634b489715 100644
--- a/src/components/RightSidebar/SharedItems/SharedItems.vue
+++ b/src/components/RightSidebar/SharedItems/SharedItems.vue
@@ -15,6 +15,10 @@
 				<LocationCard wide v-bind="item.messageParameters.object" />
 			</div>
 
+			<PinnedMessageItem
+				v-else-if="isPinned"
+				:item />
+
 			<DeckCard
 				v-else-if="isDeckCard"
 				wide
@@ -56,6 +60,7 @@ import DeckCard from '../../MessagesList/MessagesGroup/Message/MessagePart/DeckC
 import FilePreview from '../../MessagesList/MessagesGroup/Message/MessagePart/FilePreview.vue'
 import LocationCard from '../../MessagesList/MessagesGroup/Message/MessagePart/LocationCard.vue'
 import PollCard from '../../MessagesList/MessagesGroup/Message/MessagePart/PollCard.vue'
+import PinnedMessageItem from '../PinnedMessages/PinnedMessageItem.vue'
 import { SHARED_ITEM } from '../../../constants.ts'
 
 export default {
@@ -66,6 +71,7 @@ export default {
 		FilePreview,
 		LocationCard,
 		PollCard,
+		PinnedMessageItem,
 	},
 
 	props: {
@@ -122,6 +128,10 @@ export default {
 			return this.type === SHARED_ITEM.TYPES.MEDIA
 		},
 
+		isPinned() {
+			return this.type === SHARED_ITEM.TYPES.PINNED
+		},
+
 		hasListLayout() {
 			return !this.isMedia && (this.tabView || (!this.isLocation && !this.isDeckCard && !this.isPoll))
 		},
diff --git a/src/components/RightSidebar/SharedItems/sharedItemsConstants.ts b/src/components/RightSidebar/SharedItems/sharedItemsConstants.ts
index 471c3f35e27..49814128908 100644
--- a/src/components/RightSidebar/SharedItems/sharedItemsConstants.ts
+++ b/src/components/RightSidebar/SharedItems/sharedItemsConstants.ts
@@ -5,7 +5,9 @@
 import { t } from '@nextcloud/l10n'
 import { SHARED_ITEM } from '../../../constants.ts'
 
-export const sharedItemsOrder = [SHARED_ITEM.TYPES.MEDIA,
+export const sharedItemsOrder = [
+	SHARED_ITEM.TYPES.PINNED,
+	SHARED_ITEM.TYPES.MEDIA,
 	SHARED_ITEM.TYPES.FILE,
 	SHARED_ITEM.TYPES.RECORDING,
 	SHARED_ITEM.TYPES.POLL,
@@ -13,11 +15,13 @@ export const sharedItemsOrder = [SHARED_ITEM.TYPES.MEDIA,
 	SHARED_ITEM.TYPES.AUDIO,
 	SHARED_ITEM.TYPES.LOCATION,
 	SHARED_ITEM.TYPES.DECK_CARD,
-	SHARED_ITEM.TYPES.OTHER] as const
+	SHARED_ITEM.TYPES.OTHER,
+] as const
 
-export const sharedItemsWithPreviewLimit = [SHARED_ITEM.TYPES.DECK_CARD, SHARED_ITEM.TYPES.LOCATION, SHARED_ITEM.TYPES.POLL] as const
+export const sharedItemsWithPreviewLimit = [SHARED_ITEM.TYPES.PINNED, SHARED_ITEM.TYPES.DECK_CARD, SHARED_ITEM.TYPES.LOCATION, SHARED_ITEM.TYPES.POLL] as const
 
 export const sharedItemTitle = {
+	[SHARED_ITEM.TYPES.PINNED]: t('spreed', 'Pinned messages'),
 	[SHARED_ITEM.TYPES.MEDIA]: t('spreed', 'Media'),
 	[SHARED_ITEM.TYPES.FILE]: t('spreed', 'Files'),
 	[SHARED_ITEM.TYPES.POLL]: t('spreed', 'Polls'),
@@ -31,6 +35,7 @@ export const sharedItemTitle = {
 } as const
 
 export const sharedItemButtonTitle = {
+	[SHARED_ITEM.TYPES.PINNED]: t('spreed', 'Show all pinned messages'),
 	[SHARED_ITEM.TYPES.MEDIA]: t('spreed', 'Show all media'),
 	[SHARED_ITEM.TYPES.FILE]: t('spreed', 'Show all files'),
 	[SHARED_ITEM.TYPES.POLL]: t('spreed', 'Show all polls'),
diff --git a/src/constants.ts b/src/constants.ts
index 0905cba3e5a..88356d2a5c3 100644
--- a/src/constants.ts
+++ b/src/constants.ts
@@ -221,6 +221,8 @@ export const MESSAGE = {
 		MESSAGE_EDITED: 'message_edited',
 		MESSAGE_EXPIRATION_DISABLED: 'message_expiration_disabled',
 		MESSAGE_EXPIRATION_ENABLED: 'message_expiration_enabled',
+		MESSAGE_PINNED: 'message_pinned',
+		MESSAGE_UNPINNED: 'message_unpinned',
 		MODERATOR_DEMOTED: 'moderator_demoted',
 		MODERATOR_PROMOTED: 'moderator_promoted',
 		OBJECT_SHARED: 'object_shared',
@@ -325,6 +327,7 @@ export const SHARED_ITEM = {
 		POLL: 'poll',
 		RECORDING: 'recording',
 		VOICE: 'voice',
+		PINNED: 'pinned',
 	},
 	MEDIA_ALLOWED_PREVIEW: [
 		'image/gif',
diff --git a/src/services/messagesService.ts b/src/services/messagesService.ts
index cf9606f30e8..4536de7f19c 100644
--- a/src/services/messagesService.ts
+++ b/src/services/messagesService.ts
@@ -16,7 +16,10 @@ import type {
 	getSubscribedThreadsParams,
 	getSubscribedThreadsResponse,
 	getThreadResponse,
+	hidePinnedMessageResponse,
 	markUnreadResponse,
+	pinMessageParams,
+	pinMessageResponse,
 	postNewMessageParams,
 	postNewMessageResponse,
 	postRichObjectParams,
@@ -31,6 +34,7 @@ import type {
 	setThreadNotificationLevelResponse,
 	summarizeChatParams,
 	summarizeChatResponse,
+	unpinMessageResponse,
 } from '../types/index.ts'
 
 import axios from '@nextcloud/axios'
@@ -43,6 +47,7 @@ type ReceiveMessagesPayload = Partial<receiveMessagesParams> & { token: string }
 type GetMessageContextPayload = getMessageContextParams & { token: string, messageId: number }
 type DeleteMessagePayload = { token: string, id: number }
 type EditMessagePayload = { token: string, messageId: number, updatedMessage: editMessageParams['message'] }
+type PinMessagePayload = { token: string, messageId: number, pinUntil?: pinMessageParams['pinUntil'] }
 
 /**
  * Fetches messages that belong to a particular conversation
@@ -204,6 +209,45 @@ async function editMessage({ token, messageId, updatedMessage }: EditMessagePayl
 	} as editMessageParams, options)
 }
 
+/**
+ * Pin a message in a conversation
+ *
+ * @param data The destructured payload
+ * @param data.token The conversation token
+ * @param data.messageId The message id
+ * @param data.pinUntil The timestamp until the message should be pinned
+ * @param [options] Axios request options
+ */
+async function pinMessage({ token, messageId, pinUntil }: PinMessagePayload, options?: AxiosRequestConfig): pinMessageResponse {
+	return axios.post(generateOcsUrl('apps/spreed/api/v1/chat/{token}/{messageId}/pin', { token, messageId }), {
+		pinUntil,
+	} as pinMessageParams, options)
+}
+
+/**
+ * Unpin a message in a conversation
+ *
+ * @param data The destructured payload
+ * @param data.token The conversation token
+ * @param data.messageId The message id
+ * @param [options] Axios request options
+ */
+async function unpinMessage({ token, messageId }: { token: string, messageId: number }, options?: AxiosRequestConfig): unpinMessageResponse {
+	return axios.delete(generateOcsUrl('apps/spreed/api/v1/chat/{token}/{messageId}/pin', { token, messageId }), options)
+}
+
+/**
+ * Hide a pinned message for the current user in a conversation
+ *
+ * @param data The destructured payload
+ * @param data.token The conversation token
+ * @param data.messageId The message id
+ * @param [options] Axios request options
+ */
+async function hidePinnedMessage({ token, messageId }: { token: string, messageId: number }, options?: AxiosRequestConfig): hidePinnedMessageResponse {
+	return axios.delete(generateOcsUrl('apps/spreed/api/v1/chat/{token}/{messageId}/pin/self', { token, messageId }), options)
+}
+
 /**
  * Post a rich object to a conversation
  *
@@ -349,6 +393,8 @@ export {
 	getRecentThreadsForConversation,
 	getSingleThreadForConversation,
 	getSubscribedThreads,
+	hidePinnedMessage,
+	pinMessage,
 	pollNewMessages,
 	postNewMessage,
 	postRichObjectToConversation,
@@ -356,5 +402,6 @@ export {
 	setConversationUnread,
 	setThreadNotificationLevel,
 	summarizeChat,
+	unpinMessage,
 	updateLastReadMessage,
 }
diff --git a/src/store/conversationsStore.spec.js b/src/store/conversationsStore.spec.js
index 2ad1f2127a5..f2cdf73a54a 100644
--- a/src/store/conversationsStore.spec.js
+++ b/src/store/conversationsStore.spec.js
@@ -77,6 +77,16 @@ vi.mock('../services/BrowserStorage.js', () => ({
 	},
 }))
 
+let store
+
+vi.mock('vuex', async () => {
+	const vuex = await vi.importActual('vuex')
+	return {
+		...vuex,
+		useStore: vi.fn(() => store),
+	}
+})
+
 describe('conversationsStore', () => {
 	const testToken = 'XXTOKENXX'
 	const previousLastMessage = {
@@ -88,7 +98,6 @@ describe('conversationsStore', () => {
 	}
 	let testStoreConfig = null
 	let testConversation
-	let store = null
 	let addParticipantOnceAction = null
 	let actorStore
 	const permissions = PARTICIPANT.PERMISSIONS.MAX_CUSTOM
diff --git a/src/store/messagesStore.js b/src/store/messagesStore.js
index 207f3d90bc5..698a5867be0 100644
--- a/src/store/messagesStore.js
+++ b/src/store/messagesStore.js
@@ -11,6 +11,7 @@ import {
 	CHAT,
 	CONVERSATION,
 	MESSAGE,
+	SHARED_ITEM,
 } from '../constants.ts'
 import { hasTalkFeature } from '../services/CapabilitiesManager.ts'
 import { fetchNoteToSelfConversation } from '../services/conversationsService.ts'
@@ -548,6 +549,12 @@ const actions = {
 				chatExtrasStore.updateThreadTitle(token, message.threadId, message.threadTitle)
 			}
 
+			// Auto unpin system message (for time-limited pins)
+			if (message.systemMessage === MESSAGE.SYSTEM_TYPE.MESSAGE_UNPINNED && !message.parent.metaData) {
+				sharedItemsStore.deleteSharedItemFromMessage(token, message.parent.id, SHARED_ITEM.TYPES.PINNED)
+				sharedItemsStore.updateOtherStoresWithPinInformation({ token, messageId: message.parent.id, action: 'unpin' })
+			}
+
 			// Quit processing
 			context.commit('addMessage', { token, message })
 			return
@@ -594,6 +601,21 @@ const actions = {
 			})
 		}
 
+		if (message.systemMessage === MESSAGE.SYSTEM_TYPE.MESSAGE_UNPINNED && !message.parent?.metaData) {
+			sharedItemsStore.deleteSharedItemFromMessage(token, message.parent.id, SHARED_ITEM.TYPES.PINNED)
+			sharedItemsStore.updateOtherStoresWithPinInformation({ token, messageId: message.parent.id, action: 'unpin' })
+		}
+
+		if (message.systemMessage === MESSAGE.SYSTEM_TYPE.MESSAGE_PINNED && message.parent?.metaData) {
+			sharedItemsStore.addSharedItemFromMessage(token, message.parent, SHARED_ITEM.TYPES.PINNED)
+			sharedItemsStore.updateOtherStoresWithPinInformation({
+				token,
+				messageId: message.parent.id,
+				metaData: message.parent.metaData,
+				action: 'pin',
+			})
+		}
+
 		context.commit('addMessage', { token, message })
 
 		// Update threads
@@ -1211,6 +1233,21 @@ const actions = {
 		return false
 	},
 
+	updateMessageMetadata(context, { token, id, metaData }) {
+		const message = context.getters.message(token, id)
+		if (Object.keys(message).length === 0) {
+			return
+		}
+
+		if (Object.keys(metaData).length === 0) {
+			const { metaData: _, ...messageWithoutMeta } = message
+			context.commit('addMessage', { token, message: messageWithoutMeta })
+			return
+		}
+
+		context.commit('addMessage', { token, message: { ...message, metaData } })
+	},
+
 	/**
 	 * Sends the given temporary message to the server.
 	 *
diff --git a/src/stores/__tests__/sharedItems.spec.js b/src/stores/__tests__/sharedItems.spec.js
index 6f84f701cde..d4df60e0876 100644
--- a/src/stores/__tests__/sharedItems.spec.js
+++ b/src/stores/__tests__/sharedItems.spec.js
@@ -16,6 +16,13 @@ vi.mock('../../services/sharedItemsService', () => ({
 	getSharedItemsOverview: vi.fn(),
 }))
 
+vi.mock('vuex', () => ({
+	useStore: vi.fn(() => ({
+		getters: {},
+		dispatch: vi.fn(),
+	})),
+}))
+
 describe('sharedItemsStore', () => {
 	const token = 'TOKEN'
 	let sharedItemsStore
@@ -135,7 +142,7 @@ describe('sharedItemsStore', () => {
 			expect(getSharedItems).toHaveBeenCalledWith({
 				token,
 				objectType: SHARED_ITEM.TYPES.MEDIA,
-				lastKnownMessageId: 100,
+				lastKnownMessageId: 101,
 				limit: limitGeneral,
 			})
 			expect(sharedItemsStore.sharedItems(token)).toEqual(result)
@@ -156,7 +163,7 @@ describe('sharedItemsStore', () => {
 			expect(getSharedItems).toHaveBeenCalledWith({
 				token,
 				objectType: SHARED_ITEM.TYPES.MEDIA,
-				lastKnownMessageId: 100,
+				lastKnownMessageId: 101,
 				limit: limitGeneral,
 			})
 			expect(output).toEqual({ hasMoreItems: false, messages: [] })
diff --git a/src/stores/sharedItems.ts b/src/stores/sharedItems.ts
index f20ef65882e..9b37f200881 100644
--- a/src/stores/sharedItems.ts
+++ b/src/stores/sharedItems.ts
@@ -5,23 +5,37 @@
 
 import type {
 	ChatMessage,
+	PinnedChatMessage,
 	SharedItems,
 	SharedItemsOverview,
 } from '../types/index.ts'
 
 import { defineStore } from 'pinia'
 import { reactive } from 'vue'
+import { useStore } from 'vuex'
+import { SHARED_ITEM } from '../constants.ts'
+import {
+	hidePinnedMessage,
+	pinMessage,
+	unpinMessage,
+} from '../services/messagesService.ts'
 import { getSharedItems, getSharedItemsOverview } from '../services/sharedItemsService.ts'
 import { getItemTypeFromMessage } from '../utils/getItemTypeFromMessage.ts'
 
 type SharedItemType = keyof SharedItemsOverview
 
-type SharedItemsPoolType = Record<string, Record<SharedItemType, Record<number, SharedItems[keyof SharedItems]>>>
+type SharedItemsPoolType = Record<string, {
+	[K: string]: Record<number, SharedItems[keyof SharedItems]>
+}>
+
+type MetaData = PinnedChatMessage['metaData']
 
 /**
  * Store for shared items shown in RightSidebar
  */
 export const useSharedItemsStore = defineStore('sharedItems', () => {
+	const store = useStore()
+
 	const sharedItemsPool = reactive<SharedItemsPoolType>({})
 	const overviewLoaded = reactive<Record<string, boolean>>({})
 
@@ -77,11 +91,12 @@ export const useSharedItemsStore = defineStore('sharedItems', () => {
 	 *
 	 * @param token conversation token
 	 * @param message message with shared items
+	 * @param type type of shared item (optional)
 	 */
-	function addSharedItemFromMessage(token: string, message: ChatMessage) {
-		const type = getItemTypeFromMessage(message)
-		checkForExistence(token, type)
-		sharedItemsPool[token][type][message.id] = message
+	function addSharedItemFromMessage(token: string, message: ChatMessage, type?: SharedItemType) {
+		const itemType = type ?? getItemTypeFromMessage(message)
+		checkForExistence(token, itemType)
+		sharedItemsPool[token][itemType][message.id] = message
 	}
 
 	/**
@@ -89,14 +104,18 @@ export const useSharedItemsStore = defineStore('sharedItems', () => {
 	 *
 	 * @param token conversation token
 	 * @param messageId id of message to be deleted
+	 * @param type type of shared item (optional)
 	 */
-	function deleteSharedItemFromMessage(token: string, messageId: number) {
+	function deleteSharedItemFromMessage(token: string, messageId: number, type?: SharedItemType) {
 		if (!sharedItemsPool[token]) {
 			return
 		}
 
-		for (const type of Object.keys(sharedItemsPool[token])) {
-			if (sharedItemsPool[token][type][messageId]) {
+		// If type is not provided, search in all types
+		const typesToDelete = type ? [type] : Object.keys(sharedItemsPool[token])
+
+		for (const type of typesToDelete) {
+			if (sharedItemsPool[token][type]?.[messageId]) {
 				delete sharedItemsPool[token][type][messageId]
 				if (Object.keys(sharedItemsPool[token][type]).length === 0) {
 					delete sharedItemsPool[token][type]
@@ -224,6 +243,125 @@ export const useSharedItemsStore = defineStore('sharedItems', () => {
 		}
 	}
 
+	/**
+	 * Update other stores with pin information (conversation store and messages store).
+	 *
+	 * @param data
+	 * @param data.token
+	 * @param data.messageId
+	 * @param data.metaData
+	 * @param data.action
+	 */
+	function updateOtherStoresWithPinInformation({ token, messageId, metaData, action }: { token: string, messageId: number, metaData?: MetaData, action?: 'pin' | 'unpin' }) {
+		const mostRecentPinnedId = findMostRecentPinnedMessageId(token)
+		store.dispatch('setConversationProperties', {
+			token,
+			properties: {
+				lastPinnedId: mostRecentPinnedId ?? 0,
+			},
+		})
+		store.dispatch('updateMessageMetadata', {
+			token,
+			id: messageId,
+			metaData: (action === 'pin' && metaData) ? metaData : {},
+		})
+	}
+
+	/**
+	 * Pin a message for everyone
+	 *
+	 * @param token
+	 * @param messageId
+	 * @param pinUntil
+	 */
+	async function handlePinMessage(token: string, messageId: number, pinUntil?: number) {
+		try {
+			const response = await pinMessage({ token, messageId, pinUntil })
+			const pinnedMessage = response.data.ocs.data?.parent
+			if (!pinnedMessage || 'deleted' in pinnedMessage) {
+				return
+			}
+			addSharedItemFromMessage(token, pinnedMessage, SHARED_ITEM.TYPES.PINNED)
+			updateOtherStoresWithPinInformation({ token, messageId, metaData: pinnedMessage.metaData, action: 'pin' })
+		} catch (error) {
+			console.error('Error while toggling pin message:', error)
+		}
+	}
+
+	/**
+	 * Find most recent pinned message
+	 *
+	 * @param token
+	 */
+	function findMostRecentPinnedMessageId(token: string): number | null {
+		const pinnedMessages = Object.values(sharedItemsPool[token]?.pinned ?? {})
+		if (!pinnedMessages.length) {
+			return null
+		}
+		const { id } = pinnedMessages.reduce<{ id: number | null, pinnedAt: number }>((acc, message) => {
+			const messagePinnedAt = message.metaData!.pinnedAt!
+			if (messagePinnedAt > acc.pinnedAt) {
+				return { id: message.id, pinnedAt: messagePinnedAt }
+			}
+			return acc
+		}, { id: null, pinnedAt: 0 })
+		return id
+	}
+
+	/**
+	 * Unpin a message for everyone
+	 *
+	 * @param token
+	 * @param messageId
+	 */
+	async function handleUnpinMessage(token: string, messageId: number) {
+		try {
+			await unpinMessage({ token, messageId })
+			deleteSharedItemFromMessage(token, messageId, SHARED_ITEM.TYPES.PINNED)
+			updateOtherStoresWithPinInformation({ token, messageId, action: 'unpin' })
+		} catch (error) {
+			console.error('Error while unpinning message:', error)
+		}
+	}
+
+	/**
+	 * fetches pinned messages
+	 *
+	 * @param token
+	 */
+	async function fetchPinnedMessages(token: string) {
+		try {
+			const response = await getSharedItems({ token, objectType: SHARED_ITEM.TYPES.PINNED, limit: 5 })
+			const messages = Object.values(response.data.ocs.data)
+			if (messages.length) {
+				addSharedItemsFromMessages(token, SHARED_ITEM.TYPES.PINNED, messages)
+			}
+		} catch (error) {
+			console.error(error)
+		}
+	}
+
+	/**
+	 * hide pinned message for self
+	 *
+	 * @param token
+	 * @param messageId
+	 */
+	async function handleHidePinnedMessage(token: string, messageId: number) {
+		try {
+			await hidePinnedMessage({ token, messageId })
+			// Instant update conversation hiddenPinnedId
+			await store.dispatch('setConversationProperties', {
+				token,
+				properties: {
+					hiddenPinnedId: messageId,
+				},
+			})
+		} catch (error) {
+			console.error('Error while hiding pinned message:', error)
+		}
+	}
+
 	return {
 		sharedItemsPool,
 		overviewLoaded,
@@ -231,11 +369,17 @@ export const useSharedItemsStore = defineStore('sharedItems', () => {
 		checkForExistence,
 		addSharedItemsFromOverview,
 		addSharedItemFromMessage,
-		deleteSharedItemFromMessage,
 		addSharedItemsFromMessages,
+		deleteSharedItemFromMessage,
 		purgeExpiredSharedItems,
 		purgeSharedItemsStore,
 		fetchSharedItems,
 		fetchSharedItemsOverview,
+		handlePinMessage,
+		handleUnpinMessage,
+		handleHidePinnedMessage,
+		fetchPinnedMessages,
+		findMostRecentPinnedMessageId,
+		updateOtherStoresWithPinInformation,
 	}
 })
diff --git a/src/types/index.ts b/src/types/index.ts
index 9d12fbae997..69861a5828c 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -275,6 +275,11 @@ export type summarizeChatResponse = ApiResponse<operations['chat-summarize-chat'
 export type SummarizeChatTask = operations['chat-summarize-chat']['responses'][201]['content']['application/json']['ocs']['data']
 export type upcomingRemindersResponse = ApiResponse<operations['chat-get-upcoming-reminders']['responses'][200]['content']['application/json']>
 export type UpcomingReminder = components['schemas']['ChatReminderUpcoming']
+export type pinMessageParams = Required<operations['chat-pin-message']>['requestBody']['content']['application/json']
+export type pinMessageResponse = ApiResponse<operations['chat-pin-message']['responses'][200]['content']['application/json']>
+export type unpinMessageResponse = ApiResponse<operations['chat-unpin-message']['responses'][200]['content']['application/json']>
+export type hidePinnedMessageResponse = ApiResponse<operations['chat-hide-pinned-message']['responses'][200]['content']['application/json']>
+export type PinnedChatMessage = Omit<ChatMessage, 'metaData'> & Required<Pick<ChatMessage, 'metaData'>>
 
 // Threads
 export type Thread = components['schemas']['Thread']
diff --git a/src/utils/formattedTime.ts b/src/utils/formattedTime.ts
index f594203713e..b2d505e50cd 100644
--- a/src/utils/formattedTime.ts
+++ b/src/utils/formattedTime.ts
@@ -12,6 +12,7 @@ const locale = getCanonicalLocale()
 
 const absoluteTimeFormat = {
 	shortTime: new Intl.DateTimeFormat(locale, { hour: 'numeric', minute: 'numeric' }), // '8:30 PM'
+	longDateSameYear: new Intl.DateTimeFormat(locale, { month: 'long', day: 'numeric' }), // 'December 13'
 	longDate: new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'long', day: 'numeric' }), // 'February 15, 2025'
 	longDateWithTime: new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'long', day: 'numeric', hour: 'numeric', minute: 'numeric' }), // 'February 15, 2025 at 8:30 PM'
 	shortDate: new Intl.DateTimeFormat(locale, { year: 'numeric', month: 'short', day: 'numeric' }), // 'Feb 15, 2025'
diff --git a/src/utils/message.ts b/src/utils/message.ts
index c16cbf5ea8b..8c130d97dd7 100644
--- a/src/utils/message.ts
+++ b/src/utils/message.ts
@@ -5,7 +5,7 @@
 
 import type { ChatMessage } from '../types/index.ts'
 
-import { MESSAGE } from '../constants.ts'
+import { ATTENDEE, MESSAGE } from '../constants.ts'
 
 /**
  * Returns whether the given system message should be hidden in the UI
@@ -14,6 +14,14 @@ import { MESSAGE } from '../constants.ts'
  * @return whether the message is hidden in the UI
  */
 export function isHiddenSystemMessage(message: ChatMessage): boolean {
+	// System message for auto unpin
+	if (message.systemMessage === MESSAGE.SYSTEM_TYPE.MESSAGE_UNPINNED
+		&& message.actorType === ATTENDEE.ACTOR_TYPE.GUESTS
+		&& message.actorId === 'system'
+	) {
+		return true
+	}
+
 	return [
 		MESSAGE.SYSTEM_TYPE.REACTION,
 		MESSAGE.SYSTEM_TYPE.REACTION_DELETED,