31 Commits

Author	SHA1	Message	Date
Ho Ngoc Hai	7d6fcb4d8d	feat(web): design tokens, Tailwind config, base components (TEC-3057) ... - Add chart palette, motion, and z-index CSS vars to globals.css - Replace custom theme-provider with next-themes (dark default) - Extend tailwind.config.ts with heading fonts, spacing (row-compact, row-roomy, sidebar), chart colors, elevation shadows, glow shadows, transition timing, pill border-radius, z-index scale - Update tick-flash animations to match design token spec (480ms) - Add prefers-reduced-motion support for all animations - Create base design-system components: Surface, SurfaceElevated, Divider, DensityProvider/useDensity, Numeric (VND/percent/compact formatting), Signal (up/down/neutral pill) - Add dev-only /dev/tokens showcase route (404 in production) - Update theme-provider tests to match next-themes integration Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-21 03:19:40 +07:00
Ho Ngoc Hai	d6d7584677	feat(web): wire TickerStrip + status bar role into DashboardLayout (TEC-3047) ... - Import TickerStrip vào dashboard layout, truyền vào DashboardLayout.ticker - Thêm placeholder top-8 quận với TODO comment chờ /analytics/districts API - Thêm role="status" aria-live="polite" vào status bar div trong DashboardLayout - 8 Vitest unit tests cho DashboardLayout: role=banner, role=status, ticker, sidebar collapse/expand width, main content (tất cả pass) Note: listings.spec.tsx failure là pre-existing trên HEAD, không liên quan TEC-3047. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-21 01:47:25 +07:00
Ho Ngoc Hai	9bb4c42f84	feat(web): listings page — ticker-style DataTable với toggle card view ... Tạo mới trang /listings dạng bảng ticker-style theo spec TEC-3034. - DataTable compact (row 36px, sticky header, alternating rows) - Cột: #, Mã (GG-xxx), Quận, Loại, Giá, Δ30d, DT m², KL/Views - Sortable theo Giá, Δ30d, DT m², KL/Views - Filter inline: Loại giao dịch, Loại BĐS, Quận, Khoảng giá - Toggle view: Table (default) ↔ Card grid (legacy component cũ) - Pagination restyle compact, giữ nguyên API params - Click row → navigate to detail page - Dùng DataTable + PriceDelta từ @/components/design-system Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-21 01:31:22 +07:00
Ho Ngoc Hai	33a5ff407b	feat(auth): add DEVELOPER + PARK_OPERATOR roles with owner scoping (B2B accounts) ... Two new B2B roles for CĐT (project developers) and KCN operators, provisioned by admin. Each account owns a subset of ProjectDevelopment / IndustrialPark records and can CRUD them from the dashboard; admin retains full access. Phase 1 — Schema - Extend UserRole enum with DEVELOPER + PARK_OPERATOR (before ADMIN) - ProjectDevelopment.ownerId FK (User, ON DELETE SET NULL) + index - IndustrialPark.ownerId FK + index - Migration 20260420030000 Phase 2a — Backend authorization - CreateProjectCommand + CreateIndustrialParkCommand accept ownerId; controllers auto-set it to the caller's user id when role=DEVELOPER / PARK_OPERATOR - Update + Delete commands gain (requesterUserId, requesterRole) and enforce ADMIN-or-owner via ForbiddenException; reassigning ownerId is admin-only - Search params gain optional ownerId filter wired through Prisma repos - New endpoints: GET /projects/mine/list, GET /industrial/parks/mine/list - user-rate-limit guard: add DEVELOPER + PARK_OPERATOR entries (300/window) Phase 2b — Admin provision - ProvisionDeveloperCommand/Handler: create user (role=DEVELOPER), pre-validate target projects have no existing owner, batch-assign ownerId - ProvisionParkOperatorCommand/Handler: same for PARK_OPERATOR + IndustrialPark - POST /admin/accounts/developers, POST /admin/accounts/park-operators (admin-only) - DTOs with phone/password/fullName/email + optional {project,park}Ids[] Phase 2c — Project stats for developer dashboard - GetProjectStatsQuery + handler: aggregates linkedListingCount, activeListingCount, totalInquiries, unreadInquiries, savedByUsers via Property → Listing → Inquiry chain - GET /projects/:id/stats — admin sees all, DEVELOPER only their own (403 otherwise) Phase 3 — Frontend - Dashboard layout role-aware: DEVELOPER sees "Dự án của tôi" + CRM + Profile (hides listings/analytics/subscription); PARK_OPERATOR sees "KCN của tôi" equivalent - /projects dashboard page switches to duAnApi.searchMine() when role=DEVELOPER - /industrial-parks page switches to industrialApi.searchMine() when role=PARK_OPERATOR - Admin nav gains "Tài khoản CĐT" + "Tài khoản KCN" entries - New pages /admin/accounts/developers + /admin/accounts/park-operators with checkbox-based multi-select for linking entities - adminApi.provisionDeveloper + provisionParkOperator + types - duAnApi.searchMine + getStats; industrialApi.searchMine - Login demo accounts list includes CĐT Vingroup + KCN VSIP Phase 4 — Seed (prisma/seed-b2b-accounts.ts) - DEVELOPER "CĐT Vingroup" (+84912000001) owns 4 projects - DEVELOPER "CĐT Masterise Homes" (+84912000003) owns 2 projects - PARK_OPERATOR "Vận hành KCN VSIP" (+84912000002) owns 2 seeded KCN - Password Velik@2026 for all Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-20 22:12:16 +07:00
Ho Ngoc Hai	dd3ad4aeca	feat(projects): bring residential-project detail to parity with listings (4 phases) ... Phase 1 — live POI + neighborhood score on project detail - du-an-detail-client fetches `/analytics/pois/nearby` + `/analytics/neighborhoods/:district/score` - Falls back to admin-entered `project.pois` / `neighborhoodScores` when endpoint returns nothing - Adds total-score badge next to the radar chart (matches listings) Phase 2 — project personas derivation (`lib/project-personas.ts`) - Derives 8 personas from project-specific signals: property-type mix, amenity keywords, developer reputation, completion timing, status, live score + POIs - Merges admin-authored `suitableFor` chips (badged "Chủ đầu tư chọn") with derived chips - `composeWhyThisProject()` narrative used as fallback when admin hasn't authored one; badged "Tự động tổng hợp" so users know it's derived Phase 3 — AI advisor for projects - Extract shared Anthropic transport + JSON parsers to `analytics/application/queries/_shared/ai-json-client.ts` (dual auth: x-api-key + Bearer for proxy gateways) - Refactor `GetListingAiAdviceHandler` to use the shared client - New `GetProjectAiAdviceHandler` (CQRS) pulls project detail + optional POIs + score, builds project-flavored prompt, returns `{ advice: { summary, pros, cons, suitableFor } }`. No valuation block — project price is a range, not a single unit. - `POST /analytics/projects/:id/ai-advice` endpoint (JWT-guarded) - `ErrorCode.PROJECT_NOT_FOUND` added - Frontend: `ProjectAiAdviceCard` mirrors listings card minus valuation, with loading / not-configured (503) / error states; dedupes AI-suggested personas against existing chips Phase 4 — Mapbox LocationPicker in project create form - New project page now renders `<LocationPicker>` with Vietnam-scoped geocoder; click / drag / search autofills lat+lng and (when empty) address/ward/district/city - Edit page notes location immutability — backend `UpdateProjectCommand` does not yet accept lat/lng/address mutations (follow-up needed to enable editing coords) Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-20 17:53:19 +07:00
Ho Ngoc Hai	283984b2f2	feat(listings): Mapbox location picker in create + edit forms ... User feedback: typing lat/lng by hand is painful — wire a real map picker. New component apps/web/components/map/location-picker.tsx: - Mapbox map with theme-synced style (uses useMapboxStyle). - Draggable primary marker (custom pin, inner-wrapped so Mapbox's translate isn't clobbered — follows the hover-fix pattern we shipped last commit). - Click anywhere on the map → marker jumps + onChange fires. - Dragend → onChange fires. - Search box using Mapbox Geocoding API (/geocoding/v5/mapbox.places) scoped to country=vn, language=vi, limit=5, debounced 350ms with AbortController. Clicking a suggestion centers the map + fills the resolved { address, ward, district, city } from feature.context. - Graceful fallback when NEXT_PUBLIC_MAPBOX_TOKEN is missing. - Inline help "Nhấp vào bản đồ hoặc kéo pin để chọn vị trí". StepLocation (listing-form-steps.tsx): - New optional `setValue` + `watch` props. When both are passed the picker renders and wires lat/lng (+ address/ward/district/city from geocoder) into the form. Without them, the Step falls back to the manual-only layout (kept for callers that don't want the picker). - Dynamic-import the picker with ssr:false so mapbox-gl stays out of the server bundle. Wired into: - /listings/new page — picker enabled on Step 2 (Vị trí). - /listings/[id]/edit page — picker enabled on the Location tab, with latitude/longitude now hydrated from property.latitude/longitude. Test fixture update: listing-form-steps.spec.tsx no longer asserts the placeholder string — instead verifies the lat/lng inputs still render when the picker is absent (setValue not supplied), matching the new opt-in contract. Verification - Typecheck clean across touched files. - 624 / 624 web tests pass. - Preview smoke: /listings/<id>/edit → Vị trí tab renders map + draggable pin + search, lat/lng prefilled from listing data. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 17:55:26 +07:00
Ho Ngoc Hai	6b783c357d	feat(listings+projects): wire listing PATCH + project rich content parity ... Two CRUD/parity gaps closed: Listings edit — PATCH was dead-ended at the frontend ---------------------------------------------------- Backend PATCH /listings/:id existed and accepted Phase B fields but the dashboard edit page was read-only with a disclaimer stub. Now: - listings-api.ts exports UpdateListingPayload (Partial<CreatePayload>) and listingsApi.update(id, data). - /listings/[id]/edit/page.tsx wires handleSubmit → maps the form to UpdateListingPayload (coerces numerics, splits CSV amenities/view/ suitableFor, normalises petFriendly 3-way select), calls update, shows green success banner or red error banner. Removed the disclaimer text. - Form footer now has Huỷ + Lưu thay đổi buttons. Projects rich content — parity with Phase B listings --------------------------------------------------- Same "Phù hợp với ai / Vì sao nên chọn dự án này" pattern now on project detail. Schema - ProjectDevelopment: suitableFor String[] @default([]) + whyThisLocation String? @db.Text. Migration 20260419100000 applied via db:push. Backend - CreateProjectDto / UpdateProjectDto pick up optional suitableFor + whyThisLocation (MaxLength 2000). - CreateProjectCommand / UpdateProjectCommand append the two trailing args; handlers forward them. - ProjectDevelopment entity carries the props + updateDetails branches. - ProjectListItem (inherited by ProjectDetailData) exposes both. - Prisma repo writes them on raw INSERT/UPDATE and reads them in toDomain + toListItem. Controller passes dto → commands. Frontend - du-an-api.ts: ProjectDetail / CreateProjectPayload / UpdateProjectPayload gain suitableFor + whyThisLocation. duAnApi exports create / update / delete (already landed earlier, now in sync with the new fields). - du-an-server.ts normalizer pulls the two fields safely (filter strings, default empty array / null). - Dashboard /projects/new + /projects/[id]/edit: new "Phù hợp & lý do khu vực" form section (CSV split + 2000-char textarea). Submit handlers forward to create/update payloads. - Public /du-an/[slug] detail (du-an-detail-client.tsx): two new cards just below the quick-stats grid — * ProjectPersonaFitCard: chips for each suitableFor label with a "Chủ đầu tư chọn" badge (bg-primary/10), plus a disabled <Button><Sparkles /> AI nhận định dự án (sắp ra mắt)</Button> teaser with a TODO pointing to a future project-AI advisor endpoint. * ProjectWhyLocationCard: renders whyThisLocation in whitespace-pre-wrap; skipped when the field is empty. Verification - API typecheck clean; 1975/1975 tests pass. - Web typecheck clean in touched files; 624/624 tests pass. - Lucide-only icons; Vietnamese labels; no new npm packages; runtime imports preserved for NestJS-DI classes. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 16:33:54 +07:00
Ho Ngoc Hai	593d1594bd	refactor(web): replace emoji icons with lucide-react across the app ... User directive: avoid emojis for UI chrome; keep the icon language consistent with the rest of the design system (shadcn + lucide-react). Swaps ----- - lib/listing-personas.ts — Persona emojis (👨‍👩‍👧🏡🚇🧑‍💻🌳📈🛡️🏥) → Lucide icons (Baby, Home, TrainFront, Laptop, Trees, TrendingUp, Shield, HeartPulse). Persona type now carries `icon: LucideIcon`. - components/neighborhood/types.ts — POI_CATEGORY_CONFIG emojis (🏫🏥🚇🛒🍽️🌳) → Lucide (GraduationCap, Stethoscope, TrainFront, ShoppingBag, UtensilsCrossed, Trees). Config type tightened to `icon: LucideIcon`. - components/neighborhood/neighborhood-poi-map.tsx — filter pills now render <config.icon h-3.5 w-3.5>. Map markers were text-emoji (el.textContent = config.icon); replaced with hard-coded inline SVG strings per category (POI_MARKER_SVG) since lucide-static isn't installed. Marker bumped 28px → 32px for larger hit target. Popup now shows only the property name + category label (no emoji prefix). closeButton: true + closeOnClick: true for better dismissibility. - listing-detail-client.tsx — PersonaFitCard now renders <p.icon h-4 w-4 aria-hidden>. - transfer / chuyen-nhuong files — category icons (🛋️🧊🖥️🍳🛍️🏠) migrated to Lucide (Sofa, Refrigerator, Monitor, ChefHat, Store, Home) with type `icon: LucideIcon`. - Small replacements: inquiries page 📭 → Inbox; kyc page ✓ → Check. POI popup click fix ------------------- The inner SVG inside each POI marker was capturing pointer events before Mapbox's marker-click handler saw them, so clicking a marker did nothing. Explicit `innerSvg.style.pointerEvents = 'none'` lets clicks reach the wrapping .poi-marker div that setPopup() is bound to. Verified via DOM dispatch: click → popup opens with property name + category + distance + × close. Verification ------------ - Grep across the 4 scoped files for emoji code points → 0 hits. - pnpm -w test: 624/624 green. - Typecheck: no new errors in touched files. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 16:01:13 +07:00
Ho Ngoc Hai	88429a1e51	feat(listings): phase B — rich property fields + admin-authored personas ... Schema (prisma/migrations/20260419000000_property_rich_fields) -------------------------------------------------------------- New Prisma enums: - Furnishing: FULLY_FURNISHED / BASIC_FURNISHED / UNFURNISHED - PropertyCondition: NEW / LIKE_NEW / RENOVATED / USED New Property columns (all optional / default empty, no data loss): - furnishing, propertyCondition — enums above - balconyDirection — reuses existing Direction enum - maintenanceFeeVND BigInt (phí quản lý/tháng) - parkingSlots Int - viewType String[] (e.g. ["Sông","Thành phố"]) - petFriendly Boolean (null = unknown) - suitableFor String[] — admin-chosen persona labels - whyThisLocation Text — admin narrative Backend wiring end-to-end ------------------------- - Create/Update DTOs: @IsEnum/@IsString/@IsNumber/@IsBoolean/@IsArray validators; maintenanceFeeVND accepted as a numeric string, cast to BigInt on the way to Prisma. whyThisLocation capped at 2000 chars. - Introduced a small `PropertyExtras` interface on the create/update commands so the constructor signature stays readable instead of ballooning to 30+ positional args. Handlers forward it to the repo. - Prisma property repository writes all new columns via raw SQL INSERT/UPDATE and reads them on findById. - ListingDetailData + findByIdWithProperty expose the 9 new fields (maintenanceFeeVND serialised as decimal string to avoid BigInt JSON). Frontend -------- - listings-api.ts: ListingDetail.property + CreateListingPayload carry the 9 new fields; Furnishing + PropertyCondition exported as string unions. - validations/listings.ts: zod schema extended; FURNISHING_OPTIONS, PROPERTY_CONDITION_OPTIONS, VIEW_TYPE_OPTIONS label arrays added in the existing DIRECTIONS style (Vietnamese labels). - listing-form-steps.tsx StepDetails: new "Nội thất & điều kiện" fieldset with selects/inputs for each field. viewType + suitableFor are comma-separated text (same convention as amenities). petFriendly is a 3-way select (không chọn / Có / Không). - new/page.tsx + [id]/edit/page.tsx: submit handlers split CSV inputs into arrays, coerce petFriendly, prune empty selects. - listing-detail-client.tsx Details card: new rows for furnishing, propertyCondition, balconyDirection, maintenanceFeeVND (VND formatted), parkingSlots, viewType (joined · ), petFriendly (Cho phép / Không cho phép / hide when null). - PersonaFitCard now takes the listing directly and MERGES admin suitableFor (rendered first with a "Người đăng chọn" badge in primary accent) with the derived personas (deduped by label). When whyThisLocation is non-empty it overrides the derived narrative. Tests ----- - listing-detail-client.spec.tsx fixture gains all 9 nullable/empty defaults. - listing-form-steps.spec.tsx direction-options duplication fixed. - pnpm --filter @goodgo/api test --run: 1975/1975 pass. - pnpm --filter @goodgo/web test --run: 624/624 pass. Phase B of 4. Next: Phase E AI advisor via Anthropic Opus (URL+key to be provided by the user). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 15:08:04 +07:00
Ho Ngoc Hai	dfc01c3bee	fix: align Project status enum to Prisma + cascade child records on listing delete ... Project status was declared on the frontend as UPCOMING/SELLING/HANDOVER/COMPLETED but the Prisma enum ProjectDevelopmentStatus is PLANNING/UNDER_CONSTRUCTION/HANDOVER/ COMPLETED — CREATE failed with "status must be one of …". Aligned the TypeScript union + PROJECT_STATUS_LABELS/COLORS, filter options on /projects list, and both new + edit forms. Updated the normalizeProjectDetail fallback and the du-an test spec to match. Listings DELETE was blocked by FK references (Inquiry, SavedListing, PriceHistory, Order, Transaction have no onDelete: Cascade in schema). Wrapped the Prisma listing delete in a $transaction that removes the child rows first, then the listing itself, so CRUD from the dashboard actually lands instead of returning "Referenced record does not exist". Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 13:36:46 +07:00
Ho Ngoc Hai	ba0bf97426	feat: dashboard CRUD for Projects + Industrial Parks, listings delete, BĐS homepage card ... Backend — DELETE endpoints (hard delete, ADMIN or owner): - DELETE /projects/:id (Admin) — new DeleteProjectCommand/Handler, repository.delete() adapter, module wiring. - DELETE /industrial/parks/:id (Admin) — same pattern. - DELETE /listings/:id (JWT + owner-or-Admin check in handler). Frontend — API clients: - lib/du-an-api.ts: add create/update/delete + CreateProjectPayload, UpdateProjectPayload types. - lib/khu-cong-nghiep-api.ts: add createPark/updatePark/deletePark + Create/Update payload types. - lib/listings-api.ts: add delete(). Dashboard pages — new: - /projects (Quản lý dự án): list with filters + edit/delete actions, /projects/new form (sectioned Cards, zod-validated), /projects/[id]/edit with danger-zone delete. - /industrial-parks (Quản lý KCN): same triad. Fix occupancy-rate display (percentage already 0-100, no need to *100). Dashboard listings page: - Add Edit/Delete row actions with confirm + useMutation; error banner on mutation failure. Table view gains a "Thao tác" column; list view gains a footer action bar below each card. Dashboard nav: - Catalog group: /du-an → /projects (Quản lý dự án), /khu-cong-nghiep → /industrial-parks (Quản lý KCN). Desktop primaryNav updated too. Public homepage: - Add "Bất động sản" as a 5th feature card/tab → /search, using listingsApi for the "Featured listings" section. - Bump grid to lg:grid-cols-5, update features subtitle copy ("Năm/Five core services"). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 10:37:33 +07:00
Ho Ngoc Hai	2f07b374d9	feat(web): dashboard gets Dự án + KCN nav; listings pages use list layout ... Three asks after a walk-through of the dashboard: 1. Dashboard navigation was missing direct entry points to the two catalog surfaces (Dự án, Khu Công Nghiệp) even though both exist at /du-an and /khu-cong-nghiep. Users landing in the dashboard had to go back out to the public header to reach them. 2. The "Tin đăng" (dashboard listings) page defaulted to a 3-column grid which shows only a handful of properties per viewport. Scanning many listings at once is easier as a vertical list of horizontal rows. 3. The public /search results used the same 3-column grid via PropertyCard. Asked to flip to list there too. Changes - (dashboard)/layout.tsx: new `catalogs` nav group with Building2 + Factory icons pointing at /du-an and /khu-cong-nghiep. Primary desktop nav also exposes both so they're reachable without opening the hamburger. Uses existing `nav.projects` / `nav.industrialParks` i18n keys plus a new `dashboard.catalogs` label in vi/en. - (dashboard)/listings/page.tsx: default viewMode flipped from 'grid' to 'list'. The list mode renders a horizontal row per listing (thumbnail + title/location + price + badges + engagement counters) inside an <ul>. Toggle button relabelled "Danh sách". - components/search/search-results.tsx + property-card.tsx: add a `layout?: 'card' | 'list'` prop to PropertyCard. When `list`, the card renders as a horizontal row with 224px thumbnail on sm+, stacked on mobile. SearchResults wraps items in a <ul><li> and asks for list layout. Default card layout preserved so other callers (compare, related, etc.) keep their vertical card view. No API / DB changes. Typecheck clean for the touched surfaces. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 09:49:51 +07:00
Ho Ngoc Hai	ad8577e2bd	fix(web): stop flooding console with 401 ApiError during initial load ... Five compounding problems caused hundreds of "Console ApiError: Unauthorized" entries on every load of /dashboard (and friends) while unauthenticated or while the auth cookie was stale: 1. QueryClient had `throwOnError: true` as a blanket default, so every 401 from any react-query hook propagated to the nearest error boundary instead of staying in the query's `error` state. That also invited React to re-render and re-fire the boundary multiple times per failing query. 2. React Query retried all failures 3 times with exponential backoff, so a single 401 became four requests. 401 isn't fixable by retry, so this is just noise. 3. Dashboard layout rendered `<NotificationBell />` unconditionally, which polled /notifications/unread-count on mount even when no user was signed in → 401 on every mount. 4. Dashboard + Admin layouts had no redirect-to-login guard, so protected queries (market-report, heatmap, admin/dashboard, …) all mounted and fired against the API before the user ever saw the login screen. 5. Admin layout waited on `user` but had no way to distinguish "store still initialising" from "user genuinely absent" — so an expired cookie left the page stuck on a spinner while the same 401 storm played out in the background. Fixes - query-client.ts: `throwOnError` and `retry` are now predicates. Only 5xx / network errors bubble to boundaries and are retried; 4xx (auth, validation, not-found) stay in query error state so the component can render an empty/auth placeholder. - auth-store.ts: new `isInitialized` flag set in a finally block at the end of `initialize()`. Downstream guards use it to distinguish "still booting" from "definitely logged out". - (dashboard)/layout.tsx: redirects to /login?next=<path> once initialised and unauthenticated, and renders a lightweight loading screen in the meantime so child queries never mount. - (admin)/layout.tsx: same guard. Non-ADMIN logged-in users still bounce to /dashboard. - notification-bell.tsx: short-circuits `fetchUnreadCount` when `isAuthenticated` is false. Verified in dev: visiting /vi/dashboard unauthenticated now redirects to /login?redirect=/dashboard with zero console errors and no /analytics/… calls to the backend. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-04-19 09:41:35 +07:00
Ho Ngoc Hai	58b0e6ba12	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>	2026-04-19 06:31:50 +07:00
Ho Ngoc Hai	5d4ecdeb2f	feat(web): AVM v2 upgraded valuation dashboard (TEC-2763) ... R5.4 ships the upgraded AVM UI behind the `avm_v2` A/B flag. When the flag is on, the dashboard exposes: - Tab switch between single valuation and multi-property compare - Waterfall drivers chart (ValueDriversChart) alongside the existing horizontal bar breakdown - Mapbox comparables map with similarity-coloured markers and an optional highlighted subject pin - Confidence interval + range bar and PDF export remain available - Valuation history chart surface unchanged (still lazy-loaded) Flag plumbing (useAvmV2Flag): - NEXT_PUBLIC_FEATURE_AVM_V2=1 enables by default - `?avm_v2=1|0` URL param forces + persists to localStorage - safe localStorage handling (no throw when storage is blocked) Tests: comparables-map, value-drivers-chart, use-avm-v2-flag specs added. Pre-existing "Yếu tố chính" assertion in valuation-results.spec updated to match the current copy ("Yếu tố ảnh hưởng giá") so the valuation suite is green (7 files, 52 tests). Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-18 15:05:46 +07:00
Ho Ngoc Hai	78e46a024b	feat(web): enhance KYC upload with validation, previews, test ids ... - Add file type (JPG/PNG/WEBP/PDF) and 5MB size validation - Show image previews with cleanup of object URLs - Add data-testid attributes on inputs, buttons, previews, alerts for E2E - Improve error messaging for expired/failed presigned uploads (403 vs other) - Guard step 2->3 advance when front image missing Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-18 00:06:13 +07:00
Ho Ngoc Hai	7ce651fce5	feat(web): add khu-cong-nghiep, chuyen-nhuong, and reports pages ... Add three new frontend page sections: - Industrial parks (khu-cong-nghiep): listing, detail, filter bar - Transfer listings (chuyen-nhuong): search, category tabs, detail - AI reports dashboard: list, create, viewer with TOC Includes components, API clients, hooks, server helpers, i18n keys, navigation links in public and dashboard layouts, and lint fixes. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-16 09:07:45 +07:00
Ho Ngoc Hai	8da488711b	feat(analytics): AVM v2 batch valuation, comparison, history + frontend upgrade ... Add batch valuation (POST /analytics/valuation/batch, max 50 properties), valuation comparison (POST /analytics/valuation/compare, 2-5 properties), and history endpoint (GET /analytics/valuation/history/:propertyId) with confidence explanation helper. Frontend: enhanced valuation form with project autocomplete and deep analysis toggle, results with confidence badges and price range visualization, comparables table, history chart, market context card, and PDF export. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-16 05:08:05 +07:00
Ho Ngoc Hai	8f8e20f4c0	feat(auth): implement KYC upload with presigned URLs and multi-step form ... Backend: - GenerateKycUploadUrls command — presigned MinIO URLs (5-min expiry), MIME validation (JPEG/PNG/WebP), unique object keys per user - SubmitKyc command — stores document type, number, and image URLs in kycData JSON field, updates kycStatus to PENDING - POST /auth/kyc/upload-urls and POST /auth/kyc/submit endpoints Frontend: - 3-step KYC form: document info → image upload → review - Direct client-to-MinIO upload via presigned URLs with progress tracking - Status-aware UI (NONE/PENDING/VERIFIED/REJECTED) Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-16 02:37:10 +07:00
Ho Ngoc Hai	4400d0c123	feat: add real-time notification system with Socket.IO client ... Implements the frontend notification client for TEC-2217: 1. notifications-api.ts — API client for list, unread-count, markAsRead, markAllAsRead endpoints 2. notifications-store.ts — Zustand store for notification state (recent list, unread count, dropdown open state) 3. use-socket-notifications.ts — Socket.IO hook that connects with httpOnly cookie auth, listens for notification:new events, auto-reconnects, and syncs unread count on (re)connect 4. notification-bell.tsx — Bell icon with unread badge + dropdown showing 10 most recent notifications with time-ago formatting, mark-as-read on click, mark-all-as-read, and "Xem tất cả" link 5. notifications-provider.tsx — Provider wired into locale layout (inside AuthProvider) to initialize Socket.IO connection 6. Dashboard header — NotificationBell placed before LanguageSwitcher Added socket.io-client dependency. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-16 02:24:21 +07:00
Ho Ngoc Hai	ccfc176e40	fix: valuation page Vietnamese diacritics, correct API routes, update tests ... - Add proper Vietnamese diacritics to all valuation components (form, results, history) and their test assertions - Fix valuation API client to use /analytics/valuation endpoint - Return empty history gracefully (no server endpoint yet) Co-Authored-By: Claude Opus 4 (1M context) <noreply@anthropic.com>	2026-04-13 12:03:47 +07:00
Ho Ngoc Hai	a9fa214544	feat: comprehensive seed, Lucide icons, grouped dashboard nav, API fixes ... - Rewrite prisma/seed.ts to populate all 27 models with realistic Vietnamese real estate data (8 users with login, 10 properties, 10 listings, orders, payments, reviews, notifications, etc.) - Replace all emoji icons with Lucide React SVG icons across frontend for consistent rendering, sizing, and accessibility - Redesign dashboard nav: grouped sidebar with section headers, primary/secondary split on desktop, icon-only secondary items - Replace language switcher flag emoji with Globe icon - Replace SVG theme toggle with Lucide Moon/Sun icons - Fix API startup: graceful fallback for Sentry profiling, Google OAuth, and Zalo OAuth when credentials are not configured - Relax rate limiting in development mode (10k req/min) - Fix listings API to include media[] array in search response - Add optional chaining for property.media across frontend components - Update OAuth strategy tests to match graceful fallback behavior Co-Authored-By: Claude Opus 4 (1M context) <noreply@anthropic.com>	2026-04-13 11:13:04 +07:00
Ho Ngoc Hai	db7147a95d	feat: add pricing checkout flow, MFA type fixes, and Wave 13 audit docs ... - Pricing page: enhanced with checkout modal integration, plan comparison table, and subscription funnel - Payment return page: new VNPay/MoMo callback handler - Subscription components: new checkout-modal with payment method selection (VNPay, MoMo, ZaloPay) - API modules: type-safe PII encryption, improved error handling in MFA/auth/payments/analytics/search/notifications modules - Audit docs: comprehensive Wave 13 platform assessment, pricing audit, production readiness checklist - Updated PROJECT_TRACKER with Wave 13 status Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-12 20:17:11 +07:00
Ho Ngoc Hai	51c4ecbf4e	fix(web): resolve 7 TypeScript errors and 2 failing test files ... Add vitest/globals types to web tsconfig to fix TS2593 errors in 7 test files. Fix pricing and subscription test mocks to include all required lucide-react icons and module dependencies (payment-api, auth-store, next-intl, i18n/navigation). All 66 test files now pass (593 tests), typecheck clean, lint clean. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-12 20:15:33 +07:00
Ho Ngoc Hai	1fbe2f4e73	feat: add MFA/TOTP auth, PII encryption, agents/leads/inquiries modules, and comprehensive tests ... - Add TOTP-based MFA with setup, verify, disable, backup codes, and challenge flow - Add PII field encryption middleware with AES-256-GCM and deterministic search hashes - Add agents, inquiries, and leads domain modules with entities, events, value objects - Add web dashboard pages for inquiries and leads with detail dialogs - Add 30+ component tests (valuation, charts, listings, search, providers, UI) - Add Prisma migrations for encryption hash columns and MFA TOTP support - Fix all ESLint errors (unused imports, duplicate imports, lint auto-fixes) - Update dependencies and lock file - Clean up obsolete exploration/QA docs, add audit documentation Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-11 23:43:20 +07:00
Ho Ngoc Hai	759052a71f	fix(web): update dashboard pages, layouts, and listing forms ... Update 12 page/layout files across auth, dashboard, listings, and search routes to improve type safety, fix component imports, and align with latest API changes. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-11 01:39:59 +07:00
Ho Ngoc Hai	8ca64e3267	feat(web): add saved searches, image lightbox, and web vitals tracking ... New features: - Saved searches dashboard page with CRUD hooks and API client - Image lightbox component for property gallery full-screen viewing - Web vitals provider and reporting utilities for performance monitoring - Image blur placeholder generation utility Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-11 01:39:22 +07:00
Ho Ngoc Hai	0593d40098	fix(lint): resolve all 24 ESLint errors across web, api and e2e ... - Remove unused imports (waitFor, useAuthStore) in dashboard test files - Convert import() type annotation to import type in comparison-store spec - Add next-env.d.ts to ESLint ignores (auto-generated file) - Fix empty object pattern in auth.fixture.ts - Sort import order alphabetically in 5 API test files Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-11 00:42:00 +07:00
Ho Ngoc Hai	55a01c5738	feat(web): centralise Vietnamese price formatting across all pages ... Create a single `currency.ts` utility with `formatPrice`, `formatVND`, `formatPricePerM2`, and `parseVND` to replace 9+ duplicated inline formatters. This fixes inconsistent decimal handling (1.5M was truncated to "1 triệu") and standardises price/m² display. Integrated across property cards, listing detail, dashboard, analytics, payments, pricing, and admin moderation pages with 19 new unit tests. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-10 23:33:31 +07:00
Ho Ngoc Hai	68b65cb848	test(web): increase frontend test coverage to ~70% page coverage ... - Fix vitest config to include [locale] directory tests (was excluded) - Fix register.spec.tsx: use getByRole('heading') to avoid duplicate text match - Fix search.spec.tsx: add QueryClientProvider wrapper and mock saved searches hook - Add 12 new page test files covering dashboard, admin, public, and OAuth pages: - dashboard (main, profile, payments, subscription, KYC) - admin (dashboard, users) - public (landing, pricing) - analytics - OAuth callbacks (Google, Zalo) - 29 test files, 174 tests, 16/23 pages covered (69.6%) Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-10 23:14:16 +07:00
Ho Ngoc Hai	7195064f12	feat(web): add i18n locale routes and language switcher component ... Add locale-prefixed routes for admin, auth, dashboard, and public pages. Add error, loading, and not-found pages for locale context. Add language switcher UI component for Vietnamese/English toggle. Co-Authored-By: Paperclip <noreply@paperclip.ing>	2026-04-09 09:44:18 +07:00