Frontend MOC

Map of Content for the frontend layer (17 notes).

Active frontend changed 2026-05-03

The kundkort SPA at frontend/kundkort/ was the active frontend through Phase 0; the canonical frontend is now frontend/enrichnode/ (Vite + React + shadcn/ui, see docs/ADOPTION_PLAN_FRONTEND_2026-05-03.md). All notes below describe the kundkort legacy frontend and remain accurate for the archived tree (now at archive/frontend-kundkort-2026-05-03/). Kundkort’s domain logic (Swedish field naming, 360-view, financial sections) will be ported into the new frontend in Phase 5.

For the new frontend, use the Build Inventory MOC

The Build Inventory has indexed the 14 enrichnode pages, 4 query modules, and 6 MSW handlers with status + gap/mock cross-links. Search there first — this MOC is for the legacy tree only.

Start here

Frontend Overview — what the app does and how it boots. Kundkort Page — the central component; everything else hangs off it.

Pages

• Kundkort Page — detail view for a single company; tabs, sticky action bar, sections orchestration
• Search Page — top-level search before kundkort

Sections (rendered inside Kundkort Page)

• Identity Card — top header with org number, status, reklamspärr badge
• Contacts Section — contact list + distribution chart
• Summary Section — high-level enrichment summary
• Financials Section — turnover, employees, equity from BV iXBRL
• Koncern Section — corporate group / parent-subsidiary tree
• Varumarken Section — registered trademarks

Charts and panels

• Tremor Charts — DonutChart, BarChart, AreaChart usage; flagged double-render bug at KundkortPage.tsx:406 and :436
• Insights Panel — recommendations panel; risk_signals branch unreachable (always empty)
• Gaps Panel — data-completeness gaps; some FIELD_LABELS keys never emitted

Hooks and data

• Kundkort API Client — useKundkort, useEcoApi, useSearch; flag drift between bypass_cache and force_refresh
• EcoAPI Integration — separate API host; ships hardcoded bearer token

Auth

• Auth Flow — useAuth with hardcoded DEV_MODE = true bypass

UI primitives and build

• UI Primitives — Skeleton, Loading, Error, KvRow, GapBadge, ContactCard, SectionHeading
• Frontend Build — dist/ and dist-debug/, Tailwind CDN config, no committed build script

Frontend Overview

• Frontend Overview — entry point, build, data flow, conventions

Verified bugs (cross-link to Dashboard)

See Dashboard §Coverage health for the bar chart by area. Frontend-area bugs are tracked in Tremor Charts, Auth Flow, EcoAPI Integration, Insights Panel, Gaps Panel.

See also

• Frontend MOC