Snapshot synced v3.6.1 working state as baseline

Machine-sync snapshot: the working tree carried the full 3.0.0-3.6.1 arc
(licensing/FileManager/DatabaseExplorer removal, all new replacement screens
and REST controllers) that had not been committed on this machine. Captured
here as a safety baseline before starting the Adminify-parity revamp.

Co-Authored-By: Claude Opus 4.8 <[email protected]>

app/src/components/ProgressBar.vue

@@ -0,0 +1,60 @@
+<script setup>
+import { computed } from 'vue';
+
+const props = defineProps({
+  // 0-100. When null, renders an indeterminate/pulsing bar instead of a
+  // determinate fill — used for phases with no cheap way to compute a
+  // percentage (e.g. "building the file list" before zipping starts).
+  percent: { type: Number, default: null },
+  label: { type: String, default: '' },
+});
+
+const clamped = computed(() => (props.percent === null ? null : Math.max(0, Math.min(100, props.percent))));
+</script>
+
+<template>
+  <div class="progress-bar">
+    <div v-if="label" class="progress-bar__label">{{ label }}</div>
+    <div class="progress-bar__track" :class="{ 'progress-bar__track--indeterminate': clamped === null }">
+      <div
+        v-if="clamped !== null"
+        class="progress-bar__fill"
+        :style="{ width: clamped + '%' }"
+      />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.progress-bar__label {
+  font-size: 0.8125rem;
+  color: var(--aurora-text-muted);
+  margin-bottom: 6px;
+}
+.progress-bar__track {
+  height: 8px;
+  border-radius: 999px;
+  background: var(--aurora-bg-subtle);
+  overflow: hidden;
+  position: relative;
+}
+.progress-bar__fill {
+  height: 100%;
+  border-radius: 999px;
+  background: var(--aurora-accent);
+  transition: width 0.3s ease;
+}
+.progress-bar__track--indeterminate::before {
+  content: '';
+  position: absolute;
+  top: 0; bottom: 0;
+  width: 40%;
+  border-radius: 999px;
+  background: var(--aurora-accent);
+  animation: progress-bar-indeterminate 1.2s ease-in-out infinite;
+}
+@keyframes progress-bar-indeterminate {
+  0% { left: -40%; }
+  100% { left: 100%; }
+}
+</style>

app/src/components/Toggle.vue

@@ -1,5 +1,5 @@
 <script setup>
-defineProps({
+const props = defineProps({
   modelValue: {
     type: Boolean,
     default: false,
@@ -8,13 +8,17 @@ defineProps({
     type: String,
     default: '',
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 defineEmits(['update:modelValue']);
 </script>
 
 <template>
-  <label class="toggle">
+  <label class="toggle" :class="{ 'toggle--disabled': disabled }">
     <span v-if="label" class="toggle__label">{{ label }}</span>
     <button
       type="button"
@@ -22,7 +26,8 @@ defineEmits(['update:modelValue']);
       :class="{ 'toggle__switch--on': modelValue }"
       role="switch"
       :aria-checked="modelValue"
-      @click="$emit('update:modelValue', !modelValue)"
+      :disabled="disabled"
+      @click="!disabled && $emit('update:modelValue', !modelValue)"
     >
       <span class="toggle__thumb" />
     </button>
@@ -59,6 +64,9 @@ defineEmits(['update:modelValue']);
   background: var(--aurora-accent);
 }
 
+.toggle--disabled { cursor: default; opacity: 0.55; }
+.toggle--disabled .toggle__switch { cursor: default; }
+
 .toggle__thumb {
   position: absolute;
   top: 0.15rem;