Describe the tile preview labels and the path network

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

Development.md

@@ -14,7 +14,7 @@ npm run build        # writes dist/ and regenerates index.html
 ./build.sh           # the same under `set -o pipefail`, for callers that pipe the output
 php tools/make-user.php <name> <password> [admin|user]        # an account; every tool signs in (see Accounts)
 php tests/php/accounts.test.php                               # the API's account rules, no server needed (CI's gate job)
-node tools/seed-e2e.mjs && node tools/e2e.mjs                 # 1380 editor checks, screenshots in /tmp/gm-e2e-*.png
+node tools/seed-e2e.mjs && node tools/e2e.mjs                 # 1381 editor checks, screenshots in /tmp/gm-e2e-*.png
 GM_STEPS=20 node tools/e2e.mjs                                # or 1-12, or 6,20 — a subset while working on one step
 ./e2e.sh start [GM_STEPS]                                     # the same run detached, see below
 ./e2e.sh status                                               # live progress, or the last run's result

Tiles.md

@@ -116,10 +116,16 @@ Kind, rate, playback, the solid switch, the collision scale and the sort offset
   produces — or *not usable yet* with the reason written under the board.
 - The **board** shows every tile the block can produce, captioned with the neighbours that ask for
   it: `NESW-nw` is "joined on all four sides, with a notch towards the north-west", `·` is a lone
-  tile. Below the grid a **sample map** is composed from the same quarters — a ring with a hole and
+  tile. The caption stands in two lines, the joined sides above and the notched corners below.
-  a step, which is where one sees whether the edges really continue across tile borders. For a
+  All captions share one size, and they stay sharp at any zoom. Once a tile is too small on screen
-  plain tile the grid is the one tile and the sample map shows it repeated. Both run the animation
+  for them to be read, they are left out.
-  at the set rate.
+- Next to the grid a **sample map** is composed from the same quarters. It is a ring with a hole
+  and a step, and below it paths one tile wide: a tunnel leaving the ring, straights both ways,
+  bends, T-junctions, a crossing and a dead end. This is where one sees whether the edges really
+  continue across tile borders. In a wide tab the map stands beside the grid, in a tall one below
+  it. **Fit** picks whichever draws the tiles larger.
+- For a plain tile the grid is the one tile and the sample map shows it repeated. Both run the
+  animation at the set rate.
 - A drag pans the board, the wheel zooms it; nothing on it is edited.
 - The **picture list** on the right is the animation: **+ Picture** adds a texture or a frame,
   **Remove** takes the selected one out, and dragging a row to another place reorders the steps.