feat(web): typed error states for AVM v2 valuation page (cherry-pick of b6a5a2c)

- Map API 429/402/503 errors to Vietnamese banners (rate-limit,
  quota-exhausted, model-unavailable) via getValuationErrorMessage helper
  in dashboard/valuation/page.tsx.
- Error banner now carries role="alert" + data-testid="valuation-error"
  for a11y and Playwright test targeting.
- Add e2e/web/valuation.spec.ts covering happy-path render, rate-limit
  banner, and PDF export button visibility.

Partial cherry-pick of TEC-2736 — skipped the sibling commit 4ee0129
(image upload progress + AVM v2 form fields) because its v2 schema
additions (distanceToHospitalKm, floodZoneRisk, hasElevator, ...) are
not yet modelled in master's valuation-api.ts Zod schema. Parking on
the task/tec-2725 branch for later.

Also fix 3 DI regressions from earlier cherry-picks: the branches were
authored before the mass type-only import cleanup, so they brought back
`type LoggerService` (analytics) and `type EventBus` (auth) on DI
constructor params. Removed the `type` modifier so emitDecoratorMetadata
sees runtime references.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

e2e/web/valuation.spec.ts

@@ -0,0 +1,129 @@
+import { test, expect } from '@playwright/test';
+
+const mockValuationResult = {
+  id: 'val-e2e-1',
+  propertyType: 'APARTMENT',
+  area: 75,
+  district: 'Quận 1',
+  city: 'Ho Chi Minh',
+  estimatedPriceVND: 5_500_000_000,
+  priceRangeLow: 5_100_000_000,
+  priceRangeHigh: 5_900_000_000,
+  pricePerM2: 73_333_333,
+  confidence: 0.82,
+  modelVersion: 'avm-v2.0',
+  priceDrivers: [
+    { feature: 'area_m2', impact: 24.5, direction: 'positive' as const },
+    { feature: 'distance_to_cbd_km', impact: 12.3, direction: 'negative' as const },
+  ],
+  comparables: [
+    {
+      id: 'c1',
+      listingId: 'l1',
+      propertyType: 'APARTMENT',
+      area: 72,
+      district: 'Quận 1',
+      pricePerM2: 74_500_000,
+      priceVnd: 5_364_000_000,
+      distanceKm: 0.8,
+      publishedAt: '2026-03-12T00:00:00Z',
+    },
+  ],
+  modelPredictions: [
+    { modelName: 'xgboost', weight: 0.6, predictedPriceVnd: 5_500_000_000, predictedPricePerM2Vnd: 73_333_333 },
+    { modelName: 'lightgbm', weight: 0.4, predictedPriceVnd: 5_480_000_000, predictedPricePerM2Vnd: 73_066_666 },
+  ],
+  ensembleMethod: 'weighted_average',
+  createdAt: '2026-04-18T00:00:00Z',
+};
+
+const mockHistory = { data: [], total: 0, page: 1, totalPages: 1, limit: 10 };
+
+async function setupMocks(page: import('@playwright/test').Page) {
+  await page.route('**/auth/me', (route) =>
+    route.fulfill({
+      status: 200,
+      contentType: 'application/json',
+      body: JSON.stringify({ id: 'u1', email: 'e2e@test.vn', fullName: 'E2E User', role: 'USER' }),
+    }),
+  );
+  await page.route('**/analytics/valuation/history**', (route) =>
+    route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockHistory) }),
+  );
+  await page.route('**/analytics/valuation', (route) => {
+    if (route.request().method() === 'POST') {
+      return route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify(mockValuationResult),
+      });
+    }
+    return route.continue();
+  });
+}
+
+test.describe('AVM v2 Valuation Page', () => {
+  test('submit form -> render result card with confidence + price range', async ({ page }) => {
+    await setupMocks(page);
+    await page.goto('/vi/dashboard/valuation');
+
+    await page.locator('#propertyType').selectOption('APARTMENT');
+    await page.locator('#district').fill('Quận 1');
+    await page.locator('#area').fill('75');
+
+    await page.getByRole('button', { name: /Định giá ngay/i }).click();
+
+    const results = page.locator('#valuation-results');
+    await expect(results).toBeVisible();
+    await expect(results).toContainText('5.500.000.000');
+    await expect(results).toContainText('Độ tin cậy cao');
+    await expect(results).toContainText('avm-v2.0');
+  });
+
+  test('renders rate-limit error state on HTTP 429', async ({ page }) => {
+    await page.route('**/auth/me', (route) =>
+      route.fulfill({
+        status: 200,
+        contentType: 'application/json',
+        body: JSON.stringify({ id: 'u1', email: 'e2e@test.vn', fullName: 'E2E User', role: 'USER' }),
+      }),
+    );
+    await page.route('**/analytics/valuation/history**', (route) =>
+      route.fulfill({ status: 200, contentType: 'application/json', body: JSON.stringify(mockHistory) }),
+    );
+    await page.route('**/analytics/valuation', (route) => {
+      if (route.request().method() === 'POST') {
+        return route.fulfill({
+          status: 429,
+          contentType: 'application/json',
+          body: JSON.stringify({ message: 'Too many requests' }),
+        });
+      }
+      return route.continue();
+    });
+
+    await page.goto('/vi/dashboard/valuation');
+    await page.locator('#propertyType').selectOption('APARTMENT');
+    await page.locator('#district').fill('Quận 1');
+    await page.locator('#area').fill('75');
+    await page.getByRole('button', { name: /Định giá ngay/i }).click();
+
+    const alert = page.getByTestId('valuation-error');
+    await expect(alert).toBeVisible();
+    await expect(alert).toContainText('Quá nhiều yêu cầu');
+  });
+
+  test('export PDF button is visible after a successful valuation', async ({ page }) => {
+    await setupMocks(page);
+    await page.goto('/vi/dashboard/valuation');
+
+    await page.locator('#propertyType').selectOption('APARTMENT');
+    await page.locator('#district').fill('Quận 1');
+    await page.locator('#area').fill('75');
+    await page.getByRole('button', { name: /Định giá ngay/i }).click();
+
+    await expect(page.locator('#valuation-results')).toBeVisible();
+    // Export PDF button (uses Download icon + label)
+    await expect(page.getByRole('button', { name: /Xuất PDF|Export PDF|Tải PDF/i })).toBeVisible();
+  });
+});