diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/README.md b/.github/pr-screenshots/2162-cloud-channel-marks/README.md new file mode 100644 index 0000000000..329ffac624 --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/README.md @@ -0,0 +1,29 @@ +# Mobile cloud channel name marks — UAT evidence + +Issue #2161 / Draft PR #2162. Assigned shared iOS Simulator batch 20, 2026-10-18. No Prod, native build/install, remote PR merge or WorkOS settings changes. + +- Before: `c183a2df0ed891c351da90a7937c81b38ee4597e`. +- After: `42c900eb790fe2dd5b4c00553a24b4f5607a8ff7` (runtime code identical to `6c7557419c2d39efe8e7a9fb0026938c827e1f1e`). +- Native inputs unchanged from installed `494a20f1eb4f0666a2c90bc3c758af4e7ff5f46b`; existing development client, 402 × 874 screenshot pixels, English. +- Cloud service UAT release `3eeed5b05782276b1a02cc2412dd04ab0ec60bca`. Actual service data; independent synthetic user session. + +## Display checks + +48 unmodified screenshots: before/after × member/guest × list/conversation heading × default/intermediate/maximum × light/dark. The three iOS content sizes are `large`, `accessibility-medium`, `accessibility-extra-extra-extra-large`. Matching filenames identify each pair; JSON records count six completed cases per surface. AX snapshots separately asserted the unchanged channel name and the new `Cloud channel` accessible label. + +The trailing cloud appears on both list names and conversation headings. Short names stay adjacent; long names wrap with glyph space reserved. Maximum-size content scrolls: a screenshot may show only part of the whole card or action. Actual maximum-size interactions returned to the list and opened the guest channel successfully. The Expo development-menu gear is present in these authentic development-client captures; it partly overlaps the glyph in the maximum guest-title viewport. This overlay is not application UI or proof that every pixel is unobscured. The same glyph is visible in the remaining sizes and list view. + +## Access and session checks + +The synthetic B user has ordinary member access to one workspace and only a direct channel grant in another. CLI verified no membership in the guest channel's organization and denied sibling-channel access. After capture, only this run's guest invitation was revoked: both revoked-channel and sibling access were denied, and the native refreshed list showed no guest channels. Both independent CLI sessions remained valid. + +The mobile session survived cold restart and service verification. Its checkpoint kept the same session identity while refresh credentials rotated. Logout verification is recorded in the PR's batch result; do not infer logout from these screenshots alone. + +## Retained first failures and limits + +- Initial CI failed only the design table's formatting; corrected before this frozen runtime, then all applicable CI checks passed (run 39098033103). +- The first after attempt still loaded baseline JS because CI-mode Metro did not watch the checkout update. Its assertion failed; restarting only the assigned Metro loaded the frozen code. That attempt is excluded from these 48 cases. +- After resizing, an offscreen open button did not match. An erroneous subsequent title capture was discarded; the driver now checks the correct surface before collecting cases. The successful rerun produced these title files. +- A sandboxed driver read reported its daemon unreachable; the authorized simulator call succeeded without replacing or deleting shared daemon state. +- iOS native display/interaction evidence only. Android native, VoiceOver spoken output, physical iPhone and Human acceptance remain unverified. Source tests/CI and this Simulator run are distinct evidence. +- This slice does not implement desktop origin projection, cloud organization entries in the left sheet, or invitation URL/QR sharing. It does not close issue #2161 or the wider collaboration goal. diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-default-dark.png new file mode 100644 index 0000000000..06a6ac29c2 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-default-light.png new file mode 100644 index 0000000000..303f5ada07 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-intermediate-dark.png new file mode 100644 index 0000000000..a1a0bea6a4 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-intermediate-light.png new file mode 100644 index 0000000000..4e95224eec Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-maximum-dark.png new file mode 100644 index 0000000000..923ef30366 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-maximum-light.png new file mode 100644 index 0000000000..8121206aaf Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list.json b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list.json new file mode 100644 index 0000000000..bee48f42f9 --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-list.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-default-dark.png new file mode 100644 index 0000000000..04d4be1249 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-default-light.png new file mode 100644 index 0000000000..a37e21cb4b Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-intermediate-dark.png new file mode 100644 index 0000000000..ba66aa11db Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-intermediate-light.png new file mode 100644 index 0000000000..fe289e724e Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-maximum-dark.png new file mode 100644 index 0000000000..ecfa0b710b Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-maximum-light.png new file mode 100644 index 0000000000..bd5633c25b Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title.json b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title.json new file mode 100644 index 0000000000..bee48f42f9 --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/after-guest-title.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-default-dark.png new file mode 100644 index 0000000000..987ce303ec Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-default-light.png new file mode 100644 index 0000000000..4898c10368 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-intermediate-dark.png new file mode 100644 index 0000000000..09460f8208 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-intermediate-light.png new file mode 100644 index 0000000000..6ddeae4961 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-maximum-dark.png new file mode 100644 index 0000000000..c5672db053 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-maximum-light.png new file mode 100644 index 0000000000..3da4f347af Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list.json b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list.json new file mode 100644 index 0000000000..bee48f42f9 --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-list.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-default-dark.png new file mode 100644 index 0000000000..0b8d119243 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-default-light.png new file mode 100644 index 0000000000..1f02c2d06e Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-intermediate-dark.png new file mode 100644 index 0000000000..56bee95cab Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-intermediate-light.png new file mode 100644 index 0000000000..68471e1068 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-maximum-dark.png new file mode 100644 index 0000000000..c027358cb4 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-maximum-light.png new file mode 100644 index 0000000000..6bbf8062b8 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title.json b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title.json new file mode 100644 index 0000000000..bee48f42f9 --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/after-member-title.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": true + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": true + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-default-dark.png new file mode 100644 index 0000000000..48fadc6b85 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-default-light.png new file mode 100644 index 0000000000..a33c137a8e Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-intermediate-dark.png new file mode 100644 index 0000000000..ac43a615a8 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-intermediate-light.png new file mode 100644 index 0000000000..723b207688 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-maximum-dark.png new file mode 100644 index 0000000000..6a2dea85b9 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-maximum-light.png new file mode 100644 index 0000000000..fd7817b071 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list.json b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list.json new file mode 100644 index 0000000000..75638a414e --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-list.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-default-dark.png new file mode 100644 index 0000000000..d42e3d190a Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-default-light.png new file mode 100644 index 0000000000..8c8ad2ef15 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-intermediate-dark.png new file mode 100644 index 0000000000..3039804c9a Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-intermediate-light.png new file mode 100644 index 0000000000..761cb793f6 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-maximum-dark.png new file mode 100644 index 0000000000..92cc10cc12 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-maximum-light.png new file mode 100644 index 0000000000..818cfe8ea7 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title.json b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title.json new file mode 100644 index 0000000000..75638a414e --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/before-guest-title.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-default-dark.png new file mode 100644 index 0000000000..cd09c08b46 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-default-light.png new file mode 100644 index 0000000000..476310e89a Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-intermediate-dark.png new file mode 100644 index 0000000000..6f789ad830 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-intermediate-light.png new file mode 100644 index 0000000000..5854bd336b Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-maximum-dark.png new file mode 100644 index 0000000000..e5bdac0b24 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-maximum-light.png new file mode 100644 index 0000000000..d540a51e3e Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list.json b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list.json new file mode 100644 index 0000000000..75638a414e --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-list.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-default-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-default-dark.png new file mode 100644 index 0000000000..bfebcc0071 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-default-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-default-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-default-light.png new file mode 100644 index 0000000000..2baf925dc9 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-default-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-intermediate-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-intermediate-dark.png new file mode 100644 index 0000000000..8e830f139b Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-intermediate-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-intermediate-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-intermediate-light.png new file mode 100644 index 0000000000..528538d771 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-intermediate-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-maximum-dark.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-maximum-dark.png new file mode 100644 index 0000000000..384feda8ca Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-maximum-dark.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-maximum-light.png b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-maximum-light.png new file mode 100644 index 0000000000..76e9ae4a0a Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title-maximum-light.png differ diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title.json b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title.json new file mode 100644 index 0000000000..75638a414e --- /dev/null +++ b/.github/pr-screenshots/2162-cloud-channel-marks/before-member-title.json @@ -0,0 +1,38 @@ +[ + { + "size": "large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-medium", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "light", + "nameVisible": true, + "cloudLabel": false + }, + { + "size": "accessibility-extra-extra-extra-large", + "theme": "dark", + "nameVisible": true, + "cloudLabel": false + } +] diff --git a/.github/pr-screenshots/2162-cloud-channel-marks/revoked-guest-list.png b/.github/pr-screenshots/2162-cloud-channel-marks/revoked-guest-list.png new file mode 100644 index 0000000000..baa6dcbdb9 Binary files /dev/null and b/.github/pr-screenshots/2162-cloud-channel-marks/revoked-guest-list.png differ 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 && (