feat: adopt the Features & Roadmap menu

package.json

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

src/customComponents.js

@@ -25,6 +25,10 @@ import PageDesignerView from './views/PageDesigner.vue'
 import ExportJobsView from './views/ExportJobsList.vue'
 import BuilderHostView from './views/BuilderHost.vue'
 import TemplateGalleryView from './views/TemplateGallery.vue'
+// Features & Roadmap page — thin wrapper around the lib's
+// CnFeaturesAndRoadmapView (in-product roadmap surface powered by
+// OpenRegister's github-issue-proxy). See ConductionNL/hydra#251.
+import FeaturesRoadmapView from './views/FeaturesRoadmap.vue'
 
 export default {
 	// Starter dashboard — sample KPIs / activity placeholders.
@@ -48,4 +52,6 @@ export default {
 	// Template gallery — browse seeded ApplicationTemplate records and
 	// clone one into a new virtual app (openbuilt-templates-marketplace).
 	TemplateGalleryView,
+	// Features & Roadmap page (lib's CnFeaturesAndRoadmapView).
+	FeaturesRoadmap: FeaturesRoadmapView,
 }

src/manifest.json

@@ -8,7 +8,8 @@
 		{ "id": "Schemas", "label": "Schemas", "icon": "icon-category-customization", "route": "Schemas", "order": 30 },
 		{ "id": "Templates", "label": "Templates", "icon": "icon-category-organization", "route": "Templates", "order": 35 },
 		{ "id": "Exports", "label": "Exports", "icon": "icon-download", "route": "Exports", "order": 40 },
-		{ "id": "Documentation", "label": "Documentation", "icon": "icon-info", "href": "https://github.com/ConductionNL/openbuilt", "section": "settings", "order": 90 }
+		{ "id": "Documentation", "label": "Documentation", "icon": "icon-info", "href": "https://github.com/ConductionNL/openbuilt", "section": "settings", "order": 90 },
+		{ "id": "FeaturesRoadmapMenu", "label": "Features & roadmap", "icon": "icon-toggle", "route": "FeaturesRoadmap", "section": "settings", "order": 95 }
 	],
 	"pages": [
 		{ "id": "Dashboard", "route": "/", "type": "custom", "title": "Dashboard", "component": "DashboardView" },
@@ -19,6 +20,7 @@
 		{ "id": "SchemaDesigner", "route": "/builder/:slug/schemas/:schemaId", "type": "custom", "title": "Schema", "component": "SchemaDesignerView" },
 		{ "id": "PageDesigner", "route": "/builder/:slug/pages", "type": "custom", "title": "Page designer", "component": "PageDesignerView" },
 		{ "id": "Exports", "route": "/exports", "type": "custom", "title": "Exports", "component": "ExportJobsView" },
-		{ "id": "BuilderHost", "route": "/builder/:slug/:pathMatch(.*)?", "type": "custom", "title": "Virtual app", "component": "BuilderHostView" }
+		{ "id": "BuilderHost", "route": "/builder/:slug/:pathMatch(.*)?", "type": "custom", "title": "Virtual app", "component": "BuilderHostView" },
+		{ "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('openbuilt', 'features_roadmap_repo', 'ConductionNL/openbuilt'),
+			features: loadState('openbuilt', 'features_roadmap_features', []),
+			disabled: loadState('openbuilt', 'features_roadmap_disabled', false),
+		}
+	},
+}
+</script>