feat: add grouped exposure views

[Seranged]

Summary

• Add grouped backing-asset exposure views across lend, earn, and market discovery surfaces.
• Preserve duplicate underlying vaults by showing vault counts when multiple collateral/strategy vaults share the same backing asset.
• Keep Open Interest in Explore -> Matrix as the market-level view, with grouped backing assets, token logos, and per-row Show more controls.

Changes

• Add shared exposure grouping helpers for backing-asset aggregation and count labels.
• Update lend rows to show a compact collateral exposure datapoint with grouped backing-asset avatars and symbols.
• Update the lend vault collateral exposure section and modal to group collateral vaults under backing assets and collapse long backing-asset lists.
• Update earn rows to show backing-asset allocation coverage alongside strategy count.
• Update earn vault Exposure to group strategy rows under backing assets while preserving allocation, APY, cap, hook, and pending-removal details.
• Remove the redundant Can be used as collateral availability datapoint from vault overview surfaces.
• Add Open Interest as a Matrix dropdown mode and fetch collateral open-interest data through the V3 proxy allowlist.

Test plan

• npm run test:run -- tests/utils/vault/collateral-exposure.test.ts tests/utils/open-interest.test.ts tests/server/v3-proxy.test.ts
• npm run typecheck
• npx eslint components/entities/vault/VaultItem.vue components/entities/vault/VaultEarnItem.vue components/entities/vault/VaultCollateralExposureModal.vue components/entities/vault/overview/VaultOverviewBlockBorrow.vue components/entities/vault/overview/earn/VaultOverviewEarnBlockExposure.vue utils/vault/collateral-exposure.ts utils/vault/exposure-groups.ts tests/utils/vault/collateral-exposure.test.ts
• Browser smoke on local Nuxt dev server: lend list, lend page collateral exposure accordion, earn list, earn vault Exposure section, and Explore -> Matrix -> Open Interest

[coderabbitai]

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Repository: euler-xyz/coderabbit/.coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: e13b737c-3cf2-439c-ae77-a09a43d06ab0

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch feature/lite-216-add-open-interest-section-to-vault-page-sankey-style-flow

---

_{Comment @coderabbitai help to get the list of available commands.}

[railway-app]

🚅 Deployed to the euler-lite-pr-624 environment in euler-lite

Service	Status	Web	Updated (UTC)
dev-build	✅ Success (View Logs)	Web	Jun 25, 2026 at 4:17 pm