scrabble-game/apple/PLAN.md

# apple/ — native iOS/iPadOS app plan

Native **SwiftUI** application for iPhone and iPad, written **from scratch** (not a Capacitor
wrapper, unlike the Android app under `ui/android`). This document is the **source of truth and
continuity** for the effort: it lives in the repo so it travels to whatever machine does the work —
in particular the **Mac Claude session** that does the actual building. Read it first; append to it
as decisions land. Nothing here is final until built and verified; any decision can be reopened.
Items still open carry an **[OPEN / TRACKED]** or **[GATE]** marker.

Chat with the owner is in Russian per the user-level guide; this doc, like all repo docs, is in
**English**.

---

## 0. Working model — two contexts

- **Mac (primary).** All real development happens in a **Claude session on the Mac**: SwiftUI code,
  `xcodebuild`, Simulator, tests, screenshots, signing, TestFlight/App Store. The Apple toolchain is
  native there.
- **Linux dev-host (this repo's usual environment).** Used only to **lay groundwork for CI** (a macOS
  runner, later) and to edit platform-agnostic Swift packages / docs. It **cannot** build or run an
  iOS app — SwiftUI/UIKit and the iOS SDK exist only inside Xcode on macOS. (Swift the language runs
  on Linux, but that is server-side Swift, irrelevant to iOS UI.)

Consequence: the heavy loop (build/sim/screenshot) is Mac-only; keep the SwiftUI shell thin and push
logic into plain Swift packages — good for testability regardless of host.

---

## 1. Tooling to install / verify on the Mac host

Do this first on the Mac before any code. The owner already has Xcode + Command Line Tools + a
simulator installed generally; the steps below are mostly **verify**, a few are **install**.

### Verify (already present, confirm versions)
- **Xcode 26** (latest) — we always build against the **newest SDK** (this is what grants the iOS 26
  Liquid Glass appearance to standard controls; see §3). Confirm `xcodebuild -version`.
- **Command Line Tools** — `xcode-select -p` points at the Xcode 26 toolchain.
- **Swift 6** toolchain (bundled with Xcode 26) — `swift --version`.
- **Simulator runtimes** — need **both**:
  - **iOS 18** runtime (our minimum deployment target — verify the app runs/looks correct there),
  - **iOS 26** runtime (latest — verify Liquid Glass appearance).
  Check under Xcode ▸ Settings ▸ Platforms; install any missing runtime there.

### Install (Homebrew, sudo-free where possible)
- **XcodeGen** — `brew install xcodegen`. Generates the `.xcodeproj` from a declarative `project.yml`
  (see §4). This is the project-management tool of record.
- **swiftlint** and/or **swift-format** — `brew install swiftlint swift-format`. Lint/format gate.
- *(optional, CI ergonomics)* **xcbeautify** — `brew install xcbeautify`, prettifies `xcodebuild`
  logs. Not required for local work.

### No install needed (SPM dependencies, pulled by the build)
- **swift-snapshot-testing** (Point-Free, open-source) — snapshot tests, added as an SPM package.
- **MetricKit** — first-party Apple framework for crash/hang/diagnostic capture; nothing to install.

### Deferred / not now
- **Apple Developer account** — in process; see the gate in §11. Not required to start (Simulator work
  is unblocked without it).
- **fastlane / signing automation** — only when we reach device builds / CI / release. Revisit then.
- **macOS CI runner** (Gitea Actions on a Mac, or a cloud Mac) — the Linux-side groundwork; designed
  later.

---

## 2. Fixed decisions
| Topic | Decision |
|---|---|
| Language / UI | Native **SwiftUI**, from scratch; **not** Capacitor. |
| Targets | **iPhone first**, then **iPad** (iPadOS) as a first-class target: reuse controls, adapt via layout. Possibly macOS/Catalyst far later — do not design for it now, but the `apple/` name leaves the door open. |
| Minimum OS | **iOS 18** (reaches ~A12 devices, iPhone XS/XR and newer; wide parity). Always **build with the latest SDK** (Xcode 26). |
| Directory | **`apple/`** in this monorepo (covers iPhone/iPad/future Mac; `ios/` too narrow, `swiftui/` names a framework not a platform). CI + docs stay co-located with the engine/wire. |
| Project tooling | **XcodeGen** (`project.yml`) + **SPM** modules. Not a hand-managed `.xcodeproj` (merge-hostile `project.pbxproj`, opaque, non-reproducible). Tuist only if modularization outgrows XcodeGen. |
| State management | **`@Observable`** (Observation framework), the idiomatic first-party default. **Not TCA** (heavy boilerplate, steep curve, large dependency; its benefits do not pay off at our size). Introduce a light unidirectional pattern by hand only where genuinely needed. |
| Concurrency | **Swift 6 strict concurrency** from the start (actors / `Sendable`) — cheaper to write new than to retrofit. |
| Localization / a11y | **First-class from the first screen**: RU/EN via String Catalogs, Dynamic Type, Dark Mode, Reduce Motion. Cheap now, expensive to retrofit. |
| Design relationship to web | **Not a mirror of the web app.** Board + game mechanics are preserved; the rest is designed fresh with iOS-native idioms. |
| UI philosophy | **System controls by default, custom only when necessary.** (Also "modern for free": Liquid Glass auto-applies to standard chrome on iOS 26.) |
| Auth | **Sign in with Apple** (required by Apple when any third-party social login is offered) **plus** email / VK / Telegram / … in the usual stacked-button login. Backend already has VK/TG/email; Apple is the only new provider. Details deferred to the descriptive phase. |
| Payments | Target **both** external rails (Robokassa / analogs, primary for RU) **and** Apple IAP, behind a **region-aware payment seam**. See §9 for the out-of-region reject risk (tracked separately). |
| Bundle id | Reuse **`ru.eruditgame.app`** (Apple/Google namespaces are independent; one bundle id for the universal iPhone+iPad app). |
| Design scope vs delivery | **Design/inventory scope = the full (online) app** — describe every moving part up front (online has more by design). **Implementation/delivery may stage** (stub online surfaces + stub engine first, wire real behind the same seams later). These are different axes; do not shrink the *design* to offline-first. |
| Crash reporting | **MetricKit only** (first-party, self-hosted upload; see §8). No PLCrashReporter, no Sentry for now. |
| Analytics | **None.** Nothing is tracked. No speculative "entry points" either (YAGNI; cheap to add later since actions centralize in `@Observable` models). Monitoring stays backend-only, as today. |
| Onboarding | **TipKit** (first-party, iOS 17+) for the coachmark tours, not a custom dimmed-overlay reimplementation of the web coachmarks. |
| Login (v1 surface) | **Sign in with Apple + email + guest.** VK / Telegram sign-in **deferred** to a later delivery (the login screen extends trivially with more stacked buttons). Note: with no third-party *social* provider in v1, SIWA is technically optional (email is not a social login), but we ship it deliberately; once VK/TG land it becomes mandatory. |
| Wallet / store / ad banner | **Designed in v1** (full inventory), **delivery staged.** Keeps the region-aware payment seam + the out-of-region reject risk (§10) in scope from the start. |

---

## 3. Why "min iOS 18" does not freeze the design (reference)

Appearance is governed by the **SDK you build against** + whether you use **standard components**,
**not** by the deployment target. Building with the iOS 26 SDK means standard controls
(NavigationStack, toolbars, TabView, Button, List, sheets, alerts, Form) **automatically** adopt
Liquid Glass on iOS 26, and render the iOS 18 style on iOS 18 — with no per-version code. iOS 26-only
APIs (e.g. `.glassEffect` on custom views) are used behind `if #available(iOS 26, *)` with a fallback.
**Custom-drawn UI** (board, tiles, score) looks identical on every version because we own it — so the
minimum has almost no visual cost for the game's core surface.

---

## 4. Proposed layout under `apple/` (to refine at setup)

```
apple/
  project.yml            # XcodeGen spec (committed; the .xcodeproj is generated, gitignored)
  App/                   # thin app target: @main entry, Info.plist, entitlements, asset catalog, app icon, capabilities, signing
  Packages/              # SPM modules — the real code (merge-friendly, testable; non-UI ones buildable on Linux)
    Domain/              #   game state, rules glue, scoring, turn model (platform-agnostic)
    Engine/              #   Swift port of the move generator/validator/scorer + DAWG reader (parity-pinned) — later
    Wire/                #   Connect-Swift + FlatBuffers client to the gateway (same wire as web/Android)
    DesignSystem/        #   tokens, typography (SF), board/tile visual spec, reusable components
    Features/            #   per-screen feature modules (views + @Observable models)
    DataMocks/           #   mock implementations of the data protocols (the "seam"); powers Previews + e2e stubs
  Tests/                 # or per-package tests: Swift Testing, snapshot, XCUITest
  README.md
```

Workflow discipline (XcodeGen): the generated `.xcodeproj` is a **disposable artifact** — never edit
project structure in the Xcode UI expecting it to persist; change `project.yml` and regenerate. Files
are picked up by globs, not hand-listed. XcodeGen passes through arbitrary raw build settings and
custom build phases, so custom needs are expressible; worst case escape hatches are committing the
`.xcodeproj` or migrating to Tuist — no dead end.

---

## 5. Determining optimization principles
These five shape the architecture from the start (not "add later"):

1. **Push (APNs) instead of a live socket while backgrounded.** For a turn-based game we do **not** hold
   a socket in the background; the opponent's move arrives via **push**. This is an energy-architecture
   decision, not just notifications — it puts APNs on the critical path.
2. **Board rendered with `Canvas`**, not a tree of ~225 `View` nodes (far cheaper in perf and memory).
3. **Engine off the main thread** — move generation, DAWG traversal, scoring, hints run on a background
   actor/Task; the UI stays responsive. Swift 6 concurrency enforces this.
4. **`mmap` the dictionary (DAWG)** — memory-map, do not load the whole thing into RAM; low footprint.
5. **Fast silent boot + spinner-less resume via cache.** Show UI instantly; move heavy init (dictionary
   prep) off the launch path (lazy until first needed). On foreground, render the persisted state
   immediately and **silently** re-establish the stream, reconciling deltas — no blocking overlay. (Same
   spirit as the Android native "silent+fast boot" and the web "offline return-online poll".)

### Lifecycle / background (the mechanism behind #1 and #5)
`ScenePhase`: on `.background`/`.inactive` tear down the live stream, stop timers, release resources; on
`.active` resume from cache + silent reconnect. Respect **Low Data Mode / cellular**
(`NWPathMonitor.isConstrained/isExpensive`). Batch network to avoid keeping the radio awake (radio tail).

---

## 6. Hygiene practices (apply as we go)

- **Memory warnings** — purge caches; watch for retain cycles (`[weak self]` around streams/observation).
- **Kill any animation while backgrounded** (do not tick the turn clock in the background).
- **Low Power Mode** (`ProcessInfo.isLowPowerModeEnabled`) — trim animations/background activity.
- **Reduce Motion** (`accessibilityReduceMotion`) — drop lavish animations (accessibility **and** battery).
- **Thermal state** — reduce load under throttling.
- Let the screen sleep; no needless wake locks. No sensors (geo/motion) — none are needed.

---

## 7. Storage — persist eagerly, do not trust `willTerminate`
There is **no reliable destructive callback** on iOS: `willTerminate` is often **not** called (swipe
force-kill, memory kill happen silently). Relying on catching a "destroy" event is a trap.

Pattern: **persist on the way to background** (`scenePhase → .inactive/.background`); snapshot the state
that matters (in-progress tile placement on the board, an uncommitted move). For the uncommitted
placement, also persist **incrementally** on meaningful changes (a tile placed / removed), **coalesced**
(not on every drag pixel). Data volume is tiny, writes are cheap. Store: SwiftData or plain file/SQLite —
decide at implementation. Net effect: even a silent kill loses nothing; the last valid state is on disk.

---

## 8. Testing — take all three layers

The mock **seam** (protocol-backed data access with `DataMocks`) is both the Preview data source **and**
the e2e stub mechanism.

1. **Unit — Swift Testing** (`import Testing`, `@Test`, `#expect`): domain/logic, engine **parity golden
   tests**, wire **codec** tests, view-models. Pure (non-UI) SPM packages are **Linux/CI-buildable** — a
   slice of tests can run in the ordinary CI without a Mac.
2. **Snapshot — swift-snapshot-testing**: visual regression of SwiftUI views against reference images
   (fixed simulator device for determinism). Valuable for a from-scratch design.
3. **e2e — XCUITest against the mock seam**: the native analogue of the web Playwright mock e2e. The app
   launches with a launch argument that switches to `DataMocks`; the whole UI is driven deterministically
   with no server. Runs on the Mac runner in CI.

Lesson carried from web: the mock e2e **bypasses the real network**, so wire/codec bugs are **not** caught
there — they need the **codec unit tests**.

---

## 9. Crash reporting & analytics
- **Crashes: MetricKit.** `MXMetricManager` delivers crash/hang/CPU/disk diagnostics to the app; we
  **upload the payload to our own backend** and view it in the existing **Grafana/logs** contour — fully
  self-hosted, zero third-party, no paid service. Apple's Xcode Organizer / App Store Connect also provides
  aggregated crashes for TestFlight/release builds for free.
  - **Operational requirement:** crashes are unreadable without **symbolication** → CI **must archive the
    `dSYM`** for every build/release (artifact), else reports are raw addresses.
- **Analytics: none** (see §2). No tracking, no ATT prompt, no IDFA — cleaner privacy labels as a bonus.

---

## 10. Payments — region-aware seam, out-of-region reject risk (tracked)

- Target **both** external rails (Robokassa/analogs, primary for RU) and Apple IAP, behind a **region-aware
  payment seam** (distribution region is set per-country in App Store Connect).
- **The RU situation is a genuine grey/in-flux area:** Apple has effectively disabled IAP for RU accounts
  while external merchants are not yet blocked — hence real apps running both paths. We follow that.
- **[OPEN / TRACKED] Out-of-region payments:** external payment for digital goods is a **rejection risk
  outside the RU region** (App Store guideline 3.1.1). We need a mechanism to route/avoid so we do not get
  rejected. Re-verify current policy at the payments implementation phase. Do not die on this hill; the
  owner's real-world observation stands, but the risk is on record.
- **[OPEN / TRACKED] Cross-platform spend compliance:** must not let web-funded (same-email) chips be
  spent inside the iOS app (see §14 → I). A dedicated payments session will settle the iOS spend-
  visibility. iOS v1 shows the packs but blocks Buy with a soft redirect to the web/Android build.

---

## 11. Gates

- **[GATE] Apple Developer account** (in process). Development in the **Simulator is unblocked without it**.
  It blocks, downstream: running on a **physical device**, enabling **Sign in with Apple** (needs an App ID
  + capability), **push (APNs)**, **TestFlight / App Store release**. Sequence work so these land after the
  account is active.

---

## 12. Audio — future (only if sounds are added)

Two common anti-patterns we must **not** ship, both fixed via `AVAudioSession`:

1. **Never silence the user's other audio.** Category **`.ambient`** (+ `.mixWithOthers`): mixes with the
   user's music/podcast, does **not** interrupt it, and respects the **silent switch**. The typical mistake
   is `.playback`, which stops others — we do not use it.
2. **Never "capture" audio at launch.** Activate the audio session **lazily — only while actually playing a
   sound** — and do not hold it active otherwise; never activate on boot. Avoids the "launched and muted my
   music while playing nothing" annoyance.

---

## 13. Development sequence (the process, agreed)

**Design the full online app up front; build in a vertical slice, then breadth.** Order:

1. **Screen & moving-parts inventory** — enumerate every screen and, per screen, its states, data, and
   reactions to actions (re-imagined for iOS, informed by the web functional domains but not mirroring
   them). *(Next up — to be filled in below as we do step 1.)*
2. **Navigation / state skeleton** — an app-level router; transitions expressed as state (`NavigationStack`
   path, state-bound sheets), not bolted on afterward.
3. **One vertical slice first — the game screen** (with stubs), fully interactive. This is where the
   **design system** (tokens, SF typography, board/tile visual spec) and the **reusable component kit** are
   born — on the highest-value screen, not on a login form.
4. **Then breadth** — the remaining screens along the established patterns; each screen built with its
   controls **and** mock data together (not screens-then-transitions-then-controls in horizontal passes —
   SwiftUI is data-driven, so a screen and its controls co-evolve and transitions fall out of the state
   model).

Throughout: mock is an **architectural seam** (protocol + `DataMocks`), not throwaway — the real
networking later slots in behind the same protocols. The **Swift engine port** is its own workstream
(stub the game during the presentation phase; wire the real parity-pinned engine later).

---

## 14. Inventory — screens & moving parts (step 1)

Seeded from `docs/FUNCTIONAL.md`, re-imagined for iOS-native idioms. Tags: **[keep]** as-is in
spirit, **[re-imagine]** with a native idiom, **[deferred]** designed but delivered later. The
per-screen **moving parts** (states / data / actions) are filled in section by section next, starting
with the game screen (the vertical slice).

### A. Boot / launch
- **Loading splash** [keep] — crossword tiles (ЭРУДИТ / ЗАГРУЗКА / ОЖИДАНИЕ), minimal, aligned with the
  fast-silent-boot principle (no empty flash).
- **Offline first-launch → straight into the lobby as guest** [keep] (as Android).
- **"Couldn't load" + Retry** [re-imagine] native, no web-sign-in fallback.
- **"Client too old" update screen** [keep] native: Update (Store) / Play offline.

### B. Onboarding
- **Coachmark tours** (lobby series + game series) [re-imagine] via **TipKit**.

### C. Auth / identity (v1: SIWA + email + guest)
- **Login screen** [re-imagine] stacked buttons: **Sign in with Apple** (native sheet) + **Email** + **guest**.
  VK / Telegram rows **[deferred]**.
- **Email code entry** [keep].

### D. Lobby
- **"My games" list** [keep] — three sections (your turn / opponent / finished; empty hidden), ordering
  rules, unread dots (red/amber), status-blink, swipe-to-remove finished, server games greyed-out offline.
  Swipe/kebab → native **swipe actions**.
- **Bottom tab bar** [re-imagine] → `TabView`: New Game / Statistics / Settings hub.

### E. New Game
- **New Game screen** [keep] — Quick game (AI / random), With friends (invite / pass-and-play), variant
  pick (gated by preferences), RU "multiple words per turn" toggle, per-kind caps 🔒 prompts.
- **Friend invite** [keep] — pick from friend list.
- **Pass-and-play setup** [keep] — host PIN keypad, player rows (2–4), optional per-seat PIN.

### F. Game — VERTICAL SLICE (step 3)
- **Game board screen** [keep] — board on **`Canvas`**, rack, action bar (combined pass/exchange, hint,
  shuffle, confirm), on-board legality preview + score badge, bag count.
- **Scoreboard header / seats** [keep] — opponent cards with add-friend 🤝 / block ✖️.
- **Move history** [keep].
- **Comms screen** [keep] — 💬 chat / 🔎 dictionary tabs.
- **Dictionary word-check** [keep] — complaint, external reference link (network-gated).
- **Hint** [keep] — lays suggested tiles; vs_ai 🔒 idle-gate + countdown (steady in-app timer).
- **Pass / exchange** [re-imagine] native sheet.
- **Pass-and-play in game** [keep] — seat PIN unlock, leader controls (skip / remove / end early).
- **Connection-lost banner + frozen play area** [keep].
- **End-of-game + export** [keep] — GCG + PNG via the native **share sheet**.

### G. Social / friends
- **Friends screen** (Settings → Friends) [keep] — list, one-time code (issue / redeem), requests,
  block / unblock / unfriend; kebab → native **context menu**.
- **Incoming invitations** [keep] — accept / decline.

### H. Profile & settings
- **Settings hub** [re-imagine] grouped `List`: settings, profile, friends, wallet, about.
- **Settings** [keep] — language, theme, board bonus-label style, reduce-motion, zoom-the-board,
  notifications-in-app-only, block toggles.
- **Profile** [keep] — display name, timezone, away window, variant preferences, sign-in methods
  (link / unlink / merge), delete account; inline editing.
- **Merge confirmation** (irreversible) [keep].
- **Delete account** [keep] — mailed code / typed phrase.

### I. Wallet & store (designed in v1, delivery staged)
- **Wallet** [keep, deferred delivery] — balance (per-platform chips), Active line, Buy / Spend toggle,
  watch-ad option, Exchange confirm, store-compliance warnings. Region/store-aware; ties to the §10
  payment seam.

### J. Feedback
- **Feedback screen** [keep] — message + single attachment, reply display, feedback-banned state.

### K. Info / legal
- **About** [keep] — version, links.
- **Legal docs** (EULA / privacy / offer) [re-imagine] — in-app viewer or Safari, not web pages.

### L. Cross-cutting (not screens)
- **Advertising banner** under the nav (free players) [keep] — component, campaign rotation / colours / urgent.
- **Push (APNs)** + real-time in-app updates — data flows, not a screen (APNs is also the background
  energy model, §5).

### Excluded (web / platform-specific — not in the native iOS app)
- **Admin console `/_gm`** — server-rendered web, not part of any client.
- **Landing page** — web-only.
- **Telegram / VK Mini App** hosting + their diagnostic screens — the iOS app is not a Mini App.
- **PWA install CTA** — web-only.
- **Promo bot**, **Telegram support chat** — Telegram-side (in-app Feedback in §J is kept).

### Native idioms replacing web mechanics
`TabView` (tab bar) · native swipe actions / context menus (swipe-remove, kebab) · sheets (popups/modals)
· `ShareLink` / share sheet (export) · **TipKit** (coachmarks) · grouped `List` (settings/legal) · SIWA
native sheet (auth).

### Assets, tiles & icons- **Tiles are drawn as runtime vectors** (a rounded rect + a font glyph + the point value, on the board
  `Canvas`) — **no image assets, no pre-generation, no local-store cache.** Resolution-independent (crisp
  under zoom-on-drop), theme/variant/locale-adaptive for free. Cache rendered tile images
  (`ImageRenderer`) **only if** profiling later shows a need. The crossword loading splash **reuses the
  same tile component** (zero assets).
- **LaunchScreen** is static, OS-level, a simple brand mark (background + logo/wordmark; system font or a
  single logo image — **no tile assets**). Its duration **equals the real launch time** — it **cannot** be
  extended or held programmatically (and fake delays are discouraged); the "longer" splash is the **in-app
  crossword splash** (its timing is ours, shown until the lobby is ready). Match the LaunchScreen
  background to the in-app splash so the OS→app handoff is seamless (no flash).
- **Icons = SF Symbols** (the system icon set) everywhere — all the emoji in this plan are placeholders
  for meaning; the real UI uses SF Symbols (gear, chart.bar, dice, bubble.left, shuffle, lightbulb,
  person.badge.plus, xmark/hand.raised, square.and.arrow.up, lock, …). **Custom vectors only where no
  system symbol fits:** the three variant emblems and the tiles.

### Per-screen moving parts

#### F. Game screen — detail

**Layout**
- **iPhone: full board always visible + zoom-on-drop** (hybrid, web-parity, setting-gated by the
  existing "Zoom the board" toggle). Board scaled to width; on tile drop it magnifies toward the drop
  point for precision.
- **Bottom-anchored stack**, top→bottom: *(top strip — the ad banner (L) + connection chrome, else
  empty)* → **seats header** → **board** → **rack** → **bottom toolbar**. Everything is packed to the
  bottom; the top strip hosts the L banner / Connecting…/Offline/connection-lost chrome, else empty.
- **Orientation: iPhone portrait-only; iPad portrait + landscape.**

**Four regions**
1. **Scoreboard / header** — seats (name, score, whose-turn), unread dot (red msg / amber nudge),
   connectivity state ("Connecting…" / Offline chip / connection-lost banner), 💬 entry to history/comms.
2. **Board (`Canvas`)** — 15×15 grid, placed tiles, staged tiles with on-board legality preview
   (light green when a word forms, darker on run-through board tiles, pink when none; orange badge =
   score), zoom-on-drop.
3. **Rack** — player tiles, drag/tap to place, shuffle, in-rack reorder.
4. **Action bar** — combined pass/exchange, hint (vs_ai 🔒 idle-gate + countdown), shuffle, confirm
   (only when the move is legal), bag count.

**State axes (repaint the screen)**
- **Whose turn:** mine (preview + submit) vs opponent's (draft placement only, position-only).
- **Phase:** waiting for opponent (auto-match "searching for opponent"; resign/chat/nudge off) →
  active → finished.
- **Connectivity:** online / connecting / offline / connection-lost-in-online-game (frozen).
- **Kind:** vs_ai (honest 🤖: unlimited wallet-free hints idle-gated, no chat/nudge/add-friend, no
  clock — 7-day only, no export) · auto-match 2p (possibly a disguised robot) · friend 2–4 ·
  pass-and-play (seats, PINs, leader).
- **Variant:** Erudite / RU Scrabble / EN Scrabble; RU "multiple words per turn" toggle changes the
  preview (main word only vs all perpendiculars).

**Interactions**
- Place tile (drag or tap; the game infers direction) · **blank ('?') letter picker** · recall a
  staged tile to the rack · legality preview on-device (first-time warm-up; server fallback) · confirm
  (only when legal) · resign · shuffle · **hint** (per-game allowance → wallet; vs_ai unlimited but
  idle-gated 30 min, 🔒 + steady in-app countdown) · zoom-on-drop (setting) · **per-game composition
  persistence** (rack arrangement + uncommitted move restored, cross-device).

**Sub-surfaces (from the header)**
- **Seat cards** (with history open): add-friend 🤝 / block ✖️, confirm on a fading ✅; disabled/
  disappear rules.
- **Move history** (words, coordinates, scores; pass/exchange/resign/timeout notes; closing ± endgame
  settlement).
- **Comms** — chat (1 msg/turn, ≤60 chars, no links) + dictionary word-check (complaint, external
  reference link); **nudge**.
- **Pass-and-play** — seat PIN unlock (keypad replaces the locked seat's rack); leader button →
  skip / remove / end-early (leader password); hints and chat off.
- **End-of-game** — result, final scores (yours first), export 📤 (GCG + PNG, never for honest-AI);
  "could not be continued → draw" organizer note.
- **Connection-lost (online game)** — slim banner, play area freezes (rack + move controls disable;
  resign/add-friend/block/chat hidden; a started move stays as a draft); if already in chat/dictionary
  you stay (chat read-only, dictionary keeps checking on-device).

**UX decisions**
- **Comms sheet:** a **single detented sheet** with a segmented control **[History | Chat |
  Dictionary]**; the board + seats header stay visible above; native swipe-to-dismiss + grabber.
  **Opened by tapping the seats header** (where the unread dot / 💬 live). iPad landscape later adapts
  it to a side column. (Simplifies the web's nested history → comms navigation.) The **export 📤**
  lives inside this sheet (History segment, finished game) — **not** in the header.
- **Bottom toolbar (not a TabBar).** The in-game controls are actions, so they sit in a native bottom
  toolbar (`ToolbarItem(.bottomBar)`, the Safari/Mail pattern), **not** the app `TabView` — which is
  navigation and is **hidden inside the game**. Layout: **`[pass/exchange] — [hint ⇄ confirm] —
  [shuffle]`** (3 slots). The centre control **morphs hint → confirm** only once a legal move is
  staged (doubles as "you can commit" feedback). **Exchange** is inside the `pass/exchange` control
  (select tiles = exchange, none = pass). **Recall** a staged tile by tapping it — no dedicated button.
- **Tile placement:** **both drag and tap-to-place**; recall by tap; the **blank ('?') letter picker**
  is a popover over the variant's alphabet.
- **Seat cards:** composed from primitives (`HStack`/`VStack` + design tokens, optional `GroupBox`),
  no prebuilt control. Base header shows name / score / whose-turn / unread dot only.
- **Opponent social actions:** **tap a seat card → a mini player panel** (popover on iPad, sheet on
  iPhone) showing the relationship status (pending / friends / blocked) with **Add friend** / **Block**
  (`Button(role: .destructive)` + native `confirmationDialog`). Replaces the web's in-place score-card
  swap.
- **Rack:** shuffle button; reorder tiles by in-rack drag; tap selects a tile for tap-place; freed
  slots render empty.
- **Waiting for opponent (auto-match):** the opponent card reads "searching for opponent" with a calm
  activity indicator (not a blocking spinner); resign/chat/nudge hidden; you may arrange tiles if it is
  your turn; a "you can close the app and come back" note.
- **vs_ai hint-lock:** the hint control carries a 🔒 badge while idle-gated; a tap shows a transient
  "unlocks in N min" popover; the lock lifts live at the mark.
- **End-of-game:** a result plate on the board (win/lose/draw, final scores yours-first); export via the
  sheet (above); never for honest-AI.
- **Connection-lost / offline chrome** (per FUNCTIONAL, native styling): offline = blue header + Offline
  chip; brief blip = quiet "Connecting…" in the header; connection-lost in an online game = slim banner
  + frozen play area (rack/controls disabled, resign/social/chat hidden, started move kept as a draft).

*(F inventory + UX skeleton complete. Design-system specifics — colours, typography, tile visuals —
emerge while implementing the vertical slice, step 3.)*

#### D. Lobby — detail

**UX decisions**
- **List style:** native **inset-grouped `List`** (the Settings-app look — floating rounded section
  cards over a grouped background). Sections: **your turn / opponent's turn / finished** (empty hidden).
- **Grouping (option A — unified lobby):** one lobby, all games in the three state sections. **Local
  games** (offline vs_ai + pass-and-play, which never sync) are **badged inline** with an "on-device"
  marker. When offline, **server rows grey out in place** (un-openable; a tap explains why) — not moved
  or hidden.
- **Fold/unfold:** **opponent + finished** sections are collapsible (`DisclosureGroup`); **"your turn"
  is always expanded** (it is the action section). Fold state is remembered per-device.
- **Bottom `TabView` (app navigation):** New Game / Statistics / Settings hub. (Confirmed: the TabBar
  switches screens; in-game controls are a bottom toolbar, not this.)
- **Row anatomy:** opponent name (or "searching for opponent" for an unfilled auto-match) · a **variant
  emblem** (three distinct icons — Erudit / RU Scrabble / EN Scrabble; **not** a national flag, which
  can't separate the two Russian variants) · unread dot (red msg / amber nudge) · an **on-device badge**
  for local games · a **result** for finished games. **No status icon** (the sections already group by
  status). No avatars (name only). Compact, line-separated. *(Exact visual TBD on the slice.)*

**Behaviour (per FUNCTIONAL, kept)**
- **Ordering:** your-turn first (longest-waiting on top); opponent + finished most-recent first; a game
  with any unread floats to the top within your-turn/opponent (finished keeps its order).
- **Live updates:** a listed game that becomes your-turn or finishes while the lobby is open
  **flashes its row briefly** (the status-icon blink is retargeted to a row-level flash, since there is
  no status icon); the game also moving into the *your turn* section is itself a signal. An opponent's-
  turn change is silent, applied in place.
- **Unread dot:** next to the game — **red** when an unread message waits, **amber** when only nudges.
- **Remove finished:** native **swipe action** → ❌ (per-account, permanent, no undo). An AI game you
  left (resign or 7-day lapse) auto-drops from *finished*; a normally-finished AI game stays until
  removed; no other type auto-removes.
- **Cold open:** loading splash (crossword tiles ЭРУДИТ/ЗАГРУЗКА/ОЖИДАНИЕ) until the list is ready — no
  empty flash.
- **Offline chrome:** blue header + Offline chip; Stats tab disabled; invitations hidden; server rows
  greyed.

#### E. New Game — detail

**UX decisions**
- **Structure:** a top **segmented `[Quick game | With friends]`** + a contextual **inset-grouped form**
  below (consistent with the lobby aesthetic).
  - *Quick game:* opponent segmented **`[AI | Random]`** → variant (emblem chips) → RU "multiple words"
    toggle → **Start**.
  - *With friends:* rows **Invite a friend** / **Pass-and-play** → pushed sub-flows.
- **Variant picker:** **emblem chips / segmented** (≤3 variants); **hidden entirely when a single variant
  is enabled** (the common default — Erudite only).

**Behaviour (per FUNCTIONAL, kept)**
- **Quick game:** AI default (instant 🤖, no wait) / Random (auto-match 2p — drops you into the game to
  wait inside; "you can close the app and come back" note).
- **With friends offline → only pass-and-play** (invite needs the network).
- **RU "multiple words per turn":** default **off**; RU games only; English is always standard, no toggle.
- **Per-kind caps** (AI / random / friend): a start at its cap shows **🔒**; a tap opens a prompt — a
  **guest** is invited to sign in / create an account, a **signed-in** player is told to finish a current
  game. **Accepting an incoming invitation is never capped.**
- **Friend invite:** pick **2–4** from the friend list; the inviter sets the game settings; starts once
  **all accept**; any decline cancels; an unanswered invite expires in **7 days**; shareable as a Telegram
  deep link (on VK the link only opens the app, the code is entered by hand).
- **Pass-and-play setup:** host PIN keypad → "are you playing too?" (yes → first seat takes your name) →
  name players 2–4 (add/remove; a removal asks the leader password) → optional per-seat PIN.
- **Per-game settings set** (inviter chooses for friend games; quick games use defaults): variant · RU
  multiple-words · **move timeout** (5 min–24 h, default 24 h) · **hints** (allowed? how many each) ·
  **leaver's-tile disposition** (returned to bag / removed — 3–4-player games only).

**UX decisions (sub-details)**
- **Cap 🔒 prompt:** a 🔒 badge on the **Start** control (looks unavailable); a tap opens a native
  alert — guest: a "Sign in / Create account" action; signed-in: an informational "finish a current
  game first."
- **Pass-and-play setup** (pushed, stepped): (a) 4-digit host PIN on a custom lock-screen-style keypad
  (no built-in iOS control — composed); (b) "are you playing too?"; (c) player rows as an editable
  `List` (EditMode add/remove; a removal is gated by the leader password); (d) per-seat PIN via a small
  lock toggle in the row.
- **Friend-invite** (pushed): multi-select from the friends `List` (checkmarks, 2–4) → a **settings
  step** reusing the per-game settings set → **Send** (+ shareable link). Setting controls: move
  timeout = native picker (5 min–24 h); hints = toggle + stepper; leaver disposition = segmented
  `[to bag | out of play]`.

#### C. Login / identity — detail (v1: SIWA + email + guest)

**UX decisions**
- **No hard login wall — guest by default** (offline-first, as Android native). First launch drops
  straight into the lobby as a guest.
- **Reusable sign-in sheet:** a bottom **detented sheet** (same idiom as the comms sheet) with the
  sign-in buttons in a **vertical stack** — **Sign in with Apple** (`SignInWithAppleButton`) + **Email**
  (future VK/TG rows append here). **Shown once on first launch, dismissible** — dismiss = stays guest.
  **Reused on demand** from the Profile "Sign in" action.
- **Email flow:** address → **6-digit code** entry → signed in / linked; rate-limit feedback (cooldown +
  hourly cap). **Code-only on native** — the magic link is unused (it opens an external browser that
  can't return to the app; mirrors the installed-PWA case in FUNCTIONAL).
- **SIWA:** native system sheet → gateway validates → create / link the account.
- **Merge on collision** (the identity already belongs to another account): guest initiator = seamless;
  durable initiator = irreversible confirmation. Triggered by sign-in; the merge screen itself lives in
  **H** (Accounts, linking & merge).

#### B. Onboarding — detail (TipKit, native)

**UX decisions**
- **TipKit, native flavour** (confirmed): contextual tips anchored to controls, ordered via **`TipGroup`**
  — **no full-screen dimming, no tap-anywhere-advance**; each tip dismisses itself (its ✕ or performing
  the action). Shown once; per-device eligibility.
- **Two tours:** **lobby series** (⚙️ settings, ✏️ statistics, 🎲 new-game tabs) + **game series**
  (scoreboard header, pass/exchange, hint, shuffle, rack). Localized (en/ru).
- **First-launch sequence:** lobby (guest) → sign-in sheet (C) → on dismiss → the TipKit lobby tour
  (so the sheet and the tips don't overlap).

#### G. Friends — detail (Settings → Friends)

**UX decisions**
- **Structure:** a single **inset-grouped `List`** with sections **Requests** (incoming: accept /
  decline; outgoing: cancel) · **Friends** · **Blocked** (unblock). A toolbar **"+"** opens the add
  sheet.
- **Add sheet ("+"):** **Enter a code** (6-digit redeem, valid 12 h) / **Share my code** (generate +
  `ShareLink`).
- **Friend-row actions:** **swipe actions** — **Remove** (destructive) + **Block** — each gated by a
  naming **`confirmationDialog`** ("Remove from friends?" / "Block this player?").
- Chat / nudge are **not** here — they live in the in-game comms sheet (F). Global block toggles
  (incoming chat / friend requests) live in **Profile (H)**.

**Behaviour (per FUNCTIONAL, kept)**
- Two ways to friend: redeem a one-time code, or a request to someone you've played with
  (accept / ignore→30-day lapse / decline→blocks until they hand you a code). Cancel your outgoing;
  unfriend removes it.
- A per-user block is one-directional and silent; **unblock and unfriend live only here**.

#### H. Profile & settings — detail

**UX decisions**
- **Settings hub** = an icon **`List` of drill-down `NavigationLink` rows** (the Podcasts → Library
  pattern), SF-symbol icons, with room left at the bottom for optional general info later. Rows:
  - **Interface** (⚙️) → display-settings screen.
  - **Friends** (person.2) → G.
  - **Wallet** (creditcard) → I. **Hidden for guests.**
  - **Info** (info.circle) → About + version + legal (K).
  - **Feedback** → J. **Hidden for guests.** Unread-reply **badge** on the Settings tab **and** on this
    row.
- **Profile = a top-right nav-bar icon** (`ToolbarItem(.topBarTrailing)`, `person.circle`; filled /
  initial when signed in) on the settings hub: **guest → the sign-in sheet (C); signed-in → the profile
  screen.** (Duplicated onto the lobby only if asked later.)
- **Interface screen** (display prefs): language · theme · board bonus-label style · reduce-motion ·
  zoom-the-board.

**Guest has no editable settings** — the random nick is not changeable, the variant is always
`erudite_ru`, the timezone is auto-detected (never set by hand). So there is **no guest profile
screen**: the profile icon for a guest opens the **sign-in sheet** (confirms C). It also confirms E's
"variant picker hidden when a single variant is enabled" for guests.

**Profile screen (signed-in / durable)** — an inset-grouped `Form`:
- **Name** — inline `TextField` + validation (letters + `·`/`.`/`_` separator, optional trailing `.`
  or ≤5 digits, ≤32 chars, ≤5 specials).
- **Play** — timezone (UTC-offset picker, pre-filled from the device) · away window (10-min grid, ≤12 h,
  wraps midnight; a two-time range) · variant preferences (multi-select emblems, ≥1 kept) ·
  notifications-in-app-only (`Switch`, default on).
- **Privacy** — global block toggles (incoming chat / friend requests).
- **Sign-in methods** — rows link / unlink; **email is "changed", not unlinked**; the **last** method
  can't be unlinked; a provider that belongs to another account offers the irreversible **merge** (guest
  initiator seamless, durable initiator confirmed).
- **Delete account** — destructive footer; confirm via a mailed code (email account) or a typed phrase.
  Legal-retention removal (not erasure), per FUNCTIONAL.

#### I. Wallet & store — detail (durable only; delivery staged)

**UX decisions**
- **Structure:** inset-grouped — a **balance card** (running-context «Фишка» first, then linked
  other-platform chips behind their logos: VK / Telegram / web / **Apple** as a new context) → **Active**
  line (hints remaining + ad-free end date / "forever"; hidden when empty) → segmented **`[Buy | Spend]`**
  → rows. **No purchase history.**
- **Buy (v1):** the chip packs are **shown** (the user sees purchases exist in the game), but tapping
  **Buy** shows a light message — *"Purchases are unavailable on the Apple platform. You might like
  another version of [our app](landing)."* — a soft redirect to the Android/PWA build while payments are
  not wired. Chosen over hiding so the offering stays visible; unlocking real Buy later (IAP / external
  rails) is then just enabling the path.
- **Spend:** values (extra hints, days without ads) at a fixed chip price; **Exchange** action + a
  confirm `confirmationDialog`.

**[OPEN / TRACKED — a dedicated payments session, not resolved here]**
- **Cross-platform spend compliance (Apple landmine):** we must **not** let a user buy chips on the web
  (email login) and then **spend** them inside the iOS app where the same email is signed in — spending
  externally-funded digital currency in-app violates App Store rules. This reshapes the iOS
  **store-compliance spend-visibility** (what of the balance is spendable on iOS, given there is no
  Apple-funded chip yet). The owner will settle it in a dedicated payments session. Ties to §10.

#### J. Feedback — detail (durable only; guests hidden)

**UX decisions**
- inset-grouped `Form`: **`TextEditor`** (≤1024, live counter) → attachment row → **Send**.
- **Attachment:** one file ≤1 MB (images / PDF / text-log / office / RTF / archives). **"Attach"** →
  menu **`PhotosPicker` (Photos)** / **`fileImporter` (Files)**; **no camera**. An unsupported file is
  refused **without naming** the allowed types; the chosen file shows as a removable chip.
- **After send:** the form clears, "Ваше сообщение отправлено"; while the operator has not dealt with it,
  a locked state "Ожидаем рассмотрения вашего последнего обращения" (Send disabled).
- **Reply** below: "Ответ на ваше последнее сообщение"; links open in `SFSafariViewController`; marked
  read on view; gone after a week.
- **Unread-reply badge:** Settings tab + Feedback row (H).
- **Feedback-barred** player: Send disabled.

#### K. Info / legal — detail

**UX decisions**
- **About screen** (Info hub row): app name · **version** (native build + the client-version) · links to
  the three legal docs · copyright; optional "Rate on the App Store".
- **Legal docs** (EULA `/eula/`, privacy `/privacy/`, offer `/offer/` + live price list): open via
  **`SFSafariViewController` to the hosted URLs** — always current, the offer's price list stays live,
  bilingual handled by the page; no render pipeline duplicated in the app. **Offline:** unavailable
  ("недоступно офлайн").

#### A. Boot / launch & update — detail

**UX decisions**
- **LaunchScreen:** static, OS-level, instant (**iOS cannot animate the launch screen**) — brand/logo.
- **In-app loading:** the crossword-tiles splash (ЭРУДИТ/ЗАГРУЗКА/ОЖИДАНИЕ) shows **only while the lobby
  list isn't ready**; fast silent boot → usually straight to the lobby. Offline cold launch → straight to
  the offline lobby.
- **"Couldn't load" + Retry:** a native screen when an online launch can't reach the backend (a quiet
  retry first).
- **Client too old** (only on an online action, never while playing offline): full-screen, non-dismissable
  — **Update** (App Store listing) + **Play offline** (keep on-device games).
- **"Update available" (soft, not required):** a **transient top banner styled like a native
  notification** — "Пора обновить приложение", **tap → App Store**, **auto-dismiss after 5 s**, shown on
  **every launch when online**. (iOS has no first-party toast → a custom notification-style banner;
  deviates by choice from the web's persistent dismissible bar.)

#### L. Advertising banner — detail (cross-cutting component)

**UX decisions**
- **Placement:** a one-line strip **on the main tabs (Lobby / New Game / Statistics) AND in-game (F)** —
  players spend most time in-game. Hidden in settings drill-downs and modal flows. **In-game it occupies
  the top strip** (the empty space above the seats header), coexisting with the connection chrome
  (Connecting… / Offline / connection-lost banner sit with it).
- **Audience:** free players only (not lifetime-paid, no purchased hints, no `no_banner` role); guests
  see it; appears/disappears **in place** on a property change.
- **Language (native, no bot channel):** the **interface language** (RU default) — there is no "bot you
  play through" here.
- **Not hidden under TipKit** (no dimming overlay, unlike the web coachmarks).

**Behaviour (per FUNCTIONAL, kept)**
- Operator campaigns (weight %, optional window); compete in proportion to weight; a **house/default**
  campaign fills the unsold share; an **urgent** campaign shows to everyone and is the only thing shown.
- Fair weighted rotation; a multi-message campaign cycles in turn; transitions (fade-out → gap →
  fade-in); long-message scroll; timings from the server (`/_gm/banners`).
- Per-non-default-campaign colours (theme-aware set + optional dark override; derived border); urgent flag.