# QSP-38296 — Use Smartscape Title as Component Display Name

Replace raw Backstage catalog IDs (e.g. `component:dt-platform/edge-service`) with the human-readable Smartscape `title` field wherever a component name is displayed. The catalog ID continues to drive routing and data fetching — this is a display-only change.

**Commit:** `feat: show Smartscape title as component display name QSP-38296`

---

## What Changed

- Both DQL queries were extended with a `CATALOG_COMPONENT` Smartscape lookup; title resolves at query time with a fallback to catalog ID when absent
- Components page "Name" column shows the human-readable title instead of the catalog ID
- AppScorePage heading shows the title instead of the uppercased catalog ID
- Overview page asset rows in the capability → team → asset tree show the title
- Title is passed to AppScorePage via a `?title=` URL query param; navigation URLs and route params are otherwise unchanged
- Three mapping utils extracted (`mapAssetsToOverviewColumnData`, `buildComponentNavigationUrl`, `resolveDisplayName`)

---

## Acceptance Criteria

- AC-1: Overview page asset rows display Smartscape title instead of catalog ID
- AC-2: Components page "Name" column displays Smartscape title; "Asset ID" column unchanged
- AC-3: AppScorePage heading displays Smartscape title without `.toUpperCase()`
- AC-4: Navigation from Components table to AppScorePage still uses catalog ID in the URL
- AC-5: If a component has no title, the catalog ID is shown as a fallback
- AC-6: Free-text filtering on the Components page works across both title and catalog ID
- AC-7: Capability search filter on the Overview page is unaffected
