i18n(ar): apply review round 1

Findings from the astra, sol and fable reviews of the Arabic screenshots:

- Wording: forecast valid time is «عند», not an expiry; acres are آكر, not
  feddans; live layers are «تتبّع … المباشر» (not "direct flights"); the
  straight-ahead lane, turboprop, call sign, reconcile, proximity, retrying,
  count agreement (colon form, fixed counts, ي for compact day ages) and
  smaller fixes. Guide and glossary updated.
- Right to left: the scene editor's JSON fields are LTR; canvas map cards
  draw with LTR geometry and an Arabic face; whiteboard callouts anchor
  inside their cards; HDG/FOV keep their values; the cyclone timestamp no
  longer splits its date; bare-number counters read 01 / 25, translated
  ones say «من».
- Built-in shot titles of the Nepal shot pack's bootstrap shots localize
  (the applied pack vouches for them), in every language.

Co-Authored-By: Claude Opus 5.5 <[email protected]>

src/ui/cctvPresentation.js

@@ -1,5 +1,5 @@
 import { updateStatusBadge } from './statusBadge.js';
-import { t, tn } from '../i18n/index.js';
+import { keepCodesWithValues, t, tn } from '../i18n/index.js';
 import { cctvSourceLabelText, cctvSourceMessageText } from './cctvFrames.js';
 
 import { createCctvVideoSurface } from './cctvVideo.js';
@@ -167,18 +167,20 @@ export function _renderCctvState(state) {
         : '';
       const projLabel =
         state?.showProjection !== false ? t('MONITOR') : t('OFF');
-      this._cctvMeta.textContent = t(
-        '{city} · HDG {heading} · FOV {fov} · RANGE {range}m · {projection}{calBadge} · {provider}{status}',
-        {
-          city: activeCamera.city,
-          heading: `${Math.round(activeCamera.headingDeg)}°`,
-          fov: `${Math.round(activeCamera.fovDeg)}°`,
-          range: Math.round(activeCamera.rangeM),
-          projection: projLabel,
-          calBadge: calBadge ? ` · ${calBadge}` : '',
-          provider,
-          status: `${credit}${statusMsg}`,
-        },
+      this._cctvMeta.textContent = keepCodesWithValues(
+        t(
+          '{city} · HDG {heading} · FOV {fov} · RANGE {range}m · {projection}{calBadge} · {provider}{status}',
+          {
+            city: activeCamera.city,
+            heading: `${Math.round(activeCamera.headingDeg)}°`,
+            fov: `${Math.round(activeCamera.fovDeg)}°`,
+            range: Math.round(activeCamera.rangeM),
+            projection: projLabel,
+            calBadge: calBadge ? ` · ${calBadge}` : '',
+            provider,
+            status: `${credit}${statusMsg}`,
+          },
+        ),
       );
     } else if (cameras.length > 0) {
       this._cctvMeta.textContent = enabled

src/ui/sceneSharing.js

@@ -80,7 +80,13 @@ export function createSceneDialog(title, onClose) {
       border: '1px solid #397080',
       font: multiline ? '12px monospace' : 'inherit',
     });
-    if (multiline) node.rows = 9;
+    if (multiline) {
+      node.rows = 9;
+      // The multiline fields hold JSON: code reads left to right in every
+      // language, or braces, quotes and minus signs move in Arabic.
+      node.dir = 'ltr';
+      node.spellcheck = false;
+    }
     wrapper.append(node);
     if (type === 'file') fileChooser(wrapper, node);
     body.append(wrapper);

src/ui/styles/rtl.css

@@ -37,8 +37,8 @@ html:lang(ar) {
     'Noto Sans Arabic', 'JetBrains Mono', 'SF Mono', 'Fira Code', 'Geeza Pro',
     Tahoma, monospace;
   --font-sans:
-    'Inter', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont,
-    'Geeza Pro', Tahoma, sans-serif;
+    'Inter', 'Noto Sans Arabic', -apple-system, BlinkMacSystemFont, 'Geeza Pro',
+    Tahoma, sans-serif;
 }
 /* The Global Context lines and their buttons set ui-monospace through the
    `font` shorthand; route them through the Arabic-aware stack too. */
@@ -139,3 +139,40 @@ html[dir='rtl']
   :is(.context-radio-mini-transport, .sdr-seek-row, .radio-tuner) {
   direction: ltr;
 }
+
+/* Canvas labels (installations, map cards, detections) are measured and drawn
+   with left-to-right geometry: a card's text starts at its left padding. A
+   canvas inherits the page direction, which turned that start into the right
+   edge and pushed every title out of its card. */
+html[dir='rtl'] canvas {
+  direction: ltr;
+}
+
+/* Scene callouts on the screen whiteboard: the card grows to the right of the
+   text's x, so right-to-left text ends there instead of starting there. The
+   injected stack (JetBrains Mono) has no Arabic glyphs; use the Arabic-aware
+   one. */
+html[dir='rtl'] .gev-anno-text {
+  text-anchor: end;
+  font-family: var(--font-mono);
+  letter-spacing: 0;
+}
+
+/* Position counters built from bare numbers (01 / 25, 1 / 3) read as a number
+   pair, left to right, as an unspaced 1/3 does; otherwise the slash swaps
+   them and the current item looks like the total. Translated counters say
+   «من» instead. */
+html[dir='rtl']
+  :is(
+    #bhote-koshi-event-panel [data-role='beat-index'],
+    #cockpit-brief-position
+  ) {
+  direction: ltr;
+  unicode-bidi: isolate;
+}
+
+/* The radio tuner header is a left-to-right instrument row; its channel
+   readout («القناة 01 من 750») still reads in its own language. */
+html[dir='rtl'] #radio-tuner-value {
+  unicode-bidi: plaintext;
+}