WATranslate v4.3 — Mobile Conversation Refinement

BUILDS ON
v4.2 Mobile App Mode / PWA.

WHAT CHANGES ON MOBILE

CHATS SCREEN
The v4.2 Chats screen is intentionally left essentially unchanged.

CONVERSATION SCREEN

Incoming message:
- Russian translation becomes the main readable text for the agent.
- Small language route is shown, for example:
  English → Russian
- "Show original" expands the actual customer message.
- "Reply in English/German/Spanish/Russian" keeps reply-to-language targeting.

Outgoing message:
- The translated/sent customer-language message is the main text.
- "Show Russian draft" expands what the agent originally typed.
- This makes the chat represent what the customer actually received.

OTHER MOBILE IMPROVEMENTS
- timestamps become HH:MM instead of full database timestamps
- delivered/read status remains visible
- bubbles are more compact
- subtle chat background texture
- smaller conversation header/back button
- composer becomes one row:
  [ Russian reply field ] [ Translate ]
- translation preview becomes a compact panel
- default debug-style "Reply target: latest incoming message" is hidden on mobile

DESKTOP
Desktop rendering remains unchanged:
- original text
- translated text
- existing reply button
- full timestamps

NO BACKEND CHANGES
Do NOT change:
- api.php
- public/api.php
- public/webhook.php
- config.php
- database
- src/
- Google settings
- Meta settings

FILES TO OVERWRITE
public/index.php
assets/app.js
public/assets/app.js
service-worker.js

FILES TO ADD
assets/mobile-v4.3.css
public/assets/mobile-v4.3.css

INSTALL
1. Back up the current WATranslate folder.
2. Upload this ZIP into:
   public_html/whatsapp-server-translator/
3. Extract and overwrite.
4. Close WATranslate from the iPhone app switcher.
5. Re-open it from the Home Screen icon.

Because WATranslate is installed as a PWA and has a service worker, fully closing
and reopening the Home Screen app is recommended after this UI update.

NO SQL REQUIRED.
