diff --git a/apps/web/src/assets/styles/global.scss b/apps/web/src/assets/styles/global.scss index 6115311..20f5dfc 100644 --- a/apps/web/src/assets/styles/global.scss +++ b/apps/web/src/assets/styles/global.scss @@ -45,6 +45,7 @@ h1 { max-width: 760px; margin: var(--space-3) 0 var(--space-4); font-size: var(- .auth-panel h1 { font-size: var(--text-2xl); } .skip-link { position: absolute; left: var(--space-4); top: var(--space-2); z-index: 10; transform: translateY(-200%); background: var(--color-surface); color: var(--color-interactive-text); padding: var(--space-2) var(--space-4); border-radius: var(--radius-sm); } .skip-link:focus { transform: translateY(0); } +.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .admin-shell { display: grid; grid-template-columns: 260px 1fr; min-height: 100vh; background: var(--color-background); } .admin-sidebar { display: grid; align-content: start; gap: var(--space-6); border-right: var(--border-thin) solid var(--color-border); padding: var(--space-8); background: var(--color-surface); } .admin-sidebar h1 { font-size: var(--text-xl); } diff --git a/apps/web/src/pages/AdminInventoryPage.vue b/apps/web/src/pages/AdminInventoryPage.vue index 7eac22d..f116020 100644 --- a/apps/web/src/pages/AdminInventoryPage.vue +++ b/apps/web/src/pages/AdminInventoryPage.vue @@ -18,6 +18,7 @@ const inventoryTags = ref(''); const isLoading = ref(true); const isSaving = ref(false); const error = ref(''); +const announcement = ref(''); function csrfToken() { return document.cookie.split('; ').find((value) => value.startsWith('pokemon_inventory_csrf='))?.split('=')[1] ?? ''; @@ -46,6 +47,7 @@ async function archiveSelectedInventory() { const archivedById = new Map(archivedItems.map((item) => [item.id, item])); inventory.value = inventory.value.map((item) => archivedById.get(item.id) ?? item); selectedInventoryIds.value = []; + announcement.value = `${archivedItems.length} inventory item${archivedItems.length === 1 ? '' : 's'} archived.`; } catch (requestError) { error.value = requestError.message; } finally { @@ -61,6 +63,7 @@ async function refreshSelectedPricing() { const jobs = await refreshAdminInventoryPricing(selectedInventoryIds.value, 'fixture-provider', csrfToken()); pricingJobs.value = [...jobs, ...pricingJobs.value]; selectedInventoryIds.value = []; + announcement.value = `Pricing refresh queued for ${jobs.length} inventory item${jobs.length === 1 ? '' : 's'}.`; } catch (requestError) { error.value = requestError.message; } finally { @@ -82,6 +85,7 @@ async function updateSelectedTags(action) { ); inventoryTags.value = ''; selectedInventoryIds.value = []; + announcement.value = `Tags ${action === 'add' ? 'added to' : 'removed from'} selected inventory items.`; } catch (requestError) { error.value = requestError.message; } finally { @@ -95,6 +99,7 @@ async function retryPricingJob(jobId) { try { await retryAdminPricingJob(jobId, csrfToken()); pricingJobs.value = await listAdminPricingJobs(); + announcement.value = 'Pricing job retry requested.'; } catch (requestError) { error.value = requestError.message; } finally { @@ -111,6 +116,7 @@ onMounted(load);

Physical inventory

Loading inventory...

+

{{ announcement }}

All physical copies

diff --git a/docs/IMPLEMENTATION-STATUS.md b/docs/IMPLEMENTATION-STATUS.md index 5e720cd..bf2ea2c 100644 --- a/docs/IMPLEMENTATION-STATUS.md +++ b/docs/IMPLEMENTATION-STATUS.md @@ -268,6 +268,7 @@ Remaining roadmap areas are approved external provider credentials/adapters, bro - `ListingDetailPage`, `ProductDetailPage`, and `AdminImagePage` now have Storybook coverage. Adding it surfaced and fixed a color-contrast bug shared by all three: the "Back to catalog" link, pagination controls, and the selected image-gallery thumbnail were using the non-text-safe `--color-interactive` token instead of `--color-interactive-text`. - Per-item image limits are now enforced atomically for seller image creation and uploads, using `inventory.maxImagesPerItem` (default 10); concurrent inserts are serialized on the physical inventory item and return `IMAGE_COUNT_LIMIT_REACHED` at the configured cap. - Admin navigation now includes a keyboard-visible skip link to the main content region, with Storybook interaction coverage. +- Admin inventory bulk archive, pricing refresh, tag, and retry actions now announce successful outcomes through a polite live region. ## Local Commands