feat(feed-settings): polish multi-select header actions and bulk move UX

show selected feed count and batch actions inside table header when selection is active
restore normal sortable headers when no feeds are selected
reuse existing MoveFeed dialog for moving selected feeds (remove inline batch folder field)
prevent modal/table width jumps when toggling selection mode
stabilize table layout to reduce content reflow noise
add indeterminate ("-") state for partially selected select-all checkbox
keep checkbox cursor as pointer in all interactive states

Signed-off-by: Benjamin Brahmer <info@b-brahmer.de>

Author: Grotax

src/components/MoveFeed.vue

@@ -1,6 +1,6 @@
 <template>
 	<NcDialog
-		:name="t('news', 'Move feed')"
+		:name="dialogTitle"
 		size="small"
 		@close="$emit('close')">
 		<template #default>
@@ -18,7 +18,7 @@
 			<NcButton
 				:wide="true"
 				variant="primary"
-				:disabled="disableMoveFeed"
+				:disabled="disableMoveFeed || moving"
 				@click="moveFeed()">
 				{{ t("news", "Move") }}
 			</NcButton>
@@ -39,6 +39,7 @@ import { ACTIONS } from '../store/index.ts'
 
 type MoveFeedState = {
 	folder?: Folder
+	moving: boolean
 }
 
 export default defineComponent({
@@ -59,6 +60,12 @@ export default defineComponent({
 				return { url: '' }
 			},
 		},
+
+		feeds: {
+			type: Array,
+			required: false,
+			default: () => [],
+		},
 	},
 
 	emits: {
@@ -68,6 +75,7 @@ export default defineComponent({
 	data: (): MoveFeedState => {
 		return {
 			folder: null,
+			moving: false,
 		}
 	},
 
@@ -76,7 +84,18 @@ export default defineComponent({
 			return this.$store.state.folders.folders
 		},
 
+		dialogTitle(): string {
+			return this.isBatchMove ? t('news', 'Move feeds') : t('news', 'Move feed')
+		},
+
+		isBatchMove(): boolean {
+			return Array.isArray(this.feeds) && this.feeds.length > 0
+		},
+
 		disableMoveFeed(): boolean {
+			if (this.isBatchMove) {
+				return false
+			}
 			return (this.folder && this.folder.id === this.feed.folderId)
 		},
 	},
@@ -86,11 +105,47 @@ export default defineComponent({
 		 * Move a Feed via the Vuex Store
 		 */
 		async moveFeed() {
+			this.moving = true
+			const folderId = this.folder ? this.folder.id : 0
+
+			if (this.isBatchMove) {
+				let failedMoves = 0
+				const feedsToMove = this.feeds.filter((feed) => (typeof feed.folderId === 'number' ? feed.folderId : 0) !== folderId)
+				try {
+					for (const feed of feedsToMove) {
+						try {
+							const response = await this.$store.dispatch(ACTIONS.MOVE_FEED, { feedId: feed.id, folderId })
+							if (!response?.status || response.status < 200 || response.status >= 300) {
+								failedMoves++
+							}
+						} catch {
+							failedMoves++
+						}
+					}
+					await this.$store.dispatch(ACTIONS.FETCH_FEEDS)
+				} finally {
+					this.moving = false
+				}
+
+				if (failedMoves > 0) {
+					showError(t('news', 'Some selected feeds could not be moved. Please try again later or check your connection.'))
+					return
+				}
+
+				this.$emit('close')
+				return
+			}
+
 			const data = {
 				feedId: this.feed.id,
-				folderId: this.folder ? this.folder.id : 0,
+				folderId,
+			}
+			let response
+			try {
+				response = await this.$store.dispatch(ACTIONS.MOVE_FEED, data)
+			} finally {
+				this.moving = false
 			}
-			const response = await this.$store.dispatch(ACTIONS.MOVE_FEED, data)
 			if (!response?.status || response.status < 200 || response.status >= 300) {
 				showError(t('news', 'Unable to move feed. Please try again later or check your connection.'))
 				return