feat: add admin pricing workflow

Add the admin pricing observation and valuation form, secure valuation writes with CSRF, and extend authenticated browser coverage.

apps/web/src/pages/AdminHomePage.vue

@@ -9,6 +9,7 @@ import { createAdminListing, listAdminListings, markListingPending, publishAdmin
 import { createAdminSale, listAdminSales, voidAdminSale } from '@/services/admin-sale-service.js';
 import { createAdminAcquisition, listAdminAcquisitions } from '@/services/admin-acquisition-service.js';
 import { getAdminDashboard } from '@/services/admin-dashboard-service.js';
+import { addAdminPricingObservation, calculateAdminValuation } from '@/services/admin-pricing-service.js';
 
 const { principal } = useAuth();
 const products = ref([]);
@@ -17,6 +18,7 @@ const listings = ref([]);
 const sales = ref([]);
 const acquisitions = ref([]);
 const dashboard = ref(null);
+const valuations = ref({});
 const categories = ref([]);
 const conditions = ref([]);
 const isLoading = ref(true);
@@ -38,6 +40,10 @@ const acquisitionCost = ref('');
 const acquisitionShipping = ref('');
 const acquisitionTax = ref('');
 const acquisitionDate = ref(new Date().toISOString().slice(0, 10));
+const pricingInventoryId = ref('');
+const pricingProvider = ref('manual');
+const pricingSource = ref('');
+const pricingPrice = ref('');
 const voidReasons = ref({});
 
 function csrfToken() {
@@ -132,6 +138,19 @@ async function recordAcquisition() {
   finally { isSaving.value = false; }
 }
 
+async function calculatePricing() {
+  isSaving.value = true;
+  try {
+    const item = inventory.value.find(({ id }) => id === pricingInventoryId.value);
+    await addAdminPricingObservation({ productId: item.productId, inventoryItemId: item.id, providerId: pricingProvider.value, priceMinor: Number(pricingPrice.value), sourceIdentifier: pricingSource.value, conditionId: item.conditionId }, csrfToken());
+    const valuation = await calculateAdminValuation(item.id, csrfToken());
+    valuations.value = { ...valuations.value, [item.id]: valuation };
+    pricingSource.value = '';
+    pricingPrice.value = '';
+  } catch (requestError) { error.value = requestError; }
+  finally { isSaving.value = false; }
+}
+
 async function voidSale(saleId) {
   isSaving.value = true;
   try {
@@ -241,6 +260,21 @@ onMounted(load);
         <input id="acquisition-tax" v-model="acquisitionTax" class="fixture-input" type="number" min="0" />
         <button class="button button--primary" type="submit" :disabled="isSaving">Record acquisition</button>
       </form>
+      <form class="showcase-panel" @submit.prevent="calculatePricing">
+        <h2>Calculate market value</h2>
+        <label class="fixture-label" for="pricing-inventory">Inventory copy</label>
+        <select id="pricing-inventory" v-model="pricingInventoryId" class="fixture-input" required>
+          <option value="" disabled>Select a copy</option>
+          <option v-for="item in inventory" :key="item.id" :value="item.id">{{ item.id }}</option>
+        </select>
+        <label class="fixture-label" for="pricing-provider">Provider</label>
+        <input id="pricing-provider" v-model="pricingProvider" class="fixture-input" required />
+        <label class="fixture-label" for="pricing-source">Source identifier</label>
+        <input id="pricing-source" v-model="pricingSource" class="fixture-input" required />
+        <label class="fixture-label" for="pricing-price">Observed price (cents)</label>
+        <input id="pricing-price" v-model="pricingPrice" class="fixture-input" type="number" min="1" required />
+        <button class="button button--primary" type="submit" :disabled="isSaving">Add observation and calculate</button>
+      </form>
     </div>
 
     <section class="admin-list" aria-labelledby="products-title">
@@ -252,6 +286,9 @@ onMounted(load);
       <h2 id="inventory-title">Physical inventory</h2>
       <p v-if="!inventory.length && !isLoading" class="state state--empty">No physical copies yet.</p>
       <ul v-else><li v-for="item in inventory" :key="item.id" :data-product-id="item.productId"><span>{{ item.id }}</span> · {{ item.status }} <RouterLink :to="{ name: 'admin-image-manager', params: { id: item.id } }">Manage images</RouterLink></li></ul>
+      <ul v-if="Object.keys(valuations).length" aria-label="Market valuations">
+        <li v-for="(valuation, inventoryItemId) in valuations" :key="inventoryItemId">{{ inventoryItemId }} · Market value ${{ (valuation.valueMinor / 100).toFixed(2) }} · {{ valuation.confidence }} confidence · {{ valuation.sourceCount }} source{{ valuation.sourceCount === 1 ? '' : 's' }}</li>
+      </ul>
     </section>
     <section class="admin-list" aria-labelledby="listings-title">
       <h2 id="listings-title">Listings</h2>