@conduction/nextcloud-vue 2.78.0 → 2.79.0

package/src/components/CnFilesBrowser/openRegisterSource.js

@@ -0,0 +1,248 @@
+/**
+ * SPDX-FileCopyrightText: 2026 Conduction B.V.
+ * SPDX-License-Identifier: EUPL-1.2
+ *
+ * A data source for CnFilesBrowser that reads and writes one OpenRegister
+ * object's folder through OpenRegister's own files API, not WebDAV.
+ *
+ * Why: an object's files live in the `openregister` account's home, outside
+ * every person's Files app, so a reader has no WebDAV path to them. Every call
+ * here goes through the object's access rule on the server, as the signed-in
+ * person: a listing needs read on the object, a change needs update. Nothing
+ * is shared to make the folder visible.
+ *
+ * Paths are relative to the object folder and written with a leading slash
+ * (`/`, `/Bijlagen`), the same shape the WebDAV browser uses for its own
+ * paths, so crumbs and navigation work unchanged.
+ *
+ * @spec openspec/changes/files-browser-openregister-source/specs/files-browser/spec.md
+ */
+import axios from '@nextcloud/axios'
+import { FileType } from '@nextcloud/files'
+import { generateUrl } from '@nextcloud/router'
+
+/**
+ * A browser path (`/a/b`) as the API's relative path (`a/b`).
+ *
+ * @param {string} path The browser path.
+ * @return {string} The relative path, empty for the root.
+ */
+export function toApiPath(path) {
+	return String(path || '').replace(/^\/+|\/+$/g, '')
+}
+
+/**
+ * One API listing entry as a row the browser can render and sort.
+ *
+ * The shape follows what the browser reads off an `@nextcloud/files` node
+ * (basename, type, mime, size, mtime, fileid, path, source, attributes), so
+ * the table, the sorter and the icons need no second code path.
+ *
+ * @param {object} entry The API entry: `{ id, name, type, mimetype, size, mtime, path }`.
+ * @return {object} The row.
+ */
+export function entryToNode(entry) {
+	const isFolder = entry.type === 'folder'
+	return {
+		source: `openregister:${entry.id}`,
+		fileid: entry.id,
+		basename: entry.name,
+		displayname: entry.name,
+		path: `/${toApiPath(entry.path)}`,
+		type: isFolder ? FileType.Folder : FileType.File,
+		mime: isFolder ? 'httpd/unix-directory' : (entry.mimetype || ''),
+		size: typeof entry.size === 'number' ? entry.size : undefined,
+		mtime: typeof entry.mtime === 'number' ? new Date(entry.mtime * 1000) : undefined,
+		attributes: {},
+	}
+}
+
+/**
+ * The status of a failed request, or null.
+ *
+ * @param {Error} err The error.
+ * @return {number|null} The HTTP status.
+ */
+function statusOf(err) {
+	return err?.response?.status ?? err?.status ?? null
+}
+
+/**
+ * The server's own message on a failed request, or null.
+ *
+ * @param {Error} err The error.
+ * @return {string|null} The message.
+ */
+function messageOf(err) {
+	const data = err?.response?.data
+	return (data && typeof data.error === 'string' && data.error !== '') ? data.error : null
+}
+
+/**
+ * Build the OpenRegister source for one object.
+ *
+ * @param {object} options The object.
+ * @param {string} [options.apiBase] OpenRegister's API base, `/apps/openregister/api`.
+ * @param {string} options.register The register slug or id.
+ * @param {string} options.schema The schema slug or id.
+ * @param {string} options.objectId The object's uuid.
+ * @return {object} The source CnFilesBrowser takes as `source`.
+ */
+export function createOpenRegisterSource({ apiBase = '/apps/openregister/api', register, schema, objectId }) {
+	const objectUrl = (suffix) => generateUrl(`${apiBase}/objects/{register}/{schema}/{objectId}${suffix}`, { register, schema, objectId })
+
+	/**
+	 * Re-throw a failed request with its status and the server's message.
+	 *
+	 * @param {Error} err The error.
+	 * @return {never}
+	 */
+	const fail = (err) => {
+		const error = new Error(messageOf(err) || err?.message || 'Request failed')
+		error.status = statusOf(err)
+		throw error
+	}
+
+	return {
+		kind: 'openregister',
+
+		/**
+		 * List a folder.
+		 *
+		 * @param {string} path The browser path.
+		 * @return {Promise<{folder: object, nodes: Array<object>}>} The folder (with `canChange`) and its rows.
+		 */
+		async list(path) {
+			try {
+				const { data } = await axios.get(objectUrl('/folder'), { params: { path: toApiPath(path) } })
+				if (!Array.isArray(data?.entries)) {
+					// Not a folder listing: an OpenRegister without these endpoints.
+					const error = new Error('This OpenRegister has no folder endpoint')
+					error.status = 501
+					throw error
+				}
+				const relative = toApiPath(data?.path ?? path)
+				return {
+					folder: {
+						fileid: data?.folderId ?? null,
+						path: `/${relative}`,
+						basename: relative.split('/').pop() || '',
+						type: FileType.Folder,
+						canChange: data?.canChange === true,
+					},
+					nodes: data.entries.map(entryToNode),
+				}
+			} catch (err) {
+				if (err?.status && !err.response) {
+					throw err
+				}
+				return fail(err)
+			}
+		},
+
+		/**
+		 * Create a folder.
+		 *
+		 * @param {string} path Where, as a browser path.
+		 * @param {string} name The new folder's name.
+		 * @return {Promise<object>} The new folder's row.
+		 */
+		async createFolder(path, name) {
+			try {
+				const { data } = await axios.post(objectUrl('/folder'), { path: toApiPath(path), name })
+				return entryToNode(data)
+			} catch (err) {
+				return fail(err)
+			}
+		},
+
+		/**
+		 * Upload one file into a folder.
+		 *
+		 * @param {string} path The target folder, as a browser path.
+		 * @param {File} file The file.
+		 * @param {(percent: number) => void} [onProgress] Called with 0..100.
+		 * @return {Promise<object>} The stored file's row.
+		 */
+		async upload(path, file, onProgress) {
+			const form = new FormData()
+			form.append('path', toApiPath(path))
+			form.append('files[]', file, file.name)
+			try {
+				const { data } = await axios.post(objectUrl('/folder/upload'), form, {
+					onUploadProgress: (progress) => {
+						if (progress?.total && typeof onProgress === 'function') {
+							onProgress(Math.round((progress.loaded / progress.total) * 100))
+						}
+					},
+				})
+				const stored = Array.isArray(data?.stored) ? data.stored : []
+				if (stored.length === 0) {
+					const error = new Error(data?.rejected?.[0]?.error || 'The upload failed')
+					error.status = 400
+					throw error
+				}
+				return entryToNode(stored[0])
+			} catch (err) {
+				if (err?.status && !err.response) {
+					throw err
+				}
+				return fail(err)
+			}
+		},
+
+		/**
+		 * Rename a file or folder.
+		 *
+		 * @param {object} node The row.
+		 * @param {string} name The new name.
+		 * @return {Promise<object>} The renamed row.
+		 */
+		async rename(node, name) {
+			try {
+				const { data } = await axios.put(objectUrl(`/folder/${encodeURIComponent(node.fileid)}`), { name })
+				return entryToNode(data)
+			} catch (err) {
+				return fail(err)
+			}
+		},
+
+		/**
+		 * Delete a file or folder.
+		 *
+		 * @param {object} node The row.
+		 * @return {Promise<void>}
+		 */
+		async remove(node) {
+			try {
+				await axios.delete(objectUrl(`/folder/${encodeURIComponent(node.fileid)}`))
+			} catch (err) {
+				fail(err)
+			}
+		},
+
+		/**
+		 * Where a file downloads from: the object's own file endpoint, which
+		 * checks read on the object.
+		 *
+		 * @param {object} node The row.
+		 * @return {string|null} The url, or null for a folder.
+		 */
+		downloadUrl(node) {
+			if (!node?.fileid || node.type === FileType.Folder) {
+				return null
+			}
+			return objectUrl(`/files/${encodeURIComponent(node.fileid)}`)
+		},
+
+		/**
+		 * A small preview of an image, through the object's preview endpoint.
+		 *
+		 * @param {object} node The row.
+		 * @return {string} The url.
+		 */
+		previewUrl(node) {
+			return objectUrl(`/files/${encodeURIComponent(node.fileid)}/preview?width=64&height=64`)
+		},
+	}
+}

package/src/components/CnFormDialog/CnFormDialog.vue

@@ -3891,7 +3891,7 @@ export default {
 					const mappedProps = propertiesFromDefinitions(
 						Array.isArray(records) ? records : [],
 						config,
-						{ orderFrom: 1000 + Object.keys(properties).length },
+						{ orderFrom: 1000 + Object.keys(properties).length, create: this.isCreateMode },
 					)
 					Object.assign(properties, mappedProps.properties)
 					required.push(...mappedProps.required)

package/src/components/CnIndexPage/CnIndexPage.vue

@@ -111,7 +111,7 @@
 			:sortValue="sortSelectValue"
 			:showSearch="inlineSearch || isBoardLook"
 			:searchValue="effectiveSearchValue"
-			:searchPlaceholder="searchPlaceholder"
+			:searchPlaceholder="searchPlaceholder ? cnTranslate(searchPlaceholder) : searchPlaceholder"
 			:showCountWithSearch="showCountWithSearch"
 			:refreshing="effectiveRefreshing"
 			:refreshDisabled="refreshDisabled"
@@ -565,6 +565,7 @@
 					:includeColumns="includeColumns"
 					:columnOverrides="columnOverrides"
 					:rowClass="rowClass"
+					:rowTitle="rowTitle"
 					:filterable="tableHeaderFilters"
 					:activeFilters="effectiveActiveFilters"
 					:filterRegister="typeof register === 'string' ? register : ''"
@@ -1533,6 +1534,21 @@ export default {
 			default: () => [],
 		},
 
+		/**
+		 * How the board look draws the table's title column (manifest
+		 * `config.rowTitle`): `link` (the default) underlines the title,
+		 * `plain` draws it as bold text without an underline over a 13px muted
+		 * secondary line. The row stays clickable. The Nextcloud look ignores
+		 * it. Maps to CnDataTable `rowTitle`.
+		 *
+		 * @spec openspec/changes/screens-table-rows-parity/specs/index-list-board-look/spec.md#requirement-a-row-title-can-be-plain-text
+		 */
+		rowTitle: {
+			type: String,
+			default: 'link',
+			validator: (value) => ['link', 'plain'].includes(value),
+		},
+
 		/** Optional MDI icon name. Defaults to schema.icon when a schema is provided. */
 		icon: {
 			type: String,
@@ -5344,6 +5360,7 @@ export default {
 		 * filled in when one is known, else `description`.
 		 *
 		 * @spec openspec/changes/zuiddrecht-pixel-gaps/specs/zuiddrecht-pixel-gaps/spec.md#requirement-an-index-page-title-is-a-manifest-key
+		 * @spec openspec/changes/screens-table-footer-and-system-dates-parity/specs/index-list-board-look/spec.md#requirement-the-count-reads-in-the-users-language
 		 * @return {string}
 		 */
 		headerDescription() {
@@ -5351,9 +5368,16 @@ export default {
 			// Board look: the count line is a template over the rows on this page
 			// and all rows, "{shown} of {total}" unless the page says otherwise.
 			if (this.isBoardLook && typeof total === 'number' && total >= 0) {
-				const template = this.countText || this.countSubtitle || '{shown} of {total}'
+				const shown = this.effectiveObjects.length
+				// The default count line is the library's own string, so it
+				// reads "14 van 14" in Dutch; a page's own template goes
+				// through the app's label lookup.
+				if (!this.countText && !this.countSubtitle) {
+					return t('nextcloud-vue', '{shown} of {total}', { shown, total })
+				}
+				const template = this.countText || this.countSubtitle
 				return this.cnTranslate(template)
-					.replace('{shown}', String(this.effectiveObjects.length))
+					.replace('{shown}', String(shown))
 					.replace('{total}', String(total))
 			}
 			if (this.countSubtitle && typeof total === 'number' && total >= 0) {

package/src/components/CnObjectSidebar/CnFilesTab.vue

@@ -7,7 +7,9 @@
 		<CnFilesBrowser
 			v-if="browserRoot !== null"
 			:rootPath="browserRoot"
-			:rootLabel="browserRootLabel"
+			:rootLabel="effectiveBrowserRootLabel"
+			:source="browserSource"
+			:deleteLabel="deleteLabel"
 			:uploadButton="uploadButton"
 			:dropOverlay="dropOverlay"
 			:dropHint="dropHint"
@@ -238,7 +240,8 @@ import CnFilePreview from '../CnFilePreview/CnFilePreview.vue'
 import CnFilesBrowser from '../CnFilesBrowser/CnFilesBrowser.vue'
 import { useFileOpener } from '../../composables/useFileOpener.js'
 import { buildHeaders, prefixUrl } from '../../utils/index.js'
-import { resolveObjectFolder } from '../CnFilesBrowser/filesBrowser.js'
+import { objectDisplayName, resolveObjectFolderInfo } from '../CnFilesBrowser/filesBrowser.js'
+import { createOpenRegisterSource } from '../CnFilesBrowser/openRegisterSource.js'
 
 /**
  * The mime types Nextcloud Office opens by default for the current person.
@@ -308,8 +311,22 @@ export default {
 		openInOfficeLabel: { type: String, default: () => t('nextcloud-vue', 'Open in Office') },
 		/** Label for the delete action */
 		deleteLabel: { type: String, default: () => t('nextcloud-vue', 'Delete') },
-		/** What the files browser's root crumb reads; null shows the folder's own name, as the Files app does. */
+		/** What the files browser's root crumb reads; null shows the object's name, else the folder's own name. */
 		browserRootLabel: { type: String, default: null },
+		/**
+		 * Where the files browser reads the object's folder from.
+		 * `openregister` (the default) goes through OpenRegister's files API under
+		 * the object's access rule, so anyone who may read the object sees its
+		 * files, without a share. `webdav` is the earlier behaviour: the folder is
+		 * looked up in the person's own Files over WebDAV and the browser shows
+		 * only when it is shared with them.
+		 */
+		source: {
+			type: String,
+			default: 'openregister',
+			validator: (value) => ['openregister', 'webdav'].includes(value),
+		},
+
 		/** Forwarded to CnFilesBrowser: a primary "Add files" button beside the New menu. */
 		uploadButton: { type: Boolean, default: false },
 		/** Forwarded to CnFilesBrowser: the drop state drawn over the list ("Drop to add") and announced. */
@@ -385,6 +402,9 @@ export default {
 			share: false,
 			/** The object's folder as a user-relative path, or null while unresolved or absent. */
 			browserRoot: null,
+			/** The browser's data source for `source: 'openregister'`, or null for WebDAV. */
+			browserSource: null,
+			browserObjectName: null,
 			linkedItems: [],
 			/** File ids whose preview request failed, so the row falls back to the mime icon. */
 			previewFailed: {},
@@ -403,6 +423,19 @@ export default {
 		}
 	},
 
+	computed: {
+		/**
+		 * The root crumb: the host's label, else the object's name (its folder
+		 * on disk is called after its uuid), else the folder's own name.
+		 *
+		 * @return {string|null}
+		 * @spec openspec/changes/dutch-library-strings-and-files-crumb/specs/dutch-library-strings-and-files-crumb/spec.md#requirement-the-files-browser-names-the-object-in-its-root-crumb
+		 */
+		effectiveBrowserRootLabel() {
+			return this.browserRootLabel || this.browserObjectName || null
+		},
+	},
+
 	watch: {
 		// Match every other CnObjectSidebar tab — a single immediate
 		// `objectId` watcher drives all initial loads. Folding the
@@ -423,6 +456,10 @@ export default {
 		linkedItemsUrl() {
 			this.fetchLinkedItems()
 		},
+
+		source() {
+			this.resolveBrowserRoot()
+		},
 	},
 
 	methods: {
@@ -483,16 +520,22 @@ export default {
 
 		async resolveBrowserRoot() {
 			this.browserRoot = null
+			this.browserSource = null
+			this.browserObjectName = null
 			if (!this.objectId || !this.register || !this.schema) {
 				return
 			}
+			if (this.source === 'openregister') {
+				await this.resolveOpenRegisterSource()
+				return
+			}
 			let remoteUrl
 			try {
 				remoteUrl = generateRemoteUrl('dav')
 			} catch {
 				return
 			}
-			this.browserRoot = await resolveObjectFolder({
+			const info = await resolveObjectFolderInfo({
 				apiBase: this.apiBase,
 				register: this.register,
 				schema: this.schema,
@@ -500,6 +543,62 @@ export default {
 				uid: getCurrentUser()?.uid || '',
 				remoteUrl,
 			})
+			this.browserRoot = info === null ? null : info.path
+			this.browserObjectName = info === null ? null : info.name
+		},
+
+		/**
+		 * Use OpenRegister's files API for the browser, when this person may read
+		 * the object's folder through it. A listing that fails (no read on the
+		 * object, or an OpenRegister without the folder endpoints) leaves the
+		 * legacy list, as an unresolved WebDAV folder did.
+		 *
+		 * @return {Promise<void>}
+		 * @spec openspec/changes/files-browser-openregister-source/specs/files-browser/spec.md
+		 */
+		async resolveOpenRegisterSource() {
+			const objectId = this.objectId
+			const source = createOpenRegisterSource({
+				apiBase: this.apiBase,
+				register: this.register,
+				schema: this.schema,
+				objectId,
+			})
+			try {
+				await source.list('/')
+			} catch {
+				return
+			}
+			if (objectId !== this.objectId) {
+				return
+			}
+			this.browserSource = source
+			this.browserRoot = '/'
+			this.fetchObjectName()
+		},
+
+		/**
+		 * Read the object's name for the root crumb, by the same rule the WebDAV
+		 * path uses (`objectDisplayName`: never the uuid). The OpenRegister path
+		 * has no folder lookup to piggyback on, so this is its one object read.
+		 * A failure keeps the crumb on its default.
+		 *
+		 * @return {Promise<void>}
+		 */
+		async fetchObjectName() {
+			const objectId = this.objectId
+			try {
+				const { data } = await axios.get(generateUrl(`${this.apiBase}/objects/{register}/{schema}/{objectId}`, {
+					register: this.register,
+					schema: this.schema,
+					objectId,
+				}))
+				if (objectId === this.objectId) {
+					this.browserObjectName = objectDisplayName(data, objectId)
+				}
+			} catch {
+				// The crumb keeps its default.
+			}
 		},
 
 		async fetchFiles(append = false) {

package/src/components/CnQuickFilterBar/CnQuickFilterBar.vue

@@ -115,7 +115,7 @@
 </template>
 
 <script>
-import { translate as t } from '@nextcloud/l10n'
+import { translatePlural as n, translate as t } from '@nextcloud/l10n'
 import { NcPopover, NcSelect } from '@nextcloud/vue'
 import DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
 import CnIcon from '../CnIcon/CnIcon.vue'
@@ -354,7 +354,8 @@ export default {
 			if (this.overflowLabel) {
 				return t('nextcloud-vue', '{label} — show the other filters', { label: this.overflowLabel })
 			}
-			return t('nextcloud-vue', '{count} more filters', { count: this.overflowEntries.length })
+			const count = this.overflowEntries.length
+			return n('nextcloud-vue', '{count} more filter', '{count} more filters', count, { count })
 		},
 
 		/** @return {string} Heading above the hidden chips in the panel. */

package/src/components/CnSavedViewsControl/CnSavedViewsControl.vue

@@ -41,7 +41,7 @@
 		data-testid="cn-saved-views-control"
 		:aria-label="isBoardLook ? t('nextcloud-vue', 'Save view') : menuLabel">
 		<template #icon>
-			<ContentSaveOutline v-if="isBoardLook" :size="18" />
+			<ContentSaveOutline v-if="isBoardLook" :size="14" />
 			<BookmarkOutline v-else :size="20" />
 		</template>
 

package/src/components/CnTabsWidget/CnTabsWidget.vue

@@ -254,6 +254,11 @@ export default {
 		cnLook: { default: 'nextcloud' },
 		/** The tab list's name under the board look, provided by CnDetailPage (`config.tabsLabel`). */
 		cnDetailTabsLabel: { default: null },
+		/**
+		 * The host's translate (CnAppRoot provides `cnTranslate`), so a tab
+		 * label written in the manifest reads in the user's language.
+		 */
+		cnTranslate: { default: () => (key) => key },
 	},
 
 	props: {
@@ -471,7 +476,7 @@ export default {
 					key: `${widgetId || 'tab'}-${index}`,
 					id: (tab && typeof tab === 'object' && tab.id) || widgetId || '',
 					widgetId,
-					label: (tab && tab.label) || (this.isBoard && isActivityWidget(widget) ? t('nextcloud-vue', 'History') : '') || widgetTitleOf(widget) || widgetId || '',
+					label: this.tabLabel(tab, widget, widgetId),
 					icon: (tab && tab.icon) || widget?.icon || '',
 					widget,
 					count,
@@ -652,6 +657,30 @@ export default {
 	},
 
 	methods: {
+		/**
+		 * The label a tab shows: the authored `label`, else (board look) History
+		 * for the activity widget, else the child widget's title, else its id.
+		 * A manifest label or title goes through the host's translate; the
+		 * library's own History is translated by the library catalogue.
+		 *
+		 * @param {object|string} tab The `content.tabs[]` entry.
+		 * @param {object|null} widget The widget definition it names.
+		 * @param {string} widgetId The widget id.
+		 * @return {string} The label.
+		 * @spec openspec/changes/screens-detail-labels-parity/specs/detail-labels-board-look/spec.md#requirement-detail-labels-read-in-the-users-language
+		 */
+		tabLabel(tab, widget, widgetId) {
+			const translate = typeof this.cnTranslate === 'function' ? this.cnTranslate : (key) => key
+			if (tab && typeof tab.label === 'string' && tab.label !== '') {
+				return translate(tab.label)
+			}
+			if (this.isBoard && isActivityWidget(widget)) {
+				return t('nextcloud-vue', 'History')
+			}
+			const title = widgetTitleOf(widget)
+			return title ? translate(title) : (widgetId || '')
+		},
+
 		/**
 		 * Whether a tab shows: `visible`, `hidden`, or `pending` while its
 		 * condition cannot be decided yet (object not loaded, count not back).

package/src/components/CnWidgetObjectTable/CnWidgetObjectTable.vue

@@ -323,6 +323,19 @@ export default {
 			default: false,
 		},
 
+		/**
+		 * Fit the table to the tile: the title column (a column's `grow: true`,
+		 * else `title` or `name`, else the first) shrinks and ends in an
+		 * ellipsis so the trailing columns stay visible. On by default; pass
+		 * `false` for the table's own auto layout. Forwarded to CnDataTable.
+		 *
+		 * @spec openspec/changes/narrow-object-table-widgets/specs/narrow-object-table-widgets/spec.md#requirement-a-narrow-object-table-keeps-its-trailing-columns-in-view
+		 */
+		fitWidth: {
+			type: Boolean,
+			default: true,
+		},
+
 		/**
 		 * Route NAME for row-click navigation. Mapped onto CnDataTable's
 		 * `rowClickRoute` as `{ name: rowRoute, params: { id } }` with the

package/src/components/index.js

@@ -109,7 +109,7 @@ export { CnTreeView } from './CnTreeView/index.js'
 export { CnUserActionMenu } from './CnUserActionMenu/index.js'
 export { CnNotesCard } from './CnNotesCard/index.js'
 export { CnTasksCard } from './CnTasksCard/index.js'
-export { CnFilesBrowser } from './CnFilesBrowser/index.js'
+export { CnFilesBrowser, createOpenRegisterSource } from './CnFilesBrowser/index.js'
 export { CnFilesCard } from './CnFilesCard/index.js'
 export { CnFileManager } from './CnFileManager/index.js'
 export { CnRelatedFiles } from './CnRelatedFiles/index.js'

package/src/composables/useAppManifest.js

@@ -205,6 +205,7 @@ function loadInMemory(input) {
  * @param {object} options Configuration options (endpoint / fetcher /
  *   getAppConfigValue overrides).
  * @return {{ manifest: import('vue').Ref<object>, isLoading: import('vue').Ref<boolean>, validationErrors: import('vue').Ref<string[]|null>, unresolvedSentinels: import('vue').Ref<string[]> }}
+ * @spec openspec/changes/manifest-validator-self-contained/specs/manifest-validator-self-contained/spec.md#requirement-a-backend-manifest-delta-reaches-the-navigation
  */
 function loadFromBackend(appId, bundledManifest, options) {
 	// Shallow by default (manifest-shallow-reactivity-by-default) — see
@@ -284,9 +285,13 @@ function loadFromBackend(appId, bundledManifest, options) {
 			// The shallowRef reassignment is what re-renders consumers; the new
 			// object stays shallow (not deep-observed) unless CnAppRoot upgrades it.
 			manifest.value = resolved
-		} catch {
-			// Defensive: any unexpected error leaves the bundled manifest in
-			// place. Apps without a backend endpoint keep working.
+		} catch (error) {
+			// Any unexpected error leaves the bundled manifest in place, so
+			// apps keep working. Say so: a silent catch here once hid a
+			// validator that threw on every manifest, and the backend delta
+			// never reached the navigation.
+			// eslint-disable-next-line no-console
+			console.warn('[useAppManifest] Could not resolve the manifest; keeping the bundled manifest.', error)
 		} finally {
 			isLoading.value = false
 		}

package/src/css/look-board-detail.css

@@ -112,6 +112,16 @@
 	gap: 20px;
 }
 
+/* GridStack insets every cell by its 12px margin, the outer edge included, so
+   the tab strip started 12px below the top of the body column and stopped 12px
+   short of its end, while the side column started at the top. Pulling the grid
+   out by that margin puts its first card on the column's edges: the side column
+   is level with the strip, and the strip ends where the body column ends. */
+.cn-look-board.cn-detail-page--with-side > .cn-detail-page__body > .cn-detail-page__grid {
+	margin: -12px;
+	width: auto;
+}
+
 /* ---- Folder tabs ------------------------------------------------------- */
 
 /* The strip draws no line of its own (design-system pull request 147). The card under it