From 29a9356c944f96c83171b81b59d3248b35e2e687 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Tue, 13 Oct 2026 14:10:30 +0200
Subject: [PATCH 1/2] fix(dialogs): dashboard settings and versions open in the
 board dialog frame

720px wide, the dashboard's name as a small line over a 20px title, as
boards LpDashboardInstellingen and LpVersies draw them. Version history is
titled "Versions of {name}" when the name is known.
---
 l10n/nl.js                                    |  3 +-
 l10n/nl.json                                  |  3 +-
 src/modals/DashboardConfigModal.vue           | 16 +++++--
 src/modals/VersionHistoryModal.vue            | 45 ++++++++++++++++---
 .../__tests__/VersionHistoryModal.spec.js     | 28 ++++++++++++
 src/styles/modals.css                         | 22 +++++++++
 src/views/Views.vue                           |  1 +
 7 files changed, 107 insertions(+), 11 deletions(-)

diff --git a/l10n/nl.js b/l10n/nl.js
index 269bf997a..431c2fc19 100644
--- a/l10n/nl.js
+++ b/l10n/nl.js
@@ -1411,7 +1411,8 @@ OC.L10N.register(
     "You acknowledge an announcement on a dashboard" : "Je bevestigt een mededeling op een dashboard",
     "Credentials" : "Inloggegevens",
     "My profile" : "Mijn profiel",
-    "Fields your organisation adds to your profile. Colleagues see them in profile widgets." : "Velden die je organisatie aan je profiel toevoegt. Collega’s zien ze in profielwidgets."
+    "Fields your organisation adds to your profile. Colleagues see them in profile widgets." : "Velden die je organisatie aan je profiel toevoegt. Collega’s zien ze in profielwidgets.",
+    "Versions of {name}" : "Versies van {name}"
 },
 "nplurals=2; plural=(n != 1);"
 );
diff --git a/l10n/nl.json b/l10n/nl.json
index c8b50aed6..af3e6a835 100644
--- a/l10n/nl.json
+++ b/l10n/nl.json
@@ -1388,6 +1388,7 @@
         "You acknowledge an announcement on a dashboard": "Je bevestigt een mededeling op een dashboard",
         "Credentials": "Inloggegevens",
         "My profile": "Mijn profiel",
-        "Fields your organisation adds to your profile. Colleagues see them in profile widgets.": "Velden die je organisatie aan je profiel toevoegt. Collega’s zien ze in profielwidgets."
+        "Fields your organisation adds to your profile. Colleagues see them in profile widgets.": "Velden die je organisatie aan je profiel toevoegt. Collega’s zien ze in profielwidgets.",
+        "Versions of {name}": "Versies van {name}"
     }
 }
diff --git a/src/modals/DashboardConfigModal.vue b/src/modals/DashboardConfigModal.vue
index e7fe0bba1..24d684b43 100644
--- a/src/modals/DashboardConfigModal.vue
+++ b/src/modals/DashboardConfigModal.vue
@@ -6,14 +6,22 @@
 <template>
 	<NcModal
 		v-if="open"
-		class="launchpad-modal"
+		class="launchpad-modal launchpad-modal--wide"
 		size="normal"
 		:name="modalTitle"
 		@close="$emit('close')">
 		<div class="dashboard-config">
-			<h2 class="dashboard-config__title">
-				{{ modalTitle }}
-			</h2>
+			<header class="dashboard-config__head">
+				<p
+					v-if="!isCreate && dashboard?.name"
+					class="launchpad-modal__kicker"
+					data-testid="dashboard-config-kicker">
+					{{ dashboard.name }}
+				</p>
+				<h2 class="dashboard-config__title launchpad-modal__title">
+					{{ modalTitle }}
+				</h2>
+			</header>
 
 			<!-- Tab strip (dashboard-sharing spec). Sharing is no longer a
 			     free-floating field set in the modal body — it lives in its
diff --git a/src/modals/VersionHistoryModal.vue b/src/modals/VersionHistoryModal.vue
index 07e520c48..8634a13d5 100644
--- a/src/modals/VersionHistoryModal.vue
+++ b/src/modals/VersionHistoryModal.vue
@@ -6,12 +6,22 @@
 <template>
 	<NcModal
 		v-if="open"
-		class="launchpad-modal"
+		class="launchpad-modal launchpad-modal--wide"
 		size="normal"
-		:name="t('launchpad', 'Version history')"
+		:name="title"
 		@close="$emit('close')">
 		<div class="launchpad-versions" data-testid="version-history">
-			<h2>{{ t('launchpad', 'Version history') }}</h2>
+			<header>
+				<p
+					v-if="dashboardName"
+					class="launchpad-modal__kicker"
+					data-testid="version-kicker">
+					{{ dashboardName }}
+				</p>
+				<h2 class="launchpad-modal__title">
+					{{ title }}
+				</h2>
+			</header>
 
 			<div v-if="loading" class="launchpad-versions__loading">
 				<NcLoadingIcon :size="32" />
@@ -146,6 +156,16 @@ export default {
 			type: String,
 			default: '',
 		},
+
+		/**
+		 * The dashboard's name, for the line over the title and the title
+		 * itself ("Versions of {name}", board LpVersies). Empty keeps the
+		 * plain "Version history".
+		 */
+		dashboardName: {
+			type: String,
+			default: '',
+		},
 	},
 
 	emits: ['close', 'restored'],
@@ -164,6 +184,19 @@ export default {
 	},
 
 	computed: {
+		/**
+		 * The dialog title: "Versions of {name}" when the dashboard's name is
+		 * known (board LpVersies), else "Version history".
+		 *
+		 * @return {string} The translated title.
+		 * @spec exclude presentation only: the title of an existing dialog follows the board wording.
+		 */
+		title() {
+			return this.dashboardName
+				? t('launchpad', 'Versions of {name}', { name: this.dashboardName })
+				: t('launchpad', 'Version history')
+		},
+
 		/**
 		 * @return {Array<object>} Versions, newest first.
 		 * @spec openspec/specs/dashboard-versioning/spec.md
@@ -325,14 +358,16 @@ export default {
 
 <style scoped>
 .launchpad-versions {
-	padding: 16px;
+	padding: 24px;
+	display: flex;
+	flex-direction: column;
+	gap: 16px;
 }
 
 .launchpad-versions__save {
 	display: flex;
 	gap: 8px;
 	align-items: flex-end;
-	margin-bottom: 16px;
 }
 
 .launchpad-versions__table {
diff --git a/src/modals/__tests__/VersionHistoryModal.spec.js b/src/modals/__tests__/VersionHistoryModal.spec.js
index 2e38f4e2c..288fc09df 100644
--- a/src/modals/__tests__/VersionHistoryModal.spec.js
+++ b/src/modals/__tests__/VersionHistoryModal.spec.js
@@ -169,4 +169,32 @@ describe('VersionHistoryModal', () => {
 		await flushPromises()
 		expect(wrapper.find('[data-testid="version-error"]').exists()).toBe(true)
 	})
+
+	it('names the dashboard over a "Versions of" title (board LpVersies)', async () => {
+		api.listVersions.mockResolvedValue({
+			data: { versions: [], modeSupported: true },
+		})
+		const wrapper = mount(VersionHistoryModal, {
+			props: {
+				open: true,
+				dashboardUuid: 'dash-uuid',
+				dashboardName: 'Intranet Zuiddrecht',
+			},
+		})
+		await flushPromises()
+		expect(wrapper.find('[data-testid="version-kicker"]').text()).toBe(
+			'Intranet Zuiddrecht',
+		)
+		expect(wrapper.find('h2').text()).toBe('Versions of Intranet Zuiddrecht')
+	})
+
+	it('keeps the plain title without a name', async () => {
+		api.listVersions.mockResolvedValue({
+			data: { versions: [], modeSupported: true },
+		})
+		const wrapper = mountModal()
+		await flushPromises()
+		expect(wrapper.find('[data-testid="version-kicker"]').exists()).toBe(false)
+		expect(wrapper.find('h2').text()).toBe('Version history')
+	})
 })
diff --git a/src/styles/modals.css b/src/styles/modals.css
index b9d3d9cc6..0fe83e083 100644
--- a/src/styles/modals.css
+++ b/src/styles/modals.css
@@ -11,3 +11,25 @@
 .modal-mask.launchpad-modal .modal-header__name {
 	display: none;
 }
+
+/*
+ * The board dialog frame (LpDashboardInstellingen, LpVersies): 720px wide,
+ * the dashboard's name as a small line over a 20px title.
+ */
+.modal-mask.launchpad-modal--wide .modal-wrapper--normal > .modal-container {
+	width: 720px;
+}
+
+.modal-mask.launchpad-modal .launchpad-modal__kicker {
+	margin: 0;
+	font-size: 13px;
+	font-weight: 600;
+	color: var(--color-text-maxcontrast);
+}
+
+.modal-mask.launchpad-modal h2.launchpad-modal__title {
+	margin: 0;
+	font-size: 20px;
+	font-weight: 700;
+	line-height: 1.3;
+}
diff --git a/src/views/Views.vue b/src/views/Views.vue
index 9b38fc83a..d0b99842d 100644
--- a/src/views/Views.vue
+++ b/src/views/Views.vue
@@ -233,6 +233,7 @@
 		<VersionHistoryModal
 			:open="versionHistoryOpen"
 			:dashboardUuid="activeDashboard?.uuid ?? ''"
+			:dashboardName="activeDashboard?.name ?? ''"
 			@close="versionHistoryOpen = false"
 			@restored="onVersionRestored" />
 

From 8209ec93a3421cf79aa370e52a84269b00ea2941 Mon Sep 17 00:00:00 2001
From: Ruben van der Linde <ruben@conduction.nl>
Date: Tue, 13 Oct 2026 15:26:26 +0200
Subject: [PATCH 2/2] fix(dialogs): the frame's title sizes beat the house
 style's !important

---
 src/styles/modals.css | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/styles/modals.css b/src/styles/modals.css
index 0fe83e083..c5241baf7 100644
--- a/src/styles/modals.css
+++ b/src/styles/modals.css
@@ -20,16 +20,22 @@
 	width: 720px;
 }
 
+/*
+ * The house style (thematiq) sets heading and paragraph type with
+ * !important on bare `h2` and `p`, which beats any class here. The frame's
+ * two lines need their board sizes, so they answer with !important too and
+ * win on specificity.
+ */
 .modal-mask.launchpad-modal .launchpad-modal__kicker {
 	margin: 0;
-	font-size: 13px;
-	font-weight: 600;
+	font-size: 13px !important;
+	font-weight: 600 !important;
 	color: var(--color-text-maxcontrast);
 }
 
 .modal-mask.launchpad-modal h2.launchpad-modal__title {
 	margin: 0;
-	font-size: 20px;
-	font-weight: 700;
+	font-size: 20px !important;
+	font-weight: 700 !important;
 	line-height: 1.3;
 }