From 6c7557419c2d39efe8e7a9fb0026938c827e1f1e Mon Sep 17 00:00:00 2001 From: DoodleBear Date: Sun, 18 Oct 2026 13:39:35 +0900 Subject: [PATCH 1/5] feat(mobile): mark cloud channel names in lists and conversations Issue: #2161 Agent-Task: codex/local/01a148ae-ec7f-74b2-8157-961411ce54c9 --- apps/mobile/src/ui/cloud/channel-name.tsx | 25 +++++++++++++ apps/mobile/src/ui/cloud/channels-screen.tsx | 5 ++- apps/mobile/src/ui/shell/icons.tsx | 4 ++ apps/mobile/src/ui/strings.ts | 2 + changes/2161-cloud-channel-marks.md | 11 ++++++ docs/architecture/cloud-navigation.md | 39 ++++++++++++++++++++ 6 files changed, 84 insertions(+), 2 deletions(-) create mode 100644 apps/mobile/src/ui/cloud/channel-name.tsx create mode 100644 changes/2161-cloud-channel-marks.md create mode 100644 docs/architecture/cloud-navigation.md diff --git a/apps/mobile/src/ui/cloud/channel-name.tsx b/apps/mobile/src/ui/cloud/channel-name.tsx new file mode 100644 index 0000000000..ebb0850339 --- /dev/null +++ b/apps/mobile/src/ui/cloud/channel-name.tsx @@ -0,0 +1,25 @@ +import { View } from 'react-native'; +import { useDesignTheme } from '../design/theme'; +import { space } from '../design/tokens'; +import { Text } from '../primitives/text'; +import { CloudIcon } from '../shell/icons'; +import { t } from '../strings'; + +export function CloudChannelName({ name }: { name: string }) { + const theme = useDesignTheme(); + return ( + + + {name} + + + + + + ); +} diff --git a/apps/mobile/src/ui/cloud/channels-screen.tsx b/apps/mobile/src/ui/cloud/channels-screen.tsx index 0ef08a60d1..b82c669137 100644 --- a/apps/mobile/src/ui/cloud/channels-screen.tsx +++ b/apps/mobile/src/ui/cloud/channels-screen.tsx @@ -12,6 +12,7 @@ import { KeyboardFormScroll } from '../primitives/keyboard-form'; import { Text } from '../primitives/text'; import { TextInput } from '../primitives/system-text'; import { t } from '../strings'; +import { CloudChannelName } from './channel-name'; function ChannelFormScroll({ actionLines = 2, @@ -166,7 +167,7 @@ function ChannelWorkspace({ {t.cloudChannels.selectWorkspace} ) : selected ? ( <> - {selected.name} + {guest && {t.cloudGuests.hint}} {!guest && (