Skip to content
Andrew Voirol
WorkLogAboutContact
HomeWorkLog

AboutContact

✦ Just one prompt away from figuring it all out.

Friday, July 10, 2026edge-ai-lab-development

The badge that was two colors and nobody noticed

DesignDebugging

Ran a full design system audit and found the "Tools" badge was rendering in two completely different colors across the app — amber in 14 places, teal in 5. The initial suspicion was a status color split between cyan and green dots, but a deep dive revealed those were actually the exact same RGB value. The real problem was the badge inconsistency — toolCall (amber) and badgeTools (teal) both meant "tools" but looked nothing alike. Fixed it by restructuring the sidebar into three parallel sections (Models / Tools / Experiments), moving "New Experiment" to the section header, and replacing heavy pill badges with plain text and per-capability colored SF Symbol icons. Filled vs. open circles now indicate active vs. available model states. Small visual cleanup, massive consistency improvement.

← Previous

Compiling llama.cpp into a universal XCFramework for macOS and iOS

Next →

What if we could let the models interact with the OS while running locally?


Andrew Voirol

Builder, hacker, shipper. Currently leaving localhost.

Navigate

WorkBuilder’s LogAboutContactRSS Feed

Connect

X / TwitterGitHubLinkedIn

© 2026 Andrew Voirol✦Just one prompt away from figuring it all out.