WEB-3: lokale Webseiten-Vorschau - GET /api/preview/{**path} (rendert live, korrekte Content-Types, nur Veroeffentlichte) + /webseite/vorschau (iframe, Seiten-Wechsler, Smartphone/Desktop-Umschalter, Neu laden) + Einstiege auf der Uebersicht + Fix: pages.ts rief /pages statt /api/pages (live-404, vom Mock kaschiert) + 1 Backend-Roundtrip + 4 e2e-Specs

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

gerbil-manager-web/src/api/pages.ts

@@ -14,7 +14,15 @@
  * ("Draft"/"Published", "Heading"/"RichText"/…). Block.data ist ein
  * typ-spezifisches JSON-Objekt (siehe BlockData-Typen unten).
  */
-import { api } from './client'
+import { API_BASE_URL, api } from './client'
+
+/**
+ * WEB-3-Fix: Die CMS-Endpunkte liegen unter der /api-Gruppe
+ * (CmsEndpoints: MapGroup("/api")) — die Aufrufe hier liefen vorher gegen
+ * /pages und wären gegen die ECHTE API 404 gelaufen (der e2e-Mock hat den
+ * Unterschied kaschiert, weil er das /api-Präfix normalisiert).
+ */
+const CMS = '/api'
 
 export type PageStatus = 'Draft' | 'Published'
 
@@ -121,29 +129,39 @@ export function defaultBlockData(type: BlockType): BlockData {
 
 // ── API-Aufrufe ──────────────────────────────────────────────────────────────
 export function listPages(): Promise<PageSummary[]> {
-  return api.get<PageSummary[]>('/pages')
+  return api.get<PageSummary[]>(`${CMS}/pages`)
 }
 
 export function getPage(slug: string): Promise<Page> {
-  return api.get<Page>(`/pages/${encodeURIComponent(slug)}`)
+  return api.get<Page>(`${CMS}/pages/${encodeURIComponent(slug)}`)
 }
 
 export function updatePage(id: string, input: PageInput): Promise<void> {
-  return api.put<void>(`/pages/${id}`, input)
+  return api.put<void>(`${CMS}/pages/${id}`, input)
 }
 
 export function addBlock(pageId: string, input: BlockInput): Promise<Block> {
-  return api.post<Block>(`/pages/${pageId}/blocks`, input)
+  return api.post<Block>(`${CMS}/pages/${pageId}/blocks`, input)
 }
 
 export function updateBlock(id: string, input: BlockInput): Promise<void> {
-  return api.put<void>(`/blocks/${id}`, input)
+  return api.put<void>(`${CMS}/blocks/${id}`, input)
 }
 
 export function deleteBlock(id: string): Promise<void> {
-  return api.delete(`/blocks/${id}`)
+  return api.delete(`${CMS}/blocks/${id}`)
 }
 
 export function reorderBlocks(pageId: string, blockIds: string[]): Promise<void> {
-  return api.put<void>(`/pages/${pageId}/blocks/order`, { blockIds })
+  return api.put<void>(`${CMS}/pages/${pageId}/blocks/order`, { blockIds })
+}
+
+/**
+ * WEB-3: Absolute URL der lokalen Vorschau (GET /api/preview/… rendert live).
+ * "start" liegt auf index.html, alle anderen Seiten auf {slug}/index.html —
+ * dieselbe Abbildung wie im SiteRenderer.
+ */
+export function previewUrl(slug?: string | null): string {
+  const path = !slug || slug === 'start' ? 'index.html' : `${encodeURIComponent(slug)}/index.html`
+  return `${API_BASE_URL}/api/preview/${path}`
 }