fix(web): emoji → inline SVG icons for claude.ai-style visual consistency
Some checks failed
CI / Tests / 🧪 Test (push) Has been cancelled
Some checks failed
CI / Tests / 🧪 Test (push) Has been cancelled
Anthropic design language is icon-only, no emoji. User flagged that claude-intercom components (and copy I wrote) were leaning on emoji decoration. Swept all user-visible emojis in apps/web + packages/ui. Changes: - meshes/new onboarding banner: "Welcome to claudemesh 👋" → drop the wave, text stands alone - meshes/[id]/invite banner: "🎉 Mesh created" → "Mesh created" - demo-dashboard script message: "thanks 🙏" → "thanks." (inline prose) - MeshStream message-type chips: replaced the ⟐ / ← / → unicode glyphs with proper inline SVG icons (10×10 stroke paths). Each chip now carries: plus-sign for broadcast, up-arrow for hand-raise, right-arrow for direct. Same claude-orange / emerald / neutral coloring, same typography — just geometry instead of text symbols. Nothing swapped to Lucide React imports yet — Icons barrel in packages/ui/web only exports a subset (Circle, Check, MessageCircle, Sparkles, Megaphone), and the four glyphs we needed were simpler as inline SVG than adding barrel exports + per-component import plumbing. If emoji→Lucide fully lands, we'll add the rest to the Icons barrel in one pass. Skipped per PM spec: TTS announcements, commit messages, code comments, logs — not user-visible. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -93,7 +93,7 @@ export const SCRIPT: DemoMessage[] = [
|
||||
from: "bob-desktop",
|
||||
to: "alice-laptop",
|
||||
type: "direct",
|
||||
text: "saved me. applying now. thanks 🙏",
|
||||
text: "saved me. applying now. thanks.",
|
||||
ciphertext: "DYtZ+j0v4eB=.xNtP8qU5rM1aKw6cH…",
|
||||
},
|
||||
{
|
||||
|
||||
Reference in New Issue
Block a user