@conduction/nextcloud-vue 0.1.0-beta.14 → 0.1.0-beta.16

package/dist/nextcloud-vue.css

@@ -1219,6 +1219,15 @@
   background-color: var(--color-primary-light);
   border-left: 3px solid var(--color-primary);
 }
+.cn-schema-form__viewTable tbody tr.cn-schema-form__inherited-row {
+  background-color: var(--color-background-dark);
+  border-left: 3px solid var(--color-text-maxcontrast);
+  cursor: default;
+  opacity: 0.8;
+}
+.cn-schema-form__viewTable tbody tr.cn-schema-form__inherited-row:hover {
+  background-color: var(--color-background-dark);
+}
 /* Form editor */
 .cn-schema-form__form-editor {
   display: flex;
@@ -1236,6 +1245,10 @@
   color: var(--color-warning-text);
   flex-shrink: 0;
 }
+.cn-schema-form__lock-icon {
+  color: var(--color-text-maxcontrast);
+  flex-shrink: 0;
+}
 /* Table column widths */
 .cn-schema-form__tableColumnActions {
   width: 150px;
@@ -1502,6 +1515,11 @@
   background-color: var(--color-success);
   color: var(--color-success-text);
 }
+.cn-schema-form__chip-inherited {
+  background-color: var(--color-background-dark);
+  color: var(--color-text-maxcontrast);
+  border: 1px solid var(--color-border);
+}
 .cn-schema-form__properties-warning {
   margin-top: 15px;
 }
@@ -2506,12 +2524,12 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-row-action--destructive[data-v-61defc0c] {
+.cn-row-action--destructive[data-v-3b1fab28] {
 	color: var(--color-error) !important;
 }
 
 
-.cn-context-menu[data-v-56560e88] {
+.cn-context-menu[data-v-25355ff4] {
 	/* Hide the NcActions trigger button — menu opens only via right-click */
 	display: none;
 }
@@ -2883,29 +2901,129 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-advanced-form-dialog__value-input-container[data-v-e6f842ea] :deep(.text-field) {
+.cn-color-picker__swatch[data-v-5f9b4239] {
+	--cn-color-picker-checker:
+		linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
+		linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
+		linear-gradient(45deg, transparent 75%, var(--color-background-dark) 75%),
+		linear-gradient(-45deg, transparent 75%, var(--color-background-dark) 75%);
+	display: inline-block;
+	width: 32px;
+	height: 32px;
+	flex-shrink: 0;
+	padding: 0;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius);
+	cursor: pointer;
+	background-image: var(--cn-color-picker-checker);
+	background-size: 8px 8px;
+	background-position: 0 0, 0 4px, 4px -4px, -4px 0;
+	overflow: hidden;
+	position: relative;
+}
+.cn-color-picker__swatch[data-v-5f9b4239]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+.cn-color-picker__swatch--disabled[data-v-5f9b4239] {
+	cursor: not-allowed;
+	opacity: 0.6;
+}
+/* Strip Chrome's hardcoded light-mode palette so it adopts the active theme.
+   The class lands on the picker's root via Vue's class merging, so target it
+   directly — NOT as a descendant. */
+.cn-color-picker__chrome[data-v-5f9b4239] {
+	background: var(--color-main-background);
+	background-color: var(--color-main-background);
+	box-shadow: none;
+	color: var(--color-main-text);
+	font-family: var(--font-face);
+	overflow: hidden;
+}
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-body),
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-saturation-wrap),
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-color-wrap),
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-active-color) {
+	background-color: var(--color-main-background);
+}
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-toggle-icon-highlight) {
+	background: var(--color-background-hover);
+}
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-hue-picker),
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-alpha-picker) {
+	background-color: var(--color-main-background);
+	box-shadow: 0 1px 4px 0 var(--color-box-shadow);
+}
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-fields .vc-input__input) {
+	background-color: var(--color-main-background);
+	color: var(--color-main-text);
+	box-shadow: inset 0 0 0 1px var(--color-border);
+}
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-fields .vc-input__label) {
+	color: var(--color-text-maxcontrast);
+}
+.cn-color-picker__chrome[data-v-5f9b4239] :deep(.vc-chrome-toggle-icon svg path) {
+	fill: var(--color-main-text);
+}
+/* When `mode` is set, lock the field-mode toggle so the user can't switch
+   between hex/rgb/hsl. */
+.cn-color-picker__chrome--locked-mode[data-v-5f9b4239] :deep(.vc-chrome-toggle-btn) {
+	display: none;
+}
+
+
+.cn-color-picker__popper .v-popper__inner,
+.cn-color-picker__popper .v-popper__wrapper {
+	background: var(--color-main-background);
+	background-color: var(--color-main-background);
+	color: var(--color-main-text);
+}
+.cn-color-picker__popper .v-popper__arrow-inner,
+.cn-color-picker__popper .v-popper__arrow-outer {
+	border-color: var(--color-main-background);
+}
+/* Default NcPopover style sets `top: -9px` with specificity (0,4,1) using a
+   hashed class name; bump with !important rather than depend on the hash. */
+.cn-color-picker__popper .v-popper__arrow-container {
+	top: -10px !important;
+}
+
+
+.cn-advanced-form-dialog__value-input-container[data-v-55998c61] {
+	width: 100%;
+	min-width: 0;
+}
+.cn-advanced-form-dialog__value-input-container[data-v-55998c61] :deep(.text-field) {
 	margin: 0;
 	padding: 0;
 }
-.cn-advanced-form-dialog__boolean-input-row[data-v-e6f842ea] {
+.cn-advanced-form-dialog__boolean-input-row[data-v-55998c61] {
 	display: flex;
 	align-items: center;
 	gap: 6px;
 }
+.cn-advanced-form-dialog__array-input-row[data-v-55998c61] {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+}
+.cn-advanced-form-dialog__array-input-row[data-v-55998c61] > :first-child {
+	flex: 1;
+}
 /* patch extreme size in field */
-.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-e6f842ea] {
+.cn-advanced-form-dialog__boolean-input-row__input > span[data-v-55998c61] {
 	padding-left: 0;
 	padding-block: 0;
 }
-.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-e6f842ea] {
+.cn-advanced-form-dialog__boolean-input-row__input > input[data-v-55998c61] {
 	margin: 0;
 }
-.cn-advanced-form-dialog__info-icon[data-v-e6f842ea] {
+.cn-advanced-form-dialog__info-icon[data-v-55998c61] {
 	flex-shrink: 0;
 	color: var(--color-text-maxcontrast);
 	cursor: help;
 }
-.cn-advanced-form-dialog__json-value[data-v-e6f842ea] {
+.cn-advanced-form-dialog__json-value[data-v-55998c61] {
 	max-height: 200px;
 	overflow-y: auto;
 	white-space: pre-wrap;
@@ -2915,118 +3033,270 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	padding: 8px;
 	border-radius: 4px;
 	margin: 0;
+}
+/* Textarea: keep it inside the table cell instead of overflowing.
+   NcTextArea's wrapper has a fixed height (`calc(var(--default-clickable-area) * 2)`)
+   that ignores the `rows` attribute, which causes the textarea to render with a
+   too-small viewport. Let the wrapper grow with its content instead. */
+.cn-advanced-form-dialog__textarea[data-v-55998c61] {
+	width: 100%;
+	box-sizing: border-box;
+}
+.cn-advanced-form-dialog__textarea[data-v-55998c61] :deep(.textarea__main-wrapper) {
+	height: auto;
+	min-height: var(--default-clickable-area);
+}
+.cn-advanced-form-dialog__textarea[data-v-55998c61] :deep(textarea) {
+	width: 100%;
+	max-width: 100%;
+	box-sizing: border-box;
+	resize: vertical;
+	min-height: 80px;
+	max-height: 240px;
+	display: block;
+}
+/* Color widget: clickable swatch (native picker) + visible text input */
+.cn-advanced-form-dialog__color-input-row[data-v-55998c61] {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	width: 100%;
+}
+.cn-advanced-form-dialog__color-input-row[data-v-55998c61] > :last-child {
+	flex: 1;
+	min-width: 0;
+}
+.cn-advanced-form-dialog__color-swatch[data-v-55998c61] {
+	--cn-color-swatch-checker:
+		linear-gradient(45deg, var(--color-background-dark) 25%, transparent 25%),
+		linear-gradient(-45deg, var(--color-background-dark) 25%, transparent 25%),
+		linear-gradient(45deg, transparent 75%, var(--color-background-dark) 75%),
+		linear-gradient(-45deg, transparent 75%, var(--color-background-dark) 75%);
+	display: inline-block;
+	width: 32px;
+	height: 32px;
+	flex-shrink: 0;
+	padding: 0;
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius);
+	cursor: pointer;
+	background-image: var(--cn-color-swatch-checker);
+	background-size: 8px 8px;
+	background-position: 0 0, 0 4px, 4px -4px, -4px 0;
+	overflow: hidden;
+	position: relative;
+}
+.cn-advanced-form-dialog__color-swatch[data-v-55998c61]:focus-visible {
+	outline: 2px solid var(--color-primary-element);
+	outline-offset: 2px;
+}
+.cn-advanced-form-dialog__color-swatch--readonly[data-v-55998c61] {
+	cursor: default;
+	width: 20px;
+	height: 20px;
+	vertical-align: middle;
+	margin-inline-end: 6px;
+}
+.cn-advanced-form-dialog__color-display[data-v-55998c61] {
+	display: inline-flex;
+	align-items: center;
+}
+/* Help text & inline validation under the input */
+.cn-advanced-form-dialog__field-help[data-v-55998c61] {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	margin-top: 4px;
+	font-size: 0.85em;
+	color: var(--color-text-maxcontrast);
+}
+.cn-advanced-form-dialog__field-example[data-v-55998c61] {
+	font-style: italic;
+}
+.cn-advanced-form-dialog__field-error[data-v-55998c61] {
+	margin-top: 4px;
+	font-size: 0.85em;
+	color: var(--color-error-text);
+}
+.cn-advanced-form-dialog__value-cell-wrapper[data-v-55998c61] {
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+}
+/* Object-array widget: chip list + add button */
+.cn-advanced-form-dialog__object-array[data-v-55998c61] {
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+	width: 100%;
+}
+.cn-advanced-form-dialog__object-array-chips[data-v-55998c61] {
+	display: flex;
+	flex-wrap: wrap;
+	gap: 6px;
+}
+.cn-advanced-form-dialog__object-array-chip[data-v-55998c61] {
+	display: inline-flex;
+	align-items: center;
+	gap: 4px;
+	padding: 2px 4px 2px 10px;
+	background: var(--color-background-dark);
+	border: 1px solid var(--color-border);
+	border-radius: var(--border-radius-pill, 14px);
+	color: var(--color-main-text);
+	cursor: pointer;
+	font: inherit;
+	max-width: 240px;
+}
+.cn-advanced-form-dialog__object-array-chip[data-v-55998c61]:hover {
+	background: var(--color-background-hover);
+}
+.cn-advanced-form-dialog__object-array-chip-label[data-v-55998c61] {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.cn-advanced-form-dialog__object-array-chip-remove[data-v-55998c61] {
+	flex-shrink: 0;
+}
+.cn-advanced-form-dialog__object-array-add[data-v-55998c61] {
+	align-self: flex-start;
 }
 
 
-.cn-advanced-form-dialog__table-container[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-container[data-v-0e9d750d] {
 	background: var(--color-main-background);
 	border-radius: var(--border-radius);
-	overflow: hidden;
 	box-shadow: 0 2px 4px var(--color-box-shadow);
 	border: 1px solid var(--color-border);
 	margin-bottom: calc(5 * var(--default-grid-baseline));
 }
-.cn-advanced-form-dialog__table[data-v-d25a1406] {
+.cn-advanced-form-dialog__table[data-v-0e9d750d] {
 	width: 100%;
 	border-collapse: collapse;
 	background-color: var(--color-main-background);
 }
-.cn-advanced-form-dialog__table th[data-v-d25a1406],
-.cn-advanced-form-dialog__table td[data-v-d25a1406] {
+.cn-advanced-form-dialog__table th[data-v-0e9d750d],
+.cn-advanced-form-dialog__table td[data-v-0e9d750d] {
 	padding: calc(3 * var(--default-grid-baseline));
 	text-align: left;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-advanced-form-dialog__table th[data-v-d25a1406] {
+/* Selected (editing) row: align the constrained label cell to the top of the
+   value cell so tall inputs (textarea, JSON editor) do not visually overflow
+   into the next row. */
+.cn-advanced-form-dialog__table-row--selected td[data-v-0e9d750d] {
+	vertical-align: top;
+}
+.cn-advanced-form-dialog__table th[data-v-0e9d750d] {
 	background: var(--color-background-dark);
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 }
-.cn-advanced-form-dialog__table-row[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-row[data-v-0e9d750d] {
 	cursor: pointer;
 	transition: background-color 0.2s ease;
 	background-color: var(--color-main-background);
 }
-.cn-advanced-form-dialog__table-row[data-v-d25a1406]:hover {
+.cn-advanced-form-dialog__table-row[data-v-0e9d750d]:hover {
 	background-color: var(--color-background-hover);
 }
 /* Active/selected row: light blue; ensure it wins over validation state classes */
-.cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-d25a1406],
-.cn-advanced-form-dialog__table-row--selected[data-v-d25a1406]:hover {
+.cn-advanced-form-dialog__table-row.cn-advanced-form-dialog__table-row--selected[data-v-0e9d750d],
+.cn-advanced-form-dialog__table-row--selected[data-v-0e9d750d]:hover {
 	background-color: var(--color-primary-light);
 	box-shadow: inset 3px 0 0 0 var(--color-primary);
 }
-.cn-advanced-form-dialog__table-row--edited[data-v-d25a1406] {
-	background-color: var(--color-success-light);
-	box-shadow: inset 3px 0 0 0 var(--color-success);
+.cn-advanced-form-dialog__table-row--edited[data-v-0e9d750d] {
+	background-color: var(--color-warning-light);
 }
-.cn-advanced-form-dialog__table-row--non-editable[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-row--non-editable[data-v-0e9d750d] {
 	background-color: var(--color-background-dark);
 	cursor: not-allowed;
 	opacity: 0.7;
 }
-.cn-advanced-form-dialog__table-row--non-editable *[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-row--non-editable *[data-v-0e9d750d] {
 	cursor: not-allowed !important;
 }
-.cn-advanced-form-dialog__table-row--valid[data-v-d25a1406] {
-	box-shadow: inset 3px 0 0 0 var(--color-success);
-}
-.cn-advanced-form-dialog__table-row--invalid[data-v-d25a1406] {
-	background-color: var(--color-error-light);
-	box-shadow: inset 3px 0 0 0 var(--color-error);
+.cn-advanced-form-dialog__table-row--invalid[data-v-0e9d750d] {
+	background-color: var(--color-error-light);
 }
-.cn-advanced-form-dialog__table-row--warning[data-v-d25a1406] {
-	background-color: var(--color-warning-light);
-	box-shadow: inset 3px 0 0 0 var(--color-warning);
+.cn-advanced-form-dialog__table-row--warning[data-v-0e9d750d] {
+	background-color: var(--color-warning-light);
 }
-.cn-advanced-form-dialog__table-row--new[data-v-d25a1406] {
-	box-shadow: inset 3px 0 0 0 var(--color-primary-element);
-}
-.cn-advanced-form-dialog__table-col-constrained[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-col-constrained[data-v-0e9d750d] {
 	width: 150px;
 	max-width: 150px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-advanced-form-dialog__table-col-expanded[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-col-expanded[data-v-0e9d750d] {
 	width: auto;
 	min-width: 200px;
 }
-.cn-advanced-form-dialog__prop-cell[data-v-d25a1406] {
+.cn-advanced-form-dialog__table-col-actions[data-v-0e9d750d] {
+	width: 56px;
+	text-align: right;
+	white-space: nowrap;
+}
+.cn-advanced-form-dialog__prop-cell[data-v-0e9d750d] {
 	width: 30%;
-	font-weight: 600;
-	box-shadow: inset 3px 0 0 0 var(--color-primary);
+	font-weight: 600;
 }
-.cn-advanced-form-dialog__value-cell[data-v-d25a1406] {
+.cn-advanced-form-dialog__value-cell[data-v-0e9d750d] {
 	width: 70%;
 	word-break: break-word;
 	border-radius: 4px;
 }
-.cn-advanced-form-dialog__prop-cell-content[data-v-d25a1406] {
+.cn-advanced-form-dialog__value-cell > *[data-v-0e9d750d] {
+	max-width: 100%;
+}
+.cn-advanced-form-dialog__prop-cell-content[data-v-0e9d750d] {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 }
-.cn-advanced-form-dialog__validation-icon[data-v-d25a1406] {
+.cn-advanced-form-dialog__validation-icon[data-v-0e9d750d] {
 	flex-shrink: 0;
 }
-.cn-advanced-form-dialog__validation-icon--error[data-v-d25a1406] {
+.cn-advanced-form-dialog__validation-icon--error[data-v-0e9d750d] {
 	color: var(--color-error);
 }
-.cn-advanced-form-dialog__validation-icon--warning[data-v-d25a1406] {
+.cn-advanced-form-dialog__validation-icon--edited[data-v-0e9d750d] {
 	color: var(--color-warning);
 }
-.cn-advanced-form-dialog__validation-icon--lock[data-v-d25a1406] {
+.cn-advanced-form-dialog__validation-icon--warning[data-v-0e9d750d] {
+	color: var(--color-warning);
+}
+.cn-advanced-form-dialog__validation-icon--lock[data-v-0e9d750d] {
 	color: var(--color-text-lighter);
 }
-.cn-advanced-form-dialog__validation-icon--new[data-v-d25a1406] {
+.cn-advanced-form-dialog__validation-icon--new[data-v-0e9d750d] {
 	color: var(--color-primary-element);
+}
+.cn-advanced-form-dialog__required-indicator[data-v-0e9d750d] {
+	color: var(--color-error-text);
+	font-weight: bold;
+	cursor: help;
+}
+.cn-advanced-form-dialog__immutable-badge[data-v-0e9d750d] {
+	display: inline-block;
+	padding: 1px 6px;
+	border-radius: 10px;
+	background: var(--color-background-dark);
+	color: var(--color-text-maxcontrast);
+	font-size: 0.75em;
+	font-weight: 500;
+	text-transform: uppercase;
+	letter-spacing: 0.02em;
+	cursor: help;
+	white-space: nowrap;
 }
 
 
-.cn-advanced-form-dialog__table-container[data-v-70a30bac] {
+.cn-advanced-form-dialog__table-container[data-v-3fbbdca2] {
 	background: var(--color-main-background);
 	border-radius: var(--border-radius);
 	overflow: hidden;
@@ -3034,35 +3304,35 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	border: 1px solid var(--color-border);
 	margin-bottom: calc(5 * var(--default-grid-baseline));
 }
-.cn-advanced-form-dialog__table[data-v-70a30bac] {
+.cn-advanced-form-dialog__table[data-v-3fbbdca2] {
 	width: 100%;
 	border-collapse: collapse;
 	background-color: var(--color-main-background);
 }
-.cn-advanced-form-dialog__table th[data-v-70a30bac],
-.cn-advanced-form-dialog__table td[data-v-70a30bac] {
+.cn-advanced-form-dialog__table th[data-v-3fbbdca2],
+.cn-advanced-form-dialog__table td[data-v-3fbbdca2] {
 	padding: calc(3 * var(--default-grid-baseline));
 	text-align: left;
 	border-bottom: 1px solid var(--color-border);
 	vertical-align: middle;
 }
-.cn-advanced-form-dialog__table th[data-v-70a30bac] {
+.cn-advanced-form-dialog__table th[data-v-3fbbdca2] {
 	background: var(--color-background-dark);
 	font-weight: 500;
 	color: var(--color-text-maxcontrast);
 }
-.cn-advanced-form-dialog__table-row[data-v-70a30bac] {
+.cn-advanced-form-dialog__table-row[data-v-3fbbdca2] {
 	cursor: default;
 	background-color: var(--color-main-background);
 }
-.cn-advanced-form-dialog__table-col-constrained[data-v-70a30bac] {
+.cn-advanced-form-dialog__table-col-constrained[data-v-3fbbdca2] {
 	width: 150px;
 	max-width: 150px;
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.cn-advanced-form-dialog__table-col-expanded[data-v-70a30bac] {
+.cn-advanced-form-dialog__table-col-expanded[data-v-3fbbdca2] {
 	width: auto;
 	min-width: 200px;
 }
@@ -3177,61 +3447,61 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-advanced-form-dialog__form[data-v-56dc256b] {
+.cn-advanced-form-dialog__form[data-v-b2ee3d32] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
-.cn-advanced-form-dialog__tabs[data-v-56dc256b] {
+.cn-advanced-form-dialog__tabs[data-v-b2ee3d32] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
 /* Bootstrap-Vue tab styling to match ViewObject */
-.tabContainer[data-v-56dc256b] {
+.tabContainer[data-v-b2ee3d32] {
 	margin-top: 20px;
 }
-.tabContainer > * ul > li[data-v-56dc256b] {
+.tabContainer > * ul > li[data-v-b2ee3d32] {
   display: flex;
   flex: 1;
 }
-.tabContainer > * ul > li[data-v-56dc256b]:hover {
+.tabContainer > * ul > li[data-v-b2ee3d32]:hover {
   background-color: var(--color-background-hover);
 }
-.tabContainer > * ul > li > a[data-v-56dc256b] {
+.tabContainer > * ul > li > a[data-v-b2ee3d32] {
   flex: 1;
   text-align: center;
 }
-.tabContainer > * ul > li > .active[data-v-56dc256b] {
+.tabContainer > * ul > li > .active[data-v-b2ee3d32] {
   background: transparent !important;
   color: var(--color-main-text) !important;
   border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
 }
-.tabContainer > * ul[role="tablist"][data-v-56dc256b] {
+.tabContainer > * ul[role="tablist"][data-v-b2ee3d32] {
   display: flex;
   margin: 10px 8px 0 8px;
   justify-content: space-between;
   border-bottom: 1px solid var(--color-border);
 }
-.tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-56dc256b] {
+.tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-b2ee3d32] {
   padding-inline-start: 10px;
   padding-inline-end: 10px;
   padding-block-start: 10px;
   padding-block-end: 10px;
 }
-.tabContainer > * div[role="tabpanel"][data-v-56dc256b] {
+.tabContainer > * div[role="tabpanel"][data-v-b2ee3d32] {
   margin-block-start: var(--OR-margin-10);
 }
-[data-v-56dc256b]:deep(.nav-tabs) {
+[data-v-b2ee3d32]:deep(.nav-tabs) {
 	border-bottom: 1px solid var(--color-border);
 	margin-bottom: 15px;
 	display: flex;
 }
-[data-v-56dc256b]:deep(.nav-tabs .nav-item) {
+[data-v-b2ee3d32]:deep(.nav-tabs .nav-item) {
 	display: flex;
 	flex: 1;
 }
-[data-v-56dc256b]:deep(.nav-tabs .nav-link) {
+[data-v-b2ee3d32]:deep(.nav-tabs .nav-link) {
 	flex: 1;
 	text-align: center;
 	border: none;
@@ -3239,15 +3509,15 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	color: var(--color-text-maxcontrast);
 	padding: 8px 16px;
 }
-[data-v-56dc256b]:deep(.nav-tabs .nav-link.active) {
+[data-v-b2ee3d32]:deep(.nav-tabs .nav-link.active) {
 	color: var(--color-main-text);
 	border-bottom: 2px solid var(--color-primary);
 	background-color: transparent;
 }
-[data-v-56dc256b]:deep(.nav-tabs .nav-link:hover) {
+[data-v-b2ee3d32]:deep(.nav-tabs .nav-link:hover) {
 	border-bottom: 2px solid var(--color-border);
 }
-[data-v-56dc256b]:deep(.tab-content) {
+[data-v-b2ee3d32]:deep(.tab-content) {
 	padding: 16px;
 	background-color: var(--color-main-background);
 }
@@ -3612,11 +3882,11 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 }
 
 
-.cn-dashboard-page[data-v-9c0c8868] {
+.cn-dashboard-page[data-v-5b5cafec] {
 	padding: 20px;
 	max-width: 1400px;
 }
-.cn-dashboard-page__header[data-v-9c0c8868] {
+.cn-dashboard-page__header[data-v-5b5cafec] {
 	display: flex;
 	justify-content: space-between;
 	align-items: flex-start;
@@ -3624,29 +3894,29 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	flex-wrap: wrap;
 	gap: 12px;
 }
-.cn-dashboard-page__header-left[data-v-9c0c8868] {
+.cn-dashboard-page__header-left[data-v-5b5cafec] {
 	min-width: 0;
 }
-.cn-dashboard-page__title[data-v-9c0c8868] {
+.cn-dashboard-page__title[data-v-5b5cafec] {
 	margin: 0;
 	font-size: 20px;
 	font-weight: 700;
 }
-.cn-dashboard-page__description[data-v-9c0c8868] {
+.cn-dashboard-page__description[data-v-5b5cafec] {
 	margin: 4px 0 0;
 	font-size: 14px;
 	color: var(--color-text-maxcontrast);
 }
-.cn-dashboard-page__header-actions[data-v-9c0c8868] {
+.cn-dashboard-page__header-actions[data-v-5b5cafec] {
 	display: flex;
 	gap: 8px;
 	flex-wrap: wrap;
 	flex-shrink: 0;
 }
-.cn-dashboard-page__empty[data-v-9c0c8868] {
+.cn-dashboard-page__empty[data-v-5b5cafec] {
 	padding: 60px 20px;
 }
-.cn-dashboard-page__unknown[data-v-9c0c8868] {
+.cn-dashboard-page__unknown[data-v-5b5cafec] {
 	display: flex;
 	align-items: center;
 	justify-content: center;
@@ -4130,6 +4400,11 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 
 
 
+
+
+
+
+
 
 
 
@@ -4138,74 +4413,74 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 
 
 /* Result phase container */
-.cn-tabbed-form-dialog__result[data-v-1eb8c90d] {
+.cn-tabbed-form-dialog__result[data-v-43f5afda] {
 	padding: 16px 0;
 }
 /* Form phase container */
-.cn-tabbed-form-dialog__form[data-v-1eb8c90d] {
+.cn-tabbed-form-dialog__form[data-v-43f5afda] {
 	display: flex;
 	flex-direction: column;
 	gap: 8px;
 }
 /* Tabs wrapper */
-.cn-tabbed-form-dialog__tabs[data-v-1eb8c90d] {
+.cn-tabbed-form-dialog__tabs[data-v-43f5afda] {
 	display: flex;
 	flex-direction: column;
 	gap: 12px;
 }
 /* Tab content area — also uses .form-editor for compatibility */
-.cn-tabbed-form-dialog__tab-content[data-v-1eb8c90d] {
+.cn-tabbed-form-dialog__tab-content[data-v-43f5afda] {
 	display: flex;
 	flex-direction: column;
 	gap: 16px;
 	padding: 16px 0;
 }
 /* Create another checkbox — push to the left in actions area */
-.cn-tabbed-form-dialog__create-another[data-v-1eb8c90d] {
+.cn-tabbed-form-dialog__create-another[data-v-43f5afda] {
 	margin-right: auto;
 }
 /* Bootstrap-Vue tab container styling */
-.tabContainer > * ul > li[data-v-1eb8c90d] {
+.tabContainer > * ul > li[data-v-43f5afda] {
 	display: flex;
 	flex: 1;
 }
-.tabContainer > * ul > li[data-v-1eb8c90d]:hover {
+.tabContainer > * ul > li[data-v-43f5afda]:hover {
 	background-color: var(--color-background-hover);
 }
-.tabContainer > * ul > li > a[data-v-1eb8c90d] {
+.tabContainer > * ul > li > a[data-v-43f5afda] {
 	flex: 1;
 	text-align: center;
 }
-.tabContainer > * ul > li > .active[data-v-1eb8c90d] {
+.tabContainer > * ul > li > .active[data-v-43f5afda] {
 	background: transparent !important;
 	color: var(--color-main-text) !important;
 	border-bottom: var(--default-grid-baseline) solid var(--color-primary-element) !important;
 }
-.tabContainer > * ul[role="tablist"][data-v-1eb8c90d] {
+.tabContainer > * ul[role="tablist"][data-v-43f5afda] {
 	display: flex;
 	margin: 10px 8px 0 8px;
 	justify-content: space-between;
 	border-bottom: 1px solid var(--color-border);
 }
-.tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-1eb8c90d] {
+.tabContainer > * ul[role="tablist"] > * a[role="tab"][data-v-43f5afda] {
 	padding-inline-start: 10px;
 	padding-inline-end: 10px;
 	padding-block-start: 10px;
 	padding-block-end: 10px;
 }
-.tabContainer > * div[role="tabpanel"][data-v-1eb8c90d] {
+.tabContainer > * div[role="tabpanel"][data-v-43f5afda] {
 	margin-block-start: var(--OR-margin-10);
 }
-[data-v-1eb8c90d]:deep(.nav-tabs) {
+[data-v-43f5afda]:deep(.nav-tabs) {
 	border-bottom: 1px solid var(--color-border);
 	margin-bottom: 15px;
 	display: flex;
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-item) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-item) {
 	display: flex;
 	flex: 1;
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-link) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-link) {
 	flex: 1;
 	text-align: center;
 	border: none;
@@ -4217,27 +4492,27 @@ html[data-cn-ctx-menu] .cn-row-action--destructive {
 	gap: 8px;
 	justify-content: center;
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-link.active) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-link.active) {
 	color: var(--color-main-text);
 	border-bottom: 2px solid var(--color-primary);
 	background-color: transparent;
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-link:hover) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-link:hover) {
 	border-bottom: 2px solid var(--color-border);
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-link.disabled) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-link.disabled) {
 	cursor: not-allowed;
 	opacity: 0.5;
 	color: var(--color-text-maxcontrast);
 	pointer-events: auto;
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-link.disabled *) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-link.disabled *) {
     cursor: not-allowed;
 }
-[data-v-1eb8c90d]:deep(.nav-tabs .nav-link.disabled:hover) {
+[data-v-43f5afda]:deep(.nav-tabs .nav-link.disabled:hover) {
 	border-bottom: 2px solid transparent;
 }
-[data-v-1eb8c90d]:deep(.tab-content) {
+[data-v-43f5afda]:deep(.tab-content) {
 	padding: 16px;
 	background-color: var(--color-main-background);
 }
@@ -5848,3 +6123,347 @@ to { opacity: 1; max-height: 600px;
 	word-break: break-all;
 	margin: 0;
 }
+
+
+.cn-page-renderer {
+	display: contents;
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/*
+ * The legacy `icon-*` classes in Nextcloud render a background-image
+ * with a hardcoded dark fill, so they stay grey when an entry becomes
+ * active (text turns white against the primary-element background).
+ * Force the icon to white in the active state to match the label.
+ * Only applies when the icon is provided via the `icon` prop (CSS
+ * class) — items using a `<template #icon>` MDI component already
+ * inherit `currentColor`.
+ */
+.app-navigation-entry.active .app-navigation-entry-icon[class*="icon-"] {
+	filter: brightness(0) invert(1);
+}
+/*
+ * Footer-list (section: "settings" items rendered in NcAppNavigation's
+ * `#footer` slot). Reset list defaults so the entries align with the
+ * main list, and add a thin separator above the group so it visually
+ * detaches from the scrollable list when the two meet.
+ *
+ * NcAppNavigation's scoped style targets `.app-navigation__content >
+ * ul` with `overflow-y: auto` + flex padding, and Vue 2 propagates the
+ * parent's data-v attribute onto slot-root elements — so without these
+ * overrides the footer list renders its own scrollbar even though the
+ * footer area has plenty of room. The `!important` flags force-beat
+ * the parent rule's specificity (which includes the data-v attribute).
+ */
+.cn-app-nav__footer-list {
+	list-style: none;
+	margin: 0;
+	padding: 0 !important;
+	border-top: 1px solid var(--color-border);
+	overflow: visible !important;
+	flex: 0 0 auto;
+}
+
+
+.cn-app-loading {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	min-height: 100vh;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+.cn-app-loading__inner {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: calc(2 * var(--default-grid-baseline));
+}
+.cn-app-loading__logo {
+	max-width: 96px;
+	max-height: 96px;
+}
+.cn-app-loading__message {
+	margin: 0;
+	color: var(--color-text-maxcontrast);
+	font-size: var(--default-font-size);
+}
+
+
+.cn-dependency-missing {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+	min-height: 100vh;
+	background: var(--color-main-background);
+	color: var(--color-main-text);
+}
+.cn-dependency-missing__inner {
+	max-width: 600px;
+	padding: calc(4 * var(--default-grid-baseline));
+}
+.cn-dependency-missing__heading {
+	margin: 0 0 calc(2 * var(--default-grid-baseline));
+	font-size: 1.5em;
+}
+.cn-dependency-missing__intro {
+	margin: 0 0 calc(3 * var(--default-grid-baseline));
+	color: var(--color-text-maxcontrast);
+}
+.cn-dependency-missing__list {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+}
+.cn-dependency-missing__item {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	padding: calc(2 * var(--default-grid-baseline)) 0;
+	border-bottom: 1px solid var(--color-border);
+}
+.cn-dependency-missing__item:last-child {
+	border-bottom: 0;
+}
+.cn-dependency-missing__item-name {
+	font-weight: bold;
+}
+.cn-dependency-missing__item-link {
+	color: var(--color-primary-element);
+	text-decoration: underline;
+}