fix(AssetBadge): only 5 hardcoded colours, 1-char code off-center, AssetPill not exported from index.ts

[k-deejah]

Problem

Three frontend issues in AssetBadge affect visual consistency, layout, and the public API surface.

1. ASSET_COLORS maps only 5 assets — all others get identical grey (src/components/AssetBadge.tsx, lines 6–13)

XLM, USDC, USDT, BTC, ETH get distinct colours. Every other asset (AQUA, yXLM, SHX, etc.) gets the same grey bg-surface-2 text-ink-2. Users with 10+ tokens see visually identical grey badges for most of them.

2. code.slice(0, 2) renders incorrectly for 1-character asset codes

A 1-char asset code renders a single off-center character in a container sized for two. No minimum padding or centering adjustment exists.

3. AssetPill is absent from src/components/index.ts

AssetPill is exported from AssetBadge.tsx but missing from index.ts. Library consumers cannot import it from "sorokit-ui" without using the internal file path.

Solution

1. Replace the static map with a hash-based colour picker (deterministic per code, from a palette of 8–10 colours).
2. Handle 1-char codes with centered layout: code.slice(0, 2).padStart(2, " ") or CSS centering.
3. Add export { AssetPill } from "./AssetBadge" to index.ts.

Acceptance Criteria

• Every unique asset code renders with a distinct, consistent colour
• 1-char asset codes are centered in the icon circle
• AssetPill is importable from "sorokit-ui"
• npm run build passes

---

Note for Contributors: Write a clear PR description. Include a screenshot of the balance list with 8+ diverse assets showing distinct badge colours, and explain the hash-to-colour algorithm.

[barnabasolutayo-lgtm]

@barnabasolutayo-lgtm has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello Maintainer. I would love to resolve this issue for you. Please assign to me. Thank you

ℹ️ Repo Maintainers: To accept this application, review their application or assign @barnabasolutayo-lgtm to this issue.

[Malcolm-Wander]

@Malcolm-Wander has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello maintainer,I’d love to work on this issue please…promise to do bad accurate and swift job,thank you.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Malcolm-Wander to this issue.

[OmniZlatoon]

@OmniZlatoon has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Maintainer, I am no pro, but I got the skills to take on this issue
I would really love to work on this issue.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @OmniZlatoon to this issue.

[Oluwasuyi-Timilehin]

@Oluwasuyi-Timilehin has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello maintainer, please assign me to this task. I would get started immediately

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Oluwasuyi-Timilehin to this issue.

[dinahmaccodes]

@dinahmaccodes has applied to work on this issue as part of the Stellar Wave Program's 6th wave.

Hello maintainer, my name is Dinah and I am a solid developer.
I can work on this and solve the problem easily.
Can I be assigned this issue??

ℹ️ Repo Maintainers: To accept this application, review their application or assign @dinahmaccodes to this issue.

[drips-wave]

Congratulations, @dinahmaccodes! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on June 30, 2026.

🧑‍💻 @dinahmaccodes: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊

[xxCodexIAxx]

Submitted PR: #165

I resolved this bounty issue in the linked pull request.

Payout wallet on Base: 0x776CbBb63D81c08B4090DB503eAE7FDb8fBd7c6f