-
- {{ t('richdocuments', 'New') }}
-
-
-
- ${mime}
+
+
+
+ ${getDavProperties()}
+
+
+
+
+ ${getRootPath()}/
+ infinity
+
+
+
+
+${OFFICE_MIME_CONDITIONS}
+
+
+
+ `
+}
+
+/** @type {import('@nextcloud/files').Node[]|null} */
+let cachedNodes = null
+
+/**
+ * Fetch all office files once and cache the result.
+ * Subsequent calls return the cached array.
+ * Uses DAV SEARCH to recursively find office files across all subdirectories.
+ *
+ * @return {Promise}
+ */
+export async function getAllOfficeFiles() {
+ if (cachedNodes) {
+ return cachedNodes
+ }
+
+ const client = getClient()
+
+ const response = await client.search('/', {
+ details: true,
+ data: getOfficeMimeSearch(),
+ })
+
+ cachedNodes = response.data.results
+ .map(item => resultToNode(item))
+ .filter(node => node.type === 'file')
+
+ return cachedNodes
+}
+
+/**
+ * Filter a list of file nodes by an office category.
+ *
+ * @param {import('@nextcloud/files').Node[]} files
+ * @param {string} category - One of 'documents', 'presentations', 'spreadsheets', 'diagrams'
+ * @return {import('@nextcloud/files').Node[]}
+ */
+export function filterByCategory(files, category) {
+ const mimes = OFFICE_MIME_FILTERS[category]
+ return files.filter(file => mimes.includes(file.mime))
+}
diff --git a/src/views/OfficeOverview.vue b/src/views/OfficeOverview.vue
new file mode 100644
index 0000000000..5a8c9053c6
--- /dev/null
+++ b/src/views/OfficeOverview.vue
@@ -0,0 +1,243 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/templates/overview.php b/templates/overview.php
new file mode 100644
index 0000000000..0024bd549b
--- /dev/null
+++ b/templates/overview.php
@@ -0,0 +1,8 @@
+
+
diff --git a/tests/lib/Controller/OverviewControllerTest.php b/tests/lib/Controller/OverviewControllerTest.php
new file mode 100644
index 0000000000..8ef5d5a911
--- /dev/null
+++ b/tests/lib/Controller/OverviewControllerTest.php
@@ -0,0 +1,76 @@
+eventDispatcher = $this->createMock(IEventDispatcher::class);
+ $this->initialState = $this->createMock(IInitialState::class);
+ $this->preview = $this->createMock(IPreview::class);
+
+ $this->controller = new OverviewController(
+ 'richdocuments',
+ $this->createMock(IRequest::class),
+ $this->eventDispatcher,
+ $this->initialState,
+ $this->preview,
+ );
+ }
+
+ public function testIndexReturnsTemplateResponse(): void {
+ $response = $this->controller->index();
+
+ $this->assertInstanceOf(TemplateResponse::class, $response);
+ $this->assertSame('richdocuments', $response->getApp());
+ $this->assertSame('overview', $response->getTemplateName());
+ $this->assertSame('#app-content-vue', $response->getParams()['id-app-content']);
+ $this->assertSame('#app-navigation-vue', $response->getParams()['id-app-navigation']);
+ }
+
+ public function testIndexSetsPreviewEnabledTrue(): void {
+ $this->preview->expects($this->once())
+ ->method('isMimeSupported')
+ ->with('application/vnd.oasis.opendocument.text')
+ ->willReturn(true);
+
+ $this->initialState->expects($this->once())
+ ->method('provideInitialState')
+ ->with('previewEnabled', true);
+
+ $this->controller->index();
+ }
+
+ public function testIndexSetsPreviewEnabledFalse(): void {
+ $this->preview->expects($this->once())
+ ->method('isMimeSupported')
+ ->with('application/vnd.oasis.opendocument.text')
+ ->willReturn(false);
+
+ $this->initialState->expects($this->once())
+ ->method('provideInitialState')
+ ->with('previewEnabled', false);
+
+ $this->controller->index();
+ }
+}
diff --git a/webpack.js b/webpack.js
index c2d77b49ae..3ce6d64113 100644
--- a/webpack.js
+++ b/webpack.js
@@ -13,6 +13,7 @@ webpackConfig.entry = {
'init-viewer': path.join(__dirname, 'src', 'init-viewer.js'),
fileActions: path.join(__dirname, 'src', 'file-actions.js'),
document: path.join(__dirname, 'src', 'document.js'),
+ overview: path.join(__dirname, 'src', 'overview.js'),
admin: path.join(__dirname, 'src', 'admin.js'),
personal: path.join(__dirname, 'src', 'personal.js'),
reference: path.join(__dirname, 'src', 'reference.js'),
-
+
+
+ {{ basename(template.name) }}
+
+
+
+
diff --git a/src/overview.js b/src/overview.js
new file mode 100644
index 0000000000..2eca428705
--- /dev/null
+++ b/src/overview.js
@@ -0,0 +1,15 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+import './init-shared.js'
+import '../css/filetypes.scss'
+import Vue from 'vue'
+import OfficeOverview from './views/OfficeOverview.vue'
+
+Vue.prototype.t = t
+Vue.prototype.n = n
+
+new Vue({
+ render: h => h(OfficeOverview),
+}).$mount('#content')
diff --git a/src/services/officeFiles.js b/src/services/officeFiles.js
new file mode 100644
index 0000000000..4247e95cd6
--- /dev/null
+++ b/src/services/officeFiles.js
@@ -0,0 +1,115 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import { getClient, getDavNameSpaces, getDavProperties, getRootPath, resultToNode } from '@nextcloud/files/dav'
+
+export const OFFICE_MIME_FILTERS = {
+ documents: [
+ 'application/vnd.oasis.opendocument.text',
+ 'application/vnd.oasis.opendocument.text-template',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+ 'application/vnd.openxmlformats-officedocument.wordprocessingml.template',
+ 'application/msword',
+ ],
+ presentations: [
+ 'application/vnd.oasis.opendocument.presentation',
+ 'application/vnd.oasis.opendocument.presentation-template',
+ 'application/vnd.openxmlformats-officedocument.presentationml.presentation',
+ 'application/vnd.openxmlformats-officedocument.presentationml.template',
+ 'application/vnd.ms-powerpoint',
+ ],
+ spreadsheets: [
+ 'application/vnd.oasis.opendocument.spreadsheet',
+ 'application/vnd.oasis.opendocument.spreadsheet-template',
+ 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+ 'application/vnd.openxmlformats-officedocument.spreadsheetml.template',
+ 'application/vnd.ms-excel',
+ 'text/csv',
+ ],
+ diagrams: [
+ 'application/vnd.oasis.opendocument.graphics',
+ 'application/vnd.oasis.opendocument.graphics-template',
+ 'application/vnd.visio',
+ 'application/vnd.ms-visio.drawing',
+ ],
+}
+
+const ALL_OFFICE_MIMES = Object.values(OFFICE_MIME_FILTERS).flat()
+
+// Pre-computed at module load time — ALL_OFFICE_MIMES is static so this never changes.
+const OFFICE_MIME_CONDITIONS = ALL_OFFICE_MIMES
+ .map(mime => `\t\t\t\t
+
+
+
+
+
+ ![]()
+
+
+
+
+ {{ file.basename }}
+
+
+
+
+
+
+