npm - @conduction/nextcloud-vue - Versions diffs - 2.56.0-beta.35 → 2.56.0-beta.37 - Mend

@conduction/nextcloud-vue 2.56.0-beta.35 → 2.56.0-beta.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (166) hide show

package/dist/esm/components/CnAdminSettingsShell/CnAdminSettingsShell.vue3.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CnAdminSettingsShell.vue3.js","sources":["../../../../src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue?vue&type=template&id=2f22ff08&lang.js"],"sourcesContent":["<template>\n\t<div class=\"cn-admin-settings-shell\" :class=\"ownLookClass\">\n\t\t<!-- Names a development, test or acceptance environment; cannot be dismissed. Production shows nothing. -->\n\t\t<CnEnvironmentBanner v-if=\"environmentName\" :environment=\"environmentName\" />\n\n\t\t<!-- Page title header — the uniform \"<App> Settings / Configure your <App> installation\" block.\n\t\t Uses NcSettingsSection directly (not CnSettingsSection) so the description subtitle and\n\t\t doc-url icon render — CnSettingsSection repurposes those props and does not forward them. -->\n\t\t<NcSettingsSection\n\t\t\tv-if=\"!isBoard\"\n\t\t\t:name=\"resolvedTitle\"\n\t\t\t:description=\"resolvedDescription\"\n\t\t\t:docUrl=\"docUrl\" />\n\n\t\t<!-- The board header: an h1 and its description, then the labelled\n\t\t Documentation button and the buildiq square. No documentation icon\n\t\t beside the title. -->\n\t\t<div v-else class=\"cn-admin-settings-shell__header\" data-testid=\"cn-admin-settings-header\">\n\t\t\t<div class=\"cn-admin-settings-shell__heading\">\n\t\t\t\t<h1 class=\"cn-admin-settings-shell__title\">\n\t\t\t\t\t{{ resolvedTitle }}\n\t\t\t\t</h1>\n\t\t\t\t<!-- `breadcrumbs`: the board's path line in place of the\n\t\t\t\t description (\"Beheerinstellingen / Launchpad / Algemeen ·\n\t\t\t\t geldt voor de hele organisatie\"). -->\n\t\t\t\t<div v-if=\"crumbs.length > 0\" class=\"cn-admin-settings-shell__crumbs\" data-testid=\"cn-admin-settings-breadcrumbs\">\n\t\t\t\t\t<nav class=\"cn-admin-settings-shell__crumb-list\" :aria-label=\"breadcrumbLabel\">\n\t\t\t\t\t\t<template v-for=\"(crumb, index) in crumbs\" :key=\"index\">\n\t\t\t\t\t\t\t<span v-if=\"index > 0\" aria-hidden=\"true\">/</span>\n\t\t\t\t\t\t\t<a v-if=\"crumb.href\" :href=\"crumb.href\" class=\"cn-admin-settings-shell__crumb-link\">{{ crumb.label }}</a>\n\t\t\t\t\t\t\t<span v-else :aria-current=\"index === crumbs.length - 1 ? 'page' : null\">{{ crumb.label }}</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</nav>\n\t\t\t\t\t<template v-if=\"breadcrumbNote\">\n\t\t\t\t\t\t<span aria-hidden=\"true\">·</span>\n\t\t\t\t\t\t<span>{{ breadcrumbNote }}</span>\n\t\t\t\t\t</template>\n\t\t\t\t</div>\n\t\t\t\t<p v-else class=\"cn-admin-settings-shell__description\">\n\t\t\t\t\t{{ resolvedDescription }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"cn-admin-settings-shell__header-buttons\">\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"docUrl\"\n\t\t\t\t\t:href=\"docUrl\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\tdata-testid=\"cn-admin-settings-documentation\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<BookOpenVariant :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ documentationLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<CnBuildiqEditButton />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- `versionCardPosition: \"end\"`: the app's sections come first, and the\n\t\t version card and the credential broker follow them (board DcBeheer\n\t\t starts with the app's own card). The same slot, rendered once. -->\n\t\t<slot v-if=\"versionCardAtEnd\" />\n\n\t\t<!-- Version information card (version, up-to-date check, re-import, support footer) -->\n\t\t<CnVersionInfoCard\n\t\t\tv-if=\"showVersionCard\"\n\t\t\t:appName=\"appName\"\n\t\t\t:appVersion=\"resolvedVersion\"\n\t\t\t:configuredVersion=\"resolvedConfiguredVersion\"\n\t\t\t:isUpToDate=\"resolvedIsUpToDate\"\n\t\t\t:showUpdateButton=\"showUpdateButton\"\n\t\t\t:updating=\"updating\"\n\t\t\t:title=\"versionTitle\"\n\t\t\t:description=\"resolvedVersionDescription\"\n\t\t\t@update=\"onUpdate\">\n\t\t\t<template #actions>\n\t\t\t\t<!-- Canonical \"Re-import configuration\" action (POST /apps/<appId>/api/settings/load) -->\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"showReimport\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t:disabled=\"reimporting\"\n\t\t\t\t\t@click=\"reimport\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<NcLoadingIcon v-if=\"reimporting\" :size=\"20\" />\n\t\t\t\t\t\t<Refresh v-else :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ reimporting ? importingLabel : reimportLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<!-- Run the first-time setup wizard on demand (ADR-042). -->\n\t\t\t\t<NcButton v-if=\"showSetup\" data-testid=\"cn-admin-run-setup\" @click=\"setupWizardOpen = true\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AutoFix :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ setupLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<!-- \"Help us / suggest a feature\" — a direct link to the forge's\n\t\t\t\t feature-request issue form (team decision 2026-09-04: the\n\t\t\t\t in-product suggestion modal is gone; the forge is where\n\t\t\t\t the conversation happens, in English). -->\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"showHelp && helpUrl\"\n\t\t\t\t\t:href=\"helpUrl\"\n\t\t\t\t\ttarget=\"_blank\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<HelpCircleOutline :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ helpLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<!-- @slot actions Extra action buttons rendered next to the built-in update / re-import buttons in the version card header. -->\n\t\t\t\t<slot name=\"actions\" />\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<!-- @slot footer Replaces the default support/SLA footer inside the version card. -->\n\t\t\t\t<slot name=\"footer\">\n\t\t\t\t\t<div v-if=\"showSupport\" class=\"cn-support-info\">\n\t\t\t\t\t\t<h4>{{ supportTitle }}</h4>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{{ supportLine }}\n\t\t\t\t\t\t\t<a :href=\"`mailto:${supportEmail}`\">{{ supportEmail }}</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p v-if=\"slaEmail\">\n\t\t\t\t\t\t\t{{ slaLine }}\n\t\t\t\t\t\t\t<a :href=\"`mailto:${slaEmail}`\">{{ slaEmail }}</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</slot>\n\t\t\t</template>\n\n\t\t\t<template #additional-items>\n\t\t\t\t<!-- @slot version-items Extra key/value rows appended inside the version card details. -->\n\t\t\t\t<slot name=\"version-items\" />\n\t\t\t</template>\n\t\t</CnVersionInfoCard>\n\n\t\t<!--\n\t\t\tOrganisation credential broker (ADR-079 Step 2).\n\n\t\t\tThis is the ONE home for org-wide credentials. It used to live in a\n\t\t\tgeneric modal on CnAppRoot, rendered from `manifest.adminSettings[]`\n\t\t\tand gated on app ownership — but no app ever declared that array, so\n\t\t\tthe surface was unreachable in every app in the fleet. It belongs\n\t\t\there: an org-wide secret store is app-level configuration, and\n\t\t\t/settings/admin/<app> is authorized by Nextcloud server-side rather\n\t\t\tthan by a client-side flag.\n\n\t\t\tOpt-in, because only an app that actually brokers credentials should\n\t\t\tshow it — the manifest `credentials[]` declarations drive the\n\t\t\tinformational \"apps requesting credentials\" list inside.\n\t\t-->\n\t\t<CnCredentials\n\t\t\tv-if=\"showOrganisationCredentials\"\n\t\t\tscope=\"organisation\"\n\t\t\t:appId=\"appId\"\n\t\t\t:appName=\"appName\"\n\t\t\t:appCredentials=\"appCredentials\"\n\t\t\tdata-testid=\"cn-admin-organisation-credentials\" />\n\n\t\t<!-- @slot default The app's own settings sections, rendered below the version card, or above it with `versionCardPosition: \"end\"`. -->\n\t\t<slot v-if=\"!versionCardAtEnd\" />\n\n\t\t<!-- First-time setup wizard, opened from the admin page (ADR-042). -->\n\t\t<CnSetupWizard\n\t\t\tv-if=\"showSetup && setupWizardOpen\"\n\t\t\t:appId=\"appId\"\n\t\t\t:steps=\"setupSteps\"\n\t\t\t@complete=\"setupWizardOpen = false\"\n\t\t\t@close=\"setupWizardOpen = false\" />\n\t</div>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { showError, showSuccess } from '@nextcloud/dialogs'\nimport { loadState } from '@nextcloud/initial-state'\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { NcButton, NcLoadingIcon, NcSettingsSection } from '@nextcloud/vue'\nimport { computed } from 'vue'\nimport AutoFix from 'vue-material-design-icons/AutoFix.vue'\nimport BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'\nimport HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'\nimport Refresh from 'vue-material-design-icons/Refresh.vue'\nimport CnBuildiqEditButton from '../CnBuildiqEditButton/CnBuildiqEditButton.vue'\nimport CnCredentials from '../CnCredentials/CnCredentials.vue'\nimport CnEnvironmentBanner from '../CnEnvironmentBanner/CnEnvironmentBanner.vue'\nimport CnSetupWizard from '../CnSetupWizard/CnSetupWizard.vue'\nimport { useEnvironment } from '../../composables/useEnvironment.js'\nimport { normalizeLook, useLook } from '../../composables/useLook.js'\nimport { buildFeatureRequestUrl } from '../../utils/forge.js'\nimport { prefixUrl } from '../../utils/headers.js'\nimport { CnVersionInfoCard } from '../CnVersionInfoCard/index.js'\n\n/*\n CnAdminSettingsShell — the canonical chrome for a Conduction app's Nextcloud\n * admin settings page.\n \n Renders, in fleet-standard order:\n * 1. a page title header (\"<App> Settings\" / \"Configure your <App> installation\" + doc-url),\n * 2. a CnVersionInfoCard (version from `loadState`, up-to-date badge, a\n * \"Re-import configuration\" button wired to the AppHost endpoint\n * `POST /apps/<appId>/api/settings/load`, and a support/SLA footer),\n * 3. the app's own settings sections (default slot).\n \n Every app's `AdminRoot.vue` collapses to a thin wrapper so the chrome can\n * never drift between apps again.\n \n Basic usage\n * ```vue\n * <CnAdminSettingsShell\n * app-id=\"shillinq\"\n * app-name=\"Shillinq\"\n * doc-url=\"https://shillinq.conduction.nl/docs/intro\">\n * <MyRegisterMapping />\n * <MyFeatureSettings />\n * </CnAdminSettingsShell>\n * ```\n \n Real up-to-date check (when the backend exposes it)\n * ```vue\n * <CnAdminSettingsShell\n * app-id=\"opencatalogi\" app-name=\"OpenCatalogi\"\n * :app-version=\"running\" :configured-version=\"configured\"\n * :is-up-to-date=\"running === configured\" />\n * ```\n /\nexport default {\n\tname: 'CnAdminSettingsShell',\n\n\tcomponents: {\n\t\tCnEnvironmentBanner,\n\t\tCnBuildiqEditButton,\n\t\tBookOpenVariant,\n\t\tNcSettingsSection,\n\t\tCnCredentials,\n\t\tCnVersionInfoCard,\n\t\tCnSetupWizard,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t\tRefresh,\n\t\tAutoFix,\n\t\tHelpCircleOutline,\n\t},\n\n\tprops: {\n\t\t/\n\t\t The environment this instance is: `development`, `test`, `acceptance` or\n\t\t * `production`. Wins over the active organisation's `environment` field.\n\t\t * A non-production environment is named in a banner at the top and the tab\n\t\t * title gets a prefix. Production, an unknown value or no value shows nothing.\n\t\t \n\t\t @type {string}\n\t\t /\n\t\tenvironment: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Render the organisation credential broker on this admin page\n\t\t * (ADR-079 Step 2). Opt-in: only an app that actually brokers org-wide\n\t\t * secrets should surface it.\n\t\t \n\t\t This replaces the generic `manifest.adminSettings[]` modal that used\n\t\t * to live on CnAppRoot. That modal was gated on app OWNERSHIP and on an\n\t\t * array no app in the fleet ever declared, so the broker was\n\t\t * unreachable everywhere. Here it is reachable and the access decision\n\t\t * is Nextcloud's, made server-side for /settings/admin/<app>.\n\t\t /\n\t\tshowOrganisationCredentials: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t The app's manifest `credentials[]` declarations, forwarded to the\n\t\t * broker to drive its informational \"apps requesting credentials\"\n\t\t * list. Only read when `showOrganisationCredentials` is true.\n\t\t /\n\t\tappCredentials: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/\n\t\t The look the shell is drawn in: `board` or `nextcloud`. Empty follows\n\t\t * the `cnLook` that CnAppRoot provides.\n\t\t \n\t\t @spec openspec/changes/screens-chrome-parity/specs/settings-board-look/spec.md#requirement-the-admin-settings-shell-takes-the-board-header\n\t\t /\n\t\tlook: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* The Nextcloud app id (used for the default re-import endpoint + version loadState). /\n\t\tappId: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/* Human-readable application name shown in the header and version card. /\n\t\tappName: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/\n\t\t Running app version. When empty, read from\n\t\t * `loadState(appId, 'version', 'Unknown')` (provided by AppHost's\n\t\t * GenericAdminSettings::getForm()).\n\t\t /\n\t\tappVersion: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Page title. Defaults to \"<appName> Settings\". /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Page description. Defaults to \"Configure your <appName> installation\". /\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Board look: the path under the title, in place of the description,\n\t\t * as `[{ label, href? }]` (\"Beheerinstellingen\" linking to the admin\n\t\t * settings, then the app and the section). A crumb without `href` is\n\t\t * text; the last one is the current page.\n\t\t \n\t\t @spec openspec/changes/screens-admin-settings-board-header/specs/settings-board-look/spec.md\n\t\t /\n\t\tbreadcrumbs: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/\n\t\t Board look: a note after the path, behind a \"·\" (\"geldt voor de\n\t\t * hele organisatie\").\n\t\t \n\t\t @spec openspec/changes/screens-admin-settings-board-header/specs/settings-board-look/spec.md\n\t\t /\n\t\tbreadcrumbNote: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Documentation URL (renders the info icon next to the title). /\n\t\tdocUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Whether to render the version card. /\n\t\tshowVersionCard: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/\n\t\t Where the version card (and the organisation credential broker) sits:\n\t\t * `start`, above the app's sections (the default), or `end`, after them,\n\t\t * for a page whose board starts with the app's own card. The keyboard\n\t\t * order follows, because the slot moves in the markup.\n\t\t \n\t\t @spec openspec/changes/screens-admin-settings-version-card-end/specs/settings-board-look/spec.md#requirement-the-version-card-can-follow-the-apps-sections\n\t\t /\n\t\tversionCardPosition: {\n\t\t\ttype: String,\n\t\t\tdefault: 'start',\n\t\t\tvalidator: (value) => ['start', 'end'].includes(value),\n\t\t},\n\n\t\t/* Version card heading. /\n\t\tversionTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Version information'),\n\t\t},\n\n\t\t/* Version card description. Defaults to \"Information about the current <appName> installation\". /\n\t\tversionDescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Configured version (for apps that track a separate config version).\n\t\t * When omitted, read from `loadState(appId, 'configuredVersion', '')`\n\t\t * (AppHost stamps it on each config import).\n\t\t /\n\t\tconfiguredVersion: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Whether the installation is up to date. Drives the badge/button in the\n\t\t * version card. When left null, the shell reads the REAL value from\n\t\t * `loadState(appId, 'isUpToDate', true)` — AppHost's GenericAdminSettings\n\t\t * provides it by comparing the running version to the imported config\n\t\t * version. Pass an explicit boolean to override; do NOT hardcode true.\n\t\t /\n\t\tisUpToDate: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/* Whether to show the version card's up-to-date / update button. /\n\t\tshowUpdateButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* Whether an app update is in progress (drives the update button spinner). /\n\t\tupdating: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Whether to show the \"Re-import configuration\" action. /\n\t\tshowReimport: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/\n\t\t Override the re-import endpoint. Defaults to the canonical AppHost\n\t\t * route `/apps/<appId>/api/settings/load`.\n\t\t /\n\t\treimportUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Whether to render the default support footer. /\n\t\tshowSupport: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* Support contact email. /\n\t\tsupportEmail: {\n\t\t\ttype: String,\n\t\t\tdefault: 'support@conduction.nl',\n\t\t},\n\n\t\t/* SLA contact email (set to '' to hide the SLA line). /\n\t\tslaEmail: {\n\t\t\ttype: String,\n\t\t\tdefault: 'sales@conduction.nl',\n\t\t},\n\n\t\t/* Show a \"Run setup wizard\" action that opens CnSetupWizard (ADR-042). /\n\t\tshowSetup: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* The `manifest.setup.steps` array passed to CnSetupWizard. /\n\t\tsetupSteps: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/* Show a \"Help us / suggest a feature\" link to the forge's feature-request form. /\n\t\tshowHelp: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* `<owner>/<repo>` GitHub slug the feature-request link targets. /\n\t\thelpRepo: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['update', 'reimported', 'reimport-error'],\n\n\tsetup(props) {\n\t\t// The app's own `environment` setting, else the active organisation's.\n\t\tconst { environment: environmentName } = useEnvironment({ environment: () => props.environment })\n\t\tconst { isBoard } = useLook(props)\n\t\t// A shell told `look: \"board\"` itself draws the board look also on an\n\t\t// admin page that no CnAppRoot wraps, as Nextcloud's settings pages are.\n\t\tconst ownLookClass = computed(() => (normalizeLook(props.look) === 'board' ? 'cn-look-board' : ''))\n\t\treturn { environmentName, isBoard, ownLookClass }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\treimporting: false,\n\t\t\tsetupWizardOpen: false,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t Whether the app's sections come before the version card.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/screens-admin-settings-version-card-end/specs/settings-board-look/spec.md#requirement-the-version-card-can-follow-the-apps-sections\n\t\t /\n\t\tversionCardAtEnd() {\n\t\t\treturn this.versionCardPosition === 'end'\n\t\t},\n\n\t\t/\n\t\t The crumbs that have a label.\n\t\t \n\t\t @return {Array<{label: string, href?: string}>}\n\t\t * @spec openspec/changes/screens-admin-settings-board-header/specs/settings-board-look/spec.md\n\t\t /\n\t\tcrumbs() {\n\t\t\treturn (Array.isArray(this.breadcrumbs) ? this.breadcrumbs : [])\n\t\t\t\t.filter((crumb) => crumb && typeof crumb.label === 'string' && crumb.label !== '')\n\t\t},\n\n\t\t/* @return {string} The accessible name of the breadcrumb navigation. /\n\t\tbreadcrumbLabel() {\n\t\t\treturn t('nextcloud-vue', 'Breadcrumb')\n\t\t},\n\n\t\t/\n\t\t The \"Help us\" link target: the forge's feature-request issue form\n\t\t * for `helpRepo`, on the fleet-default forge. Empty (hiding the\n\t\t * button) when no repo is configured.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\thelpUrl() {\n\t\t\tconst repo = String(this.helpRepo \|\| '').trim()\n\t\t\tif (!repo) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn buildFeatureRequestUrl(null, repo)\n\t\t},\n\n\t\t/* @return {string} The running version, falling back to AppHost initial state. /\n\t\tresolvedVersion() {\n\t\t\tif (this.appVersion) {\n\t\t\t\treturn this.appVersion\n\t\t\t}\n\t\t\treturn loadState(this.appId, 'version', 'Unknown')\n\t\t},\n\n\t\t/* @return {string} Configured version, falling back to AppHost initial state. /\n\t\tresolvedConfiguredVersion() {\n\t\t\treturn this.configuredVersion \|\| loadState(this.appId, 'configuredVersion', '')\n\t\t},\n\n\t\t/* @return {boolean} Real up-to-date signal: explicit prop wins, else AppHost initial state. /\n\t\tresolvedIsUpToDate() {\n\t\t\tif (this.isUpToDate !== null) {\n\t\t\t\treturn this.isUpToDate\n\t\t\t}\n\t\t\treturn loadState(this.appId, 'isUpToDate', true)\n\t\t},\n\n\t\t/* @return {string} Page title, defaulting to \"<appName> Settings\". /\n\t\tresolvedTitle() {\n\t\t\treturn this.title \|\| t('nextcloud-vue', '{app} Settings', { app: this.appName })\n\t\t},\n\n\t\t/* @return {string} Page description. /\n\t\tresolvedDescription() {\n\t\t\treturn this.description \|\| t('nextcloud-vue', 'Configure your {app} installation', { app: this.appName })\n\t\t},\n\n\t\t/* @return {string} Version card description. /\n\t\tresolvedVersionDescription() {\n\t\t\treturn this.versionDescription \|\| t('nextcloud-vue', 'Information about the current {app} installation', { app: this.appName })\n\t\t},\n\n\t\t/* @return {string} Re-import endpoint. /\n\t\tresolvedReimportUrl() {\n\t\t\treturn prefixUrl(this.reimportUrl) \|\| generateUrl('/apps/{appId}/api/settings/load', { appId: this.appId })\n\t\t},\n\n\t\t/* @return {string} Re-import button label. /\n\t\treimportLabel() {\n\t\t\treturn t('nextcloud-vue', 'Re-import configuration')\n\t\t},\n\n\t\t/* @return {string} Re-import in-progress label. /\n\t\timportingLabel() {\n\t\t\treturn t('nextcloud-vue', 'Importing…')\n\t\t},\n\n\t\t/* @return {string} Support footer heading. /\n\t\tsupportTitle() {\n\t\t\treturn t('nextcloud-vue', 'Support')\n\t\t},\n\n\t\t/* @return {string} Support footer line. /\n\t\tsupportLine() {\n\t\t\treturn t('nextcloud-vue', 'For support, contact us at')\n\t\t},\n\n\t\t/* @return {string} SLA footer line. /\n\t\tslaLine() {\n\t\t\treturn t('nextcloud-vue', 'For a Service Level Agreement (SLA), contact')\n\t\t},\n\n\t\t/* @return {string} Setup-wizard button label. /\n\t\tsetupLabel() {\n\t\t\treturn t('nextcloud-vue', 'Run setup wizard')\n\t\t},\n\n\t\t/* @return {string} Documentation button label (board header). /\n\t\tdocumentationLabel() {\n\t\t\treturn t('nextcloud-vue', 'Documentation')\n\t\t},\n\n\t\t/* @return {string} Help / suggest-feature button label. /\n\t\thelpLabel() {\n\t\t\treturn t('nextcloud-vue', 'Help us')\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/* Forward the version card's update-button click to the parent. /\n\t\tonUpdate() {\n\t\t\t/\n\t\t\t @event update Emitted when the version card's update button is clicked.\n\t\t\t /\n\t\t\tthis.$emit('update')\n\t\t},\n\n\t\t/\n\t\t Re-import the app's OpenRegister configuration via the canonical\n\t\t * AppHost endpoint, then emit the result so the parent can refresh.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync reimport() {\n\t\t\tif (this.reimporting) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.reimporting = true\n\t\t\ttry {\n\t\t\t\tconst response = await axios.post(this.resolvedReimportUrl)\n\t\t\t\tconst data = response?.data ?? {}\n\t\t\t\t// AppHost returns { success, message, ... }; a bare 2xx also counts.\n\t\t\t\tif (data.success === false) {\n\t\t\t\t\tthrow new Error(data.message \|\| t('nextcloud-vue', 'Re-import failed'))\n\t\t\t\t}\n\t\t\t\tshowSuccess(data.message \|\| t('nextcloud-vue', 'Configuration re-imported successfully'))\n\t\t\t\t/\n\t\t\t\t @event reimported Emitted after a successful configuration re-import.\n\t\t\t\t * @type {object} The AppHost response payload.\n\t\t\t\t /\n\t\t\t\tthis.$emit('reimported', data)\n\t\t\t} catch (error) {\n\t\t\t\tconst message = error?.response?.data?.message \|\| error?.message \|\| t('nextcloud-vue', 'Re-import failed')\n\t\t\t\tshowError(message)\n\t\t\t\t/\n\t\t\t\t @event reimport-error Emitted when a configuration re-import fails.\n\t\t\t\t * @type {Error} The error that caused the failure.\n\t\t\t\t /\n\t\t\t\tthis.$emit('reimport-error', error)\n\t\t\t} finally {\n\t\t\t\tthis.reimporting = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-admin-settings-shell {\n\tmax-width: 900px;\n}\n\n/ The board look lifts the width and lays the header and cards on a grid (look-board.css). */\n\n.cn-support-info {\n\tmargin-top: 16px;\n\tpadding-top: 16px;\n\tborder-top: 1px solid var(--color-border);\n}\n\n.cn-support-info h4 {\n\tmargin: 0 0 8px 0;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcolor: var(--color-main-text);\n}\n\n.cn-support-info p {\n\tmargin: 4px 0;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n}\n\n.cn-support-info a {\n\tcolor: var(--color-primary-element);\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_openBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createVNode","_createTextVNode","_renderSlot"],"mappings":"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"}
1	+ {"version":3,"file":"CnAdminSettingsShell.vue3.js","sources":["../../../../src/components/CnAdminSettingsShell/CnAdminSettingsShell.vue?vue&type=template&id=3672ca0b&lang.js"],"sourcesContent":["<template>\n\t<div class=\"cn-admin-settings-shell\" :class=\"ownLookClass\">\n\t\t<!-- Names a development, test or acceptance environment; cannot be dismissed. Production shows nothing. -->\n\t\t<CnEnvironmentBanner v-if=\"environmentName\" :environment=\"environmentName\" />\n\n\t\t<!-- Page title header — the uniform \"<App> Settings / Configure your <App> installation\" block.\n\t\t Uses NcSettingsSection directly (not CnSettingsSection) so the description subtitle and\n\t\t doc-url icon render — CnSettingsSection repurposes those props and does not forward them. -->\n\t\t<NcSettingsSection\n\t\t\tv-if=\"!isBoard\"\n\t\t\t:name=\"resolvedTitle\"\n\t\t\t:description=\"resolvedDescription\"\n\t\t\t:docUrl=\"docUrl\" />\n\n\t\t<!-- The board header: an h1 and its description, then the labelled\n\t\t Documentation button and the buildiq square. No documentation icon\n\t\t beside the title. -->\n\t\t<div v-else class=\"cn-admin-settings-shell__header\" data-testid=\"cn-admin-settings-header\">\n\t\t\t<div class=\"cn-admin-settings-shell__heading\">\n\t\t\t\t<h1 class=\"cn-admin-settings-shell__title\">\n\t\t\t\t\t{{ resolvedTitle }}\n\t\t\t\t</h1>\n\t\t\t\t<!-- `breadcrumbs`: the board's path line in place of the\n\t\t\t\t description (\"Beheerinstellingen / Launchpad / Algemeen ·\n\t\t\t\t geldt voor de hele organisatie\"). -->\n\t\t\t\t<div v-if=\"crumbs.length > 0\" class=\"cn-admin-settings-shell__crumbs\" data-testid=\"cn-admin-settings-breadcrumbs\">\n\t\t\t\t\t<nav class=\"cn-admin-settings-shell__crumb-list\" :aria-label=\"breadcrumbLabel\">\n\t\t\t\t\t\t<template v-for=\"(crumb, index) in crumbs\" :key=\"index\">\n\t\t\t\t\t\t\t<span v-if=\"index > 0\" aria-hidden=\"true\">/</span>\n\t\t\t\t\t\t\t<a v-if=\"crumb.href\" :href=\"crumb.href\" class=\"cn-admin-settings-shell__crumb-link\">{{ crumb.label }}</a>\n\t\t\t\t\t\t\t<span v-else :aria-current=\"index === crumbs.length - 1 ? 'page' : null\">{{ crumb.label }}</span>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</nav>\n\t\t\t\t\t<template v-if=\"breadcrumbNote\">\n\t\t\t\t\t\t<span aria-hidden=\"true\">·</span>\n\t\t\t\t\t\t<span>{{ breadcrumbNote }}</span>\n\t\t\t\t\t</template>\n\t\t\t\t</div>\n\t\t\t\t<p v-else class=\"cn-admin-settings-shell__description\">\n\t\t\t\t\t{{ resolvedDescription }}\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t\t<div class=\"cn-admin-settings-shell__header-buttons\">\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"docUrl\"\n\t\t\t\t\t:href=\"docUrl\"\n\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\tdata-testid=\"cn-admin-settings-documentation\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<BookOpenVariant :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ documentationLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<CnBuildiqEditButton />\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- `tabs`: a strip under the header (boards ShInstellingen,\n\t\t LpBeheerAlgemeen). Each tab's panel holds the `tab-<id>` slot; the\n\t\t version card, the credential broker and the default slot below\n\t\t belong to the first tab and show only while it is open. -->\n\t\t<CnTabs\n\t\t\tv-if=\"tabItems.length > 0\"\n\t\t\tclass=\"cn-admin-settings-shell__tabs\"\n\t\t\t:look=\"isBoard ? 'board' : 'nextcloud'\"\n\t\t\t:ariaLabel=\"resolvedTitle\"\n\t\t\tdata-testid=\"cn-admin-settings-tabs\"\n\t\t\t@update:activeIndex=\"onTabIndex\">\n\t\t\t<CnTab\n\t\t\t\tv-for=\"tab in tabItems\"\n\t\t\t\t:key=\"tab.id\"\n\t\t\t\t:title=\"tab.label\"\n\t\t\t\t:count=\"tab.count\"\n\t\t\t\t:active=\"tab.id === activeTabId\">\n\t\t\t\t<div class=\"cn-admin-settings-shell__panel\" :data-tab=\"tab.id\">\n\t\t\t\t\t<!-- @slot tab-<id> The panel of the tab with that `id` in `tabs`. -->\n\t\t\t\t\t<slot :name=\"`tab-${tab.id}`\" />\n\t\t\t\t</div>\n\t\t\t</CnTab>\n\t\t</CnTabs>\n\n\t\t<!-- `versionCardPosition: \"end\"`: the app's sections come first, and the\n\t\t version card and the credential broker follow them (board DcBeheer\n\t\t starts with the app's own card). The same slot, rendered once. -->\n\t\t<slot v-if=\"versionCardAtEnd && onFirstTab\" />\n\n\t\t<!-- Version information card (version, up-to-date check, re-import, support footer) -->\n\t\t<CnVersionInfoCard\n\t\t\tv-if=\"showVersionCard && onFirstTab\"\n\t\t\t:appName=\"appName\"\n\t\t\t:appVersion=\"resolvedVersion\"\n\t\t\t:configuredVersion=\"resolvedConfiguredVersion\"\n\t\t\t:isUpToDate=\"resolvedIsUpToDate\"\n\t\t\t:showUpdateButton=\"showUpdateButton\"\n\t\t\t:updating=\"updating\"\n\t\t\t:title=\"versionTitle\"\n\t\t\t:description=\"resolvedVersionDescription\"\n\t\t\t:wide=\"versionCardWide\"\n\t\t\t@update=\"onUpdate\">\n\t\t\t<template #actions>\n\t\t\t\t<!-- Canonical \"Re-import configuration\" action (POST /apps/<appId>/api/settings/load) -->\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"showReimport\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t:disabled=\"reimporting\"\n\t\t\t\t\t@click=\"reimport\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<NcLoadingIcon v-if=\"reimporting\" :size=\"20\" />\n\t\t\t\t\t\t<Refresh v-else :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ reimporting ? importingLabel : reimportLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<!-- Run the first-time setup wizard on demand (ADR-042). -->\n\t\t\t\t<NcButton v-if=\"showSetup\" data-testid=\"cn-admin-run-setup\" @click=\"setupWizardOpen = true\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<AutoFix :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ setupLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<!-- \"Help us / suggest a feature\" — a direct link to the forge's\n\t\t\t\t feature-request issue form (team decision 2026-09-04: the\n\t\t\t\t in-product suggestion modal is gone; the forge is where\n\t\t\t\t the conversation happens, in English). -->\n\t\t\t\t<NcButton\n\t\t\t\t\tv-if=\"showHelp && helpUrl\"\n\t\t\t\t\t:href=\"helpUrl\"\n\t\t\t\t\ttarget=\"_blank\">\n\t\t\t\t\t<template #icon>\n\t\t\t\t\t\t<HelpCircleOutline :size=\"20\" />\n\t\t\t\t\t</template>\n\t\t\t\t\t{{ helpLabel }}\n\t\t\t\t</NcButton>\n\t\t\t\t<!-- @slot actions Extra action buttons rendered next to the built-in update / re-import buttons in the version card header. -->\n\t\t\t\t<slot name=\"actions\" />\n\t\t\t</template>\n\n\t\t\t<template #footer>\n\t\t\t\t<!-- @slot footer Replaces the default support/SLA footer inside the version card. -->\n\t\t\t\t<slot name=\"footer\">\n\t\t\t\t\t<div v-if=\"showSupport\" class=\"cn-support-info\">\n\t\t\t\t\t\t<h4>{{ supportTitle }}</h4>\n\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t{{ supportLine }}\n\t\t\t\t\t\t\t<a :href=\"`mailto:${supportEmail}`\">{{ supportEmail }}</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p v-if=\"slaEmail\">\n\t\t\t\t\t\t\t{{ slaLine }}\n\t\t\t\t\t\t\t<a :href=\"`mailto:${slaEmail}`\">{{ slaEmail }}</a>\n\t\t\t\t\t\t</p>\n\t\t\t\t\t</div>\n\t\t\t\t</slot>\n\t\t\t</template>\n\n\t\t\t<template #additional-items>\n\t\t\t\t<!-- @slot version-items Extra key/value rows appended inside the version card details. -->\n\t\t\t\t<slot name=\"version-items\" />\n\t\t\t</template>\n\t\t</CnVersionInfoCard>\n\n\t\t<!--\n\t\t\tOrganisation credential broker (ADR-079 Step 2).\n\n\t\t\tThis is the ONE home for org-wide credentials. It used to live in a\n\t\t\tgeneric modal on CnAppRoot, rendered from `manifest.adminSettings[]`\n\t\t\tand gated on app ownership — but no app ever declared that array, so\n\t\t\tthe surface was unreachable in every app in the fleet. It belongs\n\t\t\there: an org-wide secret store is app-level configuration, and\n\t\t\t/settings/admin/<app> is authorized by Nextcloud server-side rather\n\t\t\tthan by a client-side flag.\n\n\t\t\tOpt-in, because only an app that actually brokers credentials should\n\t\t\tshow it — the manifest `credentials[]` declarations drive the\n\t\t\tinformational \"apps requesting credentials\" list inside.\n\t\t-->\n\t\t<CnCredentials\n\t\t\tv-if=\"showOrganisationCredentials && onFirstTab\"\n\t\t\tscope=\"organisation\"\n\t\t\t:appId=\"appId\"\n\t\t\t:appName=\"appName\"\n\t\t\t:appCredentials=\"appCredentials\"\n\t\t\tdata-testid=\"cn-admin-organisation-credentials\" />\n\n\t\t<!-- @slot default The app's own settings sections, rendered below the version card, or above it with `versionCardPosition: \"end\"`. With `tabs`, only while the first tab is open. -->\n\t\t<slot v-if=\"!versionCardAtEnd && onFirstTab\" />\n\n\t\t<!-- First-time setup wizard, opened from the admin page (ADR-042). -->\n\t\t<CnSetupWizard\n\t\t\tv-if=\"showSetup && setupWizardOpen\"\n\t\t\t:appId=\"appId\"\n\t\t\t:steps=\"setupSteps\"\n\t\t\t@complete=\"setupWizardOpen = false\"\n\t\t\t@close=\"setupWizardOpen = false\" />\n\t</div>\n</template>\n\n<script>\nimport axios from '@nextcloud/axios'\nimport { showError, showSuccess } from '@nextcloud/dialogs'\nimport { loadState } from '@nextcloud/initial-state'\nimport { translate as t } from '@nextcloud/l10n'\nimport { generateUrl } from '@nextcloud/router'\nimport { NcButton, NcLoadingIcon, NcSettingsSection } from '@nextcloud/vue'\nimport { computed, provide } from 'vue'\nimport AutoFix from 'vue-material-design-icons/AutoFix.vue'\nimport BookOpenVariant from 'vue-material-design-icons/BookOpenVariant.vue'\nimport HelpCircleOutline from 'vue-material-design-icons/HelpCircleOutline.vue'\nimport Refresh from 'vue-material-design-icons/Refresh.vue'\nimport CnBuildiqEditButton from '../CnBuildiqEditButton/CnBuildiqEditButton.vue'\nimport CnCredentials from '../CnCredentials/CnCredentials.vue'\nimport CnEnvironmentBanner from '../CnEnvironmentBanner/CnEnvironmentBanner.vue'\nimport CnSetupWizard from '../CnSetupWizard/CnSetupWizard.vue'\nimport { useEnvironment } from '../../composables/useEnvironment.js'\nimport { normalizeLook, useLook } from '../../composables/useLook.js'\nimport { buildFeatureRequestUrl } from '../../utils/forge.js'\nimport { prefixUrl } from '../../utils/headers.js'\nimport { CnTab, CnTabs } from '../CnTabs/index.js'\nimport { CnVersionInfoCard } from '../CnVersionInfoCard/index.js'\n\n/*\n The tab the address names.\n \n @param {string} key The query parameter.\n * @return {string} Its value, or ''.\n /\nfunction readTabFromAddress(key) {\n\tif (typeof window === 'undefined' \|\| !key) {\n\t\treturn ''\n\t}\n\treturn new URLSearchParams(window.location.search).get(key) \|\| ''\n}\n\n/\n Put the open tab in the address without a new history entry.\n \n @param {string} key The query parameter.\n * @param {string} id The tab's id.\n * @return {void}\n /\nfunction writeTabToAddress(key, id) {\n\tif (typeof window === 'undefined' \|\| !key \|\| !window.history?.replaceState) {\n\t\treturn\n\t}\n\tconst url = new URL(window.location.href)\n\turl.searchParams.set(key, id)\n\twindow.history.replaceState(window.history.state, '', url.toString())\n}\n\n/\n CnAdminSettingsShell — the canonical chrome for a Conduction app's Nextcloud\n * admin settings page.\n \n Renders, in fleet-standard order:\n * 1. a page title header (\"<App> Settings\" / \"Configure your <App> installation\" + doc-url),\n * 2. a CnVersionInfoCard (version from `loadState`, up-to-date badge, a\n * \"Re-import configuration\" button wired to the AppHost endpoint\n * `POST /apps/<appId>/api/settings/load`, and a support/SLA footer),\n * 3. the app's own settings sections (default slot).\n \n Every app's `AdminRoot.vue` collapses to a thin wrapper so the chrome can\n * never drift between apps again.\n \n Basic usage\n * ```vue\n * <CnAdminSettingsShell\n * app-id=\"shillinq\"\n * app-name=\"Shillinq\"\n * doc-url=\"https://shillinq.conduction.nl/docs/intro\">\n * <MyRegisterMapping />\n * <MyFeatureSettings />\n * </CnAdminSettingsShell>\n * ```\n \n Real up-to-date check (when the backend exposes it)\n * ```vue\n * <CnAdminSettingsShell\n * app-id=\"opencatalogi\" app-name=\"OpenCatalogi\"\n * :app-version=\"running\" :configured-version=\"configured\"\n * :is-up-to-date=\"running === configured\" />\n * ```\n /\nexport default {\n\tname: 'CnAdminSettingsShell',\n\n\tcomponents: {\n\t\tCnEnvironmentBanner,\n\t\tCnBuildiqEditButton,\n\t\tBookOpenVariant,\n\t\tNcSettingsSection,\n\t\tCnCredentials,\n\t\tCnVersionInfoCard,\n\t\tCnSetupWizard,\n\t\tCnTab,\n\t\tCnTabs,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t\tRefresh,\n\t\tAutoFix,\n\t\tHelpCircleOutline,\n\t},\n\n\tprops: {\n\t\t/\n\t\t The environment this instance is: `development`, `test`, `acceptance` or\n\t\t * `production`. Wins over the active organisation's `environment` field.\n\t\t * A non-production environment is named in a banner at the top and the tab\n\t\t * title gets a prefix. Production, an unknown value or no value shows nothing.\n\t\t \n\t\t @type {string}\n\t\t /\n\t\tenvironment: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Render the organisation credential broker on this admin page\n\t\t * (ADR-079 Step 2). Opt-in: only an app that actually brokers org-wide\n\t\t * secrets should surface it.\n\t\t \n\t\t This replaces the generic `manifest.adminSettings[]` modal that used\n\t\t * to live on CnAppRoot. That modal was gated on app OWNERSHIP and on an\n\t\t * array no app in the fleet ever declared, so the broker was\n\t\t * unreachable everywhere. Here it is reachable and the access decision\n\t\t * is Nextcloud's, made server-side for /settings/admin/<app>.\n\t\t /\n\t\tshowOrganisationCredentials: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/\n\t\t The app's manifest `credentials[]` declarations, forwarded to the\n\t\t * broker to drive its informational \"apps requesting credentials\"\n\t\t * list. Only read when `showOrganisationCredentials` is true.\n\t\t /\n\t\tappCredentials: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/\n\t\t The look the shell is drawn in: `board` or `nextcloud`. Empty follows\n\t\t * the `cnLook` that CnAppRoot provides.\n\t\t \n\t\t @spec openspec/changes/screens-chrome-parity/specs/settings-board-look/spec.md#requirement-the-admin-settings-shell-takes-the-board-header\n\t\t /\n\t\tlook: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* The Nextcloud app id (used for the default re-import endpoint + version loadState). /\n\t\tappId: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/* Human-readable application name shown in the header and version card. /\n\t\tappName: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/\n\t\t Running app version. When empty, read from\n\t\t * `loadState(appId, 'version', 'Unknown')` (provided by AppHost's\n\t\t * GenericAdminSettings::getForm()).\n\t\t /\n\t\tappVersion: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Page title. Defaults to \"<appName> Settings\". /\n\t\ttitle: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Page description. Defaults to \"Configure your <appName> installation\". /\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Board look: the path under the title, in place of the description,\n\t\t * as `[{ label, href? }]` (\"Beheerinstellingen\" linking to the admin\n\t\t * settings, then the app and the section). A crumb without `href` is\n\t\t * text; the last one is the current page.\n\t\t \n\t\t @spec openspec/changes/screens-admin-settings-board-header/specs/settings-board-look/spec.md\n\t\t /\n\t\tbreadcrumbs: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/\n\t\t Board look: a note after the path, behind a \"·\" (\"geldt voor de\n\t\t * hele organisatie\").\n\t\t \n\t\t @spec openspec/changes/screens-admin-settings-board-header/specs/settings-board-look/spec.md\n\t\t /\n\t\tbreadcrumbNote: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Documentation URL (renders the info icon next to the title). /\n\t\tdocUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t A tab strip under the header, as `[{ id, label, count? }]`. Each\n\t\t * tab's panel is the `tab-<id>` slot; the version card, the credential\n\t\t * broker and the default slot show only on the first tab. The open tab\n\t\t * is in the address (`?<tabQueryKey>=<id>`), so a link opens it and a\n\t\t * reload keeps it. The strip is keyboard operable (arrow keys, Home,\n\t\t * End). Empty draws no strip.\n\t\t \n\t\t @type {Array<{id: string, label: string, count?: number}>}\n\t\t * @spec openspec/changes/admin-settings-tabs/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-draw-a-tab-strip\n\t\t /\n\t\ttabs: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/\n\t\t The query parameter that holds the open tab's `id`.\n\t\t \n\t\t @spec openspec/changes/admin-settings-tabs/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-draw-a-tab-strip\n\t\t /\n\t\ttabQueryKey: {\n\t\t\ttype: String,\n\t\t\tdefault: 'tab',\n\t\t},\n\n\t\t/* Whether to render the version card. /\n\t\tshowVersionCard: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/\n\t\t Under the board look the version card spans the whole settings grid.\n\t\t * Set to `false` to keep it one card in the grid.\n\t\t \n\t\t @spec openspec/changes/board-version-card-full-width/specs/settings-board-look/spec.md#requirement-the-board-version-card-spans-the-settings-grid\n\t\t /\n\t\tversionCardWide: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/\n\t\t Where the version card (and the organisation credential broker) sits:\n\t\t * `start`, above the app's sections (the default), or `end`, after them,\n\t\t * for a page whose board starts with the app's own card. The keyboard\n\t\t * order follows, because the slot moves in the markup.\n\t\t \n\t\t @spec openspec/changes/screens-admin-settings-version-card-end/specs/settings-board-look/spec.md#requirement-the-version-card-can-follow-the-apps-sections\n\t\t /\n\t\tversionCardPosition: {\n\t\t\ttype: String,\n\t\t\tdefault: 'start',\n\t\t\tvalidator: (value) => ['start', 'end'].includes(value),\n\t\t},\n\n\t\t/* Version card heading. /\n\t\tversionTitle: {\n\t\t\ttype: String,\n\t\t\tdefault: () => t('nextcloud-vue', 'Version information'),\n\t\t},\n\n\t\t/* Version card description. Defaults to \"Information about the current <appName> installation\". /\n\t\tversionDescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Configured version (for apps that track a separate config version).\n\t\t * When omitted, read from `loadState(appId, 'configuredVersion', '')`\n\t\t * (AppHost stamps it on each config import).\n\t\t /\n\t\tconfiguredVersion: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/\n\t\t Whether the installation is up to date. Drives the badge/button in the\n\t\t * version card. When left null, the shell reads the REAL value from\n\t\t * `loadState(appId, 'isUpToDate', true)` — AppHost's GenericAdminSettings\n\t\t * provides it by comparing the running version to the imported config\n\t\t * version. Pass an explicit boolean to override; do NOT hardcode true.\n\t\t /\n\t\tisUpToDate: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/* Whether to show the version card's up-to-date / update button. /\n\t\tshowUpdateButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* Whether an app update is in progress (drives the update button spinner). /\n\t\tupdating: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* Whether to show the \"Re-import configuration\" action. /\n\t\tshowReimport: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/\n\t\t Override the re-import endpoint. Defaults to the canonical AppHost\n\t\t * route `/apps/<appId>/api/settings/load`.\n\t\t /\n\t\treimportUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/* Whether to render the default support footer. /\n\t\tshowSupport: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/* Support contact email. /\n\t\tsupportEmail: {\n\t\t\ttype: String,\n\t\t\tdefault: 'support@conduction.nl',\n\t\t},\n\n\t\t/* SLA contact email (set to '' to hide the SLA line). /\n\t\tslaEmail: {\n\t\t\ttype: String,\n\t\t\tdefault: 'sales@conduction.nl',\n\t\t},\n\n\t\t/* Show a \"Run setup wizard\" action that opens CnSetupWizard (ADR-042). /\n\t\tshowSetup: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* The `manifest.setup.steps` array passed to CnSetupWizard. /\n\t\tsetupSteps: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\n\t\t/* Show a \"Help us / suggest a feature\" link to the forge's feature-request form. /\n\t\tshowHelp: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/* `<owner>/<repo>` GitHub slug the feature-request link targets. /\n\t\thelpRepo: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\n\temits: ['update', 'reimported', 'reimport-error', 'tab-change'],\n\n\tsetup(props) {\n\t\t// The app's own `environment` setting, else the active organisation's.\n\t\tconst { environment: environmentName } = useEnvironment({ environment: () => props.environment })\n\t\tconst { look, isBoard } = useLook(props)\n\t\t// A shell told `look: \"board\"` itself draws the board look also on an\n\t\t// admin page that no CnAppRoot wraps, as Nextcloud's settings pages are.\n\t\tconst ownLookClass = computed(() => (normalizeLook(props.look) === 'board' ? 'cn-look-board' : ''))\n\t\t// Everything inside the shell, its own version card and the app's\n\t\t// sections alike, follows the shell's look without the app providing it.\n\t\tprovide('cnLook', look)\n\t\treturn { environmentName, isBoard, ownLookClass }\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\treimporting: false,\n\t\t\tsetupWizardOpen: false,\n\t\t\t// The open tab's id; empty until a tab is picked or the address names one.\n\t\t\tchosenTabId: readTabFromAddress(this.tabQueryKey),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/\n\t\t The tabs that have an id and a label.\n\t\t \n\t\t @return {Array<{id: string, label: string, count: number\|null}>}\n\t\t * @spec openspec/changes/admin-settings-tabs/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-draw-a-tab-strip\n\t\t /\n\t\ttabItems() {\n\t\t\treturn (Array.isArray(this.tabs) ? this.tabs : [])\n\t\t\t\t.filter((tab) => tab && typeof tab.id === 'string' && tab.id !== '' && typeof tab.label === 'string' && tab.label !== '')\n\t\t\t\t.map((tab) => ({ id: tab.id, label: tab.label, count: tab.count ?? null }))\n\t\t},\n\n\t\t/\n\t\t The open tab: the one picked or named in the address, else the first.\n\t\t \n\t\t @return {string} Its id, or '' without tabs.\n\t\t /\n\t\tactiveTabId() {\n\t\t\tconst ids = this.tabItems.map((tab) => tab.id)\n\t\t\treturn ids.includes(this.chosenTabId) ? this.chosenTabId : (ids[0] \|\| '')\n\t\t},\n\n\t\t/\n\t\t Whether the shell's own content shows: always without tabs, else on\n\t\t * the first tab.\n\t\t \n\t\t @return {boolean}\n\t\t /\n\t\tonFirstTab() {\n\t\t\treturn this.tabItems.length === 0 \|\| this.activeTabId === this.tabItems[0].id\n\t\t},\n\n\t\t/\n\t\t Whether the app's sections come before the version card.\n\t\t \n\t\t @return {boolean}\n\t\t * @spec openspec/changes/screens-admin-settings-version-card-end/specs/settings-board-look/spec.md#requirement-the-version-card-can-follow-the-apps-sections\n\t\t /\n\t\tversionCardAtEnd() {\n\t\t\treturn this.versionCardPosition === 'end'\n\t\t},\n\n\t\t/\n\t\t The crumbs that have a label.\n\t\t \n\t\t @return {Array<{label: string, href?: string}>}\n\t\t * @spec openspec/changes/screens-admin-settings-board-header/specs/settings-board-look/spec.md\n\t\t /\n\t\tcrumbs() {\n\t\t\treturn (Array.isArray(this.breadcrumbs) ? this.breadcrumbs : [])\n\t\t\t\t.filter((crumb) => crumb && typeof crumb.label === 'string' && crumb.label !== '')\n\t\t},\n\n\t\t/* @return {string} The accessible name of the breadcrumb navigation. /\n\t\tbreadcrumbLabel() {\n\t\t\treturn t('nextcloud-vue', 'Breadcrumb')\n\t\t},\n\n\t\t/\n\t\t The \"Help us\" link target: the forge's feature-request issue form\n\t\t * for `helpRepo`, on the fleet-default forge. Empty (hiding the\n\t\t * button) when no repo is configured.\n\t\t \n\t\t @return {string}\n\t\t /\n\t\thelpUrl() {\n\t\t\tconst repo = String(this.helpRepo \|\| '').trim()\n\t\t\tif (!repo) {\n\t\t\t\treturn ''\n\t\t\t}\n\t\t\treturn buildFeatureRequestUrl(null, repo)\n\t\t},\n\n\t\t/* @return {string} The running version, falling back to AppHost initial state. /\n\t\tresolvedVersion() {\n\t\t\tif (this.appVersion) {\n\t\t\t\treturn this.appVersion\n\t\t\t}\n\t\t\treturn loadState(this.appId, 'version', 'Unknown')\n\t\t},\n\n\t\t/* @return {string} Configured version, falling back to AppHost initial state. /\n\t\tresolvedConfiguredVersion() {\n\t\t\treturn this.configuredVersion \|\| loadState(this.appId, 'configuredVersion', '')\n\t\t},\n\n\t\t/* @return {boolean} Real up-to-date signal: explicit prop wins, else AppHost initial state. /\n\t\tresolvedIsUpToDate() {\n\t\t\tif (this.isUpToDate !== null) {\n\t\t\t\treturn this.isUpToDate\n\t\t\t}\n\t\t\treturn loadState(this.appId, 'isUpToDate', true)\n\t\t},\n\n\t\t/* @return {string} Page title, defaulting to \"<appName> Settings\". /\n\t\tresolvedTitle() {\n\t\t\treturn this.title \|\| t('nextcloud-vue', '{app} Settings', { app: this.appName })\n\t\t},\n\n\t\t/* @return {string} Page description. /\n\t\tresolvedDescription() {\n\t\t\treturn this.description \|\| t('nextcloud-vue', 'Configure your {app} installation', { app: this.appName })\n\t\t},\n\n\t\t/* @return {string} Version card description. /\n\t\tresolvedVersionDescription() {\n\t\t\treturn this.versionDescription \|\| t('nextcloud-vue', 'Information about the current {app} installation', { app: this.appName })\n\t\t},\n\n\t\t/* @return {string} Re-import endpoint. /\n\t\tresolvedReimportUrl() {\n\t\t\treturn prefixUrl(this.reimportUrl) \|\| generateUrl('/apps/{appId}/api/settings/load', { appId: this.appId })\n\t\t},\n\n\t\t/* @return {string} Re-import button label. /\n\t\treimportLabel() {\n\t\t\treturn t('nextcloud-vue', 'Re-import configuration')\n\t\t},\n\n\t\t/* @return {string} Re-import in-progress label. /\n\t\timportingLabel() {\n\t\t\treturn t('nextcloud-vue', 'Importing…')\n\t\t},\n\n\t\t/* @return {string} Support footer heading. /\n\t\tsupportTitle() {\n\t\t\treturn t('nextcloud-vue', 'Support')\n\t\t},\n\n\t\t/* @return {string} Support footer line. /\n\t\tsupportLine() {\n\t\t\treturn t('nextcloud-vue', 'For support, contact us at')\n\t\t},\n\n\t\t/* @return {string} SLA footer line. /\n\t\tslaLine() {\n\t\t\treturn t('nextcloud-vue', 'For a Service Level Agreement (SLA), contact')\n\t\t},\n\n\t\t/* @return {string} Setup-wizard button label. /\n\t\tsetupLabel() {\n\t\t\treturn t('nextcloud-vue', 'Run setup wizard')\n\t\t},\n\n\t\t/* @return {string} Documentation button label (board header). /\n\t\tdocumentationLabel() {\n\t\t\treturn t('nextcloud-vue', 'Documentation')\n\t\t},\n\n\t\t/* @return {string} Help / suggest-feature button label. /\n\t\thelpLabel() {\n\t\t\treturn t('nextcloud-vue', 'Help us')\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/\n\t\t A tab was picked in the strip: remember it, put it in the address\n\t\t * (replacing the entry, so Back leaves the page) and tell the app.\n\t\t \n\t\t @param {number} index The picked tab's index.\n\t\t * @return {void}\n\t\t * @spec openspec/changes/admin-settings-tabs/specs/settings-board-look/spec.md#requirement-the-admin-shell-can-draw-a-tab-strip\n\t\t /\n\t\tonTabIndex(index) {\n\t\t\tconst tab = this.tabItems[index]\n\t\t\tif (!tab \|\| tab.id === this.chosenTabId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.chosenTabId = tab.id\n\t\t\twriteTabToAddress(this.tabQueryKey, tab.id)\n\t\t\t/\n\t\t\t @event tab-change Emitted when the reader opens another tab. Payload: its `id`.\n\t\t\t /\n\t\t\tthis.$emit('tab-change', tab.id)\n\t\t},\n\n\t\t/* Forward the version card's update-button click to the parent. /\n\t\tonUpdate() {\n\t\t\t/\n\t\t\t @event update Emitted when the version card's update button is clicked.\n\t\t\t /\n\t\t\tthis.$emit('update')\n\t\t},\n\n\t\t/\n\t\t Re-import the app's OpenRegister configuration via the canonical\n\t\t * AppHost endpoint, then emit the result so the parent can refresh.\n\t\t \n\t\t @return {Promise<void>}\n\t\t /\n\t\tasync reimport() {\n\t\t\tif (this.reimporting) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.reimporting = true\n\t\t\ttry {\n\t\t\t\tconst response = await axios.post(this.resolvedReimportUrl)\n\t\t\t\tconst data = response?.data ?? {}\n\t\t\t\t// AppHost returns { success, message, ... }; a bare 2xx also counts.\n\t\t\t\tif (data.success === false) {\n\t\t\t\t\tthrow new Error(data.message \|\| t('nextcloud-vue', 'Re-import failed'))\n\t\t\t\t}\n\t\t\t\tshowSuccess(data.message \|\| t('nextcloud-vue', 'Configuration re-imported successfully'))\n\t\t\t\t/\n\t\t\t\t @event reimported Emitted after a successful configuration re-import.\n\t\t\t\t * @type {object} The AppHost response payload.\n\t\t\t\t /\n\t\t\t\tthis.$emit('reimported', data)\n\t\t\t} catch (error) {\n\t\t\t\tconst message = error?.response?.data?.message \|\| error?.message \|\| t('nextcloud-vue', 'Re-import failed')\n\t\t\t\tshowError(message)\n\t\t\t\t/\n\t\t\t\t @event reimport-error Emitted when a configuration re-import fails.\n\t\t\t\t * @type {Error} The error that caused the failure.\n\t\t\t\t /\n\t\t\t\tthis.$emit('reimport-error', error)\n\t\t\t} finally {\n\t\t\t\tthis.reimporting = false\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style scoped>\n.cn-admin-settings-shell {\n\tmax-width: 900px;\n}\n\n/ The board look lifts the width and lays the header and cards on a grid (look-board.css). */\n\n.cn-support-info {\n\tmargin-top: 16px;\n\tpadding-top: 16px;\n\tborder-top: 1px solid var(--color-border);\n}\n\n.cn-support-info h4 {\n\tmargin: 0 0 8px 0;\n\tfont-size: 14px;\n\tfont-weight: 600;\n\tcolor: var(--color-main-text);\n}\n\n.cn-support-info p {\n\tmargin: 4px 0;\n\tcolor: var(--color-text-maxcontrast);\n\tfont-size: 14px;\n}\n\n.cn-support-info a {\n\tcolor: var(--color-primary-element);\n}\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createBlock","_openBlock","_createElementVNode","_toDisplayString","_Fragment","_renderList","_createVNode","_createTextVNode","_renderSlot"],"mappings":"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"}

package/dist/esm/components/CnBoardView/CnBoardView.vue.js CHANGED Viewed

@@ -2,7 +2,7 @@ import script from './CnBoardView.vue2.js';
 import { render } from './CnBoardView.vue3.js';
 script.render = render;
-script.__scopeId = "data-v-0dd966c7";
+script.__scopeId = "data-v-181b36b2";
 const __sfc_main = script;
 export { __sfc_main as default };

package/dist/esm/components/CnBoardView/CnBoardView.vue2.js CHANGED Viewed

@@ -46,6 +46,12 @@ var script = {
 		 * draws the screens' board anatomy (screens-kanban-parity).
 		 */
 		cnLook: { default: 'nextcloud' },
+		/**
+		 * The app's cell-formatter registry, provided by CnAppRoot. A card
+		 * role named in `cardRoles.formatters` shows its value through it, as
+		 * the table's cells do (screens-board-reference-columns).
+		 */
+		cnFormatters: { default: () => ({}) },
 	},
 	props: {
@@ -186,9 +192,72 @@ var script = {
 			type: Number,
 			default: 0,
 		},
+		/**
+		 * The column a row belongs in, for a status whose raw value is not
+		 * the column key: a reference whose rows are merged by name
+		 * (screens-board-reference-columns). Absent, the row's `statusField`
+		 * value is the key.
+		 *
+		 * @type {((row: object) => string)|null}
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-columns-can-be-the-rows-a-field-references
+		 */
+		columnKeyOf: {
+			type: Function,
+			default: null,
+		},
+		/**
+		 * Wrap the columns onto more rows, as many to a row as fit at 240px,
+		 * instead of one row that scrolls sideways (manifest
+		 * `config.board.wrap`). For a board with more stages than fit.
+		 *
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-a-wide-board-can-wrap-its-columns
+		 */
+		wrapColumns: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * Offer a checkbox on every card, so cards can be selected for the
+		 * list's bulk actions (the same selection the table holds).
+		 *
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-cards-can-be-selected-for-bulk-actions
+		 */
+		selectable: {
+			type: Boolean,
+			default: false,
+		},
+		/**
+		 * The selected cards, by row key.
+		 *
+		 * @type {Array<string|number>}
+		 */
+		selectedIds: {
+			type: Array,
+			default: () => [],
+		},
+		/**
+		 * The columns one card may move to, asked when its menu opens or its
+		 * drag starts: `(card) => Promise<Array<string>|null>`, column keys,
+		 * `null` for every column. A column the card cannot reach is greyed
+		 * during the drag and marked "not allowed" in the menu, and a drop on
+		 * it is refused without asking the host. Absent, every column is
+		 * offered and the host's move decides.
+		 *
+		 * @type {((card: object) => Promise<Array<string>|null>)|null}
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-the-board-shows-where-a-card-can-go
+		 */
+		allowedMoves: {
+			type: Function,
+			default: null,
+		},
 	},
-	emits: ['card-click', 'card-aux-click', 'moved', 'refused', 'stale', 'load-more'],
+	emits: ['card-click', 'card-aux-click', 'moved', 'refused', 'stale', 'load-more', 'select'],
 	data() {
 		return {
@@ -204,6 +273,10 @@ var script = {
 			expanded: [],
 			/** The card whose menu is open (board look), by card key. */
 			openMenuKey: null,
+			/** Column keys each card may move to (`allowedMoves`), by card key; absent = not asked yet. */
+			allowedByCard: {},
+			/** The column keys the dragged card may reach, or null for all. */
+			dragAllowed: null,
 		}
 	},
@@ -221,6 +294,7 @@ var script = {
 				statusField: this.statusField,
 				offBoardLabel: translate('nextcloud-vue', 'Elsewhere'),
 				colorField: this.colorField,
+				keyOf: this.columnKeyOf,
 			})
 		},
@@ -248,9 +322,20 @@ var script = {
 				due: (given && given.due) || '',
 				owner: (given && given.owner) || '',
 				pillColors: (given && given.pillColors) || {},
+				formatters: (given && given.formatters && typeof given.formatters === 'object') ? given.formatters : {},
 			}
 		},
+		/** @return {string} The note on a menu target the card cannot reach. */
+		notAllowedLabel() {
+			return translate('nextcloud-vue', 'not allowed')
+		},
+		/** @return {Array<string>} The selected row keys as strings. */
+		selectedKeys() {
+			return (Array.isArray(this.selectedIds) ? this.selectedIds : []).map(String)
+		},
 		/** @return {string} The Open in new tab menu item. */
 		openInNewTabLabel() {
 			return translate('nextcloud-vue', 'Open in new tab')
@@ -309,6 +394,97 @@ var script = {
 		preventMiddleClickAutoscroll,
+		/**
+		 * Whether a card is selected.
+		 *
+		 * @param {object} card The card.
+		 * @return {boolean} True when selected.
+		 */
+		isSelected(card) {
+			return this.selectedKeys.includes(this.cardKey(card))
+		},
+		/**
+		 * The checkbox's accessible name.
+		 *
+		 * @param {object} card The card.
+		 * @return {string} "Select <name>".
+		 */
+		selectLabel(card) {
+			const name = this.roleText(card, this.roles.title) || this.cardKey(card);
+			return translate('nextcloud-vue', 'Select {name}', { name })
+		},
+		/**
+		 * Select a card, or unselect it.
+		 *
+		 * @param {object} card The card.
+		 * @return {void}
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-cards-can-be-selected-for-bulk-actions
+		 */
+		toggleSelected(card) {
+			const key = this.cardKey(card);
+			const next = this.isSelected(card)
+				? this.selectedIds.filter((id) => String(id) !== key)
+				: [...this.selectedIds, card?.[this.rowKey]];
+			/**
+			 * @event select Emitted when a card's checkbox changes. Payload: the selected row keys.
+			 */
+			this.$emit('select', next);
+		},
+		/**
+		 * Ask the host where one card may go (`allowedMoves`), once per card.
+		 *
+		 * @param {object} card The card.
+		 * @return {Promise<Array<string>|null>} The column keys, or null for all.
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-the-board-shows-where-a-card-can-go
+		 */
+		async loadAllowed(card) {
+			if (typeof this.allowedMoves !== 'function') {
+				return null
+			}
+			const key = this.cardKey(card);
+			if (Object.hasOwn(this.allowedByCard, key)) {
+				return this.allowedByCard[key]
+			}
+			let allowed;
+			try {
+				const answer = await this.allowedMoves(card);
+				allowed = Array.isArray(answer) ? answer.map(String) : null;
+			} catch {
+				// Unknown is not "nowhere": the host's move stays the authority.
+				allowed = null;
+			}
+			this.allowedByCard = { ...this.allowedByCard, [key]: allowed };
+			return allowed
+		},
+		/**
+		 * Whether a card may move to a column, as far as the board knows.
+		 *
+		 * @param {object} card The card.
+		 * @param {object} target The column.
+		 * @return {boolean} False only when the host said it cannot.
+		 */
+		isMoveAllowed(card, target) {
+			const allowed = this.allowedByCard[this.cardKey(card)];
+			return !Array.isArray(allowed) || allowed.includes(String(target.key))
+		},
+		/**
+		 * Whether a column is out of reach for the card being dragged.
+		 *
+		 * @param {object} column The column.
+		 * @return {boolean} True while a drag is on and the card cannot go there.
+		 */
+		isUnreachable(column) {
+			return this.dragging !== null
+				&& Array.isArray(this.dragAllowed)
+				&& column.key !== this.dragging.fromKey
+				&& !this.dragAllowed.includes(String(column.key))
+		},
 		/**
 		 * A card's due state under `dueRule`.
 		 *
@@ -350,11 +526,35 @@ var script = {
 			const fields = Array.isArray(role) ? role : [role];
 			return fields
 				.filter((field) => typeof field === 'string' && field !== '')
-				.map((field) => this.textOf(readPath(card, field)))
+				.map((field) => this.fieldText(card, field))
 				.filter((value) => value !== '')
 				.join(' \u00b7 ')
 		},
+		/**
+		 * One card field as text: through the formatter `cardRoles.formatters`
+		 * names for it, else the value itself.
+		 *
+		 * @param {object} card The card's row.
+		 * @param {string} field The dot-path.
+		 * @return {string} The text.
+		 * @spec openspec/changes/screens-board-reference-columns/specs/board-view/spec.md#requirement-a-card-field-can-show-through-a-formatter
+		 */
+		fieldText(card, field) {
+			const raw = readPath(card, field);
+			const id = this.roles.formatters[field];
+			const fn = id && this.cnFormatters ? this.cnFormatters[id] : null;
+			if (typeof fn === 'function') {
+				try {
+					const out = fn(raw, card, null);
+					return out === null || out === undefined ? '' : String(out).trim()
+				} catch {
+					return this.textOf(raw)
+				}
+			}
+			return this.textOf(raw)
+		},
 		/**
 		 * A value as text: a string or number as is, an object by its label.
 		 *
@@ -379,7 +579,7 @@ var script = {
 		 * @return {string} A CnStatusBadge variant.
 		 */
 		pillVariant(card) {
-			const raw = this.textOf(readPath(card, this.roles.pill));
+			const raw = this.fieldText(card, this.roles.pill);
 			const variant = this.roles.pillColors[raw] ?? this.roles.pillColors[raw.toLowerCase()];
 			return isBadgeVariant(variant) ? variant : 'default'
 		},
@@ -419,7 +619,7 @@ var script = {
 		 * @return {string} The name, '' when there is none.
 		 */
 		ownerName(card) {
-			return this.roles.owner === '' ? '' : this.textOf(readPath(card, this.roles.owner))
+			return this.roles.owner === '' ? '' : this.fieldText(card, this.roles.owner)
 		},
 		/**
@@ -571,6 +771,7 @@ var script = {
 			const key = this.cardKey(card);
 			this.openMenuKey = this.openMenuKey === key ? null : key;
 			if (this.openMenuKey !== null) {
+				this.loadAllowed(card);
 				this.focusMenuItem(card, 0);
 			}
 		},
@@ -659,6 +860,7 @@ var script = {
 				event.preventDefault();
 				if (!this.isMenuOpen(card)) {
 					this.openMenuKey = this.cardKey(card);
+					this.loadAllowed(card);
 					this.focusMenuItem(card, 0);
 				}
 			}
@@ -805,8 +1007,27 @@ var script = {
 		 */
 		onDragStart(card, column, event) {
 			this.dragging = { card, fromKey: column.key };
+			this.dragAllowed = null;
 			// Firefox drops a drag that carries no data.
 			event?.dataTransfer?.setData?.('text/plain', this.cardKey(card));
+			if (typeof this.allowedMoves === 'function') {
+				this.loadAllowed(card).then((allowed) => {
+					if (this.dragging && this.dragging.card === card) {
+						this.dragAllowed = allowed;
+					}
+				});
+			}
+		},
+		/**
+		 * The drag ended (dropped anywhere, or cancelled): no column stays
+		 * greyed. A drop on a column has already run by now.
+		 *
+		 * @return {void}
+		 */
+		onDragEnd() {
+			this.dragging = null;
+			this.dragAllowed = null;
 		},
 		/**
@@ -821,6 +1042,13 @@ var script = {
 			}
 			const { card, fromKey } = this.dragging;
 			this.dragging = null;
+			this.dragAllowed = null;
+			if (column.key !== fromKey && !this.isMoveAllowed(card, column)) {
+				const name = this.roleText(card, this.roles.title) || this.cardKey(card);
+				this.refusal = translate('nextcloud-vue', '{name} cannot move to {column}.', { name, column: column.label });
+				this.$emit('refused', { card, message: this.refusal });
+				return
+			}
 			await this.move(card, fromKey, column.key);
 		},