Build a collectible-style 'My Skills' view (top-right button currently opens the market)

[zo-sol]

Problem

On mobile, tapping the My Skills icon (top-right of the chat header) does not show the wallet's owned skills — it opens the market instead.

Currently the button dispatches openOwnedSkills → __openMarket{ initialView: "owned" } (surfaces/webview/src/chat/ChatScreen.tsx, state/store.tsx:651), which lands in the market rather than a clear, dedicated "these are the skills I own" view.

Goal

Build a dedicated owned-skills view that leans hard into a collectible feel — think trading-card inventory / game-item collection. Ideas to explore:

• Card-style tiles with cover art, owner badge, rarity/edition, acquired date.
• A "collection" framing (counts, completion, sets) rather than a market list.
• Tap a card → detail (what it does, when bought, equip/unequip).

Freedom

Reuse the existing top-right button or add a new dedicated entry point — whichever reads best. Let's first sketch how to present owned skills to maximize the collectible vibe, then build it.

Files

surfaces/webview/src/chat/ChatScreen.tsx (the button), surfaces/webview/src/state/store.tsx (openOwnedSkills), surfaces/webview/src/market/SkillCardTile.tsx, MarketScreen.tsx.

[zo-sol]

Research doc added: plans/research/collectible-ux.md (commit 757fdcc).

Most relevant to this issue:

• §2 "Where should owned live?" — My Skills should be a dedicated collection surface (not a market sub-tab); owned is also showcased on the agent profile.
• §3.A "Skill-Dex" — whole-catalog grid with silhouettes for un-owned skills, set-completion bars, rarity-tier visual language, serial #X / total_minted, duplicate sinks (cosmetic flair or C0–C6 mastery), per-skill mastery levels.
• §4 Phase 1–2 build order (mostly front-end on on-chain data we already hold): rarity tiers → "X% own" + golden glow → serial → Skill-Dex silhouettes + set bars.