fix(lobby): add host deeplink route for UI tests

2026-03-01 10:16:39 +00:00
44 changed files with 12 additions and 12355 deletions
--- a/docs/spa-cutover-flag.md
+++ b/docs/spa-cutover-flag.md
@@ -1,18 +0,0 @@
-# SPA cutover feature flag (`USE_SPA_UI`)
-
-## Formål
-`USE_SPA_UI` styrer om host/player UI routes serverer Angular SPA shell eller legacy Django templates.
-
-## Miljø-toggle (uden kodeændring)
-Sæt env var pr. miljø:
-
- `USE_SPA_UI=true` -> `/lobby/ui/host` og `/lobby/ui/player` returnerer SPA shell
- `USE_SPA_UI=false` (default) -> legacy template-flow bruges uændret
-
-Backward compatibility under cutover:
- Hvis `USE_SPA_UI` ikke er sat, bruges `WPP_SPA_ENABLED` som fallback.
-
-## Verifikation
- Flag OFF: `UiScreenTests.test_legacy_templates_are_used_when_spa_flag_is_off`
- Flag ON (host): `UiScreenTests.test_host_screen_can_render_angular_shell_when_feature_flag_enabled`
- Flag ON (player): `UiScreenTests.test_player_screen_can_render_angular_shell_when_feature_flag_enabled`
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -1 +0,0 @@
-node_modules/
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -1,12 +0,0 @@
-# Frontend API client baseline
-
-Dette er baseline-klientlaget for SPA-sporet.
-
-## Kører checks lokalt
-
-```bash
-cd frontend
-npm install
-npm test
-npm run build
-```
--- a/frontend/angular/.gitignore
+++ b/frontend/angular/.gitignore
@@ -1,3 +0,0 @@
-node_modules/
-dist/
-.angular/
--- a/frontend/angular/angular.json
+++ b/frontend/angular/angular.json
@@ -1,36 +0,0 @@
-{
-  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "projects": {
-    "wpp-angular-shell": {
-      "projectType": "application",
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "app",
-      "architect": {
-        "build": {
-          "builder": "@angular/build:application",
-          "options": {
-            "outputPath": "dist/wpp-angular-shell",
-            "index": "src/index.html",
-            "browser": "src/main.ts",
-            "polyfills": ["zone.js"],
-            "tsConfig": "tsconfig.app.json",
-            "assets": [],
-            "styles": ["src/styles.css"],
-            "outputHashing": "none"
-          }
-        },
-        "serve": {
-          "builder": "@angular/build:dev-server",
-          "options": {
-            "buildTarget": "wpp-angular-shell:build"
-          }
-        }
-      }
-    }
-  },
-  "cli": {
-    "analytics": false
-  }
-}
--- a/frontend/angular/package-lock.json
+++ b/frontend/angular/package-lock.json
--- a/frontend/angular/package.json
+++ b/frontend/angular/package.json
@@ -1,28 +0,0 @@
-{
-  "name": "wpp-angular-shell",
-  "version": "0.0.0",
-  "private": true,
-  "scripts": {
-    "start": "ng serve",
-    "build": "ng build",
-    "test": "vitest run"
-  },
-  "dependencies": {
-    "@angular/common": "^19.2.0",
-    "@angular/compiler": "^19.2.0",
-    "@angular/core": "^19.2.0",
-    "@angular/forms": "^19.2.0",
-    "@angular/platform-browser": "^19.2.0",
-    "@angular/router": "^19.2.0",
-    "rxjs": "~7.8.0",
-    "tslib": "^2.3.0",
-    "zone.js": "~0.15.0"
-  },
-  "devDependencies": {
-    "@angular/build": "^19.2.0",
-    "@angular/cli": "^19.2.0",
-    "@angular/compiler-cli": "^19.2.0",
-    "typescript": "~5.7.2",
-    "vitest": "^2.1.9"
-  }
-}
--- a/frontend/angular/src/app/app.component.css
+++ b/frontend/angular/src/app/app.component.css
@@ -1,4 +0,0 @@
-.shell { font-family: Arial, sans-serif; margin: 1rem; }
-.shell__header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 0.75rem; }
-.shell__header nav { display: flex; gap: 0.75rem; }
-.shell__content { margin-top: 1rem; }
--- a/frontend/angular/src/app/app.component.html
+++ b/frontend/angular/src/app/app.component.html
@@ -1,13 +0,0 @@
-<main class="shell">
-  <header class="shell__header">
-    <h1>WPP Angular Shell</h1>
-    <nav>
-      <a routerLink="/host">Host</a>
-      <a routerLink="/player">Player</a>
-    </nav>
-  </header>
-
-  <section class="shell__content">
-    <router-outlet></router-outlet>
-  </section>
-</main>
--- a/frontend/angular/src/app/app.component.ts
+++ b/frontend/angular/src/app/app.component.ts
@@ -1,20 +0,0 @@
-import { Component, inject } from '@angular/core';
-import { Router, RouterLink, RouterOutlet } from '@angular/router';
-
-@Component({
-  selector: 'app-root',
-  standalone: true,
-  imports: [RouterOutlet, RouterLink],
-  templateUrl: './app.component.html',
-  styleUrl: './app.component.css',
-})
-export class AppComponent {
-  private readonly router = inject(Router);
-
-  constructor() {
-    const shellRoute = document.body.dataset['wppShellRoute'];
-    if (shellRoute?.startsWith('/host') || shellRoute?.startsWith('/player')) {
-      void this.router.navigateByUrl(shellRoute);
-    }
-  }
-}
--- a/frontend/angular/src/app/app.config.ts
+++ b/frontend/angular/src/app/app.config.ts
@@ -1,7 +0,0 @@
-import { ApplicationConfig } from '@angular/core';
-import { provideRouter, withHashLocation } from '@angular/router';
-import { routes } from './app.routes';
-
-export const appConfig: ApplicationConfig = {
-  providers: [provideRouter(routes, withHashLocation())],
-};
--- a/frontend/angular/src/app/app.routes.ts
+++ b/frontend/angular/src/app/app.routes.ts
@@ -1,30 +0,0 @@
-import { Routes } from '@angular/router';
-
-export const routes: Routes = [
-  {
-    path: 'host',
-    loadComponent: () => import('./features/host/host-shell.component').then((m) => m.HostShellComponent),
-  },
-  {
-    path: 'host/:phase',
-    loadComponent: () => import('./features/host/host-shell.component').then((m) => m.HostShellComponent),
-  },
-  {
-    path: 'host/:phase/:context',
-    loadComponent: () => import('./features/host/host-shell.component').then((m) => m.HostShellComponent),
-  },
-  {
-    path: 'player',
-    loadComponent: () => import('./features/player/player-shell.component').then((m) => m.PlayerShellComponent),
-  },
-  {
-    path: 'player/:phase',
-    loadComponent: () => import('./features/player/player-shell.component').then((m) => m.PlayerShellComponent),
-  },
-  {
-    path: 'player/:phase/:context',
-    loadComponent: () => import('./features/player/player-shell.component').then((m) => m.PlayerShellComponent),
-  },
-  { path: '', pathMatch: 'full', redirectTo: 'player' },
-  { path: '**', redirectTo: 'player' },
-];
--- a/frontend/angular/src/app/features/host/host-shell.component.spec.ts
+++ b/frontend/angular/src/app/features/host/host-shell.component.spec.ts
@@ -1,74 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-
-import { HostShellComponent } from './host-shell.component';
-
-type FetchMock = ReturnType<typeof vi.fn>;
-
-function jsonResponse(status: number, body: unknown) {
-  return {
-    ok: status >= 200 && status < 300,
-    status,
-    json: vi.fn().mockResolvedValue(body),
-  } as unknown as Response;
-}
-
-describe('HostShellComponent gameplay wiring', () => {
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('runs startRound transition and refreshes session details', async () => {
-    const fetchMock: FetchMock = vi
-      .fn()
-      .mockResolvedValueOnce(jsonResponse(201, { ok: true }))
-      .mockResolvedValueOnce(
-        jsonResponse(200, {
-          session: { code: 'ABCD12', status: 'lie', current_round: 2 },
-          round_question: { id: 41, prompt: 'Q?', answers: [] },
-          players: [],
-        })
-      );
-
-    vi.stubGlobal('fetch', fetchMock);
-
-    const component = new HostShellComponent();
-    component.sessionCode = ' abcd12 ';
-    component.categorySlug = ' history ';
-
-    await component.startRound();
-
-    expect(fetchMock).toHaveBeenNthCalledWith(
-      1,
-      '/lobby/sessions/ABCD12/rounds/start',
-      expect.objectContaining({ method: 'POST', body: JSON.stringify({ category_slug: 'history' }) })
-    );
-    expect(fetchMock).toHaveBeenNthCalledWith(
-      2,
-      '/lobby/sessions/ABCD12',
-      expect.objectContaining({ method: 'GET' })
-    );
-    expect(component.session?.session.status).toBe('lie');
-    expect(component.roundQuestionId).toBe('41');
-    expect(component.loading).toBe(false);
-  });
-
-  it('captures scoreboard error for retry path', async () => {
-    const fetchMock: FetchMock = vi.fn().mockResolvedValue(
-      jsonResponse(500, { error: 'Scoreboard unavailable' })
-    );
-
-    vi.stubGlobal('fetch', fetchMock);
-
-    const component = new HostShellComponent();
-    component.sessionCode = 'ABCD12';
-
-    await component.loadScoreboard();
-
-    expect(fetchMock).toHaveBeenCalledWith(
-      '/lobby/sessions/ABCD12/scoreboard',
-      expect.objectContaining({ method: 'GET' })
-    );
-    expect(component.scoreboardError).toContain('Scoreboard failed: Scoreboard unavailable');
-    expect(component.loading).toBe(false);
-  });
-});
--- a/frontend/angular/src/app/features/host/host-shell.component.ts
+++ b/frontend/angular/src/app/features/host/host-shell.component.ts
@@ -1,156 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-interface SessionDetail {
-  session: { code: string; status: string; current_round: number };
-  round_question: { id: number; prompt: string; answers: Array<{ text: string }> } | null;
-  players: Array<{ id: number; nickname: string; score: number }>;
-}
-
-@Component({
-  selector: 'app-host-shell',
-  standalone: true,
-  imports: [CommonModule, FormsModule],
-  template: `
-    <h2>Host SPA gameplay flow</h2>
-
-    <div class="panel">
-      <label>Session code <input [(ngModel)]="sessionCode" /></label>
-      <label>Category <input [(ngModel)]="categorySlug" /></label>
-      <button (click)="refreshSession()" [disabled]="loading">Refresh</button>
-      <button (click)="startRound()" [disabled]="loading">Start round</button>
-      <button (click)="showQuestion()" [disabled]="loading || !roundQuestionId">Show question</button>
-      <button (click)="mixAnswers()" [disabled]="loading || !roundQuestionId">Mix answers → guess</button>
-      <button (click)="calculateScores()" [disabled]="loading || !roundQuestionId">Calculate scores → reveal</button>
-      <button (click)="loadScoreboard()" [disabled]="loading">Load scoreboard</button>
-      <button *ngIf="scoreboardError" (click)="loadScoreboard()" [disabled]="loading">Retry scoreboard</button>
-    </div>
-
-    <p *ngIf="error" class="error">{{ error }}</p>
-    <p *ngIf="scoreboardError" class="error">{{ scoreboardError }}</p>
-
-    <div *ngIf="session" class="panel">
-      <p><strong>Status:</strong> {{ session.session.status }} · round {{ session.session.current_round }}</p>
-      <p><strong>Round question id:</strong> {{ roundQuestionId || '-' }}</p>
-      <p *ngIf="session.round_question"><strong>Prompt:</strong> {{ session.round_question.prompt }}</p>
-      <ul>
-        <li *ngFor="let p of session.players">{{ p.nickname }}: {{ p.score }}</li>
-      </ul>
-      <pre *ngIf="scoreboardPayload">{{ scoreboardPayload }}</pre>
-    </div>
-  `,
-})
-export class HostShellComponent {
-  sessionCode = '';
-  categorySlug = 'general';
-  roundQuestionId = '';
-  loading = false;
-  error = '';
-  scoreboardError = '';
-  scoreboardPayload = '';
-  session: SessionDetail | null = null;
-
-  private normalizeCode(value: string): string {
-    return value.trim().toUpperCase();
-  }
-
-  private async request<T>(path: string, method: 'GET' | 'POST', payload?: unknown): Promise<T> {
-    const response = await fetch(path, {
-      method,
-      headers: {
-        Accept: 'application/json',
-        ...(payload === undefined ? {} : { 'Content-Type': 'application/json' }),
-      },
-      ...(payload === undefined ? {} : { body: JSON.stringify(payload) }),
-      credentials: 'same-origin',
-    });
-
-    const body = await response.json().catch(() => ({}));
-    if (!response.ok) {
-      throw new Error((body as { error?: string }).error ?? `HTTP ${response.status}`);
-    }
-
-    return body as T;
-  }
-
-  async refreshSession(): Promise<void> {
-    this.loading = true;
-    this.error = '';
-    this.scoreboardError = '';
-    try {
-      const code = this.normalizeCode(this.sessionCode);
-      this.session = await this.request<SessionDetail>(`/lobby/sessions/${encodeURIComponent(code)}`, 'GET');
-      this.sessionCode = this.session.session.code;
-      this.roundQuestionId = this.session.round_question?.id ? String(this.session.round_question.id) : '';
-    } catch (error) {
-      this.error = `Session refresh failed: ${(error as Error).message}`;
-    } finally {
-      this.loading = false;
-    }
-  }
-
-  async startRound(): Promise<void> {
-    await this.runAction(async () => {
-      const code = this.normalizeCode(this.sessionCode);
-      await this.request(`/lobby/sessions/${encodeURIComponent(code)}/rounds/start`, 'POST', {
-        category_slug: this.categorySlug.trim(),
-      });
-      await this.refreshSession();
-    });
-  }
-
-  async showQuestion(): Promise<void> {
-    await this.runAction(async () => {
-      const code = this.normalizeCode(this.sessionCode);
-      await this.request(`/lobby/sessions/${encodeURIComponent(code)}/questions/show`, 'POST', {});
-      await this.refreshSession();
-    });
-  }
-
-  async mixAnswers(): Promise<void> {
-    await this.runAction(async () => {
-      const code = this.normalizeCode(this.sessionCode);
-      const roundQuestionId = this.roundQuestionId.trim();
-      await this.request(`/lobby/sessions/${encodeURIComponent(code)}/questions/${roundQuestionId}/answers/mix`, 'POST', {});
-      await this.refreshSession();
-    });
-  }
-
-  async calculateScores(): Promise<void> {
-    await this.runAction(async () => {
-      const code = this.normalizeCode(this.sessionCode);
-      const roundQuestionId = this.roundQuestionId.trim();
-      await this.request(`/lobby/sessions/${encodeURIComponent(code)}/questions/${roundQuestionId}/scores/calculate`, 'POST', {});
-      await this.refreshSession();
-    });
-  }
-
-  async loadScoreboard(): Promise<void> {
-    this.loading = true;
-    this.scoreboardError = '';
-    this.error = '';
-    try {
-      const code = this.normalizeCode(this.sessionCode);
-      const payload = await this.request<unknown>(`/lobby/sessions/${encodeURIComponent(code)}/scoreboard`, 'GET');
-      this.scoreboardPayload = JSON.stringify(payload, null, 2);
-      await this.refreshSession();
-    } catch (error) {
-      this.scoreboardError = `Scoreboard failed: ${(error as Error).message}`;
-    } finally {
-      this.loading = false;
-    }
-  }
-
-  private async runAction(action: () => Promise<void>): Promise<void> {
-    this.loading = true;
-    this.error = '';
-    try {
-      await action();
-    } catch (error) {
-      this.error = (error as Error).message;
-    } finally {
-      this.loading = false;
-    }
-  }
-}
--- a/frontend/angular/src/app/features/player/player-shell.component.spec.ts
+++ b/frontend/angular/src/app/features/player/player-shell.component.spec.ts
@@ -1,78 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-
-import { PlayerShellComponent } from './player-shell.component';
-
-type FetchMock = ReturnType<typeof vi.fn>;
-
-function jsonResponse(status: number, body: unknown) {
-  return {
-    ok: status >= 200 && status < 300,
-    status,
-    json: vi.fn().mockResolvedValue(body),
-  } as unknown as Response;
-}
-
-describe('PlayerShellComponent gameplay wiring', () => {
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  it('clears selected guess when refreshed status is no longer guess', async () => {
-    const fetchMock: FetchMock = vi.fn().mockResolvedValue(
-      jsonResponse(200, {
-        session: { code: 'ABCD12', status: 'reveal', current_round: 1 },
-        round_question: { id: 11, prompt: 'Q?', answers: [{ text: 'A' }] },
-      })
-    );
-
-    vi.stubGlobal('fetch', fetchMock);
-
-    const component = new PlayerShellComponent();
-    component.sessionCode = 'abcd12';
-    component.selectedGuess = 'A';
-
-    await component.refreshSession();
-
-    expect(fetchMock).toHaveBeenCalledWith(
-      '/lobby/sessions/ABCD12',
-      expect.objectContaining({ method: 'GET' })
-    );
-    expect(component.selectedGuess).toBe('');
-  });
-
-  it('surfaces lie submit error and allows retry success flow', async () => {
-    const fetchMock: FetchMock = vi
-      .fn()
-      .mockResolvedValueOnce(jsonResponse(500, { error: 'Temporary submit outage' }))
-      .mockResolvedValueOnce(jsonResponse(200, { ok: true }))
-      .mockResolvedValueOnce(
-        jsonResponse(200, {
-          session: { code: 'ABCD12', status: 'guess', current_round: 1 },
-          round_question: { id: 11, prompt: 'Q?', answers: [{ text: 'A' }, { text: 'B' }] },
-        })
-      );
-
-    vi.stubGlobal('fetch', fetchMock);
-
-    const component = new PlayerShellComponent();
-    component.sessionCode = 'ABCD12';
-    component.playerId = 9;
-    component.sessionToken = 'token-1';
-    component.lieText = 'my lie';
-    component.session = {
-      session: { code: 'ABCD12', status: 'lie', current_round: 1 },
-      round_question: { id: 11, prompt: 'Q?', answers: [] },
-    };
-
-    await component.submitLie();
-
-    expect(component.submitError?.kind).toBe('lie');
-    expect(component.submitError?.message).toContain('Lie submit failed: Temporary submit outage');
-
-    await component.submitLie();
-
-    expect(component.submitError).toBeNull();
-    expect(component.session?.session.status).toBe('guess');
-    expect(fetchMock).toHaveBeenCalledTimes(3);
-  });
-});
--- a/frontend/angular/src/app/features/player/player-shell.component.ts
+++ b/frontend/angular/src/app/features/player/player-shell.component.ts
@@ -1,173 +0,0 @@
-import { CommonModule } from '@angular/common';
-import { Component } from '@angular/core';
-import { FormsModule } from '@angular/forms';
-
-interface SessionDetail {
-  session: { code: string; status: string; current_round: number };
-  round_question: { id: number; prompt: string; answers: Array<{ text: string }> } | null;
-}
-
-@Component({
-  selector: 'app-player-shell',
-  standalone: true,
-  imports: [CommonModule, FormsModule],
-  template: `
-    <h2>Player SPA gameplay flow</h2>
-
-    <div class="panel">
-      <label>Session code <input [(ngModel)]="sessionCode" /></label>
-      <label>Nickname <input [(ngModel)]="nickname" /></label>
-      <button (click)="refreshSession()" [disabled]="loading">Refresh</button>
-      <button (click)="joinSession()" [disabled]="loading">Join</button>
-    </div>
-
-    <div class="panel" *ngIf="session">
-      <p><strong>Status:</strong> {{ session.session.status }}</p>
-      <p *ngIf="session.round_question"><strong>Prompt:</strong> {{ session.round_question.prompt }}</p>
-
-      <label>Løgn <input [(ngModel)]="lieText" [disabled]="loading || session.session.status !== 'lie'" /></label>
-      <button (click)="submitLie()" [disabled]="loading || session.session.status !== 'lie'">Submit lie</button>
-      <button *ngIf="submitError?.kind === 'lie'" (click)="submitLie()" [disabled]="loading">Retry lie submit</button>
-
-      <div class="answers" *ngIf="session.round_question?.answers?.length">
-        <button
-          type="button"
-          *ngFor="let answer of session.round_question?.answers"
-          (click)="selectedGuess = answer.text"
-          [class.active]="selectedGuess === answer.text"
-          [disabled]="loading || session.session.status !== 'guess'"
-        >
-          {{ answer.text }}
-        </button>
-      </div>
-
-      <button (click)="submitGuess()" [disabled]="loading || session.session.status !== 'guess' || !selectedGuess">Submit guess</button>
-      <button *ngIf="submitError?.kind === 'guess'" (click)="submitGuess()" [disabled]="loading">Retry guess submit</button>
-    </div>
-
-    <p *ngIf="error" class="error">{{ error }}</p>
-    <p *ngIf="submitError" class="error">{{ submitError.message }}</p>
-  `,
-})
-export class PlayerShellComponent {
-  sessionCode = '';
-  nickname = '';
-  playerId = 0;
-  sessionToken = '';
-  lieText = '';
-  selectedGuess = '';
-  loading = false;
-  error = '';
-  submitError: { kind: 'lie' | 'guess'; message: string } | null = null;
-  session: SessionDetail | null = null;
-
-  private normalizeCode(value: string): string {
-    return value.trim().toUpperCase();
-  }
-
-  private async request<T>(path: string, method: 'GET' | 'POST', payload?: unknown): Promise<T> {
-    const response = await fetch(path, {
-      method,
-      headers: {
-        Accept: 'application/json',
-        ...(payload === undefined ? {} : { 'Content-Type': 'application/json' }),
-      },
-      ...(payload === undefined ? {} : { body: JSON.stringify(payload) }),
-      credentials: 'same-origin',
-    });
-
-    const body = await response.json().catch(() => ({}));
-    if (!response.ok) {
-      throw new Error((body as { error?: string }).error ?? `HTTP ${response.status}`);
-    }
-
-    return body as T;
-  }
-
-  async refreshSession(): Promise<void> {
-    this.loading = true;
-    this.error = '';
-    try {
-      const code = this.normalizeCode(this.sessionCode);
-      this.session = await this.request<SessionDetail>(`/lobby/sessions/${encodeURIComponent(code)}`, 'GET');
-      this.sessionCode = this.session.session.code;
-      if (this.session.session.status !== 'guess') {
-        this.selectedGuess = '';
-      }
-    } catch (error) {
-      this.error = `Session refresh failed: ${(error as Error).message}`;
-    } finally {
-      this.loading = false;
-    }
-  }
-
-  async joinSession(): Promise<void> {
-    this.loading = true;
-    this.error = '';
-    try {
-      const payload = await this.request<{
-        player: { id: number; session_token: string };
-        session: { code: string };
-      }>('/lobby/sessions/join', 'POST', {
-        code: this.normalizeCode(this.sessionCode),
-        nickname: this.nickname.trim(),
-      });
-      this.playerId = payload.player.id;
-      this.sessionToken = payload.player.session_token;
-      this.sessionCode = payload.session.code;
-      await this.refreshSession();
-    } catch (error) {
-      this.error = `Join failed: ${(error as Error).message}`;
-    } finally {
-      this.loading = false;
-    }
-  }
-
-  async submitLie(): Promise<void> {
-    if (!this.session?.round_question?.id) {
-      return;
-    }
-    this.loading = true;
-    this.submitError = null;
-    try {
-      await this.request(
-        `/lobby/sessions/${encodeURIComponent(this.normalizeCode(this.sessionCode))}/questions/${this.session.round_question.id}/lies/submit`,
-        'POST',
-        {
-          player_id: this.playerId,
-          session_token: this.sessionToken,
-          text: this.lieText,
-        }
-      );
-      await this.refreshSession();
-    } catch (error) {
-      this.submitError = { kind: 'lie', message: `Lie submit failed: ${(error as Error).message}` };
-    } finally {
-      this.loading = false;
-    }
-  }
-
-  async submitGuess(): Promise<void> {
-    if (!this.session?.round_question?.id || !this.selectedGuess) {
-      return;
-    }
-    this.loading = true;
-    this.submitError = null;
-    try {
-      await this.request(
-        `/lobby/sessions/${encodeURIComponent(this.normalizeCode(this.sessionCode))}/questions/${this.session.round_question.id}/guesses/submit`,
-        'POST',
-        {
-          player_id: this.playerId,
-          session_token: this.sessionToken,
-          selected_text: this.selectedGuess,
-        }
-      );
-      await this.refreshSession();
-    } catch (error) {
-      this.submitError = { kind: 'guess', message: `Guess submit failed: ${(error as Error).message}` };
-    } finally {
-      this.loading = false;
-    }
-  }
-}
--- a/frontend/angular/src/index.html
+++ b/frontend/angular/src/index.html
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <title>WPP Angular Shell</title>
-    <base href="/" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-  </head>
-  <body>
-    <app-root></app-root>
-  </body>
-</html>
--- a/frontend/angular/src/main.ts
+++ b/frontend/angular/src/main.ts
@@ -1,7 +0,0 @@
-import { bootstrapApplication } from '@angular/platform-browser';
-import { AppComponent } from './app/app.component';
-import { appConfig } from './app/app.config';
-
-bootstrapApplication(AppComponent, appConfig).catch((error) => {
-  console.error(error);
-});
--- a/frontend/angular/src/styles.css
+++ b/frontend/angular/src/styles.css
@@ -1,4 +0,0 @@
-html, body {
-  margin: 0;
-  padding: 0;
-}
--- a/frontend/angular/src/test-setup.ts
+++ b/frontend/angular/src/test-setup.ts
@@ -1 +0,0 @@
-import '@angular/compiler';
--- a/frontend/angular/tsconfig.app.json
+++ b/frontend/angular/tsconfig.app.json
@@ -1,9 +0,0 @@
-{
-  "extends": "./tsconfig.json",
-  "compilerOptions": {
-    "outDir": "./out-tsc/app",
-    "types": []
-  },
-  "files": ["src/main.ts"],
-  "include": ["src/**/*.d.ts"]
-}
--- a/frontend/angular/tsconfig.json
+++ b/frontend/angular/tsconfig.json
@@ -1,22 +0,0 @@
-{
-  "compileOnSave": false,
-  "compilerOptions": {
-    "strict": true,
-    "skipLibCheck": true,
-    "isolatedModules": true,
-    "esModuleInterop": true,
-    "sourceMap": true,
-    "declaration": false,
-    "experimentalDecorators": true,
-    "moduleResolution": "bundler",
-    "importHelpers": true,
-    "target": "ES2022",
-    "module": "ES2022",
-    "lib": ["ES2022", "dom"]
-  },
-  "angularCompilerOptions": {
-    "strictInjectionParameters": true,
-    "strictInputAccessModifiers": true,
-    "strictTemplates": true
-  }
-}
--- a/frontend/angular/vitest.config.ts
+++ b/frontend/angular/vitest.config.ts
@@ -1,8 +0,0 @@
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    include: ['src/**/*.spec.ts'],
-    setupFiles: ['src/test-setup.ts'],
-  },
-});
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,15 +0,0 @@
-{
-  "name": "wpp-frontend-api-client-baseline",
-  "private": true,
-  "version": "0.1.0",
-  "type": "module",
-  "scripts": {
-    "test": "vitest run",
-    "build": "tsc --noEmit"
-  },
-  "devDependencies": {
-    "@types/node": "^22.13.10",
-    "typescript": "^5.7.3",
-    "vitest": "^2.1.9"
-  }
-}
--- a/frontend/src/api/angular-client.ts
+++ b/frontend/src/api/angular-client.ts
@@ -1,105 +0,0 @@
-import type {
-  ApiFailure,
-  ApiResult,
-  HealthResponse,
-  JoinSessionRequest,
-  JoinSessionResponse,
-  SessionDetailResponse,
-  StartRoundRequest,
-  StartRoundResponse
-} from './types';
-
-export interface AngularHttpError {
-  status?: number;
-  message?: string;
-  error?: unknown;
-}
-
-export interface AngularHttpClientLike {
-  get<T>(url: string, options?: { withCredentials?: boolean }): Promise<T>;
-  post<T>(url: string, body: unknown, options?: { withCredentials?: boolean }): Promise<T>;
-}
-
-export interface AngularApiClient {
-  health(): Promise<ApiResult<HealthResponse>>;
-  getSession(code: string): Promise<ApiResult<SessionDetailResponse>>;
-  joinSession(payload: JoinSessionRequest): Promise<ApiResult<JoinSessionResponse>>;
-  startRound(code: string, payload: StartRoundRequest): Promise<ApiResult<StartRoundResponse>>;
-}
-
-function toFailure(error: unknown): ApiFailure {
-  const candidate = (error ?? {}) as AngularHttpError;
-  const status = typeof candidate.status === 'number' ? candidate.status : 0;
-  const payload = candidate.error;
-
-  if (status === 0) {
-    return {
-      kind: 'network',
-      status: 0,
-      message: candidate.message ?? 'Network error while contacting API'
-    };
-  }
-
-  return {
-    kind: 'http',
-    status,
-    message: candidate.message ?? `HTTP ${status}`,
-    ...(payload === undefined ? {} : { payload })
-  };
-}
-
-function normalizeCode(code: string): string {
-  return code.trim().toUpperCase();
-}
-
-function normalizeBaseUrl(baseUrl: string): string {
-  return baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;
-}
-
-function buildUrl(baseUrl: string, path: string): string {
-  return `${normalizeBaseUrl(baseUrl)}${path}`;
-}
-
-async function wrap<T>(call: () => Promise<T>): Promise<ApiResult<T>> {
-  try {
-    const data = await call();
-    return { ok: true, status: 200, data };
-  } catch (error: unknown) {
-    return {
-      ok: false,
-      status: typeof (error as AngularHttpError)?.status === 'number' ? (error as AngularHttpError).status! : 0,
-      error: toFailure(error)
-    };
-  }
-}
-
-export function createAngularApiClient(http: AngularHttpClientLike, baseUrl = ''): AngularApiClient {
-  return {
-    health: () => wrap(() => http.get<HealthResponse>(buildUrl(baseUrl, '/healthz'), { withCredentials: true })),
-    getSession: (code: string) =>
-      wrap(() =>
-        http.get<SessionDetailResponse>(buildUrl(baseUrl, `/lobby/sessions/${encodeURIComponent(normalizeCode(code))}`), {
-          withCredentials: true
-        })
-      ),
-    joinSession: (payload: JoinSessionRequest) =>
-      wrap(() =>
-        http.post<JoinSessionResponse>(
-          buildUrl(baseUrl, '/lobby/sessions/join'),
-          {
-            code: normalizeCode(payload.code),
-            nickname: payload.nickname.trim()
-          },
-          { withCredentials: true }
-        )
-      ),
-    startRound: (code: string, payload: StartRoundRequest) =>
-      wrap(() =>
-        http.post<StartRoundResponse>(
-          buildUrl(baseUrl, `/lobby/sessions/${encodeURIComponent(normalizeCode(code))}/rounds/start`),
-          payload,
-          { withCredentials: true }
-        )
-      )
-  };
-}
--- a/frontend/src/api/client.ts
+++ b/frontend/src/api/client.ts
@@ -1,81 +0,0 @@
-import type {
-  ApiResult,
-  HealthResponse,
-  JoinSessionRequest,
-  JoinSessionResponse,
-  SessionDetailResponse,
-  StartRoundRequest,
-  StartRoundResponse
-} from './types';
-
-export interface ApiClient {
-  health(): Promise<ApiResult<HealthResponse>>;
-  getSession(code: string): Promise<ApiResult<SessionDetailResponse>>;
-  joinSession(payload: JoinSessionRequest): Promise<ApiResult<JoinSessionResponse>>;
-  startRound(code: string, payload: StartRoundRequest): Promise<ApiResult<StartRoundResponse>>;
-}
-
-export function createApiClient(baseUrl = '', fetchImpl: typeof fetch = fetch): ApiClient {
-  async function request<T>(path: string, method: 'GET' | 'POST', payload?: unknown): Promise<ApiResult<T>> {
-    let response: Response;
-    try {
-      response = await fetchImpl(`${baseUrl}${path}`, {
-        method,
-        headers: {
-          Accept: 'application/json',
-          ...(payload === undefined ? {} : { 'Content-Type': 'application/json' })
-        },
-        ...(payload === undefined ? {} : { body: JSON.stringify(payload) })
-      });
-    } catch {
-      return {
-        ok: false,
-        status: 0,
-        error: { kind: 'network', status: 0, message: 'Network error while contacting API' }
-      };
-    }
-
-    let responsePayload: unknown;
-    try {
-      responsePayload = await response.json();
-    } catch {
-      return {
-        ok: false,
-        status: response.status,
-        error: { kind: 'parse', status: response.status, message: 'Invalid JSON response from API' }
-      };
-    }
-
-    if (!response.ok) {
-      return {
-        ok: false,
-        status: response.status,
-        error: {
-          kind: 'http',
-          status: response.status,
-          message: `HTTP ${response.status}`,
-          payload: responsePayload
-        }
-      };
-    }
-
-    return { ok: true, status: response.status, data: responsePayload as T };
-  }
-
-  return {
-    health: () => request<HealthResponse>('/healthz', 'GET'),
-    getSession: (code: string) =>
-      request<SessionDetailResponse>(`/lobby/sessions/${encodeURIComponent(code.trim().toUpperCase())}`, 'GET'),
-    joinSession: (payload: JoinSessionRequest) =>
-      request<JoinSessionResponse>('/lobby/sessions/join', 'POST', {
-        code: payload.code.trim().toUpperCase(),
-        nickname: payload.nickname.trim()
-      }),
-    startRound: (code: string, payload: StartRoundRequest) =>
-      request<StartRoundResponse>(
-        `/lobby/sessions/${encodeURIComponent(code.trim().toUpperCase())}/rounds/start`,
-        'POST',
-        payload
-      )
-  };
-}
--- a/frontend/src/api/types.ts
+++ b/frontend/src/api/types.ts
@@ -1,115 +0,0 @@
-export interface HealthResponse {
-  ok: boolean;
-  service: string;
-}
-
-export interface SessionSummary {
-  code: string;
-  status: string;
-  host_id: number | null;
-  current_round: number;
-  players_count: number;
-}
-
-export interface SessionPlayer {
-  id: number;
-  nickname: string;
-  score: number;
-  is_connected: boolean;
-}
-
-export interface SessionAnswer {
-  text: string;
-}
-
-export interface SessionRoundQuestion {
-  id: number;
-  round_number: number;
-  prompt: string;
-  shown_at: string;
-  answers: SessionAnswer[];
-}
-
-export interface PhaseViewModel {
-  status: string;
-  round_number: number;
-  players_count: number;
-  constraints: {
-    min_players_to_start: number;
-    max_players_mvp: number;
-    min_players_reached: boolean;
-    max_players_allowed: boolean;
-  };
-  host: {
-    can_start_round: boolean;
-    can_show_question: boolean;
-    can_mix_answers: boolean;
-    can_calculate_scores: boolean;
-    can_reveal_scoreboard: boolean;
-    can_start_next_round: boolean;
-    can_finish_game: boolean;
-  };
-  player: {
-    can_join: boolean;
-    can_submit_lie: boolean;
-    can_submit_guess: boolean;
-    can_view_final_result: boolean;
-  };
-}
-
-export interface SessionDetailResponse {
-  session: SessionSummary;
-  players: SessionPlayer[];
-  round_question: SessionRoundQuestion | null;
-  phase_view_model: PhaseViewModel;
-}
-
-export interface JoinSessionRequest {
-  code: string;
-  nickname: string;
-}
-
-export interface JoinSessionResponse {
-  player: {
-    id: number;
-    nickname: string;
-    session_token: string;
-    score: number;
-  };
-  session: {
-    code: string;
-    status: string;
-  };
-}
-
-export interface StartRoundRequest {
-  category_slug: string;
-}
-
-export interface StartRoundResponse {
-  session: {
-    code: string;
-    status: string;
-    current_round: number;
-  };
-  round: {
-    number: number;
-    category: {
-      slug: string;
-      name: string;
-    };
-  };
-}
-
-export type ApiErrorKind = 'network' | 'http' | 'parse';
-
-export interface ApiFailure {
-  kind: ApiErrorKind;
-  message: string;
-  status: number;
-  payload?: unknown;
-}
-
-export type ApiResult<T> =
-  | { ok: true; status: number; data: T }
-  | { ok: false; status: number; error: ApiFailure };
--- a/frontend/src/spa/session-context-store.ts
+++ b/frontend/src/spa/session-context-store.ts
@@ -1,123 +0,0 @@
-export interface SessionContext {
-  sessionCode: string;
-  playerId: number;
-  token: string;
-}
-
-export interface SessionContextInput {
-  sessionCode: string;
-  playerId: number;
-  token: string;
-}
-
-export interface SessionContextStore {
-  get(): SessionContext | null;
-  set(input: SessionContextInput): SessionContext;
-  clear(): void;
-}
-
-export interface StorageLike {
-  getItem(key: string): string | null;
-  setItem(key: string, value: string): void;
-  removeItem(key: string): void;
-}
-
-const DEFAULT_STORAGE_KEY = 'wpp.session-context';
-
-function normalizeSessionCode(value: string): string {
-  return value.trim().toUpperCase();
-}
-
-function normalizeToken(value: string): string {
-  return value.trim();
-}
-
-function toContext(input: SessionContextInput): SessionContext {
-  const sessionCode = normalizeSessionCode(input.sessionCode);
-  const token = normalizeToken(input.token);
-
-  if (!sessionCode) {
-    throw new Error('sessionCode is required');
-  }
-  if (!Number.isInteger(input.playerId) || input.playerId <= 0) {
-    throw new Error('playerId must be a positive integer');
-  }
-  if (!token) {
-    throw new Error('token is required');
-  }
-
-  return {
-    sessionCode,
-    playerId: input.playerId,
-    token
-  };
-}
-
-function safeParse(raw: string): SessionContext | null {
-  try {
-    const data = JSON.parse(raw) as Partial<SessionContextInput>;
-    if (typeof data.sessionCode !== 'string' || typeof data.playerId !== 'number' || typeof data.token !== 'string') {
-      return null;
-    }
-    return toContext({
-      sessionCode: data.sessionCode,
-      playerId: data.playerId,
-      token: data.token
-    });
-  } catch {
-    return null;
-  }
-}
-
-export function createSessionContextStore(storage?: StorageLike, storageKey = DEFAULT_STORAGE_KEY): SessionContextStore {
-  let current: SessionContext | null = null;
-
-  function getFromStorage(): SessionContext | null {
-    if (!storage) {
-      return null;
-    }
-
-    const raw = storage.getItem(storageKey);
-    if (!raw) {
-      return null;
-    }
-
-    const parsed = safeParse(raw);
-    if (!parsed) {
-      storage.removeItem(storageKey);
-      return null;
-    }
-
-    return parsed;
-  }
-
-  return {
-    get(): SessionContext | null {
-      if (current) {
-        return { ...current };
-      }
-
-      const fromStorage = getFromStorage();
-      if (fromStorage) {
-        current = fromStorage;
-        return { ...current };
-      }
-
-      return null;
-    },
-    set(input: SessionContextInput): SessionContext {
-      const normalized = toContext(input);
-      current = normalized;
-      if (storage) {
-        storage.setItem(storageKey, JSON.stringify(normalized));
-      }
-      return { ...normalized };
-    },
-    clear(): void {
-      current = null;
-      if (storage) {
-        storage.removeItem(storageKey);
-      }
-    }
-  };
-}
--- a/frontend/src/spa/vertical-slice.ts
+++ b/frontend/src/spa/vertical-slice.ts
@@ -1,140 +0,0 @@
-import type { ApiClient } from '../api/client';
-import type { SessionDetailResponse } from '../api/types';
-import {
-  createSessionContextStore,
-  type SessionContext,
-  type SessionContextInput,
-  type SessionContextStore as PersistedSessionContextStore
-} from './session-context-store';
-
-export type AsyncState = 'idle' | 'loading' | 'success' | 'error';
-
-export type SessionContextStore = Pick<PersistedSessionContextStore, 'get' | 'set'>;
-
-export interface VerticalSliceState {
-  sessionCode: string;
-  session: SessionDetailResponse | null;
-  joinState: AsyncState;
-  startRoundState: AsyncState;
-  loadingSession: boolean;
-  errorMessage: string | null;
-}
-
-export interface VerticalSliceController {
-  getState(): VerticalSliceState;
-  hydrateLobby(sessionCode: string): Promise<VerticalSliceState>;
-  joinLobby(sessionCode: string, nickname: string): Promise<VerticalSliceState>;
-  startRound(sessionCode: string, categorySlug: string): Promise<VerticalSliceState>;
-}
-
-export function createVerticalSliceController(
-  api: ApiClient,
-  sessionContextStore: SessionContextStore = createSessionContextStore()
-): VerticalSliceController {
-  const persistedContext = sessionContextStore.get();
-
-  const state: VerticalSliceState = {
-    sessionCode: persistedContext?.sessionCode ?? '',
-    session: null,
-    joinState: 'idle',
-    startRoundState: 'idle',
-    loadingSession: false,
-    errorMessage: null
-  };
-
-  const normalizeCode = (value: string): string => value.trim().toUpperCase();
-
-  async function hydrateLobby(sessionCode: string): Promise<VerticalSliceState> {
-    state.loadingSession = true;
-    state.errorMessage = null;
-
-    const normalizedRequestedCode = normalizeCode(sessionCode);
-    const fallbackCode = normalizeCode(state.sessionCode || persistedContext?.sessionCode || '');
-    state.sessionCode = normalizedRequestedCode || fallbackCode;
-
-    if (!state.sessionCode) {
-      state.loadingSession = false;
-      state.errorMessage = 'Session-kode mangler.';
-      return { ...state };
-    }
-
-    const result = await api.getSession(state.sessionCode);
-    state.loadingSession = false;
-
-    if (!result.ok) {
-      state.errorMessage = 'Kunne ikke hente lobby-status.';
-      return { ...state };
-    }
-
-    state.session = result.data;
-    state.sessionCode = normalizeCode(result.data.session.code);
-
-    if (persistedContext && state.sessionCode === normalizeCode(persistedContext.sessionCode)) {
-      sessionContextStore.set({ ...persistedContext, sessionCode: state.sessionCode });
-    }
-
-    return { ...state };
-  }
-
-  async function joinLobby(sessionCode: string, nickname: string): Promise<VerticalSliceState> {
-    state.joinState = 'loading';
-    state.errorMessage = null;
-
-    const normalizedRequestedCode = normalizeCode(sessionCode);
-    const fallbackCode = normalizeCode(state.sessionCode || persistedContext?.sessionCode || '');
-    const requestCode = normalizedRequestedCode || fallbackCode;
-
-    const join = await api.joinSession({ code: requestCode, nickname });
-    if (!join.ok) {
-      state.joinState = 'error';
-      state.errorMessage = 'Join fejlede. Tjek kode eller nickname og prøv igen.';
-      return { ...state };
-    }
-
-    state.joinState = 'success';
-    state.sessionCode = normalizeCode(join.data.session.code || requestCode);
-
-    const nextContext: SessionContextInput = {
-      sessionCode: state.sessionCode,
-      playerId: join.data.player.id,
-      token: join.data.player.session_token
-    };
-    sessionContextStore.set(nextContext);
-
-    return hydrateLobby(state.sessionCode);
-  }
-
-  async function startRound(sessionCode: string, categorySlug: string): Promise<VerticalSliceState> {
-    state.startRoundState = 'loading';
-    state.errorMessage = null;
-
-    const normalizedRequestedCode = normalizeCode(sessionCode);
-    const fallbackCode = normalizeCode(state.sessionCode || persistedContext?.sessionCode || '');
-    const codeToUse = normalizedRequestedCode || fallbackCode;
-
-    if (!codeToUse) {
-      state.startRoundState = 'error';
-      state.errorMessage = 'Session-kode mangler.';
-      return { ...state };
-    }
-
-    const start = await api.startRound(codeToUse, { category_slug: categorySlug });
-    if (!start.ok) {
-      state.startRoundState = 'error';
-      state.errorMessage = 'Kunne ikke starte runden. Opdatér lobbyen og prøv igen.';
-      return { ...state };
-    }
-
-    state.startRoundState = 'success';
-    return hydrateLobby(codeToUse);
-  }
-
-  return {
-    getState: () => ({ ...state }),
-    hydrateLobby,
-    joinLobby,
-    startRound
-  };
-}
-
-export type { SessionContext };
--- a/frontend/tests/angular-api-client.test.ts
+++ b/frontend/tests/angular-api-client.test.ts
@@ -1,221 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-
-import { createAngularApiClient, type AngularHttpClientLike } from '../src/api/angular-client';
-
-describe('createAngularApiClient', () => {
-  it('reads health and session detail using Django-compatible endpoints', async () => {
-    const get = vi.fn<AngularHttpClientLike['get']>(async <T>(url: string) => {
-      if (url === '/healthz') {
-        return { ok: true, service: 'partyhub' } as T;
-      }
-
-      if (url === '/lobby/sessions/ABCD12') {
-        return {
-          session: { code: 'ABCD12', status: 'lobby', host_id: 1, current_round: 1, players_count: 2 },
-          players: [
-            { id: 2, nickname: 'Maja', score: 0, is_connected: true },
-            { id: 3, nickname: 'Bo', score: 0, is_connected: false }
-          ],
-          round_question: null,
-          phase_view_model: {
-            status: 'lobby',
-            round_number: 1,
-            players_count: 2,
-            constraints: {
-              min_players_to_start: 2,
-              max_players_mvp: 8,
-              min_players_reached: true,
-              max_players_allowed: true
-            },
-            host: {
-              can_start_round: true,
-              can_show_question: false,
-              can_mix_answers: false,
-              can_calculate_scores: false,
-              can_reveal_scoreboard: false,
-              can_start_next_round: false,
-              can_finish_game: false
-            },
-            player: {
-              can_join: true,
-              can_submit_lie: false,
-              can_submit_guess: false,
-              can_view_final_result: false
-            }
-          }
-        } as T;
-      }
-
-      throw { status: 404, error: { error: 'Not found' } };
-    });
-
-    const post = vi.fn<AngularHttpClientLike['post']>(async <T>(url: string, body: unknown) => {
-      if (url === '/lobby/sessions/join') {
-        expect(body).toEqual({ code: 'ABCD12', nickname: 'Maja' });
-        return {
-          player: { id: 9, nickname: 'Maja', session_token: 'token-1', score: 0 },
-          session: { code: 'ABCD12', status: 'lobby' }
-        } as T;
-      }
-
-      if (url === '/lobby/sessions/ABCD12/rounds/start') {
-        expect(body).toEqual({ category_slug: 'history' });
-        return {
-          session: { code: 'ABCD12', status: 'lie', current_round: 1 },
-          round: { number: 1, category: { slug: 'history', name: 'History' } }
-        } as T;
-      }
-
-      throw { status: 404, error: { error: 'Not found' } };
-    });
-
-    const http = { get, post };
-    const client = createAngularApiClient(http as AngularHttpClientLike);
-
-    const health = await client.health();
-    expect(health.ok).toBe(true);
-    if (health.ok) {
-      expect(health.data.ok).toBe(true);
-      expect(health.data.service).toBe('partyhub');
-    }
-
-    const session = await client.getSession(' abcd12 ');
-    expect(session.ok).toBe(true);
-    if (session.ok) {
-      expect(session.data.session.code).toBe('ABCD12');
-      expect(session.data.session.host_id).toBe(1);
-      expect(session.data.phase_view_model.host.can_start_round).toBe(true);
-    }
-
-    const join = await client.joinSession({ code: ' abcd12 ', nickname: ' Maja ' });
-    expect(join.ok).toBe(true);
-
-    const start = await client.startRound(' abcd12 ', { category_slug: 'history' });
-    expect(start.ok).toBe(true);
-
-    expect(get).toHaveBeenNthCalledWith(1, '/healthz', { withCredentials: true });
-    expect(get).toHaveBeenNthCalledWith(2, '/lobby/sessions/ABCD12', { withCredentials: true });
-    expect(post).toHaveBeenNthCalledWith(
-      1,
-      '/lobby/sessions/join',
-      { code: 'ABCD12', nickname: 'Maja' },
-      { withCredentials: true }
-    );
-    expect(post).toHaveBeenNthCalledWith(
-      2,
-      '/lobby/sessions/ABCD12/rounds/start',
-      { category_slug: 'history' },
-      { withCredentials: true }
-    );
-  });
-
-  it('normalizes baseUrl with trailing slash to keep Django endpoint paths canonical', async () => {
-    const get = vi.fn<AngularHttpClientLike['get']>(async <T>(url: string) => {
-      if (url === '/api/healthz') {
-        return { ok: true, service: 'partyhub' } as T;
-      }
-      if (url === '/api/lobby/sessions/ABCD12') {
-        return {
-          session: { code: 'ABCD12', status: 'lobby', host_id: 1, current_round: 1, players_count: 2 },
-          players: [],
-          round_question: null,
-          phase_view_model: {
-            status: 'lobby',
-            round_number: 1,
-            players_count: 2,
-            constraints: {
-              min_players_to_start: 2,
-              max_players_mvp: 8,
-              min_players_reached: true,
-              max_players_allowed: true
-            },
-            host: {
-              can_start_round: true,
-              can_show_question: false,
-              can_mix_answers: false,
-              can_calculate_scores: false,
-              can_reveal_scoreboard: false,
-              can_start_next_round: false,
-              can_finish_game: false
-            },
-            player: {
-              can_join: true,
-              can_submit_lie: false,
-              can_submit_guess: false,
-              can_view_final_result: false
-            }
-          }
-        } as T;
-      }
-      throw { status: 404, error: { error: 'Not found' } };
-    });
-
-    const post = vi.fn<AngularHttpClientLike['post']>(async <T>(url: string) => {
-      if (url === '/api/lobby/sessions/join') {
-        return {
-          player: { id: 9, nickname: 'Maja', session_token: 'token-1', score: 0 },
-          session: { code: 'ABCD12', status: 'lobby' }
-        } as T;
-      }
-      if (url === '/api/lobby/sessions/ABCD12/rounds/start') {
-        return {
-          session: { code: 'ABCD12', status: 'lie', current_round: 1 },
-          round: { number: 1, category: { slug: 'history', name: 'History' } }
-        } as T;
-      }
-      throw { status: 404, error: { error: 'Not found' } };
-    });
-
-    const client = createAngularApiClient({ get, post } as AngularHttpClientLike, '/api/');
-
-    await client.health();
-    await client.getSession('abcd12');
-    await client.joinSession({ code: 'abcd12', nickname: 'Maja' });
-    await client.startRound('abcd12', { category_slug: 'history' });
-
-    expect(get).toHaveBeenNthCalledWith(1, '/api/healthz', { withCredentials: true });
-    expect(get).toHaveBeenNthCalledWith(2, '/api/lobby/sessions/ABCD12', { withCredentials: true });
-    expect(post).toHaveBeenNthCalledWith(
-      1,
-      '/api/lobby/sessions/join',
-      { code: 'ABCD12', nickname: 'Maja' },
-      { withCredentials: true }
-    );
-    expect(post).toHaveBeenNthCalledWith(
-      2,
-      '/api/lobby/sessions/ABCD12/rounds/start',
-      { category_slug: 'history' },
-      { withCredentials: true }
-    );
-  });
-
-  it('maps HttpErrorResponse-style failures to ApiResult errors', async () => {
-    const http = {
-      get: vi.fn<AngularHttpClientLike['get']>(async () => {
-        throw { status: 503, message: 'Service unavailable', error: { error: 'maintenance' } };
-      }),
-      post: vi.fn<AngularHttpClientLike['post']>(async () => {
-        throw { status: 403, message: 'Forbidden', error: { error: 'Only host can start round' } };
-      })
-    };
-
-    const client = createAngularApiClient(http as AngularHttpClientLike);
-    const health = await client.health();
-
-    expect(health.ok).toBe(false);
-    if (!health.ok) {
-      expect(health.status).toBe(503);
-      expect(health.error.kind).toBe('http');
-      expect(health.error.payload).toEqual({ error: 'maintenance' });
-      expect(health.error.message).toContain('Service unavailable');
-    }
-
-    const start = await client.startRound('ABCD12', { category_slug: 'history' });
-    expect(start.ok).toBe(false);
-    if (!start.ok) {
-      expect(start.status).toBe(403);
-      expect(start.error.kind).toBe('http');
-      expect(start.error.payload).toEqual({ error: 'Only host can start round' });
-    }
-  });
-});
--- a/frontend/tests/api-client.integration.test.ts
+++ b/frontend/tests/api-client.integration.test.ts
@@ -1,148 +0,0 @@
-import { afterAll, beforeAll, describe, expect, it } from 'vitest';
-import { AddressInfo } from 'node:net';
-import { createServer, type IncomingMessage, type Server, type ServerResponse } from 'node:http';
-import { createApiClient } from '../src/api/client';
-
-let server: Server;
-let baseUrl: string;
-
-beforeAll(async () => {
-  server = createServer(async (req: IncomingMessage, res: ServerResponse) => {
-    if (req.url === '/healthz') {
-      res.writeHead(200, { 'content-type': 'application/json' });
-      res.end(JSON.stringify({ ok: true, service: 'weirsoe-party-protocol' }));
-      return;
-    }
-
-    if (req.url === '/lobby/sessions/ABCD12' && req.method === 'GET') {
-      res.writeHead(200, { 'content-type': 'application/json' });
-      res.end(
-        JSON.stringify({
-          session: { code: 'ABCD12', status: 'lobby', host_id: 1, current_round: 1, players_count: 3 },
-          players: [],
-          round_question: null,
-          phase_view_model: {
-            status: 'lobby',
-            round_number: 1,
-            players_count: 3,
-            constraints: {
-              min_players_to_start: 3,
-              max_players_mvp: 5,
-              min_players_reached: true,
-              max_players_allowed: true
-            },
-            host: {
-              can_start_round: true,
-              can_show_question: false,
-              can_mix_answers: false,
-              can_calculate_scores: false,
-              can_reveal_scoreboard: false,
-              can_start_next_round: false,
-              can_finish_game: false
-            },
-            player: {
-              can_join: true,
-              can_submit_lie: false,
-              can_submit_guess: false,
-              can_view_final_result: false
-            }
-          }
-        })
-      );
-      return;
-    }
-
-    if (req.url === '/lobby/sessions/join' && req.method === 'POST') {
-      res.writeHead(201, { 'content-type': 'application/json' });
-      res.end(
-        JSON.stringify({
-          player: { id: 9, nickname: 'Maja', session_token: 'token-1', score: 0 },
-          session: { code: 'ABCD12', status: 'lobby' }
-        })
-      );
-      return;
-    }
-
-    if (req.url === '/lobby/sessions/ABCD12/rounds/start' && req.method === 'POST') {
-      res.writeHead(201, { 'content-type': 'application/json' });
-      res.end(
-        JSON.stringify({
-          session: { code: 'ABCD12', status: 'lie', current_round: 1 },
-          round: { number: 1, category: { slug: 'history', name: 'History' } }
-        })
-      );
-      return;
-    }
-
-    if (req.url?.startsWith('/lobby/sessions/')) {
-      res.writeHead(404, { 'content-type': 'application/json' });
-      res.end(JSON.stringify({ error: 'Session not found' }));
-      return;
-    }
-
-    res.writeHead(500, { 'content-type': 'application/json' });
-    res.end(JSON.stringify({ error: 'unexpected route' }));
-  });
-
-  await new Promise<void>((resolve) => server.listen(0, '127.0.0.1', () => resolve()));
-  const { port } = server.address() as AddressInfo;
-  baseUrl = `http://127.0.0.1:${port}`;
-});
-
-afterAll(async () => {
-  await new Promise<void>((resolve, reject) =>
-    server.close((err?: Error) => (err ? reject(err) : resolve()))
-  );
-});
-
-describe('createApiClient', () => {
-  it('reads health + session detail through typed wrappers', async () => {
-    const client = createApiClient(baseUrl);
-
-    const health = await client.health();
-    expect(health.ok).toBe(true);
-
-    const session = await client.getSession('abcd12');
-    expect(session.ok).toBe(true);
-    if (session.ok) {
-      expect(session.data.session.code).toBe('ABCD12');
-      expect(session.data.phase_view_model.host.can_start_round).toBe(true);
-    }
-  });
-
-  it('supports join + start round writes for lobby vertical slice', async () => {
-    const client = createApiClient(baseUrl);
-
-    const join = await client.joinSession({ code: 'abcd12', nickname: 'Maja' });
-    expect(join.ok).toBe(true);
-
-    const start = await client.startRound('abcd12', { category_slug: 'history' });
-    expect(start.ok).toBe(true);
-    if (start.ok) {
-      expect(start.data.session.status).toBe('lie');
-    }
-  });
-
-  it('returns consistent HTTP error shape for 4xx/5xx', async () => {
-    const client = createApiClient(baseUrl);
-
-    const missing = await client.getSession('missing');
-    expect(missing.ok).toBe(false);
-    if (!missing.ok) {
-      expect(missing.status).toBe(404);
-      expect(missing.error.kind).toBe('http');
-      expect(missing.error.payload).toEqual({ error: 'Session not found' });
-    }
-  });
-
-  it('returns consistent network error shape', async () => {
-    const client = createApiClient('http://127.0.0.1:9');
-
-    const health = await client.health();
-    expect(health.ok).toBe(false);
-    if (!health.ok) {
-      expect(health.error.kind).toBe('network');
-      expect(health.status).toBe(0);
-    }
-  });
-});
--- a/frontend/tests/session-context-store.test.ts
+++ b/frontend/tests/session-context-store.test.ts
@@ -1,56 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { createSessionContextStore, type StorageLike } from '../src/spa/session-context-store';
-
-function makeMemoryStorage(seed?: Record<string, string>): StorageLike {
-  const memory = new Map<string, string>(Object.entries(seed ?? {}));
-  return {
-    getItem: (key: string) => memory.get(key) ?? null,
-    setItem: (key: string, value: string) => {
-      memory.set(key, value);
-    },
-    removeItem: (key: string) => {
-      memory.delete(key);
-    }
-  };
-}
-
-describe('session context store', () => {
-  it('normalizes and persists sessionCode/playerId/token', () => {
-    const storage = makeMemoryStorage();
-    const store = createSessionContextStore(storage, 'ctx');
-
-    const value = store.set({ sessionCode: ' abcd12 ', playerId: 12, token: ' token-1 ' });
-    expect(value).toEqual({ sessionCode: 'ABCD12', playerId: 12, token: 'token-1' });
-
-    expect(store.get()).toEqual({ sessionCode: 'ABCD12', playerId: 12, token: 'token-1' });
-    expect(storage.getItem('ctx')).toBe('{"sessionCode":"ABCD12","playerId":12,"token":"token-1"}');
-  });
-
-  it('loads from storage and clears invalid payloads', () => {
-    const storage = makeMemoryStorage({ ctx: '{"sessionCode":"","playerId":0,"token":""}' });
-    const store = createSessionContextStore(storage, 'ctx');
-
-    expect(store.get()).toBeNull();
-    expect(storage.getItem('ctx')).toBeNull();
-  });
-
-  it('supports clear()', () => {
-    const storage = makeMemoryStorage();
-    const store = createSessionContextStore(storage, 'ctx');
-
-    store.set({ sessionCode: 'ABCD12', playerId: 3, token: 'token-3' });
-    store.clear();
-
-    expect(store.get()).toBeNull();
-    expect(storage.getItem('ctx')).toBeNull();
-  });
-
-  it('rejects invalid context writes', () => {
-    const store = createSessionContextStore();
-    expect(() => store.set({ sessionCode: '', playerId: 1, token: 'token-1' })).toThrow('sessionCode is required');
-    expect(() => store.set({ sessionCode: 'ABCD12', playerId: 0, token: 'token-1' })).toThrow(
-      'playerId must be a positive integer'
-    );
-    expect(() => store.set({ sessionCode: 'ABCD12', playerId: 2, token: '   ' })).toThrow('token is required');
-  });
-});
--- a/frontend/tests/vertical-slice.test.ts
+++ b/frontend/tests/vertical-slice.test.ts
@@ -1,226 +0,0 @@
-import { describe, expect, it, vi } from 'vitest';
-import {
-  createVerticalSliceController,
-  type SessionContext,
-  type SessionContextStore
-} from '../src/spa/vertical-slice';
-import type { ApiClient } from '../src/api/client';
-
-function makeApiMock(overrides?: Partial<ApiClient>): ApiClient {
-  const base: ApiClient = {
-    health: vi.fn(),
-    getSession: vi.fn().mockResolvedValue({
-      ok: true,
-      status: 200,
-      data: {
-        session: { code: 'ABCD12', status: 'lobby', host_id: 1, current_round: 1, players_count: 3 },
-        players: [],
-        round_question: null,
-        phase_view_model: {
-          status: 'lobby',
-          round_number: 1,
-          players_count: 3,
-          constraints: {
-            min_players_to_start: 3,
-            max_players_mvp: 5,
-            min_players_reached: true,
-            max_players_allowed: true
-          },
-          host: {
-            can_start_round: true,
-            can_show_question: false,
-            can_mix_answers: false,
-            can_calculate_scores: false,
-            can_reveal_scoreboard: false,
-            can_start_next_round: false,
-            can_finish_game: false
-          },
-          player: {
-            can_join: true,
-            can_submit_lie: false,
-            can_submit_guess: false,
-            can_view_final_result: false
-          }
-        }
-      }
-    }),
-    joinSession: vi.fn().mockResolvedValue({
-      ok: true,
-      status: 201,
-      data: { player: { id: 9, nickname: 'Maja', session_token: 'token-1', score: 0 }, session: { code: 'ABCD12', status: 'lobby' } }
-    }),
-    startRound: vi.fn().mockResolvedValue({
-      ok: true,
-      status: 201,
-      data: {
-        session: { code: 'ABCD12', status: 'lie', current_round: 1 },
-        round: { number: 1, category: { slug: 'history', name: 'History' } }
-      }
-    })
-  };
-
-  return { ...base, ...overrides };
-}
-
-function makeSessionContextStore(initial: SessionContext | null = null): SessionContextStore {
-  let value = initial;
-  return {
-    get: vi.fn(() => value),
-    set: vi.fn((next: SessionContext) => {
-      value = next;
-      return next;
-    })
-  };
-}
-
-describe('vertical slice controller: lobby -> join -> start round', () => {
-  it('uses createSessionContextStore by default (no manual injection)', async () => {
-    vi.resetModules();
-    const defaultStore = {
-      get: vi.fn(() => null),
-      set: vi.fn((next: SessionContext) => next),
-      clear: vi.fn()
-    };
-
-    vi.doMock('../src/spa/session-context-store', async () => {
-      const actual = await vi.importActual<typeof import('../src/spa/session-context-store')>('../src/spa/session-context-store');
-      return {
-        ...actual,
-        createSessionContextStore: vi.fn(() => defaultStore)
-      };
-    });
-
-    const { createVerticalSliceController: createControllerWithMock } = await import('../src/spa/vertical-slice');
-    const api = makeApiMock();
-    const controller = createControllerWithMock(api);
-
-    await controller.joinLobby('ABCD12', 'Maja');
-
-    expect(defaultStore.set).toHaveBeenCalledWith({
-      sessionCode: 'ABCD12',
-      playerId: 9,
-      token: 'token-1'
-    });
-
-    vi.doUnmock('../src/spa/session-context-store');
-    vi.resetModules();
-  });
-  it('tracks loading and success state for join + start flow', async () => {
-    const api = makeApiMock();
-    const controller = createVerticalSliceController(api);
-
-    const beforeJoinPromise = controller.joinLobby('abcd12', 'Maja');
-    expect(controller.getState().joinState).toBe('loading');
-    await beforeJoinPromise;
-
-    const postJoin = controller.getState();
-    expect(postJoin.joinState).toBe('success');
-    expect(postJoin.session?.session.code).toBe('ABCD12');
-
-    const beforeStartPromise = controller.startRound('abcd12', 'history');
-    expect(controller.getState().startRoundState).toBe('loading');
-    await beforeStartPromise;
-
-    const postStart = controller.getState();
-    expect(postStart.startRoundState).toBe('success');
-  });
-
-  it('persists session context after join and syncs normalized session code', async () => {
-    const api = makeApiMock();
-    const sessionContextStore = makeSessionContextStore();
-    const controller = createVerticalSliceController(api, sessionContextStore);
-
-    await controller.joinLobby('abcd12', 'Maja');
-
-    expect(sessionContextStore.set).toHaveBeenCalledWith({
-      sessionCode: 'ABCD12',
-      playerId: 9,
-      token: 'token-1'
-    });
-    expect(controller.getState().sessionCode).toBe('ABCD12');
-  });
-
-  it('uses stored session code as fallback for join + hydrate flow when input code is empty', async () => {
-    const api = makeApiMock();
-    const sessionContextStore = makeSessionContextStore({
-      sessionCode: 'wxyz99',
-      playerId: 5,
-      token: 'token-old'
-    });
-    const controller = createVerticalSliceController(api, sessionContextStore);
-
-    await controller.joinLobby('  ', 'Maja');
-
-    expect(api.joinSession).toHaveBeenCalledWith({ code: 'WXYZ99', nickname: 'Maja' });
-    expect(api.getSession).toHaveBeenCalledWith('ABCD12');
-  });
-
-  it('surfaces a friendly error when join fails', async () => {
-    const api = makeApiMock({
-      joinSession: vi.fn().mockResolvedValue({
-        ok: false,
-        status: 404,
-        error: { kind: 'http', status: 404, message: 'HTTP 404', payload: { error: 'Session not found' } }
-      })
-    });
-
-    const controller = createVerticalSliceController(api);
-    await controller.joinLobby('missing', 'Maja');
-
-    const state = controller.getState();
-    expect(state.joinState).toBe('error');
-    expect(state.errorMessage).toContain('Join fejlede');
-  });
-
-  it('surfaces a friendly error when round start fails', async () => {
-    const api = makeApiMock({
-      startRound: vi.fn().mockResolvedValue({
-        ok: false,
-        status: 400,
-        error: { kind: 'http', status: 400, message: 'HTTP 400', payload: { error: 'Round can only be started from lobby' } }
-      })
-    });
-
-    const controller = createVerticalSliceController(api);
-    await controller.startRound('ABCD12', 'history');
-
-    const state = controller.getState();
-    expect(state.startRoundState).toBe('error');
-    expect(state.errorMessage).toContain('Kunne ikke starte runden');
-  });
-
-  it('shows local validation error and avoids API call when hydrating without any session code', async () => {
-    const api = makeApiMock();
-    const controller = createVerticalSliceController(api, makeSessionContextStore(null));
-
-    await controller.hydrateLobby('   ');
-
-    const state = controller.getState();
-    expect(state.errorMessage).toBe('Session-kode mangler.');
-    expect(state.loadingSession).toBe(false);
-    expect(api.getSession).not.toHaveBeenCalled();
-  });
-
-  it('shows local validation error and avoids API call when starting round without any session code', async () => {
-    const api = makeApiMock();
-    const controller = createVerticalSliceController(api, makeSessionContextStore(null));
-
-    await controller.startRound('   ', 'history');
-
-    const state = controller.getState();
-    expect(state.startRoundState).toBe('error');
-    expect(state.errorMessage).toBe('Session-kode mangler.');
-    expect(api.startRound).not.toHaveBeenCalled();
-  });
-
-  it('uses joined session code when starting round without a reload', async () => {
-    const api = makeApiMock();
-    const controller = createVerticalSliceController(api);
-
-    await controller.joinLobby(' abcd12 ', 'Maja');
-    await controller.startRound('', 'history');
-
-    expect(api.startRound).toHaveBeenCalledWith('ABCD12', { category_slug: 'history' });
-    expect(controller.getState().sessionCode).toBe('ABCD12');
-  });
-});
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -1,12 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ES2022",
-    "moduleResolution": "bundler",
-    "strict": true,
-    "skipLibCheck": true,
-    "lib": ["ES2022", "DOM"],
-    "types": ["vitest/globals", "node"]
-  },
-  "include": ["src", "tests"]
-}
--- a/frontend/vitest.config.ts
+++ b/frontend/vitest.config.ts
@@ -1,8 +0,0 @@
-import { defineConfig } from 'vitest/config';
-
-export default defineConfig({
-  test: {
-    include: ['tests/**/*.test.ts'],
-    exclude: ['**/node_modules/**']
-  }
-});
--- a/lobby/feature_flags.py
+++ b/lobby/feature_flags.py
@@ -1,6 +0,0 @@
-from django.conf import settings
-
-
-def use_spa_ui() -> bool:
-    """Central read-point for SPA cutover flag."""
-    return bool(getattr(settings, "USE_SPA_UI", False))
--- a/lobby/templates/lobby/host_screen.html
+++ b/lobby/templates/lobby/host_screen.html
@@ -1,16 +1,5 @@
 <!doctype html>
-<html lang="da"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>WPP Host</title>
-<style>
-.critical-card { margin: 10px 0 12px; padding: 10px; border-radius: 10px; border: 1px solid #cbd5e1; background: #f8fafc; }
-.critical-card h2 { margin: 0 0 6px; font-size: 1rem; }
-.critical-card p { margin: 0; color: #334155; }
-.skeleton-line { position: relative; overflow: hidden; height: 12px; border-radius: 999px; margin-top: 8px; background: #e2e8f0; }
-.skeleton-line:first-of-type { margin-top: 4px; }
-.skeleton-line.short { width: 60%; }
-.skeleton-line::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(226,232,240,0) 0%, rgba(255,255,255,0.85) 45%, rgba(226,232,240,0) 100%); animation: wppShimmer 1.2s infinite; }
-@keyframes wppShimmer { to { transform: translateX(100%); } }
-</style>
-</head>
+<html lang="da"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>WPP Host</title></head>
 <body>
 <h1>Host panel (MVP)</h1>
 <p>Kræver login som host-bruger.</p>
@@ -39,22 +28,6 @@
 <button id="autoRefreshToggleBtn" onclick="toggleAutoRefresh()">Auto-refresh: OFF</button>
 <p id="autoRefreshHint">Auto-refresh er slået fra.</p>
 <p id="lastRefreshStatus">Session-data ikke opdateret endnu.</p>
-<div id="hostShellErrorBoundary" style="display:none;margin:8px 0 10px;padding:8px 10px;border-radius:8px;border:1px solid #b91c1c;background:#fee2e2;color:#7f1d1d;">Der opstod en kritisk fejl i app-skallen.
-  <button id="hostRecoverRetryBtn" type="button" onclick="recoverHostShell('retry')">Prøv gendan</button>
-  <button id="hostRecoverReloadBtn" type="button" onclick="recoverHostShell('reload')">Genindlæs siden</button>
-</div>
-<section id="hostCriticalSkeleton" class="critical-card" aria-live="polite">
-  <h2>Indlæser host-overblik…</h2>
-  <div class="skeleton-line"></div>
-  <div class="skeleton-line"></div>
-  <div class="skeleton-line short"></div>
-</section>
-<section id="hostCriticalView" class="critical-card" style="display:none" aria-live="polite">
-  <h2>Host-overblik</h2>
-  <p id="hostCriticalPhase">Fase: afventer</p>
-  <p id="hostCriticalPlayers">Spillere: afventer</p>
-  <p id="hostCriticalRound">Aktiv round question: afventer</p>
-</section>
 <pre id="out">Klar.</pre>
 <script>
 var currentSessionStatus="";
@@ -64,31 +37,13 @@ var hostActionInFlight=false;
 var lastRefreshAtLabel="";
 var lastRefreshFailed=false;
 var sessionDetailInFlight=false;
-var hostShellRouteHint="";
-var HOST_SHELL_ROUTES={lobby:"lobby",lie:"lie",guess:"guess",reveal:"reveal",finished:"finished"};
-var hostShellFatalError=false;
-var hostShellRecoverInFlight=false;
-var hostCriticalHydrated=false;
-function setHostCriticalLoading(isLoading){var skeleton=document.getElementById("hostCriticalSkeleton");var view=document.getElementById("hostCriticalView");if(!skeleton||!view){return;}skeleton.style.display=isLoading?"block":"none";view.style.display=isLoading?"none":"block";}
-function hydrateHostCriticalView(data){var session=(data&&data.session)||{};var phaseEl=document.getElementById("hostCriticalPhase");var playersEl=document.getElementById("hostCriticalPlayers");var roundEl=document.getElementById("hostCriticalRound");if(phaseEl){phaseEl.textContent="Fase: "+phaseLabel(currentSessionStatus||session.status||"");}
-if(playersEl){playersEl.textContent="Spillere: "+(typeof session.players_count==="number"?session.players_count:"ukendt");}
-if(roundEl){roundEl.textContent="Aktiv round question: "+(rq()||"ikke valgt");}
-hostCriticalHydrated=true;
-setHostCriticalLoading(false);
-}
 function csrf(){var m=document.cookie.match(/csrftoken=([^;]+)/);return m?m[1]:"";}
-function updateHostShellErrorBoundary(){var panel=document.getElementById("hostShellErrorBoundary");var retryBtn=document.getElementById("hostRecoverRetryBtn");var reloadBtn=document.getElementById("hostRecoverReloadBtn");if(!panel||!retryBtn||!reloadBtn){return;}panel.style.display=hostShellFatalError?"block":"none";retryBtn.disabled=hostShellRecoverInFlight||sessionDetailInFlight||!code();reloadBtn.disabled=hostShellRecoverInFlight;}
-function setHostShellFatalError(detail){hostShellFatalError=true;var out=document.getElementById("out");if(out){out.textContent=JSON.stringify({status:0,data:{error:"host_shell_runtime_error",detail:detail||"Ukendt runtime-fejl"}},null,2);}var hint=document.getElementById("hostErrorHint");if(hint){hint.textContent="Fejl: Kritisk app-fejl. Brug recover-handlingerne for at fortsætte.";}updateHostShellErrorBoundary();}
-function clearHostShellFatalError(){hostShellFatalError=false;hostShellRecoverInFlight=false;updateHostShellErrorBoundary();}
-function recoverHostShell(mode){if(hostShellRecoverInFlight){return Promise.resolve({error:"recover_in_flight"});}hostShellRecoverInFlight=true;updateHostShellErrorBoundary();if(mode==="reload"){window.location.reload();return Promise.resolve({ok:true});}if(!code()){hostShellRecoverInFlight=false;updateHostShellErrorBoundary();return Promise.resolve({error:"missing_session_code"});}return sessionDetail().then(function(result){clearHostShellFatalError();return result;}).catch(function(err){hostShellRecoverInFlight=false;updateHostShellErrorBoundary();throw err;});}
 function code(){return document.getElementById("code").value.trim().toUpperCase();}
 function rq(){return document.getElementById("roundQuestionId").value.trim();}
+
 function saveHostContext(){try{localStorage.setItem("wppHostContext",JSON.stringify({code:code(),round_question_id:rq(),session_status:currentSessionStatus||"",auto_refresh:autoRefreshEnabled}));}catch(_e){}}
 function restoreHostContext(){try{var raw=localStorage.getItem("wppHostContext");if(!raw){return false;}var ctx=JSON.parse(raw);if(ctx.code){document.getElementById("code").value=(ctx.code||"").toUpperCase();}if(ctx.round_question_id){document.getElementById("roundQuestionId").value=ctx.round_question_id;}if(ctx.session_status){currentSessionStatus=ctx.session_status;}autoRefreshEnabled=!!ctx.auto_refresh;updateAutoRefreshUi();return !!ctx.code;}catch(_e){return false;}}
 function phaseLabel(status){if(status==="lobby"){return"Lobby";}if(status==="lie"){return"Løgn";}if(status==="guess"){return"Gæt";}if(status==="reveal"){return"Reveal";}if(status==="finished"){return"Afsluttet";}return"Ukendt";}
-function hostShellRouteFromPath(){var marker="/lobby/ui/host";var path=(window.location.pathname||"").toLowerCase();var idx=path.indexOf(marker);if(idx===-1){return"";}var remainder=path.slice(idx+marker.length).replace(/^\/+|\/+$/g,"");if(!remainder){return"";}var route=remainder.split("/")[0];return HOST_SHELL_ROUTES[route]?route:"";}
-function expectedHostShellRoute(){return HOST_SHELL_ROUTES[currentSessionStatus]||"";}
-function syncHostShellRoute(){var currentRoute=hostShellRouteFromPath();var expectedRoute=expectedHostShellRoute();if(!currentRoute||!expectedRoute){hostShellRouteHint="";return;}if(currentRoute===expectedRoute){hostShellRouteHint="";return;}var nextPath="/lobby/ui/host/"+expectedRoute;window.history.replaceState(null,"",nextPath);hostShellRouteHint="Deep-link route guard: omdirigeret fra /"+currentRoute+" til /"+expectedRoute+" for fase "+phaseLabel(currentSessionStatus)+".";}
 function updateAutoRefreshUi(){var btn=document.getElementById("autoRefreshToggleBtn");var hint=document.getElementById("autoRefreshHint");if(btn){btn.textContent="Auto-refresh: "+(autoRefreshEnabled?"ON":"OFF");btn.disabled=hostActionInFlight||sessionDetailInFlight||!code();}if(!hint){return;}if(hostActionInFlight){hint.textContent="Auto-refresh-lås: afvent aktiv host-handling.";return;}if(sessionDetailInFlight){hint.textContent="Auto-refresh-lås: afvent aktiv session-opdatering.";return;}if(!autoRefreshEnabled){hint.textContent="Auto-refresh er slået fra.";return;}if(!code()){hint.textContent="Auto-refresh venter: angiv sessionkode.";return;}if(currentSessionStatus==="finished"){hint.textContent="Auto-refresh stoppet: spillet er afsluttet.";return;}hint.textContent="Auto-refresh aktiv (10s) for lobby-status.";}
 function stopAutoRefresh(reason){autoRefreshEnabled=false;if(autoRefreshTimer){clearInterval(autoRefreshTimer);autoRefreshTimer=null;}if(reason){var hint=document.getElementById("autoRefreshHint");if(hint){hint.textContent=reason;}}updateAutoRefreshUi();saveHostContext();}
 function startAutoRefresh(){if(!code()){updateAutoRefreshUi();return;}autoRefreshEnabled=true;if(autoRefreshTimer){clearInterval(autoRefreshTimer);}autoRefreshTimer=setInterval(function(){if(!code()||sessionDetailInFlight){return;}if(currentSessionStatus==="finished"){stopAutoRefresh("Auto-refresh stoppet: spillet er afsluttet.");return;}sessionDetail();},10000);updateAutoRefreshUi();saveHostContext();}
@@ -99,14 +54,12 @@ function updateLastRefreshStatus(){var el=document.getElementById("lastRefreshSt
 function normalizeApiError(data){if(!data||typeof data!=="object"){return"";}return (data.error_code||data.error||"").toString();}
 function mapUiErrorMessage(errorKey){if(!errorKey){return"";}var key=errorKey.toLowerCase();if(key.indexOf("phase")!==-1){return"Ugyldig fase for handlingen. Opdatér session-status og prøv igen.";}if(key.indexOf("token")!==-1||key.indexOf("auth")!==-1){return"Session-token er ugyldig eller udløbet. Rejoin sessionen og prøv igen.";}if(key.indexOf("round")!==-1||key.indexOf("question")!==-1||key.indexOf("state")!==-1){return"Runde-kontekst matcher ikke længere. Opdatér session-status før næste handling.";}if(key.indexOf("session")!==-1){return"Sessionkoden er ugyldig eller sessionen findes ikke længere.";}return"Handling fejlede. Opdatér session-status og prøv igen.";}
 function updateErrorHint(status,data){var el=document.getElementById("hostErrorHint");if(!el){return;}if(status>=200&&status<300){el.textContent="Ingen fejl.";return;}var errKey=normalizeApiError(data);el.textContent="Fejl: "+mapUiErrorMessage(errKey)+" ("+(errKey||("http_"+status))+")";}
-function updateCreateSessionState(){var btn=document.getElementById("createSessionBtn");var hint=document.getElementById("createSessionHint");if(btn){btn.disabled=hostActionInFlight||sessionDetailInFlight;}if(!hint){return;}if(hostActionInFlight){hint.textContent="Opret session er låst mens en host-handling kører.";return;}if(sessionDetailInFlight){hint.textContent="Opret session er låst mens session-opdatering kører.";return;}hint.textContent="Opret session er klar.";}function updateSessionDetailState(){var btn=document.getElementById("sessionDetailBtn");var hint=document.getElementById("sessionDetailHint");var codeInput=document.getElementById("code");if(btn){btn.disabled=sessionDetailInFlight||hostActionInFlight||!code();}if(codeInput){codeInput.readOnly=sessionDetailInFlight||hostActionInFlight;}if(!hint){return;}if(sessionDetailInFlight){hint.textContent="Opdaterer session-status…";return;}if(hostActionInFlight){hint.textContent="Session-opdatering er låst mens en host-handling kører.";return;}if(!code()){hint.textContent="Angiv sessionkode for at opdatere session-status.";updateHostShellErrorBoundary();return;}hint.textContent="Session-opdatering klar.";updateHostShellErrorBoundary();}
+function updateCreateSessionState(){var btn=document.getElementById("createSessionBtn");var hint=document.getElementById("createSessionHint");if(btn){btn.disabled=hostActionInFlight||sessionDetailInFlight;}if(!hint){return;}if(hostActionInFlight){hint.textContent="Opret session er låst mens en host-handling kører.";return;}if(sessionDetailInFlight){hint.textContent="Opret session er låst mens session-opdatering kører.";return;}hint.textContent="Opret session er klar.";}function updateSessionDetailState(){var btn=document.getElementById("sessionDetailBtn");var hint=document.getElementById("sessionDetailHint");var codeInput=document.getElementById("code");if(btn){btn.disabled=sessionDetailInFlight||hostActionInFlight||!code();}if(codeInput){codeInput.readOnly=sessionDetailInFlight||hostActionInFlight;}if(!hint){return;}if(sessionDetailInFlight){hint.textContent="Opdaterer session-status…";return;}if(hostActionInFlight){hint.textContent="Session-opdatering er låst mens en host-handling kører.";return;}if(!code()){hint.textContent="Angiv sessionkode for at opdatere session-status.";return;}hint.textContent="Session-opdatering klar.";}

-function updatePhaseStatus(){var el=document.getElementById("phaseStatus");syncHostShellRoute();if(!el){return;}if(!currentSessionStatus){el.textContent="Fase: ukendt (opdatér session-status).";return;}el.textContent="Fase: "+phaseLabel(currentSessionStatus)+" ("+currentSessionStatus+")";}
+function updatePhaseStatus(){var el=document.getElementById("phaseStatus");if(!el){return;}if(!currentSessionStatus){el.textContent="Fase: ukendt (opdatér session-status).";return;}el.textContent="Fase: "+phaseLabel(currentSessionStatus)+" ("+currentSessionStatus+")";}
 function syncStartRoundGuard(data){var btn=document.getElementById("startRoundBtn");var hint=document.getElementById("startRoundHint");var status=document.getElementById("playerCountStatus");if(!btn||!hint||!status){return;}var count=(data&&data.session&&typeof data.session.players_count==="number")?data.session.players_count:null;var phase=currentSessionStatus||"";if(phase&&phase!=="lobby"){btn.disabled=true;status.textContent=count===null?"Spillere i session: ukendt":"Spillere i session: "+count;hint.textContent="Start runde er kun tilladt i lobby-fasen.";return;}if(count===null){btn.disabled=true;status.textContent="Spillere i session: ukendt";hint.textContent="Opdatér session-status for at validere 3-5 spillere.";return;}status.textContent="Spillere i session: "+count;if(count<3){btn.disabled=true;hint.textContent="Mangler spillere: kræver mindst 3 for at starte runde.";return;}if(count>5){btn.disabled=true;hint.textContent="For mange spillere: maks 5 i MVP før runde-start.";return;}btn.disabled=false;hint.textContent="Klar: spillerantal er indenfor 3-5 til runde-start.";}
-
-function updateHostActionState(){updateCreateSessionState();var hasCode=!!code();var hasRound=!!rq();var phase=currentSessionStatus||"";var showQuestionBtn=document.getElementById("showQuestionBtn");var mixAnswersBtn=document.getElementById("mixAnswersBtn");var calcScoresBtn=document.getElementById("calcScoresBtn");var showScoreboardBtn=document.getElementById("showScoreboardBtn");var nextRoundBtn=document.getElementById("nextRoundBtn");var finishGameBtn=document.getElementById("finishGameBtn");var roundQuestionInput=document.getElementById("roundQuestionId");var roundQuestionGuardHint=document.getElementById("roundQuestionGuardHint");var categorySelect=document.getElementById("category");var categoryGuardHint=document.getElementById("categoryGuardHint");var hint=document.getElementById("hostActionHint");if(showQuestionBtn){showQuestionBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="lie";}if(showScoreboardBtn){showScoreboardBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="reveal";}if(nextRoundBtn){nextRoundBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="reveal";}if(finishGameBtn){finishGameBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="reveal";}if(mixAnswersBtn){mixAnswersBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||!hasRound||(phase!=="lie"&&phase!=="guess");}if(calcScoresBtn){calcScoresBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||!hasRound||phase!=="guess";}var canEditRoundQuestion=!!hasCode&&(phase==="lie"||phase==="guess"||phase==="reveal");if(roundQuestionInput){roundQuestionInput.disabled=hostActionInFlight||sessionDetailInFlight||!canEditRoundQuestion;}if(roundQuestionGuardHint){if(hostActionInFlight){roundQuestionGuardHint.textContent="Round question-id er låst mens en handling kører.";}else if(sessionDetailInFlight){roundQuestionGuardHint.textContent="Round question-id er låst mens session-opdatering kører.";}else if(!hasCode){roundQuestionGuardHint.textContent="Angiv sessionkode for at redigere round question-id.";}else if(!phase){roundQuestionGuardHint.textContent="Opdatér session-status for round question-id.";}else if(canEditRoundQuestion){roundQuestionGuardHint.textContent="Round question-id kan redigeres i fase: "+phaseLabel(phase)+".";}else{roundQuestionGuardHint.textContent="Round question-id er låst i fase: "+phaseLabel(phase)+".";}}if(categorySelect){categorySelect.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="lobby";}if(categoryGuardHint){if(hostActionInFlight){categoryGuardHint.textContent="Kategori er midlertidigt låst mens en handling kører.";}else if(sessionDetailInFlight){categoryGuardHint.textContent="Kategori er låst mens session-opdatering kører.";}else if(!hasCode){categoryGuardHint.textContent="Angiv sessionkode for at låse kategori til lobby-fasen.";}else if(phase==="lobby"){categoryGuardHint.textContent="Kategori kan vælges i lobby-fasen.";}else if(!phase){categoryGuardHint.textContent="Opdatér session-status for at validere kategori-lås.";}else{categoryGuardHint.textContent="Kategori er låst udenfor lobby-fasen.";}}if(!hint){return;}if(hostActionInFlight){hint.textContent="Handling kører… afvent svar før næste klik.";return;}if(sessionDetailInFlight){hint.textContent="Host-actions er låst mens session-opdatering kører.";return;}if(!hasCode){hint.textContent="Angiv sessionkode for at aktivere host-actions.";return;}if(!phase){hint.textContent="Opdatér session-status for fasebaserede host-actions.";return;}if(phase==="finished"){hint.textContent="Spillet er afsluttet: gameplay-actions er låst.";return;}if((phase==="lie"||phase==="guess")&&!hasRound){hint.textContent="Round question id mangler: mix/beregn score er låst.";return;}if(hostShellRouteHint){hint.textContent=hostShellRouteHint;return;}hint.textContent="Host-actions er klar for fase: "+phaseLabel(phase)+".";}
-async function api(path,method,payload){var o={method:method||"GET",headers:{"Accept":"application/json"}};if(payload!==null){o.headers["Content-Type"]="application/json";o.headers["X-CSRFToken"]=csrf();o.body=JSON.stringify(payload);}var r=await fetch(path,o);var d=await r.json().catch(function(){return {};});var isSessionDetailRead=(method||"GET")==="GET"&&/^\/lobby\/sessions\/[A-Z0-9]+$/.test(path);if(isSessionDetailRead){markSessionRefresh(r.status);}document.getElementById("out").textContent=JSON.stringify({status:r.status,data:d},null,2);if(d.session&&d.session.code){document.getElementById("code").value=d.session.code;}if(d.session&&d.session.status){currentSessionStatus=d.session.status;}if(d.round_question&&d.round_question.id){document.getElementById("roundQuestionId").value=d.round_question.id;}if(d.session){hydrateHostCriticalView(d);}updateErrorHint(r.status,d);updatePhaseStatus();syncStartRoundGuard(d);updateHostActionState();if(currentSessionStatus==="finished"&&autoRefreshEnabled){stopAutoRefresh("Auto-refresh stoppet: spillet er afsluttet.");}else{updateAutoRefreshUi();}if(hostShellFatalError){clearHostShellFatalError();}saveHostContext();return d;}
-
+function updateHostActionState(){updateCreateSessionState();var hasCode=!!code();var hasRound=!!rq();var phase=currentSessionStatus||"";var showQuestionBtn=document.getElementById("showQuestionBtn");var mixAnswersBtn=document.getElementById("mixAnswersBtn");var calcScoresBtn=document.getElementById("calcScoresBtn");var showScoreboardBtn=document.getElementById("showScoreboardBtn");var nextRoundBtn=document.getElementById("nextRoundBtn");var finishGameBtn=document.getElementById("finishGameBtn");var roundQuestionInput=document.getElementById("roundQuestionId");var roundQuestionGuardHint=document.getElementById("roundQuestionGuardHint");var categorySelect=document.getElementById("category");var categoryGuardHint=document.getElementById("categoryGuardHint");var hint=document.getElementById("hostActionHint");if(showQuestionBtn){showQuestionBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="lie";}if(showScoreboardBtn){showScoreboardBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="reveal";}if(nextRoundBtn){nextRoundBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="reveal";}if(finishGameBtn){finishGameBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="reveal";}if(mixAnswersBtn){mixAnswersBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||!hasRound||(phase!=="lie"&&phase!=="guess");}if(calcScoresBtn){calcScoresBtn.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||!hasRound||phase!=="guess";}var canEditRoundQuestion=!!hasCode&&(phase==="lie"||phase==="guess"||phase==="reveal");if(roundQuestionInput){roundQuestionInput.disabled=hostActionInFlight||sessionDetailInFlight||!canEditRoundQuestion;}if(roundQuestionGuardHint){if(hostActionInFlight){roundQuestionGuardHint.textContent="Round question-id er låst mens en handling kører.";}else if(sessionDetailInFlight){roundQuestionGuardHint.textContent="Round question-id er låst mens session-opdatering kører.";}else if(!hasCode){roundQuestionGuardHint.textContent="Angiv sessionkode for at redigere round question-id.";}else if(!phase){roundQuestionGuardHint.textContent="Opdatér session-status for round question-id.";}else if(canEditRoundQuestion){roundQuestionGuardHint.textContent="Round question-id kan redigeres i fase: "+phaseLabel(phase)+".";}else{roundQuestionGuardHint.textContent="Round question-id er låst i fase: "+phaseLabel(phase)+".";}}if(categorySelect){categorySelect.disabled=hostActionInFlight||sessionDetailInFlight||!hasCode||phase!=="lobby";}if(categoryGuardHint){if(hostActionInFlight){categoryGuardHint.textContent="Kategori er midlertidigt låst mens en handling kører.";}else if(sessionDetailInFlight){categoryGuardHint.textContent="Kategori er låst mens session-opdatering kører.";}else if(!hasCode){categoryGuardHint.textContent="Angiv sessionkode for at låse kategori til lobby-fasen.";}else if(phase==="lobby"){categoryGuardHint.textContent="Kategori kan vælges i lobby-fasen.";}else if(!phase){categoryGuardHint.textContent="Opdatér session-status for at validere kategori-lås.";}else{categoryGuardHint.textContent="Kategori er låst udenfor lobby-fasen.";}}if(!hint){return;}if(hostActionInFlight){hint.textContent="Handling kører… afvent svar før næste klik.";return;}if(sessionDetailInFlight){hint.textContent="Host-actions er låst mens session-opdatering kører.";return;}if(!hasCode){hint.textContent="Angiv sessionkode for at aktivere host-actions.";return;}if(!phase){hint.textContent="Opdatér session-status for fasebaserede host-actions.";return;}if(phase==="finished"){hint.textContent="Spillet er afsluttet: gameplay-actions er låst.";return;}if((phase==="lie"||phase==="guess")&&!hasRound){hint.textContent="Round question id mangler: mix/beregn score er låst.";return;}hint.textContent="Host-actions er klar for fase: "+phaseLabel(phase)+".";}
+async function api(path,method,payload){var o={method:method||"GET",headers:{"Accept":"application/json"}};if(payload!==null){o.headers["Content-Type"]="application/json";o.headers["X-CSRFToken"]=csrf();o.body=JSON.stringify(payload);}var r=await fetch(path,o);var d=await r.json().catch(function(){return {};});var isSessionDetailRead=(method||"GET")==="GET"&&/^\/lobby\/sessions\/[A-Z0-9]+$/.test(path);if(isSessionDetailRead){markSessionRefresh(r.status);}document.getElementById("out").textContent=JSON.stringify({status:r.status,data:d},null,2);if(d.session&&d.session.code){document.getElementById("code").value=d.session.code;}if(d.session&&d.session.status){currentSessionStatus=d.session.status;}if(d.round_question&&d.round_question.id){document.getElementById("roundQuestionId").value=d.round_question.id;}updateErrorHint(r.status,d);updatePhaseStatus();syncStartRoundGuard(d);updateHostActionState();if(currentSessionStatus==="finished"&&autoRefreshEnabled){stopAutoRefresh("Auto-refresh stoppet: spillet er afsluttet.");}else{updateAutoRefreshUi();}saveHostContext();return d;}
 function withHostActionLock(fn){if(hostActionInFlight){return Promise.resolve({error:"host_action_in_flight"});}hostActionInFlight=true;updateHostActionState();return Promise.resolve().then(fn).finally(function(){hostActionInFlight=false;updateHostActionState();});}
 function createSession(){return withHostActionLock(function(){return api("/lobby/sessions/create","POST",{});});} 
 function sessionDetail(){if(!code()){updateSessionDetailState();return Promise.resolve({error:"missing_session_code"});}if(sessionDetailInFlight){return Promise.resolve({error:"session_detail_in_flight"});}sessionDetailInFlight=true;updateSessionDetailState();return api("/lobby/sessions/"+code(),"GET",null).finally(function(){sessionDetailInFlight=false;updateSessionDetailState();});} 
@@ -119,10 +72,7 @@ function nextRound(){return withHostActionLock(function(){return api("/lobby/ses
 function finishGame(){return withHostActionLock(function(){return api("/lobby/sessions/"+code()+"/finish","POST",{});});} 
 ["code","roundQuestionId"].forEach(function(fieldId){var field=document.getElementById(fieldId);if(!field){return;}field.addEventListener("input",function(){syncStartRoundGuard(null);updateHostActionState();updateSessionDetailState();saveHostContext();});field.addEventListener("change",function(){syncStartRoundGuard(null);updateHostActionState();updateSessionDetailState();saveHostContext();});});

-window.addEventListener("error",function(event){setHostShellFatalError((event&&event.message)||"Ukendt runtime-fejl");});
-window.addEventListener("unhandledrejection",function(event){var reason=event&&event.reason;var detail=(reason&&reason.message)||String(reason||"Unhandled promise rejection");setHostShellFatalError(detail);});
-setHostCriticalLoading(true);
-updatePhaseStatus();syncHostShellRoute();syncStartRoundGuard(null);updateHostActionState();updateCreateSessionState();updateSessionDetailState();updateAutoRefreshUi();updateLastRefreshStatus();updateHostShellErrorBoundary();
-if(restoreHostContext()){updatePhaseStatus();syncHostShellRoute();if(autoRefreshEnabled){startAutoRefresh();}sessionDetail();}else{saveHostContext();setTimeout(function(){if(!hostCriticalHydrated){hydrateHostCriticalView({session:{status:currentSessionStatus,players_count:null}});}},350);}
+updatePhaseStatus();syncStartRoundGuard(null);updateHostActionState();updateCreateSessionState();updateSessionDetailState();updateAutoRefreshUi();updateLastRefreshStatus();
+if(restoreHostContext()){updatePhaseStatus();if(autoRefreshEnabled){startAutoRefresh();}sessionDetail();}else{saveHostContext();}
 </script>
 </body></html>
--- a/lobby/templates/lobby/player_screen.html
+++ b/lobby/templates/lobby/player_screen.html
@@ -12,19 +12,8 @@
 #connectionBanner { margin: 8px 0 10px; padding: 8px 10px; border-radius: 8px; border: 1px solid #b91c1c; background: #fee2e2; color: #7f1d1d; display: none; }
 #connectionBanner button { margin-left: 8px; border: 1px solid #991b1b; background: #fff; color: #7f1d1d; border-radius: 6px; padding: 4px 8px; cursor: pointer; }
 #connectionBanner button[disabled] { opacity: 0.55; cursor: not-allowed; }
-#playerShellErrorBoundary { margin: 8px 0 10px; padding: 8px 10px; border-radius: 8px; border: 1px solid #b91c1c; background: #fee2e2; color: #7f1d1d; display: none; }
-#playerShellErrorBoundary button { margin-left: 8px; border: 1px solid #991b1b; background: #fff; color: #7f1d1d; border-radius: 6px; padding: 4px 8px; cursor: pointer; }
-#playerShellErrorBoundary button[disabled] { opacity: 0.55; cursor: not-allowed; }
 #lieStatus.locked { color: #0a5f2d; font-weight: 600; }
 #guessStatus.locked { color: #0a5f2d; font-weight: 600; }
-.critical-card { margin: 10px 0 12px; padding: 10px; border-radius: 10px; border: 1px solid #cbd5e1; background: #f8fafc; }
-.critical-card h2 { margin: 0 0 6px; font-size: 1rem; }
-.critical-card p { margin: 0; color: #334155; }
-.skeleton-line { position: relative; overflow: hidden; height: 12px; border-radius: 999px; margin-top: 8px; background: #e2e8f0; }
-.skeleton-line:first-of-type { margin-top: 4px; }
-.skeleton-line.short { width: 60%; }
-.skeleton-line::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, rgba(226,232,240,0) 0%, rgba(255,255,255,0.85) 45%, rgba(226,232,240,0) 100%); animation: wppShimmer 1.2s infinite; }
-@keyframes wppShimmer { to { transform: translateX(100%); } }
 </style>
 </head>
 <body>
@@ -53,22 +42,6 @@
 <p id="phaseStatus">Fase: ukendt (opdatér session-status).</p>
 <p id="playerErrorHint">Ingen fejl.</p>
 <div id="connectionBanner">Forbindelsen til serveren blev afbrudt.<button id="connectionRetryBtn" type="button" onclick="retryConnection()">Prøv igen</button></div>
-<div id="playerShellErrorBoundary">Der opstod en kritisk fejl i app-skallen.
-  <button id="playerRecoverRetryBtn" type="button" onclick="recoverPlayerShell('retry')">Prøv gendan</button>
-  <button id="playerRecoverReloadBtn" type="button" onclick="recoverPlayerShell('reload')">Genindlæs siden</button>
-</div>
-<section id="playerCriticalSkeleton" class="critical-card" aria-live="polite">
-  <h2>Indlæser spiller-overblik…</h2>
-  <div class="skeleton-line"></div>
-  <div class="skeleton-line"></div>
-  <div class="skeleton-line short"></div>
-</section>
-<section id="playerCriticalView" class="critical-card" style="display:none" aria-live="polite">
-  <h2>Spiller-overblik</h2>
-  <p id="playerCriticalPhase">Fase: afventer</p>
-  <p id="playerCriticalRound">Round question: afventer</p>
-  <p id="playerCriticalJoin">Join-status: afventer</p>
-</section>
 <pre id="out">Klar.</pre>
 <script>
 var availableAnswers=[];
@@ -86,21 +59,7 @@ var playerLastRefreshAtLabel="";
 var playerLastRefreshFailed=false;
 var connectionLost=false;
 var connectionRetryInFlight=false;
-var playerShellFatalError=false;
-var playerShellRecoverInFlight=false;
-var playerCriticalHydrated=false;
-function setPlayerCriticalLoading(isLoading){var skeleton=document.getElementById("playerCriticalSkeleton");var view=document.getElementById("playerCriticalView");if(!skeleton||!view){return;}skeleton.style.display=isLoading?"block":"none";view.style.display=isLoading?"none":"block";}
-function hydratePlayerCriticalView(data){var phaseEl=document.getElementById("playerCriticalPhase");var roundEl=document.getElementById("playerCriticalRound");var joinEl=document.getElementById("playerCriticalJoin");if(phaseEl){phaseEl.textContent="Fase: "+phaseLabel(currentSessionStatus||((data&&data.session&&data.session.status)||""));}
-if(roundEl){roundEl.textContent="Round question: "+(rq()||"afventer");}
-if(joinEl){joinEl.textContent="Join-status: "+(isPlayerContextLocked()?"låst/aktiv":"ikke låst");}
-playerCriticalHydrated=true;
-setPlayerCriticalLoading(false);
-}
 function code(){return document.getElementById("code").value.trim().toUpperCase();}
-function updatePlayerShellErrorBoundary(){var panel=document.getElementById("playerShellErrorBoundary");var retryBtn=document.getElementById("playerRecoverRetryBtn");var reloadBtn=document.getElementById("playerRecoverReloadBtn");if(!panel||!retryBtn||!reloadBtn){return;}panel.style.display=playerShellFatalError?"block":"none";retryBtn.disabled=playerShellRecoverInFlight||sessionDetailInFlight||joinInFlight||!code();reloadBtn.disabled=playerShellRecoverInFlight;}
-function setPlayerShellFatalError(detail){playerShellFatalError=true;var out=document.getElementById("out");if(out){out.textContent=JSON.stringify({status:0,data:{error:"player_shell_runtime_error",detail:detail||"Ukendt runtime-fejl"}},null,2);}var hint=document.getElementById("playerErrorHint");if(hint){hint.textContent="Fejl: Kritisk app-fejl. Brug recover-handlingerne for at fortsætte.";}updatePlayerShellErrorBoundary();}
-function clearPlayerShellFatalError(){playerShellFatalError=false;playerShellRecoverInFlight=false;updatePlayerShellErrorBoundary();}
-function recoverPlayerShell(mode){if(playerShellRecoverInFlight){return Promise.resolve({error:"recover_in_flight"});}playerShellRecoverInFlight=true;updatePlayerShellErrorBoundary();if(mode==="reload"){window.location.reload();return Promise.resolve({ok:true});}if(!code()){playerShellRecoverInFlight=false;updatePlayerShellErrorBoundary();return Promise.resolve({error:"missing_session_code"});}return sessionDetail().then(function(result){clearPlayerShellFatalError();return result;}).catch(function(err){playerShellRecoverInFlight=false;updatePlayerShellErrorBoundary();throw err;});}
 function pid(){return document.getElementById("playerId").value.trim();}
 function rq(){return document.getElementById("roundQuestionId").value.trim();}
 function phaseLabel(status){if(status==="lobby"){return"Lobby";}if(status==="lie"){return"Løgn";}if(status==="guess"){return"Gæt";}if(status==="reveal"){return"Reveal";}if(status==="finished"){return"Afsluttet";}return"Ukendt";}
@@ -127,7 +86,7 @@ function togglePlayerAutoRefresh(){if(joinInFlight){updatePlayerAutoRefreshUi();
 function updateConnectionBanner(){var banner=document.getElementById("connectionBanner");var retryBtn=document.getElementById("connectionRetryBtn");if(!banner||!retryBtn){return;}banner.style.display=connectionLost?"block":"none";retryBtn.disabled=connectionRetryInFlight||sessionDetailInFlight||joinInFlight||!code();}
 function setConnectionLost(isLost){connectionLost=!!isLost;updateConnectionBanner();}
 function updatePlayerErrorHint(status,data){var el=document.getElementById("playerErrorHint");if(!el){return;}if(status>=200&&status<300){el.textContent="Ingen fejl.";setConnectionLost(false);return;}var errKey=normalizeApiError(data);el.textContent="Fejl: "+mapUiErrorMessage(errKey)+" ("+(errKey||("http_"+status))+")";}
-function updateSessionDetailState(){var btn=document.getElementById("sessionDetailBtn");var hint=document.getElementById("sessionRefreshHint");var submitInFlight=lieSubmitInFlight||guessSubmitInFlight;if(btn){btn.disabled=sessionDetailInFlight||joinInFlight||submitInFlight||!code();}if(!hint){updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(sessionDetailInFlight){hint.textContent="Opdaterer session-status…";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(joinInFlight){hint.textContent="Session-opdatering er låst mens join kører.";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(submitInFlight){hint.textContent="Session-opdatering er låst mens submit kører.";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(!code()){hint.textContent="Angiv sessionkode for at opdatere session-status.";updatePlayerAutoRefreshUi();updateConnectionBanner();updatePlayerShellErrorBoundary();return;}hint.textContent="Session-opdatering klar.";updatePlayerAutoRefreshUi();updateConnectionBanner();updatePlayerShellErrorBoundary();}
+function updateSessionDetailState(){var btn=document.getElementById("sessionDetailBtn");var hint=document.getElementById("sessionRefreshHint");var submitInFlight=lieSubmitInFlight||guessSubmitInFlight;if(btn){btn.disabled=sessionDetailInFlight||joinInFlight||submitInFlight||!code();}if(!hint){updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(sessionDetailInFlight){hint.textContent="Opdaterer session-status…";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(joinInFlight){hint.textContent="Session-opdatering er låst mens join kører.";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(submitInFlight){hint.textContent="Session-opdatering er låst mens submit kører.";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}if(!code()){hint.textContent="Angiv sessionkode for at opdatere session-status.";updatePlayerAutoRefreshUi();updateConnectionBanner();return;}hint.textContent="Session-opdatering klar.";updatePlayerAutoRefreshUi();updateConnectionBanner();}
 function updateJoinState(){var btn=document.getElementById("joinBtn");var status=document.getElementById("joinStatus");var joined=!!(pid()&&document.getElementById("sessionToken").value.trim());var canJoin=canAttemptJoin();if(btn){btn.disabled=joinInFlight||sessionDetailInFlight||joined||!canJoin;}if(!status){updateContextLockState();updateConnectionBanner();return;}if(joinInFlight){status.textContent="Joiner…";updateContextLockState();updateConnectionBanner();return;}if(sessionDetailInFlight&&!joined){status.textContent="Afvent aktiv session-opdatering før join.";updateContextLockState();updateConnectionBanner();return;}if(joined){status.textContent="Join gennemført.";updateContextLockState();updateConnectionBanner();return;}if(!canJoin){status.textContent="Udfyld kode og nickname for at join.";updateContextLockState();updateConnectionBanner();return;}status.textContent="Klar til join.";updateContextLockState();updateConnectionBanner();}

 function guessStorageKey(){var c=code();var p=pid();var q=rq();if(!c||!p||!q){return "";}return ["wppGuess",c,p,q].join(":");}
@@ -143,7 +102,7 @@ function updateGuessSubmitState(){var selected=document.getElementById("guessTex
 function setGuess(text,submitted){document.getElementById("guessText").value=text||"";if(typeof submitted==="boolean"){guessSubmitted=submitted;}var buttons=document.querySelectorAll("#answerOptions button");buttons.forEach(function(btn){btn.classList.toggle("active",btn.dataset.answer===text);});updateGuessSubmitState();
 updateJoinState();}
 function renderAnswerOptions(roundQuestion){var wrap=document.getElementById("answerOptions");wrap.innerHTML="";availableAnswers=[];guessSubmitted=false;setGuess("",false);lieSubmitted=false;setLieState("",false);if(!roundQuestion||!Array.isArray(roundQuestion.answers)){updateGuessSubmitState();updateLieSubmitState();return;}roundQuestion.answers.forEach(function(item){if(!item||!item.text){return;}availableAnswers.push(item.text);var btn=document.createElement("button");btn.type="button";btn.dataset.answer=item.text;btn.textContent=item.text;btn.onclick=function(){if(guessSubmitted){return;}setGuess(item.text,false);persistGuessState(item.text,false);};wrap.appendChild(btn);});var saved=loadGuessState();if(saved&&availableAnswers.indexOf(saved.selected_text)!==-1){setGuess(saved.selected_text,!!saved.submitted);}updateGuessSubmitState();}
-async function api(path,method,payload){var o={method:method||"GET",headers:{"Accept":"application/json"}};if(payload!==null){o.headers["Content-Type"]="application/json";o.body=JSON.stringify(payload);}try{var r=await fetch(path,o);var d=await r.json().catch(function(){return {};});var isSessionDetailRead=(method||"GET")==="GET"&&/^\/lobby\/sessions\/[A-Z0-9]+$/.test(path);if(isSessionDetailRead){markPlayerSessionRefresh(r.status);}document.getElementById("out").textContent=JSON.stringify({status:r.status,data:d},null,2);if(d.player&&d.player.id){document.getElementById("playerId").value=d.player.id;}if(d.player&&d.player.session_token){document.getElementById("sessionToken").value=d.player.session_token;}if(d.round_question&&d.round_question.id){document.getElementById("roundQuestionId").value=d.round_question.id;}if(d.session&&d.session.status){currentSessionStatus=d.session.status;}if(d.round_question){renderAnswerOptions(d.round_question);var savedLie=loadLieState();if(savedLie){setLieState(savedLie.text||"",!!savedLie.submitted);}}else{document.getElementById("roundQuestionId").value="";renderAnswerOptions(null);}if(d.guess&&d.guess.round_question_id){document.getElementById("roundQuestionId").value=d.guess.round_question_id;setGuess(d.guess.selected_text||"",true);persistGuessState(d.guess.selected_text||"",true);}hydratePlayerCriticalView(d);updateRoundContextHint();updatePlayerErrorHint(r.status,d);updatePhaseStatus();updateLieSubmitState();updateGuessSubmitState();if(currentSessionStatus==="finished"&&playerAutoRefreshEnabled){stopPlayerAutoRefresh("Auto-refresh stoppet: spillet er afsluttet.");}else{updatePlayerAutoRefreshUi();}if(playerShellFatalError){clearPlayerShellFatalError();}savePlayerContext();return d;}catch(err){setConnectionLost(true);if((method||"GET")==="GET"&&/^\/lobby\/sessions\/[A-Z0-9]+$/.test(path)){markPlayerSessionRefresh(0);}document.getElementById("out").textContent=JSON.stringify({status:0,data:{error:"connection_lost",detail:"Kunne ikke kontakte serveren."}},null,2);document.getElementById("playerErrorHint").textContent="Fejl: Mistede forbindelsen til serveren. Prøv igen.";updateSessionDetailState();throw err;}}
+async function api(path,method,payload){var o={method:method||"GET",headers:{"Accept":"application/json"}};if(payload!==null){o.headers["Content-Type"]="application/json";o.body=JSON.stringify(payload);}try{var r=await fetch(path,o);var d=await r.json().catch(function(){return {};});var isSessionDetailRead=(method||"GET")==="GET"&&/^\/lobby\/sessions\/[A-Z0-9]+$/.test(path);if(isSessionDetailRead){markPlayerSessionRefresh(r.status);}document.getElementById("out").textContent=JSON.stringify({status:r.status,data:d},null,2);if(d.player&&d.player.id){document.getElementById("playerId").value=d.player.id;}if(d.player&&d.player.session_token){document.getElementById("sessionToken").value=d.player.session_token;}if(d.round_question&&d.round_question.id){document.getElementById("roundQuestionId").value=d.round_question.id;}if(d.session&&d.session.status){currentSessionStatus=d.session.status;}if(d.round_question){renderAnswerOptions(d.round_question);var savedLie=loadLieState();if(savedLie){setLieState(savedLie.text||"",!!savedLie.submitted);}}else{document.getElementById("roundQuestionId").value="";renderAnswerOptions(null);}if(d.guess&&d.guess.round_question_id){document.getElementById("roundQuestionId").value=d.guess.round_question_id;setGuess(d.guess.selected_text||"",true);persistGuessState(d.guess.selected_text||"",true);}updateRoundContextHint();updatePlayerErrorHint(r.status,d);updatePhaseStatus();updateLieSubmitState();updateGuessSubmitState();if(currentSessionStatus==="finished"&&playerAutoRefreshEnabled){stopPlayerAutoRefresh("Auto-refresh stoppet: spillet er afsluttet.");}else{updatePlayerAutoRefreshUi();}savePlayerContext();return d;}catch(err){setConnectionLost(true);if((method||"GET")==="GET"&&/^\/lobby\/sessions\/[A-Z0-9]+$/.test(path)){markPlayerSessionRefresh(0);}document.getElementById("out").textContent=JSON.stringify({status:0,data:{error:"connection_lost",detail:"Kunne ikke kontakte serveren."}},null,2);document.getElementById("playerErrorHint").textContent="Fejl: Mistede forbindelsen til serveren. Prøv igen.";updateSessionDetailState();throw err;}}
 function joinSession(){if(joinInFlight){return Promise.resolve({error:"join_in_flight"});}if(!canAttemptJoin()){updateJoinState();return Promise.resolve({error:"missing_join_input"});}if(pid()&&document.getElementById("sessionToken").value.trim()){updateJoinState();return Promise.resolve({error:"already_joined_client"});}joinInFlight=true;updateJoinState();updatePlayerAutoRefreshUi();return api("/lobby/sessions/join","POST",{code:code(),nickname:document.getElementById("nickname").value.trim()}).then(function(d){joinInFlight=false;if(d&&d.player&&d.player.id){updateJoinState();updatePlayerAutoRefreshUi();return d;}updateJoinState();updatePlayerAutoRefreshUi();document.getElementById("joinStatus").textContent="Join fejlede – prøv igen.";return d;}).catch(function(err){joinInFlight=false;updateJoinState();updatePlayerAutoRefreshUi();document.getElementById("joinStatus").textContent="Join fejlede – prøv igen.";throw err;});}
 function sessionDetail(){if(!code()){updateSessionDetailState();return Promise.resolve({error:"missing_session_code"});}if(sessionDetailInFlight){return Promise.resolve({error:"session_detail_in_flight"});}sessionDetailInFlight=true;updateSessionDetailState();return api("/lobby/sessions/"+code(),"GET",null).finally(function(){sessionDetailInFlight=false;updateSessionDetailState();});} 
 function retryConnection(){if(connectionRetryInFlight||!code()){updateConnectionBanner();return Promise.resolve({error:"retry_unavailable"});}connectionRetryInFlight=true;updateConnectionBanner();return sessionDetail().then(function(result){setConnectionLost(false);return result;}).finally(function(){connectionRetryInFlight=false;updateConnectionBanner();});}
@@ -151,9 +110,6 @@ function submitLie(){if(lieSubmitted){return Promise.resolve({error:"lie_already
 document.getElementById("lieText").addEventListener("input",function(){if(!lieSubmitted){updateLieSubmitState();persistLieState(document.getElementById("lieText").value,false);}});updateLieSubmitState();
 function submitGuess(){if(guessSubmitted){return Promise.resolve({error:"guess_already_submitted_client"});}if(guessSubmitInFlight){return Promise.resolve({error:"guess_submit_in_flight"});}if(!hasSubmitContext()){updateGuessSubmitState();document.getElementById("out").textContent=JSON.stringify({status:400,data:{error:"Join først for at aktivere gæt"}},null,2);return Promise.resolve({error:"missing_submit_context"});}var selected=document.getElementById("guessText").value;if(availableAnswers.indexOf(selected)===-1){document.getElementById("out").textContent=JSON.stringify({status:400,data:{error:"Vælg et af de viste svarmuligheder"}},null,2);return Promise.resolve({error:"invalid_client_guess"});}guessSubmitInFlight=true;updateGuessSubmitState();return api("/lobby/sessions/"+code()+"/questions/"+rq()+"/guesses/submit","POST",{player_id:parseInt(pid(),10),session_token:document.getElementById("sessionToken").value,selected_text:selected}).finally(function(){guessSubmitInFlight=false;updateGuessSubmitState();});}
 ["code","nickname","playerId","sessionToken","roundQuestionId"].forEach(function(fieldId){var field=document.getElementById(fieldId);if(!field){return;}field.addEventListener("input",function(){if(fieldId!=="roundQuestionId"){resetRoundContextForManualChange();}updateLieSubmitState();updateGuessSubmitState();updateJoinState();updateSessionDetailState();savePlayerContext();});field.addEventListener("change",function(){if(fieldId!=="roundQuestionId"){resetRoundContextForManualChange();}updateLieSubmitState();updateGuessSubmitState();updateJoinState();updateSessionDetailState();savePlayerContext();});});
-window.addEventListener("error",function(event){setPlayerShellFatalError((event&&event.message)||"Ukendt runtime-fejl");});
-window.addEventListener("unhandledrejection",function(event){var reason=event&&event.reason;var detail=(reason&&reason.message)||String(reason||"Unhandled promise rejection");setPlayerShellFatalError(detail);});
-setPlayerCriticalLoading(true);
 updatePhaseStatus();
 updateGuessSubmitState();
 updateJoinState();
@@ -161,7 +117,6 @@ updatePlayerAutoRefreshUi();
 updatePlayerLastRefreshStatus();
 updateRoundContextHint();
 updateConnectionBanner();
-updatePlayerShellErrorBoundary();
-if(restorePlayerContext()){if(playerAutoRefreshEnabled){startPlayerAutoRefresh();}sessionDetail().catch(function(){});}else{savePlayerContext();setTimeout(function(){if(!playerCriticalHydrated){hydratePlayerCriticalView({session:{status:currentSessionStatus}});}},350);}
+if(restorePlayerContext()){if(playerAutoRefreshEnabled){startPlayerAutoRefresh();}sessionDetail().catch(function(){});}else{savePlayerContext();}
 </script>
 </body></html>
--- a/lobby/templates/lobby/spa_shell.html
+++ b/lobby/templates/lobby/spa_shell.html
@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="da">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>WPP SPA Shell</title>
-  <link rel="stylesheet" href="{{ spa_asset_base }}/styles.css">
-</head>
-<body data-wpp-shell-route="{{ shell_route }}" data-wpp-shell-kind="{{ shell_kind }}">
-  <app-root data-wpp-shell-route="{{ shell_route }}" data-wpp-shell-kind="{{ shell_kind }}">Indlæser Angular app-shell…</app-root>
-  <script type="module" src="{{ spa_asset_base }}/main.js"></script>
-</body>
-</html>
--- a/lobby/tests.py
+++ b/lobby/tests.py
@@ -5,7 +5,7 @@ from pathlib import Path

 from django.contrib.auth import get_user_model
 from django.core.management import call_command
-from django.test import TestCase, override_settings
+from django.test import TestCase
 from django.urls import reverse
 from django.utils import timezone

@@ -869,14 +869,6 @@ class UiScreenTests(TestCase):
        self.assertContains(response, "hostShellRouteFromPath")
        self.assertContains(response, "syncHostShellRoute")
        self.assertContains(response, "Deep-link route guard: omdirigeret")
-        self.assertContains(response, "id=\"hostShellErrorBoundary\"")
-        self.assertContains(response, "recoverHostShell('retry')")
-        self.assertContains(response, "recoverHostShell('reload')")
-        self.assertContains(response, "setHostShellFatalError")
-        self.assertContains(response, "clearHostShellFatalError")
-        self.assertContains(response, "updateHostShellErrorBoundary")
-        self.assertContains(response, "host_shell_runtime_error")
-        self.assertContains(response, "window.addEventListener(\"unhandledrejection\"")

    def test_host_screen_deeplink_requires_login(self):
        response = self.client.get(reverse("lobby:host_screen_deeplink", kwargs={"spa_path": "guess"}))
@@ -964,72 +956,6 @@ class UiScreenTests(TestCase):
        self.assertContains(response, "Session-data ikke opdateret endnu.")
        self.assertContains(response, "Sidst opdateret:")
        self.assertContains(response, "Session-data kan være forældet")
-        self.assertContains(response, "id=\"playerShellErrorBoundary\"")
-        self.assertContains(response, "recoverPlayerShell('retry')")
-        self.assertContains(response, "recoverPlayerShell('reload')")
-        self.assertContains(response, "setPlayerShellFatalError")
-        self.assertContains(response, "clearPlayerShellFatalError")
-        self.assertContains(response, "updatePlayerShellErrorBoundary")
-        self.assertContains(response, "player_shell_runtime_error")
-        self.assertContains(response, "window.addEventListener(\"error\"")
-
-    @override_settings(USE_SPA_UI=False)
-    def test_legacy_templates_are_used_when_spa_flag_is_off(self):
-        self.client.login(username="host_ui", password="secret123")
-
-        host_response = self.client.get(reverse("lobby:host_screen"))
-        player_response = self.client.get(reverse("lobby:player_screen"))
-
-        self.assertContains(host_response, "Host panel")
-        self.assertContains(player_response, "Player panel")
-        self.assertNotContains(host_response, "<app-root")
-        self.assertNotContains(player_response, "<app-root")
-
-    @override_settings(USE_SPA_UI=True)
-    def test_host_screen_can_render_angular_shell_when_feature_flag_enabled(self):
-        self.client.login(username="host_ui", password="secret123")
-
-        response = self.client.get(reverse("lobby:host_screen"))
-
-        self.assertEqual(response.status_code, 200)
-        self.assertContains(response, "<app-root")
-        self.assertContains(response, "data-wpp-shell-route=\"/host\"")
-        self.assertContains(response, "data-wpp-shell-kind=\"host\"")
-        self.assertContains(response, "/static/frontend/angular/browser/main.js")
-
-    @override_settings(USE_SPA_UI=True)
-    def test_host_screen_deeplink_preserves_spa_path_when_feature_flag_enabled(self):
-        self.client.login(username="host_ui", password="secret123")
-
-        response = self.client.get(
-            reverse("lobby:host_screen_deeplink", kwargs={"spa_path": "guess/round-1"})
-        )
-
-        self.assertEqual(response.status_code, 200)
-        self.assertContains(response, "<app-root")
-        self.assertContains(response, "data-wpp-shell-route=\"/host/guess/round-1\"")
-        self.assertContains(response, "data-wpp-shell-kind=\"host\"")
-
-    @override_settings(USE_SPA_UI=True)
-    def test_host_screen_deeplink_normalizes_redundant_slashes_when_feature_flag_enabled(self):
-        self.client.login(username="host_ui", password="secret123")
-
-        response = self.client.get("/lobby/ui/host//guess///round-1//")
-
-        self.assertEqual(response.status_code, 200)
-        self.assertContains(response, "<app-root")
-        self.assertContains(response, "data-wpp-shell-route=\"/host/guess/round-1\"")
-        self.assertContains(response, "data-wpp-shell-kind=\"host\"")
-
-    @override_settings(USE_SPA_UI=True)
-    def test_player_screen_can_render_angular_shell_when_feature_flag_enabled(self):
-        response = self.client.get(reverse("lobby:player_screen"))
-
-        self.assertEqual(response.status_code, 200)
-        self.assertContains(response, "<app-root")
-        self.assertContains(response, "data-wpp-shell-route=\"/player\"")
-        self.assertContains(response, "data-wpp-shell-kind=\"player\"")
-        self.assertContains(response, "/static/frontend/angular/browser/main.js")


 class SessionDetailRoundQuestionTests(TestCase):
@@ -1060,85 +986,6 @@ class SessionDetailRoundQuestionTests(TestCase):
        self.assertEqual(payload["round_question"]["prompt"], self.question.prompt)


-
-
-class SessionDetailPhaseViewModelTests(TestCase):
-    def setUp(self):
-        self.host = User.objects.create_user(username="host_phase", password="secret123")
-        self.session = GameSession.objects.create(host=self.host, code="PHASE1", status=GameSession.Status.LOBBY)
-
-    def test_session_detail_includes_shared_phase_view_model_contract(self):
-        Player.objects.create(session=self.session, nickname="P1")
-        Player.objects.create(session=self.session, nickname="P2")
-        Player.objects.create(session=self.session, nickname="P3")
-
-        response = self.client.get(reverse("lobby:session_detail", kwargs={"code": self.session.code}))
-
-        self.assertEqual(response.status_code, 200)
-        phase = response.json()["phase_view_model"]
-        self.assertEqual(phase["status"], GameSession.Status.LOBBY)
-        self.assertEqual(phase["round_number"], 1)
-        self.assertEqual(phase["players_count"], 3)
-        self.assertEqual(phase["constraints"]["min_players_to_start"], 3)
-        self.assertEqual(phase["constraints"]["max_players_mvp"], 5)
-        self.assertTrue(phase["constraints"]["min_players_reached"])
-        self.assertTrue(phase["constraints"]["max_players_allowed"])
-        self.assertTrue(phase["host"]["can_start_round"])
-        self.assertFalse(phase["host"]["can_show_question"])
-        self.assertTrue(phase["player"]["can_join"])
-        self.assertFalse(phase["player"]["can_submit_lie"])
-        self.assertFalse(phase["player"]["can_submit_guess"])
-
-    def test_phase_view_model_flags_change_with_round_phase(self):
-        category = Category.objects.create(name="Kultur", slug="kultur", is_active=True)
-        question = Question.objects.create(
-            category=category,
-            prompt="Hvilket land kommer sushi fra?",
-            correct_answer="Japan",
-            is_active=True,
-        )
-        round_question = RoundQuestion.objects.create(
-            session=self.session,
-            round_number=1,
-            question=question,
-            correct_answer="Japan",
-        )
-
-        self.session.status = GameSession.Status.LIE
-        self.session.save(update_fields=["status"])
-        lie_payload = self.client.get(reverse("lobby:session_detail", kwargs={"code": self.session.code})).json()
-        lie_phase = lie_payload["phase_view_model"]
-        self.assertFalse(lie_phase["host"]["can_show_question"])
-        self.assertTrue(lie_phase["host"]["can_mix_answers"])
-        self.assertTrue(lie_phase["player"]["can_submit_lie"])
-        self.assertFalse(lie_phase["player"]["can_submit_guess"])
-
-        self.session.status = GameSession.Status.GUESS
-        self.session.save(update_fields=["status"])
-        guess_payload = self.client.get(reverse("lobby:session_detail", kwargs={"code": self.session.code})).json()
-        guess_phase = guess_payload["phase_view_model"]
-        self.assertTrue(guess_phase["host"]["can_mix_answers"])
-        self.assertTrue(guess_phase["host"]["can_calculate_scores"])
-        self.assertFalse(guess_phase["player"]["can_submit_lie"])
-        self.assertTrue(guess_phase["player"]["can_submit_guess"])
-
-        round_question.delete()
-        self.session.status = GameSession.Status.REVEAL
-        self.session.save(update_fields=["status"])
-        reveal_payload = self.client.get(reverse("lobby:session_detail", kwargs={"code": self.session.code})).json()
-        reveal_phase = reveal_payload["phase_view_model"]
-        self.assertTrue(reveal_phase["host"]["can_reveal_scoreboard"])
-        self.assertTrue(reveal_phase["host"]["can_start_next_round"])
-        self.assertTrue(reveal_phase["host"]["can_finish_game"])
-        self.assertFalse(reveal_phase["player"]["can_view_final_result"])
-
-        self.session.status = GameSession.Status.FINISHED
-        self.session.save(update_fields=["status"])
-        finished_payload = self.client.get(reverse("lobby:session_detail", kwargs={"code": self.session.code})).json()
-        finished_phase = finished_payload["phase_view_model"]
-        self.assertFalse(finished_phase["player"]["can_join"])
-        self.assertTrue(finished_phase["player"]["can_view_final_result"])
-
 class SmokeStagingCommandTests(TestCase):
    def test_smoke_staging_command_runs_full_flow(self):
        call_command("smoke_staging")
--- a/lobby/ui_views.py
+++ b/lobby/ui_views.py
@@ -1,40 +1,14 @@
-from django.conf import settings
 from django.contrib.auth.decorators import login_required
 from django.shortcuts import render

 from fupogfakta.models import Category

-from .feature_flags import use_spa_ui
-
-
-def _render_spa_shell(request, shell_route: str, shell_kind: str):
-    return render(
-        request,
-        "lobby/spa_shell.html",
-        {
-            "shell_route": shell_route,
-            "shell_kind": shell_kind,
-            "spa_asset_base": settings.WPP_SPA_ASSET_BASE,
-        },
-    )
-

@login_required
 def host_screen(request, spa_path=None):
-    if use_spa_ui():
-        host_route = "/host"
-        if spa_path:
-            normalized_spa_path = "/".join(segment for segment in spa_path.split("/") if segment)
-            if normalized_spa_path:
-                host_route = f"/host/{normalized_spa_path}"
-        return _render_spa_shell(request, host_route, "host")
-
    categories = Category.objects.filter(is_active=True).order_by("name")
    return render(request, "lobby/host_screen.html", {"categories": categories})


 def player_screen(request):
-    if use_spa_ui():
-        return _render_spa_shell(request, "/player", "player")
-
    return render(request, "lobby/player_screen.html")
--- a/lobby/views.py
+++ b/lobby/views.py
@@ -58,45 +58,6 @@ def _create_unique_session_code() -> str:
    raise RuntimeError("Could not generate unique session code")


-def _build_phase_view_model(session: GameSession, *, players_count: int, has_round_question: bool) -> dict:
-    status = session.status
-    in_lobby = status == GameSession.Status.LOBBY
-    in_lie = status == GameSession.Status.LIE
-    in_guess = status == GameSession.Status.GUESS
-    in_reveal = status == GameSession.Status.REVEAL
-    in_finished = status == GameSession.Status.FINISHED
-
-    min_players_reached = players_count >= 3
-    max_players_allowed = players_count <= 5
-
-    return {
-        "status": status,
-        "round_number": session.current_round,
-        "players_count": players_count,
-        "constraints": {
-            "min_players_to_start": 3,
-            "max_players_mvp": 5,
-            "min_players_reached": min_players_reached,
-            "max_players_allowed": max_players_allowed,
-        },
-        "host": {
-            "can_start_round": in_lobby and min_players_reached and max_players_allowed,
-            "can_show_question": in_lie and not has_round_question,
-            "can_mix_answers": in_lie or in_guess,
-            "can_calculate_scores": in_guess,
-            "can_reveal_scoreboard": in_reveal,
-            "can_start_next_round": in_reveal,
-            "can_finish_game": in_reveal,
-        },
-        "player": {
-            "can_join": status in JOINABLE_STATUSES,
-            "can_submit_lie": in_lie and has_round_question,
-            "can_submit_guess": in_guess and has_round_question,
-            "can_view_final_result": in_finished,
-        },
-    }
-
-
@require_POST
@login_required
 def create_session(request: HttpRequest) -> JsonResponse:
@@ -194,12 +155,6 @@ def session_detail(request: HttpRequest, code: str) -> JsonResponse:
            "answers": [{"text": text} for text in (current_round_question.mixed_answers or [])],
        }

-    phase_view_model = _build_phase_view_model(
-        session,
-        players_count=len(players),
-        has_round_question=bool(current_round_question),
-    )
-
    return JsonResponse(
        {
            "session": {
@@ -211,7 +166,6 @@ def session_detail(request: HttpRequest, code: str) -> JsonResponse:
            },
            "players": players,
            "round_question": round_question_payload,
-            "phase_view_model": phase_view_model,
        }
    )

--- a/partyhub/settings.py
+++ b/partyhub/settings.py
@@ -99,13 +99,6 @@ STATIC_ROOT = BASE_DIR / 'staticfiles'

 DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

-USE_SPA_UI_RAW = env('USE_SPA_UI')
-if USE_SPA_UI_RAW is None:
-    # Backward-compatible fallback while cutover is rolling out.
-    USE_SPA_UI_RAW = env('WPP_SPA_ENABLED', 'false')
-USE_SPA_UI = USE_SPA_UI_RAW.lower() == 'true'
-WPP_SPA_ASSET_BASE = env('WPP_SPA_ASSET_BASE', '/static/frontend/angular/browser').rstrip('/')
-
 CHANNEL_REDIS_HOST = env('CHANNEL_REDIS_HOST', '127.0.0.1')
 CHANNEL_REDIS_PORT = int(env('CHANNEL_REDIS_PORT', '6379'))
 CHANNEL_LAYERS = {