diff --git a/com.woltlab.wcf/option.xml b/com.woltlab.wcf/option.xml
index 9157adecadf..c4e71741061 100644
--- a/com.woltlab.wcf/option.xml
+++ b/com.woltlab.wcf/option.xml
@@ -1355,11 +1355,6 @@ DESC:wcf.global.sortOrder.descending</selectoptions>
 				<defaultvalue>1</defaultvalue>
 				<options>module_trophy</options>
 			</option>
-			<option name="message_sidebar_enable_articles">
-				<categoryname>message.sidebar</categoryname>
-				<optiontype>boolean</optiontype>
-				<defaultvalue>1</defaultvalue>
-			</option>
 			<option name="message_sidebar_user_options">
 				<categoryname>message.sidebar</categoryname>
 				<optiontype>useroptions</optiontype>
@@ -1637,6 +1632,7 @@ DESC:wcf.global.sortOrder.descending</selectoptions>
 		<option name="enable_woltlab_news"/>
 		<option name="users_online_record_no_guests"/>
 		<option name="blacklist_sfs_action"/>
+		<option name="message_sidebar_enable_articles"/>
 		<category name="security.blacklist"/>
 		<category name="security.blacklist.custom"/>
 	</delete>
diff --git a/com.woltlab.wcf/templates/articleList.tpl b/com.woltlab.wcf/templates/articleList.tpl
index b877a507615..578ed16b905 100644
--- a/com.woltlab.wcf/templates/articleList.tpl
+++ b/com.woltlab.wcf/templates/articleList.tpl
@@ -1,139 +1,47 @@
 {capture append='headContent'}
-	{if $pageNo < $pages}
-		<link rel="next" href="{link controller='ArticleList'}pageNo={@$pageNo+1}{/link}">
+	{if $listView->getPageNo() < $listView->countPages()}
+		<link rel="next" href="{link controller='ArticleList'}pageNo={$listView->getPageNo() + 1}{/link}">
 	{/if}
-	{if $pageNo > 1}
-		<link rel="prev" href="{link controller='ArticleList'}{if $pageNo > 2}pageNo={@$pageNo-1}{/if}{/link}">
+	{if $listView->getPageNo() > 1}
+		<link rel="prev" href="{link controller='ArticleList'}{if $listView->getPageNo() > 2}pageNo={$listView->getPageNo() - 1}{/if}{/link}">
 	{/if}
 	
-	{if $__wcf->getUser()->userID}
-		<link rel="alternate" type="application/rss+xml" title="{lang}wcf.global.button.rss{/lang}" href="{link controller='ArticleRssFeed'}at={@$__wcf->getUser()->userID}-{@$__wcf->getUser()->accessToken}{/link}">
+	{if $__wcf->user->userID}
+		<link rel="alternate" type="application/rss+xml" title="{lang}wcf.global.button.rss{/lang}" href="{link controller='ArticleRssFeed'}at={$__wcf->user->userID}-{$__wcf->user->accessToken}{/link}">
 	{else}
 		<link rel="alternate" type="application/rss+xml" title="{lang}wcf.global.button.rss{/lang}" href="{link controller='ArticleRssFeed'}{/link}">
 	{/if}
 {/capture}
 
 {capture assign='contentHeaderNavigation'}
-	{if $__wcf->getSession()->getPermission('admin.content.article.canManageArticle') || $__wcf->getSession()->getPermission('admin.content.article.canManageOwnArticles') || $__wcf->getSession()->getPermission('admin.content.article.canContributeArticle')}
+	{if $canManageArticles}
 		{if $availableLanguages|count > 1}
-			<li><a href="#" class="button buttonPrimary jsButtonArticleAdd">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
+			<li><button type="button" class="button buttonPrimary jsButtonArticleAdd">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
 		{else}
 			<li><a href="{link controller='ArticleAdd'}{/link}" class="button buttonPrimary">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
 		{/if}
 	{/if}
 {/capture}
 
-{capture assign='sidebarRight'}
-	{if !$labelGroups|empty}
-		<form id="sidebarForm" method="post" action="{link application='wcf' controller=$controllerName object=$controllerObject}{/link}">
-			<section class="box">
-				<h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
-				
-				<div class="boxContent">
-					<dl>
-						{include file='__labelSelection'}
-					</dl>
-					<div class="formSubmit">
-						<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
-					</div>
-				</div>
-			</section>
-		</form>
-		
-		<script data-relocate="true">
-			$(function() {
-				WCF.Language.addObject({
-					'wcf.label.none': '{jslang}wcf.label.none{/jslang}',
-					'wcf.label.withoutSelection': '{jslang}wcf.label.withoutSelection{/jslang}'
-				});
-				
-				new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarForm', undefined, true);
-			});
-		</script>
-	{/if}
-{/capture}
-
-{assign var='additionalLinkParameters' value=''}
-{if $user}{capture append='additionalLinkParameters'}&userID={@$user->userID}{/capture}{/if}
-{if $labelIDs|count}{capture append='additionalLinkParameters'}{foreach from=$labelIDs key=labelGroupID item=labelID}&labelIDs[{@$labelGroupID}]={@$labelID}{/foreach}{/capture}{/if}
-
-{capture assign='contentInteractionPagination'}
-	{pages print=true assign='pagesLinks' controller='ArticleList' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder$additionalLinkParameters"}
-{/capture}
-
 {capture assign='contentInteractionButtons'}
-	<div class="contentInteractionButton dropdown jsOnly">
-		<button type="button" class="button small dropdownToggle">
-			{if $sortOrder === 'ASC'}
-				{icon name='arrow-down-short-wide'}
-			{else}
-				{icon name='arrow-down-wide-short'}
-			{/if}
-			<span>{lang}wcf.article.button.sort{/lang}</span>
-		</button>
-		<ul class="dropdownMenu">
-			<li>
-				<a href="{link controller='ArticleList'}pageNo={@$pageNo}{if $user}&userID={@$user->userID}{/if}&sortField=title&sortOrder={if $sortField == 'title' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">
-					{lang}wcf.global.title{/lang}
-					{if $sortField == 'title'}
-						{if $sortOrder === 'ASC'}
-							{icon name='caret-up' type='solid'}
-						{else}
-							{icon name='caret-down' type='solid'}
-						{/if}
-					{/if}
-				</a>
-			</li>
-			<li>
-				<a href="{link controller='ArticleList'}pageNo={@$pageNo}{if $user}&userID={@$user->userID}{/if}&sortField=time&sortOrder={if $sortField == 'time' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">
-					{lang}wcf.global.date{/lang}
-					{if $sortField == 'time'}
-						{if $sortOrder === 'ASC'}
-							{icon name='caret-up' type='solid'}
-						{else}
-							{icon name='caret-down' type='solid'}
-						{/if}
-					{/if}
-				</a>
-			</li>
-			
-			{event name='sortOptions'}
-		</ul>
-	</div>
 	{if $__wcf->user->userID}
 		<button type="button" class="markAllAsReadButton contentInteractionButton button small jsOnly">{icon name='check'} <span>{lang}wcf.global.button.markAllAsRead{/lang}</span></button>
 	{/if}
 {/capture}
 
 {capture assign='contentInteractionDropdownItems'}
-	<li><a rel="alternate" href="{if $__wcf->getUser()->userID}{link controller='ArticleRssFeed'}at={@$__wcf->getUser()->userID}-{@$__wcf->getUser()->accessToken}{/link}{else}{link controller='ArticleRssFeed'}{/link}{/if}" class="rssFeed">{lang}wcf.global.button.rss{/lang}</a></li>
+	{if $__wcf->user->userID}
+		<li><a rel="alternate" href="{link controller='ArticleRssFeed'}at={$__wcf->user->userID}-{$__wcf->user->accessToken}{/link}" class="rssFeed">{lang}wcf.global.button.rss{/lang}</a></li>
+	{else}
+		<li><a rel="alternate" href="{link controller='ArticleRssFeed'}{/link}" class="rssFeed">{lang}wcf.global.button.rss{/lang}</a></li>
+	{/if}
 {/capture}
 
 {include file='header'}
 
-{if $objects|count}
-	<div class="section">
-		{include file='articleListItems'}
-	</div>
-{else}
-	<woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice>
-{/if}
-
-<footer class="contentFooter">
-	{hascontent}
-		<div class="paginationBottom">
-			{content}{@$pagesLinks}{/content}
-		</div>
-	{/hascontent}
-	
-	{hascontent}
-		<nav class="contentFooterNavigation">
-			<ul>
-				{content}{event name='contentFooterNavigation'}{/content}
-			</ul>
-		</nav>
-	{/hascontent}
-</footer>
+<div class="section">
+	{unsafe:$listView->render()}
+</div>
 
 {if $__wcf->user->userID}
 	<script data-relocate="true">
@@ -143,7 +51,7 @@
 	</script>
 {/if}
 
-{if $__wcf->getSession()->getPermission('admin.content.article.canManageArticle') || $__wcf->getSession()->getPermission('admin.content.article.canManageOwnArticles') || $__wcf->getSession()->getPermission('admin.content.article.canContributeArticle')}
+{if $canManageArticles}
 	{include file='shared_articleAddDialog'}
 {/if}
 
diff --git a/com.woltlab.wcf/templates/articleListItems.tpl b/com.woltlab.wcf/templates/articleListItems.tpl
index f69585b95a9..ea1ed7e9c7d 100644
--- a/com.woltlab.wcf/templates/articleListItems.tpl
+++ b/com.woltlab.wcf/templates/articleListItems.tpl
@@ -1,124 +1,132 @@
 {if !$disableAds|isset}{assign var='disableAds' value=false}{/if}
 
-<div class="contentItemList">
-	{foreach from=$objects item='article' name='articles'}
-		{if $article->getArticleContent()}
-		<article class="contentItem contentItemMultiColumn">
-			<div class="contentItemLink">
-				<div class="contentItemImage contentItemImageLarge">
-					<img
-						class="contentItemImageElement"
-						src="{if $article->getTeaserImage()}{$article->getTeaserImage()->getThumbnailLink('medium')}{else}{$__wcf->getStyleHandler()->getStyle()->getCoverPhotoURL()}{/if}"
-						height="{if $article->getTeaserImage()}{@$article->getTeaserImage()->getThumbnailHeight('medium')}{else}{@$__wcf->getStyleHandler()->getStyle()->getCoverPhotoHeight()}{/if}"
-						width="{if $article->getTeaserImage()}{@$article->getTeaserImage()->getThumbnailWidth('medium')}{else}{@$__wcf->getStyleHandler()->getStyle()->getCoverPhotoWidth()}{/if}"
-						loading="lazy"
-						alt="">
-					
-					{hascontent}
-						<div class="contentItemBadges">
-							{content}
-								{if $article->isDeleted}<span class="badge label red contentItemBadge contentItemBadgeIsDeleted">{lang}wcf.message.status.deleted{/lang}</span>{/if}
-								{if !$article->isPublished()}<span class="badge label green contentItemBadge contentItemBadgeIsDisabled">{lang}wcf.message.status.disabled{/lang}</span>{/if}
-								{if $article->isNew()}<span class="badge label contentItemBadge contentItemBadgeNew">{lang}wcf.message.new{/lang}</span>{/if}
-								
-								{event name='contentItemBadges'}
-							{/content}
-						</div>
-					{/hascontent}
-				</div>
+{foreach from=$view->getItems() item='article' name='articles'}
+	{if $article->getArticleContent()}
+	<article class="contentItem contentItemMultiColumn listView__item" data-object-id="{$article->getObjectID()}">
+		<div class="contentItemOptions">
+			{if $view->hasBulkInteractions()}
+				<label class="button small jsTooltip" title="{lang}wcf.clipboard.item.mark{/lang}">
+					<input type="checkbox" class="listView__selectItem" aria-label="{lang}wcf.clipboard.item.mark{/lang}">
+				</label>
+			{/if}
+
+			{unsafe:$view->renderInteractionContextMenuButton($article)}
+		</div>
+		
+		<div class="contentItemLink">
+			<div class="contentItemImage contentItemImageLarge">
+				<img
+					class="contentItemImageElement"
+					src="{if $article->getTeaserImage()}{$article->getTeaserImage()->getThumbnailLink('medium')}{else}{$__wcf->getStyleHandler()->getStyle()->getCoverPhotoURL()}{/if}"
+					height="{if $article->getTeaserImage()}{@$article->getTeaserImage()->getThumbnailHeight('medium')}{else}{@$__wcf->getStyleHandler()->getStyle()->getCoverPhotoHeight()}{/if}"
+					width="{if $article->getTeaserImage()}{@$article->getTeaserImage()->getThumbnailWidth('medium')}{else}{@$__wcf->getStyleHandler()->getStyle()->getCoverPhotoWidth()}{/if}"
+					loading="lazy"
+					alt="">
 				
-				<div class="contentItemContent">
-					{if $article->hasLabels()}
-						<div class="contentItemLabels">
-							{foreach from=$article->getLabels() item=label}
-								{@$label->render('contentItemLabel')}
-							{/foreach}
-						</div>
-					{/if}
-					
-					<h2 class="contentItemTitle"><a href="{$article->getLink()}" class="contentItemTitleLink">{$article->getTitle()}</a></h2>
-					
-					<div class="contentItemDescription">
-						{@$article->getFormattedTeaser()}
+				{hascontent}
+					<div class="contentItemBadges">
+						{content}
+							{if $article->isDeleted}<span class="badge label red contentItemBadge contentItemBadgeIsDeleted">{lang}wcf.message.status.deleted{/lang}</span>{/if}
+							{if !$article->isPublished()}<span class="badge label green contentItemBadge contentItemBadgeIsDisabled">{lang}wcf.message.status.disabled{/lang}</span>{/if}
+							{if $article->isNew()}<span class="badge label contentItemBadge contentItemBadgeNew">{lang}wcf.message.new{/lang}</span>{/if}
+							
+							{event name='contentItemBadges'}
+						{/content}
 					</div>
-				</div>
+				{/hascontent}
 			</div>
 			
-			<div class="contentItemMeta">
-				<span class="contentItemMetaImage">
-					{@$article->getUserProfile()->getAvatar()->getImageTag(32)}
-				</span>
-				
-				<div class="contentItemMetaContent">
-					<div class="contentItemMetaAuthor">
-						{@$article->getUserProfile()->getFormattedUsername()}
-					</div>
-					<div class="contentItemMetaTime">
-						{@$article->time|time}
+			<div class="contentItemContent">
+				{if $article->hasLabels()}
+					<div class="contentItemLabels">
+						{foreach from=$article->getLabels() item=label}
+							{@$label->render('contentItemLabel')}
+						{/foreach}
 					</div>
-				</div>
+				{/if}
 				
-				<div class="contentItemMetaIcons">
-					{if MODULE_LIKE && $__wcf->getSession()->getPermission('user.like.canViewLike') && $article->cumulativeLikes}
-						<div class="contentItemMetaIcon">
-							{include file='shared_topReaction' cachedReactions=$article->cachedReactions render='short'}
-						</div>
-					{/if}
-					{if $article->getDiscussionProvider()->getDiscussionCountPhrase()}{* empty phrase indicates that comments are disabled *}
-						<div class="contentItemMetaIcon">
-							{icon name='comments'}
-							<span aria-label="{$article->getDiscussionProvider()->getDiscussionCountPhrase()}">
-								{$article->getDiscussionProvider()->getDiscussionCount()}
-							</span>
-						</div>
-					{/if}
-
-					{event name='contentItemMetaIcons'}
+				<h2 class="contentItemTitle"><a href="{$article->getLink()}" class="contentItemTitleLink">{$article->getTitle()}</a></h2>
+				
+				<div class="contentItemDescription">
+					{@$article->getFormattedTeaser()}
 				</div>
 			</div>
-		</article>
-		{/if}
+		</div>
 		
-		{if MODULE_WCF_AD && !$disableAds}
-			{if $tpl[foreach][articles][iteration] === 1}
+		<div class="contentItemMeta">
+			<span class="contentItemMetaImage">
+				{@$article->getUserProfile()->getAvatar()->getImageTag(32)}
+			</span>
+			
+			<div class="contentItemMetaContent">
+				<div class="contentItemMetaAuthor">
+					{@$article->getUserProfile()->getFormattedUsername()}
+				</div>
+				<div class="contentItemMetaTime">
+					{@$article->time|time}
+				</div>
+			</div>
+			
+			<div class="contentItemMetaIcons">
+				{if MODULE_LIKE && $__wcf->getSession()->getPermission('user.like.canViewLike') && $article->cumulativeLikes}
+					<div class="contentItemMetaIcon">
+						{include file='shared_topReaction' cachedReactions=$article->cachedReactions render='short'}
+					</div>
+				{/if}
+				{if $article->getDiscussionProvider()->getDiscussionCountPhrase()}{* empty phrase indicates that comments are disabled *}
+					<div class="contentItemMetaIcon">
+						{icon name='comments'}
+						<span aria-label="{$article->getDiscussionProvider()->getDiscussionCountPhrase()}">
+							{$article->getDiscussionProvider()->getDiscussionCount()}
+						</span>
+					</div>
+				{/if}
+
+				{event name='contentItemMetaIcons'}
+			</div>
+		</div>
+	</article>
+	{/if}
+	
+	{if MODULE_WCF_AD && !$disableAds}
+		{if $tpl[foreach][articles][iteration] === 1}
+			{hascontent}
+				<div class="contentItem contentItemAd">
+					{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.after1stArticle')}{/content}
+				</div>
+			{/hascontent}
+		{else}
+			{if $tpl[foreach][articles][iteration] % 2 === 0}
 				{hascontent}
 					<div class="contentItem contentItemAd">
-						{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.after1stArticle')}{/content}
+						{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery2ndArticle')}{/content}
+					</div>
+				{/hascontent}
+			{/if}
+			
+			{if $tpl[foreach][articles][iteration] % 3 === 0}
+				{hascontent}
+					<div class="contentItem contentItemAd">
+						{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery3rdArticle')}{/content}
+					</div>
+				{/hascontent}
+			{/if}
+			
+			{if $tpl[foreach][articles][iteration] % 5 === 0}
+				{hascontent}
+					<div class="contentItem contentItemAd">
+						{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery5thArticle')}{/content}
 					</div>
 				{/hascontent}
-			{else}
-				{if $tpl[foreach][articles][iteration] % 2 === 0}
-					{hascontent}
-						<div class="contentItem contentItemAd">
-							{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery2ndArticle')}{/content}
-						</div>
-					{/hascontent}
-				{/if}
-				
-				{if $tpl[foreach][articles][iteration] % 3 === 0}
-					{hascontent}
-						<div class="contentItem contentItemAd">
-							{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery3rdArticle')}{/content}
-						</div>
-					{/hascontent}
-				{/if}
 				
-				{if $tpl[foreach][articles][iteration] % 5 === 0}
+				{if $tpl[foreach][articles][iteration] % 10 === 0}
 					{hascontent}
 						<div class="contentItem contentItemAd">
-							{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery5thArticle')}{/content}
+							{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery10thArticle')}{/content}
 						</div>
 					{/hascontent}
-					
-					{if $tpl[foreach][articles][iteration] % 10 === 0}
-						{hascontent}
-							<div class="contentItem contentItemAd">
-								{content}{@$__wcf->getAdHandler()->getAds('com.woltlab.wcf.article.afterEvery10thArticle')}{/content}
-							</div>
-						{/hascontent}
-					{/if}
 				{/if}
 			{/if}
 		{/if}
-	{/foreach}
-</div>
+	{/if}
+{/foreach}
diff --git a/com.woltlab.wcf/templates/categoryArticleList.tpl b/com.woltlab.wcf/templates/categoryArticleList.tpl
index d01bc6bf84c..fe244053497 100644
--- a/com.woltlab.wcf/templates/categoryArticleList.tpl
+++ b/com.woltlab.wcf/templates/categoryArticleList.tpl
@@ -1,67 +1,33 @@
 {capture assign='pageTitle'}{$category->getTitle()}{/capture}
 
 {capture assign='contentTitle'}{$category->getTitle()}{/capture}
-{capture assign='contentDescription'}{if $category->descriptionUseHtml}{@$category->getDescription()}{else}{$category->getDescription()}{/if}{/capture}
+{capture assign='contentDescription'}{if $category->descriptionUseHtml}{unsafe:$category->getDescription()}{else}{$category->getDescription()}{/if}{/capture}
 
 {capture append='headContent'}
-	{if $pageNo < $pages}
-		<link rel="next" href="{link controller='CategoryArticleList' object=$category}pageNo={@$pageNo+1}{/link}">
+	{if $listView->getPageNo() < $listView->countPages()}
+		<link rel="next" href="{link controller='CategoryArticleList' object=$category}pageNo={$listView->getPageNo() + 1}{/link}">
 	{/if}
-	{if $pageNo > 1}
-		<link rel="prev" href="{link controller='CategoryArticleList' object=$category}{if $pageNo > 2}pageNo={@$pageNo-1}{/if}{/link}">
+	{if $listView->getPageNo() > 1}
+		<link rel="prev" href="{link controller='CategoryArticleList' object=$category}{if $listView->getPageNo() > 2}pageNo={$listView->getPageNo() - 1}{/if}{/link}">
 	{/if}
 	
-	{if $__wcf->getUser()->userID}
-		<link rel="alternate" type="application/rss+xml" title="{lang}wcf.global.button.rss{/lang}" href="{link controller='ArticleRssFeed' id=$categoryID}at={@$__wcf->getUser()->userID}-{@$__wcf->getUser()->accessToken}{/link}">
+	{if $__wcf->user->userID}
+		<link rel="alternate" type="application/rss+xml" title="{lang}wcf.global.button.rss{/lang}" href="{link controller='ArticleRssFeed' id=$categoryID}at={$__wcf->user->userID}-{$__wcf->user->accessToken}{/link}">
 	{else}
 		<link rel="alternate" type="application/rss+xml" title="{lang}wcf.global.button.rss{/lang}" href="{link controller='ArticleRssFeed' id=$categoryID}{/link}">
 	{/if}
 {/capture}
 
-{if $__wcf->getSession()->getPermission('admin.content.article.canManageArticle')}
-	{capture assign='contentHeaderNavigation'}
+{capture assign='contentHeaderNavigation'}
+	{if $canManageArticles}
 		{if $availableLanguages|count > 1}
-			<li><a href="#" class="button buttonPrimary jsButtonArticleAdd">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
+			<li><button type="button" class="button buttonPrimary jsButtonArticleAdd">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
 		{else}
-			<li><a href="{link controller='ArticleAdd'}categoryID={@$category->categoryID}{/link}" class="button buttonPrimary">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
+			<li><a href="{link controller='ArticleAdd'}categoryID={$category->categoryID}{/link}" class="button buttonPrimary">{icon name='plus'} <span>{lang}wcf.acp.article.add{/lang}</span></a></li>
 		{/if}
-	{/capture}
-{/if}
-
-{capture assign='sidebarRight'}
-	{if !$labelGroups|empty}
-		<form id="sidebarForm" method="post" action="{link application='wcf' controller=$controllerName object=$controllerObject}{/link}">
-			<section class="box">
-				<h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
-				
-				<div class="boxContent">
-					<dl>
-						{include file='__labelSelection'}
-					</dl>
-					<div class="formSubmit">
-						<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
-					</div>
-				</div>
-			</section>
-		</form>
-		
-		<script data-relocate="true">
-			$(function() {
-				WCF.Language.addObject({
-					'wcf.label.none': '{jslang}wcf.label.none{/jslang}',
-					'wcf.label.withoutSelection': '{jslang}wcf.label.withoutSelection{/jslang}'
-				});
-				
-				new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarForm', undefined, true);
-			});
-		</script>
 	{/if}
 {/capture}
 
-{capture assign='contentInteractionPagination'}
-	{pages print=true assign='pagesLinks' controller='CategoryArticleList' object=$category link="pageNo=%d"}
-{/capture}
-
 {capture assign='contentInteractionButtons'}
 	{include file='__userObjectWatchButton' isSubscribed=$category->isSubscribed() objectType='com.woltlab.wcf.article.category' objectID=$category->categoryID}
 	
@@ -71,34 +37,18 @@
 {/capture}
 
 {capture assign='contentInteractionDropdownItems'}
-	<li><a rel="alternate" href="{if $__wcf->getUser()->userID}{link controller='ArticleRssFeed' id=$categoryID}at={@$__wcf->getUser()->userID}-{@$__wcf->getUser()->accessToken}{/link}{else}{link controller='ArticleRssFeed' id=$categoryID}{/link}{/if}" class="rssFeed">{lang}wcf.global.button.rss{/lang}</a></li>
+	{if $__wcf->user->userID}
+		<li><a rel="alternate" href="{link controller='ArticleRssFeed' id=$categoryID}at={$__wcf->user->userID}-{$__wcf->user->accessToken}{/link}" class="rssFeed">{lang}wcf.global.button.rss{/lang}</a></li>
+	{else}
+		<li><a rel="alternate" href="{link controller='ArticleRssFeed' id=$categoryID}{/link}" class="rssFeed">{lang}wcf.global.button.rss{/lang}</a></li>
+	{/if}
 {/capture}
 
 {include file='header'}
 
-{if $objects|count}
-	<div class="section">
-		{include file='articleListItems'}
-	</div>
-{else}
-	<woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice>
-{/if}
-
-<footer class="contentFooter">
-	{hascontent}
-		<div class="paginationBottom">
-			{content}{@$pagesLinks}{/content}
-		</div>
-	{/hascontent}
-	
-	{hascontent}
-		<nav class="contentFooterNavigation">
-			<ul>
-				{content}{event name='contentFooterNavigation'}{/content}
-			</ul>
-		</nav>
-	{/hascontent}
-</footer>
+<div class="section">
+	{unsafe:$listView->render()}
+</div>
 
 {if $__wcf->user->userID}
 	<script data-relocate="true">
@@ -108,6 +58,8 @@
 	</script>
 {/if}
 
-{include file='shared_articleAddDialog'}
+{if $canManageArticles}
+	{include file='shared_articleAddDialog'}
+{/if}
 
 {include file='footer'}
diff --git a/com.woltlab.wcf/templates/messageSidebar.tpl b/com.woltlab.wcf/templates/messageSidebar.tpl
index 00869064fe9..8381f614965 100644
--- a/com.woltlab.wcf/templates/messageSidebar.tpl
+++ b/com.woltlab.wcf/templates/messageSidebar.tpl
@@ -109,11 +109,6 @@
 								<dd>{#$userProfile->trophyPoints}</dd>
 							{/if}
 							
-							{if MESSAGE_SIDEBAR_ENABLE_ARTICLES && $userProfile->articles}
-								<dt><a href="{link controller='ArticleList' userID=$userProfile->userID}{/link}" class="jsTooltip" title="{lang user=$userProfile}wcf.article.showArticlesWritten{/lang}">{lang}wcf.user.articles{/lang}</a></dt>
-								<dd>{#$userProfile->articles}</dd>
-							{/if}
-							
 							{event name='userCredits'}
 							
 							{if MESSAGE_SIDEBAR_USER_OPTIONS && $userProfile->isAccessible('canViewProfile')}
diff --git a/com.woltlab.wcf/templates/shared_interactionButton.tpl b/com.woltlab.wcf/templates/shared_interactionButton.tpl
index 1035e86ce72..75dbcf82f1d 100644
--- a/com.woltlab.wcf/templates/shared_interactionButton.tpl
+++ b/com.woltlab.wcf/templates/shared_interactionButton.tpl
@@ -1,15 +1,9 @@
-{if $contextMenuOptions}
-	<div class="dropdown">
-		<button type="button" class="button small dropdownToggle" aria-label="{lang}wcf.global.button.more{/lang}">
-			{icon name='ellipsis-vertical'}
-		</button>
-
-		<ul class="dropdownMenu">
-			{unsafe:$contextMenuOptions}
-		</ul>
-	</div>
-{else}
-	<button type="button" disabled class="button small" aria-label="{lang}wcf.global.button.more{/lang}">
+<div class="dropdown">
+	<button type="button" class="button small dropdownToggle" aria-label="{lang}wcf.global.button.more{/lang}">
 		{icon name='ellipsis-vertical'}
 	</button>
-{/if}
+
+	<ul class="dropdownMenu">
+		{unsafe:$contextMenuOptions}
+	</ul>
+</div>
diff --git a/com.woltlab.wcf/templates/shared_listView.tpl b/com.woltlab.wcf/templates/shared_listView.tpl
new file mode 100644
index 00000000000..86ae4ad873b
--- /dev/null
+++ b/com.woltlab.wcf/templates/shared_listView.tpl
@@ -0,0 +1,104 @@
+<div class="listView">
+	{if $view->isSortable() || $view->isFilterable()}
+		<div class="listView__header">
+			{if $view->isFilterable()}
+				<div class="listView__filters" id="{$view->getID()}_filters">
+					{foreach from=$view->getActiveFilters() item='value' key='key'}
+						<button type="button" class="button small" data-filter="{$key}" data-filter-value="{$value}">
+							{icon name='circle-xmark'}
+							{$view->getFilterLabel($key)}
+						</button>
+					{/foreach}
+				</div>
+			{/if}
+			<div class="listView__header__buttons">
+				{if $view->hasBulkInteractions()}
+					<div class="listView__header__button">
+						<label class="button small jsTooltip" title="{lang}wcf.clipboard.item.markAll{/lang}">
+							<input type="checkbox" id="{$view->getID()}_selectAllItems" class="listView__selectAllItems" aria-label="{lang}wcf.clipboard.item.markAll{/lang}">
+						</label>
+					</div>
+				{/if}
+				{if $view->isSortable()}
+					<div class="listView__header__button dropdown">
+						<button type="button" class="button small dropdownToggle">
+							{icon name='arrow-down-short-wide'}
+							<span>{lang}wcf.global.sorting{/lang}</span>
+						</button>
+						<ul class="dropdownMenu" id="{$view->getID()}_sorting">
+							{foreach from=$view->getAvailableSortFields() item='sortField'}
+								<li>
+									<button type="button" class="listView__sorting__button" data-sort-id="{$sortField->id}">
+										{unsafe:$sortField}
+									</button>
+								</li>
+							{/foreach}
+						</ul>
+					</div>
+				{/if}
+				{if $view->isFilterable()}
+					<div class="listView__header__button">
+						<button type="button" class="button small" id="{$view->getID()}_filterButton" data-endpoint="{$view->getFilterActionEndpoint()}">
+							{icon name='filter'}
+							{lang}wcf.global.filter{/lang}
+						</button>
+					</div>
+				{/if}
+			</div>
+		</div>
+	{/if}
+	
+	<div class="listView__itemContainer">
+		<div class="listView__items {$view->getCssClassName()}" id="{$view->getID()}_items"{if !$view->countItems()} hidden{/if}>
+			{unsafe:$view->renderItems()}
+		</div>
+	</div>
+
+	<div class="listView__footer">
+		{if $view->hasBulkInteractions()}
+			<div id="{$view->getID()}_selectionBar" class="listView__selectionBar dropdown" hidden>
+				<button type="button" id="{$view->getID()}_bulkInteractionButton" class="button listView__bulkInteractionButton dropdownToggle"></button>
+				<ul class="dropdownMenu">
+					<li class="disabled"><span>{lang}wcf.global.loading{/lang}</span></li>
+					<li class="dropdownDivider"></li>
+					<li>
+						<button type="button" id="{$view->getID()}_resetSelectionButton">{lang}wcf.clipboard.item.unmarkAll{/lang}</button>
+					</li>
+				</ul>
+			</div>
+		{/if}
+
+		<div class="listView__pagination">
+			<woltlab-core-pagination id="{$view->getID()}_pagination" page="{$view->getPageNo()}" count="{$view->countPages()}"></woltlab-core-pagination>
+		</div>
+	</div>
+
+	<woltlab-core-notice type="info" id="{$view->getID()}_noItemsNotice"{if $view->countItems()} hidden{/if}>{lang}wcf.global.noItems{/lang}</woltlab-core-notice>
+</div>
+
+<script data-relocate="true">
+	require(['WoltLabSuite/Core/Component/ListView'], ({ ListView }) => {
+		WoltLabLanguage.registerPhrase("wcf.clipboard.button.numberOfSelectedItems", '{jslang __literal=true}wcf.clipboard.button.numberOfSelectedItems{/jslang}');
+		
+		new ListView(
+			'{unsafe:$view->getID()|encodeJs}',
+			'{unsafe:$view->getClassName()|encodeJS}',
+			{$view->getPageNo()},
+			'{unsafe:$view->getBaseUrl()|encodeJS}',
+			'{unsafe:$view->getSortField()|encodeJS}',
+			'{unsafe:$view->getSortOrder()|encodeJS}',
+			'{unsafe:$view->getBulkInteractionProviderClassName()|encodeJS}',
+			new Map([
+				{foreach from=$view->getParameters() key='name' item='value'}
+					['{unsafe:$name|encodeJS}', '{unsafe:$value|encodeJS}'],
+				{/foreach}
+			]),
+		);
+	});
+</script>
+{if $view->hasInteractions()}
+	{unsafe:$view->renderInteractionInitialization()}
+{/if}
+{if $view->hasBulkInteractions()}
+	{unsafe:$view->renderBulkInteractionInitialization()}
+{/if}
diff --git a/com.woltlab.wcf/templates/unreadArticleList.tpl b/com.woltlab.wcf/templates/unreadArticleList.tpl
deleted file mode 100644
index 1c2b395c9fa..00000000000
--- a/com.woltlab.wcf/templates/unreadArticleList.tpl
+++ /dev/null
@@ -1,82 +0,0 @@
-{capture assign='headContent'}
-	{if $pageNo < $pages}
-		<link rel="next" href="{link controller='UnreadArticleList'}pageNo={@$pageNo+1}{/link}">
-	{/if}
-	{if $pageNo > 1}
-		<link rel="prev" href="{link controller='UnreadArticleList'}{if $pageNo > 2}pageNo={@$pageNo-1}{/if}{/link}">
-	{/if}
-{/capture}
-
-{capture assign='contentTitleBadge'}<span class="badge">{#$items}</span>{/capture}
-
-{capture assign='sidebarRight'}
-	{if !$labelGroups|empty}
-		<form id="sidebarForm" method="post" action="{link application='wcf' controller=$controllerName object=$controllerObject}{/link}">
-			<section class="box">
-				<h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
-				
-				<div class="boxContent">
-					<dl>
-						{include file='__labelSelection'}
-					</dl>
-					<div class="formSubmit">
-						<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
-					</div>
-				</div>
-			</section>
-		</form>
-		
-		<script data-relocate="true">
-			$(function() {
-				WCF.Language.addObject({
-					'wcf.label.none': '{jslang}wcf.label.none{/jslang}',
-					'wcf.label.withoutSelection': '{jslang}wcf.label.withoutSelection{/jslang}'
-				});
-				
-				new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarForm', undefined, true);
-			});
-		</script>
-	{/if}
-{/capture}
-
-{capture assign='contentInteractionPagination'}
-	{pages print=true assign='pagesLinks' controller='UnreadArticleList' link="pageNo=%d"}
-{/capture}
-
-{capture assign='contentInteractionButtons'}
-	<button type="button" class="markAllAsReadButton contentInteractionButton button small jsOnly">{icon name='check'} <span>{lang}wcf.global.button.markAllAsRead{/lang}</span></button>
-{/capture}
-
-{include file='header'}
-
-{if $objects|count}
-	<div class="section">
-		{include file='articleListItems'}
-	</div>
-{else}
-	<woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice>
-{/if}
-
-<footer class="contentFooter">
-	{hascontent}
-		<div class="paginationBottom">
-			{content}{@$pagesLinks}{/content}
-		</div>
-	{/hascontent}
-	
-	{hascontent}
-		<nav class="contentFooterNavigation">
-			<ul>
-				{content}{event name='contentFooterNavigation'}{/content}
-			</ul>
-		</nav>
-	{/hascontent}
-</footer>
-
-<script data-relocate="true">
-	require(['WoltLabSuite/Core/Ui/Article/MarkAllAsRead'], ({ setup }) => {
-		setup();
-	});
-</script>
-
-{include file='footer'}
diff --git a/com.woltlab.wcf/templates/watchedArticleList.tpl b/com.woltlab.wcf/templates/watchedArticleList.tpl
deleted file mode 100644
index af90c4ed874..00000000000
--- a/com.woltlab.wcf/templates/watchedArticleList.tpl
+++ /dev/null
@@ -1,80 +0,0 @@
-{capture assign='headContent'}
-	{if $pageNo < $pages}
-		<link rel="next" href="{link controller='WatchedArticleList'}pageNo={@$pageNo+1}{/link}">
-	{/if}
-	{if $pageNo > 1}
-		<link rel="prev" href="{link controller='WatchedArticleList'}{if $pageNo > 2}pageNo={@$pageNo-1}{/if}{/link}">
-	{/if}
-{/capture}
-
-{capture assign='sidebarRight'}
-	{if !$labelGroups|empty}
-		<form id="sidebarForm" method="post" action="{link application='wcf' controller=$controllerName object=$controllerObject}{/link}">
-			<section class="box">
-				<h2 class="boxTitle">{lang}wcf.label.label{/lang}</h2>
-				
-				<div class="boxContent">
-					<dl>
-						{include file='__labelSelection'}
-					</dl>
-					<div class="formSubmit">
-						<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s">
-					</div>
-				</div>
-			</section>
-		</form>
-		
-		<script data-relocate="true">
-			$(function() {
-				WCF.Language.addObject({
-					'wcf.label.none': '{jslang}wcf.label.none{/jslang}',
-					'wcf.label.withoutSelection': '{jslang}wcf.label.withoutSelection{/jslang}'
-				});
-				
-				new WCF.Label.Chooser({ {implode from=$labelIDs key=groupID item=labelID}{@$groupID}: {@$labelID}{/implode} }, '#sidebarForm', undefined, true);
-			});
-		</script>
-	{/if}
-{/capture}
-
-{capture assign='contentInteractionPagination'}
-	{pages print=true assign='pagesLinks' controller='WatchedArticleList' link="pageNo=%d"}
-{/capture}
-
-{capture assign='contentInteractionButtons'}
-	<button type="button" class="markAllAsReadButton contentInteractionButton button small jsOnly">{icon name='check'} <span>{lang}wcf.global.button.markAllAsRead{/lang}</span></button>
-{/capture}
-
-{include file='header'}
-
-{if $objects|count}
-	<div class="section">
-		{include file='articleListItems'}
-	</div>
-{else}
-	<woltlab-core-notice type="info">{lang}wcf.global.noItems{/lang}</woltlab-core-notice>
-{/if}
-
-<footer class="contentFooter">
-	{hascontent}
-		<div class="paginationBottom">
-			{content}{@$pagesLinks}{/content}
-		</div>
-	{/hascontent}
-	
-	{hascontent}
-		<nav class="contentFooterNavigation">
-			<ul>
-				{content}{event name='contentFooterNavigation'}{/content}
-			</ul>
-		</nav>
-	{/hascontent}
-</footer>
-
-<script data-relocate="true">
-	require(['WoltLabSuite/Core/Ui/Article/MarkAllAsRead'], ({ setup }) => {
-		setup();
-	});
-</script>
-
-{include file='footer'}
diff --git a/constants.php b/constants.php
index a98315d2050..3d6f0e5b977 100644
--- a/constants.php
+++ b/constants.php
@@ -195,7 +195,6 @@
 \define('IMAGE_ALLOW_EXTERNAL_SOURCE', 0);
 \define('MESSAGE_ENABLE_TOC', 1);
 \define('MESSAGE_PUBLIC_HIGHLIGHTERS', '');
-\define('MESSAGE_SIDEBAR_ENABLE_ARTICLES', 1);
 \define('IMAGE_PROXY_ENABLE_PRUNE', 1);
 \define('SEARCH_ENABLE_PAGES', 1);
 \define('SEARCH_ENABLE_ARTICLES', 1);
diff --git a/ts/WoltLabSuite/Core/Api/ListViews/GetItem.ts b/ts/WoltLabSuite/Core/Api/ListViews/GetItem.ts
new file mode 100644
index 00000000000..629910a33a9
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Api/ListViews/GetItem.ts
@@ -0,0 +1,39 @@
+/**
+ * Gets a single item for rendering in a list view.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { ApiResult, apiResultFromError, apiResultFromValue } from "../Result";
+
+type Response = {
+  template: string;
+};
+
+export async function getItem(
+  listViewClass: string,
+  objectId: string | number,
+  listViewParameters?: Map<string, string>,
+): Promise<ApiResult<Response>> {
+  const url = new URL(`${window.WSC_RPC_API_URL}core/list-views/item`);
+  url.searchParams.set("listView", listViewClass);
+  url.searchParams.set("objectID", objectId.toString());
+  if (listViewParameters) {
+    listViewParameters.forEach((value, key) => {
+      url.searchParams.set(`listViewParameters[${key}]`, value);
+    });
+  }
+
+  let response: Response;
+  try {
+    response = (await prepareRequest(url).get().allowCaching().disableLoadingIndicator().fetchAsJson()) as Response;
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue(response);
+}
diff --git a/ts/WoltLabSuite/Core/Api/ListViews/GetItems.ts b/ts/WoltLabSuite/Core/Api/ListViews/GetItems.ts
new file mode 100644
index 00000000000..8ebc6189687
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Api/ListViews/GetItems.ts
@@ -0,0 +1,52 @@
+/**
+ * Gets the items for the rendering of a list view.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { prepareRequest } from "WoltLabSuite/Core/Ajax/Backend";
+import { ApiResult, apiResultFromError, apiResultFromValue } from "../Result";
+
+type Response = {
+  template: string;
+  pages: number;
+  totalItems: number;
+  filterLabels: ArrayLike<string>;
+};
+
+export async function getItems(
+  listViewClass: string,
+  pageNo: number,
+  sortField: string = "",
+  sortOrder: string = "ASC",
+  filters?: Map<string, string>,
+  listViewParameters?: Map<string, string>,
+): Promise<ApiResult<Response>> {
+  const url = new URL(`${window.WSC_RPC_API_URL}core/list-views/items`);
+  url.searchParams.set("listView", listViewClass);
+  url.searchParams.set("pageNo", pageNo.toString());
+  url.searchParams.set("sortField", sortField);
+  url.searchParams.set("sortOrder", sortOrder);
+  if (filters) {
+    filters.forEach((value, key) => {
+      url.searchParams.set(`filters[${key}]`, value);
+    });
+  }
+  if (listViewParameters) {
+    listViewParameters.forEach((value, key) => {
+      url.searchParams.set(`listViewParameters[${key}]`, value);
+    });
+  }
+
+  let response: Response;
+  try {
+    response = (await prepareRequest(url).get().allowCaching().disableLoadingIndicator().fetchAsJson()) as Response;
+  } catch (e) {
+    return apiResultFromError(e);
+  }
+
+  return apiResultFromValue(response);
+}
diff --git a/ts/WoltLabSuite/Core/Component/ListView.ts b/ts/WoltLabSuite/Core/Component/ListView.ts
new file mode 100644
index 00000000000..b06907da28d
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Component/ListView.ts
@@ -0,0 +1,144 @@
+/**
+ * Provides the program logic for list views.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import State, { StateChangeCause } from "./ListView/State";
+import { trigger as triggerDomChange } from "../Dom/Change/Listener";
+import { setInnerHtml, createFragmentFromHtml } from "../Dom/Util";
+import { getItems } from "../Api/ListViews/GetItems";
+import { element as scrollToElement } from "WoltLabSuite/Core/Ui/Scroll";
+import { wheneverFirstSeen } from "../Helper/Selector";
+import UiDropdownSimple from "../Ui/Dropdown/Simple";
+import { getItem } from "../Api/ListViews/GetItem";
+import { getBulkContextMenuOptions } from "../Api/Interactions/GetBulkContextMenuOptions";
+
+export class ListView {
+  readonly #viewClassName: string;
+  readonly #viewElement: HTMLElement;
+  readonly #state: State;
+  readonly #noItemsNotice: HTMLElement;
+  readonly #bulkInteractionProviderClassName: string;
+  #listViewParameters?: Map<string, string>;
+
+  constructor(
+    viewId: string,
+    viewClassName: string,
+    pageNo: number,
+    baseUrl: string = "",
+    sortField = "",
+    sortOrder = "ASC",
+    bulkInteractionProviderClassName: string,
+    listViewParameters?: Map<string, string>,
+  ) {
+    this.#viewClassName = viewClassName;
+    this.#viewElement = document.getElementById(`${viewId}_items`) as HTMLTableElement;
+    this.#noItemsNotice = document.getElementById(`${viewId}_noItemsNotice`) as HTMLElement;
+    this.#bulkInteractionProviderClassName = bulkInteractionProviderClassName;
+    this.#listViewParameters = listViewParameters;
+
+    this.#initInteractions();
+    this.#state = this.#setupState(viewId, pageNo, baseUrl, sortField, sortOrder);
+    this.#initEventListeners();
+  }
+
+  async #loadItems(cause: StateChangeCause): Promise<void> {
+    const response = (
+      await getItems(
+        this.#viewClassName,
+        this.#state.getPageNo(),
+        this.#state.getSortField(),
+        this.#state.getSortOrder(),
+        this.#state.getActiveFilters(),
+        this.#listViewParameters,
+      )
+    ).unwrap();
+    setInnerHtml(this.#viewElement, response.template);
+
+    this.#viewElement.hidden = response.totalItems === 0;
+    this.#noItemsNotice.hidden = response.totalItems !== 0;
+    this.#state.updateFromResponse(cause, response.pages, response.filterLabels);
+    if (cause === StateChangeCause.Pagination) {
+      scrollToElement(this.#viewElement);
+    }
+
+    triggerDomChange();
+  }
+
+  async #refreshItem(item: HTMLElement): Promise<void> {
+    const response = (await getItem(this.#viewClassName, item.dataset.objectId!, this.#listViewParameters)).unwrap();
+    item.replaceWith(createFragmentFromHtml(response.template));
+    this.#state.refreshSelection();
+    triggerDomChange();
+  }
+
+  #initInteractions(): void {
+    wheneverFirstSeen(`#${this.#viewElement.id} .listView__item`, (item) => {
+      item.querySelectorAll<HTMLElement>(".dropdownToggle").forEach((element) => {
+        let dropdown = UiDropdownSimple.getDropdownMenu(element.dataset.target!);
+        if (!dropdown) {
+          dropdown = element.closest(".dropdown")!.querySelector<HTMLElement>(".dropdownMenu")!;
+        }
+
+        dropdown?.querySelectorAll<HTMLButtonElement>("[data-interaction]").forEach((element) => {
+          element.addEventListener("click", () => {
+            item.dispatchEvent(
+              new CustomEvent("interaction:execute", {
+                detail: element.dataset,
+                bubbles: true,
+              }),
+            );
+          });
+        });
+      });
+    });
+  }
+
+  #initEventListeners(): void {
+    this.#viewElement.addEventListener("interaction:invalidate-all", () => {
+      void this.#loadItems(StateChangeCause.Change);
+    });
+
+    this.#viewElement.addEventListener("interaction:invalidate", (event) => {
+      void this.#refreshItem(event.target as HTMLElement);
+    });
+
+    this.#viewElement.addEventListener("interaction:remove", (event) => {
+      (event.target as HTMLElement).remove();
+      this.#checkEmptyList();
+    });
+
+    this.#viewElement.addEventListener("interaction:reset-selection", () => {
+      this.#state.resetSelection();
+    });
+  }
+
+  #setupState(viewId: string, pageNo: number, baseUrl: string, sortField: string, sortOrder: string): State {
+    const state = new State(viewId, this.#viewElement, pageNo, baseUrl, sortField, sortOrder);
+    state.addEventListener("list-view:change", (event) => {
+      void this.#loadItems(event.detail.source);
+    });
+    state.addEventListener("list-view:get-bulk-interactions", (event) => {
+      void this.#loadBulkInteractions(event.detail.objectIds);
+    });
+
+    return state;
+  }
+
+  async #loadBulkInteractions(objectIds: number[]): Promise<void> {
+    const response = await getBulkContextMenuOptions(this.#bulkInteractionProviderClassName, objectIds);
+    this.#state.setBulkInteractionContextMenuOptions(response.unwrap().template);
+  }
+
+  #checkEmptyList(): void {
+    if (this.#viewElement.querySelectorAll(".listView__item").length > 0) {
+      return;
+    }
+
+    void this.#loadItems(StateChangeCause.Change);
+  }
+}
diff --git a/ts/WoltLabSuite/Core/Component/ListView/Filter.ts b/ts/WoltLabSuite/Core/Component/ListView/Filter.ts
new file mode 100644
index 00000000000..779807bb0e5
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Component/ListView/Filter.ts
@@ -0,0 +1,140 @@
+/**
+ * Handles the filterung of list views.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { promiseMutex } from "../../Helper/PromiseMutex";
+import { dialogFactory } from "../Dialog";
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export class Filter extends EventTarget {
+  readonly #filterButton: HTMLButtonElement | null;
+  readonly #filterPills: HTMLElement | null;
+  #filters: Map<string, string> = new Map();
+
+  constructor(viewId: string) {
+    super();
+
+    this.#filterButton = document.getElementById(`${viewId}_filterButton`) as HTMLButtonElement;
+    this.#filterPills = document.getElementById(`${viewId}_filters`) as HTMLElement;
+
+    this.#setupEventListeners();
+  }
+
+  getActiveFilters(): Map<string, string> {
+    return new Map(this.#filters);
+  }
+
+  getQueryParameters(): [string, string][] {
+    const parameters: [string, string][] = [];
+
+    for (const [key, value] of this.#filters.entries()) {
+      parameters.push([`filters[${key}]`, value]);
+    }
+
+    return parameters;
+  }
+
+  updateFromSearchParams(params: URLSearchParams): void {
+    this.#filters.clear();
+
+    params.forEach((value, key) => {
+      const matches = key.match(/^filters\[([a-z0-9_]+)\]$/i);
+      if (matches) {
+        this.#filters.set(matches[1], value);
+      }
+    });
+  }
+
+  setFilterLabels(labels: ArrayLike<string>): void {
+    if (this.#filterPills === null) {
+      return;
+    }
+
+    this.#filterPills.innerHTML = "";
+    if (this.#filters.size === 0) {
+      return;
+    }
+
+    for (const key of this.#filters.keys()) {
+      const button = document.createElement("button");
+      button.type = "button";
+      button.classList.add("button", "small");
+      const icon = document.createElement("fa-icon");
+      icon.setIcon("circle-xmark");
+      button.append(icon, labels[key]);
+      button.addEventListener("click", () => {
+        this.#removeFilter(key);
+      });
+
+      this.#filterPills.append(button);
+    }
+  }
+
+  #setupEventListeners(): void {
+    if (this.#filterButton === null) {
+      return;
+    }
+
+    this.#filterButton.addEventListener(
+      "click",
+      promiseMutex(() => this.#showFilterDialog()),
+    );
+
+    if (this.#filterPills === null) {
+      return;
+    }
+
+    const filterButtons = this.#filterPills.querySelectorAll<HTMLButtonElement>("[data-filter]");
+    filterButtons.forEach((button) => {
+      this.#filters.set(button.dataset.filter!, button.dataset.filterValue!);
+      button.addEventListener("click", () => {
+        this.#removeFilter(button.dataset.filter!);
+      });
+    });
+  }
+
+  async #showFilterDialog(): Promise<void> {
+    const url = new URL(this.#filterButton!.dataset.endpoint!);
+    if (this.#filters) {
+      this.#filters.forEach((value, key) => {
+        url.searchParams.set(`filters[${key}]`, value);
+      });
+    }
+
+    const { ok, result } = await dialogFactory().usingFormBuilder().fromEndpoint(url.toString());
+
+    if (ok) {
+      this.#filters = new Map(Object.entries(result as ArrayLike<string>));
+
+      this.dispatchEvent(new CustomEvent("list-view:change"));
+    }
+  }
+
+  #removeFilter(filter: string): void {
+    this.#filters.delete(filter);
+
+    this.dispatchEvent(new CustomEvent("list-view:change"));
+  }
+}
+
+interface FilterEventMap {
+  "list-view:change": CustomEvent<void>;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export interface Filter extends EventTarget {
+  addEventListener: {
+    <T extends keyof FilterEventMap>(
+      type: T,
+      listener: (this: Filter, ev: FilterEventMap[T]) => any,
+      options?: boolean | AddEventListenerOptions,
+    ): void;
+  } & HTMLElement["addEventListener"];
+}
+
+export default Filter;
diff --git a/ts/WoltLabSuite/Core/Component/ListView/Selection.ts b/ts/WoltLabSuite/Core/Component/ListView/Selection.ts
new file mode 100644
index 00000000000..3b4551987b6
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Component/ListView/Selection.ts
@@ -0,0 +1,300 @@
+/**
+ * Handles the selection of list view items.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import { getStoragePrefix } from "WoltLabSuite/Core/Core";
+import DomUtil from "WoltLabSuite/Core/Dom/Util";
+import { wheneverFirstSeen } from "WoltLabSuite/Core/Helper/Selector";
+import { getPhrase } from "WoltLabSuite/Core/Language";
+import UiDropdownSimple, { getDropdownMenu, setAlignmentById } from "WoltLabSuite/Core/Ui/Dropdown/Simple";
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export class Selection extends EventTarget {
+  readonly #markAll: HTMLInputElement | null = null;
+  readonly #viewElement: HTMLElement;
+  readonly #selectionBar: HTMLElement | null = null;
+  readonly #bulkInteractionButton: HTMLButtonElement | null = null;
+  #bulkInteractionsPlaceholder: HTMLLIElement | null = null;
+  #bulkInteractionsLoadingDelay: number | undefined = undefined;
+
+  constructor(viewId: string, viewElement: HTMLElement) {
+    super();
+
+    this.#viewElement = viewElement;
+
+    this.#markAll = document.getElementById(`${viewId}_selectAllItems`) as HTMLInputElement;
+    this.#markAll?.addEventListener("change", () => {
+      this.#change(this.#markAll!.checked);
+    });
+
+    this.#selectionBar = document.getElementById(`${viewId}_selectionBar`) as HTMLElement;
+    this.#bulkInteractionButton = document.getElementById(`${viewId}_bulkInteractionButton`) as HTMLButtonElement;
+    this.#bulkInteractionButton?.addEventListener("click", () => {
+      this.#showBulkInteractionMenu();
+    });
+
+    document.getElementById(`${viewId}_resetSelectionButton`)?.addEventListener("click", () => {
+      this.resetSelection();
+    });
+
+    wheneverFirstSeen(`#${this.#viewElement.id} .listView__selectItem`, (checkbox: HTMLInputElement) => {
+      checkbox.addEventListener("change", () => {
+        this.#change();
+      });
+    });
+
+    this.#restoreSelection();
+  }
+
+  refresh(): void {
+    this.#restoreSelection();
+  }
+
+  getSelectedIds(): number[] {
+    const json = window.localStorage.getItem(this.#getStorageKey());
+    if (typeof json !== "string") {
+      return [];
+    }
+
+    let selectedIds: number[] = [];
+    try {
+      const value = JSON.parse(json);
+      if (Array.isArray(value)) {
+        selectedIds = value;
+      }
+    } catch {
+      if (window.ENABLE_DEBUG_MODE) {
+        console.error("Failed to deserialize the selection.", json);
+      }
+
+      return [];
+    }
+
+    return selectedIds;
+  }
+
+  #change(forceValue?: boolean, skipStorage = false): void {
+    const checkboxes = Array.from(this.#viewElement.querySelectorAll<HTMLInputElement>(".listView__selectItem"));
+    if (forceValue === undefined) {
+      if (this.#markAll !== null) {
+        const markedCheckboxes = checkboxes.filter((checkbox) => checkbox.checked).length;
+        if (markedCheckboxes === 0) {
+          this.#markAll.checked = false;
+          this.#markAll.indeterminate = false;
+        } else if (markedCheckboxes === checkboxes.length) {
+          this.#markAll.checked = true;
+          this.#markAll.indeterminate = false;
+        } else {
+          this.#markAll.checked = false;
+          this.#markAll.indeterminate = markedCheckboxes > 0 && markedCheckboxes !== checkboxes.length;
+        }
+      }
+    } else {
+      for (const checkbox of checkboxes) {
+        checkbox.checked = forceValue;
+      }
+    }
+
+    if (!skipStorage) {
+      this.#saveSelection(checkboxes);
+    }
+
+    this.#rebuildBulkInteractions();
+    this.#updateSelectionBar();
+  }
+
+  #saveSelection(checkboxes: HTMLInputElement[]): void {
+    const selection = new Map<number, boolean>();
+    checkboxes.forEach((checkbox) => {
+      const item = checkbox.closest(".listView__item") as HTMLElement;
+      const id = parseInt(item.dataset.objectId!);
+
+      selection.set(id, checkbox.checked);
+    });
+
+    // We support selection across pages thus we need to preserve the selection
+    // of objects that are not present on the current page.
+    const selectedIds = this.getSelectedIds().filter((id) => {
+      const checked = selection.get(id);
+      if (checked === undefined) {
+        // Object does not appear on this page, preserve the id.
+        return true;
+      }
+
+      return checked;
+    });
+
+    // Add any id that was previously not part of the stored selection.
+    selection.forEach((checked, id) => {
+      if (checked && !selectedIds.includes(id)) {
+        selectedIds.push(id);
+      }
+    });
+
+    window.localStorage.setItem(this.#getStorageKey(), JSON.stringify(selectedIds));
+  }
+
+  #restoreSelection(): void {
+    const selectedIds = this.getSelectedIds();
+
+    this.#viewElement.querySelectorAll(".listView__item").forEach((item: HTMLElement) => {
+      const id = parseInt(item.dataset.objectId!);
+      if (!selectedIds.includes(id)) {
+        return;
+      }
+
+      const checkbox = item.querySelector<HTMLInputElement>(".listView__selectItem");
+      if (checkbox) {
+        checkbox.checked = true;
+      }
+    });
+
+    this.#change(undefined, true);
+  }
+
+  #getStorageKey(): string {
+    return getStoragePrefix() + `listView-${this.#viewElement.id}-selection`;
+  }
+
+  #updateSelectionBar(): void {
+    const selectedIds = this.getSelectedIds();
+
+    if (!this.#selectionBar) {
+      return;
+    }
+
+    if (selectedIds.length === 0) {
+      this.#selectionBar.hidden = true;
+      return;
+    }
+
+    this.#selectionBar.hidden = false;
+    this.#bulkInteractionButton!.textContent = getPhrase("wcf.clipboard.button.numberOfSelectedItems", {
+      numberOfSelectedItems: selectedIds.length,
+    });
+  }
+
+  #showBulkInteractionMenu(): void {
+    if (this.#bulkInteractionsPlaceholder !== null) {
+      return;
+    }
+
+    this.dispatchEvent(
+      new CustomEvent("list-view:get-bulk-interactions", { detail: { objectIds: this.getSelectedIds() } }),
+    );
+
+    if (this.#bulkInteractionsLoadingDelay !== undefined) {
+      window.clearTimeout(this.#bulkInteractionsLoadingDelay);
+    }
+
+    // Delays the display of the available actions to prevent flicker and to
+    // smooth out the UX.
+    this.#bulkInteractionsLoadingDelay = window.setTimeout(() => {
+      this.#bulkInteractionsLoadingDelay = undefined;
+    }, 200);
+  }
+
+  setBulkInteractionContextMenuOptions(options: string): void {
+    const fragment = DomUtil.createFragmentFromHtml(options);
+    this.#rebuildBulkInteractions(fragment);
+  }
+
+  #rebuildBulkInteractions(fragment?: DocumentFragment): void {
+    if (fragment === undefined && this.#bulkInteractionsPlaceholder === null) {
+      // The call was made before the menu was shown for the first time.
+      return;
+    }
+
+    if (this.#bulkInteractionsLoadingDelay !== undefined && fragment !== undefined) {
+      // The server has already replied but the delay isn't over yet.
+      window.setTimeout(() => {
+        this.#rebuildBulkInteractions(fragment);
+      }, 20);
+
+      return;
+    }
+
+    const menuId = this.#bulkInteractionButton!.parentElement!.id;
+    const menu = getDropdownMenu(menuId);
+    if (menu === undefined) {
+      throw new Error("Could not find the dropdown menu for " + this.#bulkInteractionButton!.id);
+    }
+
+    const dividers = Array.from(menu.querySelectorAll<HTMLElement>(".dropdownDivider"));
+    const lastDivider = dividers[dividers.length - 1];
+
+    if (fragment === undefined) {
+      while (lastDivider.previousElementSibling !== null) {
+        lastDivider.previousElementSibling.remove();
+      }
+
+      menu.prepend(this.#bulkInteractionsPlaceholder!);
+      this.#bulkInteractionsPlaceholder = null;
+    } else {
+      if (this.#bulkInteractionsPlaceholder === null) {
+        this.#bulkInteractionsPlaceholder = lastDivider.previousElementSibling as HTMLLIElement;
+        this.#bulkInteractionsPlaceholder.remove();
+      }
+
+      menu.prepend(fragment);
+
+      this.#initBulkInteractions();
+    }
+
+    setAlignmentById(menuId);
+  }
+
+  resetSelection(): void {
+    if (this.#markAll !== null) {
+      this.#markAll.checked = false;
+      this.#markAll.indeterminate = false;
+    }
+
+    this.#viewElement
+      .querySelectorAll<HTMLInputElement>(".listView__selectItem")
+      .forEach((checkbox) => (checkbox.checked = false));
+
+    window.localStorage.removeItem(this.#getStorageKey());
+
+    this.#updateSelectionBar();
+  }
+
+  #initBulkInteractions(): void {
+    if (!this.#bulkInteractionButton) {
+      return;
+    }
+
+    const dropdown = UiDropdownSimple.getDropdownMenu(this.#bulkInteractionButton.dataset.target!);
+    dropdown?.querySelectorAll<HTMLButtonElement>("[data-bulk-interaction]").forEach((element) => {
+      element.addEventListener("click", () => {
+        this.#viewElement.dispatchEvent(
+          new CustomEvent("bulk-interaction", {
+            detail: element.dataset,
+          }),
+        );
+      });
+    });
+  }
+}
+
+interface SelectionEventMap {
+  "list-view:get-bulk-interactions": CustomEvent<{ objectIds: number[] }>;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export interface Selection extends EventTarget {
+  addEventListener: {
+    <T extends keyof SelectionEventMap>(
+      type: T,
+      listener: (this: Selection, ev: SelectionEventMap[T]) => any,
+      options?: boolean | AddEventListenerOptions,
+    ): void;
+  } & HTMLElement["addEventListener"];
+}
+
+export default Selection;
diff --git a/ts/WoltLabSuite/Core/Component/ListView/Sorting.ts b/ts/WoltLabSuite/Core/Component/ListView/Sorting.ts
new file mode 100644
index 00000000000..2687e339678
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Component/ListView/Sorting.ts
@@ -0,0 +1,107 @@
+/**
+ * Handles the sorting of list view items.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export class Sorting extends EventTarget {
+  #defaultSortField: string;
+  #defaultSortOrder: string;
+  #sortField: string;
+  #sortOrder: string;
+  #dropdownMenu: HTMLElement | undefined;
+
+  constructor(dropdownMenu: HTMLElement | undefined, sortField: string, sortOrder: string) {
+    super();
+
+    this.#sortField = sortField;
+    this.#defaultSortField = sortField;
+    this.#sortOrder = sortOrder;
+    this.#defaultSortOrder = sortOrder;
+    this.#dropdownMenu = dropdownMenu;
+
+    this.#dropdownMenu?.querySelectorAll<HTMLElement>("[data-sort-id]").forEach((element) => {
+      element.addEventListener("click", () => {
+        this.#sort(element.dataset.sortId!);
+      });
+    });
+
+    this.#renderActiveSorting();
+  }
+
+  getSortField(): string {
+    return this.#sortField;
+  }
+
+  getSortOrder(): string {
+    return this.#sortOrder;
+  }
+
+  getQueryParameters(): [string, string][] {
+    if (this.#sortField === "") {
+      return [];
+    }
+
+    return [
+      ["sortField", this.#sortField],
+      ["sortOrder", this.#sortOrder],
+    ];
+  }
+
+  updateFromSearchParams(params: URLSearchParams): void {
+    this.#sortField = this.#defaultSortField;
+    this.#sortOrder = this.#defaultSortOrder;
+
+    params.forEach((value, key) => {
+      if (key === "sortField") {
+        this.#sortField = value;
+      } else if (key === "sortOrder") {
+        this.#sortOrder = value;
+      }
+    });
+  }
+
+  #sort(sortField: string): void {
+    if (this.#sortField == sortField && this.#sortOrder == "ASC") {
+      this.#sortOrder = "DESC";
+    } else {
+      this.#sortField = sortField;
+      this.#sortOrder = "ASC";
+    }
+
+    this.#renderActiveSorting();
+
+    this.dispatchEvent(new CustomEvent("list-view:change"));
+  }
+
+  #renderActiveSorting(): void {
+    this.#dropdownMenu?.querySelectorAll<HTMLElement>("[data-sort-id]").forEach((element) => {
+      element.classList.remove("active", "ASC", "DESC");
+
+      if (element.dataset.sortId == this.#sortField) {
+        element.classList.add("active", this.#sortOrder);
+      }
+    });
+  }
+}
+
+interface SortingEventMap {
+  "list-view:change": CustomEvent<void>;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export interface Sorting extends EventTarget {
+  addEventListener: {
+    <T extends keyof SortingEventMap>(
+      type: T,
+      listener: (this: Sorting, ev: SortingEventMap[T]) => any,
+      options?: boolean | AddEventListenerOptions,
+    ): void;
+  } & HTMLElement["addEventListener"];
+}
+
+export default Sorting;
diff --git a/ts/WoltLabSuite/Core/Component/ListView/State.ts b/ts/WoltLabSuite/Core/Component/ListView/State.ts
new file mode 100644
index 00000000000..089cba1d5b6
--- /dev/null
+++ b/ts/WoltLabSuite/Core/Component/ListView/State.ts
@@ -0,0 +1,181 @@
+/**
+ * Handles the state of a list view.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+
+import Filter from "./Filter";
+import Selection from "./Selection";
+import Sorting from "./Sorting";
+
+export const enum StateChangeCause {
+  Change,
+  History,
+  Pagination,
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export class State extends EventTarget {
+  readonly #baseUrl: string;
+  readonly #filter: Filter;
+  readonly #pagination: WoltlabCorePaginationElement;
+  readonly #selection: Selection;
+  readonly #sorting: Sorting;
+  #pageNo: number;
+
+  constructor(
+    viewId: string,
+    viewElement: HTMLElement,
+    pageNo: number,
+    baseUrl: string,
+    sortField: string,
+    sortOrder: string,
+  ) {
+    super();
+
+    this.#baseUrl = baseUrl;
+    this.#pageNo = pageNo;
+
+    this.#pagination = document.getElementById(`${viewId}_pagination`) as WoltlabCorePaginationElement;
+    this.#pagination.addEventListener("switchPage", (event: CustomEvent) => {
+      void this.#switchPage(event.detail, StateChangeCause.Pagination);
+    });
+
+    this.#filter = new Filter(viewId);
+    this.#filter.addEventListener("list-view:change", () => {
+      this.#switchPage(1, StateChangeCause.Change);
+    });
+
+    this.#sorting = new Sorting(document.getElementById(`${viewId}_sorting`) ?? undefined, sortField, sortOrder);
+    this.#sorting.addEventListener("list-view:change", () => {
+      this.#switchPage(1, StateChangeCause.Change);
+    });
+
+    this.#selection = new Selection(viewId, viewElement);
+    this.#selection.addEventListener("list-view:get-bulk-interactions", (event) => {
+      this.dispatchEvent(
+        new CustomEvent("list-view:get-bulk-interactions", { detail: { objectIds: event.detail.objectIds } }),
+      );
+    });
+
+    window.addEventListener("popstate", () => {
+      this.#handlePopState();
+    });
+  }
+
+  getPageNo(): number {
+    return this.#pageNo;
+  }
+
+  getSortField(): string {
+    return this.#sorting.getSortField();
+  }
+
+  getSortOrder(): string {
+    return this.#sorting.getSortOrder();
+  }
+
+  getActiveFilters(): Map<string, string> {
+    return this.#filter.getActiveFilters();
+  }
+
+  getSelectedIds(): number[] {
+    return this.#selection.getSelectedIds();
+  }
+
+  updateFromResponse(cause: StateChangeCause, count: number, filterLabels: ArrayLike<string>): void {
+    this.#filter.setFilterLabels(filterLabels);
+    this.#pagination.count = count;
+    this.#selection.refresh();
+
+    if (cause === StateChangeCause.Change || cause === StateChangeCause.Pagination) {
+      this.#updateQueryString();
+    }
+  }
+
+  #switchPage(pageNo: number, source: StateChangeCause): void {
+    this.#pagination.page = pageNo;
+    this.#pageNo = pageNo;
+
+    this.dispatchEvent(new CustomEvent("list-view:change", { detail: { source } }));
+  }
+
+  #updateQueryString(): void {
+    if (!this.#baseUrl) {
+      return;
+    }
+
+    const url = new URL(this.#baseUrl);
+
+    const parameters: [string, string][] = [];
+    if (this.#pageNo > 1) {
+      parameters.push(["pageNo", this.#pageNo.toString()]);
+    }
+
+    for (const parameter of this.#sorting.getQueryParameters()) {
+      parameters.push(parameter);
+    }
+
+    for (const parameter of this.#filter.getQueryParameters()) {
+      parameters.push(parameter);
+    }
+
+    if (parameters.length > 0) {
+      url.search += url.search !== "" ? "&" : "?";
+      url.search += new URLSearchParams(parameters).toString();
+    }
+
+    window.history.pushState({}, document.title, url.toString());
+  }
+
+  #handlePopState(): void {
+    let pageNo = 1;
+
+    const { searchParams } = new URL(window.location.href);
+    const value = searchParams.get("pageNo");
+    if (value !== null) {
+      pageNo = parseInt(value);
+      if (Number.isNaN(pageNo) || pageNo < 1) {
+        pageNo = 1;
+      }
+    }
+
+    this.#filter.updateFromSearchParams(searchParams);
+    this.#sorting.updateFromSearchParams(searchParams);
+
+    this.#switchPage(pageNo, StateChangeCause.History);
+  }
+
+  setBulkInteractionContextMenuOptions(options: string): void {
+    this.#selection.setBulkInteractionContextMenuOptions(options);
+  }
+
+  resetSelection(): void {
+    this.#selection.resetSelection();
+  }
+
+  refreshSelection(): void {
+    this.#selection.refresh();
+  }
+}
+
+interface StateEventMap {
+  "list-view:change": CustomEvent<{ source: StateChangeCause }>;
+  "list-view:get-bulk-interactions": CustomEvent<{ objectIds: number[] }>;
+}
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+export interface State extends EventTarget {
+  addEventListener: {
+    <T extends keyof StateEventMap>(
+      type: T,
+      listener: (this: State, ev: StateEventMap[T]) => any,
+      options?: boolean | AddEventListenerOptions,
+    ): void;
+  } & HTMLElement["addEventListener"];
+}
+
+export default State;
diff --git a/ts/WoltLabSuite/Core/Component/Snackbar.ts b/ts/WoltLabSuite/Core/Component/Snackbar.ts
index 2f3279b1446..04e513bec88 100644
--- a/ts/WoltLabSuite/Core/Component/Snackbar.ts
+++ b/ts/WoltLabSuite/Core/Component/Snackbar.ts
@@ -223,6 +223,7 @@ class SnackbarProgress {
 
   setIteration(iteration: number): void {
     this.#iteration = iteration;
+    this.#snackbar.message = this.#getMessage();
   }
 
   markAsDone(): void {
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Api/ListViews/GetItem.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Api/ListViews/GetItem.js
new file mode 100644
index 00000000000..35b9046f4e2
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Api/ListViews/GetItem.js
@@ -0,0 +1,31 @@
+/**
+ * Gets a single item for rendering in a list view.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports", "WoltLabSuite/Core/Ajax/Backend", "../Result"], function (require, exports, Backend_1, Result_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getItem = getItem;
+    async function getItem(listViewClass, objectId, listViewParameters) {
+        const url = new URL(`${window.WSC_RPC_API_URL}core/list-views/item`);
+        url.searchParams.set("listView", listViewClass);
+        url.searchParams.set("objectID", objectId.toString());
+        if (listViewParameters) {
+            listViewParameters.forEach((value, key) => {
+                url.searchParams.set(`listViewParameters[${key}]`, value);
+            });
+        }
+        let response;
+        try {
+            response = (await (0, Backend_1.prepareRequest)(url).get().allowCaching().disableLoadingIndicator().fetchAsJson());
+        }
+        catch (e) {
+            return (0, Result_1.apiResultFromError)(e);
+        }
+        return (0, Result_1.apiResultFromValue)(response);
+    }
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Api/ListViews/GetItems.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Api/ListViews/GetItems.js
new file mode 100644
index 00000000000..da903de9923
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Api/ListViews/GetItems.js
@@ -0,0 +1,38 @@
+/**
+ * Gets the items for the rendering of a list view.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports", "WoltLabSuite/Core/Ajax/Backend", "../Result"], function (require, exports, Backend_1, Result_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getItems = getItems;
+    async function getItems(listViewClass, pageNo, sortField = "", sortOrder = "ASC", filters, listViewParameters) {
+        const url = new URL(`${window.WSC_RPC_API_URL}core/list-views/items`);
+        url.searchParams.set("listView", listViewClass);
+        url.searchParams.set("pageNo", pageNo.toString());
+        url.searchParams.set("sortField", sortField);
+        url.searchParams.set("sortOrder", sortOrder);
+        if (filters) {
+            filters.forEach((value, key) => {
+                url.searchParams.set(`filters[${key}]`, value);
+            });
+        }
+        if (listViewParameters) {
+            listViewParameters.forEach((value, key) => {
+                url.searchParams.set(`listViewParameters[${key}]`, value);
+            });
+        }
+        let response;
+        try {
+            response = (await (0, Backend_1.prepareRequest)(url).get().allowCaching().disableLoadingIndicator().fetchAsJson());
+        }
+        catch (e) {
+            return (0, Result_1.apiResultFromError)(e);
+        }
+        return (0, Result_1.apiResultFromValue)(response);
+    }
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView.js
new file mode 100644
index 00000000000..4215465bd38
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView.js
@@ -0,0 +1,104 @@
+/**
+ * Provides the program logic for list views.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports", "tslib", "./ListView/State", "../Dom/Change/Listener", "../Dom/Util", "../Api/ListViews/GetItems", "WoltLabSuite/Core/Ui/Scroll", "../Helper/Selector", "../Ui/Dropdown/Simple", "../Api/ListViews/GetItem", "../Api/Interactions/GetBulkContextMenuOptions"], function (require, exports, tslib_1, State_1, Listener_1, Util_1, GetItems_1, Scroll_1, Selector_1, Simple_1, GetItem_1, GetBulkContextMenuOptions_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ListView = void 0;
+    State_1 = tslib_1.__importDefault(State_1);
+    Simple_1 = tslib_1.__importDefault(Simple_1);
+    class ListView {
+        #viewClassName;
+        #viewElement;
+        #state;
+        #noItemsNotice;
+        #bulkInteractionProviderClassName;
+        #listViewParameters;
+        constructor(viewId, viewClassName, pageNo, baseUrl = "", sortField = "", sortOrder = "ASC", bulkInteractionProviderClassName, listViewParameters) {
+            this.#viewClassName = viewClassName;
+            this.#viewElement = document.getElementById(`${viewId}_items`);
+            this.#noItemsNotice = document.getElementById(`${viewId}_noItemsNotice`);
+            this.#bulkInteractionProviderClassName = bulkInteractionProviderClassName;
+            this.#listViewParameters = listViewParameters;
+            this.#initInteractions();
+            this.#state = this.#setupState(viewId, pageNo, baseUrl, sortField, sortOrder);
+            this.#initEventListeners();
+        }
+        async #loadItems(cause) {
+            const response = (await (0, GetItems_1.getItems)(this.#viewClassName, this.#state.getPageNo(), this.#state.getSortField(), this.#state.getSortOrder(), this.#state.getActiveFilters(), this.#listViewParameters)).unwrap();
+            (0, Util_1.setInnerHtml)(this.#viewElement, response.template);
+            this.#viewElement.hidden = response.totalItems === 0;
+            this.#noItemsNotice.hidden = response.totalItems !== 0;
+            this.#state.updateFromResponse(cause, response.pages, response.filterLabels);
+            if (cause === 2 /* StateChangeCause.Pagination */) {
+                (0, Scroll_1.element)(this.#viewElement);
+            }
+            (0, Listener_1.trigger)();
+        }
+        async #refreshItem(item) {
+            const response = (await (0, GetItem_1.getItem)(this.#viewClassName, item.dataset.objectId, this.#listViewParameters)).unwrap();
+            item.replaceWith((0, Util_1.createFragmentFromHtml)(response.template));
+            this.#state.refreshSelection();
+            (0, Listener_1.trigger)();
+        }
+        #initInteractions() {
+            (0, Selector_1.wheneverFirstSeen)(`#${this.#viewElement.id} .listView__item`, (item) => {
+                item.querySelectorAll(".dropdownToggle").forEach((element) => {
+                    let dropdown = Simple_1.default.getDropdownMenu(element.dataset.target);
+                    if (!dropdown) {
+                        dropdown = element.closest(".dropdown").querySelector(".dropdownMenu");
+                    }
+                    dropdown?.querySelectorAll("[data-interaction]").forEach((element) => {
+                        element.addEventListener("click", () => {
+                            item.dispatchEvent(new CustomEvent("interaction:execute", {
+                                detail: element.dataset,
+                                bubbles: true,
+                            }));
+                        });
+                    });
+                });
+            });
+        }
+        #initEventListeners() {
+            this.#viewElement.addEventListener("interaction:invalidate-all", () => {
+                void this.#loadItems(0 /* StateChangeCause.Change */);
+            });
+            this.#viewElement.addEventListener("interaction:invalidate", (event) => {
+                void this.#refreshItem(event.target);
+            });
+            this.#viewElement.addEventListener("interaction:remove", (event) => {
+                event.target.remove();
+                this.#checkEmptyList();
+            });
+            this.#viewElement.addEventListener("interaction:reset-selection", () => {
+                this.#state.resetSelection();
+            });
+        }
+        #setupState(viewId, pageNo, baseUrl, sortField, sortOrder) {
+            const state = new State_1.default(viewId, this.#viewElement, pageNo, baseUrl, sortField, sortOrder);
+            state.addEventListener("list-view:change", (event) => {
+                void this.#loadItems(event.detail.source);
+            });
+            state.addEventListener("list-view:get-bulk-interactions", (event) => {
+                void this.#loadBulkInteractions(event.detail.objectIds);
+            });
+            return state;
+        }
+        async #loadBulkInteractions(objectIds) {
+            const response = await (0, GetBulkContextMenuOptions_1.getBulkContextMenuOptions)(this.#bulkInteractionProviderClassName, objectIds);
+            this.#state.setBulkInteractionContextMenuOptions(response.unwrap().template);
+        }
+        #checkEmptyList() {
+            if (this.#viewElement.querySelectorAll(".listView__item").length > 0) {
+                return;
+            }
+            void this.#loadItems(0 /* StateChangeCause.Change */);
+        }
+    }
+    exports.ListView = ListView;
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Filter.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Filter.js
new file mode 100644
index 00000000000..ebe59468274
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Filter.js
@@ -0,0 +1,100 @@
+/**
+ * Handles the filterung of list views.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports", "../../Helper/PromiseMutex", "../Dialog"], function (require, exports, PromiseMutex_1, Dialog_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Filter = void 0;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+    class Filter extends EventTarget {
+        #filterButton;
+        #filterPills;
+        #filters = new Map();
+        constructor(viewId) {
+            super();
+            this.#filterButton = document.getElementById(`${viewId}_filterButton`);
+            this.#filterPills = document.getElementById(`${viewId}_filters`);
+            this.#setupEventListeners();
+        }
+        getActiveFilters() {
+            return new Map(this.#filters);
+        }
+        getQueryParameters() {
+            const parameters = [];
+            for (const [key, value] of this.#filters.entries()) {
+                parameters.push([`filters[${key}]`, value]);
+            }
+            return parameters;
+        }
+        updateFromSearchParams(params) {
+            this.#filters.clear();
+            params.forEach((value, key) => {
+                const matches = key.match(/^filters\[([a-z0-9_]+)\]$/i);
+                if (matches) {
+                    this.#filters.set(matches[1], value);
+                }
+            });
+        }
+        setFilterLabels(labels) {
+            if (this.#filterPills === null) {
+                return;
+            }
+            this.#filterPills.innerHTML = "";
+            if (this.#filters.size === 0) {
+                return;
+            }
+            for (const key of this.#filters.keys()) {
+                const button = document.createElement("button");
+                button.type = "button";
+                button.classList.add("button", "small");
+                const icon = document.createElement("fa-icon");
+                icon.setIcon("circle-xmark");
+                button.append(icon, labels[key]);
+                button.addEventListener("click", () => {
+                    this.#removeFilter(key);
+                });
+                this.#filterPills.append(button);
+            }
+        }
+        #setupEventListeners() {
+            if (this.#filterButton === null) {
+                return;
+            }
+            this.#filterButton.addEventListener("click", (0, PromiseMutex_1.promiseMutex)(() => this.#showFilterDialog()));
+            if (this.#filterPills === null) {
+                return;
+            }
+            const filterButtons = this.#filterPills.querySelectorAll("[data-filter]");
+            filterButtons.forEach((button) => {
+                this.#filters.set(button.dataset.filter, button.dataset.filterValue);
+                button.addEventListener("click", () => {
+                    this.#removeFilter(button.dataset.filter);
+                });
+            });
+        }
+        async #showFilterDialog() {
+            const url = new URL(this.#filterButton.dataset.endpoint);
+            if (this.#filters) {
+                this.#filters.forEach((value, key) => {
+                    url.searchParams.set(`filters[${key}]`, value);
+                });
+            }
+            const { ok, result } = await (0, Dialog_1.dialogFactory)().usingFormBuilder().fromEndpoint(url.toString());
+            if (ok) {
+                this.#filters = new Map(Object.entries(result));
+                this.dispatchEvent(new CustomEvent("list-view:change"));
+            }
+        }
+        #removeFilter(filter) {
+            this.#filters.delete(filter);
+            this.dispatchEvent(new CustomEvent("list-view:change"));
+        }
+    }
+    exports.Filter = Filter;
+    exports.default = Filter;
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Selection.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Selection.js
new file mode 100644
index 00000000000..37e5490299b
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Selection.js
@@ -0,0 +1,235 @@
+/**
+ * Handles the selection of list view items.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports", "tslib", "WoltLabSuite/Core/Core", "WoltLabSuite/Core/Dom/Util", "WoltLabSuite/Core/Helper/Selector", "WoltLabSuite/Core/Language", "WoltLabSuite/Core/Ui/Dropdown/Simple"], function (require, exports, tslib_1, Core_1, Util_1, Selector_1, Language_1, Simple_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Selection = void 0;
+    Util_1 = tslib_1.__importDefault(Util_1);
+    Simple_1 = tslib_1.__importStar(Simple_1);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+    class Selection extends EventTarget {
+        #markAll = null;
+        #viewElement;
+        #selectionBar = null;
+        #bulkInteractionButton = null;
+        #bulkInteractionsPlaceholder = null;
+        #bulkInteractionsLoadingDelay = undefined;
+        constructor(viewId, viewElement) {
+            super();
+            this.#viewElement = viewElement;
+            this.#markAll = document.getElementById(`${viewId}_selectAllItems`);
+            this.#markAll?.addEventListener("change", () => {
+                this.#change(this.#markAll.checked);
+            });
+            this.#selectionBar = document.getElementById(`${viewId}_selectionBar`);
+            this.#bulkInteractionButton = document.getElementById(`${viewId}_bulkInteractionButton`);
+            this.#bulkInteractionButton?.addEventListener("click", () => {
+                this.#showBulkInteractionMenu();
+            });
+            document.getElementById(`${viewId}_resetSelectionButton`)?.addEventListener("click", () => {
+                this.resetSelection();
+            });
+            (0, Selector_1.wheneverFirstSeen)(`#${this.#viewElement.id} .listView__selectItem`, (checkbox) => {
+                checkbox.addEventListener("change", () => {
+                    this.#change();
+                });
+            });
+            this.#restoreSelection();
+        }
+        refresh() {
+            this.#restoreSelection();
+        }
+        getSelectedIds() {
+            const json = window.localStorage.getItem(this.#getStorageKey());
+            if (typeof json !== "string") {
+                return [];
+            }
+            let selectedIds = [];
+            try {
+                const value = JSON.parse(json);
+                if (Array.isArray(value)) {
+                    selectedIds = value;
+                }
+            }
+            catch {
+                if (window.ENABLE_DEBUG_MODE) {
+                    console.error("Failed to deserialize the selection.", json);
+                }
+                return [];
+            }
+            return selectedIds;
+        }
+        #change(forceValue, skipStorage = false) {
+            const checkboxes = Array.from(this.#viewElement.querySelectorAll(".listView__selectItem"));
+            if (forceValue === undefined) {
+                if (this.#markAll !== null) {
+                    const markedCheckboxes = checkboxes.filter((checkbox) => checkbox.checked).length;
+                    if (markedCheckboxes === 0) {
+                        this.#markAll.checked = false;
+                        this.#markAll.indeterminate = false;
+                    }
+                    else if (markedCheckboxes === checkboxes.length) {
+                        this.#markAll.checked = true;
+                        this.#markAll.indeterminate = false;
+                    }
+                    else {
+                        this.#markAll.checked = false;
+                        this.#markAll.indeterminate = markedCheckboxes > 0 && markedCheckboxes !== checkboxes.length;
+                    }
+                }
+            }
+            else {
+                for (const checkbox of checkboxes) {
+                    checkbox.checked = forceValue;
+                }
+            }
+            if (!skipStorage) {
+                this.#saveSelection(checkboxes);
+            }
+            this.#rebuildBulkInteractions();
+            this.#updateSelectionBar();
+        }
+        #saveSelection(checkboxes) {
+            const selection = new Map();
+            checkboxes.forEach((checkbox) => {
+                const item = checkbox.closest(".listView__item");
+                const id = parseInt(item.dataset.objectId);
+                selection.set(id, checkbox.checked);
+            });
+            // We support selection across pages thus we need to preserve the selection
+            // of objects that are not present on the current page.
+            const selectedIds = this.getSelectedIds().filter((id) => {
+                const checked = selection.get(id);
+                if (checked === undefined) {
+                    // Object does not appear on this page, preserve the id.
+                    return true;
+                }
+                return checked;
+            });
+            // Add any id that was previously not part of the stored selection.
+            selection.forEach((checked, id) => {
+                if (checked && !selectedIds.includes(id)) {
+                    selectedIds.push(id);
+                }
+            });
+            window.localStorage.setItem(this.#getStorageKey(), JSON.stringify(selectedIds));
+        }
+        #restoreSelection() {
+            const selectedIds = this.getSelectedIds();
+            this.#viewElement.querySelectorAll(".listView__item").forEach((item) => {
+                const id = parseInt(item.dataset.objectId);
+                if (!selectedIds.includes(id)) {
+                    return;
+                }
+                const checkbox = item.querySelector(".listView__selectItem");
+                if (checkbox) {
+                    checkbox.checked = true;
+                }
+            });
+            this.#change(undefined, true);
+        }
+        #getStorageKey() {
+            return (0, Core_1.getStoragePrefix)() + `listView-${this.#viewElement.id}-selection`;
+        }
+        #updateSelectionBar() {
+            const selectedIds = this.getSelectedIds();
+            if (!this.#selectionBar) {
+                return;
+            }
+            if (selectedIds.length === 0) {
+                this.#selectionBar.hidden = true;
+                return;
+            }
+            this.#selectionBar.hidden = false;
+            this.#bulkInteractionButton.textContent = (0, Language_1.getPhrase)("wcf.clipboard.button.numberOfSelectedItems", {
+                numberOfSelectedItems: selectedIds.length,
+            });
+        }
+        #showBulkInteractionMenu() {
+            if (this.#bulkInteractionsPlaceholder !== null) {
+                return;
+            }
+            this.dispatchEvent(new CustomEvent("list-view:get-bulk-interactions", { detail: { objectIds: this.getSelectedIds() } }));
+            if (this.#bulkInteractionsLoadingDelay !== undefined) {
+                window.clearTimeout(this.#bulkInteractionsLoadingDelay);
+            }
+            // Delays the display of the available actions to prevent flicker and to
+            // smooth out the UX.
+            this.#bulkInteractionsLoadingDelay = window.setTimeout(() => {
+                this.#bulkInteractionsLoadingDelay = undefined;
+            }, 200);
+        }
+        setBulkInteractionContextMenuOptions(options) {
+            const fragment = Util_1.default.createFragmentFromHtml(options);
+            this.#rebuildBulkInteractions(fragment);
+        }
+        #rebuildBulkInteractions(fragment) {
+            if (fragment === undefined && this.#bulkInteractionsPlaceholder === null) {
+                // The call was made before the menu was shown for the first time.
+                return;
+            }
+            if (this.#bulkInteractionsLoadingDelay !== undefined && fragment !== undefined) {
+                // The server has already replied but the delay isn't over yet.
+                window.setTimeout(() => {
+                    this.#rebuildBulkInteractions(fragment);
+                }, 20);
+                return;
+            }
+            const menuId = this.#bulkInteractionButton.parentElement.id;
+            const menu = (0, Simple_1.getDropdownMenu)(menuId);
+            if (menu === undefined) {
+                throw new Error("Could not find the dropdown menu for " + this.#bulkInteractionButton.id);
+            }
+            const dividers = Array.from(menu.querySelectorAll(".dropdownDivider"));
+            const lastDivider = dividers[dividers.length - 1];
+            if (fragment === undefined) {
+                while (lastDivider.previousElementSibling !== null) {
+                    lastDivider.previousElementSibling.remove();
+                }
+                menu.prepend(this.#bulkInteractionsPlaceholder);
+                this.#bulkInteractionsPlaceholder = null;
+            }
+            else {
+                if (this.#bulkInteractionsPlaceholder === null) {
+                    this.#bulkInteractionsPlaceholder = lastDivider.previousElementSibling;
+                    this.#bulkInteractionsPlaceholder.remove();
+                }
+                menu.prepend(fragment);
+                this.#initBulkInteractions();
+            }
+            (0, Simple_1.setAlignmentById)(menuId);
+        }
+        resetSelection() {
+            if (this.#markAll !== null) {
+                this.#markAll.checked = false;
+                this.#markAll.indeterminate = false;
+            }
+            this.#viewElement
+                .querySelectorAll(".listView__selectItem")
+                .forEach((checkbox) => (checkbox.checked = false));
+            window.localStorage.removeItem(this.#getStorageKey());
+            this.#updateSelectionBar();
+        }
+        #initBulkInteractions() {
+            if (!this.#bulkInteractionButton) {
+                return;
+            }
+            const dropdown = Simple_1.default.getDropdownMenu(this.#bulkInteractionButton.dataset.target);
+            dropdown?.querySelectorAll("[data-bulk-interaction]").forEach((element) => {
+                element.addEventListener("click", () => {
+                    this.#viewElement.dispatchEvent(new CustomEvent("bulk-interaction", {
+                        detail: element.dataset,
+                    }));
+                });
+            });
+        }
+    }
+    exports.Selection = Selection;
+    exports.default = Selection;
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Sorting.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Sorting.js
new file mode 100644
index 00000000000..ee5fd187ba2
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/Sorting.js
@@ -0,0 +1,83 @@
+/**
+ * Handles the sorting of list view items.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports"], function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.Sorting = void 0;
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+    class Sorting extends EventTarget {
+        #defaultSortField;
+        #defaultSortOrder;
+        #sortField;
+        #sortOrder;
+        #dropdownMenu;
+        constructor(dropdownMenu, sortField, sortOrder) {
+            super();
+            this.#sortField = sortField;
+            this.#defaultSortField = sortField;
+            this.#sortOrder = sortOrder;
+            this.#defaultSortOrder = sortOrder;
+            this.#dropdownMenu = dropdownMenu;
+            this.#dropdownMenu?.querySelectorAll("[data-sort-id]").forEach((element) => {
+                element.addEventListener("click", () => {
+                    this.#sort(element.dataset.sortId);
+                });
+            });
+            this.#renderActiveSorting();
+        }
+        getSortField() {
+            return this.#sortField;
+        }
+        getSortOrder() {
+            return this.#sortOrder;
+        }
+        getQueryParameters() {
+            if (this.#sortField === "") {
+                return [];
+            }
+            return [
+                ["sortField", this.#sortField],
+                ["sortOrder", this.#sortOrder],
+            ];
+        }
+        updateFromSearchParams(params) {
+            this.#sortField = this.#defaultSortField;
+            this.#sortOrder = this.#defaultSortOrder;
+            params.forEach((value, key) => {
+                if (key === "sortField") {
+                    this.#sortField = value;
+                }
+                else if (key === "sortOrder") {
+                    this.#sortOrder = value;
+                }
+            });
+        }
+        #sort(sortField) {
+            if (this.#sortField == sortField && this.#sortOrder == "ASC") {
+                this.#sortOrder = "DESC";
+            }
+            else {
+                this.#sortField = sortField;
+                this.#sortOrder = "ASC";
+            }
+            this.#renderActiveSorting();
+            this.dispatchEvent(new CustomEvent("list-view:change"));
+        }
+        #renderActiveSorting() {
+            this.#dropdownMenu?.querySelectorAll("[data-sort-id]").forEach((element) => {
+                element.classList.remove("active", "ASC", "DESC");
+                if (element.dataset.sortId == this.#sortField) {
+                    element.classList.add("active", this.#sortOrder);
+                }
+            });
+        }
+    }
+    exports.Sorting = Sorting;
+    exports.default = Sorting;
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/State.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/State.js
new file mode 100644
index 00000000000..69465512804
--- /dev/null
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/ListView/State.js
@@ -0,0 +1,123 @@
+/**
+ * Handles the state of a list view.
+ *
+ * @author Marcel Werk
+ * @copyright 2001-2025 WoltLab GmbH
+ * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since 6.2
+ */
+define(["require", "exports", "tslib", "./Filter", "./Selection", "./Sorting"], function (require, exports, tslib_1, Filter_1, Selection_1, Sorting_1) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.State = void 0;
+    Filter_1 = tslib_1.__importDefault(Filter_1);
+    Selection_1 = tslib_1.__importDefault(Selection_1);
+    Sorting_1 = tslib_1.__importDefault(Sorting_1);
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-declaration-merging
+    class State extends EventTarget {
+        #baseUrl;
+        #filter;
+        #pagination;
+        #selection;
+        #sorting;
+        #pageNo;
+        constructor(viewId, viewElement, pageNo, baseUrl, sortField, sortOrder) {
+            super();
+            this.#baseUrl = baseUrl;
+            this.#pageNo = pageNo;
+            this.#pagination = document.getElementById(`${viewId}_pagination`);
+            this.#pagination.addEventListener("switchPage", (event) => {
+                void this.#switchPage(event.detail, 2 /* StateChangeCause.Pagination */);
+            });
+            this.#filter = new Filter_1.default(viewId);
+            this.#filter.addEventListener("list-view:change", () => {
+                this.#switchPage(1, 0 /* StateChangeCause.Change */);
+            });
+            this.#sorting = new Sorting_1.default(document.getElementById(`${viewId}_sorting`) ?? undefined, sortField, sortOrder);
+            this.#sorting.addEventListener("list-view:change", () => {
+                this.#switchPage(1, 0 /* StateChangeCause.Change */);
+            });
+            this.#selection = new Selection_1.default(viewId, viewElement);
+            this.#selection.addEventListener("list-view:get-bulk-interactions", (event) => {
+                this.dispatchEvent(new CustomEvent("list-view:get-bulk-interactions", { detail: { objectIds: event.detail.objectIds } }));
+            });
+            window.addEventListener("popstate", () => {
+                this.#handlePopState();
+            });
+        }
+        getPageNo() {
+            return this.#pageNo;
+        }
+        getSortField() {
+            return this.#sorting.getSortField();
+        }
+        getSortOrder() {
+            return this.#sorting.getSortOrder();
+        }
+        getActiveFilters() {
+            return this.#filter.getActiveFilters();
+        }
+        getSelectedIds() {
+            return this.#selection.getSelectedIds();
+        }
+        updateFromResponse(cause, count, filterLabels) {
+            this.#filter.setFilterLabels(filterLabels);
+            this.#pagination.count = count;
+            this.#selection.refresh();
+            if (cause === 0 /* StateChangeCause.Change */ || cause === 2 /* StateChangeCause.Pagination */) {
+                this.#updateQueryString();
+            }
+        }
+        #switchPage(pageNo, source) {
+            this.#pagination.page = pageNo;
+            this.#pageNo = pageNo;
+            this.dispatchEvent(new CustomEvent("list-view:change", { detail: { source } }));
+        }
+        #updateQueryString() {
+            if (!this.#baseUrl) {
+                return;
+            }
+            const url = new URL(this.#baseUrl);
+            const parameters = [];
+            if (this.#pageNo > 1) {
+                parameters.push(["pageNo", this.#pageNo.toString()]);
+            }
+            for (const parameter of this.#sorting.getQueryParameters()) {
+                parameters.push(parameter);
+            }
+            for (const parameter of this.#filter.getQueryParameters()) {
+                parameters.push(parameter);
+            }
+            if (parameters.length > 0) {
+                url.search += url.search !== "" ? "&" : "?";
+                url.search += new URLSearchParams(parameters).toString();
+            }
+            window.history.pushState({}, document.title, url.toString());
+        }
+        #handlePopState() {
+            let pageNo = 1;
+            const { searchParams } = new URL(window.location.href);
+            const value = searchParams.get("pageNo");
+            if (value !== null) {
+                pageNo = parseInt(value);
+                if (Number.isNaN(pageNo) || pageNo < 1) {
+                    pageNo = 1;
+                }
+            }
+            this.#filter.updateFromSearchParams(searchParams);
+            this.#sorting.updateFromSearchParams(searchParams);
+            this.#switchPage(pageNo, 1 /* StateChangeCause.History */);
+        }
+        setBulkInteractionContextMenuOptions(options) {
+            this.#selection.setBulkInteractionContextMenuOptions(options);
+        }
+        resetSelection() {
+            this.#selection.resetSelection();
+        }
+        refreshSelection() {
+            this.#selection.refresh();
+        }
+    }
+    exports.State = State;
+    exports.default = State;
+});
diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/Snackbar.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/Snackbar.js
index f4bbdff1971..72b8644af92 100644
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Component/Snackbar.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Component/Snackbar.js
@@ -167,6 +167,7 @@ define(["require", "exports", "WoltLabSuite/Core/Language", "WoltLabSuite/Core/H
         }
         setIteration(iteration) {
             this.#iteration = iteration;
+            this.#snackbar.message = this.#getMessage();
         }
         markAsDone() {
             this.#snackbar.markAsDone();
diff --git a/wcfsetup/install/files/lib/action/ListViewFilterAction.class.php b/wcfsetup/install/files/lib/action/ListViewFilterAction.class.php
new file mode 100644
index 00000000000..4ad01c478f5
--- /dev/null
+++ b/wcfsetup/install/files/lib/action/ListViewFilterAction.class.php
@@ -0,0 +1,119 @@
+<?php
+
+namespace wcf\action;
+
+use Laminas\Diactoros\Response\JsonResponse;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use wcf\data\DatabaseObject;
+use wcf\data\DatabaseObjectList;
+use wcf\data\IStorableObject;
+use wcf\http\Helper;
+use wcf\system\exception\IllegalLinkException;
+use wcf\system\exception\PermissionDeniedException;
+use wcf\system\exception\UserInputException;
+use wcf\system\form\builder\data\processor\CustomFormDataProcessor;
+use wcf\system\form\builder\IFormDocument;
+use wcf\system\form\builder\Psr15DialogForm;
+use wcf\system\listView\AbstractListView;
+use wcf\system\WCF;
+
+/**
+ * Handles the filter dialog of list views.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ListViewFilterAction implements RequestHandlerInterface
+{
+    #[\Override]
+    public function handle(ServerRequestInterface $request): ResponseInterface
+    {
+        $parameters = Helper::mapQueryParameters(
+            $request->getQueryParams(),
+            <<<'EOT'
+                array {
+                    listView: string,
+                    filters: string[],
+                    listViewParameters: string[]
+                }
+                EOT
+        );
+
+        if (!\is_subclass_of($parameters['listView'], AbstractListView::class)) {
+            throw new UserInputException('listView', 'invalid');
+        }
+
+        /** @var AbstractListView<DatabaseObject, DatabaseObjectList<DatabaseObject>> $view */
+        $view = new $parameters['listView'](...$parameters['listViewParameters']);
+
+        if (!$view->isAccessible()) {
+            throw new PermissionDeniedException();
+        }
+
+        if (!$view->isFilterable()) {
+            throw new IllegalLinkException();
+        }
+
+        $form = $this->getForm($view, $parameters['filters']);
+
+        if ($request->getMethod() === 'GET') {
+            return $form->toResponse();
+        } elseif ($request->getMethod() === 'POST') {
+            $response = $form->validateRequest($request);
+            if ($response !== null) {
+                return $response;
+            }
+            $rawData = $form->getData();
+            $data = $rawData['data'];
+            // This code is required to bypass the strange behavior of the LabelFormField.
+            if (!empty($rawData['labelIDs'])) {
+                foreach ($rawData['labelIDs'] as $groupID => $value) {
+                    $data['labelIDs' . $groupID] = $value;
+                }
+            }
+
+            foreach ($data as $key => $value) {
+                if ($value === '' || $value === null) {
+                    unset($data[$key]);
+                }
+            }
+
+            return new JsonResponse([
+                'result' => $data
+            ]);
+        } else {
+            throw new \LogicException('Unreachable');
+        }
+    }
+
+    /**
+     * @param AbstractListView<DatabaseObject, DatabaseObjectList<DatabaseObject>> $listView
+     * @param array<string, mixed> $values
+     */
+    private function getForm(AbstractListView $listView, array $values): Psr15DialogForm
+    {
+        $form = new Psr15DialogForm(
+            static::class,
+            WCF::getLanguage()->get('wcf.global.filter')
+        );
+
+        foreach ($listView->getAvailableFilters() as $filter) {
+            $formField = $filter->getFormField();
+
+            if (isset($values[$filter->getID()])) {
+                $formField->value($values[$filter->getID()]);
+            }
+
+            $form->appendChild($formField);
+        }
+
+        $form->markRequiredFields(false);
+        $form->build();
+
+        return $form;
+    }
+}
diff --git a/wcfsetup/install/files/lib/bootstrap/com.woltlab.wcf.php b/wcfsetup/install/files/lib/bootstrap/com.woltlab.wcf.php
index aafa6c163e4..ffe0cc78eb6 100644
--- a/wcfsetup/install/files/lib/bootstrap/com.woltlab.wcf.php
+++ b/wcfsetup/install/files/lib/bootstrap/com.woltlab.wcf.php
@@ -140,6 +140,8 @@ static function (\wcf\event\endpoint\ControllerCollecting $event) {
             $event->register(new \wcf\system\endpoint\controller\core\gridViews\GetRows());
             $event->register(new \wcf\system\endpoint\controller\core\gridViews\GetRow());
             $event->register(new \wcf\system\endpoint\controller\core\cronjobs\logs\ClearLogs());
+            $event->register(new \wcf\system\endpoint\controller\core\listViews\GetItems());
+            $event->register(new \wcf\system\endpoint\controller\core\listViews\GetItem());
             $event->register(new \wcf\system\endpoint\controller\core\messages\GetMentionSuggestions());
             $event->register(new \wcf\system\endpoint\controller\core\messages\RenderQuote());
             $event->register(new \wcf\system\endpoint\controller\core\messages\GetMessageAuthor());
diff --git a/wcfsetup/install/files/lib/event/interaction/bulk/user/ArticleBulkInteractionCollecting.class.php b/wcfsetup/install/files/lib/event/interaction/bulk/user/ArticleBulkInteractionCollecting.class.php
new file mode 100644
index 00000000000..68f7ef23bc9
--- /dev/null
+++ b/wcfsetup/install/files/lib/event/interaction/bulk/user/ArticleBulkInteractionCollecting.class.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace wcf\event\interaction\bulk\user;
+
+use wcf\event\IPsr14Event;
+use wcf\system\interaction\bulk\user\ArticleBulkInteractions;
+
+/**
+ * Indicates that the provider for article bulk interactions is collecting interactions.
+ *
+ * @author      Olaf Braun
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ArticleBulkInteractionCollecting implements IPsr14Event
+{
+    public function __construct(public readonly ArticleBulkInteractions $provider) {}
+}
diff --git a/wcfsetup/install/files/lib/event/interaction/user/ArticleInteractionCollecting.class.php b/wcfsetup/install/files/lib/event/interaction/user/ArticleInteractionCollecting.class.php
new file mode 100644
index 00000000000..6e93d52a63f
--- /dev/null
+++ b/wcfsetup/install/files/lib/event/interaction/user/ArticleInteractionCollecting.class.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace wcf\event\interaction\user;
+
+use wcf\event\IPsr14Event;
+use wcf\system\interaction\user\ArticleInteractions;
+
+/**
+ * Indicates that the provider for article interactions is collecting interactions.
+ *
+ * @author      Olaf Braun
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ArticleInteractionCollecting implements IPsr14Event
+{
+    public function __construct(public readonly ArticleInteractions $provider) {}
+}
diff --git a/wcfsetup/install/files/lib/event/listView/user/ArticleListViewInitialized.class.php b/wcfsetup/install/files/lib/event/listView/user/ArticleListViewInitialized.class.php
new file mode 100644
index 00000000000..9df08244781
--- /dev/null
+++ b/wcfsetup/install/files/lib/event/listView/user/ArticleListViewInitialized.class.php
@@ -0,0 +1,19 @@
+<?php
+
+namespace wcf\event\listView\user;
+
+use wcf\event\IPsr14Event;
+use wcf\system\listView\user\ArticleListView;
+
+/**
+ * Indicates that the article list view has been initialized.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ArticleListViewInitialized implements IPsr14Event
+{
+    public function __construct(public readonly ArticleListView $listView) {}
+}
diff --git a/wcfsetup/install/files/lib/page/AbstractListViewPage.class.php b/wcfsetup/install/files/lib/page/AbstractListViewPage.class.php
new file mode 100644
index 00000000000..7ce00cdda65
--- /dev/null
+++ b/wcfsetup/install/files/lib/page/AbstractListViewPage.class.php
@@ -0,0 +1,101 @@
+<?php
+
+namespace wcf\page;
+
+use wcf\system\exception\PermissionDeniedException;
+use wcf\system\request\LinkHandler;
+use wcf\system\listView\AbstractListView;
+use wcf\system\WCF;
+
+/**
+ * Abstract implementation of a page that is rendering a list view.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ *
+ * @template TListView of AbstractListView
+ */
+abstract class AbstractListViewPage extends AbstractPage
+{
+    protected int $pageNo = 1;
+    protected string $sortField = '';
+    protected string $sortOrder = '';
+
+    /**
+     * @var TListView
+     */
+    protected AbstractListView $listView;
+
+    /**
+     * @var mixed[]
+     */
+    protected array $filters = [];
+
+    #[\Override]
+    public function readParameters()
+    {
+        parent::readParameters();
+
+        if (isset($_REQUEST['pageNo'])) {
+            $this->pageNo = \intval($_REQUEST['pageNo']);
+        }
+        if (isset($_REQUEST['sortField'])) {
+            $this->sortField = $_REQUEST['sortField'];
+        }
+        if (isset($_REQUEST['sortOrder']) && ($_REQUEST['sortOrder'] === 'ASC' || $_REQUEST['sortOrder'] === 'DESC')) {
+            $this->sortOrder = $_REQUEST['sortOrder'];
+        }
+        if (isset($_REQUEST['filters']) && \is_array($_REQUEST['filters'])) {
+            $this->filters = $_REQUEST['filters'];
+        }
+    }
+
+    #[\Override]
+    public function readData()
+    {
+        parent::readData();
+
+        $this->initListView();
+    }
+
+    #[\Override]
+    public function assignVariables()
+    {
+        parent::assignVariables();
+
+        WCF::getTPL()->assign([
+            'listView' => $this->listView,
+        ]);
+    }
+
+    protected function initListView(): void
+    {
+        $this->listView = $this->createListView();
+        if (!$this->listView->isAccessible()) {
+            throw new PermissionDeniedException();
+        }
+
+        if ($this->sortField) {
+            $this->listView->setSortField($this->sortField);
+        }
+        if ($this->sortOrder) {
+            $this->listView->setSortOrder($this->sortOrder);
+        }
+        if ($this->filters !== []) {
+            $this->listView->setActiveFilters($this->filters);
+        }
+        if ($this->pageNo != 1) {
+            $this->listView->setPageNo($this->pageNo);
+        }
+        $this->listView->setBaseUrl(LinkHandler::getInstance()->getControllerLink(static::class));
+    }
+
+    /**
+     * Returns the list view instance for the rendering of this page.
+     *
+     * @return TListView
+     */
+    protected abstract function createListView(): AbstractListView;
+}
diff --git a/wcfsetup/install/files/lib/page/ArticleListPage.class.php b/wcfsetup/install/files/lib/page/ArticleListPage.class.php
index b1008ff0d2e..0e20c149398 100644
--- a/wcfsetup/install/files/lib/page/ArticleListPage.class.php
+++ b/wcfsetup/install/files/lib/page/ArticleListPage.class.php
@@ -2,273 +2,57 @@
 
 namespace wcf\page;
 
-use wcf\data\article\AccessibleArticleList;
-use wcf\data\article\category\ArticleCategory;
-use wcf\data\label\group\ViewableLabelGroup;
-use wcf\data\object\type\ObjectTypeCache;
-use wcf\data\user\User;
-use wcf\system\exception\IllegalLinkException;
-use wcf\system\label\LabelHandler;
 use wcf\system\language\LanguageFactory;
-use wcf\system\request\LinkHandler;
+use wcf\system\listView\user\ArticleListView;
 use wcf\system\WCF;
-use wcf\util\HeaderUtil;
 
 /**
  * Shows a list of cms articles.
  *
- * @author  Marcel Werk
- * @copyright   2001-2019 WoltLab GmbH
- * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
- * @since   3.0
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       3.0
  *
- * @extends SortablePage<AccessibleArticleList>
+ * @extends AbstractListViewPage<ArticleListView>
  */
-class ArticleListPage extends SortablePage
+class ArticleListPage extends AbstractListViewPage
 {
-    /**
-     * @inheritDoc
-     */
-    public $itemsPerPage = ARTICLES_PER_PAGE;
-
     /**
      * @inheritDoc
      */
     public $neededModules = ['MODULE_ARTICLE'];
 
     /**
-     * @inheritDoc
-     */
-    public $sortField = 'time';
-
-    /**
-     * @inheritDoc
-     */
-    public $sortOrder = ARTICLE_SORT_ORDER;
-
-    /**
-     * @inheritDoc
-     */
-    public $objectListClassName = AccessibleArticleList::class;
-
-    /**
-     * label filter
-     * @var int[]
-     */
-    public $labelIDs = [];
-
-    /**
-     * list of available label groups
-     * @var ViewableLabelGroup[]
-     */
-    public $labelGroups = [];
-
-    /**
-     * controller name
-     * @var string
-     */
-    public $controllerName = 'ArticleList';
-
-    /**
-     * url parameters
-     * @var array<string, mixed>
-     */
-    public $controllerParameters = ['application' => 'wcf'];
-
-    /**
-     * @var ?User
-     * @since   5.2
-     */
-    public $user;
-
-    /**
-     * @inheritDoc
+     * Displays the 'Add Article' dialog on load.
      */
-    public $defaultSortField = 'time';
+    public bool $showArticleAddDialog = false;
 
-    /**
-     * @inheritDoc
-     */
-    public $defaultSortOrder = 'DESC';
-
-    /**
-     * @inheritDoc
-     */
-    public $validSortFields = ['title', 'time'];
-
-    /**
-     * display 'Add Article' dialog on load
-     * @var int
-     */
-    public $showArticleAddDialog = 0;
-
-    /**
-     * @inheritDoc
-     */
+    #[\Override]
     public function readParameters()
     {
         parent::readParameters();
 
         if (!empty($_REQUEST['showArticleAddDialog'])) {
-            $this->showArticleAddDialog = 1;
+            $this->showArticleAddDialog = true;
         }
-
-        // read available label groups
-        $this->labelGroups = $this->getLabelGroups();
-        if (!empty($this->labelGroups) && isset($_REQUEST['labelIDs']) && \is_array($_REQUEST['labelIDs'])) {
-            $this->labelIDs = $_REQUEST['labelIDs'];
-
-            foreach ($this->labelIDs as $groupID => $labelID) {
-                $isValid = false;
-
-                // ignore zero-values
-                if (!\is_array($labelID) && $labelID) {
-                    if (isset($this->labelGroups[$groupID]) && ($labelID == -1 || $this->labelGroups[$groupID]->isValid($labelID))) {
-                        $isValid = true;
-                    }
-                }
-
-                if (!$isValid) {
-                    unset($this->labelIDs[$groupID]);
-                }
-            }
-        }
-
-        if (!empty($_GET['userID'])) {
-            $this->user = new User(\intval($_GET['userID']));
-            if (!$this->user->userID) {
-                throw new IllegalLinkException();
-            }
-
-            $this->controllerParameters['userID'] = $this->user->userID;
-        }
-
-        if (!empty($_POST)) {
-            $labelParameters = '';
-            if (!empty($this->labelIDs)) {
-                foreach ($this->labelIDs as $groupID => $labelID) {
-                    $labelParameters .= 'labelIDs[' . $groupID . ']=' . $labelID . '&';
-                }
-            }
-
-            HeaderUtil::redirect(LinkHandler::getInstance()->getLink(
-                $this->controllerName,
-                $this->controllerParameters,
-                \rtrim($labelParameters, '&')
-            ));
-
-            exit;
-        }
-
-        $this->canonicalURL = LinkHandler::getInstance()->getLink(
-            'ArticleList',
-            $this->controllerParameters,
-            ($this->pageNo > 1 ? 'pageNo=' . $this->pageNo : '')
-        );
     }
 
-    /**
-     * Returns the label groups shown on this page.
-     *
-     * @return      ViewableLabelGroup[]
-     * @since       5.4
-     */
-    protected function getLabelGroups(): array
+    #[\Override]
+    protected function createListView(): ArticleListView
     {
-        return ArticleCategory::getAccessibleLabelGroups('canViewLabel');
+        return new ArticleListView();
     }
 
-    /**
-     * @inheritDoc
-     */
-    protected function initObjectList()
-    {
-        parent::initObjectList();
-
-        $this->applyFilters();
-
-        if ($this->sortField === 'title') {
-            if (!empty($this->objectList->sqlSelects)) {
-                $this->objectList->sqlSelects .= ',';
-            }
-            $this->objectList->sqlSelects .= "(
-                SELECT  title
-                FROM    wcf1_article_content
-                WHERE   articleID = article.articleID
-                    AND (
-                            languageID IS NULL
-                         OR languageID = " . WCF::getLanguage()->languageID . "
-                         )
-                LIMIT   1
-            ) AS title";
-        }
-    }
-
-    /**
-     * @return void
-     */
-    protected function applyFilters()
-    {
-        if ($this->user) {
-            $this->objectList->getConditionBuilder()->add("article.userID = ?", [$this->user->userID]);
-        }
-
-        // filter by label
-        if (!empty($this->labelIDs)) {
-            $objectTypeID = ObjectTypeCache::getInstance()->getObjectTypeByName(
-                'com.woltlab.wcf.label.object',
-                'com.woltlab.wcf.article'
-            )->objectTypeID;
-
-            foreach ($this->labelIDs as $groupID => $labelID) {
-                if ($labelID == -1) {
-                    $groupLabelIDs = LabelHandler::getInstance()->getLabelGroup($groupID)->getLabelIDs();
-
-                    if (!empty($groupLabelIDs)) {
-                        $this->objectList->getConditionBuilder()->add(
-                            'article.articleID NOT IN (
-                                SELECT  objectID
-                                FROM    wcf1_label_object
-                                WHERE   objectTypeID = ?
-                                    AND labelID IN (?)
-                            )',
-                            [
-                                $objectTypeID,
-                                $groupLabelIDs,
-                            ]
-                        );
-                    }
-                } else {
-                    $this->objectList->getConditionBuilder()->add(
-                        'article.articleID IN (
-                            SELECT  objectID
-                            FROM    wcf1_label_object
-                            WHERE   objectTypeID = ?
-                                AND labelID = ?
-                        )',
-                        [
-                            $objectTypeID,
-                            $labelID,
-                        ]
-                    );
-                }
-            }
-        }
-    }
-
-    /**
-     * @inheritDoc
-     */
+    #[\Override]
     public function assignVariables()
     {
         parent::assignVariables();
 
         WCF::getTPL()->assign([
-            'labelGroups' => $this->labelGroups,
-            'labelIDs' => $this->labelIDs,
-            'controllerName' => $this->controllerName,
-            'controllerObject' => null,
-            'user' => $this->user,
+            'canManageArticles' => WCF::getSession()->getPermission('admin.content.article.canManageArticle')
+                || WCF::getSession()->getPermission('admin.content.article.canManageOwnArticles')
+                || WCF::getSession()->getPermission('admin.content.article.canContributeArticle'),
             'categoryID' => 0,
             'showArticleAddDialog' => $this->showArticleAddDialog,
             'availableLanguages' => LanguageFactory::getInstance()->getLanguages(),
diff --git a/wcfsetup/install/files/lib/page/CategoryArticleListPage.class.php b/wcfsetup/install/files/lib/page/CategoryArticleListPage.class.php
index a64d03d4267..c5c23a45336 100644
--- a/wcfsetup/install/files/lib/page/CategoryArticleListPage.class.php
+++ b/wcfsetup/install/files/lib/page/CategoryArticleListPage.class.php
@@ -3,45 +3,36 @@
 namespace wcf\page;
 
 use wcf\data\article\category\ArticleCategory;
-use wcf\data\article\CategoryArticleList;
 use wcf\system\exception\IllegalLinkException;
 use wcf\system\exception\PermissionDeniedException;
+use wcf\system\listView\user\ArticleListView;
+use wcf\system\listView\user\CategoryArticleListView;
 use wcf\system\MetaTagHandler;
 use wcf\system\page\PageLocationManager;
-use wcf\system\request\LinkHandler;
 use wcf\system\WCF;
 use wcf\util\StringUtil;
 
 /**
  * Shows a list of cms articles in a certain category.
  *
- * @author  Marcel Werk
- * @copyright   2001-2019 WoltLab GmbH
- * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
- * @since   3.0
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       3.0
  */
 class CategoryArticleListPage extends ArticleListPage
 {
     /**
-     * category the listed articles belong to
-     * @var ArticleCategory
+     * Category the listed articles belong to.
      */
-    public $category;
+    public ?ArticleCategory $category = null;
 
     /**
-     * id of the category the listed articles belong to
-     * @var int
+     * Id of the category the listed articles belong to.
      */
-    public $categoryID = 0;
+    public int $categoryID = 0;
 
-    /**
-     * @inheritDoc
-     */
-    public $controllerName = 'CategoryArticleList';
-
-    /**
-     * @inheritDoc
-     */
+    #[\Override]
     public function readParameters()
     {
         if (isset($_REQUEST['id'])) {
@@ -51,30 +42,17 @@ public function readParameters()
         if ($this->category === null) {
             throw new IllegalLinkException();
         }
-        $this->controllerParameters['object'] = $this->category;
-        parent::readParameters();
 
-        $this->canonicalURL = LinkHandler::getInstance()->getLink('CategoryArticleList', [
-            'object' => $this->category,
-        ], ($this->pageNo > 1 ? 'pageNo=' . $this->pageNo : ''));
-
-        if ($this->category->sortField) {
-            $this->sortField = $this->category->sortField;
-            $this->sortOrder = $this->category->sortOrder;
-        }
+        parent::readParameters();
     }
 
-    /**
-     * @inheritDoc
-     */
-    protected function getLabelGroups(): array
+    #[\Override]
+    protected function createListView(): ArticleListView
     {
-        return $this->category->getLabelGroups('canViewLabel');
+        return new CategoryArticleListView($this->category->categoryID);
     }
 
-    /**
-     * @inheritDoc
-     */
+    #[\Override]
     public function checkPermissions()
     {
         parent::checkPermissions();
@@ -84,31 +62,7 @@ public function checkPermissions()
         }
     }
 
-    /**
-     * @inheritDoc
-     */
-    protected function initObjectList()
-    {
-        $this->objectList = new CategoryArticleList($this->categoryID, true);
-        $this->applyFilters();
-
-        if ($this->sortField === 'title') {
-            $this->objectList->sqlSelects = "(
-                SELECT  title
-                FROM    wcf1_article_content
-                WHERE   articleID = article.articleID
-                    AND (
-                            languageID IS NULL
-                         OR languageID = " . WCF::getLanguage()->languageID . "
-                         )
-                LIMIT   1
-            ) AS title";
-        }
-    }
-
-    /**
-     * @inheritDoc
-     */
+    #[\Override]
     public function readData()
     {
         parent::readData();
@@ -149,9 +103,7 @@ public function readData()
         }
     }
 
-    /**
-     * @inheritDoc
-     */
+    #[\Override]
     public function assignVariables()
     {
         parent::assignVariables();
@@ -159,7 +111,6 @@ public function assignVariables()
         WCF::getTPL()->assign([
             'categoryID' => $this->categoryID,
             'category' => $this->category,
-            'controllerObject' => $this->category,
         ]);
     }
 }
diff --git a/wcfsetup/install/files/lib/page/UnreadArticleListPage.class.php b/wcfsetup/install/files/lib/page/UnreadArticleListPage.class.php
index 9b611fcd811..5dba3d0590e 100644
--- a/wcfsetup/install/files/lib/page/UnreadArticleListPage.class.php
+++ b/wcfsetup/install/files/lib/page/UnreadArticleListPage.class.php
@@ -2,16 +2,14 @@
 
 namespace wcf\page;
 
-use wcf\system\request\LinkHandler;
-use wcf\system\visitTracker\VisitTracker;
-use wcf\system\WCF;
+use wcf\system\listView\user\ArticleListView;
 
 /**
  * Shows a list of unread articles.
  *
- * @author  Joshua Ruesweg
- * @copyright   2001-2019 WoltLab GmbH
- * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @author      Joshua Ruesweg
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
  * @since       5.2
  */
 class UnreadArticleListPage extends ArticleListPage
@@ -24,46 +22,14 @@ class UnreadArticleListPage extends ArticleListPage
     /**
      * @inheritDoc
      */
-    public $neededModules = ['MODULE_ARTICLE'];
+    public $templateName = 'articleList';
 
-    /**
-     * @inheritDoc
-     */
-    public $controllerName = 'UnreadArticleList';
-
-    /**
-     * @inheritDoc
-     */
-    public function readParameters()
+    #[\Override]
+    protected function createListView(): ArticleListView
     {
-        parent::readParameters();
-
-        $this->canonicalURL = LinkHandler::getInstance()->getLink(
-            'UnreadArticleList',
-            $this->controllerParameters,
-            ($this->pageNo > 1 ? 'pageNo=' . $this->pageNo : '')
-        );
-    }
-
-    /**
-     * @inheritDoc
-     */
-    public function initObjectList()
-    {
-        parent::initObjectList();
-
-        $this->objectList->getConditionBuilder()->add(
-            'article.time > ?',
-            [VisitTracker::getInstance()->getVisitTime('com.woltlab.wcf.article')]
-        );
+        $listView = parent::createListView();
+        $listView->setActiveFilters(['unread' => 1]);
 
-        if (WCF::getUser()->userID) {
-            $this->objectList->sqlConditionJoins = "
-                LEFT JOIN   wcf1_tracked_visit tracked_visit
-                ON          tracked_visit.objectTypeID = " . VisitTracker::getInstance()->getObjectTypeID('com.woltlab.wcf.article') . "
-                        AND tracked_visit.objectID = article.articleID
-                        AND tracked_visit.userID = " . WCF::getUser()->userID;
-            $this->objectList->getConditionBuilder()->add("(article.time > tracked_visit.visitTime OR tracked_visit.visitTime IS NULL)");
-        }
+        return $listView;
     }
 }
diff --git a/wcfsetup/install/files/lib/page/WatchedArticleListPage.class.php b/wcfsetup/install/files/lib/page/WatchedArticleListPage.class.php
index eb6a224e1ee..cbf7de86f7b 100644
--- a/wcfsetup/install/files/lib/page/WatchedArticleListPage.class.php
+++ b/wcfsetup/install/files/lib/page/WatchedArticleListPage.class.php
@@ -2,17 +2,14 @@
 
 namespace wcf\page;
 
-use wcf\data\article\category\ArticleCategory;
-use wcf\data\article\CategoryArticleList;
-use wcf\system\exception\IllegalLinkException;
-use wcf\system\request\LinkHandler;
+use wcf\system\listView\user\ArticleListView;
 
 /**
  * Shows a list of articles in watched categories.
  *
- * @author  Joshua Ruesweg
- * @copyright   2001-2019 WoltLab GmbH
- * @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @author      Joshua Ruesweg
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
  * @since       5.2
  */
 class WatchedArticleListPage extends ArticleListPage
@@ -25,33 +22,14 @@ class WatchedArticleListPage extends ArticleListPage
     /**
      * @inheritDoc
      */
-    public $controllerName = 'WatchedArticleList';
+    public $templateName = 'articleList';
 
-    /**
-     * @inheritDoc
-     */
-    public function readParameters()
-    {
-        parent::readParameters();
-
-        if (empty(ArticleCategory::getSubscribedCategoryIDs())) {
-            throw new IllegalLinkException();
-        }
-
-        $this->canonicalURL = LinkHandler::getInstance()->getLink(
-            'WatchedArticleList',
-            $this->controllerParameters,
-            ($this->pageNo > 1 ? 'pageNo=' . $this->pageNo : '')
-        );
-    }
-
-    /**
-     * @inheritDoc
-     */
-    protected function initObjectList()
+    #[\Override]
+    protected function createListView(): ArticleListView
     {
-        $this->objectList = new CategoryArticleList(ArticleCategory::getSubscribedCategoryIDs());
+        $listView = parent::createListView();
+        $listView->setActiveFilters(['watched' => 1]);
 
-        $this->applyFilters();
+        return $listView;
     }
 }
diff --git a/wcfsetup/install/files/lib/system/WCF.class.php b/wcfsetup/install/files/lib/system/WCF.class.php
index 177748f0ca3..0149b704e9d 100644
--- a/wcfsetup/install/files/lib/system/WCF.class.php
+++ b/wcfsetup/install/files/lib/system/WCF.class.php
@@ -512,6 +512,9 @@ protected function defineLegacyOptions(): void
 
         // The option for the SFS action has been converted into a general option with version 6.1.
         \define('BLACKLIST_SFS_ACTION', 'disable');
+
+        // The option to show an article counter in the message sidebar was removed with version 6.2.
+        \define('MESSAGE_SIDEBAR_ENABLE_ARTICLES', 0);
     }
 
     /**
diff --git a/wcfsetup/install/files/lib/system/endpoint/controller/core/listViews/GetItem.class.php b/wcfsetup/install/files/lib/system/endpoint/controller/core/listViews/GetItem.class.php
new file mode 100644
index 00000000000..ab1b7376a62
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/endpoint/controller/core/listViews/GetItem.class.php
@@ -0,0 +1,61 @@
+<?php
+
+namespace wcf\system\endpoint\controller\core\listViews;
+
+use Laminas\Diactoros\Response\JsonResponse;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use wcf\http\Helper;
+use wcf\system\endpoint\GetRequest;
+use wcf\system\endpoint\IController;
+use wcf\system\exception\PermissionDeniedException;
+use wcf\system\exception\UserInputException;
+use wcf\system\listView\AbstractListView;
+
+/**
+ * Retrieves a single item for a list view.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+#[GetRequest('/core/list-views/item')]
+final class GetItem implements IController
+{
+    #[\Override]
+    public function __invoke(ServerRequestInterface $request, array $variables): ResponseInterface
+    {
+        $parameters = Helper::mapApiParameters($request, GetItemParameters::class);
+
+        if (!\is_subclass_of($parameters->listView, AbstractListView::class)) {
+            throw new UserInputException('listView', 'invalid');
+        }
+
+        $view = new $parameters->listView(...$parameters->listViewParameters);
+        // @phpstan-ignore function.alreadyNarrowedType, instanceof.alwaysTrue
+        \assert($view instanceof AbstractListView);
+
+        if (!$view->isAccessible()) {
+            throw new PermissionDeniedException();
+        }
+
+        $view->setObjectIDFilter($parameters->objectID);
+
+        return new JsonResponse([
+            'template' => $view->renderItems(),
+        ]);
+    }
+}
+
+/** @internal */
+final class GetItemParameters
+{
+    public function __construct(
+        /** @var non-empty-string */
+        public readonly string $listView,
+        public readonly string|int $objectID,
+        /** @var array<string, string> */
+        public readonly array $listViewParameters,
+    ) {}
+}
diff --git a/wcfsetup/install/files/lib/system/endpoint/controller/core/listViews/GetItems.class.php b/wcfsetup/install/files/lib/system/endpoint/controller/core/listViews/GetItems.class.php
new file mode 100644
index 00000000000..53ffe73647e
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/endpoint/controller/core/listViews/GetItems.class.php
@@ -0,0 +1,83 @@
+<?php
+
+namespace wcf\system\endpoint\controller\core\listViews;
+
+use Laminas\Diactoros\Response\JsonResponse;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use wcf\http\Helper;
+use wcf\system\endpoint\GetRequest;
+use wcf\system\endpoint\IController;
+use wcf\system\exception\PermissionDeniedException;
+use wcf\system\exception\UserInputException;
+use wcf\system\listView\AbstractListView;
+
+/**
+ * Retrieves the items for a list view.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+#[GetRequest('/core/list-views/items')]
+final class GetItems implements IController
+{
+    #[\Override]
+    public function __invoke(ServerRequestInterface $request, array $variables): ResponseInterface
+    {
+        $parameters = Helper::mapApiParameters($request, GetItemsParameters::class);
+
+        if (!\is_subclass_of($parameters->listView, AbstractListView::class)) {
+            throw new UserInputException('listView', 'invalid');
+        }
+
+        $view = new $parameters->listView(...$parameters->listViewParameters);
+        // @phpstan-ignore function.alreadyNarrowedType, instanceof.alwaysTrue
+        \assert($view instanceof AbstractListView);
+
+        if (!$view->isAccessible()) {
+            throw new PermissionDeniedException();
+        }
+
+        $view->setPageNo($parameters->pageNo);
+        if ($parameters->sortField) {
+            $view->setSortField($parameters->sortField);
+        }
+        if ($parameters->sortOrder) {
+            $view->setSortOrder($parameters->sortOrder);
+        }
+
+        if ($parameters->filters !== []) {
+            $view->setActiveFilters($parameters->filters);
+        }
+
+        $filterLabels = [];
+        foreach (\array_keys($parameters->filters) as $key) {
+            $filterLabels[$key] = $view->getFilterLabel($key);
+        }
+
+        return new JsonResponse([
+            'template' => $view->renderItems(),
+            'pages' => $view->countPages(),
+            'totalItems' => $view->countItems(),
+            'filterLabels' => $filterLabels,
+        ]);
+    }
+}
+
+/** @internal */
+final class GetItemsParameters
+{
+    public function __construct(
+        /** @var non-empty-string */
+        public readonly string $listView,
+        public readonly int $pageNo,
+        public readonly string $sortField,
+        public readonly string $sortOrder,
+        /** @var string[] */
+        public readonly array $filters,
+        /** @var string[] */
+        public readonly array $listViewParameters,
+    ) {}
+}
diff --git a/wcfsetup/install/files/lib/system/interaction/InteractionContextMenuView.class.php b/wcfsetup/install/files/lib/system/interaction/InteractionContextMenuView.class.php
index 02e828f2e23..6b08318d3ed 100644
--- a/wcfsetup/install/files/lib/system/interaction/InteractionContextMenuView.class.php
+++ b/wcfsetup/install/files/lib/system/interaction/InteractionContextMenuView.class.php
@@ -30,6 +30,11 @@ public function renderContextMenuOptions(DatabaseObject $object): string
 
     public function renderButton(DatabaseObject $object): string
     {
+        $options = $this->renderContextMenuOptions($object);
+        if (!$options) {
+            return '';
+        }
+
         return WCF::getTPL()->render(
             'wcf',
             'shared_interactionButton',
diff --git a/wcfsetup/install/files/lib/system/interaction/bulk/user/ArticleBulkInteractions.class.php b/wcfsetup/install/files/lib/system/interaction/bulk/user/ArticleBulkInteractions.class.php
new file mode 100644
index 00000000000..3f80348d8c5
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/interaction/bulk/user/ArticleBulkInteractions.class.php
@@ -0,0 +1,96 @@
+<?php
+
+namespace wcf\system\interaction\bulk\user;
+
+use wcf\data\article\AccessibleArticleList;
+use wcf\data\article\Article;
+use wcf\data\article\ViewableArticle;
+use wcf\event\interaction\bulk\user\ArticleBulkInteractionCollecting;
+use wcf\system\event\EventHandler;
+use wcf\system\interaction\bulk\AbstractBulkInteractionProvider;
+use wcf\system\interaction\bulk\BulkDeleteInteraction;
+use wcf\system\interaction\bulk\BulkRestoreInteraction;
+use wcf\system\interaction\bulk\BulkRpcInteraction;
+use wcf\system\interaction\bulk\BulkTrashInteraction;
+use wcf\system\interaction\InteractionConfirmationType;
+use wcf\system\WCF;
+
+/**
+ * Bulk interaction provider for articles.
+ *
+ * @author      Olaf Braun
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ArticleBulkInteractions extends AbstractBulkInteractionProvider
+{
+    public function __construct()
+    {
+        if (!WCF::getSession()->getPermission('admin.content.article.canManageArticle')) {
+            return;
+        }
+
+        $this->addInteractions([
+            new BulkTrashInteraction('core/articles/%s/trash', function (ViewableArticle $article): bool {
+                if (!$article->canDelete()) {
+                    return false;
+                }
+
+                return $article->isDeleted !== 1;
+            }),
+            new BulkRestoreInteraction('core/articles/%s/restore', function (ViewableArticle $article): bool {
+                if (!$article->canDelete()) {
+                    return false;
+                }
+
+                return $article->isDeleted === 1;
+            }),
+            new BulkDeleteInteraction('core/articles/%s', function (ViewableArticle $article): bool {
+                if (!$article->canDelete()) {
+                    return false;
+                }
+
+                return $article->isDeleted === 1;
+            }),
+            new BulkRpcInteraction(
+                'publish',
+                'core/articles/%s/publish',
+                'wcf.article.button.publish',
+                InteractionConfirmationType::None,
+                '',
+                function (ViewableArticle $article): bool {
+                    if (!$article->canPublish()) {
+                        return false;
+                    }
+
+                    return $article->publicationStatus !== Article::PUBLISHED;
+                }
+            ),
+            new BulkRpcInteraction(
+                'unpublish',
+                'core/articles/%s/unpublish',
+                'wcf.article.button.unpublish',
+                InteractionConfirmationType::None,
+                '',
+                function (ViewableArticle $article): bool {
+                    if (!$article->canPublish()) {
+                        return false;
+                    }
+
+                    return $article->publicationStatus === Article::PUBLISHED;
+                }
+            ),
+        ]);
+
+        EventHandler::getInstance()->fire(
+            new ArticleBulkInteractionCollecting($this)
+        );
+    }
+
+    #[\Override]
+    public function getObjectListClassName(): string
+    {
+        return AccessibleArticleList::class;
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/interaction/user/ArticleInteractions.class.php b/wcfsetup/install/files/lib/system/interaction/user/ArticleInteractions.class.php
new file mode 100644
index 00000000000..cd9dda6d49c
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/interaction/user/ArticleInteractions.class.php
@@ -0,0 +1,92 @@
+<?php
+
+namespace wcf\system\interaction\user;
+
+use wcf\data\article\Article;
+use wcf\data\article\ViewableArticle;
+use wcf\event\interaction\user\ArticleInteractionCollecting;
+use wcf\form\ArticleEditForm;
+use wcf\system\event\EventHandler;
+use wcf\system\interaction\AbstractInteractionProvider;
+use wcf\system\interaction\DeleteInteraction;
+use wcf\system\interaction\Divider;
+use wcf\system\interaction\EditInteraction;
+use wcf\system\interaction\RestoreInteraction;
+use wcf\system\interaction\RpcInteraction;
+use wcf\system\interaction\TrashInteraction;
+
+/**
+ * Interaction provider for articles.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ArticleInteractions extends AbstractInteractionProvider
+{
+    public function __construct()
+    {
+        $this->addInteractions([
+            new TrashInteraction('core/articles/%s/trash', function (ViewableArticle $article): bool {
+                if (!$article->canDelete()) {
+                    return false;
+                }
+
+                return $article->isDeleted !== 1;
+            }),
+            new RestoreInteraction('core/articles/%s/restore', function (ViewableArticle $article): bool {
+                if (!$article->canDelete()) {
+                    return false;
+                }
+
+                return $article->isDeleted === 1;
+            }),
+            new DeleteInteraction('core/articles/%s', function (ViewableArticle $article): bool {
+                if (!$article->canDelete()) {
+                    return false;
+                }
+
+                return $article->isDeleted === 1;
+            }),
+            new RpcInteraction(
+                'publish',
+                'core/articles/%s/publish',
+                'wcf.article.button.publish',
+                isAvailableCallback: static function (ViewableArticle $article): bool {
+                    if (!$article->canPublish()) {
+                        return false;
+                    }
+
+                    return $article->publicationStatus !== Article::PUBLISHED;
+                }
+            ),
+            new RpcInteraction(
+                'unpublish',
+                'core/articles/%s/unpublish',
+                'wcf.article.button.unpublish',
+                isAvailableCallback: static function (ViewableArticle $article): bool {
+                    if (!$article->canPublish()) {
+                        return false;
+                    }
+
+                    return $article->publicationStatus === Article::PUBLISHED;
+                }
+            ),
+            new Divider(),
+            new EditInteraction(ArticleEditForm::class, function (ViewableArticle $article): bool {
+                return $article->canEdit();
+            })
+        ]);
+
+        EventHandler::getInstance()->fire(
+            new ArticleInteractionCollecting($this)
+        );
+    }
+
+    #[\Override]
+    public function getObjectClassName(): string
+    {
+        return Article::class;
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/AbstractListView.class.php b/wcfsetup/install/files/lib/system/listView/AbstractListView.class.php
new file mode 100644
index 00000000000..c43125af780
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/AbstractListView.class.php
@@ -0,0 +1,570 @@
+<?php
+
+namespace wcf\system\listView;
+
+use wcf\action\ListViewFilterAction;
+use wcf\data\DatabaseObject;
+use wcf\data\DatabaseObjectDecorator;
+use wcf\data\DatabaseObjectList;
+use wcf\event\IPsr14Event;
+use wcf\system\event\EventHandler;
+use wcf\system\interaction\bulk\IBulkInteractionProvider;
+use wcf\system\interaction\IInteractionProvider;
+use wcf\system\interaction\InteractionContextMenuView;
+use wcf\system\listView\filter\IListViewFilter;
+use wcf\system\request\LinkHandler;
+use wcf\system\WCF;
+
+/**
+ * Abstract implementation of a list view.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ *
+ * @template TDatabaseObject of DatabaseObject|DatabaseObjectDecorator
+ * @template TDatabaseObjectList of DatabaseObjectList
+ */
+abstract class AbstractListView
+{
+    private int $objectCount;
+    private int $itemsPerPage = 20;
+    private string $baseUrl = '';
+    private string $sortField = '';
+    private string $sortOrder = 'ASC';
+    private string $cssClassName = '';
+    private int $pageNo = 1;
+    private string|int|null $objectIDFilter = null;
+    private ?IInteractionProvider $interactionProvider = null;
+    private ?IBulkInteractionProvider $bulkInteractionProvider = null;
+    private InteractionContextMenuView $interactionContextMenuView;
+
+    /**
+     * @var array<string, string>
+     */
+    private array $activeFilters = [];
+
+    /**
+     * @var array<string, ListViewSortField>
+     */
+    private array $availableSortFields = [];
+
+    /**
+     * @var array<string, IListViewFilter>
+     */
+    private array $availableFilters = [];
+
+    /**
+     * @var TDatabaseObject[]
+     */
+    private array $objects;
+
+    /**
+     * @var TDatabaseObjectList
+     */
+    private DatabaseObjectList $objectList;
+
+    /**
+     * Returns the number of items per page.
+     */
+    public function getItemsPerPage(): int
+    {
+        return $this->itemsPerPage;
+    }
+
+    /**
+     * Sets the number of items per page.
+     */
+    public function setItemsPerPage(int $itemsPerPage): void
+    {
+        $this->itemsPerPage = $itemsPerPage;
+    }
+
+    /**
+     * Sets the sort field of the list view.
+     */
+    public function setSortField(string $sortField): void
+    {
+        if (!isset($this->availableSortFields[$sortField])) {
+            throw new \InvalidArgumentException("Invalid value '{$sortField}' as sort field given.");
+        }
+
+        $this->sortField = $sortField;
+    }
+
+    /**
+     * Sets the sort order of the list view.
+     */
+    public function setSortOrder(string $sortOrder): void
+    {
+        if ($sortOrder !== 'ASC' && $sortOrder !== 'DESC') {
+            throw new \InvalidArgumentException("Invalid value '{$sortOrder}' as sort order given.");
+        }
+
+        $this->sortOrder = $sortOrder;
+    }
+
+    /**
+     * Returns the sort field of the list view.
+     */
+    public function getSortField(): string
+    {
+        return $this->sortField;
+    }
+
+    /**
+     * Returns the sort order of the list view.
+     */
+    public function getSortOrder(): string
+    {
+        return $this->sortOrder;
+    }
+
+    /**
+     * Returns the page number.
+     */
+    public function getPageNo(): int
+    {
+        return $this->pageNo;
+    }
+
+    /**
+     * Sets the page number.
+     */
+    public function setPageNo(int $pageNo): void
+    {
+        $this->pageNo = $pageNo;
+    }
+
+    /**
+     * Sets the active filter values.
+     *
+     * @param mixed[] $filters
+     */
+    public function setActiveFilters(array $filters): void
+    {
+        $this->activeFilters = $filters;
+    }
+
+    /**
+     * Returns the active filter values.
+     *
+     * @return mixed[]
+     */
+    public function getActiveFilters(): array
+    {
+        return $this->activeFilters;
+    }
+
+    /**
+     * Sets the base url of the list view.
+     */
+    public function setBaseUrl(string $url): void
+    {
+        $this->baseUrl = $url;
+    }
+
+    /**
+     * Returns the base url of the list view.
+     */
+    public function getBaseUrl(): string
+    {
+        return $this->baseUrl;
+    }
+
+    /**
+     * Initializes the database object list.
+     */
+    protected function initObjectList(): void
+    {
+        $this->objectList = $this->createObjectList();
+        $this->objectList->sqlLimit = $this->getItemsPerPage();
+        $this->objectList->sqlOffset = ($this->getPageNo() - 1) * $this->getItemsPerPage();
+        if ($this->getSortField()) {
+            $sortFieldObject = $this->availableSortFields[$this->getSortField()];
+
+            if ($sortFieldObject->sortByDatabaseColumn) {
+                $this->objectList->sqlOrderBy = $sortFieldObject->sortByDatabaseColumn . ' ' . $this->getSortOrder();
+            } else {
+                $this->objectList->sqlOrderBy = $this->objectList->getDatabaseTableAlias() .
+                    '.' . $sortFieldObject->id . ' ' . $this->getSortOrder();
+            }
+
+            $this->objectList->sqlOrderBy .= ',' . $this->objectList->getDatabaseTableAlias() .
+                '.' . $this->objectList->getDatabaseTableIndexName() . ' ' . $this->getSortOrder();
+        }
+        if ($this->getObjectIDFilter() !== null) {
+            $this->objectList->getConditionBuilder()->add(
+                $this->objectList->getDatabaseTableAlias() . '.' . $this->objectList->getDatabaseTableIndexName() . ' = ?',
+                [$this->getObjectIDFilter()]
+            );
+        }
+        $this->applyFilters();
+        $this->fireInitializedEvent();
+    }
+
+    /**
+     * Applies the active filters.
+     */
+    protected function applyFilters(): void
+    {
+        foreach ($this->getActiveFilters() as $key => $value) {
+            if (!isset($this->availableFilters[$key])) {
+                throw new \LogicException("Unknown filter '" . $key . "'");
+            }
+
+            $this->availableFilters[$key]->applyFilter($this->getObjectList(), $value);
+        }
+    }
+
+    /**
+     * Returns the items for the active page.
+     *
+     * @return TDatabaseObject[]
+     */
+    public function getItems(): array
+    {
+        if (!isset($this->objects)) {
+            $this->getObjectList()->readObjects();
+            $this->objects = $this->getObjectList()->getObjects();
+        }
+
+        return $this->objects;
+    }
+
+    /**
+     * Returns the total number of items.
+     */
+    public function countItems(): int
+    {
+        if (!isset($this->objectCount)) {
+            $this->objectCount = $this->getObjectList()->countObjects();
+        }
+
+        return $this->objectCount;
+    }
+
+    /**
+     * Returns the database object list.
+     *
+     * @return TDatabaseObjectList
+     */
+    public function getObjectList(): DatabaseObjectList
+    {
+        if (!isset($this->objectList)) {
+            $this->initObjectList();
+        }
+
+        return $this->objectList;
+    }
+
+    /**
+     * Counts the pages of the list view.
+     */
+    public function countPages(): int
+    {
+        return (int)\ceil($this->countItems() / $this->getItemsPerPage());
+    }
+
+    /**
+     * Returns the class name of this list view.
+     */
+    public function getClassName(): string
+    {
+        return \get_class($this);
+    }
+
+    /**
+     * Returns true, if this list view is accessible for the active user.
+     */
+    public function isAccessible(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Returns the id of this list view.
+     */
+    public function getID(): string
+    {
+        $classNamePieces = \explode('\\', static::class);
+
+        return \implode('-', $classNamePieces);
+    }
+
+    /**
+     * Returns true, if the list view is filterable.
+     */
+    public function isFilterable(): bool
+    {
+        return $this->availableFilters !== [];
+    }
+
+    /**
+     * Returns the endpoint for the filter action.
+     */
+    public function getFilterActionEndpoint(): string
+    {
+        return LinkHandler::getInstance()->getControllerLink(
+            ListViewFilterAction::class,
+            ['listView' => \get_class($this), 'listViewParameters' => $this->getParameters()]
+        );
+    }
+
+    /**
+     * Returns true, if the list view is sortable.
+     */
+    public function isSortable(): bool
+    {
+        return $this->availableSortFields !== [];
+    }
+
+    public function addAvailableSortField(ListViewSortField $sortField): void
+    {
+        $this->availableSortFields[$sortField->id] = $sortField;
+    }
+
+    /**
+     * @param ListViewSortField[] $sortFields
+     */
+    public function addAvailableSortFields(array $sortFields): void
+    {
+        foreach ($sortFields as $sortField) {
+            $this->addAvailableSortField($sortField);
+        }
+    }
+
+    /**
+     * @return ListViewSortField[]
+     */
+    public function getAvailableSortFields(): array
+    {
+        return $this->availableSortFields;
+    }
+
+    public function addAvailableFilter(IListViewFilter $filter): void
+    {
+        $this->availableFilters[$filter->getId()] = $filter;
+    }
+
+    /**
+     * @param IListViewFilter[] $filters
+     */
+    public function addAvailableFilters(array $filters): void
+    {
+        foreach ($filters as $filter) {
+            $this->addAvailableFilter($filter);
+        }
+    }
+
+    /**
+     * @return array<string, IListViewFilter>
+     */
+    public function getAvailableFilters(): array
+    {
+        return $this->availableFilters;
+    }
+
+    /**
+     * Gets the additional parameters of the list view.
+     *
+     * @return mixed[]
+     */
+    public function getParameters(): array
+    {
+        return [];
+    }
+
+    /**
+     * Returns the label for the given filter.
+     */
+    public function getFilterLabel(string $id): string
+    {
+        if (!isset($this->availableFilters[$id])) {
+            throw new \LogicException("Unknown filter '" . $id . "'.");
+        }
+
+        if (!isset($this->activeFilters[$id])) {
+            throw new \LogicException("No value for filter '" . $id . "' found.");
+        }
+
+        $value = $this->availableFilters[$id]->renderValue($this->activeFilters[$id]);
+
+        return $this->availableFilters[$id]->getLabel() . ($value !== '' ? ': ' . $value : '');
+    }
+
+    /**
+     * Sets the interaction provider that is used to render the interaction context menu.
+     */
+    public function setInteractionProvider(IInteractionProvider $provider): void
+    {
+        $this->interactionProvider = $provider;
+    }
+
+    /**
+     * Returns the interaction provider of the list view.
+     */
+    public function getInteractionProvider(): ?IInteractionProvider
+    {
+        return $this->interactionProvider;
+    }
+
+    /**
+     * Sets the bulk interaction provider for this list view.
+     */
+    public function setBulkInteractionProvider(IBulkInteractionProvider $provider): void
+    {
+        $this->bulkInteractionProvider = $provider;
+    }
+
+    /**
+     * Returns the bulk interaction provider of the list view.
+     */
+    public function getBulkInteractionProvider(): ?IBulkInteractionProvider
+    {
+        return $this->bulkInteractionProvider;
+    }
+
+    /**
+     * Returns true if this list view has bulk interactions.
+     */
+    public function hasBulkInteractions(): bool
+    {
+        return $this->getBulkInteractionProvider() !== null
+            && $this->getBulkInteractionProvider()->getInteractions() !== [];
+    }
+
+    public function getBulkInteractionProviderClassName(): string
+    {
+        if (!$this->hasBulkInteractions()) {
+            return '';
+        }
+
+        return \get_class($this->getBulkInteractionProvider());
+    }
+
+    /**
+     * Returns true, if this list view has interactions.
+     */
+    public function hasInteractions(): bool
+    {
+        return $this->interactionProvider !== null;
+    }
+
+    /**
+     * Renders the initialization code for the interactions of the list view.
+     */
+    public function renderInteractionInitialization(): string
+    {
+        if ($this->interactionProvider === null) {
+            return '';
+        }
+
+        return $this->getInteractionContextMenuView()->renderInitialization($this->getID() . '_items');
+    }
+
+    /**
+     * Renders the initialization code for the bulk interactions of the list view.
+     */
+    public function renderBulkInteractionInitialization(): string
+    {
+        if (!$this->hasBulkInteractions()) {
+            return '';
+        }
+
+        return \implode("\n", \array_map(
+            fn($interaction) => $interaction->renderInitialization($this->getID() . '_items'),
+            $this->getBulkInteractionProvider()->getInteractions()
+        ));
+    }
+
+    /**
+     * Returns the view of the interaction context menu.
+     */
+    public function getInteractionContextMenuView(): InteractionContextMenuView
+    {
+        if ($this->interactionProvider === null) {
+            throw new \BadMethodCallException("Missing interaction provider.");
+        }
+
+        if (!isset($this->interactionContextMenuView)) {
+            $this->interactionContextMenuView = new InteractionContextMenuView($this->interactionProvider);
+        }
+
+        return $this->interactionContextMenuView;
+    }
+
+    /**
+     * Renders the interactions for the given item.
+     *
+     * @param TDatabaseObject $item
+     */
+    public function renderInteractionContextMenuButton(DatabaseObject $item): string
+    {
+        if ($this->interactionProvider === null) {
+            return '';
+        }
+
+        return $this->getInteractionContextMenuView()->renderButton($item);
+    }
+
+    /**
+     * Filters the list view by the given object id.
+     */
+    public function setObjectIDFilter(string|int|null $objectID): void
+    {
+        $this->objectIDFilter = $objectID;
+    }
+
+    /**
+     * Returns the object id by which the list view is filtered.
+     */
+    public function getObjectIDFilter(): string|int|null
+    {
+        return $this->objectIDFilter;
+    }
+
+    /**
+     * Fires the initialized event.
+     */
+    protected function fireInitializedEvent(): void
+    {
+        $event = $this->getInitializedEvent();
+        if ($event === null) {
+            return;
+        }
+
+        EventHandler::getInstance()->fire($event);
+    }
+
+    /**
+     * Returns the initialized event or null if there is no such event for this list view.
+     */
+    protected function getInitializedEvent(): ?IPsr14Event
+    {
+        return null;
+    }
+
+    public function setCssClassName(string $cssClassName): void
+    {
+        $this->cssClassName = $cssClassName;
+    }
+
+    public function getCssClassName(): string
+    {
+        return $this->cssClassName;
+    }
+
+    public function render(): string
+    {
+        return WCF::getTPL()->render('wcf', 'shared_listView', ['view' => $this]);
+    }
+
+    /**
+     * @return TDatabaseObjectList
+     */
+    protected abstract function createObjectList(): DatabaseObjectList;
+
+    public abstract function renderItems(): string;
+}
diff --git a/wcfsetup/install/files/lib/system/listView/ListViewSortField.class.php b/wcfsetup/install/files/lib/system/listView/ListViewSortField.class.php
new file mode 100644
index 00000000000..f24c8d9496f
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/ListViewSortField.class.php
@@ -0,0 +1,27 @@
+<?php
+
+namespace wcf\system\listView;
+
+use wcf\system\WCF;
+
+/**
+ * Represents a sort field of a list view.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+final class ListViewSortField
+{
+    public function __construct(
+        public readonly string $id,
+        public readonly string $languageItem,
+        public readonly string $sortByDatabaseColumn = ''
+    ) {}
+
+    public function __toString(): string
+    {
+        return WCF::getLanguage()->get($this->languageItem);
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/filter/AbstractFilter.class.php b/wcfsetup/install/files/lib/system/listView/filter/AbstractFilter.class.php
new file mode 100644
index 00000000000..4a9dbd82fda
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/filter/AbstractFilter.class.php
@@ -0,0 +1,50 @@
+<?php
+
+namespace wcf\system\listView\filter;
+
+use wcf\data\DatabaseObject;
+use wcf\data\DatabaseObjectList;
+use wcf\system\WCF;
+
+/**
+ * Abstract implementation for list view filters.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+abstract class AbstractFilter implements IListViewFilter
+{
+    public function __construct(
+        protected readonly string $id,
+        protected readonly string $languageItem,
+        protected readonly string $databaseColumn = ''
+    ) {}
+
+    #[\Override]
+    public function renderValue(string $value): string
+    {
+        return $value;
+    }
+
+    #[\Override]
+    public function getId(): string
+    {
+        return $this->id;
+    }
+
+    #[\Override]
+    public function getLabel(): string
+    {
+        return WCF::getLanguage()->get($this->languageItem);
+    }
+
+    /**
+     * @param DatabaseObjectList<DatabaseObject> $list
+     */
+    protected function getDatabaseColumnName(DatabaseObjectList $list): string
+    {
+        return ($this->databaseColumn ?: $list->getDatabaseTableAlias() . '.' . $this->id);
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/filter/BooleanFilter.class.php b/wcfsetup/install/files/lib/system/listView/filter/BooleanFilter.class.php
new file mode 100644
index 00000000000..652ebdb1d31
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/filter/BooleanFilter.class.php
@@ -0,0 +1,43 @@
+<?php
+
+namespace wcf\system\listView\filter;
+
+use wcf\data\DatabaseObjectList;
+use wcf\system\form\builder\field\AbstractFormField;
+use wcf\system\form\builder\field\CheckboxFormField;
+
+/**
+ * Filter for boolean columns.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+class BooleanFilter extends AbstractFilter
+{
+    #[\Override]
+    public function getFormField(): AbstractFormField
+    {
+        return CheckboxFormField::create($this->id)
+            ->label($this->languageItem)
+            ->nullable();
+    }
+
+    #[\Override]
+    public function applyFilter(DatabaseObjectList $list, string $value): void
+    {
+        $columnName = $this->getDatabaseColumnName($list);
+
+        $list->getConditionBuilder()->add(
+            "{$columnName} = ?",
+            [1]
+        );
+    }
+
+    #[\Override]
+    public function renderValue(string $value): string
+    {
+        return '';
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/filter/IListViewFilter.class.php b/wcfsetup/install/files/lib/system/listView/filter/IListViewFilter.class.php
new file mode 100644
index 00000000000..0a951114fb9
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/filter/IListViewFilter.class.php
@@ -0,0 +1,45 @@
+<?php
+
+namespace wcf\system\listView\filter;
+
+use wcf\data\DatabaseObject;
+use wcf\data\DatabaseObjectList;
+use wcf\system\form\builder\field\AbstractFormField;
+
+/**
+ * Represents a filter of a list view.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+interface IListViewFilter
+{
+    /**
+     * Returns the form field for the input of this filter.
+     */
+    public function getFormField(): AbstractFormField;
+
+    /**
+     * Applies the filter to the given database object list.
+     *
+     * @param DatabaseObjectList<DatabaseObject> $list
+     */
+    public function applyFilter(DatabaseObjectList $list, string $value): void;
+
+    /**
+     * Renders the filter value in a human readable format.
+     */
+    public function renderValue(string $value): string;
+
+    /**
+     * Returns the id of this filter.
+     */
+    public function getId(): string;
+
+    /**
+     * Returns the label of this filter.
+     */
+    public function getLabel(): string;
+}
diff --git a/wcfsetup/install/files/lib/system/listView/filter/LabelFilter.class.php b/wcfsetup/install/files/lib/system/listView/filter/LabelFilter.class.php
new file mode 100644
index 00000000000..ecfd2f18254
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/filter/LabelFilter.class.php
@@ -0,0 +1,65 @@
+<?php
+
+namespace wcf\system\listView\filter;
+
+use wcf\data\DatabaseObjectList;
+use wcf\data\label\group\ViewableLabelGroup;
+use wcf\system\form\builder\field\AbstractFormField;
+use wcf\system\form\builder\field\label\LabelFormField;
+
+/**
+ * Filter that allows to filter a list view by labels.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+class LabelFilter extends AbstractFilter
+{
+    public function __construct(
+        private readonly ViewableLabelGroup $labelGroup,
+        private readonly int $objectTypeID,
+        string $id,
+        string $databaseColumn = ''
+    ) {
+        parent::__construct($id, '', $databaseColumn);
+    }
+
+    #[\Override]
+    public function getFormField(): AbstractFormField
+    {
+        return LabelFormField::create($this->id)
+            ->objectProperty('labelIDs')
+            ->labelGroup($this->labelGroup);
+    }
+
+    #[\Override]
+    public function getLabel(): string
+    {
+        return $this->labelGroup->getTitle();
+    }
+
+    #[\Override]
+    public function applyFilter(DatabaseObjectList $list, string $value): void
+    {
+        $list->getConditionBuilder()->add(
+            "{$list->getDatabaseTableAlias()}.{$list->getDatabaseTableIndexName()} IN (
+                SELECT  objectID
+                FROM    wcf1_label_object
+                WHERE   objectTypeID = ?
+                    AND labelID = ?
+            )",
+            [
+                $this->objectTypeID,
+                $value,
+            ]
+        );
+    }
+
+    #[\Override]
+    public function renderValue(string $value): string
+    {
+        return $this->labelGroup->getLabel((int)$value)->getTitle();
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/filter/TextFilter.class.php b/wcfsetup/install/files/lib/system/listView/filter/TextFilter.class.php
new file mode 100644
index 00000000000..d39fb0924e9
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/filter/TextFilter.class.php
@@ -0,0 +1,37 @@
+<?php
+
+namespace wcf\system\listView\filter;
+
+use wcf\data\DatabaseObjectList;
+use wcf\system\form\builder\field\AbstractFormField;
+use wcf\system\form\builder\field\TextFormField;
+use wcf\system\WCF;
+
+/**
+ * Filter for text columns.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ */
+class TextFilter extends AbstractFilter
+{
+    #[\Override]
+    public function getFormField(): AbstractFormField
+    {
+        return TextFormField::create($this->id)
+            ->label($this->languageItem);
+    }
+
+    #[\Override]
+    public function applyFilter(DatabaseObjectList $list, string $value): void
+    {
+        $columnName = $this->getDatabaseColumnName($list);
+
+        $list->getConditionBuilder()->add(
+            "{$columnName} LIKE ?",
+            ['%' . WCF::getDB()->escapeLikeValue($value) . '%']
+        );
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/user/ArticleListView.class.php b/wcfsetup/install/files/lib/system/listView/user/ArticleListView.class.php
new file mode 100644
index 00000000000..bc953b8db4a
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/user/ArticleListView.class.php
@@ -0,0 +1,186 @@
+<?php
+
+namespace wcf\system\listView\user;
+
+use wcf\data\article\AccessibleArticleList;
+use wcf\data\article\category\ArticleCategory;
+use wcf\data\article\ViewableArticle;
+use wcf\data\DatabaseObjectList;
+use wcf\data\label\group\ViewableLabelGroup;
+use wcf\data\object\type\ObjectTypeCache;
+use wcf\event\listView\user\ArticleListViewInitialized;
+use wcf\system\interaction\bulk\user\ArticleBulkInteractions;
+use wcf\system\interaction\user\ArticleInteractions;
+use wcf\system\label\LabelHandler;
+use wcf\system\listView\AbstractListView;
+use wcf\system\listView\filter\BooleanFilter;
+use wcf\system\listView\filter\LabelFilter;
+use wcf\system\listView\filter\TextFilter;
+use wcf\system\listView\ListViewSortField;
+use wcf\system\visitTracker\VisitTracker;
+use wcf\system\WCF;
+
+/**
+ * List view for the list of articles.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ *
+ * @extends AbstractListView<ViewableArticle, AccessibleArticleList>
+ */
+class ArticleListView extends AbstractListView
+{
+    public function __construct()
+    {
+        $this->addAvailableSortFields([
+            new ListViewSortField('time', 'wcf.global.date'),
+            new ListViewSortField('title', 'wcf.global.title', 'title'),
+        ]);
+        $this->addAvailableFilters([
+            $this->getTitleFilter(),
+            new TextFilter('username', 'wcf.user.username'),
+            ...$this->getLabelFilters()
+        ]);
+        if (WCF::getUser()->userID) {
+            $this->addAvailableFilter($this->getUnreadFilter());
+            if (ArticleCategory::getSubscribedCategoryIDs() !== []) {
+                $this->addAvailableFilter($this->getWatchedFilter());
+            }
+        }
+
+        $this->setInteractionProvider(new ArticleInteractions());
+        $this->setBulkInteractionProvider(new ArticleBulkInteractions());
+        $this->setItemsPerPage(\ARTICLES_PER_PAGE);
+        $this->setSortField('time');
+        $this->setSortOrder(\ARTICLE_SORT_ORDER);
+        $this->setCssClassName('contentItemList');
+    }
+
+    #[\Override]
+    protected function createObjectList(): AccessibleArticleList
+    {
+        $list = new AccessibleArticleList();
+        if ($list->sqlSelects !== '') {
+            $list->sqlSelects .= ',';
+        }
+        $list->sqlSelects .= "(
+            SELECT  title
+            FROM    wcf1_article_content
+            WHERE   articleID = article.articleID
+                AND (
+                        languageID IS NULL
+                     OR languageID = " . WCF::getLanguage()->languageID . "
+                    )
+            LIMIT   1
+        ) AS title";
+
+        return $list;
+    }
+
+    #[\Override]
+    public function isAccessible(): bool
+    {
+        return !!\MODULE_ARTICLE;
+    }
+
+    #[\Override]
+    public function renderItems(): string
+    {
+        return WCF::getTPL()->render('wcf', 'articleListItems', ['view' => $this]);
+    }
+
+    /**
+     * @return ViewableLabelGroup[]
+     */
+    protected function getAccessibleLabelGroups(): array
+    {
+        return ArticleCategory::getAccessibleLabelGroups('canViewLabel');
+    }
+
+    /**
+     * @return LabelFilter[]
+     */
+    protected function getLabelFilters(): array
+    {
+        $objectTypeID = ObjectTypeCache::getInstance()->getObjectTypeIDByName(
+            'com.woltlab.wcf.label.object',
+            'com.woltlab.wcf.article'
+        );
+
+        $labelFilters = [];
+        foreach ($this->getAccessibleLabelGroups() as $groupID => $categoryIDs) {
+            $labelFilters[] = new LabelFilter(
+                LabelHandler::getInstance()->getLabelGroup($groupID),
+                $objectTypeID,
+                'labelIDs' . $groupID
+            );
+        }
+
+        return $labelFilters;
+    }
+
+    protected function getTitleFilter(): TextFilter
+    {
+        return new class('title', 'wcf.global.title') extends TextFilter {
+            #[\Override]
+            public function applyFilter(DatabaseObjectList $list, string $value): void
+            {
+                $list->getConditionBuilder()->add(
+                    "article.articleID IN (
+                            SELECT  articleID
+                            FROM    wcf1_article_content
+                            WHERE   title LIKE ?
+                                AND (
+                                        languageID IS NULL
+                                     OR languageID = " . WCF::getLanguage()->languageID . "
+                                    )
+                            )",
+                    ['%' . WCF::getDB()->escapeLikeValue($value) . '%']
+                );
+            }
+        };
+    }
+
+    protected function getUnreadFilter(): BooleanFilter
+    {
+        return new class('unread', 'wcf.article.unreadArticles') extends BooleanFilter {
+            #[\Override]
+            public function applyFilter(DatabaseObjectList $list, string $value): void
+            {
+                $list->getConditionBuilder()->add(
+                    'article.time > ?',
+                    [VisitTracker::getInstance()->getVisitTime('com.woltlab.wcf.article')]
+                );
+
+                $list->sqlConditionJoins = "
+                    LEFT JOIN   wcf1_tracked_visit tracked_visit
+                    ON          tracked_visit.objectTypeID = " . VisitTracker::getInstance()->getObjectTypeID('com.woltlab.wcf.article') . "
+                            AND tracked_visit.objectID = article.articleID
+                            AND tracked_visit.userID = " . WCF::getUser()->userID;
+                $list->getConditionBuilder()->add("(article.time > tracked_visit.visitTime OR tracked_visit.visitTime IS NULL)");
+            }
+        };
+    }
+
+    protected function getWatchedFilter(): BooleanFilter
+    {
+        return new class('watched', 'wcf.article.watchedArticles') extends BooleanFilter {
+            #[\Override]
+            public function applyFilter(DatabaseObjectList $list, string $value): void
+            {
+                $list->getConditionBuilder()->add(
+                    'article.categoryID IN (?)',
+                    [ArticleCategory::getSubscribedCategoryIDs()]
+                );
+            }
+        };
+    }
+
+    #[\Override]
+    protected function getInitializedEvent(): ArticleListViewInitialized
+    {
+        return new ArticleListViewInitialized($this);
+    }
+}
diff --git a/wcfsetup/install/files/lib/system/listView/user/CategoryArticleListView.class.php b/wcfsetup/install/files/lib/system/listView/user/CategoryArticleListView.class.php
new file mode 100644
index 00000000000..c42f4cd4a9c
--- /dev/null
+++ b/wcfsetup/install/files/lib/system/listView/user/CategoryArticleListView.class.php
@@ -0,0 +1,64 @@
+<?php
+
+namespace wcf\system\listView\user;
+
+use wcf\data\article\category\ArticleCategory;
+use wcf\data\article\CategoryArticleList;
+use wcf\system\WCF;
+
+/**
+ * List view for the list of articles filtered by a category.
+ *
+ * @author      Marcel Werk
+ * @copyright   2001-2025 WoltLab GmbH
+ * @license     GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php>
+ * @since       6.2
+ *
+ * @extends AbstractListView<ViewableArticle, CategoryArticleList>
+ */
+class CategoryArticleListView extends ArticleListView
+{
+    public function __construct(public readonly int $categoryID)
+    {
+        parent::__construct();
+    }
+
+    #[\Override]
+    protected function createObjectList(): CategoryArticleList
+    {
+        $list = new CategoryArticleList($this->categoryID, true);
+        if ($list->sqlSelects !== '') {
+            $list->sqlSelects .= ',';
+        }
+        $list->sqlSelects .= "(
+            SELECT  title
+            FROM    wcf1_article_content
+            WHERE   articleID = article.articleID
+                AND (
+                        languageID IS NULL
+                     OR languageID = " . WCF::getLanguage()->languageID . "
+                    )
+            LIMIT   1
+        ) AS title";
+
+        return $list;
+    }
+
+    #[\Override]
+    public function isAccessible(): bool
+    {
+        return parent::isAccessible() && ArticleCategory::getCategory($this->categoryID)->isAccessible();
+    }
+
+    #[\Override]
+    protected function getAccessibleLabelGroups(): array
+    {
+        return ArticleCategory::getCategory($this->categoryID)->getLabelGroups('canViewLabel');
+    }
+
+    #[\Override]
+    public function getParameters(): array
+    {
+        return ['categoryID' => $this->categoryID];
+    }
+}
diff --git a/wcfsetup/install/files/style/ui/contentItem.scss b/wcfsetup/install/files/style/ui/contentItem.scss
index f4582cf1819..c95cc4f698d 100644
--- a/wcfsetup/install/files/style/ui/contentItem.scss
+++ b/wcfsetup/install/files/style/ui/contentItem.scss
@@ -121,13 +121,18 @@
 	width: calc(100% + 20px);
 }
 
-.contentItemBadges,
-.contentItemOptions {
+.contentItemBadges {
 	align-items: flex-start;
 	display: flex;
 	flex-direction: column;
 }
 
+.contentItemOptions {
+	align-items: flex-start;
+	display: flex;
+	gap: 5px;
+}
+
 .contentItemImageElement + .contentItemBadges {
 	left: 10px;
 	position: absolute;
diff --git a/wcfsetup/install/files/style/ui/listView.scss b/wcfsetup/install/files/style/ui/listView.scss
new file mode 100644
index 00000000000..d68bbbcef3d
--- /dev/null
+++ b/wcfsetup/install/files/style/ui/listView.scss
@@ -0,0 +1,59 @@
+.listView__header {
+	border-bottom: 2px solid var(--wcfTabularBoxHeadline);
+	display: flex;
+	flex-direction: row;
+	gap: 5px;
+	margin-bottom: 20px;
+	padding-bottom: 5px;
+}
+
+.listView__filters {
+	display: flex;
+	gap: 5px;
+	flex-wrap: wrap;
+}
+
+.listView__header__buttons {
+	display: flex;
+	gap: 5px;
+	margin-inline-start: auto;
+}
+
+.listView__sorting__button.ASC::after,
+.listView__sorting__button.DESC::after {
+	display: inline-block;
+	margin-left: 5px;
+}
+
+.listView__sorting__button.ASC::after {
+	// 2191 = UPWARDS ARROW
+	content: "\2191";
+}
+
+.listView__sorting__button.DESC::after {
+	// 2193 = DOWNWARDS ARROW
+	content: "\2193";
+}
+
+.listView__footer {
+	background-color: var(--wcfContentContainerBackground);
+	bottom: 0;
+	display: flex;
+	gap: 10px;
+	position: sticky;
+	z-index: 2;
+}
+
+.listView__pagination {
+	margin-top: 10px;
+	margin-bottom: 10px;
+	margin-inline-start: auto;
+}
+
+.listView {
+	position: relative;
+}
+
+.listView .info {
+	margin-top: 0;
+}
diff --git a/wcfsetup/install/lang/de.xml b/wcfsetup/install/lang/de.xml
index ee85efe3ad7..6589b69ba1c 100644
--- a/wcfsetup/install/lang/de.xml
+++ b/wcfsetup/install/lang/de.xml
@@ -3322,7 +3322,6 @@ freigeschaltet. {if LANGUAGE_USE_INFORMAL_VARIANT}Du kannst{else}Sie können{/if
 		<item name="wcf.article.sortField.random"><![CDATA[Zufällig]]></item>
 		<item name="wcf.article.sortField.time"><![CDATA[Datum]]></item>
 		<item name="wcf.article.sortField.views"><![CDATA[Zugriffe]]></item>
-		<item name="wcf.article.showArticlesWritten"><![CDATA[Artikel von {$user->username}]]></item>
 		<item name="wcf.article.recentActivity"><![CDATA[<strong>{$author}</strong> hat den Artikel {if $article->hasLabels()}<ul class="labelList">{foreach from=$article->getLabels() item=label}<li>{unsafe:$label->render()}</li>{/foreach}</ul> {/if}<strong>{$article->getTitle()}</strong> verfasst.]]></item>
 		<item name="wcf.article.button.sort"><![CDATA[Sortieren]]></item>
 		<item name="wcf.article.search"><![CDATA[Artikel durchsuchen]]></item>
@@ -3345,6 +3344,8 @@ freigeschaltet. {if LANGUAGE_USE_INFORMAL_VARIANT}Du kannst{else}Sie können{/if
 		<item name="wcf.article.button.publish"><![CDATA[Veröffentlichen]]></item>
 		<item name="wcf.article.button.unpublish"><![CDATA[Veröffentlichung zurückziehen]]></item>
 		<item name="wcf.article.button.setCategory"><![CDATA[Kategorie ändern]]></item>
+		<item name="wcf.article.unreadArticles"><![CDATA[Ungelesene Artikel]]></item>
+		<item name="wcf.article.watchedArticles"><![CDATA[Abonnierte Artikel]]></item>
 	</category>
 	<category name="wcf.attachment">
 		<item name="wcf.attachment.file.info"><![CDATA[{@$attachment->filesize|filesize} – {plural value=$attachment->downloads 1="1 Download" other="# Downloads"}]]></item>
diff --git a/wcfsetup/install/lang/en.xml b/wcfsetup/install/lang/en.xml
index 2ce06f1bda7..5bde8e27a18 100644
--- a/wcfsetup/install/lang/en.xml
+++ b/wcfsetup/install/lang/en.xml
@@ -3247,7 +3247,6 @@ Your account on {@PAGE_TITLE|phrase} [URL:{link isEmail=true}{/link}] has been a
 		<item name="wcf.article.sortField.random"><![CDATA[Random]]></item>
 		<item name="wcf.article.sortField.time"><![CDATA[Date]]></item>
 		<item name="wcf.article.sortField.views"><![CDATA[Views]]></item>
-		<item name="wcf.article.showArticlesWritten"><![CDATA[Articles by {$user->username}]]></item>
 		<item name="wcf.article.recentActivity"><![CDATA[<strong>{$author}</strong> wrote the article {if $article->hasLabels()}<ul class="labelList">{foreach from=$article->getLabels() item=label}<li>{unsafe:$label->render()}</li>{/foreach}</ul> {/if}<strong>{$article->getTitle()}</strong>.]]></item>
 		<item name="wcf.article.button.sort"><![CDATA[Sort]]></item>
 		<item name="wcf.article.search"><![CDATA[Search Articles]]></item>
@@ -3270,6 +3269,8 @@ Your account on {@PAGE_TITLE|phrase} [URL:{link isEmail=true}{/link}] has been a
 		<item name="wcf.article.button.publish"><![CDATA[Publish]]></item>
 		<item name="wcf.article.button.unpublish"><![CDATA[Withdraw Publication]]></item>
 		<item name="wcf.article.button.setCategory"><![CDATA[Set category]]></item>
+		<item name="wcf.article.unreadArticles"><![CDATA[Unread Articles]]></item>
+		<item name="wcf.article.watchedArticles"><![CDATA[Subscribed Articles]]></item>
 	</category>
 	<category name="wcf.attachment">
 		<item name="wcf.attachment.file.info"><![CDATA[{@$attachment->filesize|filesize} – {plural value=$attachment->downloads 1="1 Download" other="# Downloads"}]]></item>