UI

data/processed/index/index.faiss

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:c7fa250458221c13fc2a83ccc5ca01cf0e6eacb940a91c455f8c09793e896256
-size 16359469
+oid sha256:b8c2a6e73d9cbfc8d151ebfc1c2f7185eff39853f2e4411351a9bba3849d21ce
+size 19947565

data/processed/lonstatistik/curated_growth_forecast.jsonl

@@ -1,2 +1,7 @@
 {"id":"IDA-curated-forecast-private","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":2,"table_id":2,"table_title":"LØNUDVIKLING/PROGNOSE","record_type":"salary_forecast","sector":"private","data_period_month":"2025-09","currency":"DKK","pay_concept":"gross_monthly","education_type":"all","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","cohort_growth_pct":3.35,"dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":3.35},"rag_text":"IDA Lønstatistik 2025 — IDA members, private sector. 2026 salary forecast 3.35% expected pay increase (private sector). Full reliability (n≥50). Source: IDA Lønstatistik 2025, tabel 2, p.2."}
 {"id":"IDA-curated-growth-private","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":1,"table_id":1,"table_title":"LØNUDVIKLING","record_type":"salary_growth_rate","sector":"private","data_period_month":"2025-09","currency":"DKK","pay_concept":"gross_monthly","education_type":"all","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","cohort_growth_pct":3.35,"dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":3.35},"rag_text":"IDA Lønstatistik 2025 — IDA members, private sector. 3-year gliding annual salary growth 3.35% (private sector). Full reliability (n≥50). Source: IDA Lønstatistik 2025, tabel 1, p.1."}
+{"id":"IDA-curated-minwage-cand_scient","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"cand_scient","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":47400.0},"rag_text":"IDA Lønstatistik 2025 — Science graduates (cand.scient.), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 47400 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-civilingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"civilingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":48200.0},"rag_text":"IDA Lønstatistik 2025 — Civil engineers (civilingeniører), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 48200 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-diplom_eksportingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"diplom_eksportingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":45300.0},"rag_text":"IDA Lønstatistik 2025 — Diploma/export engineers, all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 45300 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-akademiingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"akademiingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":45300.0},"rag_text":"IDA Lønstatistik 2025 — Academy engineers (akademiingeniører), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 45300 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-teknikumingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"teknikumingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":45300.0},"rag_text":"IDA Lønstatistik 2025 — Technical engineers (teknikumingeniører), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 45300 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}

data/processed/lonstatistik/ida_records.jsonl

@@ -2398,3 +2398,8 @@
 {"id":"ida-reextract-27-0558","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":30,"table_id":27,"table_title":"STATEN: STILLINGSNIVEAU","record_type":"salary_observation","sector":"public_state","data_period_month":"2025-05","currency":"DKK","pay_concept":"gross_monthly","education_type":"all","region":"all","position_level":"afdelingschef","position_level_rank":7,"gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","row_dimension":"stillingsniveau × kandidatår","row_label":"Alle","segment_label":"Chef","dimension_keys":["position_level"],"specificity":1,"sample_size":361.0,"reliability_tier":"full","measure":{"count":361.0,"mean":87264.0},"rag_text":"IDA Lønstatistik 2025 — IDA members, state sector — department heads/team leaders. average 87.264 DKK/month. Based on 361 respondents. Full reliability (n≥50). Source: IDA Lønstatistik 2025, tabel 27, p.30."}
 {"id":"IDA-curated-forecast-private","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":2,"table_id":2,"table_title":"LØNUDVIKLING/PROGNOSE","record_type":"salary_forecast","sector":"private","data_period_month":"2025-09","currency":"DKK","pay_concept":"gross_monthly","education_type":"all","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","cohort_growth_pct":3.35,"dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":3.35},"rag_text":"IDA Lønstatistik 2025 — IDA members, private sector. 2026 salary forecast 3.35% expected pay increase (private sector). Full reliability (n≥50). Source: IDA Lønstatistik 2025, tabel 2, p.2."}
 {"id":"IDA-curated-growth-private","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":1,"table_id":1,"table_title":"LØNUDVIKLING","record_type":"salary_growth_rate","sector":"private","data_period_month":"2025-09","currency":"DKK","pay_concept":"gross_monthly","education_type":"all","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","cohort_growth_pct":3.35,"dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":3.35},"rag_text":"IDA Lønstatistik 2025 — IDA members, private sector. 3-year gliding annual salary growth 3.35% (private sector). Full reliability (n≥50). Source: IDA Lønstatistik 2025, tabel 1, p.1."}
+{"id":"IDA-curated-minwage-cand_scient","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"cand_scient","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":47400.0},"rag_text":"IDA Lønstatistik 2025 — Science graduates (cand.scient.), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 47400 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-civilingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"civilingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":48200.0},"rag_text":"IDA Lønstatistik 2025 — Civil engineers (civilingeniører), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 48200 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-diplom_eksportingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"diplom_eksportingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":45300.0},"rag_text":"IDA Lønstatistik 2025 — Diploma/export engineers, all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 45300 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-akademiingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"akademiingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":45300.0},"rag_text":"IDA Lønstatistik 2025 — Academy engineers (akademiingeniører), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 45300 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}
+{"id":"IDA-curated-minwage-teknikumingenior","union":"IDA","source_doc":"IDA Lønstatistik 2025","source_page":6,"table_title":"DIMITTENDLØN / VEJLEDENDE MINIMALLØN","record_type":"minimum_wage_recommendation","sector":"all","period":"2026","currency":"DKK","pay_concept":"gross_monthly","education_type":"teknikumingenior","region":"all","position_level":"all","gender":"all","is_leader":"all","manages_people":"all","management_span_band":"all","stem_count_band":"all","specialization":"all","work_area":"all","branche":"all","jobloen":"all","dimension_keys":[],"specificity":0,"reliability_tier":"full","measure":{"mean":45300.0},"rag_text":"IDA Lønstatistik 2025 — Technical engineers (teknikumingeniører), all. IDA recommended minimum starting salary (vejledende minimalløn) for new graduates: kr. 45300 gross per month. Full reliability (n≥50). Source: IDA Lønstatistik 2025, p.6."}

main.py

@@ -1,10 +1,13 @@
 """Thin entry point for the Pay Equity Gradio Space.
 
 All orchestration lives in src/backend; this file only builds and launches the
-app. HF Space `app_file` points here.
+Gradio Server (custom HTML frontend + API endpoints). HF Space `app_file`
+points here.
 """
 
-from src.backend.ui import CUSTOM_CSS, FORCE_LIGHT_JS, SAGE_THEME, build_blocks
+from src.backend.server import build_server
 
-demo = build_blocks()
-demo.launch(show_error=True, theme=SAGE_THEME, css=CUSTOM_CSS, js=FORCE_LIGHT_JS)
+app = build_server()
+
+if __name__ == "__main__":
+    app.launch(show_error=True)

scripts/build_ida_records.py

@@ -68,9 +68,45 @@ def build_curated() -> list[IdaSalaryRecord]:
             measure=Measure(mean=forecast_mid), rag_text="",
         ),
     ]
+    recs += build_minimum_wage()
     return recs
 
 
+# IDA 2026 vejledende minimalløn (dimittend floors, booklet p.6). The brief named
+# three: cand.scient 47 400; civil/cand.IT 48 200; diplom/bachelor 45 300.
+# akademiingeniør + teknikumingeniør are bachelor-level engineering degrees → mapped
+# to the diplom/bachelor floor (45 300). [Assumption flagged to the user.]
+DIMITTEND_FLOOR_2026 = {
+    "cand_scient": 47400,
+    "civilingenior": 48200,
+    "diplom_eksportingenior": 45300,
+    "akademiingenior": 45300,
+    "teknikumingenior": 45300,
+}
+
+
+def build_minimum_wage() -> list[IdaSalaryRecord]:
+    """Curated dimittend minimum-wage recommendations (record_type schema-permitted).
+
+    Carrier convention (same as growth/forecast): the recommended monthly floor in
+    DKK lives in ``measure.mean``; its meaning comes from ``record_type``, and it is
+    never rendered as an observed average. ``sector="all"`` — the floor is
+    sector-agnostic IDA guidance.
+    """
+    return [
+        IdaSalaryRecord(
+            id=f"IDA-curated-minwage-{edu}",
+            source_doc="IDA Lønstatistik 2025",
+            source_page=6, table_id=None, table_title="DIMITTENDLØN / VEJLEDENDE MINIMALLØN",
+            record_type="minimum_wage_recommendation", sector="all",
+            education_type=edu, period="2026", pay_concept="gross_monthly",
+            reliability_tier="full",
+            measure=Measure(mean=float(floor)), rag_text="",
+        )
+        for edu, floor in DIMITTEND_FLOOR_2026.items()
+    ]
+
+
 def load_reextracted() -> list[IdaSalaryRecord]:
     if not REEXTRACT_JSONL.exists():
         return []

src/backend/api/endpoints.py

@@ -22,6 +22,7 @@ from ..schemas import (
     Chunk,
     IndexStatus,
     ParseResult,
+    Profile,
 )
 
 
@@ -67,3 +68,15 @@ def register(app: Server) -> None:
         """Chat with the RAG assistant: retrieve grounded chunks, cite sources."""
         msgs = [ChatMessage(**m) for m in messages]
         return answer(msgs, lang=lang).model_dump()
+
+    @app.api(name="dashboard")
+    def dashboard_endpoint(profile: dict) -> dict:
+        """Build the profile-driven salary dashboard (structured IDA retrieval).
+
+        Takes the onboarding answers (a ``Profile``) and returns the fused
+        ``Dashboard`` — per-axis comparison cells, reliability-gated, projected
+        to 2026, with the user's percentile and gap. CPU-only (no embedding).
+        """
+        from ..fusion import build_dashboard
+
+        return build_dashboard(Profile(**profile)).model_dump()

src/backend/fusion.py

@@ -133,6 +133,19 @@ def _forecast_pct(profile: Profile) -> float | None:
     return None
 
 
+def _dimittend_floor(profile: Profile) -> tuple[int | None, str | None]:
+    """IDA 2026 vejledende minimalløn for the profile's degree (Branch B).
+
+    Returns (floor_dkk, citation). The recommended floor is carried in
+    ``measure.mean`` by the curated record convention (see build_ida_records).
+    """
+    for r in retrieve(profile, record_type="minimum_wage_recommendation"):
+        if r.education_type == profile.education_type and r.measure.mean is not None:
+            cite = f"{r.source_doc}, p.{r.source_page}"
+            return int(r.measure.mean), cite
+    return None, None
+
+
 def _estimate_percentile(value: float, m) -> float | None:
     """Approximate percentile of ``value`` within a cell's quantiles."""
     pts = sorted(
@@ -237,6 +250,19 @@ def build_dashboard(profile: Profile) -> Dashboard:
             f"Figures projected to 2026 using the {forecast_range[0]}–{forecast_range[1]}% "
             f"private forecast band (~{growth_pct}% applied)."
         )
+
+    # Branch B: surface IDA's 2026 vejledende minimalløn as a hard negotiation floor
+    # for new graduates (and any job-seeking profile that flags dimittend status).
+    recommended_floor = floor_citation = None
+    if profile.is_dimittend or profile.mode == "job_seeking":
+        recommended_floor, floor_citation = _dimittend_floor(profile)
+        if recommended_floor is not None:
+            floor_fmt = f"{recommended_floor:,}".replace(",", ".")  # DK thousands sep
+            notes.append(
+                f"IDA 2026 vejledende minimalløn for your degree is kr. {floor_fmt} "
+                f"per month — treat this as a negotiation floor, not a target."
+            )
+
     if not cells:
         notes.append("No reliable salary cells matched this profile "
                      "(samples may be suppressed; broaden the profile).")
@@ -248,5 +274,7 @@ def build_dashboard(profile: Profile) -> Dashboard:
         user_percentile=user_pct,
         gap_to_median=gap,
         projected_negotiation_target=projected_target,
+        recommended_floor=recommended_floor,
+        floor_citation=floor_citation,
         notes=notes,
     )

src/backend/indexing/ida_transform.py

@@ -393,6 +393,10 @@ def make_rag_text(rec: IdaSalaryRecord) -> str:
         body = f"3-year gliding annual salary growth {rec.cohort_growth_pct}% ({sector})."
     elif rec.record_type == "salary_forecast":
         body = f"2026 salary forecast {rec.cohort_growth_pct}% expected pay increase ({sector})."
+    elif rec.record_type == "minimum_wage_recommendation":
+        floor = int(rec.measure.mean) if rec.measure.mean is not None else "n/a"
+        body = (f"IDA recommended minimum starting salary (vejledende minimalløn) for "
+                f"new graduates: kr. {floor} gross per month.")
     else:
         stats = _stats_phrase(rec)
         n = int(rec.sample_size) if rec.sample_size is not None else "n/a"

src/backend/indexing/ingest.py

@@ -24,7 +24,9 @@ from ..config import REPO_ROOT
 from ..schemas import Chunk
 
 DIRECTIVE_JSON = REPO_ROOT / "data" / "processed" / "directive" / "document.json"
-SALARY_JSONL = REPO_ROOT / "data" / "processed" / "lonstatistik" / "salary_records.jsonl"
+# Structured IDA corpus (built by scripts/build_ida_records.py): the source of
+# truth for both the vector index and the profile-driven retrieval/fusion path.
+IDA_RECORDS_JSONL = REPO_ROOT / "data" / "processed" / "lonstatistik" / "ida_records.jsonl"
 
 # Element classes that carry article body text (everything else is page
 # furniture: page headers, footnotes, the document title).
@@ -115,11 +117,14 @@ def load_directive_chunks(
     return chunks
 
 
-def load_ida_chunks(path: str | Path = SALARY_JSONL) -> list[Chunk]:
-    """Load IDA salary rows (``union == "IDA"``) as chunks from the JSONL.
+def load_ida_chunks(path: str | Path = IDA_RECORDS_JSONL) -> list[Chunk]:
+    """Load the structured IDA corpus (``ida_records.jsonl``) as chunks.
 
-    Each row's ``rag_text`` is already a self-contained, citation-bearing
-    natural-language summary, so it is embedded verbatim.
+    Each record's ``rag_text`` is a dimension-complete, citation-bearing summary
+    embedded verbatim. The full typed record is carried in ``Chunk.metadata`` so
+    the vector path can hard-filter on the same dimensions as the profile-driven
+    retrieval. Only salary observations are embedded (growth/forecast records are
+    joined structurally, not retrieved by vector).
     """
     chunks: list[Chunk] = []
     for line in Path(path).read_text(encoding="utf-8").splitlines():
@@ -127,31 +132,21 @@ def load_ida_chunks(path: str | Path = SALARY_JSONL) -> list[Chunk]:
         if not line:
             continue
         rec = json.loads(line)
-        if rec.get("union") != "IDA":
+        if rec.get("record_type") not in ("salary_observation", "self_employed_income"):
             continue
         page = rec.get("source_page")
+        tid = rec.get("table_id")
+        citation = (f"{rec['source_doc']}, tabel {tid}, p.{page}" if tid
+                    else f"{rec['source_doc']}, p.{page}")
         chunks.append(
             Chunk(
                 id=rec["id"],
                 text=rec["rag_text"],
-                lang="da",
+                lang="en",
                 source="lonstatistik",
                 page=page,
-                citation=f"{rec['source_doc']}, p.{page}",
-                metadata={
-                    "sector": rec.get("sector"),
-                    "category": rec.get("table_title"),
-                    "row_label": rec.get("row_label"),
-                    "segment_label": rec.get("segment_label"),
-                    "experience_years_min": rec.get("experience_years_min"),
-                    "experience_years_max": rec.get("experience_years_max"),
-                    "graduation_year_start": rec.get("graduation_year_start"),
-                    "graduation_year_end": rec.get("graduation_year_end"),
-                    "period": rec.get("period"),
-                    "pay_concept": rec.get("pay_concept"),
-                    "currency": rec.get("currency"),
-                    "measure": rec.get("measure"),
-                },
+                citation=citation,
+                metadata=rec,  # full typed record (dims, measure, reliability…)
             )
         )
     return chunks

src/backend/schemas.py

@@ -229,16 +229,22 @@ class Profile(BaseModel):
 
     education_type: EducationType  # Q1
     graduation_year: int           # Q2 (→ cohort interval; experience = 2025 − year)
-    sector: Sector                 # Q3
+    sector: Sector                 # Q3 (employed: current; job_seeking: target)
     gender: Optional[Literal["male", "female"]] = None  # Q4 (skippable)
-    current_monthly_gross: int | None = None            # Q5 (input, not a filter)
+    current_monthly_gross: int | None = None            # Q5 (input; job_seeking: desired)
     current_monthly_gross_max: int | None = None        # Q5 upper bound if a range
-    position_level: PositionLevel = "all"               # Q6
+    position_level: PositionLevel = "all"               # Q6 (employed: current; job_seeking: target)
     manages_people: Literal["yes", "no"] | None = None  # Q7
     management_span_band: ManagementSpanBand | None = None  # Q7 (captured, unused v1)
     stem_count_band: StemCountBand | None = None        # Q8a (captured, unused v1)
-    region: Region = "all"                              # Q8 (region)
+    region: Region = "all"                              # Q8 (employed: current; job_seeking: target)
     total_headcount_band: str | None = None             # Q8b (captured, unused v1)
+    # Branch (employed vs job-seeking) — Branch B reuses the fields above as
+    # *target* values; only these three are new. All defaulted, so the
+    # ``/dashboard`` contract is unchanged for existing (Branch A) callers.
+    mode: Literal["employed", "job_seeking"] = "employed"
+    is_dimittend: bool = False          # Branch B "new graduate?" → unlocks the floor
+    target_branche: str | None = None   # Branch B target field (captured, unused v1)
 
     @property
     def experience_years(self) -> int:
@@ -276,6 +282,10 @@ class Dashboard(BaseModel):
     user_percentile: float | None = None       # position within the best cell
     gap_to_median: float | None = None         # user gross − cell median (DKK)
     projected_negotiation_target: float | None = None  # 2026-projected ask
+    # IDA's 2026 vejledende minimalløn for the user's degree — a hard negotiation
+    # floor, surfaced for dimittend / job-seeking profiles (Branch B).
+    recommended_floor: int | None = None
+    floor_citation: str | None = None
     notes: list[str] = Field(default_factory=list)
     disclaimer: str = (
         "Salary figures are statistical benchmarks, not guarantees. "

src/backend/server.py

@@ -1,31 +1,46 @@
 """Gradio Server assembly.
 
 Builds the ``gradio.Server`` (FastAPI-style API through Gradio), registers the
-backend endpoints, and mounts the Gradio-native chat UI at the site root.
+backend endpoints, and serves the **custom HTML/JS frontend** at the site root.
+
+The frontend (``src/frontend/index.html`` + ``static/``) is a hand-authored
+single-page app — onboarding wizard → salary dashboard → contextual rights chat —
+that calls the registered ``@app.api`` endpoints (``/dashboard``, ``/chat``,
+``/parse_lonstatistik``) via the Gradio JS client. This is the "off-brand" custom
+UI; Gradio's own theming is not used here.
 
 See: https://huggingface.co/blog/introducing-gradio-server
 """
 
 from __future__ import annotations
 
-import gradio as gr
+from pathlib import Path
+
+from fastapi.responses import FileResponse
+from fastapi.staticfiles import StaticFiles
 from gradio import Server
 
 from .api.endpoints import register
-from .ui import CUSTOM_CSS, SAGE_THEME, build_blocks
+
+# src/frontend/{index.html, static/}
+FRONTEND = Path(__file__).resolve().parents[1] / "frontend"
+INDEX_HTML = FRONTEND / "index.html"
+STATIC_DIR = FRONTEND / "static"
 
 
 def build_server() -> Server:
-    """Create the configured Gradio Server with the chat UI mounted at ``/``."""
+    """Create the configured Gradio Server with the custom frontend at ``/``."""
     app = Server()
 
-    # Backend API endpoints (queue-managed, gradio_client-compatible).
+    # Backend API endpoints (queue-managed, gradio_client / JS-client compatible).
     register(app)
 
-    # Gradio-native chat UI at the root path. Theme + CSS are passed here (Gradio
-    # 6 moved them off the Blocks constructor onto launch/mount).
-    app = gr.mount_gradio_app(
-        app, build_blocks(), path="/", theme=SAGE_THEME, css=CUSTOM_CSS
-    )
+    # Serve the custom single-page frontend. The Gradio JS client connects to the
+    # same origin and calls the registered API endpoints by name.
+    app.mount("/static", StaticFiles(directory=str(STATIC_DIR)), name="static")
+
+    @app.get("/")
+    def _index() -> FileResponse:  # noqa: D401 — serves the SPA shell
+        return FileResponse(str(INDEX_HTML))
 
     return app

src/frontend/index.html

@@ -19,8 +19,8 @@
         <div class="logo">pay<span>equity</span></div>
         <nav class="nav">
           <div class="nav-links" style="display:flex; gap: var(--space-6);">
-            <a href="#features" data-i18n="nav.pay">Expected pay</a>
-            <a href="#chat" data-i18n="nav.rights">Your rights</a>
+            <a href="#wizard" data-i18n="nav.pay">Expected pay</a>
+            <a href="#rights" data-i18n="nav.rights">Your rights</a>
           </div>
           <div class="lang-switch">
             <button data-lang="en" class="active">EN</button>
@@ -35,19 +35,19 @@
     <section class="hero">
       <div class="container">
         <div class="hero-text">
-          <h1 data-i18n="hero.title">Fair pay, made clear.</h1>
+          <h1 data-i18n="hero.title">Know your worth. Know your rights.</h1>
           <p class="lead" data-i18n="hero.lead"></p>
           <div class="hero-actions">
-            <button class="btn-primary" data-cta-focus data-i18n="hero.cta_pay">
-              What pay should I expect?
+            <button class="btn-primary" data-branch="employed" data-i18n="hero.cta_employed">
+              I'm employed — benchmark my pay
             </button>
-            <button class="btn-secondary" data-cta-focus data-i18n="hero.cta_rights">
-              What are my rights?
+            <button class="btn-secondary" data-branch="job_seeking" data-i18n="hero.cta_seeking">
+              I'm job-seeking — prep for an offer
             </button>
           </div>
+          <p class="hero-note" data-i18n="hero.note"></p>
         </div>
         <div class="hero-visual" aria-hidden="true">
-          <!-- Inline illustration: rising pay bars balanced on a fairness baseline. -->
           <svg viewBox="0 0 320 240" fill="none" xmlns="http://www.w3.org/2000/svg">
             <rect x="40" y="150" width="38" height="60" rx="6" fill="#15211D" />
             <rect x="96" y="120" width="38" height="90" rx="6" fill="#1F4A3F" />
@@ -61,47 +61,41 @@
       </div>
     </section>
 
-    <!-- Features -->
-    <section id="features" class="section-alt">
+    <!-- Onboarding wizard -->
+    <section id="wizard">
       <div class="container">
-        <h2 class="section-title" data-i18n="features.title">
-          Two questions, grounded answers
-        </h2>
-        <div class="card-grid">
-          <div class="feature-card">
-            <span class="feature-icon"></span>
-            <h3 data-i18n="feature.pay.title">What pay should I expect?</h3>
-            <p data-i18n="feature.pay.body"></p>
-          </div>
-          <div class="feature-card">
-            <span class="feature-icon"></span>
-            <h3 data-i18n="feature.rights.title">What are my rights?</h3>
-            <p data-i18n="feature.rights.body"></p>
-          </div>
-          <div class="feature-card">
-            <span class="feature-icon"></span>
-            <h3 data-i18n="feature.upload.title">Bring your own document</h3>
-            <p data-i18n="feature.upload.body"></p>
-          </div>
-          <div class="feature-card">
-            <span class="feature-icon"></span>
-            <h3 data-i18n="feature.multilingual.title">Multilingual</h3>
-            <p data-i18n="feature.multilingual.body"></p>
+        <h2 class="section-title" data-i18n="wizard.title">Build your profile</h2>
+        <p class="section-lead" data-i18n="wizard.lead"></p>
+        <div class="panel wizard" id="wizard-panel">
+          <div class="wizard-progress" id="wizard-progress" aria-hidden="true"></div>
+          <div class="wizard-body" id="wizard-step"><!-- rendered by app.js --></div>
+          <div class="wizard-nav">
+            <button class="btn-secondary" id="wizard-back" type="button" data-i18n="wizard.back">Back</button>
+            <span class="wizard-counter" id="wizard-counter"></span>
+            <button class="btn-primary" id="wizard-next" type="button" data-i18n="wizard.next">Next</button>
           </div>
         </div>
       </div>
     </section>
 
-    <!-- Chat -->
-    <section id="chat">
+    <!-- Dashboard (hidden until the profile is submitted) -->
+    <section id="dashboard" class="section-alt" hidden>
+      <div class="container">
+        <h2 class="section-title" data-i18n="dash.title">Your salary overview</h2>
+        <div id="dashboard-content"><!-- rendered by app.js --></div>
+        <p class="disclaimer" id="dashboard-disclaimer"></p>
+      </div>
+    </section>
+
+    <!-- Contextual rights chat -->
+    <section id="rights" hidden>
       <div class="container">
-        <h2 class="section-title" data-i18n="chat.title">Ask the assistant</h2>
+        <h2 class="section-title" data-i18n="rights.title">What are my rights?</h2>
+        <p class="section-lead" data-i18n="rights.lead"></p>
         <div class="panel">
+          <div class="chat-seeds" id="chat-seeds"><!-- suggested questions, profile-seeded --></div>
           <div id="chat-log" class="chat-log">
-            <div class="msg assistant">
-              Hi! Ask me what pay to expect or what the EU Pay Transparency
-              Directive guarantees you.
-            </div>
+            <div class="msg assistant" data-i18n="rights.greeting"></div>
           </div>
           <div class="upload-row">
             <label class="file-btn" for="file-input" data-i18n="chat.upload"
@@ -117,12 +111,9 @@
               data-i18n-ph="chat.placeholder"
               placeholder="Ask about your pay or your rights…"
             />
-            <button id="chat-send" class="btn-primary" data-i18n="chat.send">
-              Send
-            </button>
+            <button id="chat-send" class="btn-primary" data-i18n="chat.send">Send</button>
           </div>
         </div>
-        <p class="disclaimer" data-i18n="disclaimer"></p>
       </div>
     </section>
 
@@ -136,8 +127,8 @@
           <div>
             <h4 data-i18n="footer.product">Product</h4>
             <ul>
-              <li><a href="#features" data-i18n="nav.pay">Expected pay</a></li>
-              <li><a href="#chat" data-i18n="nav.rights">Your rights</a></li>
+              <li><a href="#wizard" data-i18n="nav.pay">Expected pay</a></li>
+              <li><a href="#rights" data-i18n="nav.rights">Your rights</a></li>
             </ul>
           </div>
           <div>

src/frontend/static/app.js

@@ -1,11 +1,15 @@
-// Frontend wiring: talks to the Gradio Server endpoints via the Gradio JS
-// client. No default Gradio UI — this drives our custom HTML.
+// Custom frontend for the Pay Equity Gradio Server.
+// Onboarding wizard → /dashboard → contextual rights chat (/chat). No default
+// Gradio UI: this drives hand-authored HTML and talks to the registered
+// @app.api endpoints through the Gradio JS client.
 import {
   Client,
   handle_file,
 } from "https://cdn.jsdelivr.net/npm/@gradio/client/dist/index.min.js";
 
 const t = (k) => window.i18n.t(k);
+const dkk = (n) =>
+  n == null ? "—" : "kr. " + Math.round(n).toLocaleString("da-DK");
 
 let client = null;
 async function getClient() {
@@ -13,14 +17,475 @@ async function getClient() {
   return client;
 }
 
-const log = document.getElementById("chat-log");
-const input = document.getElementById("chat-input");
-const sendBtn = document.getElementById("chat-send");
+// ---------------------------------------------------------------------------
+// Option sets. VALUES are the backend Literals (schemas.py) — do not translate
+// them; only the labels are display text.
+// ---------------------------------------------------------------------------
+const OPT = {
+  education: [
+    ["civilingenior", "Civil engineer (civilingeniør / cand.polyt.)"],
+    ["cand_scient", "Science graduate (cand.scient.)"],
+    ["diplom_eksportingenior", "Diploma / export engineer"],
+    ["akademiingenior", "Academy engineer (akademiingeniør)"],
+    ["teknikumingenior", "Technical engineer (teknikumingeniør)"],
+  ],
+  sector: [
+    ["private", "Private sector"],
+    ["public_state", "State (staten)"],
+    ["public_municipal", "Municipal (kommune)"],
+    ["public_regional", "Regional (region)"],
+  ],
+  gender: [
+    ["female", "Woman"],
+    ["male", "Man"],
+  ],
+  position: [
+    ["topchef", "Top executive (topchef)"],
+    ["funktionsdirektor", "Functional director"],
+    ["afdelingschef", "Department head (afdelingschef)"],
+    ["projektleder", "Project manager"],
+    ["chef_seniorkonsulent", "Chief / senior consultant"],
+    ["specialist", "Specialist"],
+    ["ingenior_akademiker", "Engineer / academic (no management)"],
+    ["trainee", "Trainee"],
+    ["anden", "Other"],
+  ],
+  // value carries manages_people + management_span_band; see assembleProfile().
+  management: [
+    ["none", "No people-management responsibility"],
+    ["1-4", "1–4 reports"],
+    ["5-10", "5–10 reports"],
+    ["11-19", "11–19 reports"],
+    ["20-29", "20+ reports"],
+  ],
+  stem: [
+    ["1-9", "1–9 engineers/STEM"],
+    ["10-24", "10–24"],
+    ["25-99", "25–99"],
+    ["100-249", "100–249"],
+    ["250+", "250 or more"],
+  ],
+  headcount: [
+    ["1-49", "1–49 employees"],
+    ["50-99", "50–99"],
+    ["100-149", "100–149"],
+    ["150-249", "150–249"],
+    ["250+", "250 or more"],
+  ],
+  region: [
+    ["hovedstaden", "Capital Region (Hovedstaden)"],
+    ["sjaelland", "Zealand (Sjælland)"],
+    ["syddanmark", "Southern Denmark (Syddanmark)"],
+    ["midtjylland", "Central Denmark (Midtjylland)"],
+    ["nordjylland", "North Denmark (Nordjylland)"],
+  ],
+};
+
+const BRUTTO_HELP =
+  "Enter your IDA bruttoløn so the comparison is apples-to-apples: base salary " +
+  "+ permanent and temporary tillæg + fritvalg + taxable perks + your own AND " +
+  "your employer's pension (incl. ATP). Most people undercount by leaving out " +
+  "employer pension.";
+
+// One question per step. `branches` says which branch(es) show it.
+function questions(branch) {
+  const targetWord = branch === "job_seeking" ? "Target" : "Your current";
+  const steps = [
+    { key: "education_type", type: "select", required: true, options: OPT.education,
+      label: "What is your education?",
+      help: "This selects the right IDA salary table (civil vs. academy vs. diploma vs. cand.scient.)." },
+    { key: "graduation_year", type: "number", required: true, min: 1960, max: 2026,
+      label: "What year did you graduate (kandidatår)?",
+      help: "The primary row in every IDA table. We derive experience as 2025 − this year." },
+    { key: "sector", type: "select", required: true, options: OPT.sector,
+      label: `${targetWord} sector?`,
+      help: "Private and public use different pay concepts — and decide whether you can rely on the directive directly against a public employer." },
+    { key: "gender", type: "select", optional: true, options: OPT.gender,
+      label: "Your gender (optional)",
+      help: "Skippable — but it unlocks the equal-pay-for-equal-value comparison, the core of the directive." },
+  ];
+
+  if (branch === "employed") {
+    steps.push(
+      { key: "current_gross", type: "range",
+        label: "Your current monthly gross salary (bruttoløn)?",
+        help: BRUTTO_HELP },
+      { key: "position_level", type: "select", optional: true, options: OPT.position,
+        label: "Your position level?",
+        help: "Bigger spread than education type." },
+      { key: "management", type: "select", optional: true, options: OPT.management,
+        label: "People-management responsibility?",
+        help: "Strongly correlated with pay." },
+      { key: "stem_count_band", type: "select", optional: true, options: OPT.stem,
+        label: "How many engineers / STEM colleagues at your company?" },
+      { key: "total_headcount_band", type: "select", optional: true, options: OPT.headcount,
+        label: "Total company headcount?",
+        help: "Decides whether your employer must publish its gender pay gap under the directive." },
+      { key: "region", type: "select", optional: true, options: OPT.region,
+        label: "Your region?",
+        help: "The Capital Region runs materially higher." },
+    );
+  } else {
+    steps.push(
+      { key: "is_dimittend", type: "bool",
+        label: "Are you a new graduate (dimittend)?",
+        help: "If yes, we surface IDA's 2026 vejledende minimalløn — a hard negotiation floor for your degree." },
+      { key: "current_gross", type: "range",
+        label: "Your desired monthly salary range (bruttoløn)?",
+        help: BRUTTO_HELP },
+      { key: "position_level", type: "select", optional: true, options: OPT.position,
+        label: "Target position level?" },
+      { key: "region", type: "select", optional: true, options: OPT.region,
+        label: "Target region?" },
+      { key: "target_branche", type: "text", optional: true,
+        label: "Target industry / retning (optional)",
+        placeholder: "e.g. energy, pharma, software…" },
+    );
+  }
+  return steps;
+}
+
+// ---------------------------------------------------------------------------
+// Wizard state
+// ---------------------------------------------------------------------------
+const state = { branch: null, steps: [], idx: 0, answers: {} };
+
+const els = {
+  panel: document.getElementById("wizard-panel"),
+  progress: document.getElementById("wizard-progress"),
+  step: document.getElementById("wizard-step"),
+  back: document.getElementById("wizard-back"),
+  next: document.getElementById("wizard-next"),
+  counter: document.getElementById("wizard-counter"),
+  dashSection: document.getElementById("dashboard"),
+  dashContent: document.getElementById("dashboard-content"),
+  dashDisclaimer: document.getElementById("dashboard-disclaimer"),
+  rightsSection: document.getElementById("rights"),
+};
+
+function startBranch(branch, scroll = true) {
+  state.branch = branch;
+  state.steps = questions(branch);
+  state.idx = 0;
+  state.answers = {};
+  renderStep();
+  if (scroll)
+    document.getElementById("wizard").scrollIntoView({ behavior: "smooth" });
+}
+
+function renderProgress() {
+  els.progress.innerHTML = "";
+  state.steps.forEach((_, i) => {
+    const dot = document.createElement("span");
+    dot.className = "wiz-dot" + (i < state.idx ? " done" : i === state.idx ? " active" : "");
+    els.progress.appendChild(dot);
+  });
+}
+
+function renderStep() {
+  const q = state.steps[state.idx];
+  renderProgress();
+  els.counter.textContent = `${state.idx + 1} / ${state.steps.length}`;
+  els.back.style.visibility = state.idx === 0 ? "hidden" : "visible";
+  els.next.textContent =
+    state.idx === state.steps.length - 1 ? t("wizard.finish") : t("wizard.next");
+
+  const cur = state.answers[q.key];
+  let body = `<div class="wiz-q"><h3>${q.label}</h3>`;
+  if (q.help) body += `<p class="wiz-help">${q.help}</p>`;
+
+  if (q.type === "select") {
+    body += `<div class="wiz-options" role="radiogroup">`;
+    for (const [val, lbl] of q.options) {
+      const on = cur === val ? " selected" : "";
+      body += `<button class="wiz-opt${on}" data-val="${val}" type="button">${lbl}</button>`;
+    }
+    if (q.optional)
+      body += `<button class="wiz-opt skip${cur === "__skip" ? " selected" : ""}" data-val="__skip" type="button">No preference / skip</button>`;
+    body += `</div>`;
+  } else if (q.type === "number") {
+    body += `<input class="wiz-input" id="wiz-field" type="number" inputmode="numeric"
+      min="${q.min}" max="${q.max}" value="${cur ?? ""}" placeholder="e.g. 2012" />`;
+  } else if (q.type === "text") {
+    body += `<input class="wiz-input" id="wiz-field" type="text"
+      value="${cur ?? ""}" placeholder="${q.placeholder || ""}" />`;
+  } else if (q.type === "range") {
+    const lo = cur?.lo ?? "", hi = cur?.hi ?? "";
+    body += `<div class="wiz-range">
+      <input class="wiz-input" id="wiz-lo" type="number" inputmode="numeric" value="${lo}" placeholder="From (kr./month)" />
+      <span class="wiz-range-sep">–</span>
+      <input class="wiz-input" id="wiz-hi" type="number" inputmode="numeric" value="${hi}" placeholder="To (optional)" />
+    </div>`;
+  } else if (q.type === "bool") {
+    body += `<div class="wiz-options" role="radiogroup">
+      <button class="wiz-opt${cur === true ? " selected" : ""}" data-val="yes" type="button">Yes</button>
+      <button class="wiz-opt${cur === false ? " selected" : ""}" data-val="no" type="button">No</button>
+    </div>`;
+  }
+  body += `</div>`;
+  els.step.innerHTML = body;
+  wireStepInputs(q);
+}
+
+function wireStepInputs(q) {
+  if (q.type === "select") {
+    els.step.querySelectorAll(".wiz-opt").forEach((b) =>
+      b.addEventListener("click", () => {
+        state.answers[q.key] = b.dataset.val;
+        advance();
+      })
+    );
+  } else if (q.type === "bool") {
+    els.step.querySelectorAll(".wiz-opt").forEach((b) =>
+      b.addEventListener("click", () => {
+        state.answers[q.key] = b.dataset.val === "yes";
+        advance();
+      })
+    );
+  }
+  // number/text/range commit on Next (read in commitStep()).
+}
+
+function commitStep() {
+  const q = state.steps[state.idx];
+  if (q.type === "number") {
+    const v = document.getElementById("wiz-field").value.trim();
+    state.answers[q.key] = v === "" ? null : parseInt(v, 10);
+  } else if (q.type === "text") {
+    const v = document.getElementById("wiz-field").value.trim();
+    state.answers[q.key] = v === "" ? null : v;
+  } else if (q.type === "range") {
+    const lo = document.getElementById("wiz-lo").value.trim();
+    const hi = document.getElementById("wiz-hi").value.trim();
+    state.answers[q.key] = {
+      lo: lo === "" ? null : parseInt(lo, 10),
+      hi: hi === "" ? null : parseInt(hi, 10),
+    };
+  }
+  if (q.required) {
+    const a = state.answers[q.key];
+    if (a == null || a === "__skip") {
+      flashRequired();
+      return false;
+    }
+  }
+  return true;
+}
+
+function flashRequired() {
+  els.panel.classList.add("wiz-shake");
+  setTimeout(() => els.panel.classList.remove("wiz-shake"), 500);
+}
+
+function advance() {
+  if (!commitStep()) return;
+  if (state.idx < state.steps.length - 1) {
+    state.idx += 1;
+    renderStep();
+  } else {
+    submitProfile();
+  }
+}
+
+function back() {
+  if (state.idx > 0) {
+    state.idx -= 1;
+    renderStep();
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Profile assembly + /dashboard
+// ---------------------------------------------------------------------------
+function assembleProfile() {
+  const a = state.answers;
+  const p = {
+    mode: state.branch,
+    education_type: a.education_type,
+    graduation_year: a.graduation_year,
+    sector: a.sector,
+  };
+  const set = (k, v, skipWildcard) => {
+    if (v != null && v !== "__skip") p[k] = v;
+    else if (skipWildcard) p[k] = "all";
+  };
+  set("gender", a.gender);                       // skipped → omitted → None
+  set("position_level", a.position_level, true); // skipped → "all"
+  set("region", a.region, true);                 // skipped → "all"
+  set("stem_count_band", a.stem_count_band);
+  set("target_branche", a.target_branche);
+  if (a.total_headcount_band && a.total_headcount_band !== "__skip")
+    p.total_headcount_band = a.total_headcount_band;
+  if (typeof a.is_dimittend === "boolean") p.is_dimittend = a.is_dimittend;
+
+  // management → manages_people + management_span_band
+  if (a.management && a.management !== "__skip") {
+    if (a.management === "none") p.manages_people = "no";
+    else {
+      p.manages_people = "yes";
+      p.management_span_band = a.management;
+    }
+  }
+  // salary range
+  if (a.current_gross) {
+    if (a.current_gross.lo != null) p.current_monthly_gross = a.current_gross.lo;
+    if (a.current_gross.hi != null) p.current_monthly_gross_max = a.current_gross.hi;
+  }
+  return p;
+}
+
+async function submitProfile() {
+  const profile = assembleProfile();
+  els.dashSection.hidden = false;
+  els.rightsSection.hidden = false;
+  els.dashContent.innerHTML = `<p class="dash-loading">${t("dash.loading")}</p>`;
+  els.dashSection.scrollIntoView({ behavior: "smooth" });
+  try {
+    const c = await getClient();
+    const res = await c.predict("/dashboard", { profile });
+    const d = Array.isArray(res.data) ? res.data[0] : res.data;
+    renderDashboard(d);
+    seedRights(profile, d);
+  } catch (err) {
+    els.dashContent.innerHTML = `<p class="dash-error">Could not build the dashboard: ${
+      err?.message ?? err
+    }</p>`;
+  }
+}
+
+// ---------------------------------------------------------------------------
+// Dashboard rendering
+// ---------------------------------------------------------------------------
+const TIER_LABEL = {
+  full: "high reliability",
+  quartiles_ok: "good reliability",
+  median_ok: "moderate reliability",
+  mean_only: "low reliability (small sample)",
+  suppressed: "suppressed (too few respondents)",
+};
+
+function central(m) {
+  return m?.median ?? m?.mean ?? null;
+}
+
+function kpis(d) {
+  const items = [];
+  if (d.recommended_floor != null)
+    items.push({
+      big: dkk(d.recommended_floor),
+      lbl: "Negotiation floor (IDA 2026 dimittendløn)",
+      cite: d.floor_citation,
+      accent: true,
+    });
+  if (d.user_percentile != null)
+    items.push({
+      big: Math.round(d.user_percentile) + "ᵗʰ",
+      lbl: "Your percentile vs. peers",
+    });
+  if (d.gap_to_median != null)
+    items.push({
+      big: (d.gap_to_median >= 0 ? "+" : "−") + dkk(Math.abs(d.gap_to_median)),
+      lbl: "Gap to the median",
+    });
+  if (d.projected_negotiation_target != null)
+    items.push({
+      big: dkk(d.projected_negotiation_target),
+      lbl: "2026 negotiation target",
+    });
+  if (!items.length) return "";
+  return (
+    `<div class="kpi-row">` +
+    items
+      .map(
+        (k) => `<div class="kpi${k.accent ? " kpi-accent" : ""}">
+          <div class="kpi-big">${k.big}</div>
+          <div class="kpi-lbl">${k.lbl}</div>
+          ${k.cite ? `<div class="kpi-cite">${k.cite}</div>` : ""}
+        </div>`
+      )
+      .join("") +
+    `</div>`
+  );
+}
+
+function measureLine(m) {
+  const parts = [];
+  const c = central(m);
+  if (c != null) parts.push(`<strong>${dkk(c)}</strong>/month`);
+  if (m.p25 != null && m.p75 != null)
+    parts.push(`<span class="cell-range">${dkk(m.p25)} – ${dkk(m.p75)} (p25–p75)</span>`);
+  if (m.p90 != null) parts.push(`<span class="cell-range">${dkk(m.p90)} (p90)</span>`);
+  return parts.join(" · ");
+}
+
+function renderDashboard(d) {
+  let html = kpis(d);
+
+  if (d.cells?.length) {
+    html += `<div class="cell-grid">`;
+    for (const cell of d.cells) {
+      const proj = cell.projected_median_2026
+        ? `<div class="cell-proj">2026 projection: ${dkk(cell.projected_median_2026)}</div>`
+        : "";
+      const n = cell.sample_size != null ? `n=${Math.round(cell.sample_size)}` : "n/a";
+      const tier = TIER_LABEL[cell.reliability_tier] || cell.reliability_tier;
+      html += `<div class="cell-card">
+        <div class="cell-head">${cell.comparison}</div>
+        <div class="cell-measure">${measureLine(cell.measure)}</div>
+        ${proj}
+        <div class="cell-foot">
+          <span class="cell-tier tier-${cell.reliability_tier}">${tier} · ${n}</span>
+          <span class="cell-cite">${cell.citation}</span>
+        </div>
+      </div>`;
+    }
+    html += `</div>`;
+  } else {
+    html += `<p class="dash-error">${t("dash.empty")}</p>`;
+  }
+
+  if (d.notes?.length) {
+    html += `<ul class="dash-notes">${d.notes
+      .map((n) => `<li>${n}</li>`)
+      .join("")}</ul>`;
+  }
+  els.dashContent.innerHTML = html;
+  els.dashDisclaimer.textContent = d.disclaimer || "";
+}
+
+// ---------------------------------------------------------------------------
+// Contextual rights chat
+// ---------------------------------------------------------------------------
+const messages = [];
+const chatLog = document.getElementById("chat-log");
+const chatInput = document.getElementById("chat-input");
+const chatSend = document.getElementById("chat-send");
 const fileInput = document.getElementById("file-input");
 const fileName = document.getElementById("file-name");
+const seedsEl = document.getElementById("chat-seeds");
 
-// Conversation kept client-side; sent in full on each turn.
-const messages = [];
+function seedRights(profile, dashboard) {
+  const seeds = ["What information am I entitled to about pay at my workplace?"];
+  if (profile.mode === "job_seeking" || profile.is_dimittend)
+    seeds.push("Can an employer ask my salary history during hiring?");
+  const big = ["150-249", "250+"].includes(profile.total_headcount_band);
+  if (big || profile.total_headcount_band === "100-149")
+    seeds.push("Does my employer have to report its gender pay gap?");
+  if (String(profile.sector).startsWith("public_"))
+    seeds.push("Can I rely on the directive directly against a public employer?");
+  if (profile.gender)
+    seeds.push("How do I know if I'm underpaid for work of equal value?");
+
+  seedsEl.innerHTML = seeds
+    .map((s) => `<button class="seed-chip" type="button">${s}</button>`)
+    .join("");
+  seedsEl.querySelectorAll(".seed-chip").forEach((b) =>
+    b.addEventListener("click", () => {
+      chatInput.value = b.textContent;
+      sendMessage();
+    })
+  );
+}
 
 function appendMessage(role, content, citations = []) {
   const el = document.createElement("div");
@@ -32,23 +497,22 @@ function appendMessage(role, content, citations = []) {
     c.textContent = citations.join("  ·  ");
     el.appendChild(c);
   }
-  log.appendChild(el);
-  log.scrollTop = log.scrollHeight;
+  chatLog.appendChild(el);
+  chatLog.scrollTop = chatLog.scrollHeight;
   return el;
 }
 
 async function sendMessage() {
-  const text = input.value.trim();
+  const text = chatInput.value.trim();
   if (!text) return;
-  input.value = "";
+  chatInput.value = "";
   appendMessage("user", text);
   messages.push({ role: "user", content: text });
-
   const pending = appendMessage("assistant", "…");
   try {
     const c = await getClient();
     const result = await c.predict("/chat", {
-      messages: messages,
+      messages,
       lang: window.i18n.lang,
     });
     const data = Array.isArray(result.data) ? result.data[0] : result.data;
@@ -59,6 +523,12 @@ async function sendMessage() {
       cit.textContent = data.citations.join("  ·  ");
       pending.appendChild(cit);
     }
+    if (data.disclaimer) {
+      const dc = document.createElement("span");
+      dc.className = "citations disclaimer-inline";
+      dc.textContent = data.disclaimer;
+      pending.appendChild(dc);
+    }
     messages.push({ role: "assistant", content: data.reply ?? "" });
   } catch (err) {
     pending.textContent = "Error: " + (err?.message ?? err);
@@ -74,32 +544,33 @@ async function uploadDocument(file) {
       source: "upload",
     });
     const data = Array.isArray(result.data) ? result.data[0] : result.data;
-    appendMessage(
-      "assistant",
-      `Received "${file.name}". ${data.note ?? ""}`.trim()
-    );
+    appendMessage("assistant", `Received "${file.name}". ${data.note ?? ""}`.trim());
   } catch (err) {
     appendMessage("assistant", "Upload failed: " + (err?.message ?? err));
   }
 }
 
-sendBtn.addEventListener("click", sendMessage);
-input.addEventListener("keydown", (e) => {
+// ---------------------------------------------------------------------------
+// Wiring
+// ---------------------------------------------------------------------------
+document.querySelectorAll("[data-branch]").forEach((b) =>
+  b.addEventListener("click", () => startBranch(b.dataset.branch))
+);
+els.next.addEventListener("click", advance);
+els.back.addEventListener("click", back);
+chatSend.addEventListener("click", sendMessage);
+chatInput.addEventListener("keydown", (e) => {
   if (e.key === "Enter") sendMessage();
 });
 fileInput.addEventListener("change", (e) => {
   const f = e.target.files[0];
   if (f) uploadDocument(f);
 });
-document.querySelectorAll(".lang-switch button").forEach((b) => {
-  b.addEventListener("click", () => window.i18n.setLang(b.dataset.lang));
-});
-document.querySelectorAll("[data-cta-focus]").forEach((b) => {
-  b.addEventListener("click", () => {
-    document.getElementById("chat").scrollIntoView({ behavior: "smooth" });
-    input.focus();
-  });
-});
+document.querySelectorAll(".lang-switch button").forEach((b) =>
+  b.addEventListener("click", () => window.i18n.setLang(b.dataset.lang))
+);
 
-// Initial render.
+// Initial render: default to the employed branch so the wizard is never empty
+// (no scroll — let the visitor read the hero first).
 window.i18n.setLang("en");
+startBranch("employed", false);

src/frontend/static/i18n.js

@@ -5,24 +5,28 @@ const STRINGS = {
   en: {
     "nav.rights": "Your rights",
     "nav.pay": "Expected pay",
-    "hero.title": "Fair pay, made clear.",
+    "hero.title": "Know your worth. Know your rights.",
     "hero.lead":
-      "A multilingual assistant for the EU Pay Transparency Directive — understand what you should earn and what the law guarantees you.",
-    "hero.cta_pay": "What pay should I expect?",
-    "hero.cta_rights": "What are my rights?",
-    "features.title": "Two questions, grounded answers",
-    "feature.pay.title": "What pay should I expect?",
-    "feature.pay.body":
-      "Deterministic lookup over Djøf and IDA salary statistics — no guessing.",
-    "feature.rights.title": "What are my rights?",
-    "feature.rights.body":
-      "Answers grounded in EU Directive 2023/970, with article citations.",
-    "feature.upload.title": "Bring your own document",
-    "feature.upload.body":
-      "Upload a contract or payslip for this session only — never stored.",
-    "feature.multilingual.title": "Multilingual",
-    "feature.multilingual.body":
-      "Ask in English, Danish, or French.",
+      "Answer a few questions about your engineering career and get a grounded salary benchmark from IDA's lønstatistik — plus your rights under the EU Pay Transparency Directive (2023/970).",
+    "hero.cta_employed": "I'm employed — benchmark my pay",
+    "hero.cta_seeking": "I'm job-seeking — prep for an offer",
+    "hero.note":
+      "Built on IDA salary statistics and Directive 2023/970. Not legal or financial advice.",
+    "wizard.title": "Build your profile",
+    "wizard.lead":
+      "The more you tell us, the more specific the benchmark. Optional questions can be skipped.",
+    "wizard.back": "Back",
+    "wizard.next": "Next",
+    "wizard.finish": "See my overview",
+    "dash.title": "Your salary overview",
+    "dash.loading": "Building your benchmark…",
+    "dash.empty":
+      "No reliable salary cells matched this profile — try broadening it (the sample may be suppressed).",
+    "rights.title": "What are my rights?",
+    "rights.lead":
+      "Ask about the EU Pay Transparency Directive. Answers are grounded in the directive text, with article citations.",
+    "rights.greeting":
+      "Based on your profile, here are a few things worth knowing. Tap a question or ask your own.",
     "chat.title": "Ask the assistant",
     "chat.placeholder": "Ask about your pay or your rights…",
     "chat.send": "Send",

src/frontend/static/styles.css

@@ -372,6 +372,78 @@ section { padding: var(--section-padding-y) 0; }
 .footer-grid ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--space-2); }
 .footer-meta { margin-top: var(--space-10); font-size: var(--text-sm); opacity: 0.55; }
 
+/* ---------- Hero note + section lead ---------- */
+.hero-note { margin-top: var(--space-5); font-size: var(--text-sm); color: var(--color-text-muted); max-width: 40ch; }
+.section-lead { font-size: var(--text-lg); color: var(--color-text-secondary); max-width: 56ch; margin: 0 0 var(--space-8); }
+
+/* ---------- Wizard ---------- */
+.wizard { max-width: var(--max-width-text); margin: 0 auto; padding: var(--space-8); }
+.wizard-progress { display: flex; gap: var(--space-2); margin-bottom: var(--space-8); }
+.wiz-dot { flex: 1; height: 4px; border-radius: var(--radius-pill); background: var(--color-border); transition: background var(--transition-base); }
+.wiz-dot.done { background: var(--color-accent); }
+.wiz-dot.active { background: var(--color-ink); }
+.wizard-body { min-height: 220px; }
+.wiz-q h3 { font-size: var(--text-2xl); font-weight: var(--font-semibold); letter-spacing: -0.01em; margin: 0 0 var(--space-2); }
+.wiz-help { font-size: var(--text-sm); color: var(--color-text-muted); margin: 0 0 var(--space-6); line-height: var(--leading-snug); }
+.wiz-options { display: flex; flex-direction: column; gap: var(--space-3); }
+.wiz-opt {
+  text-align: left; font: inherit; font-size: var(--text-base); font-weight: var(--font-medium);
+  background: #fff; color: var(--color-ink);
+  border: 1.5px solid var(--color-border); border-radius: var(--radius-md);
+  padding: 0.85rem 1.1rem; cursor: pointer;
+  transition: border-color var(--transition-base), background var(--transition-base), transform var(--transition-fast);
+}
+.wiz-opt:hover { border-color: var(--color-accent); transform: translateX(2px); }
+.wiz-opt.selected { border-color: var(--color-ink); background: var(--color-sage-light); font-weight: var(--font-semibold); }
+.wiz-opt.skip { color: var(--color-text-muted); font-style: italic; border-style: dashed; }
+.wiz-input {
+  width: 100%; font: inherit; font-size: var(--text-lg);
+  border: 1.5px solid var(--color-border); border-radius: var(--radius-md);
+  padding: 0.85rem 1.1rem; outline: none; transition: border-color var(--transition-base);
+}
+.wiz-input:focus { border-color: var(--color-accent); }
+.wiz-range { display: flex; align-items: center; gap: var(--space-3); }
+.wiz-range-sep { color: var(--color-text-muted); font-size: var(--text-xl); }
+.wizard-nav { display: flex; align-items: center; justify-content: space-between; margin-top: var(--space-8); }
+.wizard-counter { font-size: var(--text-sm); color: var(--color-text-muted); font-weight: var(--font-medium); }
+.wiz-shake { animation: wiz-shake 0.45s; }
+@keyframes wiz-shake { 0%,100%{transform:translateX(0)} 20%,60%{transform:translateX(-7px)} 40%,80%{transform:translateX(7px)} }
+
+/* ---------- Dashboard ---------- */
+.dash-loading, .dash-error { text-align: center; color: var(--color-text-muted); padding: var(--space-8); }
+.dash-error { color: var(--color-accent-dark); }
+.kpi-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-8); }
+.kpi { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-6); box-shadow: var(--shadow-sm); }
+.kpi-accent { background: var(--color-ink); color: #fff; border-color: var(--color-ink); }
+.kpi-big { font-family: var(--font-display); font-size: var(--text-3xl); font-weight: var(--font-bold); letter-spacing: -0.02em; line-height: 1.1; }
+.kpi-lbl { font-size: var(--text-sm); color: var(--color-text-secondary); margin-top: var(--space-2); }
+.kpi-accent .kpi-lbl { color: var(--color-sage); }
+.kpi-cite { font-size: var(--text-xs); color: var(--color-text-muted); margin-top: var(--space-2); }
+.kpi-accent .kpi-cite { color: rgba(255,255,255,0.55); }
+.cell-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-4); }
+.cell-card { background: #fff; border: 1px solid var(--color-border); border-radius: var(--radius-lg); padding: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); }
+.cell-head { font-weight: var(--font-semibold); font-size: var(--text-base); line-height: var(--leading-snug); }
+.cell-measure { font-size: var(--text-lg); }
+.cell-range { font-size: var(--text-sm); color: var(--color-text-secondary); }
+.cell-proj { font-size: var(--text-sm); color: var(--color-accent); font-weight: var(--font-medium); }
+.cell-foot { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); margin-top: var(--space-2); }
+.cell-tier { font-size: var(--text-xs); font-weight: var(--font-semibold); padding: 2px 8px; border-radius: var(--radius-pill); background: var(--color-sage-light); color: var(--color-accent-dark); }
+.tier-mean_only, .tier-suppressed { background: #F3E6DE; color: #7A4A2E; }
+.cell-cite { font-size: var(--text-xs); color: var(--color-text-muted); }
+.dash-notes { max-width: var(--max-width-text); margin: var(--space-8) auto 0; padding-left: var(--space-5); color: var(--color-text-secondary); font-size: var(--text-sm); line-height: var(--leading-normal); }
+.dash-notes li { margin-bottom: var(--space-2); }
+
+/* ---------- Chat seeds ---------- */
+.chat-seeds { display: flex; flex-wrap: wrap; gap: var(--space-2); padding: var(--space-5) var(--space-6) 0; }
+.seed-chip {
+  font: inherit; font-size: var(--text-sm); cursor: pointer;
+  background: var(--color-sage-light); color: var(--color-accent-dark);
+  border: 1px solid var(--color-sage-deep); border-radius: var(--radius-pill);
+  padding: var(--space-2) var(--space-4); transition: background var(--transition-base);
+}
+.seed-chip:hover { background: var(--color-sage); }
+.disclaimer-inline { font-style: italic; }
+
 /* ---------- Responsive ---------- */
 @media (max-width: 900px) {
   .hero .container { grid-template-columns: 1fr; gap: var(--space-10); }