# Source reference

Visual reference: `RenewCMS Screens Localization.dc.html`, group "L6 Source reference".

Read [localization.md](../localization.md) first. Its integration decisions supersede conflicting board annotations. These states describe target behavior, not shipped behavior.

Route: `/article/{id}/edit?ref=:sourceId`

### Source reference (group "L6 Source reference", 11 states)

| # | State | Trigger | Stable ID | Frame selector |
|---|---|---|---|---|
| 1 | Side by side | Show source reference | `loc.l6.split` | `src:split` |
| 2 | Reference hidden | Hide source reference; button returns | `loc.l6.closed` | `src:closed` |
| 3 | Reopened | Show source reference again; scroll positions kept | `loc.l6.reopen` | `src:reopen` |
| 4 | Change reference | Menu; tracked source stays English | `loc.l6.changeRef` | `src:changeRef` |
| 5 | Narrow desktop (1024 px) | True 1024 px frame | `loc.l6.narrow` | `src:narrow` |
| 6 | Long content | Both panes scroll independently | `loc.l6.long` | `src:long` |
| 7 | Arabic beside English | dir=rtl on the Arabic title and body only | `loc.l6.rtl` | `src:rtl` |
| 8 | Mobile: editing | Segment | `loc.l6.mobileEdit` | `src:mobileEdit` |
| 9 | Mobile: source | Segment | `loc.l6.mobileSrc` | `src:mobileSrc` |
| 10 | Mobile: closed | Show source reference button | `loc.l6.mobileClosed` | `src:mobileClosed` |
| 11 | Reference unavailable | Deleted or unreadable | `loc.l6.unavail` | `src:unavail` |

Exact rendered copy and geometry are in `source/LocaleFrame.dc.html` for the selector above. Use Nuxt UI mappings in `components.md`; the frame markup is a visual reference, not production component code.

The standard captures are 1440×900 and 390×844 in light and dark. The narrow reference state also uses 1024×768. The visual harness must support these sources and sizes before this screen can pass its gate. No visual exceptions or new clock-sensitive skips are approved.