More bug fixes. Show the timetable, and stop the arrival message contradicting itself. Fixed division point in labels. And highlighted discard as targets.

src/sim/board-svg.ts

@@ -132,7 +132,7 @@ export function divisionSvg(nodes: DivisionView[]): string {
       trains: n.trains.flat(),
       cap: n.capacity,
       tip: dp
-        ? 'A Division Point — trains enter and leave the Division here, and queue without limit'
+        ? 'A Division Point — the end of the line. Trains both enter and leave the Division here (odd numbers run west, even run east), and queue without limit'
         : `${n.label} — Mainline${n.gradeUp ? `, climbs ${n.gradeUp === 'east' ? 'east' : 'west'}` : ''}${n.modifiers.length ? ` · ${n.modifiers.join(' · ')}` : ''}`,
       owner: null,
       // A Division Point is one region — the queue trains enter and leave the Division through.
@@ -286,12 +286,16 @@ export function divisionSvg(nodes: DivisionView[]): string {
   if (first) {
     out += `<g class="bs-stop"><line x1="${first.x - 9}" y1="${first.y + 16}" x2="${first.x - 9}" y2="${first.y + CH - 16}"/>` +
       `<line x1="${first.x - 9}" y1="${first.y + CH / 2}" x2="${first.x - 2}" y2="${first.y + CH / 2}"/></g>`;
-    out += `<text class="bs-end" x="${first.x - 12}" y="${first.y + CH + 12}" text-anchor="end">trains enter</text>`;
+    // BOTH ENDS DO BOTH. Odd trains run west and even trains run east (content.ts `pair`), so each
+    // Division Point is a way on AND a way off. "trains enter" here and "trains leave" there said
+    // the Division ran one way, which it does not — the point of the buffer stops is only that it is
+    // a LINE and not a loop.
+    out += `<text class="bs-end" x="${first.x - 12}" y="${first.y + CH + 12}" text-anchor="end">west end · in and out</text>`;
   }
   if (last && last !== first) {
     out += `<g class="bs-stop"><line x1="${last.x + last.w + 9}" y1="${last.y + 16}" x2="${last.x + last.w + 9}" y2="${last.y + CH - 16}"/>` +
       `<line x1="${last.x + last.w + 2}" y1="${last.y + CH / 2}" x2="${last.x + last.w + 9}" y2="${last.y + CH / 2}"/></g>`;
-    out += `<text class="bs-end" x="${last.x + last.w + 12}" y="${last.y + CH + 12}">trains leave</text>`;
+    out += `<text class="bs-end" x="${last.x + last.w + 12}" y="${last.y + CH + 12}">east end · in and out</text>`;
   }
 
   out += '</svg>';
@@ -443,12 +447,19 @@ export function officeSvg(
     out += `<text class="bs-coord" x="${W - 5}" y="12" text-anchor="end">${cell.row},${cell.col}</text>`;
 
     /**
-     * THE LOAD PIPELINE, on the card itself.
+     * THE LOAD PIPELINE, on the card itself, DRAWN THE WAY IT FLOWS.
      *
-     * A load crosses green -> MEN | AT | WORK -> the spotted car, and that journey is the whole of
-     * freight. It was drawn only in the side panel, so advancing a load changed nothing on the card
-     * the player was looking at. The printed cards put these squares under the track for exactly
-     * this reason.
+     * §9.3 runs loading Green → MEN → AT → WORK → the spotted car, and unloading the other way
+     * entirely: car → WORK → AT → MEN → red. So green and red BOTH belong beside MEN, and the car
+     * belongs beside WORK.
+     *
+     * This drew green, then MEN|AT|WORK, then red — putting the red box at the far right, which is
+     * exactly where the car is. An unload therefore appeared to run backwards across the whole row
+     * and then land on the end it had just come from. Reported after unloading at a warehouse:
+     * "it went W, A, M, and then to the red box at the far right".
+     *
+     * Only the boxes an industry actually uses are drawn, and the arrows point the way its freight
+     * really moves.
      */
     const f = cell.facility;
     if (f) {
@@ -459,25 +470,31 @@ export function officeSvg(
 
       let bx = 7;
       const by = H - 42;
-      // Green: what is waiting to be worked.
-      for (let i = 0; i < Math.max(1, f.greenCap); i++) {
-        out += box(bx, by, i < f.green.length, 'bs-green');
-        bx += cellW + 2;
+      // Green feeds INTO the sign, red comes OUT of it, so both sit on this side and their arrows
+      // point opposite ways. An industry that only receives has no green boxes at all.
+      if (f.allowsOut) {
+        for (let i = 0; i < Math.max(1, f.greenCap); i++) {
+          out += box(bx, by, i < f.green.length, 'bs-green');
+          bx += cellW + 2;
+        }
+        out += `<text class="bs-arrow" x="${bx + 1}" y="${by + 9}">›</text>`;
+        bx += 9;
       }
-      out += `<text class="bs-arrow" x="${bx + 1}" y="${by + 9}">›</text>`;
-      bx += 8;
-      // MEN | AT | WORK — a load sits in one of these while it is being worked.
+      if (f.allowsIn) {
+        for (let i = 0; i < Math.max(1, f.redCap); i++) {
+          out += box(bx, by, i < f.red.length, 'bs-red');
+          bx += cellW + 2;
+        }
+        out += `<text class="bs-arrow" x="${bx + 1}" y="${by + 9}">‹</text>`;
+        bx += 9;
+      }
+      // MEN | AT | WORK — one physical sign, worked left to right loading and right to left
+      // unloading. The spotted car sits past WORK, on the siding drawn below.
       for (let i = 0; i < f.maw.length; i++) {
         out += box(bx, by, f.maw[i] !== null, 'bs-maw', ['M', 'A', 'W'][i]);
         bx += cellW + 2;
       }
-      out += `<text class="bs-arrow" x="${bx + 1}" y="${by + 9}">›</text>`;
-      bx += 8;
-      // Red: what has come off an arriving car and is waiting to be cleared.
-      for (let i = 0; i < Math.max(1, f.redCap); i++) {
-        out += box(bx, by, i < f.red.length, 'bs-red');
-        bx += cellW + 2;
-      }
+      out += `<text class="bs-arrow" x="${bx + 1}" y="${by + 9}">${f.allowsOut && f.allowsIn ? '\u21c4' : f.allowsOut ? '›' : '‹'}</text>`;
     }
 
     // Standing room, drawn as the printed squares: filled means occupied.