feat(prezentacja): zakladka „Skompiluj" — zbiorczy raport (PRE-23)

Czwarta wskazowka partnerow. Nowa zakladka sklada w jedno trzy kawalki liczone
w roznych miejscach: policzony horoskop, interpretacje natalna z AI i wszystkie
zapamietane predykcje okresowe.

Uklad sekcji dokladnie wg prosby: imie i nazwisko -> wprowadzone dane ->
RYSUNEK kosmogramu -> interpretacja natalna -> predykcje okresowe. Test pilnuje
tej kolejnosci, bo to jedyna rzecz, ktora latwo przestawic przy refaktorze,
a partnerzy podali ja wprost.

Skad material:
- HOROSKOP liczymy TU NA NOWO z danych formularza, zamiast go zapamietywac.
  To czysta funkcja wejscia — tanio powtorzyc, a odpada trzymanie w przegladarce
  duzego wyniku, ktory moglby sie rozjechac z aktualnym formularzem.
- INTERPRETACJA NATALNA — nowy natal.js, odpowiednik predictions.js. Natalna jest
  JEDNA (dotyczy momentu urodzenia, nie okresu), wiec ponowne wygenerowanie
  podmienia slot zamiast dokladac wpis.
- PREDYKCJE — z magazynu z PRE-22.

compile.js czyta magazyny przez ICH API (window.astrololoNatal /
astrololoPredictions), a nie siegajac wprost do localStorage — format danych ma
jednego wlasciciela: modul, ktory je zapisuje. Test tego pilnuje.

Zakladka MOWI, CZEGO BRAKUJE: panel gotowosci z trzema pozycjami i podpowiedzia,
na ktorej zakladce uzupelnic. Bez tego uzytkownik zlozylby niekompletny raport
i dowiedzialby sie o tym dopiero po otwarciu PDF-a.

Tresc od modelu jest ESKEJPOWANA przed wstawieniem do DOM — to tekst z zewnatrz,
wiec bez tego mielibysmy wektor wstrzykniecia.

Weryfikacja na zywej aplikacji: dwie predykcje zapisane w Kalendarzu, natalna
w Interpretacjach, obie odczytane na Skompiluj (panel: brak horoskopu na zolto,
dwa pozostale na zielono). Po zlozeniu wszystkie trzy zielone, a raport zaczyna
sie od „Jan Kowalski" i danych wejsciowych. Kolejnosc sekcji sprawdzona na
wyrenderowanym HTML: naglowek 2931 < dane 3033 < kosmogram 3158 < natalna 26544
< predykcje 26575.

Testy: 16 nowych. Poprawione tez trzy wlasne testy, ktore lapaly nazwy plikow
w KOMENTARZACH zamiast w tagach skryptow. Calosc: prezentacja 117 passed.

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

services/presentation/app/static/compile.js

@@ -0,0 +1,95 @@
+// Zakładka „Skompiluj" — składanie raportu (PRE-23).
+//
+// Raport ma trzy kawałki liczone w różnych miejscach:
+//   1. horoskop        — liczy serwer przy wysłaniu tego formularza,
+//   2. interpretacja natalna — z zakładki Interpretacje (natal.js),
+//   3. predykcje okresowe    — z zakładki Kalendarz (predictions.js).
+//
+// Punkty 2 i 3 mieszkają w magazynie przeglądarki, więc to tutaj je dokładamy.
+// Odczytujemy je przez API tamtych modułów, a nie sięgając wprost do
+// localStorage — dzięki temu format danych ma JEDNEGO właściciela.
+//
+// Pokazujemy też, CZEGO BRAKUJE. Bez tego użytkownik złożyłby niekompletny raport
+// i dowiedział się o tym dopiero po otwarciu PDF-a.
+(function () {
+  'use strict';
+
+  function esc(s) {
+    return String(s == null ? '' : s)
+      .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+  }
+
+  function readNatal() {
+    return (window.astrololoNatal && window.astrololoNatal.read()) || null;
+  }
+
+  function readPredictions() {
+    return (window.astrololoPredictions && window.astrololoPredictions.read()) || [];
+  }
+
+  function item(ok, label, hint) {
+    return '<li class="' + (ok ? 'rdy-ok' : 'rdy-missing') + '">' +
+      (ok ? '✓ ' : '✗ ') + esc(label) +
+      (ok ? '' : ' <span class="muted small">— ' + esc(hint) + '</span>') + '</li>';
+  }
+
+  function renderReadiness(hasChart) {
+    var host = document.getElementById('readiness');
+    if (!host) return;
+    var natal = readNatal();
+    var preds = readPredictions();
+    var parts = [
+      item(hasChart, 'Policzony horoskop', 'wypełnij dane i kliknij „Złóż podsumowanie"'),
+      item(!!natal, 'Interpretacja natalna',
+           'wygeneruj ją na zakładce Interpretacje — zapamięta się sama'),
+      item(preds.length > 0,
+           'Predykcje okresowe' + (preds.length ? ' (' + preds.length + ')' : ''),
+           'policz horoskop na wybrany okres w Kalendarzu')
+    ];
+    host.innerHTML = '<div class="meta">Materiał do raportu</div><ul class="readiness">' +
+      parts.join('') + '</ul>';
+  }
+
+  function renderNatal() {
+    var host = document.getElementById('reportNatal');
+    if (!host) return;
+    var natal = readNatal();
+    if (!natal) {
+      host.innerHTML = '<div class="meta">Interpretacja natalna</div>' +
+        '<p class="muted small">Brak — wygeneruj ją na zakładce Interpretacje.</p>';
+      return;
+    }
+    host.innerHTML = '<div class="meta">Interpretacja natalna ' +
+      '<span class="muted small">· zapamiętana ' + esc(String(natal.saved_at).slice(0, 10)) +
+      '</span></div><div class="report-text">' + esc(natal.text) + '</div>';
+  }
+
+  function renderPredictions() {
+    var host = document.getElementById('reportPredictions');
+    if (!host) return;
+    var preds = readPredictions();
+    if (!preds.length) {
+      host.innerHTML = '<div class="meta">Predykcje okresowe</div>' +
+        '<p class="muted small">Brak — policz horoskop na wybrany okres w Kalendarzu.</p>';
+      return;
+    }
+    var blocks = preds.map(function (p) {
+      return '<div class="meta">' + esc(p.from_date) + ' – ' + esc(p.to_date) + '</div>' +
+             '<div class="report-text">' + esc(p.text) + '</div>';
+    }).join('');
+    host.innerHTML = '<div class="meta">Predykcje okresowe (' + preds.length + ')</div>' + blocks;
+  }
+
+  function ready(fn) {
+    if (document.readyState !== 'loading') fn();
+    else document.addEventListener('DOMContentLoaded', fn);
+  }
+
+  ready(function () {
+    if (!document.getElementById('readiness')) return;     // nie ta zakładka
+    // Horoskop jest w dokumencie tylko po wysłaniu formularza.
+    renderReadiness(!!document.getElementById('reportPerson'));
+    renderNatal();
+    renderPredictions();
+  });
+})();