feat: connect admin image workflow

apps/web/src/components/organisms/AdminImageManager.stories.js

@@ -12,6 +12,7 @@ export default { title: 'Organisms/AdminImageManager', component: AdminImageMana
 export const Completed = { args: { images, processingStatus: 'COMPLETED' } };
 export const Processing = { args: { images, processingStatus: 'PROCESSING' } };
 export const Failed = { args: { images, processingStatus: 'FAILED', errorMessage: 'Derivative generation failed.' } };
+export const Saving = { args: { images, processingStatus: 'COMPLETED', isSaving: true } };
 
 export const EditAltTextWithKeyboard = {
   args: { images, processingStatus: 'COMPLETED' },

apps/web/src/components/organisms/AdminImageManager.vue

@@ -9,6 +9,7 @@ const props = defineProps({
   images: { type: Array, required: true },
   processingStatus: { type: String, default: 'COMPLETED' },
   errorMessage: { type: String, default: '' },
+  isSaving: { type: Boolean, default: false },
 });
 const emit = defineEmits(['reorder', 'primary', 'alt-text', 'retry', 'delete']);
 const altText = ref(props.images.find((image) => image.isPrimary)?.altText ?? '');
@@ -39,6 +40,7 @@ function saveAltText() {
 
     <ImageGallery :images="orderedImages" />
 
+    <p v-if="isSaving" class="state state--loading" role="status">Saving image changes...</p>
     <div class="admin-image-manager__controls">
       <div class="admin-image-manager__row">
         <ConditionBadge :label="orderedImages.find((image) => image.isPrimary)?.altText || 'Primary image'" :selected="true" />