feat: adopt the Features & Roadmap menu

package.json

@@ -22,7 +22,7 @@
 		"extends @nextcloud/browserslist-config"
 	],
 	"dependencies": {
-		"@conduction/nextcloud-vue": "^1.0.0-beta.29",
+		"@conduction/nextcloud-vue": "^1.0.0-beta.35",
 		"@nextcloud/auth": "^2.6.0",
 		"@nextcloud/axios": "~2.5.2",
 		"@nextcloud/dialogs": "^3.2.0",

src/customComponents.js

@@ -47,6 +47,11 @@ import VisualWorkflowEditor from './components/workflow/VisualWorkflowEditor.vue
 // MAY reference it by string name. See openspec/changes/map-component/.
 import MapComponent from './components/map/MapComponent.vue'
 
+// --- Features & Roadmap page — thin wrapper around the lib's
+//     CnFeaturesAndRoadmapView (the in-product roadmap surface powered by
+//     OpenRegister's github-issue-proxy). See ConductionNL/hydra#251. ---
+import FeaturesRoadmapView from './views/FeaturesRoadmap.vue'
+
 export default {
 	// --- Genuine exceptions: no abstract analogue. ---
 	MyWorkView, // bespoke 4-tab filter UI mixing case + task entities
@@ -76,4 +81,7 @@ export default {
 
 	// --- Shared map surface — referenceable from manifest pages. ---
 	MapComponent,
+
+	// --- Features & Roadmap page (lib's CnFeaturesAndRoadmapView). ---
+	FeaturesRoadmap: FeaturesRoadmapView,
 }

src/manifest.json

@@ -31,7 +31,8 @@
 		{ "id": "LhsRecommendationsMenu", "label": "LHS Recommendations", "icon": "icon-comment", "route": "LhsRecommendations", "section": "settings", "order": 97 },
 		{ "id": "LocationsMenu", "label": "Case locations", "icon": "icon-address", "route": "Locations", "section": "settings", "order": 98, "permission": "admin" },
 		{ "id": "BezwaarCommitteesMenu", "label": "Bezwaaradviescommissies", "icon": "icon-group", "route": "BezwaarCommittees", "section": "settings", "order": 99 },
-		{ "id": "SettingsMenu", "label": "Settings", "icon": "icon-settings", "route": "Settings", "section": "settings", "order": 99 }
+		{ "id": "SettingsMenu", "label": "Settings", "icon": "icon-settings", "route": "Settings", "section": "settings", "order": 99 },
+		{ "id": "FeaturesRoadmapMenu", "label": "Features & roadmap", "icon": "icon-toggle", "route": "FeaturesRoadmap", "section": "settings", "order": 100 }
 	],
 	"pages": [
 		{
@@ -924,6 +925,13 @@
 					{ "id": "audit",           "label": "Audit trail",              "icon": "icon-history", "widgets": [{ "type": "audit-trail" }],                                                                                   "order": 90 }
 				]
 			}
+		},
+		{
+			"id": "FeaturesRoadmap",
+			"route": "/features-roadmap",
+			"type": "custom",
+			"title": "Features & roadmap",
+			"component": "FeaturesRoadmap"
 		}
 	]
 }

src/views/FeaturesRoadmap.vue

@@ -0,0 +1,38 @@
+<template>
+	<CnFeaturesAndRoadmapView
+		:repo="repo"
+		:features="features"
+		:disabled="disabled" />
+</template>
+
+<script>
+// SPDX-License-Identifier: EUPL-1.2
+// Copyright (C) 2026 Conduction B.V.
+//
+// Features & Roadmap page — thin wrapper around `CnFeaturesAndRoadmapView`
+// from `@conduction/nextcloud-vue`. Mounted as the manifest `custom` page
+// `FeaturesRoadmap` (route `/features-roadmap`, surfaced from the Settings
+// section of the nav). `repo` / `features` / `disabled` come from
+// server-provided initial state when available, with sensible fallbacks so
+// the page is usable without backend wiring (the roadmap proxy and the
+// `openregister::features_roadmap_enabled` flag live on OpenRegister).
+
+import { CnFeaturesAndRoadmapView } from '@conduction/nextcloud-vue'
+import { loadState } from '@nextcloud/initial-state'
+
+export default {
+	name: 'FeaturesRoadmap',
+
+	components: {
+		CnFeaturesAndRoadmapView,
+	},
+
+	data() {
+		return {
+			repo: loadState('procest', 'features_roadmap_repo', 'ConductionNL/procest'),
+			features: loadState('procest', 'features_roadmap_features', []),
+			disabled: loadState('procest', 'features_roadmap_disabled', false),
+		}
+	},
+}
+</script>