Skip to content

Replace text badges with icons for agents in mobile#77

Merged
gricha merged 4 commits intomainfrom
mobile-agent-icons
Jan 10, 2026
Merged

Replace text badges with icons for agents in mobile#77
gricha merged 4 commits intomainfrom
mobile-agent-icons

Conversation

@gricha
Copy link
Copy Markdown
Owner

@gricha gricha commented Jan 10, 2026

Summary

  • Creates new AgentIcon component for mobile with visual icons matching web design
  • Claude Code: Orange sparkle (✦) icon
  • OpenCode: Pixelated O grid using Views
  • Codex: Blue angle brackets (<>)
  • Replaces text-based badges (CC/OC/CX) with icons in session list and New Chat picker

Mirrors web PR #75 changes for mobile.

Test plan

  • Check session list shows icons instead of text badges
  • Check New Chat picker shows larger icons
  • Check SessionDetailScreen header shows agent icon

🤖 Generated with Claude Code

Uses actual brand icons from official sources:
- Claude Code: Official Anthropic sparkle icon (from Bootstrap Icons)
- OpenCode: Official pixelated "O" favicon from their GitHub repo
- Codex: Angle brackets icon

Updates both web and mobile to use consistent SVG icons.
Adds react-native-svg dependency for mobile SVG support.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@gricha gricha force-pushed the mobile-agent-icons branch from 0d20c02 to b4a179b Compare January 10, 2026 06:15
}

function OpenCodeIcon({ size }: { size: number }) {
return (

This comment was marked as outdated.

gricha and others added 3 commits January 9, 2026 22:27
Changed sequential docker exec calls to Promise.all for getting session
details. With 50 sessions, this reduces load time from ~5-25s to ~0.5-1s.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Previously the loading state blocked the entire screen including the header,
preventing users from navigating back. Now shows the header and input bar
while loading, with the spinner only in the content area.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
When projectPath is provided, construct the Claude session file path
directly instead of running a find command. This eliminates a slow
filesystem search on every session open.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
@gricha gricha merged commit 9850844 into main Jan 10, 2026
9 checks passed
@gricha gricha deleted the mobile-agent-icons branch January 10, 2026 06:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant