Skip to content

feat(mobile): show the computer's own icon after chat names - #2499

Merged
DoodleBears merged 3 commits into
mainfrom
claude/project-thread-2n6vb4
Oct 21, 2026
Merged

DoodleBears merged 3 commits into
mainfrom
claude/project-thread-2n6vb4

Conversation

@DoodleBears

@DoodleBears DoodleBears commented Oct 21, 2026 •

Copy link
Copy Markdown
Contributor

Requested by Vain · project thread

Why the change

Since #2461 each computer has its own icon and colour, but chat rows still showed a generic computer mark after the name, so in All chats from different places looked alike.

Issue / Discussion: follow-up to #2461.

Special things to note

  • Merge risk: display only, mobile only. Revert restores the generic mark. No Host API, bridge or Bot tool change, so no CLI command.
  • The mark shows on every tab, not only All, so rows keep one layout while the environment pager swipes. Cloud chats keep the cloud glyph.
  • Verification: mobile tsc, oxfmt, all mobile Vitest suites (+3 in source-name.test.tsx). Native iOS run on QA iOS 27 (Release app with this branch's JS bundle at 8e850ef, own isolated Host), covering feat(mobile): customize computers with a preset icon and colour #2461 and this PR: tab icon and underline colour, row icon and colour on DMs and groups, drawer tile, sheet Symbols/Emoji tabs, Theme colour restore, Reset confirm, name field above the keyboard, steady row layout while swiping. Not run: cloud rows (no cloud workspace on that Simulator) and Android (queued behind the Windows lane).
  • Max text size: the new row icon scales correctly, but the row avatar gets squeezed and the header buttons lose their circles. Both predate this PR (row frame and header layout) and are left for a separate fix. The tab icon from feat(mobile): customize computers with a preset icon and colour #2461 does not scale with text size yet.
  • CI test plan: affected (mobile).

Change outline

  • SourceName takes an optional HostLook; computer chats render HostGlyph at meta size tinted with hostColorInk (or subtle without a colour).
  • ConversationRow / ConversationRowFrame pass the look through; Chats and Send to pass the saved computer's look.
  • DESIGN.md (Conversation row) and a bilingual change fragment.
Server + orange (light) Server + orange (dark) 🦊 + teal (light)
Sheet, Symbols (dark) Sheet, Emoji (light) Drawer (light)
Theme colour (dark) Reset confirm (dark) Max text (light)

🤖 Generated with Claude Code

https://claude.ai/code/session_014UiRXqKRSQS39KzeJJnLcA

Chat rows used a generic computer mark after the name. They now use the
computer's chosen icon and colour from Customize computer, so chats from
different places are easy to tell apart in All. Cloud chats keep the
cloud mark.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014UiRXqKRSQS39KzeJJnLcA
@coderabbitai

coderabbitai Bot commented Oct 21, 2026 •

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 38 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used all 2 included reviews currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: defaults
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 289efc73-15f3-4344-8cbd-b0e2ec4ea61d
📥 Commits

Reviewing files that changed from the base of the PR and between 4227b25 and c88a6aa.

⛔ Files ignored due to path filters: 19
  • .github/pr-screenshots/2499/ios-all-emoji-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-all-emoji-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-all-server-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-all-server-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-all-server-maxtext-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-computer-emoji-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-computer-emoji-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-computer-server-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-computer-server-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-computer-server-maxtext-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-computer-theme-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-drawer-emoji-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-drawer-server-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-drawer-server-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-reset-confirm-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-sheet-emoji-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-sheet-emoji-light.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-sheet-symbols-dark.png is excluded by !**/*.png
  • .github/pr-screenshots/2499/ios-sheet-symbols-light.png is excluded by !**/*.png
📒 Files selected for processing: 7
  • apps/mobile/DESIGN.md
  • apps/mobile/app/(tabs)/(home)/index.tsx
  • apps/mobile/src/ui/chat/conversation-row.tsx
  • apps/mobile/src/ui/chat/source-name.tsx
  • apps/mobile/src/ui/share/share-screen.tsx
  • apps/mobile/test/source-name.test.tsx
  • changes/2499-mobile-chat-row-computer-icon.md
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014UiRXqKRSQS39KzeJJnLcA
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014UiRXqKRSQS39KzeJJnLcA
@DoodleBears
DoodleBears merged commit cda84e7 into main Oct 21, 2026
11 checks passed
DoodleBears added a commit that referenced this pull request Oct 21, 2026
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

Copy link
Copy Markdown
Contributor Author

Android phone result: PASS (Xiaomi, Android 16 / HyperOS 3, Dev debug build of this branch at 8e850ef with Metro, isolated QA Host)

Screenshots: 2499-android/phone (commit b0c6729): {light,dark}-chats.png, zoom-main-before.png, zoom-pr-2499.png, notes.md

  • After the chat name, the row now shows the computer's own laptop icon, the same one as on the filter tab.
  • On main, the same row shows the generic monitor icon.

Generated by Claude Code

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.

2 participants