@conduction/nextcloud-vue 2.99.0 → 2.101.0

package/dist/esm/nextcloud-vue.css

@@ -166,6 +166,50 @@
 	padding-inline-start: 56px;
 }
 
+/* The dashboard header as the board draws it (DqTermijnen): the actions on
+   the title's row, the description and its segmented period under both, at
+   the header's full width. As two flex columns the description sat in the
+   title's column only, so a long period group wrapped under its text and the
+   actions dropped to a line of their own. The title column never shrinks
+   below its longest word; the actions wrap their buttons first.
+   @spec openspec/changes/dashboard-board-header-row/specs/dashboard-page/spec.md#requirement-the-board-dashboard-header-keeps-its-actions-on-the-title-row */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header {
+	display: grid;
+	grid-template-columns: minmax(min-content, 1fr) auto;
+	align-items: start;
+	column-gap: 16px;
+	row-gap: 0;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header-left {
+	display: contents;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__title-row {
+	grid-column: 1;
+	grid-row: 1;
+	align-self: center;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header-left > :not(.cn-dashboard-page__title-row) {
+	grid-column: 1 / -1;
+}
+
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__header > .cn-dashboard-page__header-actions {
+	grid-column: 2;
+	grid-row: 1;
+	justify-content: flex-end;
+	margin-inline-start: 0;
+}
+
+/* A stat tile in the board's KPI row carries the board's own 18px 20px inset
+   (`cn-kpi-card--board`), so the card-fit cell adds none of its own: with
+   both the label sat 29px from the tile's top and 37px from its side, and
+   the row stood about 1.4 times the board's height. */
+.cn-look-board .cn-dashboard-page:not(.cn-look-nextcloud *) .cn-dashboard-page__kpi-cell .cn-dashboard-page__card-fit .cn-widget-wrapper__content:has(> .cn-kpi-card--board.cn-kpi-card--stacked) {
+	padding: 0;
+}
+
 /* ---- The header button ------------------------------------------------- */
 .cn-look-board .cn-index-page__header-buttons:not(.cn-look-nextcloud *),
 .cn-look-board .cn-detail-page__header-actions:not(.cn-look-nextcloud *),
@@ -369,6 +413,40 @@
 	color: inherit;
 }
 
+/* A caption's edit pencil ("Mijn zaaktypen") sits on the caption's line at
+   its end, 4px in: a 28px round muted button with a 16px icon that adds no
+   height (DqZijbalk). It is placed absolutely because a theme may force the
+   caption to `display: block` at id strength (thematiq's Zuiddrecht sheet),
+   which put the pencil on a line of its own. */
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-caption:has(.app-navigation-caption__actions) {
+	position: relative;
+	padding-inline-end: 36px;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-caption .app-navigation-caption__actions {
+	--default-clickable-area: 28px;
+	position: absolute;
+	inset-block-start: -6px;
+	inset-inline-end: 4px;
+	margin: 0;
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-caption .app-navigation-caption__actions .button-vue {
+	--nldesign-color-on-surface: var(--color-text-maxcontrast);
+	width: 28px;
+	min-width: 28px;
+	height: 28px;
+	min-height: 28px;
+	padding: 0;
+	border-radius: 14px;
+	color: var(--color-text-maxcontrast);
+}
+
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-caption .app-navigation-caption__actions .button-vue svg {
+	width: 16px;
+	height: 16px;
+}
+
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-entry,
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-entry-link {
 	min-height: 42px;
@@ -383,7 +461,15 @@
 	color: var(--color-main-text);
 }
 
+/* The open entry sits on the tonal primary. NcAppNavigationItem paints an
+   active entry with a 16% (22% hovered) primary mix at `!important`, so the
+   board value needs `!important` too; the selector is the more specific one.
+   The link carries the same ground. */
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-entry.active,
+.cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-entry.active:hover {
+	background-color: var(--color-primary-element-light) !important;
+}
+
 .cn-look-board .app-navigation[data-testid="cn-nav"] .app-navigation-entry.active .app-navigation-entry-link {
 	background: var(--color-primary-element-light);
 	color: var(--color-primary-element-light-text);
@@ -429,9 +515,11 @@
 	font-weight: 700;
 }
 
+/* White on the error colour: --color-error-text is the error colour for text on
+   a light ground (#8A0000 under thematiq), not the text on an error pill. */
 .cn-look-board .cn-app-nav__count--attention {
 	background: var(--color-error);
-	color: var(--color-error-text, var(--color-primary-element-text));
+	color: var(--color-primary-element-text);
 }
 
 /* The footer: Help, then Advanced, whatever the declared order. */
@@ -1018,6 +1106,44 @@
 	--nldesign-color-on-surface: var(--cn-status-badge-ink);
 }
 
+/* ---- Info notes (NcNoteCard type="info") -------------------------------- */
+/* The board's info note is a light-blue rounded box: no edge bar, 12px 14px
+   of padding, radius 8, an 18px icon 10px before the text, 14px text in the
+   deep primary ink at 1.5, and a bold heading line (DqBesluit and 13 other
+   boards). NcNoteCard paints its ground and ink with `!important`, and a
+   theme forces the body ink onto every p and span (thematiq), so the ground,
+   the ink and the paragraph colour carry `!important` here too, scoped to
+   the board look; the ink also goes to --nldesign-color-on-surface. */
+.cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) {
+	--nldesign-color-on-surface: var(--color-primary-element-light-text);
+	--note-card-icon-size: 18px;
+	--note-theme: var(--color-primary-element-light-text);
+	gap: 10px;
+	padding: 12px 14px;
+	border-inline-start: 0;
+	border-radius: 8px;
+	background-color: var(--color-primary-element-light) !important;
+	color: var(--color-primary-element-light-text) !important;
+	font-size: 14px;
+	line-height: 1.5;
+}
+
+.cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) p {
+	color: var(--color-primary-element-light-text) !important;
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) .notecard__heading {
+	font-size: inherit;
+	font-weight: 700 !important;
+}
+
+.cn-look-board .notecard.notecard--info:not(.cn-look-nextcloud *) .notecard__icon {
+	padding-top: 1px;
+	color: var(--color-primary-element-light-text);
+}
+
 /* ---- Date and age cells (screens-cell-date-parity) ---------------------- */
 /* The board sets every waiting time ("3 dagen", "4 uur") in weight 600; a
    late one is red through its variant class. */
@@ -1435,6 +1561,54 @@
 	color: var(--color-main-text);
 }
 
+/* A Nextcloud text field or text area in a board dialog is the board's field:
+   its label above the control at 14px/600, the control 40px with a 1px grey
+   border and radius 8 (PlanItemDialog, DqWerkvoorraad). NcInputField draws
+   its border as a 65%-transparent shadow, which on the white dialog read as
+   an empty band, and floats its label inside the border. A field with
+   `labelOutside` keeps the app's own label and takes the same control. */
+.cn-dialog-board .dialog__content .input-field:has(.input-field__label),
+.cn-dialog-board .dialog__content .textarea:has(.textarea__label) {
+	margin-block-start: 26px;
+}
+
+/* The doubled class outranks NcInputField's raised-label rule (focused or
+   filled), which would pin the label's top as well and squash it. */
+.cn-dialog-board .dialog__content .input-field__input + .input-field__label.input-field__label,
+.cn-dialog-board .dialog__content .textarea__input + .textarea__label.textarea__label {
+	inset-block-start: auto;
+	inset-block-end: calc(100% + 4px);
+	inset-inline: 0 auto;
+	max-width: 100%;
+	margin: 0;
+	padding: 0;
+	background: none;
+	color: var(--color-main-text);
+	font-size: var(--cn-field-label-size, 14px);
+	font-weight: 600;
+	line-height: 20px;
+	pointer-events: auto;
+	transition: none;
+}
+
+.cn-dialog-board .dialog__content .input-field__main-wrapper {
+	height: calc(var(--cn-field-height, 40px) + 2 * var(--border-width-input-focused, 2px));
+}
+
+.cn-dialog-board .dialog__content .input-field__input,
+.cn-dialog-board .dialog__content .input-field__input:hover:not([disabled]),
+.cn-dialog-board .dialog__content .textarea__input,
+.cn-dialog-board .dialog__content .textarea__input:hover:not([disabled]) {
+	border-radius: 8px;
+	box-shadow: 0 0 0 1px var(--color-border-dark);
+	font-size: var(--cn-field-text-size, 15px);
+}
+
+.cn-dialog-board .dialog__content .input-field:has(.input-field__label) .input-field__input:not(:focus)::placeholder,
+.cn-dialog-board .dialog__content .textarea__input:not(:focus)::placeholder {
+	opacity: 1 !important;
+}
+
 /* Type-to-confirm: a labelled 40px field with a monospace value and a hint. */
 .cn-dialog__confirm-field {
 	display: flex;
@@ -5890,6 +6064,123 @@ a.cn-kpi-card--board * {
 	min-height: 300px;
 }
 
+/* The map with its numbered list (`mapConfig.list`, DqZakenKaart): one framed
+   card, the map taking the larger share and the list beside it, stacking
+   under a narrow width. */
+.cn-index-page__map-card {
+	display: flex;
+	flex: 1;
+	flex-wrap: wrap;
+	gap: 16px;
+	min-height: 0;
+	padding: 16px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--cn-board-card-radius, 12px);
+	background: var(--color-main-background);
+}
+
+.cn-index-page__map-card .cn-index-page__map {
+	flex: 3 1 420px;
+	min-width: 0;
+}
+
+.cn-index-page__map-side {
+	display: flex;
+	flex: 2 1 320px;
+	flex-direction: column;
+	gap: 12px;
+	min-width: 0;
+	overflow-y: auto;
+}
+
+.cn-index-page__map-list {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	border: 1px solid var(--color-border);
+	border-radius: 10px;
+	list-style: none;
+}
+
+.cn-index-page__map-item {
+	display: flex;
+	gap: 12px;
+	padding: 12px 14px;
+}
+
+.cn-index-page__map-item + .cn-index-page__map-item {
+	border-top: 1px solid var(--color-border);
+}
+
+.cn-index-page__map-item--active {
+	background: var(--color-primary-element-light);
+}
+
+.cn-index-page__map-number {
+	display: inline-flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 26px;
+	height: 26px;
+	border-radius: 13px;
+	background: var(--color-primary-element);
+	color: var(--color-primary-element-text);
+	font-size: 13px;
+	font-weight: 700;
+}
+
+.cn-index-page__map-item--active .cn-index-page__map-number {
+	background: var(--color-primary-element-light-text);
+}
+
+.cn-index-page__map-text {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: 4px;
+	min-width: 0;
+}
+
+.cn-index-page__map-title {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: none;
+	color: var(--color-main-text);
+	font: inherit;
+	font-size: 15px;
+	font-weight: 600;
+	line-height: 1.35;
+	text-align: start;
+	cursor: pointer;
+}
+
+.cn-index-page__map-sub,
+.cn-index-page__map-due {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+
+.cn-index-page__map-pills {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: 6px;
+}
+
+.cn-index-page__map-missing {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	gap: 8px;
+	padding: 14px;
+	border: 1px solid var(--color-border);
+	border-radius: 10px;
+	font-size: 14px;
+}
+
 /* Opt-in folder navigation pane (left of the list). */
 .cn-index-page__folder-pane {
 	flex: 0 0 240px;
@@ -7212,6 +7503,21 @@ a.cn-kpi-card--board * {
 	align-items: center;
 	gap: 4px;
 }
+
+/* The tag after an admin-only entry in a board detail page's Actions menu
+   ("beheerder", DqZaakMeer): 12px muted text at the end of the row. The menu
+   opens outside the page, so the rule keys on the attribute CnDetailPage sets
+   only in the board look. */
+.action-button[data-cn-admin-tag]::after,
+.action-link[data-cn-admin-tag]::after {
+	content: attr(data-cn-admin-tag);
+	margin-inline-start: auto;
+	padding-inline: 12px 4px;
+	color: var(--color-text-maxcontrast);
+	font-size: 12px;
+	font-weight: 400;
+	white-space: nowrap;
+}
 /*
  * The detail page in the board look (screens-detail-page-parity).
  *
@@ -11044,24 +11350,24 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	line-height: 30px;
 	}
 
-.cn-map-widget[data-v-62ad3809] {
+.cn-map-widget[data-v-21c47690] {
 	position: relative;
 	width: 100%;
 	min-height: 200px;
 }
-.cn-map-widget__leaflet[data-v-62ad3809] {
+.cn-map-widget__leaflet[data-v-21c47690] {
 	width: 100%;
 	height: 100%;
 	/* Leaflet paints its container #ddd, which reads as a white flash before the
 	   tiles arrive — and a bright one in a dark theme. */
 	background: var(--color-background-dark);
 }
-.cn-map-widget__note[data-v-62ad3809] {
+.cn-map-widget__note[data-v-21c47690] {
 	margin: 4px 0 0;
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-map-widget__fallback[data-v-62ad3809] {
+.cn-map-widget__fallback[data-v-21c47690] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -11069,11 +11375,11 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	min-height: 150px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-map-widget__error[data-v-62ad3809] {
+.cn-map-widget__error[data-v-21c47690] {
 	font-size: 14px;
 	margin: 0;
 }
-.cn-map-widget__legend[data-v-62ad3809] {
+.cn-map-widget__legend[data-v-21c47690] {
 	position: absolute;
 	top: 12px;
 	right: 12px;
@@ -11086,7 +11392,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
 
 /* Fullscreen overlay. A CSS-fixed box rather than the Fullscreen API, so it needs
    no permission prompt; the z-index clears the Nextcloud header. */
-.cn-map-widget--fullscreen[data-v-62ad3809] {
+.cn-map-widget--fullscreen[data-v-21c47690] {
 	position: fixed;
 	top: 0;
 	left: 0;
@@ -11099,7 +11405,7 @@ svg.leaflet-image-layer.leaflet-interactive path {
    Leaflet's default white-on-grey buttons.
    ::v-deep is required — Leaflet builds the control DOM via L.DomUtil.create, so
    those nodes never receive this SFC's scoped data-v attribute. */
-.cn-map-widget[data-v-62ad3809] .cn-map-widget__control {
+.cn-map-widget[data-v-21c47690] .cn-map-widget__control {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -11108,12 +11414,32 @@ svg.leaflet-image-layer.leaflet-interactive path {
 	color: var(--color-main-text);
 	background: var(--color-main-background);
 }
-.cn-map-widget[data-v-62ad3809] .cn-map-widget__control:hover,
-.cn-map-widget[data-v-62ad3809] .cn-map-widget__control:focus-visible {
+.cn-map-widget[data-v-21c47690] .cn-map-widget__control:hover,
+.cn-map-widget[data-v-21c47690] .cn-map-widget__control:focus-visible {
 	background: var(--color-background-hover);
 }
 
 
+/* A numbered pin (`properties.markerNumber`): a 26px primary circle with its
+   number in white, the active one darker. Unscoped, because Leaflet creates
+   the marker element outside the template. */
+.cn-map-widget__pin {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border: 2px solid var(--color-main-background);
+	border-radius: 50%;
+	background: var(--color-primary-element);
+	color: var(--color-primary-element-text);
+	font-size: 13px;
+	font-weight: 700;
+	box-sizing: border-box;
+}
+.cn-map-widget__pin--active {
+	background: var(--color-primary-element-light-text);
+}
+
+
 .cn-map-widget-form[data-v-ab71a77e] {
 	display: flex;
 	flex-direction: column;
@@ -16896,7 +17222,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-files-browser[data-v-5da9ca42] {
+.cn-files-browser[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
@@ -16904,11 +17230,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	position: relative;
 	border-radius: var(--border-radius-large, 8px);
 }
-.cn-files-browser--dragging[data-v-5da9ca42] {
+.cn-files-browser--dragging[data-v-53e4bcc2] {
 	outline: 2px dashed var(--color-primary-element);
 	outline-offset: 4px;
 }
-.cn-files-browser__drop-overlay[data-v-5da9ca42] {
+.cn-files-browser__drop-overlay[data-v-53e4bcc2] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -16926,7 +17252,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	text-align: center;
 	pointer-events: none;
 }
-.cn-files-browser__drop-icon[data-v-5da9ca42] {
+.cn-files-browser__drop-icon[data-v-53e4bcc2] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -16936,11 +17262,11 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	background: var(--color-main-background);
 	color: var(--color-primary-element);
 }
-.cn-files-browser__drop-label[data-v-5da9ca42] {
+.cn-files-browser__drop-label[data-v-53e4bcc2] {
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-files-browser__drop-hint[data-v-5da9ca42] {
+.cn-files-browser__drop-hint[data-v-53e4bcc2] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -16950,14 +17276,14 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__bar[data-v-5da9ca42] {
+.cn-files-browser__bar[data-v-53e4bcc2] {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-files-browser__crumbs[data-v-5da9ca42] {
+.cn-files-browser__crumbs[data-v-53e4bcc2] {
 	min-width: 0;
 	flex: 1 1 auto;
 }
@@ -16965,13 +17291,13 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 /* The crumbs give way, the controls do not: a long crumb (a folder named
    after a uuid) shrank the upload button to "Bestanden..." while the crumbs
    kept their width. */
-.cn-files-browser__bar[data-v-5da9ca42] > :not(.cn-files-browser__crumbs) {
+.cn-files-browser__bar[data-v-53e4bcc2] > :not(.cn-files-browser__crumbs) {
 	flex-shrink: 0;
 }
-.cn-files-browser__file-input[data-v-5da9ca42] {
+.cn-files-browser__file-input[data-v-53e4bcc2] {
 	display: none;
 }
-.cn-files-browser__uploads[data-v-5da9ca42] {
+.cn-files-browser__uploads[data-v-53e4bcc2] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
@@ -16979,40 +17305,40 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-files-browser__upload[data-v-5da9ca42] {
+.cn-files-browser__upload[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 2px;
 }
-.cn-files-browser__upload-name[data-v-5da9ca42] {
+.cn-files-browser__upload-name[data-v-53e4bcc2] {
 	font-size: 13px;
 }
-.cn-files-browser__upload-error[data-v-5da9ca42] {
+.cn-files-browser__upload-error[data-v-53e4bcc2] {
 	color: var(--color-error);
 	font-size: 13px;
 }
-.cn-files-browser__loading[data-v-5da9ca42] {
+.cn-files-browser__loading[data-v-53e4bcc2] {
 	padding: 24px 0;
 }
 
 /* `sideCards`: the list and, while a file is selected, a column of cards. */
-.cn-files-browser__body--with-side[data-v-5da9ca42] {
+.cn-files-browser__body--with-side[data-v-53e4bcc2] {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) minmax(240px, 300px);
 	align-items: start;
 	gap: 16px;
 }
 @media (max-width: 900px) {
-.cn-files-browser__body--with-side[data-v-5da9ca42] {
+.cn-files-browser__body--with-side[data-v-53e4bcc2] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
-.cn-files-browser__side[data-v-5da9ca42] {
+.cn-files-browser__side[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-files-browser__side-card[data-v-5da9ca42] {
+.cn-files-browser__side-card[data-v-53e4bcc2] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
@@ -17021,27 +17347,27 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-main-background);
 }
-.cn-files-browser__side-title[data-v-5da9ca42] {
+.cn-files-browser__side-title[data-v-53e4bcc2] {
 	margin: 0;
 	font-size: 15px;
 	font-weight: 700;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-facts[data-v-5da9ca42] {
+.cn-files-browser__side-facts[data-v-53e4bcc2] {
 	display: grid;
 	grid-template-columns: max-content minmax(0, 1fr);
 	gap: 6px 12px;
 	margin: 0;
 	font-size: 14px;
 }
-.cn-files-browser__side-facts dt[data-v-5da9ca42] {
+.cn-files-browser__side-facts dt[data-v-53e4bcc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__side-facts dd[data-v-5da9ca42] {
+.cn-files-browser__side-facts dd[data-v-53e4bcc2] {
 	margin: 0;
 	overflow-wrap: anywhere;
 }
-.cn-files-browser__side-actions[data-v-5da9ca42] {
+.cn-files-browser__side-actions[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -17049,35 +17375,35 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 
 /* A value drawn in a tone (`colorMap` on a column that is not a badge): the
    text in the tone's colour, as the boards write a restricted level. */
-.cn-files-browser__tone[data-v-5da9ca42] {
+.cn-files-browser__tone[data-v-53e4bcc2] {
 	font-weight: 600;
 }
-.cn-files-browser__tone--success[data-v-5da9ca42] {
+.cn-files-browser__tone--success[data-v-53e4bcc2] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-files-browser__tone--warning[data-v-5da9ca42] {
+.cn-files-browser__tone--warning[data-v-53e4bcc2] {
 	color: var(--color-warning-text, var(--color-warning));
 }
-.cn-files-browser__tone--error[data-v-5da9ca42] {
+.cn-files-browser__tone--error[data-v-53e4bcc2] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-files-browser__tone--primary[data-v-5da9ca42],
-.cn-files-browser__tone--info[data-v-5da9ca42] {
+.cn-files-browser__tone--primary[data-v-53e4bcc2],
+.cn-files-browser__tone--info[data-v-53e4bcc2] {
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-files-browser__table[data-v-5da9ca42] {
+.cn-files-browser__table[data-v-53e4bcc2] {
 	width: 100%;
 	border-collapse: collapse;
 	table-layout: fixed;
 }
-.cn-files-browser__table th[data-v-5da9ca42] {
+.cn-files-browser__table th[data-v-53e4bcc2] {
 	text-align: start;
 	font-weight: normal;
 	color: var(--color-text-maxcontrast);
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-files-browser__sort[data-v-5da9ca42] {
+.cn-files-browser__sort[data-v-53e4bcc2] {
 	background: none;
 	border: none;
 	padding: 0;
@@ -17088,46 +17414,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	align-items: center;
 	gap: 2px;
 }
-.cn-files-browser__sort[data-v-5da9ca42]:hover,
-.cn-files-browser__sort[data-v-5da9ca42]:focus-visible {
+.cn-files-browser__sort[data-v-53e4bcc2]:hover,
+.cn-files-browser__sort[data-v-53e4bcc2]:focus-visible {
 	color: var(--color-main-text);
 }
-.cn-files-browser__row[data-v-5da9ca42] {
+.cn-files-browser__row[data-v-53e4bcc2] {
 	cursor: pointer;
 }
-.cn-files-browser__row[data-v-5da9ca42]:hover,
-.cn-files-browser__row[data-v-5da9ca42]:focus-within {
+.cn-files-browser__row[data-v-53e4bcc2]:hover,
+.cn-files-browser__row[data-v-53e4bcc2]:focus-within {
 	background-color: var(--color-background-hover);
 }
-.cn-files-browser__table td[data-v-5da9ca42] {
+.cn-files-browser__table td[data-v-53e4bcc2] {
 	padding: 4px 8px;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-files-browser__col-icon[data-v-5da9ca42] {
+.cn-files-browser__col-icon[data-v-53e4bcc2] {
 	width: 48px;
 }
-.cn-files-browser__col-size[data-v-5da9ca42] {
+.cn-files-browser__col-size[data-v-53e4bcc2] {
 	width: 96px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-mtime[data-v-5da9ca42] {
+.cn-files-browser__col-mtime[data-v-53e4bcc2] {
 	width: 140px;
 	white-space: nowrap;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-select[data-v-5da9ca42] {
+.cn-files-browser__col-select[data-v-53e4bcc2] {
 	width: 36px;
 	text-align: center;
 }
-.cn-files-browser__select[data-v-5da9ca42] {
+.cn-files-browser__select[data-v-53e4bcc2] {
 	width: 18px;
 	height: 18px;
 	margin: 0;
 	accent-color: var(--color-primary-element);
 }
-.cn-files-browser__bulk-bar[data-v-5da9ca42] {
+.cn-files-browser__bulk-bar[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
@@ -17136,22 +17462,91 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	border-radius: var(--border-radius-large);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__bulk-count[data-v-5da9ca42] {
+.cn-files-browser__bulk-count[data-v-53e4bcc2] {
 	font-weight: 600;
 	margin-inline-end: 8px;
 }
-.cn-files-browser__facets[data-v-5da9ca42] {
+.cn-files-browser__review[data-v-53e4bcc2] {
+	display: flex;
+	flex-direction: column;
+	gap: 10px;
+	margin-block-end: 12px;
+	padding: 14px 16px;
+	border-radius: 10px;
+	background: var(--color-background-hover);
+}
+.cn-files-browser__review-head[data-v-53e4bcc2] {
+	display: flex;
+	flex-wrap: wrap;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: 8px;
+}
+.cn-files-browser__review-title[data-v-53e4bcc2] {
+	font-size: 15px;
+}
+.cn-files-browser__review-sub[data-v-53e4bcc2] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-files-browser__review-bar[data-v-53e4bcc2] {
+	display: flex;
+	height: 8px;
+	overflow: hidden;
+	border-radius: 4px;
+	background: var(--color-border);
+}
+.cn-files-browser__review-legend[data-v-53e4bcc2] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 8px 18px;
+	margin: 0;
+	padding: 0;
+	font-size: 14px;
+	list-style: none;
+}
+.cn-files-browser__review-legend li[data-v-53e4bcc2] {
+	display: inline-flex;
+	align-items: center;
+	gap: 8px;
+}
+.cn-files-browser__review-dot[data-v-53e4bcc2] {
+	width: 10px;
+	height: 10px;
+	border-radius: 5px;
+}
+.cn-files-browser__review-part--success[data-v-53e4bcc2] {
+	background: var(--color-success-text, var(--color-success));
+}
+.cn-files-browser__review-part--warning[data-v-53e4bcc2] {
+	background: var(--color-warning);
+}
+.cn-files-browser__review-part--error[data-v-53e4bcc2] {
+	background: var(--color-error-text, var(--color-error));
+}
+.cn-files-browser__review-part--info[data-v-53e4bcc2] {
+	background: var(--color-primary-element);
+}
+.cn-files-browser__review-part--default[data-v-53e4bcc2] {
+	background: var(--color-border-dark);
+}
+.cn-files-browser__row-button[data-v-53e4bcc2] {
+	display: inline-flex;
+	margin-inline-end: 8px;
+	vertical-align: middle;
+}
+.cn-files-browser__facets[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px 16px;
 }
-.cn-files-browser__facet[data-v-5da9ca42] {
+.cn-files-browser__facet[data-v-53e4bcc2] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-files-browser__facet-chip[data-v-5da9ca42] {
+.cn-files-browser__facet-chip[data-v-53e4bcc2] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -17163,65 +17558,83 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-files-browser__facet-chip--active[data-v-5da9ca42] {
+.cn-files-browser__facet-chip--active[data-v-53e4bcc2] {
 	border-color: var(--color-primary-element);
 	background: var(--color-primary-element-light);
 }
-.cn-files-browser__group-heading[data-v-5da9ca42] {
+.cn-files-browser__group-heading[data-v-53e4bcc2] {
 	padding: 12px 8px 4px;
 	text-align: start;
 	font-weight: 700;
 }
-.cn-files-browser__group-count[data-v-5da9ca42] {
+.cn-files-browser__group-count[data-v-53e4bcc2] {
 	margin-inline-start: 6px;
 	font-weight: 400;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__no-match[data-v-5da9ca42] {
+.cn-files-browser__no-match[data-v-53e4bcc2] {
 	padding: 16px 8px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__col-actions[data-v-5da9ca42] {
+.cn-files-browser__col-actions[data-v-53e4bcc2] {
 	width: 48px;
+	white-space: nowrap;
+}
+.cn-files-browser__col-actions[data-v-53e4bcc2]:has(.cn-files-browser__row-button) {
+	width: auto;
 }
-.cn-files-browser__col-name[data-v-5da9ca42] {
+.cn-files-browser__col-name[data-v-53e4bcc2] {
 	min-width: 0;
 }
-.cn-files-browser__name[data-v-5da9ca42] {
+.cn-files-browser__name[data-v-53e4bcc2] {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-files-browser__name-secondary[data-v-53e4bcc2] {
 	display: block;
 	overflow: hidden;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-files-browser__row--linked[data-v-5da9ca42] {
+.cn-files-browser__footnote[data-v-53e4bcc2] {
+	margin: 0;
+	padding-top: 12px;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-files-browser__row--linked[data-v-53e4bcc2] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-files-browser__note[data-v-5da9ca42] {
+.cn-files-browser__note[data-v-53e4bcc2] {
 	color: var(--color-text-maxcontrast);
 	display: block;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-files-browser__note-link[data-v-5da9ca42] {
+.cn-files-browser__note-link[data-v-53e4bcc2] {
 	color: inherit;
 	text-decoration: underline;
 }
-.cn-files-browser__row--folder .cn-files-browser__name[data-v-5da9ca42] {
+.cn-files-browser__row--folder .cn-files-browser__name[data-v-53e4bcc2] {
 	font-weight: 600;
 }
-.cn-files-browser__mime[data-v-5da9ca42],
-.cn-files-browser__thumb[data-v-5da9ca42] {
+.cn-files-browser__mime[data-v-53e4bcc2],
+.cn-files-browser__thumb[data-v-53e4bcc2] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-files-browser__thumb[data-v-5da9ca42] {
+.cn-files-browser__thumb[data-v-53e4bcc2] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-files-browser__new-folder[data-v-5da9ca42] {
+.cn-files-browser__new-folder[data-v-53e4bcc2] {
 	padding: 8px 0;
 }
-.hidden-visually[data-v-5da9ca42] {
+.hidden-visually[data-v-53e4bcc2] {
 	position: absolute;
 	width: 1px;
 	height: 1px;
@@ -17231,9 +17644,9 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 }
 
 
-.cn-sidebar-tab[data-v-0442340e] { padding: 12px;
+.cn-sidebar-tab[data-v-68d47344] { padding: 12px;
 }
-.cn-sidebar-tab__upload-error[data-v-0442340e] {
+.cn-sidebar-tab__upload-error[data-v-68d47344] {
 	padding: 8px 12px;
 	margin-bottom: 8px;
 	border-radius: var(--border-radius, 4px);
@@ -17241,7 +17654,7 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	color: var(--color-error, #e53935);
 	font-size: 13px;
 }
-.cn-sidebar-tab__dropzone[data-v-0442340e] {
+.cn-sidebar-tab__dropzone[data-v-68d47344] {
 	display: flex;
 	flex-direction: column;
 	align-items: center;
@@ -17254,46 +17667,46 @@ button.cn-files-card__open[data-v-4968f31c]:hover {
 	cursor: pointer;
 	transition: border-color 0.15s ease, background-color 0.15s ease;
 }
-.cn-sidebar-tab__dropzone[data-v-0442340e]:hover {
+.cn-sidebar-tab__dropzone[data-v-68d47344]:hover {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.08));
 }
-.cn-sidebar-tab__dropzone--active[data-v-0442340e] {
+.cn-sidebar-tab__dropzone--active[data-v-68d47344] {
 	border-color: var(--color-primary-element);
 	background-color: var(--color-primary-element-light, rgba(0, 130, 201, 0.12));
 }
-.cn-sidebar-tab__share[data-v-0442340e] { margin-bottom: 12px;
+.cn-sidebar-tab__share[data-v-68d47344] { margin-bottom: 12px;
 }
-.cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-icon[data-v-68d47344] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-0442340e],
-.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-0442340e] { color: var(--color-primary-element);
+.cn-sidebar-tab__dropzone--active .cn-sidebar-tab__dropzone-icon[data-v-68d47344],
+.cn-sidebar-tab__dropzone:hover .cn-sidebar-tab__dropzone-icon[data-v-68d47344] { color: var(--color-primary-element);
 }
-.cn-sidebar-tab__dropzone-text[data-v-0442340e] { font-size: 13px; color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__dropzone-text[data-v-68d47344] { font-size: 13px; color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__file-input[data-v-0442340e] { display: none;
+.cn-sidebar-tab__file-input[data-v-68d47344] { display: none;
 }
-.cn-sidebar-tab__empty[data-v-0442340e] {
+.cn-sidebar-tab__empty[data-v-68d47344] {
 	text-align: center;
 	padding: 24px 12px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-sidebar-tab__list[data-v-0442340e] { display: flex; flex-direction: column; gap: 2px;
+.cn-sidebar-tab__list[data-v-68d47344] { display: flex; flex-direction: column; gap: 2px;
 }
-.cn-sidebar-tab__mime[data-v-0442340e],
-.cn-sidebar-tab__thumb[data-v-0442340e] {
+.cn-sidebar-tab__mime[data-v-68d47344],
+.cn-sidebar-tab__thumb[data-v-68d47344] {
 	width: 32px;
 	height: 32px;
 	display: block;
 }
-.cn-sidebar-tab__thumb[data-v-0442340e] {
+.cn-sidebar-tab__thumb[data-v-68d47344] {
 	object-fit: cover;
 	border-radius: var(--border-radius, 4px);
 }
-.cn-sidebar-tab__meta[data-v-0442340e] { color: var(--color-text-maxcontrast);
+.cn-sidebar-tab__meta[data-v-68d47344] { color: var(--color-text-maxcontrast);
 }
-.cn-sidebar-tab__load-more[data-v-0442340e] { margin-top: 8px;
+.cn-sidebar-tab__load-more[data-v-68d47344] { margin-top: 8px;
 }
 
 
@@ -21734,7 +22147,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    Horizontal overflow is owned by `.cn-table-container` (overflow-x: auto); a
    second scroll container here would produce a nested scrollbar, so this host
    stays plain. */
-.cn-object-list-widget[data-v-535337c7] {
+.cn-object-list-widget[data-v-aeadc210] {
 	width: 100%;
 	height: 100%;
 	display: flex;
@@ -21746,10 +22159,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
    relative` is set only in the dropping state so a widget without a drop zone
    keeps the containing block it had — an unconditional rule here would
    re-parent any absolutely-positioned descendant a host has placed. */
-.cn-object-list-widget--dropping[data-v-535337c7] {
+.cn-object-list-widget--dropping[data-v-aeadc210] {
 	position: relative;
 }
-.cn-object-list-widget__drop-overlay[data-v-535337c7] {
+.cn-object-list-widget__drop-overlay[data-v-aeadc210] {
 	position: absolute;
 	inset: 0;
 	z-index: 2;
@@ -21767,7 +22180,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	   and the drop would land on nothing. */
 	pointer-events: none;
 }
-.cn-object-list-widget__table[data-v-535337c7] {
+.cn-object-list-widget__table[data-v-aeadc210] {
 	flex: 1 1 auto;
 	min-height: 0;
 	overflow: hidden;
@@ -21776,16 +22189,16 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 /* The empty state is CnWidgetEmptyState now — it brings its own layout, so
    all this rule still owns is letting it claim the cell's leftover height
    (ADR-062: it fits the cell, it never forces one). */
-.cn-object-list-widget__empty[data-v-535337c7] {
+.cn-object-list-widget__empty[data-v-aeadc210] {
 	flex: 1 1 auto;
 	min-height: 0;
 }
 
 /* The pager sits flush at the bottom of the card, above "View all". */
-.cn-object-list-widget__pager[data-v-535337c7] {
+.cn-object-list-widget__pager[data-v-aeadc210] {
 	flex-shrink: 0;
 }
-.cn-object-list-widget__view-all[data-v-535337c7] {
+.cn-object-list-widget__view-all[data-v-aeadc210] {
 	align-self: flex-start;
 	background: none;
 	border: none;
@@ -21796,21 +22209,26 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	padding: 4px;
 	text-decoration: none;
 }
-.cn-object-list-widget__view-all[data-v-535337c7]:hover,
-.cn-object-list-widget__view-all[data-v-535337c7]:focus-visible {
+.cn-object-list-widget__view-all[data-v-aeadc210]:hover,
+.cn-object-list-widget__view-all[data-v-aeadc210]:focus-visible {
 	text-decoration: underline;
 }
-.cn-object-list-widget__more[data-v-535337c7] {
+.cn-object-list-widget__more[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 	padding: 4px;
 }
+.cn-object-list-widget__footnote[data-v-aeadc210] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+	margin: 8px 0 0;
+}
 
 /* Footer Add — same pattern as the integration leaves' footer action
    ("Open in Calendar"): full-width, centered, divider-topped, pinned to
    the card bottom. */
-.cn-object-list-widget__add[data-v-535337c7] {
+.cn-object-list-widget__add[data-v-aeadc210] {
 	align-self: stretch;
 	border-top: 1px solid var(--color-border);
 	/* Bleed through the host card's 16px content padding so the divider
@@ -21818,31 +22236,31 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: auto -16px -16px;
 	padding: 4px;
 }
-.cn-object-list-widget__error[data-v-535337c7] {
+.cn-object-list-widget__error[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	margin: 4px 0 0;
 }
-.cn-object-list-widget__prompt[data-v-535337c7] {
+.cn-object-list-widget__prompt[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-style: italic;
 	padding: 16px 4px;
 	margin: 0;
 	text-align: center;
 }
-.cn-object-list-widget__facet[data-v-535337c7] {
+.cn-object-list-widget__facet[data-v-aeadc210] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 	padding: 0 4px 8px;
 }
-.cn-object-list-widget__facet-label[data-v-535337c7] {
+.cn-object-list-widget__facet-label[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 }
-.cn-object-list-widget__facet-chip[data-v-535337c7] {
+.cn-object-list-widget__facet-chip[data-v-aeadc210] {
 	background-color: var(--color-background-hover);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius-pill, 16px);
@@ -21852,13 +22270,13 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 10px;
 }
-.cn-object-list-widget__facet-chip--active[data-v-535337c7] {
+.cn-object-list-widget__facet-chip--active[data-v-aeadc210] {
 	background-color: var(--color-primary-element-light);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text, var(--color-main-text));
 }
-.cn-object-list-widget__facet-clear[data-v-535337c7],
-.cn-object-list-widget__bulk-clear[data-v-535337c7] {
+.cn-object-list-widget__facet-clear[data-v-aeadc210],
+.cn-object-list-widget__bulk-clear[data-v-aeadc210] {
 	background: none;
 	border: none;
 	color: var(--color-primary-element);
@@ -21867,11 +22285,11 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font-size: 0.85em;
 	padding: 2px 4px;
 }
-.cn-object-list-widget__facet-clear[data-v-535337c7]:hover,
-.cn-object-list-widget__bulk-clear[data-v-535337c7]:hover {
+.cn-object-list-widget__facet-clear[data-v-aeadc210]:hover,
+.cn-object-list-widget__bulk-clear[data-v-aeadc210]:hover {
 	text-decoration: underline;
 }
-.cn-object-list-widget__bulk-bar[data-v-535337c7] {
+.cn-object-list-widget__bulk-bar[data-v-aeadc210] {
 	align-items: center;
 	background-color: var(--color-primary-element-light);
 	border-radius: var(--border-radius, 8px);
@@ -21881,10 +22299,10 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 0 0 8px;
 	padding: 6px 10px;
 }
-.cn-object-list-widget__bulk-count[data-v-535337c7] {
+.cn-object-list-widget__bulk-count[data-v-aeadc210] {
 	font-weight: 600;
 }
-.cn-object-list-widget__bulk-action[data-v-535337c7] {
+.cn-object-list-widget__bulk-action[data-v-aeadc210] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -21892,25 +22310,25 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	font: inherit;
 	padding: 4px 10px;
 }
-.cn-object-list-widget__bulk-action--destructive[data-v-535337c7] {
+.cn-object-list-widget__bulk-action--destructive[data-v-aeadc210] {
 	border-color: var(--color-error);
 	color: var(--color-error);
 }
-.cn-object-list-widget__groups[data-v-535337c7] {
+.cn-object-list-widget__groups[data-v-aeadc210] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	min-height: 0;
 	overflow: auto;
 }
-.cn-object-list-widget__group-heading[data-v-535337c7] {
+.cn-object-list-widget__group-heading[data-v-aeadc210] {
 	color: var(--color-text-maxcontrast);
 	font-size: 0.85em;
 	font-weight: 600;
 	margin: 0 0 4px;
 	text-transform: uppercase;
 }
-.cn-object-list-widget__upload[data-v-535337c7] {
+.cn-object-list-widget__upload[data-v-aeadc210] {
 	background-color: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: var(--border-radius, 8px);
@@ -21919,7 +22337,7 @@ a.cn-xwiki-card__title[data-v-1a6b61fd]:hover {
 	margin: 8px 0 0;
 	padding: 6px 12px;
 }
-.cn-object-list-widget__upload-input[data-v-535337c7] {
+.cn-object-list-widget__upload-input[data-v-aeadc210] {
 	display: none;
 }
 
@@ -24933,6 +25351,56 @@ to { background-position: -200% 0;
 }
 
 
+.cn-exports-widget__list[data-v-1a295cca] {
+	display: flex;
+	flex-direction: column;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-exports-widget__row[data-v-1a295cca] {
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	padding: 10px 0;
+}
+.cn-exports-widget__row + .cn-exports-widget__row[data-v-1a295cca] {
+	border-top: 1px solid var(--color-border);
+}
+.cn-exports-widget__text[data-v-1a295cca] {
+	display: flex;
+	flex: 1;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+.cn-exports-widget__name[data-v-1a295cca] {
+	overflow: hidden;
+	font-size: 14px;
+	font-weight: 600;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-exports-widget__meta[data-v-1a295cca],
+.cn-exports-widget__muted[data-v-1a295cca] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-exports-widget__muted[data-v-1a295cca] {
+	margin: 0;
+}
+.cn-exports-widget__tag[data-v-1a295cca] {
+	flex: none;
+	padding: 3px 10px;
+	border-radius: 12px;
+	background: var(--color-warning-light, color-mix(in srgb, var(--color-warning) 18%, transparent));
+	color: var(--color-warning-text, var(--color-main-text));
+	font-size: 13px;
+	font-weight: 600;
+	white-space: nowrap;
+}
+
+
 .cn-segmented-control[data-v-128aa2ef] {
 	display: inline-flex;
 	gap: 4px;
@@ -25309,6 +25777,45 @@ to { background-position: -200% 0;
 }
 
 
+.cn-saved-view-alert[data-v-4439a3f3] {
+	display: flex;
+	flex-direction: column;
+	gap: 12px;
+	font-size: 14px;
+}
+.cn-saved-view-alert__facts[data-v-4439a3f3] {
+	display: grid;
+	grid-template-columns: max-content 1fr;
+	gap: 6px 16px;
+	margin: 0;
+}
+.cn-saved-view-alert__facts dt[data-v-4439a3f3] {
+	color: var(--color-text-maxcontrast);
+}
+.cn-saved-view-alert__facts dd[data-v-4439a3f3] {
+	margin: 0;
+	font-weight: 500;
+}
+.cn-saved-view-alert__switch-text[data-v-4439a3f3] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+}
+.cn-saved-view-alert__hint[data-v-4439a3f3],
+.cn-saved-view-alert__empty[data-v-4439a3f3] {
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-saved-view-alert__empty[data-v-4439a3f3],
+.cn-saved-view-alert__error[data-v-4439a3f3] {
+	margin: 0;
+}
+.cn-saved-view-alert__error[data-v-4439a3f3] {
+	color: var(--color-error-text, var(--color-error));
+	font-size: 13px;
+}
+
+
 .cn-text-widget[data-v-f00a6820] {
 	width: 100%;
 	height: 100%;
@@ -26031,7 +26538,7 @@ button.cn-stepper__step[data-v-776581d4] {
 }
 
 
-.cn-detail-page__catalog-action[data-v-4cfef9d1] {
+.cn-detail-page__catalog-action[data-v-7d004b4e] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -26047,19 +26554,19 @@ button.cn-stepper__step[data-v-776581d4] {
 	padding: 0 14px;
 	white-space: nowrap;
 }
-.cn-detail-page__catalog-note[data-v-4cfef9d1] {
+.cn-detail-page__catalog-note[data-v-7d004b4e] {
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-detail-widget-host[data-v-4cfef9d1],
-.cn-detail-widget-host[data-v-4cfef9d1] > * {
+.cn-detail-widget-host[data-v-7d004b4e],
+.cn-detail-widget-host[data-v-7d004b4e] > * {
 	height: 100%;
 }
 
 /* A bare host is a tab panel's body: it fills the panel and lets the panel
    scroll, rather than growing a second scroll region of its own. */
-.cn-detail-widget-host--bare[data-v-4cfef9d1] {
+.cn-detail-widget-host--bare[data-v-7d004b4e] {
 	min-height: 0;
 }
 
@@ -30463,13 +30970,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-facts-widget[data-v-34d72512] {
+.cn-facts-widget[data-v-7f141540] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-facts-widget__rows[data-v-34d72512] {
+.cn-facts-widget__rows[data-v-7f141540] {
 	display: grid;
 	grid-template-columns: max-content 1fr;
 	gap: 8px 16px;
@@ -30478,7 +30985,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 /* Each row is a grid of its own children: the wrapper takes no box. */
-.cn-facts-widget__row[data-v-34d72512] {
+.cn-facts-widget__row[data-v-7f141540] {
 	display: contents;
 }
 
@@ -30486,13 +30993,13 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
    pushed the label to the right of its column and added 12px around both. The
    class is doubled so these resets outrank that rule, and a dossiq-style
    `:deep()` override in an app is not needed. */
-.cn-facts-widget__label.cn-facts-widget__label[data-v-34d72512] {
+.cn-facts-widget__label.cn-facts-widget__label[data-v-7f141540] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__value.cn-facts-widget__value[data-v-34d72512] {
+.cn-facts-widget__value.cn-facts-widget__value[data-v-7f141540] {
 	margin: 0;
 	padding: 0;
 	text-align: start;
@@ -30500,56 +31007,56 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-facts-widget__title[data-v-34d72512] {
+.cn-facts-widget__title[data-v-7f141540] {
 	font-size: 15px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-facts-widget__line[data-v-34d72512] {
+.cn-facts-widget__line[data-v-7f141540] {
 	font-size: 13px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter[data-v-34d72512] {
+.cn-facts-widget__meter[data-v-7f141540] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	font-size: 14px;
 }
-.cn-facts-widget__meter-head[data-v-34d72512] {
+.cn-facts-widget__meter-head[data-v-7f141540] {
 	display: flex;
 	justify-content: space-between;
 	gap: 16px;
 }
-.cn-facts-widget__meter-label[data-v-34d72512] {
+.cn-facts-widget__meter-label[data-v-7f141540] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__meter-value[data-v-34d72512] {
+.cn-facts-widget__meter-value[data-v-7f141540] {
 	font-weight: 500;
 	text-align: end;
 }
-.cn-facts-widget__meter-track[data-v-34d72512] {
+.cn-facts-widget__meter-track[data-v-7f141540] {
 	height: 6px;
 	border-radius: 3px;
 	background: var(--color-background-darker);
 	overflow: hidden;
 }
-.cn-facts-widget__meter-bar[data-v-34d72512] {
+.cn-facts-widget__meter-bar[data-v-7f141540] {
 	display: block;
 	height: 100%;
 	border-radius: inherit;
 	background: var(--color-primary-element);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-34d72512] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-value[data-v-7f141540] {
 	color: var(--color-error-text);
 }
-.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-34d72512] {
+.cn-facts-widget__meter--over .cn-facts-widget__meter-bar[data-v-7f141540] {
 	background: var(--color-error);
 }
-.cn-facts-widget__muted[data-v-34d72512] {
+.cn-facts-widget__muted[data-v-7f141540] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-facts-widget__label .hidden-visually[data-v-34d72512] {
+.cn-facts-widget__label .hidden-visually[data-v-7f141540] {
 	clip-path: inset(50%);
 	height: 1px;
 	overflow: hidden;
@@ -30557,23 +31064,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	white-space: nowrap;
 	width: 1px;
 }
-.cn-facts-widget__label--icon[data-v-34d72512] {
+.cn-facts-widget__label--icon[data-v-7f141540] {
 	align-items: center;
 	display: flex;
 }
-.cn-facts-widget__value-link[data-v-34d72512] {
+.cn-facts-widget__value-link[data-v-7f141540] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
-.cn-facts-widget__inline-button[data-v-34d72512],
-.cn-facts-widget__icon-button[data-v-34d72512],
-.cn-facts-widget__action[data-v-34d72512] {
+.cn-facts-widget__inline-button[data-v-7f141540],
+.cn-facts-widget__icon-button[data-v-7f141540],
+.cn-facts-widget__action[data-v-7f141540] {
 	align-items: center;
 	cursor: pointer;
 	display: inline-flex;
 	font: inherit;
 }
-.cn-facts-widget__inline-button[data-v-34d72512] {
+.cn-facts-widget__inline-button[data-v-7f141540] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border-dark);
 	border-radius: 16px;
@@ -30584,7 +31091,7 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 28px;
 	padding: 0 10px;
 }
-.cn-facts-widget__icon-button[data-v-34d72512] {
+.cn-facts-widget__icon-button[data-v-7f141540] {
 	background: transparent;
 	border: 0;
 	border-radius: 6px;
@@ -30593,23 +31100,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 2px;
 	vertical-align: middle;
 }
-.cn-facts-widget__icon-button[data-v-34d72512]:hover,
-.cn-facts-widget__icon-button[data-v-34d72512]:focus-visible {
+.cn-facts-widget__icon-button[data-v-7f141540]:hover,
+.cn-facts-widget__icon-button[data-v-7f141540]:focus-visible {
 	background: var(--color-background-hover);
 	color: var(--color-main-text);
 }
-.cn-facts-widget__text[data-v-34d72512] {
+.cn-facts-widget__text[data-v-7f141540] {
 	color: var(--color-main-text);
 	font-size: 15px;
 }
 
 /* A lead: an icon tile or initials beside a bold title and a muted subtitle. */
-.cn-facts-widget__lead[data-v-34d72512] {
+.cn-facts-widget__lead[data-v-7f141540] {
 	align-items: center;
 	display: flex;
 	gap: 12px;
 }
-.cn-facts-widget__lead-tile[data-v-34d72512] {
+.cn-facts-widget__lead-tile[data-v-7f141540] {
 	align-items: center;
 	background: var(--color-background-dark);
 	border-radius: 8px;
@@ -30622,29 +31129,29 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 40px;
 }
-.cn-facts-widget__lead-tile--success[data-v-34d72512] {
+.cn-facts-widget__lead-tile--success[data-v-7f141540] {
 	background: color-mix(in srgb, var(--color-success) 14%, var(--color-main-background));
 	border-radius: 50%;
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-facts-widget__lead-tile--info[data-v-34d72512] {
+.cn-facts-widget__lead-tile--info[data-v-7f141540] {
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
 	color: var(--color-primary-element-light-text, var(--color-primary-element));
 }
-.cn-facts-widget__lead-text[data-v-34d72512] {
+.cn-facts-widget__lead-text[data-v-7f141540] {
 	display: flex;
 	flex-direction: column;
 	min-width: 0;
 }
-.cn-facts-widget__lead-title[data-v-34d72512] {
+.cn-facts-widget__lead-title[data-v-7f141540] {
 	font-size: 15px;
 }
-.cn-facts-widget__lead-subtitle[data-v-34d72512] {
+.cn-facts-widget__lead-subtitle[data-v-7f141540] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-facts-widget__action[data-v-34d72512] {
+.cn-facts-widget__action[data-v-7f141540] {
 	align-self: flex-start;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -30656,11 +31163,14 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	min-height: 32px;
 	padding: 0 14px;
 }
-.cn-facts-widget__action[data-v-34d72512]:hover,
-.cn-facts-widget__action[data-v-34d72512]:focus-visible {
+.cn-facts-widget__action[data-v-7f141540]:hover,
+.cn-facts-widget__action[data-v-7f141540]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-facts-widget__link[data-v-34d72512] {
+.cn-facts-widget__notice[data-v-7f141540] {
+	margin: 4px 0 0;
+}
+.cn-facts-widget__link[data-v-7f141540] {
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-primary-element);
@@ -30669,12 +31179,12 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 
 /* `columns: 2` (board DqContact): two columns, the label above the value, a
    hairline under each fact; one column on a phone. */
-.cn-facts-widget__rows--columns[data-v-34d72512] {
+.cn-facts-widget__rows--columns[data-v-7f141540] {
 	grid-template-columns: repeat(2, minmax(0, 1fr));
 	gap: 14px 24px;
 	font-size: 15px;
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-34d72512] {
+.cn-facts-widget__rows--columns .cn-facts-widget__row[data-v-7f141540] {
 	display: flex;
 	flex-direction: column;
 	gap: 3px;
@@ -30682,11 +31192,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding-bottom: 10px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-34d72512] {
+.cn-facts-widget__rows--columns .cn-facts-widget__label.cn-facts-widget__label[data-v-7f141540] {
 	font-size: 13px;
 }
 @media (max-width: 640px) {
-.cn-facts-widget__rows--columns[data-v-34d72512] {
+.cn-facts-widget__rows--columns[data-v-7f141540] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }
@@ -30758,6 +31268,85 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
+.cn-grouped-cards__grid[data-v-cf2cd50a] {
+	display: grid;
+	grid-template-columns: repeat(var(--cn-grouped-cards-columns, 2), minmax(0, 1fr));
+	gap: 16px;
+}
+@media (max-width: 700px) {
+.cn-grouped-cards__grid[data-v-cf2cd50a] {
+		grid-template-columns: minmax(0, 1fr);
+}
+}
+.cn-grouped-cards__group[data-v-cf2cd50a] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	padding: 12px 14px 14px;
+	border-radius: var(--border-radius-large, 10px);
+	background: var(--color-background-hover);
+}
+.cn-grouped-cards__group--extra[data-v-cf2cd50a] {
+	background: transparent;
+	border: 1px dashed var(--color-border-dark);
+}
+.cn-grouped-cards__group-header[data-v-cf2cd50a] {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 8px;
+}
+.cn-grouped-cards__group-title[data-v-cf2cd50a] {
+	margin: 0;
+	font-size: 15px;
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+.cn-grouped-cards__count[data-v-cf2cd50a] {
+	padding: 2px 8px;
+	border-radius: var(--border-radius-pill, 12px);
+	background: var(--color-main-background);
+	color: var(--color-text-maxcontrast);
+	font-size: 12px;
+	font-weight: 600;
+	white-space: nowrap;
+}
+.cn-grouped-cards__items[data-v-cf2cd50a] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-grouped-cards__item[data-v-cf2cd50a] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	padding: 10px 12px;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-large, 8px);
+	background: var(--color-main-background);
+}
+.cn-grouped-cards__item-title[data-v-cf2cd50a] {
+	font-weight: 600;
+	color: var(--color-main-text);
+}
+.cn-grouped-cards__item-meta[data-v-cf2cd50a],
+.cn-grouped-cards__extra-text[data-v-cf2cd50a],
+.cn-grouped-cards__group-empty[data-v-cf2cd50a],
+.cn-grouped-cards__state[data-v-cf2cd50a] {
+	margin: 0;
+	color: var(--color-text-maxcontrast);
+	font-size: 13px;
+}
+.cn-grouped-cards__loading[data-v-cf2cd50a] {
+	display: flex;
+	justify-content: center;
+	padding: 8px 0;
+}
+
+
 .cn-checklist-run__form[data-v-56cee1aa] {
 	display: flex;
 	flex-direction: column;
@@ -32276,27 +32865,52 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 }
 
 
-.cn-record-list__list[data-v-b768fcd6] {
+.cn-record-list__list[data-v-03e67618] {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }
-.cn-record-list__empty[data-v-b768fcd6],
-.cn-record-list__error[data-v-b768fcd6] {
+.cn-record-list__empty[data-v-03e67618],
+.cn-record-list__error[data-v-03e67618] {
 	color: var(--color-text-maxcontrast);
 	margin: 0;
 }
-.cn-record-list__loading[data-v-b768fcd6] {
+.cn-record-list__notice[data-v-03e67618] {
+	display: flex;
+	gap: 10px;
+	align-items: flex-start;
+	padding: 12px 14px;
+	border-radius: var(--border-radius-large, 10px);
+	background: var(--color-primary-element-light, var(--color-background-dark));
+	color: var(--color-main-text);
+}
+.cn-record-list__notice--warning[data-v-03e67618] {
+	background: var(--color-warning-light, rgba(255, 196, 0, 0.12));
+	color: var(--color-warning-text, var(--color-main-text));
+}
+.cn-record-list__notice--error[data-v-03e67618] {
+	background: var(--color-error-light, rgba(219, 0, 0, 0.08));
+	color: var(--color-error-text, var(--color-main-text));
+}
+.cn-record-list__notice-icon[data-v-03e67618] {
+	flex: 0 0 auto;
+	margin-top: 1px;
+}
+.cn-record-list__notice-text[data-v-03e67618] {
+	margin: 0;
+	line-height: 1.5;
+}
+.cn-record-list__loading[data-v-03e67618] {
 	display: flex;
 	justify-content: center;
 	padding: 8px 0;
 }
 
 /* rows */
-.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-b768fcd6] {
+.cn-record-list--rows .cn-record-list__item + .cn-record-list__item[data-v-03e67618] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__bar[data-v-b768fcd6] {
+.cn-record-list__bar[data-v-03e67618] {
 	background: var(--color-border);
 	border-radius: 3px;
 	display: block;
@@ -32304,15 +32918,15 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	margin: -6px 0 12px;
 	overflow: hidden;
 }
-.cn-record-list__bar-fill[data-v-b768fcd6] {
+.cn-record-list__bar-fill[data-v-03e67618] {
 	background: var(--color-primary-element);
 	display: block;
 	height: 100%;
 }
-.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-b768fcd6] {
+.cn-record-list__bar--over .cn-record-list__bar-fill[data-v-03e67618] {
 	background: var(--color-error);
 }
-.cn-record-list__row[data-v-b768fcd6] {
+.cn-record-list__row[data-v-03e67618] {
 	align-items: center;
 	color: var(--color-main-text);
 	display: flex;
@@ -32320,11 +32934,11 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 12px 0;
 	text-decoration: none;
 }
-.cn-record-list__row--link:hover .cn-record-list__title[data-v-b768fcd6],
-.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-b768fcd6] {
+.cn-record-list__row--link:hover .cn-record-list__title[data-v-03e67618],
+.cn-record-list__row--link:focus-visible .cn-record-list__title[data-v-03e67618] {
 	text-decoration: underline;
 }
-.cn-record-list__avatar[data-v-b768fcd6] {
+.cn-record-list__avatar[data-v-03e67618] {
 	align-items: center;
 	background: var(--color-background-hover);
 	border-radius: 50%;
@@ -32337,67 +32951,67 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__main[data-v-b768fcd6] {
+.cn-record-list__main[data-v-03e67618] {
 	display: flex;
 	flex: 1 1 auto;
 	flex-direction: column;
 	gap: 2px;
 	min-width: 0;
 }
-.cn-record-list__title[data-v-b768fcd6] {
+.cn-record-list__title[data-v-03e67618] {
 	font-size: 15px;
 	font-weight: 700;
 }
-.cn-record-list__meta[data-v-b768fcd6] {
+.cn-record-list__meta[data-v-03e67618] {
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-record-list__aside[data-v-b768fcd6] {
+.cn-record-list__aside[data-v-03e67618] {
 	align-items: center;
 	display: flex;
 	flex: none;
 	gap: 16px;
 }
-.cn-record-list__trailing[data-v-b768fcd6] {
+.cn-record-list__trailing[data-v-03e67618] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due[data-v-b768fcd6] {
+.cn-record-list__due[data-v-03e67618] {
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-record-list__due--danger[data-v-b768fcd6] {
+.cn-record-list__due--danger[data-v-03e67618] {
 	color: var(--color-text-error, var(--color-error-text));
 	font-weight: 600;
 }
-.cn-record-list__due--empty[data-v-b768fcd6] {
+.cn-record-list__due--empty[data-v-03e67618] {
 	color: var(--color-text-maxcontrast);
 }
-.cn-record-list__row--action[data-v-b768fcd6] {
+.cn-record-list__row--action[data-v-03e67618] {
 	flex-wrap: wrap;
 	gap: 8px 16px;
 	padding: 14px 0;
 }
-.cn-record-list__row--action .cn-record-list__main[data-v-b768fcd6] {
+.cn-record-list__row--action .cn-record-list__main[data-v-03e67618] {
 	flex: 1 1 280px;
 	gap: 3px;
 }
-.cn-record-list__title--link[data-v-b768fcd6] {
+.cn-record-list__title--link[data-v-03e67618] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-record-list__pills[data-v-b768fcd6] {
+.cn-record-list__pills[data-v-03e67618] {
 	display: flex;
 	flex: 0 0 120px;
 	gap: 6px;
 	justify-content: flex-end;
 }
-.cn-record-list__due--column[data-v-b768fcd6] {
+.cn-record-list__due--column[data-v-03e67618] {
 	flex: 0 0 96px;
 	font-size: 13px;
 	text-align: end;
 }
-.cn-record-list__action[data-v-b768fcd6] {
+.cn-record-list__action[data-v-03e67618] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border: 0;
@@ -32414,23 +33028,23 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 0 14px;
 	text-decoration: none;
 }
-.cn-record-list__action[data-v-b768fcd6]:hover,
-.cn-record-list__action[data-v-b768fcd6]:focus-visible {
+.cn-record-list__action[data-v-03e67618]:hover,
+.cn-record-list__action[data-v-03e67618]:focus-visible {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-record-list__chevron[data-v-b768fcd6] {
+.cn-record-list__chevron[data-v-03e67618] {
 	color: var(--color-text-maxcontrast);
 	flex: none;
 }
 
 /* cards (board ShBank): a grid of framed cards, 240px at the least. */
-.cn-record-list--cards .cn-record-list__list[data-v-b768fcd6] {
+.cn-record-list--cards .cn-record-list__list[data-v-03e67618] {
 	align-items: start;
 	display: grid;
 	gap: 16px;
 	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
 }
-.cn-record-list__card[data-v-b768fcd6] {
+.cn-record-list__card[data-v-03e67618] {
 	background: var(--color-main-background);
 	border: 1px solid var(--color-border);
 	border-radius: 12px;
@@ -32442,51 +33056,51 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	padding: 16px 18px;
 	text-decoration: none;
 }
-.cn-record-list__card--link[data-v-b768fcd6]:hover,
-.cn-record-list__card--link[data-v-b768fcd6]:focus-visible {
+.cn-record-list__card--link[data-v-03e67618]:hover,
+.cn-record-list__card--link[data-v-03e67618]:focus-visible {
 	border-color: var(--color-border-dark, var(--color-border));
 }
-.cn-record-list__card--link:hover .cn-record-list__title[data-v-b768fcd6],
-.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-b768fcd6] {
+.cn-record-list__card--link:hover .cn-record-list__title[data-v-03e67618],
+.cn-record-list__card--link:focus-visible .cn-record-list__title[data-v-03e67618] {
 	text-decoration: underline;
 }
-.cn-record-list__card-head[data-v-b768fcd6] {
+.cn-record-list__card-head[data-v-03e67618] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	justify-content: space-between;
 }
-.cn-record-list__card-title[data-v-b768fcd6] {
+.cn-record-list__card-title[data-v-03e67618] {
 	align-items: center;
 	display: flex;
 	gap: 8px;
 	min-width: 0;
 }
-.cn-record-list__card-icon[data-v-b768fcd6] {
+.cn-record-list__card-icon[data-v-03e67618] {
 	color: var(--color-primary-element);
 	flex: none;
 }
-.cn-record-list__card-pills[data-v-b768fcd6] {
+.cn-record-list__card-pills[data-v-03e67618] {
 	display: flex;
 	flex: none;
 	gap: 6px;
 }
-.cn-record-list__card-value[data-v-b768fcd6] {
+.cn-record-list__card-value[data-v-03e67618] {
 	font-size: 24px;
 	font-weight: 700;
 }
 
 /* feed */
-.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-b768fcd6] {
+.cn-record-list--feed .cn-record-list__item + .cn-record-list__item[data-v-03e67618] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-record-list__feed-row[data-v-b768fcd6] {
+.cn-record-list__feed-row[data-v-03e67618] {
 	align-items: flex-start;
 	display: flex;
 	gap: 14px;
 	padding: 12px 0;
 }
-.cn-record-list__feed-icon[data-v-b768fcd6] {
+.cn-record-list__feed-icon[data-v-03e67618] {
 	align-items: center;
 	background: var(--color-primary-element-light);
 	border-radius: 50%;
@@ -32497,25 +33111,25 @@ a.cn-flow-runs-widget__row-content:hover .cn-flow-runs-widget__name[data-v-33d38
 	justify-content: center;
 	width: 36px;
 }
-.cn-record-list__text[data-v-b768fcd6] {
+.cn-record-list__text[data-v-03e67618] {
 	font-size: 15px;
 }
-.cn-record-list--feed .cn-record-list__main[data-v-b768fcd6] {
+.cn-record-list--feed .cn-record-list__main[data-v-03e67618] {
 	color: var(--color-main-text);
 	text-decoration: none;
 }
 
 /* inline */
-.cn-record-list__inline-row[data-v-b768fcd6] {
+.cn-record-list__inline-row[data-v-03e67618] {
 	padding: 4px 0;
 }
-.cn-record-list__label[data-v-b768fcd6] {
+.cn-record-list__label[data-v-03e67618] {
 	margin-inline-end: 4px;
 }
-.cn-record-list__inline-title[data-v-b768fcd6] {
+.cn-record-list__inline-title[data-v-03e67618] {
 	color: var(--color-main-text);
 }
-a.cn-record-list__inline-title[data-v-b768fcd6] {
+a.cn-record-list__inline-title[data-v-03e67618] {
 	color: var(--color-primary-element);
 	text-decoration: underline;
 }
@@ -33246,13 +33860,13 @@ a.cn-record-list__inline-title[data-v-b768fcd6] {
 }
 
 
-.cn-settings-fields[data-v-65c151a8] {
+.cn-settings-fields[data-v-090828e4] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	container-type: inline-size;
 }
-.cn-settings-fields__grid[data-v-65c151a8] {
+.cn-settings-fields__grid[data-v-090828e4] {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr);
 	gap: 16px 20px;
@@ -33260,27 +33874,27 @@ a.cn-record-list__inline-title[data-v-b768fcd6] {
 
 /* Two or three columns where the card is wide enough; stacked otherwise. */
 @container (min-width: 520px) {
-.cn-settings-fields__grid--2[data-v-65c151a8],
-	.cn-settings-fields__grid--3[data-v-65c151a8] {
+.cn-settings-fields__grid--2[data-v-090828e4],
+	.cn-settings-fields__grid--3[data-v-090828e4] {
 		grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }
 @container (min-width: 780px) {
-.cn-settings-fields__grid--3[data-v-65c151a8] {
+.cn-settings-fields__grid--3[data-v-090828e4] {
 		grid-template-columns: repeat(3, minmax(0, 1fr));
 }
 }
-.cn-settings-fields__field--wide[data-v-65c151a8] {
+.cn-settings-fields__field--wide[data-v-090828e4] {
 	grid-column: 1 / -1;
 }
-.cn-settings-fields__save[data-v-65c151a8] {
+.cn-settings-fields__save[data-v-090828e4] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	justify-content: flex-end;
 	gap: 12px;
 }
-.cn-settings-fields__dirty[data-v-65c151a8] {
+.cn-settings-fields__dirty[data-v-090828e4] {
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
 }
@@ -36718,26 +37332,26 @@ to {
   text-decoration: underline;
 }
 @charset "UTF-8";
-.cn-choice-cards[data-v-8d2b4ff4] {
+.cn-choice-cards[data-v-22c5fe42] {
   border: none;
   padding: 0;
   margin: 0;
   min-inline-size: 0;
 }
 
-.cn-choice-cards__legend[data-v-8d2b4ff4] {
+.cn-choice-cards__legend[data-v-22c5fe42] {
   padding: 0;
   margin-block-end: 8px;
   font-weight: bold;
 }
 
-.cn-choice-cards__loading[data-v-8d2b4ff4] {
+.cn-choice-cards__loading[data-v-22c5fe42] {
   display: flex;
   justify-content: center;
   padding: 24px 0;
 }
 
-.cn-choice-cards__grid[data-v-8d2b4ff4] {
+.cn-choice-cards__grid[data-v-22c5fe42] {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
   gap: 12px;
@@ -36749,26 +37363,26 @@ to {
   padding: 12px;
 }
 
-.cn-choice-cards__cell[data-v-8d2b4ff4] {
+.cn-choice-cards__cell[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 8px;
   min-inline-size: 0;
 }
 
-.cn-choice-cards__actions[data-v-8d2b4ff4] {
+.cn-choice-cards__actions[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 4px;
 }
 
-.cn-choice-cards__option[data-v-8d2b4ff4] {
+.cn-choice-cards__option[data-v-22c5fe42] {
   position: relative;
   display: block;
   cursor: pointer;
 }
 
-.cn-choice-cards__input[data-v-8d2b4ff4] {
+.cn-choice-cards__input[data-v-22c5fe42] {
   position: absolute;
   inset-block-start: 16px;
   inset-inline-end: 14px;
@@ -36778,7 +37392,7 @@ to {
 }
 
 /* Room for the input, so a long title never runs underneath it. */
-.cn-choice-cards__option[data-v-8d2b4ff4] .cn-card {
+.cn-choice-cards__option[data-v-22c5fe42] .cn-card {
   padding-inline-end: 44px;
   transition: box-shadow 0.2s ease, border-color 0.2s ease;
 }
@@ -36789,125 +37403,180 @@ to {
    touches a card, and the grid twitches. The border colour below already
    carries hover, so the scale is dropped: at (0,3,0) this beats the global
    `.cn-card:hover` at (0,2,0). */
-.cn-choice-cards__option[data-v-8d2b4ff4]:hover .cn-card {
+.cn-choice-cards__option[data-v-22c5fe42]:hover .cn-card {
   border-color: var(--color-primary-element);
   transform: none;
 }
 
 /* The focus ring belongs on the card, not on the small input inside it. */
-.cn-choice-cards__input[data-v-8d2b4ff4]:focus-visible + .cn-card {
+.cn-choice-cards__input[data-v-22c5fe42]:focus-visible + .cn-card {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-choice-cards__input[data-v-8d2b4ff4]:disabled {
+.cn-choice-cards__input[data-v-22c5fe42]:disabled {
   cursor: default;
 }
 
-.cn-choice-cards__input[data-v-8d2b4ff4]:disabled + .cn-card {
+.cn-choice-cards__option--disabled .cn-choice-cards__input[data-v-22c5fe42] + .cn-card {
   opacity: 0.6;
 }
 
-.cn-choice-cards__rows[data-v-8d2b4ff4] {
+.cn-choice-cards__rows[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
 
-.cn-choice-cards__row[data-v-8d2b4ff4] {
+/* 12px 14px, as the boards draw an option row (DqVolgendeStap, DqBesluit). */
+.cn-choice-cards__row[data-v-22c5fe42] {
   display: flex;
   align-items: flex-start;
   gap: 12px;
-  padding: 14px 16px;
+  padding: 12px 14px;
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius-large, 8px);
   background: var(--color-main-background);
   cursor: pointer;
 }
 
-.cn-choice-cards__row[data-v-8d2b4ff4]:hover {
+.cn-choice-cards__row[data-v-22c5fe42]:hover {
   border-color: var(--color-border-dark);
 }
 
-.cn-choice-cards__row--selected[data-v-8d2b4ff4],
-.cn-choice-cards__row--selected[data-v-8d2b4ff4]:hover {
+.cn-choice-cards__row--selected[data-v-22c5fe42],
+.cn-choice-cards__row--selected[data-v-22c5fe42]:hover {
   border-color: var(--color-primary-element);
   /* The second pixel of the 2px selected border, without moving the content. */
   box-shadow: inset 0 0 0 1px var(--color-primary-element);
   background: var(--color-primary-element-light);
 }
 
-.cn-choice-cards__row--disabled[data-v-8d2b4ff4] {
+/* An option this record does not allow: the grey ground and the muted ink,
+   still legible (DqVolgendeStap), not faded. */
+.cn-choice-cards__row--disabled[data-v-22c5fe42],
+.cn-choice-cards__row--disabled[data-v-22c5fe42]:hover {
+  --nldesign-color-on-surface: var(--color-text-maxcontrast);
+  border-color: var(--color-border);
+  background: var(--color-background-hover);
+  color: var(--color-text-maxcontrast);
   cursor: default;
-  opacity: 0.6;
 }
 
-.cn-choice-cards__row[data-v-8d2b4ff4]:has(.cn-choice-cards__row-input:focus-visible) {
+/* The title takes the muted ink itself: a theme that colours every label
+   with `!important` (thematiq) would otherwise hand it the label colour. */
+.cn-choice-cards__row--disabled .cn-choice-cards__row-title[data-v-22c5fe42] {
+  --nldesign-color-on-surface: var(--color-text-maxcontrast);
+  color: var(--color-text-maxcontrast);
+}
+
+/* The chosen option's fields share the selected row's frame: the cell draws
+   the 2px primary border and the ground, the row inside it draws none, and
+   the fields sit under the text, indented to it (DqVolgendeStap). */
+.cn-choice-cards__cell--with-details[data-v-22c5fe42] {
+  border: 1px solid var(--color-primary-element);
+  border-radius: var(--border-radius-large, 8px);
+  box-shadow: inset 0 0 0 1px var(--color-primary-element);
+  background: var(--color-primary-element-light);
+}
+
+.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-22c5fe42],
+.cn-choice-cards__cell--with-details .cn-choice-cards__row[data-v-22c5fe42]:hover {
+  border-color: transparent;
+  box-shadow: none;
+  background: transparent;
+}
+
+.cn-choice-cards__details[data-v-22c5fe42] {
+  display: flex;
+  flex-direction: column;
+  gap: 14px;
+  padding: 0 14px 14px 44px;
+}
+
+.cn-choice-cards__row--readonly[data-v-22c5fe42] {
+  cursor: default;
+}
+
+.cn-choice-cards__row--readonly[data-v-22c5fe42]:not(.cn-choice-cards__row--selected):hover {
+  border-color: var(--color-border);
+}
+
+.cn-choice-cards__row[data-v-22c5fe42]:has(.cn-choice-cards__row-input:focus-visible) {
   outline: 2px solid var(--color-primary-element);
   outline-offset: 2px;
 }
 
-.cn-choice-cards__row-input[data-v-8d2b4ff4] {
+.cn-choice-cards__row-input[data-v-22c5fe42] {
   flex: none;
   margin: 2px 0 0;
   accent-color: var(--color-primary-element);
   cursor: inherit;
 }
 
-.cn-choice-cards__row-icon[data-v-8d2b4ff4] {
+.cn-choice-cards__row-icon[data-v-22c5fe42] {
   flex: none;
 }
 
-.cn-choice-cards__row-text[data-v-8d2b4ff4] {
+.cn-choice-cards__row-text[data-v-22c5fe42] {
   display: flex;
   flex-direction: column;
   gap: 2px;
   min-width: 0;
 }
 
-.cn-choice-cards__row-title[data-v-8d2b4ff4] {
+.cn-choice-cards__row-title[data-v-22c5fe42] {
   font-size: 15px;
   font-weight: 600;
 }
 
-.cn-choice-cards__row-description[data-v-8d2b4ff4] {
+/* Regular weight on the span itself: a theme that sets every label bold
+   with `!important` (thematiq) reaches a span that only inherits. */
+.cn-choice-cards__row-description[data-v-22c5fe42],
+.cn-choice-cards__reason[data-v-22c5fe42] {
+  --nldesign-color-on-surface: var(--color-text-maxcontrast);
   font-size: 13px;
+  font-weight: 400;
   color: var(--color-text-maxcontrast);
 }
 
-.cn-choice-cards__reason[data-v-8d2b4ff4] {
-  font-size: 13px;
-  color: var(--color-text-maxcontrast);
-  font-style: italic;
-}
-
-.cn-choice-cards__reason--card[data-v-8d2b4ff4] {
+.cn-choice-cards__reason--card[data-v-22c5fe42] {
   display: block;
   margin-block-start: 4px;
 }
 
-.cn-wizard-dialog__step-body[data-v-4a9bf6d1] {
+.cn-wizard-dialog__step-body[data-v-547e7819] {
 	min-height: 200px;
 }
-.cn-wizard-dialog__result[data-v-4a9bf6d1] {
+.cn-wizard-dialog__result[data-v-547e7819] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
 
 
-.cn-setup-step[data-v-5670b06f] {
+.cn-setup-step[data-v-44988d3d] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
-.cn-setup-step__nav[data-v-5670b06f] {
+.cn-setup-step__intro[data-v-44988d3d] {
+	margin: 0;
+	font-size: 15px;
+	line-height: 1.5;
+}
+.cn-setup-step__note[data-v-44988d3d] {
+	margin: 0;
+	font-size: 13px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-setup-step__nav[data-v-44988d3d] {
 	display: flex;
 	justify-content: flex-end;
 	gap: 8px;
 	margin-top: 8px;
 }
-.cn-setup-step__running[data-v-5670b06f] {
+.cn-setup-step__running[data-v-44988d3d] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -36915,43 +37584,43 @@ to {
 	padding: 24px 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-setup-load-result[data-v-5670b06f] {
+.cn-setup-load-result[data-v-44988d3d] {
 	margin: 0;
 	font-size: var(--font-size-small, 13px);
 }
-.cn-setup-load-result--success[data-v-5670b06f] {
+.cn-setup-load-result--success[data-v-44988d3d] {
 	color: var(--color-success-text, var(--color-success));
 }
-.cn-setup-load-result--error[data-v-5670b06f] {
+.cn-setup-load-result--error[data-v-44988d3d] {
 	color: var(--color-error-text, var(--color-error));
 }
-.cn-setup-field[data-v-5670b06f] {
+.cn-setup-field[data-v-44988d3d] {
 	display: flex;
 	flex-direction: column;
 }
-.cn-setup-summary[data-v-5670b06f] {
+.cn-setup-summary[data-v-44988d3d] {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }
-.cn-setup-summary__item[data-v-5670b06f] {
+.cn-setup-summary__item[data-v-44988d3d] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	padding: 4px 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-setup-summary__item--done[data-v-5670b06f] {
+.cn-setup-summary__item--done[data-v-44988d3d] {
 	color: var(--color-main-text);
 }
-.cn-setup-summary__mark[data-v-5670b06f] {
+.cn-setup-summary__mark[data-v-44988d3d] {
 	font-weight: bold;
 	color: var(--color-success);
 }
-.cn-setup-summary__label[data-v-5670b06f] {
+.cn-setup-summary__label[data-v-44988d3d] {
 	flex: 0 0 auto;
 }
-.cn-setup-summary__value[data-v-5670b06f] {
+.cn-setup-summary__value[data-v-44988d3d] {
 	margin-inline-start: auto;
 	font-weight: 600;
 	color: var(--color-main-text);
@@ -36959,34 +37628,34 @@ to {
 
 /* An on-demand step that did not run says so quietly: it is a choice the
    user did not make, not a failure. */
-.cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-5670b06f] {
+.cn-setup-summary__item--not-run .cn-setup-summary__value[data-v-44988d3d] {
 	font-weight: normal;
 	color: var(--color-text-maxcontrast);
 }
 
 
-.cn-admin-settings-shell[data-v-73ed7e9c] {
+.cn-admin-settings-shell[data-v-b8d7f6c6] {
 	max-width: 900px;
 }
 
 /* The board look lifts the width and lays the header and cards on a grid (look-board.css). */
-.cn-support-info[data-v-73ed7e9c] {
+.cn-support-info[data-v-b8d7f6c6] {
 	margin-top: 16px;
 	padding-top: 16px;
 	border-top: 1px solid var(--color-border);
 }
-.cn-support-info h4[data-v-73ed7e9c] {
+.cn-support-info h4[data-v-b8d7f6c6] {
 	margin: 0 0 8px 0;
 	font-size: 14px;
 	font-weight: 600;
 	color: var(--color-main-text);
 }
-.cn-support-info p[data-v-73ed7e9c] {
+.cn-support-info p[data-v-b8d7f6c6] {
 	margin: 4px 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 }
-.cn-support-info a[data-v-73ed7e9c] {
+.cn-support-info a[data-v-b8d7f6c6] {
 	color: var(--color-primary-element);
 }
 
@@ -37615,16 +38284,16 @@ to {
 }
 
 
-.cn-ordered-list-field[data-v-3ab313d4] {
+.cn-ordered-list-field[data-v-ca9d4198] {
 	display: flex;
 	flex-direction: column;
 	gap: 10px;
 }
-.cn-ordered-list-field__label[data-v-3ab313d4] {
+.cn-ordered-list-field__label[data-v-ca9d4198] {
 	margin: 0;
 	font-weight: 600;
 }
-.cn-ordered-list-field__rows[data-v-3ab313d4] {
+.cn-ordered-list-field__rows[data-v-ca9d4198] {
 	display: flex;
 	flex-direction: column;
 	margin: 0;
@@ -37633,34 +38302,66 @@ to {
 	border-radius: var(--border-radius-element, 8px);
 	list-style: none;
 }
-.cn-ordered-list-field__row[data-v-3ab313d4] {
+.cn-ordered-list-field__row[data-v-ca9d4198] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	min-height: 44px;
 	padding: 2px 6px 2px 12px;
 }
-.cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-3ab313d4] {
+.cn-ordered-list-field__row + .cn-ordered-list-field__row[data-v-ca9d4198] {
 	border-top: 1px solid var(--color-border);
 }
-.cn-ordered-list-field__position[data-v-3ab313d4] {
+.cn-ordered-list-field__row--dragging[data-v-ca9d4198] {
+	opacity: 0.5;
+}
+
+/* Where a dragged row will land: a primary line on the row's top edge. */
+.cn-ordered-list-field__row--over[data-v-ca9d4198] {
+	box-shadow: inset 0 2px 0 var(--color-primary-element);
+}
+.cn-ordered-list-field__handle[data-v-ca9d4198] {
+	display: inline-flex;
+	flex: none;
+	align-items: center;
+	justify-content: center;
+	width: 28px;
+	min-width: 28px;
+	height: 34px;
+	min-height: 34px;
+	margin: 0 -6px 0 -8px;
+	padding: 0;
+	border: 0;
+	border-radius: var(--border-radius-element, 8px);
+	background: transparent;
+	color: var(--color-text-maxcontrast);
+	cursor: grab;
+}
+.cn-ordered-list-field__handle[data-v-ca9d4198]:active {
+	cursor: grabbing;
+}
+.cn-ordered-list-field__handle[data-v-ca9d4198]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 1px;
+}
+.cn-ordered-list-field__position[data-v-ca9d4198] {
 	flex: none;
 	min-width: 18px;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	font-variant-numeric: tabular-nums;
 }
-.cn-ordered-list-field__text[data-v-3ab313d4] {
+.cn-ordered-list-field__text[data-v-ca9d4198] {
 	flex: 1 1 auto;
 	min-width: 0;
 	overflow-wrap: anywhere;
 }
-.cn-ordered-list-field__actions[data-v-3ab313d4] {
+.cn-ordered-list-field__actions[data-v-ca9d4198] {
 	display: flex;
 	flex: none;
 	gap: 2px;
 }
-.cn-ordered-list-field__button[data-v-3ab313d4] {
+.cn-ordered-list-field__button[data-v-ca9d4198] {
 	display: inline-flex;
 	align-items: center;
 	justify-content: center;
@@ -37676,22 +38377,22 @@ to {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-ordered-list-field__button[data-v-3ab313d4]:hover:not(:disabled) {
+.cn-ordered-list-field__button[data-v-ca9d4198]:hover:not(:disabled) {
 	background: var(--color-background-hover);
 }
-.cn-ordered-list-field__button[data-v-3ab313d4]:focus-visible {
+.cn-ordered-list-field__button[data-v-ca9d4198]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 1px;
 }
-.cn-ordered-list-field__button[data-v-3ab313d4]:disabled {
+.cn-ordered-list-field__button[data-v-ca9d4198]:disabled {
 	opacity: 0.4;
 	cursor: default;
 }
-.cn-ordered-list-field__empty[data-v-3ab313d4] {
+.cn-ordered-list-field__empty[data-v-ca9d4198] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-ordered-list-field__tile[data-v-3ab313d4] {
+.cn-ordered-list-field__tile[data-v-ca9d4198] {
 	display: inline-flex;
 	flex: none;
 	align-items: center;
@@ -37702,15 +38403,15 @@ to {
 	background: var(--color-background-dark);
 	color: var(--color-main-text);
 }
-.cn-ordered-list-field__name[data-v-3ab313d4] {
+.cn-ordered-list-field__name[data-v-ca9d4198] {
 	display: block;
 }
-.cn-ordered-list-field__description[data-v-3ab313d4] {
+.cn-ordered-list-field__description[data-v-ca9d4198] {
 	display: block;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-ordered-list-field__option[data-v-3ab313d4] {
+.cn-ordered-list-field__option[data-v-ca9d4198] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
@@ -40239,7 +40940,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 
-.cn-dashboard-page[data-v-40c6b068] {
+.cn-dashboard-page[data-v-54c2437f] {
 	padding: 20px;
 	max-width: 1800px;
 	/* Centre the leftover space once the cap engages, so a wide screen shows
@@ -40253,7 +40954,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	overflow-y: auto;
 	box-sizing: border-box;
 }
-.cn-dashboard-page__header[data-v-40c6b068] {
+.cn-dashboard-page__header[data-v-54c2437f] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -40265,21 +40966,21 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	   room. Only the HEADER shifts right — body widgets keep full width. */
 	padding-inline-start: 56px;
 }
-.cn-dashboard-page__header-left[data-v-40c6b068] {
+.cn-dashboard-page__header-left[data-v-54c2437f] {
 	min-width: 0;
 }
-.cn-dashboard-page__title-row[data-v-40c6b068] {
+.cn-dashboard-page__title-row[data-v-54c2437f] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__title[data-v-40c6b068] {
+.cn-dashboard-page__title[data-v-54c2437f] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-40c6b068] {
+.cn-dashboard-page__description[data-v-54c2437f] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
@@ -40287,19 +40988,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Board look (screens-dashboard-parity): h1 28/700, a 15px grey subtitle 6px
    under it, and 40px buttons with a 10px gap. */
-.cn-dashboard-page--board .cn-dashboard-page__title[data-v-40c6b068] {
+.cn-dashboard-page--board .cn-dashboard-page__title[data-v-54c2437f] {
 	font-size: 28px;
 	font-weight: 700;
 	line-height: 1.2;
 }
-.cn-dashboard-page--board .cn-dashboard-page__description[data-v-40c6b068] {
+.cn-dashboard-page--board .cn-dashboard-page__description[data-v-54c2437f] {
 	margin: 6px 0 0;
 	font-size: 15px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-40c6b068] {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-54c2437f] {
 	gap: 10px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-40c6b068] .button-vue {
+.cn-dashboard-page--board .cn-dashboard-page__header-actions[data-v-54c2437f] .button-vue {
 	min-height: var(--cn-board-control-height, 40px);
 	height: var(--cn-board-control-height, 40px);
 }
@@ -40307,17 +41008,17 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* The switch row under the header (screens-dashboard-greeting-header): the
    view switch left, the `viewLinks` pills right (DqMijnWerk: pills 34px high,
    radius 17, 13px/600, a 14px icon, primary light on primary deep). */
-.cn-dashboard-page__switch-row[data-v-40c6b068] {
+.cn-dashboard-page__switch-row[data-v-54c2437f] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 10px;
 	margin-bottom: var(--cn-board-section-gap, 20px);
 }
-.cn-dashboard-page__switch-row-spacer[data-v-40c6b068] {
+.cn-dashboard-page__switch-row-spacer[data-v-54c2437f] {
 	flex: 1 1 auto;
 }
-.cn-dashboard-page__view-link[data-v-40c6b068] {
+.cn-dashboard-page__view-link[data-v-54c2437f] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -40331,37 +41032,37 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	text-decoration: none !important;
 }
-.cn-dashboard-page__view-link[data-v-40c6b068]:hover {
+.cn-dashboard-page__view-link[data-v-54c2437f]:hover {
 	background: var(--color-primary-element-light-hover, var(--color-primary-element-light));
 }
-.cn-dashboard-page__view-link[data-v-40c6b068]:focus-visible {
+.cn-dashboard-page__view-link[data-v-54c2437f]:focus-visible {
 	outline: 2px solid var(--color-main-text);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__view-link-icon[data-v-40c6b068] {
+.cn-dashboard-page__view-link-icon[data-v-54c2437f] {
 	display: inline-flex;
 }
 
 /* The period group, in a row of its own between the header and the KPI row. */
-.cn-dashboard-page__date-range--segmented[data-v-40c6b068] {
+.cn-dashboard-page__date-range--segmented[data-v-54c2437f] {
 	margin-bottom: 16px;
 }
 
 /* The period group at the end of the description line. */
-.cn-dashboard-page__description--with-period[data-v-40c6b068] {
+.cn-dashboard-page__description--with-period[data-v-54c2437f] {
 	align-items: center;
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-dashboard-page__date-segmented[data-v-40c6b068] {
+.cn-dashboard-page__date-segmented[data-v-54c2437f] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
 
 /* The KPI row above the grid: tiles are cells of the auto-fit grid. */
-.cn-dashboard-page__kpi-row[data-v-40c6b068] {
+.cn-dashboard-page__kpi-row[data-v-54c2437f] {
 	margin-bottom: var(--cn-board-section-gap, 16px);
 }
 
@@ -40369,15 +41070,15 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    the cards started a margin to the right of the KPI row and the header. The
    grid reaches out by that margin, so the card edges line up with the page's
    (dashboard-grid-flush). */
-.cn-dashboard-page--board[data-v-40c6b068] .cn-dashboard-grid {
+.cn-dashboard-page--board[data-v-54c2437f] .cn-dashboard-grid {
 	width: auto;
 	margin-inline: calc(-1 * var(--cn-dashboard-grid-margin, 12px));
 }
-.cn-dashboard-page__kpi-cell[data-v-40c6b068] {
+.cn-dashboard-page__kpi-cell[data-v-54c2437f] {
 	display: flex;
 	min-width: 0;
 }
-.cn-dashboard-page__kpi-cell[data-v-40c6b068] > * {
+.cn-dashboard-page__kpi-cell[data-v-54c2437f] > * {
 	flex: 1 1 auto;
 	min-width: 0;
 }
@@ -40390,7 +41091,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    scoped chip rules then silently don't match and the chip collapses into
    NcActions' ~30px icon slot (text wraps to "Last / 30 / days"). The
    data-testid is stable across chunks, so those rules match regardless. */
-.cn-dashboard-page__header-actions[data-v-40c6b068] {
+.cn-dashboard-page__header-actions[data-v-54c2437f] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
@@ -40406,19 +41107,19 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* Date-range header band. Kept compact so it doesn't open a tall gap
    above the grid; the pills variant is a single tidy toggle row. */
-.cn-dashboard-page__date-range[data-v-40c6b068] {
+.cn-dashboard-page__date-range[data-v-54c2437f] {
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__date-range--pills[data-v-40c6b068] {
+.cn-dashboard-page__date-range--pills[data-v-54c2437f] {
 	margin-bottom: 8px;
 }
-.cn-dashboard-page__date-pills[data-v-40c6b068] {
+.cn-dashboard-page__date-pills[data-v-54c2437f] {
 	display: flex;
 	align-items: center;
 	flex-wrap: wrap;
 	gap: 6px;
 }
-.cn-dashboard-page__date-pill[data-v-40c6b068] {
+.cn-dashboard-page__date-pill[data-v-54c2437f] {
 	display: inline-flex;
 	align-items: center;
 	padding: 5px 14px;
@@ -40433,77 +41134,77 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	cursor: pointer;
 	transition: background-color 100ms ease, border-color 100ms ease, color 100ms ease;
 }
-.cn-dashboard-page__date-pill[data-v-40c6b068]:hover {
+.cn-dashboard-page__date-pill[data-v-54c2437f]:hover {
 	background: var(--color-background-hover);
 }
-.cn-dashboard-page__date-pill[data-v-40c6b068]:focus-visible {
+.cn-dashboard-page__date-pill[data-v-54c2437f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
-.cn-dashboard-page__date-pill--active[data-v-40c6b068] {
+.cn-dashboard-page__date-pill--active[data-v-54c2437f] {
 	background: var(--color-primary-element);
 	border-color: var(--color-primary-element);
 	color: var(--color-primary-element-text);
 }
-.cn-dashboard-page__date-pill--active[data-v-40c6b068]:hover {
+.cn-dashboard-page__date-pill--active[data-v-54c2437f]:hover {
 	background: var(--color-primary-element-hover, var(--color-primary-element));
 }
 
 /* The custom-range pill is de-emphasised — dashed outline, muted text —
    so it reads as an escape hatch rather than a primary option. */
-.cn-dashboard-page__date-pill--custom[data-v-40c6b068] {
+.cn-dashboard-page__date-pill--custom[data-v-54c2437f] {
 	border-style: dashed;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__date-pill-custom[data-v-40c6b068] .action-item__menutoggle {
+.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .action-item__menutoggle {
 	min-width: 0;
 	min-height: 0;
 	padding: 0;
 	background: transparent;
 	border: none;
 }
-.cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue,
-.cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue__wrapper,
-.cn-dashboard-page__date-pill-custom[data-v-40c6b068] .button-vue__icon {
+.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .button-vue,
+.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .button-vue__wrapper,
+.cn-dashboard-page__date-pill-custom[data-v-54c2437f] .button-vue__icon {
 	width: auto !important;
 	min-width: 0 !important;
 	overflow: visible !important;
 }
-.cn-dashboard-page__empty[data-v-40c6b068] {
+.cn-dashboard-page__empty[data-v-54c2437f] {
 	padding: 60px 20px;
 }
 
 /* The page's view switch on a page without a header row: at the end of its
    own row, above the grids, where the header would have put it. */
-.cn-dashboard-page__view-switch[data-v-40c6b068] {
+.cn-dashboard-page__view-switch[data-v-54c2437f] {
 	display: flex;
 	justify-content: flex-end;
 	margin-bottom: 12px;
 }
 
 /* A view the switch shows with nothing to draw. */
-.cn-page-view-region--empty[data-v-40c6b068] {
+.cn-page-view-region--empty[data-v-54c2437f] {
 	padding: 40px 20px;
 }
-.cn-dashboard-page__page-filters[data-v-40c6b068] {
+.cn-dashboard-page__page-filters[data-v-54c2437f] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 16px;
 	align-items: flex-end;
 	margin-bottom: 12px;
 }
-.cn-dashboard-page__page-filter[data-v-40c6b068] {
+.cn-dashboard-page__page-filter[data-v-54c2437f] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 	min-width: 200px;
 }
-.cn-dashboard-page__page-filter-label[data-v-40c6b068] {
+.cn-dashboard-page__page-filter-label[data-v-54c2437f] {
 	font-size: 0.85em;
 	font-weight: 600;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__widget-edit[data-v-40c6b068] {
+.cn-dashboard-page__widget-edit[data-v-54c2437f] {
 	position: absolute;
 	top: 4px;
 	inset-inline-end: 4px;
@@ -40522,8 +41223,8 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    and centre the card. */
 /* `safe` centre so an overflowing tile does not spill out of the top, where
    flex overflow cannot be scrolled back to. Same as detail-page.css. */
-.cn-dashboard-page__card-fit[data-v-40c6b068] .cn-widget-wrapper__content,
-.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-40c6b068] .cn-widget-wrapper__content {
+.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-widget-wrapper__content,
+.cn-dashboard-page__card-fit.cn-widget-wrapper--flush[data-v-54c2437f] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -40539,7 +41240,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
    shows up as a scrollbar the user has to drag to see the whole graph. Same
    shape as the card-fit rule above, minus the padding: chart tiles render
    `flush`, and apexcharts already draws its own margins. */
-.cn-dashboard-page__chart-fit[data-v-40c6b068] .cn-widget-wrapper__content {
+.cn-dashboard-page__chart-fit[data-v-54c2437f] .cn-widget-wrapper__content {
 	overflow: hidden;
 	display: flex;
 	flex-direction: column;
@@ -40549,13 +41250,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 /* Card content (stat / gauge / delta) must fit the tile width: let the
    widget shrink and its value/label truncate instead of pushing past the
    tile edge (the horizontal clip on long currency values). */
-.cn-dashboard-page__card-fit[data-v-40c6b068] .cn-stat-widget,
-.cn-dashboard-page__card-fit[data-v-40c6b068] .cn-gauge-widget,
-.cn-dashboard-page__card-fit[data-v-40c6b068] .cn-delta-widget {
+.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-stat-widget,
+.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-gauge-widget,
+.cn-dashboard-page__card-fit[data-v-54c2437f] .cn-delta-widget {
 	min-width: 0;
 	max-width: 100%;
 }
-.cn-dashboard-page__unknown[data-v-40c6b068] {
+.cn-dashboard-page__unknown[data-v-54c2437f] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -40566,31 +41267,31 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 }
 
 /* widget-ref content items */
-.cn-dashboard-page__content[data-v-40c6b068] {
+.cn-dashboard-page__content[data-v-54c2437f] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 }
-.cn-dashboard-page__content-item[data-v-40c6b068] {
+.cn-dashboard-page__content-item[data-v-54c2437f] {
 	width: 100%;
 }
 /* On a phone (screens-dashboard-phone) the touch targets of a board dashboard
    are 44px: the widget Actions menu and the KPI tiles. */
 @media (max-width: 640px) {
-.cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle,
-	.cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .button-vue {
+.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .action-item__menutoggle,
+	.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .button-vue {
 		min-height: 44px;
 }
-.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-40c6b068] {
+.cn-dashboard-page--board .cn-dashboard-page__kpi-cell[data-v-54c2437f] {
 		min-height: 44px;
 }
 
 	/* The widget Actions menu shows its icon only, so the card title keeps
 	   the room; the name stays for assistive tech. */
-.cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle {
+.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .action-item__menutoggle {
 		min-width: 44px;
 }
-.cn-dashboard-page--board[data-v-40c6b068] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
+.cn-dashboard-page--board[data-v-54c2437f] .cn-widget-wrapper__actions .action-item__menutoggle .button-vue__text {
 		position: absolute;
 		width: 1px;
 		height: 1px;
@@ -40602,7 +41303,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 
 /* What a registry widget reports for its card header (`header` event): the
    note beside the link ("3 in total") and one action, as on a detail page. */
-.cn-dashboard-page__widget-count[data-v-40c6b068] {
+.cn-dashboard-page__widget-count[data-v-54c2437f] {
 	align-self: center;
 	padding: 1px 8px;
 	border-radius: 10px;
@@ -40611,13 +41312,13 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-dashboard-page__widget-note[data-v-40c6b068] {
+.cn-dashboard-page__widget-note[data-v-54c2437f] {
 	align-self: center;
 	color: var(--color-text-maxcontrast);
 	font-size: 14px;
 	white-space: nowrap;
 }
-.cn-dashboard-page__widget-action[data-v-40c6b068] {
+.cn-dashboard-page__widget-action[data-v-54c2437f] {
 	display: inline-flex;
 	align-items: center;
 	align-self: center;
@@ -40633,7 +41334,7 @@ button.cn-object-calendar__overflow[data-v-e1c69ee2] {
 	white-space: nowrap;
 	cursor: pointer;
 }
-.cn-dashboard-page__widget-action[data-v-40c6b068]:focus-visible {
+.cn-dashboard-page__widget-action[data-v-54c2437f]:focus-visible {
 	outline: 2px solid var(--color-primary-element);
 	outline-offset: 2px;
 }
@@ -43036,7 +43737,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 }
 
 
-.cn-flow-board[data-v-b3c586ae] {
+.cn-flow-board[data-v-5c5d3119] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -43044,49 +43745,53 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	min-height: 100%;
 	box-sizing: border-box;
 }
-.cn-flow-board__header[data-v-b3c586ae] {
+.cn-flow-board__header[data-v-5c5d3119] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	justify-content: space-between;
 	gap: 12px;
 }
-.cn-flow-board__heading[data-v-b3c586ae] {
+.cn-flow-board__heading[data-v-5c5d3119] {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	min-width: 0;
 }
-.cn-flow-board__title[data-v-b3c586ae] {
+.cn-flow-board__title[data-v-5c5d3119] {
 	margin: 0;
 	font-size: 24px;
 	font-weight: 600;
 }
-.cn-flow-board__actions[data-v-b3c586ae] {
+.cn-flow-board__actions[data-v-5c5d3119] {
 	display: flex;
 	flex-wrap: wrap;
 	align-items: center;
 	gap: 8px;
 }
-.cn-flow-board__path[data-v-b3c586ae] {
+.cn-flow-board__test-intro[data-v-5c5d3119] {
+	margin: 0 0 12px;
+	color: var(--color-text-maxcontrast);
+}
+.cn-flow-board__path[data-v-5c5d3119] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 }
-.cn-flow-board__crumb[data-v-b3c586ae] {
+.cn-flow-board__crumb[data-v-5c5d3119] {
 	color: var(--color-main-text);
 	text-decoration: underline;
 }
-.cn-flow-board__body[data-v-b3c586ae] {
+.cn-flow-board__body[data-v-5c5d3119] {
 	display: grid;
 	grid-template-columns: minmax(0, 1fr) 340px;
 	gap: 16px;
 	flex: 1 1 auto;
 	min-height: 520px;
 }
-.cn-flow-board--with-palette .cn-flow-board__body[data-v-b3c586ae] {
+.cn-flow-board--with-palette .cn-flow-board__body[data-v-5c5d3119] {
 	grid-template-columns: 240px minmax(0, 1fr) 340px;
 }
-.cn-flow-board__card[data-v-b3c586ae] {
+.cn-flow-board__card[data-v-5c5d3119] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
@@ -43096,34 +43801,34 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	border-radius: 12px;
 	background: var(--color-main-background);
 }
-.cn-flow-board__canvas[data-v-b3c586ae] {
+.cn-flow-board__canvas[data-v-5c5d3119] {
 	padding: 0;
 	overflow: hidden;
 	background-color: var(--color-background-hover);
 	background-image: radial-gradient(var(--color-border-dark) 1px, transparent 1px);
 	background-size: 16px 16px;
 }
-.cn-flow-board__canvas[data-v-b3c586ae] > :first-child {
+.cn-flow-board__canvas[data-v-5c5d3119] > :first-child {
 	flex: 1 1 auto;
 	min-height: 0;
 }
-.cn-flow-board__card-title[data-v-b3c586ae] {
+.cn-flow-board__card-title[data-v-5c5d3119] {
 	margin: 0;
 	font-size: 16px;
 	font-weight: 600;
 }
-.cn-flow-board__subtitle[data-v-b3c586ae] {
+.cn-flow-board__subtitle[data-v-5c5d3119] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	font-weight: 600;
 }
-.cn-flow-board__eyebrow[data-v-b3c586ae] {
+.cn-flow-board__eyebrow[data-v-5c5d3119] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-flow-board__validity[data-v-b3c586ae],
-.cn-flow-board__legend[data-v-b3c586ae] {
+.cn-flow-board__validity[data-v-5c5d3119],
+.cn-flow-board__legend[data-v-5c5d3119] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
@@ -43132,27 +43837,27 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	border-top: 1px solid var(--color-border);
 	background: var(--color-main-background);
 }
-.cn-flow-board__validity--success[data-v-b3c586ae] {
+.cn-flow-board__validity--success[data-v-5c5d3119] {
 	color: var(--color-success-text);
 }
-.cn-flow-board__validity--warning[data-v-b3c586ae] {
+.cn-flow-board__validity--warning[data-v-5c5d3119] {
 	color: var(--color-warning-text);
 }
-.cn-flow-board__validity--error[data-v-b3c586ae] {
+.cn-flow-board__validity--error[data-v-5c5d3119] {
 	color: var(--color-error-text);
 }
-.cn-flow-board__palette-group[data-v-b3c586ae] {
+.cn-flow-board__palette-group[data-v-5c5d3119] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
 }
-.cn-flow-board__palette-app[data-v-b3c586ae] {
+.cn-flow-board__palette-app[data-v-5c5d3119] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 	font-weight: 600;
 }
-.cn-flow-board__palette-list[data-v-b3c586ae] {
+.cn-flow-board__palette-list[data-v-5c5d3119] {
 	display: flex;
 	flex-direction: column;
 	gap: 4px;
@@ -43160,7 +43865,7 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	padding: 0;
 	list-style: none;
 }
-.cn-flow-board__palette-step[data-v-b3c586ae] {
+.cn-flow-board__palette-step[data-v-5c5d3119] {
 	width: 100%;
 	min-height: 34px;
 	padding: 6px 10px;
@@ -43171,20 +43876,20 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	text-align: start;
 	cursor: pointer;
 }
-.cn-flow-board__palette-step[data-v-b3c586ae]:hover {
+.cn-flow-board__palette-step[data-v-5c5d3119]:hover {
 	background: var(--color-background-hover);
 }
-.cn-flow-board__palette-note[data-v-b3c586ae] {
+.cn-flow-board__palette-note[data-v-5c5d3119] {
 	margin: 0;
 	color: var(--color-text-maxcontrast);
 	font-size: 13px;
 }
-.cn-flow-board__tabs[data-v-b3c586ae] {
+.cn-flow-board__tabs[data-v-5c5d3119] {
 	display: flex;
 	gap: 4px;
 	border-bottom: 1px solid var(--color-border);
 }
-.cn-flow-board__tab[data-v-b3c586ae] {
+.cn-flow-board__tab[data-v-5c5d3119] {
 	display: inline-flex;
 	align-items: center;
 	gap: 6px;
@@ -43196,12 +43901,12 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	color: var(--color-main-text);
 	cursor: pointer;
 }
-.cn-flow-board__tab--active[data-v-b3c586ae] {
+.cn-flow-board__tab--active[data-v-5c5d3119] {
 	border-color: var(--color-border);
 	border-bottom-color: var(--color-main-background);
 	font-weight: 600;
 }
-.cn-flow-board__tab-count[data-v-b3c586ae] {
+.cn-flow-board__tab-count[data-v-5c5d3119] {
 	min-width: 18px;
 	padding: 0 5px;
 	border-radius: 9px;
@@ -43210,19 +43915,19 @@ a.cn-integration-card__title[data-v-093a874d]:hover {
 	line-height: 18px;
 	text-align: center;
 }
-.cn-flow-board__step-actions[data-v-b3c586ae],
-.cn-flow-board__step-footer[data-v-b3c586ae] {
+.cn-flow-board__step-actions[data-v-5c5d3119],
+.cn-flow-board__step-footer[data-v-5c5d3119] {
 	display: flex;
 	flex-wrap: wrap;
 	gap: 8px;
 }
-.cn-flow-board__step-footer[data-v-b3c586ae] {
+.cn-flow-board__step-footer[data-v-5c5d3119] {
 	justify-content: space-between;
 	margin-top: auto;
 }
 @media (max-width: 1024px) {
-.cn-flow-board__body[data-v-b3c586ae],
-	.cn-flow-board--with-palette .cn-flow-board__body[data-v-b3c586ae] {
+.cn-flow-board__body[data-v-5c5d3119],
+	.cn-flow-board--with-palette .cn-flow-board__body[data-v-5c5d3119] {
 		grid-template-columns: minmax(0, 1fr);
 }
 }