Merge branch 'main' of ssh://git.raddatz.cloud:222/marcel/familienarchiv

Visual design specs for Milestone #14:
- zeitstrahl-global-concepts.html — A/B/C exploration of the global timeline
- zeitstrahl-final-spec.html — canonical Concept A (global + per-person Lebensweg)
- zeitstrahl-event-editor-spec.html — curator event editor + document quick-action

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

CLAUDE.md

@@ -86,8 +86,7 @@ backend/src/main/java/org/raddatz/familienarchiv/
 │   └── transcription/   TranscriptionBlock, TranscriptionService, TranscriptionBlockQueryService
 ├── exception/           DomainException, ErrorCode, GlobalExceptionHandler
 ├── filestorage/         FileService (S3/MinIO)
-├── geschichte/          Geschichte (story) domain — GeschichteService, GeschichteQueryService
+├── geschichte/          Geschichte (story) domain
-│   └── journeyitem/     JourneyItem sub-domain — JourneyItemService, JourneyItemController
 ├── importing/           CanonicalImportOrchestrator + four loaders (TagTree/PersonRegister/PersonTree/Document) + CanonicalSheetReader
 ├── notification/        Notification domain + SseEmitterRegistry
 ├── ocr/                 OCR domain — OcrService, OcrBatchService, training
@@ -106,15 +105,13 @@ backend/src/main/java/org/raddatz/familienarchiv/
 
 ### Domain Model
 
-| Entity        | Table           | Key relationships                                                                       |
+| Entity      | Table         | Key relationships                                                                     |
-| ------------- | --------------- | --------------------------------------------------------------------------------------- |
+| ----------- | ------------- | ------------------------------------------------------------------------------------- |
-| `Document`    | `documents`     | ManyToOne `sender` (Person), ManyToMany `receivers` (Person), ManyToMany `tags` (Tag)  |
+| `Document`  | `documents`   | ManyToOne `sender` (Person), ManyToMany `receivers` (Person), ManyToMany `tags` (Tag) |
-| `Person`      | `persons`       | Referenced by documents as sender/receiver                                              |
+| `Person`    | `persons`     | Referenced by documents as sender/receiver                                            |
-| `Tag`         | `tag`           | ManyToMany with documents via `document_tags`                                           |
+| `Tag`       | `tag`         | ManyToMany with documents via `document_tags`                                         |
-| `AppUser`     | `app_users`     | ManyToMany `groups` (UserGroup)                                                         |
+| `AppUser`   | `app_users`   | ManyToMany `groups` (UserGroup)                                                       |
-| `UserGroup`   | `user_groups`   | Has a `Set<String> permissions`                                                         |
+| `UserGroup` | `user_groups` | Has a `Set<String> permissions`                                                       |
-| `Geschichte`  | `geschichten`   | `GeschichteType` (`STORY`/`JOURNEY`); ManyToMany `persons` (Person); OneToMany `items` (JourneyItem) |
-| `JourneyItem` | `journey_items` | ManyToOne `geschichte` (Geschichte, ON DELETE CASCADE); ManyToOne `document` (Document, ON DELETE SET NULL); `position`, optional `note` |
 
 **`DocumentStatus` lifecycle:** `PLACEHOLDER → UPLOADED → TRANSCRIBED → REVIEWED → ARCHIVED`
 
@@ -155,7 +152,7 @@ Services are annotated with `@Service`, `@RequiredArgsConstructor`, and optional
 
 ### DTOs
 
-Input DTOs live flat in the domain package. Response types are the model entities themselves (no response DTOs) — **except the geschichte domain**, where every response is a view (`GeschichteView`/`GeschichteSummary`/`JourneyItemView`) assembled inside the service transaction and entities never cross the controller boundary. See [ADR-036](./docs/adr/036-geschichte-responses-are-views-not-entities.md) — lazy collections + `open-in-view: false` make serialized entities a 500 waiting to happen.
+Input DTOs live flat in the domain package. Response types are the model entities themselves (no response DTOs).
 
 - `@Schema(requiredMode = REQUIRED)` on every field the backend always populates — drives TypeScript generation.
 
@@ -163,7 +160,7 @@ Input DTOs live flat in the domain package. Response types are the model entitie
 
 → See [CONTRIBUTING.md §Error handling](./CONTRIBUTING.md#error-handling)
 
-**LLM reminder:** use `DomainException.notFound/forbidden/conflict/internal()` from service methods — never throw raw exceptions. When adding a new `ErrorCode`: (1) add to `ErrorCode.java`, (2) add to `ErrorCode` type in `frontend/src/lib/shared/errors.ts`, (3) add a `case` in `getErrorMessage()`, (4) add i18n keys in `messages/{de,en,es}.json`. Valid error codes include: `TOO_MANY_LOGIN_ATTEMPTS` (returned by `LoginRateLimiter` as HTTP 429 when a brute-force threshold is exceeded); `JOURNEY_NOTE_TOO_LONG`, `JOURNEY_DOCUMENT_ALREADY_ADDED`, `GESCHICHTE_TYPE_IMMUTABLE` (journey/geschichte domain constraints).
+**LLM reminder:** use `DomainException.notFound/forbidden/conflict/internal()` from service methods — never throw raw exceptions. When adding a new `ErrorCode`: (1) add to `ErrorCode.java`, (2) add to `ErrorCode` type in `frontend/src/lib/shared/errors.ts`, (3) add a `case` in `getErrorMessage()`, (4) add i18n keys in `messages/{de,en,es}.json`. Valid error codes include: `TOO_MANY_LOGIN_ATTEMPTS` (returned by `LoginRateLimiter` as HTTP 429 when a brute-force threshold is exceeded).
 
 ### Security / Permissions
 
@@ -271,7 +268,7 @@ Back button pattern — use the shared `<BackButton>` component from `$lib/share
 
 → See [CONTRIBUTING.md §Error handling](./CONTRIBUTING.md#error-handling)
 
-**LLM reminder:** when adding a new `ErrorCode`: (1) add to `ErrorCode.java`, (2) add to `ErrorCode` type in `frontend/src/lib/shared/errors.ts`, (3) add a `case` in `getErrorMessage()`, (4) add i18n keys in `messages/{de,en,es}.json`. Valid error codes include: `TOO_MANY_LOGIN_ATTEMPTS` (returned by `LoginRateLimiter` as HTTP 429 when a brute-force threshold is exceeded); `JOURNEY_NOTE_TOO_LONG`, `JOURNEY_DOCUMENT_ALREADY_ADDED`, `GESCHICHTE_TYPE_IMMUTABLE` (journey/geschichte domain constraints).
+**LLM reminder:** when adding a new `ErrorCode`: (1) add to `ErrorCode.java`, (2) add to `ErrorCode` type in `frontend/src/lib/shared/errors.ts`, (3) add a `case` in `getErrorMessage()`, (4) add i18n keys in `messages/{de,en,es}.json`. Valid error codes include: `TOO_MANY_LOGIN_ATTEMPTS` (returned by `LoginRateLimiter` as HTTP 429 when a brute-force threshold is exceeded).
 
 ---
 

backend/CLAUDE.md

@@ -33,8 +33,7 @@ src/main/java/org/raddatz/familienarchiv/
 │   └── transcription/   # TranscriptionBlock, TranscriptionService, TranscriptionBlockQueryService
 ├── exception/           # DomainException, ErrorCode, GlobalExceptionHandler
 ├── filestorage/         # FileService (S3/MinIO)
-├── geschichte/          # Geschichte (story) domain — GeschichteService, GeschichteQueryService
+├── geschichte/          # Geschichte (story) domain
-│   └── journeyitem/     # JourneyItem sub-domain — JourneyItemService, JourneyItemController
 ├── importing/           # CanonicalImportOrchestrator + 4 loaders + CanonicalSheetReader
 ├── notification/        # Notification domain + SseEmitterRegistry
 ├── ocr/                 # OCR domain — OcrService, OcrBatchService, training

backend/src/main/java/org/raddatz/familienarchiv/audit/AuditKind.java

@@ -50,25 +50,10 @@ public enum AuditKind {
     ADMIN_FORCE_LOGOUT,
 
     /** Payload: {@code {"ip": "1.2.3.4", "email": "addr"}} — password NEVER included */
-    LOGIN_RATE_LIMITED,
+    LOGIN_RATE_LIMITED;
-
-    // --- Reading Journeys (Lesereisen) ---
-
-    /** Payload: {@code {"geschichteId": "uuid", "itemId": "uuid"}} — documentId is null (journey-scoped, not document-scoped) */
-    JOURNEY_ITEM_ADDED,
-
-    /** Payload: {@code {"geschichteId": "uuid", "itemId": "uuid"}} — documentId is null */
-    JOURNEY_ITEM_REMOVED,
-
-    /** Payload: {@code {"geschichteId": "uuid", "itemId": "uuid"}} — documentId is null */
-    JOURNEY_ITEM_NOTE_UPDATED,
-
-    /** Payload: {@code {"geschichteId": "uuid", "itemCount": 3}} — documentId is null; rolled up in chronik */
-    JOURNEY_ITEMS_REORDERED;
 
     public static final Set<AuditKind> ROLLUP_ELIGIBLE = Set.of(
             TEXT_SAVED, FILE_UPLOADED, ANNOTATION_CREATED,
-            BLOCK_REVIEWED, COMMENT_ADDED, MENTION_CREATED,
+            BLOCK_REVIEWED, COMMENT_ADDED, MENTION_CREATED
-            JOURNEY_ITEMS_REORDERED
     );
 }

backend/src/main/java/org/raddatz/familienarchiv/document/DocumentRepository.java

@@ -36,13 +36,6 @@ public interface DocumentRepository extends JpaRepository<Document, UUID>, JpaSp
     @EntityGraph("Document.list")
     Page<Document> findAll(Pageable pageable);
 
-    // Loader for the relevance fast path: list-item enrichment reads tags after the
-    // repository call returns, so the fetch shape must match the spec-based findAll
-    // overloads above. Plain findAllById carries no entity graph and must not feed
-    // enrichItems — see DocumentService.relevanceSortedPageFromSql.
-    @EntityGraph("Document.list")
-    List<Document> findByIdIn(Collection<UUID> ids);
-
     // Findet ein Dokument anhand des ursprünglichen Dateinamens
     // Wichtig für den Abgleich beim Excel-Import & Datei-Upload
     Optional<Document> findByOriginalFilename(String originalFilename);

backend/src/main/java/org/raddatz/familienarchiv/document/DocumentService.java

@@ -851,14 +851,14 @@ public class DocumentService {
         FtsPage ftsPage = toFtsPage(documentRepository.findFtsPageRaw(text, offset, limit));
         if (ftsPage.hits().isEmpty()) return DocumentSearchResult.of(List.of());
 
-        // Preserve ts_rank order from SQL across the JPA findByIdIn call.
+        // Preserve ts_rank order from SQL across the JPA findAllById call.
         Map<UUID, Integer> rankMap = new HashMap<>();
         List<UUID> pageIds = new ArrayList<>();
         for (int i = 0; i < ftsPage.hits().size(); i++) {
             rankMap.put(ftsPage.hits().get(i).id(), i);
             pageIds.add(ftsPage.hits().get(i).id());
         }
-        List<Document> docs = documentRepository.findByIdIn(pageIds).stream()
+        List<Document> docs = documentRepository.findAllById(pageIds).stream()
                 .sorted(Comparator.comparingInt(d -> rankMap.getOrDefault(d.getId(), Integer.MAX_VALUE)))
                 .toList();
         return buildResultPaged(docs, text, pageable, ftsPage.total());
@@ -1006,28 +1006,6 @@ public class DocumentService {
         return doc;
     }
 
-    /**
-     * Lightweight summary lookup for internal use (e.g. journey item append validation).
-     *
-     * <p><strong>Security contract — read before calling:</strong>
-     * <ol>
-     *   <li>This method intentionally bypasses per-document scope checks and
-     *       tag-colour resolution. It must only be invoked after
-     *       {@code @RequirePermission(BLOG_WRITE)} has already been enforced at
-     *       the controller layer, guaranteeing the caller is an authenticated
-     *       author.</li>
-     *   <li>In {@code JourneyItemService.append()}, it is additionally guarded by the
-     *       JOURNEY-type check that fires before this call — so the method is never
-     *       reached for STORY-type Geschichten.</li>
-     * </ol>
-     * Under the current single-tenant model every authenticated author shares the
-     * same document scope, so skipping per-document scope checks is safe.
-     */
-    public Document findSummaryByIdInternal(UUID id) {
-        return documentRepository.findById(id)
-                .orElseThrow(() -> DomainException.notFound(ErrorCode.DOCUMENT_NOT_FOUND, "Document not found: " + id));
-    }
-
     /**
      * Loads a document for the detail view, additionally flagging whether it has any
      * transcription to read. Kept separate from {@link #getDocumentById} so the cheap

backend/src/main/java/org/raddatz/familienarchiv/exception/ErrorCode.java

@@ -122,20 +122,6 @@ public enum ErrorCode {
     // --- Geschichten (Stories) ---
     /** A Geschichte (story) with the given ID does not exist, or is a DRAFT and the caller lacks BLOG_WRITE. 404 */
     GESCHICHTE_NOT_FOUND,
-    /** A JourneyItem with the given ID does not exist, or belongs to a different journey (IDOR). 404 */
-    JOURNEY_ITEM_NOT_FOUND,
-    /** A position uniqueness conflict occurred on the journey_items table — concurrent append or reorder. 409 */
-    JOURNEY_ITEM_POSITION_CONFLICT,
-    /** The journey already has the maximum allowed number of items (100). 400 */
-    JOURNEY_AT_CAPACITY,
-    /** The document is already present in this journey — duplicate items are not allowed. 409 */
-    JOURNEY_DOCUMENT_ALREADY_ADDED,
-    /** The Geschichte is not of type JOURNEY — journey-item operations are not allowed on it. 400 */
-    GESCHICHTE_TYPE_MISMATCH,
-    /** The type of an existing Geschichte cannot be changed via PATCH. 409 */
-    GESCHICHTE_TYPE_IMMUTABLE,
-    /** A journey-item note exceeds the maximum length (2000 characters). 400 */
-    JOURNEY_NOTE_TOO_LONG,
 
     // --- Tags ---
     /** A tag with the given ID does not exist. 404 */

backend/src/main/java/org/raddatz/familienarchiv/exception/GlobalExceptionHandler.java

@@ -78,14 +78,7 @@ public class GlobalExceptionHandler {
         // Log the constraint NAME only — schema metadata, safe for Loki, and enough to tell which
         // constraint fired at 2am. Never pass `ex` / `ex.getMessage()`: those embed the SQL + the
         // offending values (CWE-209). No Sentry: an integrity violation is a 400, not a system fault.
-        String constraint = constraintNameOf(ex);
+        log.warn("Rejected a request that violated a database integrity constraint: {}", constraintNameOf(ex));
-        log.warn("Rejected a request that violated a database integrity constraint: {}", constraint);
-        if ("uq_journey_items_geschichte_position".equals(constraint)) {
-            // DEFERRABLE INITIALLY DEFERRED — fires at commit when concurrent appends/reorders collide
-            return ResponseEntity.status(409)
-                    .body(new ErrorResponse(ErrorCode.JOURNEY_ITEM_POSITION_CONFLICT,
-                            "A position conflict was detected — another request modified this journey simultaneously"));
-        }
         return ResponseEntity.badRequest()
                 .body(new ErrorResponse(ErrorCode.VALIDATION_ERROR, "The submitted data violated a database constraint"));
     }

backend/src/main/java/org/raddatz/familienarchiv/geschichte/Geschichte.java

@@ -5,14 +5,12 @@ import jakarta.persistence.*;
 import lombok.*;
 import org.hibernate.annotations.CreationTimestamp;
 import org.hibernate.annotations.UpdateTimestamp;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItem;
-import org.raddatz.familienarchiv.user.AppUser;
-import org.raddatz.familienarchiv.person.Person;
 
+import org.raddatz.familienarchiv.user.AppUser;
+import org.raddatz.familienarchiv.document.Document;
+import org.raddatz.familienarchiv.person.Person;
 import java.time.LocalDateTime;
-import java.util.ArrayList;
 import java.util.HashSet;
-import java.util.List;
 import java.util.Set;
 import java.util.UUID;
 
@@ -42,12 +40,6 @@ public class Geschichte {
     @Builder.Default
     private GeschichteStatus status = GeschichteStatus.DRAFT;
 
-    @Enumerated(EnumType.STRING)
-    @Column(nullable = false)
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    @Builder.Default
-    private GeschichteType type = GeschichteType.STORY;
-
     @ManyToOne
     @JoinColumn(name = "author_id")
     private AppUser author;
@@ -59,18 +51,12 @@ public class Geschichte {
     @Builder.Default
     private Set<Person> persons = new HashSet<>();
 
-    // LAZY per docs/adr/022-eager-to-lazy-fetch-strategy.md. open-in-view is FALSE
+    @ManyToMany(fetch = FetchType.EAGER)
-    // (application.yaml), so this collection is DEAD at Jackson serialization time unless
+    @JoinTable(name = "geschichten_documents",
-    // explicitly initialized inside the service transaction. getById() is
+            joinColumns = @JoinColumn(name = "geschichte_id"),
-    // @Transactional(readOnly=true) AND calls getItems().size() to force-init before return.
+            inverseJoinColumns = @JoinColumn(name = "document_id"))
-    // list() must NOT serialize items at all — it returns a GeschichteSummary projection.
-    // This is the first List ("bag") collection on Geschichte — adding a second EAGER/
-    // fetch-joined List here will throw MultipleBagFetchException at boot.
-    @OneToMany(mappedBy = "geschichte", cascade = CascadeType.ALL, orphanRemoval = true,
-               fetch = FetchType.LAZY)
-    @OrderBy("position ASC")
     @Builder.Default
-    private List<JourneyItem> items = new ArrayList<>();
+    private Set<Document> documents = new HashSet<>();
 
     @CreationTimestamp
     @Column(updatable = false)

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteController.java

@@ -1,14 +1,12 @@
 package org.raddatz.familienarchiv.geschichte;
 
 import lombok.RequiredArgsConstructor;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemCreateDTO;
+import org.raddatz.familienarchiv.geschichte.GeschichteUpdateDTO;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemService;
+import org.raddatz.familienarchiv.geschichte.Geschichte;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemUpdateDTO;
+import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemView;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyReorderDTO;
 import org.raddatz.familienarchiv.security.Permission;
 import org.raddatz.familienarchiv.security.RequirePermission;
-import io.swagger.v3.oas.annotations.Operation;
+import org.raddatz.familienarchiv.geschichte.GeschichteService;
 import org.springframework.http.HttpStatus;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.DeleteMapping;
@@ -16,7 +14,6 @@ import org.springframework.web.bind.annotation.GetMapping;
 import org.springframework.web.bind.annotation.PatchMapping;
 import org.springframework.web.bind.annotation.PathVariable;
 import org.springframework.web.bind.annotation.PostMapping;
-import org.springframework.web.bind.annotation.PutMapping;
 import org.springframework.web.bind.annotation.RequestBody;
 import org.springframework.web.bind.annotation.RequestMapping;
 import org.springframework.web.bind.annotation.RequestParam;
@@ -31,10 +28,9 @@ import java.util.UUID;
 public class GeschichteController {
 
     private final GeschichteService geschichteService;
-    private final JourneyItemService journeyItemService;
 
     @GetMapping
-    public List<GeschichteSummary> list(
+    public List<Geschichte> list(
             @RequestParam(required = false) GeschichteStatus status,
             @RequestParam(name = "personId", required = false) List<UUID> personIds,
             @RequestParam(required = false) UUID documentId,
@@ -47,20 +43,20 @@ public class GeschichteController {
     }
 
     @GetMapping("/{id}")
-    public GeschichteView getById(@PathVariable UUID id) {
+    public Geschichte getById(@PathVariable UUID id) {
-        return geschichteService.getView(id);
+        return geschichteService.getById(id);
     }
 
     @PostMapping
     @RequirePermission(Permission.BLOG_WRITE)
-    public ResponseEntity<GeschichteView> create(@RequestBody GeschichteUpdateDTO dto) {
+    public ResponseEntity<Geschichte> create(@RequestBody GeschichteUpdateDTO dto) {
-        GeschichteView created = geschichteService.create(dto);
+        Geschichte created = geschichteService.create(dto);
         return ResponseEntity.status(HttpStatus.CREATED).body(created);
     }
 
     @PatchMapping("/{id}")
     @RequirePermission(Permission.BLOG_WRITE)
-    public GeschichteView update(@PathVariable UUID id, @RequestBody GeschichteUpdateDTO dto) {
+    public Geschichte update(@PathVariable UUID id, @RequestBody GeschichteUpdateDTO dto) {
         return geschichteService.update(id, dto);
     }
 
@@ -70,45 +66,4 @@ public class GeschichteController {
         geschichteService.delete(id);
         return ResponseEntity.noContent().build();
     }
-
-    // ─── JourneyItem CRUD ────────────────────────────────────────────────────
-
-    @PostMapping("/{id}/items")
-    @RequirePermission(Permission.BLOG_WRITE)
-    public ResponseEntity<JourneyItemView> appendItem(
-            @PathVariable UUID id,
-            @RequestBody JourneyItemCreateDTO dto) {
-        JourneyItemView view = journeyItemService.append(id, dto);
-        return ResponseEntity.status(HttpStatus.CREATED).body(view);
-    }
-
-    @PatchMapping("/{id}/items/{itemId}")
-    @RequirePermission(Permission.BLOG_WRITE)
-    public JourneyItemView updateItemNote(
-            @PathVariable UUID id,
-            @PathVariable UUID itemId,
-            @RequestBody JourneyItemUpdateDTO dto) {
-        return journeyItemService.updateNote(id, itemId, dto);
-    }
-
-    @DeleteMapping("/{id}/items/{itemId}")
-    @RequirePermission(Permission.BLOG_WRITE)
-    public ResponseEntity<Void> deleteItem(
-            @PathVariable UUID id,
-            @PathVariable UUID itemId) {
-        journeyItemService.delete(id, itemId);
-        return ResponseEntity.noContent().build();
-    }
-
-    @PutMapping("/{id}/items/reorder")
-    @RequirePermission(Permission.BLOG_WRITE)
-    @Operation(
-        summary = "Reorder journey items",
-        description = "itemIds must contain ALL item IDs for the given journey in the desired new order. Sending a partial list returns 400 Bad Request."
-    )
-    public List<JourneyItemView> reorderItems(
-            @PathVariable UUID id,
-            @RequestBody JourneyReorderDTO dto) {
-        return journeyItemService.reorder(id, dto);
-    }
 }

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteQueryService.java

@@ -1,29 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-import lombok.RequiredArgsConstructor;
-import org.springframework.stereotype.Service;
-
-import java.util.Optional;
-import java.util.UUID;
-
-/**
- * Thin read-only service owning {@link GeschichteRepository}.
- * Exists so that {@code JourneyItemService} can check Geschichte existence
- * and load Geschichte instances without holding a direct reference to the
- * Geschichte repository (cross-domain repository access is not allowed per
- * layering rules).
- */
-@Service
-@RequiredArgsConstructor
-public class GeschichteQueryService {
-
-    private final GeschichteRepository geschichteRepository;
-
-    public boolean existsById(UUID id) {
-        return geschichteRepository.existsById(id);
-    }
-
-    public Optional<Geschichte> findById(UUID id) {
-        return geschichteRepository.findById(id);
-    }
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteRepository.java

@@ -1,47 +1,12 @@
 package org.raddatz.familienarchiv.geschichte;
 
+import org.raddatz.familienarchiv.geschichte.Geschichte;
 import org.springframework.data.jpa.repository.JpaRepository;
 import org.springframework.data.jpa.repository.JpaSpecificationExecutor;
-import org.springframework.data.jpa.repository.Query;
-import org.springframework.data.repository.query.Param;
 import org.springframework.stereotype.Repository;
 
-import java.util.Collection;
-import java.util.List;
 import java.util.UUID;
 
 @Repository
 public interface GeschichteRepository extends JpaRepository<Geschichte, UUID>, JpaSpecificationExecutor<Geschichte> {
-
-    /**
-     * Returns the grid projection. Never carries items (avoids lazy-init 500 under open-in-view:false).
-     *
-     * <p>Status clamp: callers must pass the effective status (PUBLISHED for readers,
-     * raw status for BLOG_WRITE users). authorId restricts to own drafts when effective=DRAFT.
-     *
-     * <p>Person filter: personCount=0 disables the filter. When personCount>0, the story must
-     * be associated with ALL person ids in personIds (AND-semantics via counting subquery).
-     * Pass a non-empty personIds collection when personCount>0 — empty IN() is invalid SQL.
-     */
-    @Query("""
-            SELECT g.id AS id, g.title AS title, g.status AS status, g.type AS type,
-                   g.author AS author, g.publishedAt AS publishedAt, g.updatedAt AS updatedAt, g.body AS body
-            FROM Geschichte g
-            WHERE g.status = :effectiveStatus
-              AND (:authorId IS NULL OR g.author.id = :authorId)
-              AND (:personCount = 0 OR
-                   (SELECT COUNT(DISTINCT p.id)
-                    FROM Geschichte g2 JOIN g2.persons p
-                    WHERE g2.id = g.id AND p.id IN :personIds) = :personCount)
-              AND (:documentId IS NULL OR
-                   EXISTS (SELECT 1 FROM JourneyItem ji
-                           WHERE ji.geschichte = g AND ji.document.id = :documentId))
-            ORDER BY COALESCE(g.publishedAt, g.updatedAt) DESC
-            """)
-    List<GeschichteSummary> findSummaries(
-            @Param("effectiveStatus") GeschichteStatus effectiveStatus,
-            @Param("authorId") UUID authorId,
-            @Param("personIds") Collection<UUID> personIds,
-            @Param("personCount") long personCount,
-            @Param("documentId") UUID documentId);
 }

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteService.java

@@ -4,23 +4,28 @@ import lombok.RequiredArgsConstructor;
 import lombok.extern.slf4j.Slf4j;
 import org.owasp.html.HtmlPolicyBuilder;
 import org.owasp.html.PolicyFactory;
+import org.raddatz.familienarchiv.geschichte.GeschichteUpdateDTO;
 import org.raddatz.familienarchiv.exception.DomainException;
 import org.raddatz.familienarchiv.exception.ErrorCode;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemService;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemView;
 import org.raddatz.familienarchiv.user.AppUser;
+import org.raddatz.familienarchiv.document.Document;
+import org.raddatz.familienarchiv.geschichte.Geschichte;
+import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
 import org.raddatz.familienarchiv.person.Person;
+import org.raddatz.familienarchiv.geschichte.GeschichteRepository;
+import org.raddatz.familienarchiv.geschichte.GeschichteSpecifications;
 import org.raddatz.familienarchiv.security.Permission;
 import org.raddatz.familienarchiv.document.DocumentService;
 import org.raddatz.familienarchiv.person.PersonService;
 import org.raddatz.familienarchiv.user.UserService;
+import org.springframework.data.domain.Sort;
+import org.springframework.data.jpa.domain.Specification;
 import org.springframework.security.core.Authentication;
 import org.springframework.security.core.context.SecurityContextHolder;
 import org.springframework.stereotype.Service;
 import org.springframework.transaction.annotation.Transactional;
 
 import java.time.LocalDateTime;
-import java.util.Collection;
 import java.util.HashSet;
 import java.util.LinkedHashSet;
 import java.util.List;
@@ -36,7 +41,6 @@ public class GeschichteService {
     private final PersonService personService;
     private final DocumentService documentService;
     private final UserService userService;
-    private final JourneyItemService journeyItemService;
 
     /**
      * Allow-list policy for Geschichte body HTML. Tiptap on the writer side
@@ -56,7 +60,6 @@ public class GeschichteService {
         return geschichteRepository.count(GeschichteSpecifications.hasStatus(GeschichteStatus.PUBLISHED));
     }
 
-    @Transactional(readOnly = true)
     public Geschichte getById(UUID id) {
         Geschichte g = geschichteRepository.findById(id)
                 .orElseThrow(() -> DomainException.notFound(
@@ -69,57 +72,24 @@ public class GeschichteService {
         return g;
     }
 
-    @Transactional(readOnly = true)
-    public GeschichteView getView(UUID id) {
-        Geschichte g = getById(id);
-        List<JourneyItemView> items = journeyItemService.getItems(id);
-        return toView(g, items);
-    }
-
-    GeschichteView toView(Geschichte g, List<JourneyItemView> items) {
-        AppUser author = g.getAuthor();
-        GeschichteView.AuthorView authorView = null;
-        if (author != null) {
-            String displayName = PersonNameFormatter.join(author.getFirstName(), author.getLastName());
-            if (displayName.isBlank()) displayName = "[Unbekannt]";
-            authorView = new GeschichteView.AuthorView(author.getId(), displayName);
-        }
-        Set<GeschichteView.PersonView> personViews = new HashSet<>();
-        for (Person p : g.getPersons()) {
-            personViews.add(new GeschichteView.PersonView(p.getId(), p.getFirstName(), p.getLastName()));
-        }
-        return new GeschichteView(
-                g.getId(), g.getTitle(), g.getBody(),
-                g.getStatus(), g.getType(),
-                authorView, personViews,
-                items,
-                g.getPublishedAt(), g.getCreatedAt(), g.getUpdatedAt()
-        );
-    }
-
     /**
      * Lists Geschichten with optional filters. {@code personIds} uses AND semantics: the story
      * must be associated with every person id supplied. An empty or null list applies no
      * person filter. Result is ordered by {@code COALESCE(publishedAt, updatedAt) DESC}.
-     *
-     * <p>Returns a {@link GeschichteSummary} projection — never carries items, preventing
-     * LazyInitializationException on the non-transactional list path.
      */
-    public List<GeschichteSummary> list(GeschichteStatus status, List<UUID> personIds, UUID documentId, int limit) {
+    public List<Geschichte> list(GeschichteStatus status, List<UUID> personIds, UUID documentId, int limit) {
         GeschichteStatus effective = currentUserHasBlogWrite() ? status : GeschichteStatus.PUBLISHED;
         int safeLimit = limit <= 0 ? DEFAULT_LIMIT : Math.min(limit, MAX_LIMIT);
 
         UUID authorId = effective == GeschichteStatus.DRAFT ? currentUser().getId() : null;
-
+        Specification<Geschichte> spec = Specification.allOf(
-        // When personIds is empty, personCount=0 short-circuits the IN() predicate.
+                GeschichteSpecifications.hasStatus(effective),
-        // Pass a sentinel UUID to avoid invalid empty IN() SQL while the predicate is skipped.
+                GeschichteSpecifications.hasAuthor(authorId),
-        Collection<UUID> safePersonIds = (personIds == null || personIds.isEmpty())
+                GeschichteSpecifications.hasAllPersons(personIds),
-                ? List.of(UUID.fromString("00000000-0000-0000-0000-000000000000"))
+                GeschichteSpecifications.hasDocument(documentId),
-                : personIds;
+                GeschichteSpecifications.orderByDisplayDateDesc()
-        long personCount = (personIds == null) ? 0 : personIds.size();
+        );
-
+        return geschichteRepository.findAll(spec, Sort.unsorted())
-        return geschichteRepository
-                .findSummaries(effective, authorId, safePersonIds, personCount, documentId)
                 .stream()
                 .limit(safeLimit)
                 .toList();
@@ -127,57 +97,46 @@ public class GeschichteService {
 
     // ─── Write API ───────────────────────────────────────────────────────────
 
-    // Write methods return GeschichteView, never the entity: Jackson serializes after
-    // the transaction closed, where the lazy items collection is a dead proxy.
-    // The view is assembled in-transaction, so no force-init tricks are needed.
-
     @Transactional
-    public GeschichteView create(GeschichteUpdateDTO dto) {
+    public Geschichte create(GeschichteUpdateDTO dto) {
         requireTitle(dto.getTitle());
-        GeschichteType type = dto.getType() != null ? dto.getType() : GeschichteType.STORY;
         Geschichte g = Geschichte.builder()
                 .title(dto.getTitle().trim())
-                .body(bodyForType(type, dto.getBody()))
+                .body(sanitize(dto.getBody()))
                 .status(GeschichteStatus.DRAFT)
-                .type(type)
                 .author(currentUser())
                 .persons(resolvePersons(dto.getPersonIds()))
+                .documents(resolveDocuments(dto.getDocumentIds()))
                 .build();
         if (dto.getStatus() == GeschichteStatus.PUBLISHED) {
             g.setStatus(GeschichteStatus.PUBLISHED);
             g.setPublishedAt(LocalDateTime.now());
         }
-        Geschichte saved = geschichteRepository.save(g);
+        return geschichteRepository.save(g);
-        // A freshly created Geschichte has no items by construction — items are only
-        // addable via the separate /items endpoints. Revisit if a create DTO ever
-        // accepts initial items.
-        return toView(saved, List.of());
     }
 
     @Transactional
-    public GeschichteView update(UUID id, GeschichteUpdateDTO dto) {
+    public Geschichte update(UUID id, GeschichteUpdateDTO dto) {
         Geschichte g = geschichteRepository.findById(id)
                 .orElseThrow(() -> DomainException.notFound(
                         ErrorCode.GESCHICHTE_NOT_FOUND, "Geschichte not found: " + id));
-        if (dto.getType() != null && dto.getType() != g.getType()) {
-            throw DomainException.conflict(ErrorCode.GESCHICHTE_TYPE_IMMUTABLE,
-                    "The type of a Geschichte cannot be changed after creation");
-        }
         if (dto.getTitle() != null) {
             requireTitle(dto.getTitle());
             g.setTitle(dto.getTitle().trim());
         }
         if (dto.getBody() != null) {
-            g.setBody(bodyForType(g.getType(), dto.getBody()));
+            g.setBody(sanitize(dto.getBody()));
         }
         if (dto.getPersonIds() != null) {
             g.setPersons(resolvePersons(dto.getPersonIds()));
         }
+        if (dto.getDocumentIds() != null) {
+            g.setDocuments(resolveDocuments(dto.getDocumentIds()));
+        }
         if (dto.getStatus() != null && dto.getStatus() != g.getStatus()) {
             applyStatusTransition(g, dto.getStatus());
         }
-        Geschichte saved = geschichteRepository.save(g);
+        return geschichteRepository.save(g);
-        return toView(saved, journeyItemService.getItems(id));
     }
 
     @Transactional
@@ -207,16 +166,6 @@ public class GeschichteService {
         }
     }
 
-    /**
-     * STORY bodies are Tiptap HTML and go through the OWASP allow-list sanitizer.
-     * JOURNEY intros are plain text: the reader renders them via Svelte text
-     * interpolation (never {@code {@html}}), so entity-encoding them here would
-     * corrupt content ("&" → "&amp;") and re-encode on every editor round-trip.
-     */
-    private String bodyForType(GeschichteType type, String body) {
-        return type == GeschichteType.JOURNEY ? body : sanitize(body);
-    }
-
     private String sanitize(String body) {
         if (body == null) return null;
         return BODY_SANITIZER.sanitize(body);
@@ -227,6 +176,15 @@ public class GeschichteService {
         return new LinkedHashSet<>(personService.getAllById(ids));
     }
 
+    private Set<Document> resolveDocuments(List<UUID> ids) {
+        if (ids == null || ids.isEmpty()) return new HashSet<>();
+        Set<Document> out = new LinkedHashSet<>();
+        for (UUID id : ids) {
+            out.add(documentService.getDocumentById(id));
+        }
+        return out;
+    }
+
     private AppUser currentUser() {
         Authentication auth = SecurityContextHolder.getContext().getAuthentication();
         if (auth == null || !auth.isAuthenticated()) {

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteSpecifications.java

@@ -6,6 +6,9 @@ import jakarta.persistence.criteria.Join;
 import jakarta.persistence.criteria.Predicate;
 import jakarta.persistence.criteria.Root;
 import jakarta.persistence.criteria.Subquery;
+import org.raddatz.familienarchiv.document.Document;
+import org.raddatz.familienarchiv.geschichte.Geschichte;
+import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
 import org.raddatz.familienarchiv.person.Person;
 import org.springframework.data.jpa.domain.Specification;
 
@@ -45,7 +48,12 @@ public final class GeschichteSpecifications {
                 authorId == null ? null : cb.equal(root.get("author").get("id"), authorId);
     }
 
-    // TODO(lesereisen-editor): restore document filter via journey_items join when editor lands
+    public static Specification<Geschichte> hasDocument(UUID documentId) {
+        return (root, query, cb) -> {
+            if (documentId == null) return null;
+            return cb.exists(documentSubquery(root, query, cb, documentId));
+        };
+    }
 
     /**
      * AND-filter across persons: the Geschichte must be associated with EVERY id in {@code personIds}.
@@ -76,4 +84,14 @@ public final class GeschichteSpecifications {
         return sub;
     }
 
+    private static Subquery<UUID> documentSubquery(
+            Root<Geschichte> root, CriteriaQuery<?> query, CriteriaBuilder cb, UUID documentId) {
+        Subquery<UUID> sub = query.subquery(UUID.class);
+        Root<Geschichte> subRoot = sub.from(Geschichte.class);
+        Join<Geschichte, Document> documents = subRoot.join("documents");
+        sub.select(subRoot.get("id"))
+                .where(cb.equal(subRoot.get("id"), root.get("id")),
+                        cb.equal(documents.get("id"), documentId));
+        return sub;
+    }
 }

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteSummary.java

@@ -1,45 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-import io.swagger.v3.oas.annotations.media.Schema;
-import java.time.LocalDateTime;
-import java.util.UUID;
-
-/**
- * List-projection for the /api/geschichten grid. Never carries items — avoids
- * LazyInitializationException (open-in-view: false) and prevents Cartesian joins.
- * Mirrors the PersonSummaryDTO precedent.
- *
- * <p>Field set: exactly what the live grid card renders (title, author byline, body excerpt,
- * publishedAt, status, type). Does NOT carry items or persons.
- */
-public interface GeschichteSummary {
-
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    UUID getId();
-
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    String getTitle();
-
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    GeschichteStatus getStatus();
-
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    GeschichteType getType();
-
-    /** Nested closed projection — exposes only the fields the grid card needs. */
-    AuthorSummary getAuthor();
-
-    LocalDateTime getPublishedAt();
-
-    /** Always set (@UpdateTimestamp) — drives "bearbeitet vor X" on dashboard cards. */
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    LocalDateTime getUpdatedAt();
-
-    String getBody();
-
-    /** Author projection — names only; never email or group memberships (same rule as GeschichteView.AuthorView). */
-    interface AuthorSummary {
-        String getFirstName();
-        String getLastName();
-    }
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteType.java

@@ -1,6 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-public enum GeschichteType {
-    STORY,
-    JOURNEY
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteUpdateDTO.java

@@ -1,6 +1,7 @@
 package org.raddatz.familienarchiv.geschichte;
 
 import lombok.Data;
+import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
 
 import java.util.List;
 import java.util.UUID;
@@ -15,6 +16,6 @@ public class GeschichteUpdateDTO {
     private String title;
     private String body;
     private GeschichteStatus status;
-    private GeschichteType type;
     private List<UUID> personIds;
+    private List<UUID> documentIds;
 }

backend/src/main/java/org/raddatz/familienarchiv/geschichte/GeschichteView.java

@@ -1,41 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-import io.swagger.v3.oas.annotations.media.Schema;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemView;
-
-import java.time.LocalDateTime;
-import java.util.List;
-import java.util.Set;
-import java.util.UUID;
-
-/**
- * Detail-view response for GET /api/geschichten/{id}. Assembled by
- * GeschichteService — never the raw entity (author AppUser graph must not leak).
- * items is always present (both STORY and JOURNEY); empty list for stories with no items.
- */
-public record GeschichteView(
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) UUID id,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) String title,
-        String body,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) GeschichteStatus status,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) GeschichteType type,
-        AuthorView author,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) Set<PersonView> persons,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) List<JourneyItemView> items,
-        LocalDateTime publishedAt,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) LocalDateTime createdAt,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) LocalDateTime updatedAt
-) {
-    /** Summarised author — exposes only id and displayName, never email or group memberships. */
-    public record AuthorView(
-            @Schema(requiredMode = Schema.RequiredMode.REQUIRED) UUID id,
-            @Schema(requiredMode = Schema.RequiredMode.REQUIRED) String displayName
-    ) {}
-
-    /** Summarised person — exposes only id, firstName, and lastName. No admin-only fields. */
-    public record PersonView(
-            @Schema(requiredMode = Schema.RequiredMode.REQUIRED) UUID id,
-            String firstName,
-            String lastName
-    ) {}
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/PersonNameFormatter.java

@@ -1,22 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-/**
- * Utility for joining a person's first and last name into a display string.
- * Centralises the logic that was previously duplicated across GeschichteService
- * and JourneyItemService.
- */
-public class PersonNameFormatter {
-
-    private PersonNameFormatter() {
-        // utility class — no instances
-    }
-
-    public static String join(String firstName, String lastName) {
-        String first = firstName != null ? firstName.trim() : "";
-        String last = lastName != null ? lastName.trim() : "";
-        if (first.isEmpty() && last.isEmpty()) return "";
-        if (first.isEmpty()) return last;
-        if (last.isEmpty()) return first;
-        return first + " " + last;
-    }
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/DocumentSummary.java

@@ -1,23 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import io.swagger.v3.oas.annotations.media.Schema;
-import org.raddatz.familienarchiv.document.DatePrecision;
-
-import java.time.LocalDate;
-import java.util.UUID;
-
-/**
- * Lean read-model view of a Document for embedding in JourneyItemView.
- * Built by JourneyItemService.toSummary(Document) — never serialised from
- * a JPA entity to avoid LazyInitializationException and tag-color overhead.
- */
-public record DocumentSummary(
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) UUID id,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) String title,
-        LocalDate documentDate,
-        LocalDate documentDateEnd,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) DatePrecision datePrecision,
-        String senderName,
-        String receiverName,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) Integer receiverCount
-) {}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItem.java

@@ -1,51 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import com.fasterxml.jackson.annotation.JsonIgnore;
-import io.swagger.v3.oas.annotations.media.Schema;
-import jakarta.persistence.*;
-import lombok.*;
-import org.raddatz.familienarchiv.document.Document;
-import org.raddatz.familienarchiv.geschichte.Geschichte;
-
-import java.util.UUID;
-
-@Entity
-@Table(name = "journey_items")
-@Data
-@NoArgsConstructor
-@AllArgsConstructor
-@Builder
-public class JourneyItem {
-
-    @Id
-    @GeneratedValue(strategy = GenerationType.UUID)
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    private UUID id;
-
-    @ManyToOne(fetch = FetchType.LAZY)
-    @JoinColumn(name = "geschichte_id", nullable = false)
-    @JsonIgnore
-    private Geschichte geschichte;
-
-    // Sort key; gaps fine. Duplicate positions within a journey yield undefined relative order
-    // — the editor is responsible for keeping them distinct.
-    @Column(nullable = false)
-    @Schema(requiredMode = Schema.RequiredMode.REQUIRED)
-    private int position;
-
-    @ManyToOne(fetch = FetchType.LAZY)
-    @JoinColumn(name = "document_id")
-    @JsonIgnore
-    private Document document;
-
-    // CWE-79 tripwire: plain text — store verbatim, no sanitization. Any HTML/feed/PDF/email
-    // renderer MUST escape this; only Svelte {note} is auto-safe.
-    @Column(columnDefinition = "TEXT")
-    private String note;
-
-    // JPA uses field access — this getter is not persisted. Jackson serializes it as documentId.
-    // Exposing only the UUID prevents circular references and large nested payloads.
-    public UUID getDocumentId() {
-        return document != null ? document.getId() : null;
-    }
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemCreateDTO.java

@@ -1,12 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import lombok.Data;
-
-import java.util.UUID;
-
-/** Input for POST /api/geschichten/{id}/items. Both fields optional; at least one must be present. */
-@Data
-public class JourneyItemCreateDTO {
-    private UUID documentId;
-    private String note;
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemRepository.java

@@ -1,54 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import org.springframework.data.jpa.repository.JpaRepository;
-import org.springframework.data.jpa.repository.Query;
-import org.springframework.data.repository.query.Param;
-import org.springframework.stereotype.Repository;
-
-import java.util.List;
-import java.util.Optional;
-import java.util.Set;
-import java.util.UUID;
-
-@Repository
-public interface JourneyItemRepository extends JpaRepository<JourneyItem, UUID> {
-
-    /** Returns items ordered by position ASC for the read-model assembly path. */
-    List<JourneyItem> findByGeschichteIdOrderByPosition(UUID geschichteId);
-
-    /** IDOR-safe lookup: returns empty when itemId exists but belongs to a different journey. */
-    Optional<JourneyItem> findByIdAndGeschichteId(UUID id, UUID geschichteId);
-
-    /** Returns only the IDs — used for set-equality check in reorder. */
-    @Query("SELECT i.id FROM JourneyItem i WHERE i.geschichte.id = :geschichteId")
-    Set<UUID> findIdsByGeschichteId(@Param("geschichteId") UUID geschichteId);
-
-    /** MAX position for computing the next append position; returns empty when journey has no items. */
-    @Query("SELECT MAX(i.position) FROM JourneyItem i WHERE i.geschichte.id = :geschichteId")
-    Optional<Integer> findMaxPositionByGeschichteId(@Param("geschichteId") UUID geschichteId);
-
-    /** COUNT for the 100-item cap check — COUNT(*)-based, never MAX(position)-derived. */
-    long countByGeschichteId(UUID geschichteId);
-
-    /**
-     * Dedup guard: true when the document is already linked to this journey.
-     * Explicit JPQL, not a derived query: the transient {@code getDocumentId()}
-     * getter on JourneyItem makes Spring Data resolve the derived path as a
-     * direct {@code documentId} attribute, which Hibernate cannot map.
-     */
-    @Query("""
-            SELECT COUNT(i) > 0 FROM JourneyItem i
-            WHERE i.geschichte.id = :geschichteId AND i.document.id = :documentId
-            """)
-    boolean existsByGeschichteIdAndDocumentId(
-            @Param("geschichteId") UUID geschichteId, @Param("documentId") UUID documentId);
-
-    /**
-     * Loads journey items with their linked Document in a single JOIN FETCH query,
-     * eliminating the N+1 SELECT that would occur when accessing item.getDocument()
-     * lazily for each item. Items without a document (note-only) are included via
-     * LEFT JOIN. Ordered by position ASC.
-     */
-    @Query("SELECT ji FROM JourneyItem ji LEFT JOIN FETCH ji.document WHERE ji.geschichte.id = :geschichteId ORDER BY ji.position ASC")
-    List<JourneyItem> findByGeschichteIdWithDocument(@Param("geschichteId") UUID geschichteId);
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemService.java

@@ -1,268 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import lombok.RequiredArgsConstructor;
-import lombok.extern.slf4j.Slf4j;
-import org.raddatz.familienarchiv.audit.AuditKind;
-import org.raddatz.familienarchiv.audit.AuditService;
-import org.raddatz.familienarchiv.document.DatePrecision;
-import org.raddatz.familienarchiv.document.Document;
-import org.raddatz.familienarchiv.document.DocumentService;
-import org.raddatz.familienarchiv.exception.DomainException;
-import org.raddatz.familienarchiv.exception.ErrorCode;
-import org.raddatz.familienarchiv.geschichte.Geschichte;
-import org.raddatz.familienarchiv.geschichte.GeschichteQueryService;
-import org.raddatz.familienarchiv.geschichte.GeschichteType;
-import org.raddatz.familienarchiv.geschichte.PersonNameFormatter;
-import org.raddatz.familienarchiv.person.Person;
-import org.raddatz.familienarchiv.user.AppUser;
-import org.raddatz.familienarchiv.user.UserService;
-import org.springframework.security.core.Authentication;
-import org.springframework.security.core.context.SecurityContextHolder;
-import org.springframework.dao.DataIntegrityViolationException;
-import org.springframework.stereotype.Service;
-import org.springframework.transaction.annotation.Transactional;
-
-import java.util.*;
-
-@Service
-@RequiredArgsConstructor
-@Slf4j
-public class JourneyItemService {
-
-    static final int MAX_ITEMS = 100;
-    static final int POSITION_STEP = 10;
-    // 2000 per the editor spec — frontend maxlength and the i18n error message agree (#793).
-    static final int MAX_NOTE_LENGTH = 2000;
-
-    private final JourneyItemRepository journeyItemRepository;
-    private final GeschichteQueryService geschichteQueryService;
-    private final DocumentService documentService;
-    private final AuditService auditService;
-    private final UserService userService;
-
-    @Transactional
-    public JourneyItemView append(UUID geschichteId, JourneyItemCreateDTO dto) {
-        Geschichte g = geschichteQueryService.findById(geschichteId)
-                .orElseThrow(() -> DomainException.notFound(ErrorCode.GESCHICHTE_NOT_FOUND,
-                        "Journey not found: " + geschichteId));
-
-        if (g.getType() != GeschichteType.JOURNEY) {
-            throw DomainException.conflict(ErrorCode.GESCHICHTE_TYPE_MISMATCH,
-                    "Journey items can only be added to a JOURNEY-type Geschichte");
-        }
-
-        long count = journeyItemRepository.countByGeschichteId(geschichteId);
-        if (count >= MAX_ITEMS) {
-            throw DomainException.conflict(ErrorCode.JOURNEY_AT_CAPACITY,
-                    "Journey has reached the maximum of 100 items");
-        }
-
-        String note = normalizeNote(dto.getNote());
-
-        if (dto.getDocumentId() == null && note == null) {
-            throw DomainException.badRequest(ErrorCode.VALIDATION_ERROR,
-                    "At least one of documentId or note must be provided");
-        }
-
-        if (note != null && note.length() > MAX_NOTE_LENGTH) {
-            throw DomainException.badRequest(ErrorCode.JOURNEY_NOTE_TOO_LONG,
-                    "Note exceeds maximum length of " + MAX_NOTE_LENGTH + " characters");
-        }
-
-        Document doc = null;
-        if (dto.getDocumentId() != null) {
-            if (journeyItemRepository.existsByGeschichteIdAndDocumentId(geschichteId, dto.getDocumentId())) {
-                throw DomainException.conflict(ErrorCode.JOURNEY_DOCUMENT_ALREADY_ADDED,
-                        "Document already in journey: " + dto.getDocumentId());
-            }
-            doc = documentService.findSummaryByIdInternal(dto.getDocumentId());
-        }
-
-        int nextPosition = journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)
-                .map(max -> max + POSITION_STEP)
-                .orElse(POSITION_STEP);
-
-        JourneyItem item = JourneyItem.builder()
-                .geschichte(g)
-                .position(nextPosition)
-                .document(doc)
-                .note(note)
-                .build();
-        // saveAndFlush so the partial unique index on (geschichte_id, document_id)
-        // fires here, not at commit — two concurrent appends can both pass the
-        // exists() pre-check above, and the index is the atomic backstop (V74).
-        JourneyItem saved;
-        try {
-            saved = journeyItemRepository.saveAndFlush(item);
-        } catch (DataIntegrityViolationException e) {
-            throw DomainException.conflict(ErrorCode.JOURNEY_DOCUMENT_ALREADY_ADDED,
-                    "Document already in journey: " + dto.getDocumentId());
-        }
-
-        UUID actorId = currentUser().getId();
-        auditService.logAfterCommit(AuditKind.JOURNEY_ITEM_ADDED, actorId, null,
-                Map.of("geschichteId", geschichteId, "itemId", saved.getId()));
-
-        return toView(saved);
-    }
-
-    @Transactional
-    public JourneyItemView updateNote(UUID geschichteId, UUID itemId, JourneyItemUpdateDTO dto) {
-        JourneyItem item = journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)
-                .orElseThrow(() -> DomainException.notFound(ErrorCode.JOURNEY_ITEM_NOT_FOUND,
-                        "Journey item not found: " + itemId));
-
-        // null = field absent from JSON → no-op
-        Optional<String> noteField = dto.getNote();
-        if (noteField == null) {
-            return toView(item);
-        }
-
-        String note = normalizeNote(noteField.orElse(null));
-
-        if (note != null && note.length() > MAX_NOTE_LENGTH) {
-            throw DomainException.badRequest(ErrorCode.JOURNEY_NOTE_TOO_LONG,
-                    "Note exceeds maximum length of " + MAX_NOTE_LENGTH + " characters");
-        }
-
-        if (note == null && item.getDocumentId() == null) {
-            throw DomainException.badRequest(ErrorCode.VALIDATION_ERROR,
-                    "Cannot clear note on an item that has no linked document");
-        }
-
-        item.setNote(note);
-        JourneyItem saved = journeyItemRepository.save(item);
-
-        UUID actorId = currentUser().getId();
-        auditService.logAfterCommit(AuditKind.JOURNEY_ITEM_NOTE_UPDATED, actorId, null,
-                Map.of("geschichteId", geschichteId, "itemId", itemId));
-
-        return toView(saved);
-    }
-
-    @Transactional
-    public void delete(UUID geschichteId, UUID itemId) {
-        JourneyItem item = journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)
-                .orElseThrow(() -> DomainException.notFound(ErrorCode.JOURNEY_ITEM_NOT_FOUND,
-                        "Journey item not found: " + itemId));
-
-        journeyItemRepository.delete(item);
-
-        UUID actorId = currentUser().getId();
-        auditService.logAfterCommit(AuditKind.JOURNEY_ITEM_REMOVED, actorId, null,
-                Map.of("geschichteId", geschichteId, "itemId", itemId));
-    }
-
-    @Transactional
-    public List<JourneyItemView> reorder(UUID geschichteId, JourneyReorderDTO dto) {
-        if (!geschichteQueryService.existsById(geschichteId)) {
-            throw DomainException.notFound(ErrorCode.GESCHICHTE_NOT_FOUND,
-                    "Journey not found: " + geschichteId);
-        }
-        Set<UUID> existingIds = journeyItemRepository.findIdsByGeschichteId(geschichteId);
-        List<UUID> requestedIds = dto.getItemIds() != null ? dto.getItemIds() : List.of();
-
-        if (requestedIds.size() != new HashSet<>(requestedIds).size()) {
-            throw DomainException.badRequest(ErrorCode.VALIDATION_ERROR,
-                    "Duplicate item IDs in reorder request");
-        }
-
-        if (!existingIds.equals(new HashSet<>(requestedIds))) {
-            throw DomainException.badRequest(ErrorCode.VALIDATION_ERROR,
-                    "Requested item IDs do not match the journey's existing items");
-        }
-
-        if (requestedIds.isEmpty()) {
-            return List.of();
-        }
-
-        List<JourneyItem> items = journeyItemRepository.findByGeschichteIdOrderByPosition(geschichteId);
-        Map<UUID, JourneyItem> itemMap = new HashMap<>();
-        for (JourneyItem item : items) {
-            itemMap.put(item.getId(), item);
-        }
-
-        List<JourneyItem> toSave = new ArrayList<>(requestedIds.size());
-        for (int i = 0; i < requestedIds.size(); i++) {
-            JourneyItem item = itemMap.get(requestedIds.get(i));
-            item.setPosition((i + 1) * POSITION_STEP);
-            toSave.add(item);
-        }
-        List<JourneyItem> reordered = journeyItemRepository.saveAll(toSave);
-
-        UUID actorId = currentUser().getId();
-        auditService.logAfterCommit(AuditKind.JOURNEY_ITEMS_REORDERED, actorId, null,
-                Map.of("geschichteId", geschichteId, "itemCount", reordered.size()));
-
-        return reordered.stream().map(this::toView).toList();
-    }
-
-    public List<JourneyItemView> getItems(UUID geschichteId) {
-        return journeyItemRepository.findByGeschichteIdWithDocument(geschichteId)
-                .stream().map(this::toView).toList();
-    }
-
-    DocumentSummary toSummary(Document doc) {
-        String senderName = buildSenderName(doc);
-        Set<Person> receivers = doc.getReceivers();
-        String receiverName = buildCanonicalReceiverName(receivers);
-
-        return new DocumentSummary(
-                doc.getId(),
-                doc.getTitle(),
-                doc.getDocumentDate(),
-                doc.getMetaDateEnd(),
-                doc.getMetaDatePrecision() != null ? doc.getMetaDatePrecision() : DatePrecision.UNKNOWN,
-                senderName,
-                receiverName,
-                receivers != null ? receivers.size() : 0
-        );
-    }
-
-    JourneyItemView toView(JourneyItem item) {
-        DocumentSummary docSummary = null;
-        Document doc = item.getDocument();
-        if (doc != null) {
-            docSummary = toSummary(doc);
-        }
-        return new JourneyItemView(item.getId(), item.getPosition(), docSummary, item.getNote());
-    }
-
-    private static String buildSenderName(Document doc) {
-        Person sender = doc.getSender();
-        if (sender != null) {
-            String name = PersonNameFormatter.join(sender.getFirstName(), sender.getLastName());
-            if (!name.isBlank()) return name;
-        }
-        String senderText = doc.getSenderText();
-        return (senderText != null && !senderText.isBlank()) ? senderText : null;
-    }
-
-    private static String buildCanonicalReceiverName(Set<Person> receivers) {
-        if (receivers == null || receivers.isEmpty()) return null;
-        return receivers.stream()
-                .min(Comparator.comparing(p -> sortKey(p.getLastName()) + " " + sortKey(p.getFirstName())))
-                .map(p -> {
-                    String name = PersonNameFormatter.join(p.getFirstName(), p.getLastName());
-                    return name.isBlank() ? null : name;
-                })
-                .orElse(null);
-    }
-
-    private static String normalizeNote(String raw) {
-        if (raw == null || raw.isBlank()) return null;
-        return raw.trim();
-    }
-
-    private static String sortKey(String s) {
-        return s != null ? s : "";
-    }
-
-    private AppUser currentUser() {
-        Authentication auth = SecurityContextHolder.getContext().getAuthentication();
-        if (auth == null || !auth.isAuthenticated()) {
-            throw DomainException.unauthorized("Authentication required");
-        }
-        return userService.findByEmail(auth.getName());
-    }
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemUpdateDTO.java

@@ -1,19 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import lombok.Data;
-
-import java.util.Optional;
-
-/**
- * Input for PATCH /api/geschichten/{id}/items/{itemId}.
- * Three-way semantics via Optional<String>:
- *   null         → field absent from JSON → leave note unchanged
- *   Optional.empty() → {"note": null} → clear the note
- *   Optional.of("x") → {"note": "x"} → set the note
- *
- * Jackson 3.x maps JSON null to Optional.empty(); absent fields keep the Java default (null).
- */
-@Data
-public class JourneyItemUpdateDTO {
-    private Optional<String> note = null;
-}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemView.java

@@ -1,16 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import io.swagger.v3.oas.annotations.media.Schema;
-
-import java.util.UUID;
-
-/**
- * Read-model response for a JourneyItem. Never the JPA entity (which has a
- * Geschichte back-reference that would leak / hit LazyInitializationException).
- */
-public record JourneyItemView(
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) UUID id,
-        @Schema(requiredMode = Schema.RequiredMode.REQUIRED) int position,
-        DocumentSummary document,
-        String note
-) {}

backend/src/main/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyReorderDTO.java

@@ -1,12 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import lombok.Data;
-
-import java.util.List;
-import java.util.UUID;
-
-/** Input for PUT /api/geschichten/{id}/items/reorder. */
-@Data
-public class JourneyReorderDTO {
-    private List<UUID> itemIds;
-}

backend/src/main/resources/db/migration/V72__add_journey_items_migrate_geschichten_documents.sql

@@ -1,73 +0,0 @@
--- Production pre-requisite — run BEFORE applying this migration:
---   docker exec familienarchiv-db sh -c 'psql -U "$POSTGRES_USER" -d "$POSTGRES_DB" \
---     -c "SELECT COUNT(DISTINCT (geschichte_id, document_id)) FROM geschichten_documents;"'
---   docker exec familienarchiv-db sh -c 'pg_dump -U "$POSTGRES_USER" "$POSTGRES_DB" \
---     --table=geschichten_documents \
---     -f /tmp/pre_v72_backup_'"$(date +%Y%m%d)"'.sql'
--- Take the dump even if geschichten_documents is empty — it captures the table DEFINITION
--- for emergency reconstruction. The DROP TABLE is the only irreversible step; the
--- INSERT...SELECT is a no-op when there is no data. No DDL rollback path exists after commit.
---
--- REVERSE PROCEDURE (if V72 must be rolled back): restore the pre-V72 dump, then re-derive
--- the junction from the new table:
---   INSERT INTO geschichten_documents (geschichte_id, document_id)
---     SELECT geschichte_id, document_id FROM journey_items WHERE document_id IS NOT NULL;
--- Note: the reconstructed junction FK is ON DELETE CASCADE per the original V58
--- (NOT the new SET NULL of journey_items). Domain FKs target app_users (post-V60) —
--- do NOT hand-type V58's verbatim "REFERENCES users" DDL nor copy journey_items' SET NULL
--- into the reconstructed junction.
---
--- ASSUMPTION AS-001: The old geschichten_documents was an unordered Set — no curator order
--- existed. Ordering by meta_date is a plausible default a Lesereise lets curators
--- re-sequence. This is not a requirement; it is the best available approximation.
---
--- ASSUMPTION AS-002: Existing published Geschichten (STORYs) render the related-letters block;
--- this block visibly degrades to generic links (loss of per-document title AND date) for ALL
--- current readers during the stub window. Accepted because the reader follow-on is the
--- next-priority blocking dependency.
-
--- Step 1: Add type discriminator column to geschichten
-ALTER TABLE geschichten
-    ADD COLUMN type VARCHAR(50) DEFAULT 'STORY' NOT NULL;
-
--- Step 2: Create journey_items table
-CREATE TABLE journey_items (
-    id            UUID        NOT NULL DEFAULT gen_random_uuid(),
-    geschichte_id UUID        NOT NULL,
-    position      INT         NOT NULL,
-    document_id   UUID,
-    note          TEXT,
-    CONSTRAINT pk_journey_items PRIMARY KEY (id),
-    CONSTRAINT fk_journey_items_geschichte
-        FOREIGN KEY (geschichte_id) REFERENCES geschichten(id) ON DELETE CASCADE,
-    CONSTRAINT fk_journey_items_document
-        FOREIGN KEY (document_id) REFERENCES documents(id) ON DELETE SET NULL,
-    CONSTRAINT chk_journey_item_not_empty
-        CHECK (document_id IS NOT NULL OR note IS NOT NULL)
-);
-
--- Step 3: Index for ordered retrieval by geschichte + position
-CREATE INDEX idx_journey_items_geschichte_position
-    ON journey_items (geschichte_id, position ASC);
-
--- Step 4: Migrate geschichten_documents → journey_items
--- Positions are multiples of 1000 (headroom for drag-reorder).
--- Ordered by meta_date ASC NULLS LAST, then documents.id ASC as deterministic tiebreaker.
--- SELECT DISTINCT guards against duplicate junction rows producing duplicate journey items.
-INSERT INTO journey_items (id, geschichte_id, position, document_id)
-SELECT
-    gen_random_uuid(),
-    gd.geschichte_id,
-    (ROW_NUMBER() OVER (
-        PARTITION BY gd.geschichte_id
-        ORDER BY d.meta_date ASC NULLS LAST, d.id ASC
-    ) * 1000)::INT AS position,
-    gd.document_id
-FROM (
-    SELECT DISTINCT geschichte_id, document_id
-    FROM geschichten_documents
-) gd
-LEFT JOIN documents d ON d.id = gd.document_id;
-
--- Step 5: Drop the old junction table (irreversible — take the pg_dump first)
-DROP TABLE geschichten_documents;

backend/src/main/resources/db/migration/V73__add_journey_items_position_constraints.sql

@@ -1,19 +0,0 @@
--- Adds the two constraints that V72 deferred:
---   1. UNIQUE(geschichte_id, position) DEFERRABLE INITIALLY DEFERRED
---      Allows mid-transaction position swaps during reorder (checked at COMMIT, not per-row).
---      Requires transaction-level or session-level connection pooling (prod uses PgBouncer
---      in transaction mode — correct today; a future switch to statement-level would silently
---      break deferred checking at COMMIT).
---   2. CHECK (position > 0) — defense against off-by-one in the append path.
---
--- MUST run in a single transaction; Flyway's default per-migration transaction satisfies this.
--- Do NOT add executeInTransaction=false or any callback that splits this migration.
-
-ALTER TABLE journey_items
-    ADD CONSTRAINT uq_journey_items_geschichte_position
-        UNIQUE (geschichte_id, position)
-        DEFERRABLE INITIALLY DEFERRED;
-
-ALTER TABLE journey_items
-    ADD CONSTRAINT chk_journey_item_position
-        CHECK (position > 0);

backend/src/main/resources/db/migration/V74__journey_items_document_dedup_and_note_length.sql

@@ -1,21 +0,0 @@
--- Two constraints the service-level checks need as atomic backstops:
---
--- 1. Partial unique index on (geschichte_id, document_id): the append dedup
---    guard is a check-then-insert (existsByGeschichteIdAndDocumentId), so two
---    concurrent appends of the same document can both pass the pre-check.
---    The index rejects the second INSERT; JourneyItemService.append translates
---    the DataIntegrityViolationException into the same 409
---    JOURNEY_DOCUMENT_ALREADY_ADDED as the friendly pre-check.
---    Partial (WHERE document_id IS NOT NULL) — note-only interludes must not collide.
---
--- 2. CHECK on note length: mirrors chk_text_length on transcription_blocks.
---    2000 is the spec'd limit — JourneyItemService.MAX_NOTE_LENGTH, the frontend
---    maxlength, and the i18n error message all agree (#793).
-
-CREATE UNIQUE INDEX uq_journey_items_geschichte_document
-    ON journey_items (geschichte_id, document_id)
-    WHERE document_id IS NOT NULL;
-
-ALTER TABLE journey_items
-    ADD CONSTRAINT chk_journey_item_note_length
-        CHECK (note IS NULL OR length(note) <= 2000);

backend/src/test/java/org/raddatz/familienarchiv/document/DocumentLazyLoadingTest.java

@@ -131,28 +131,6 @@ class DocumentLazyLoadingTest {
                 .doesNotThrowAnyException();
     }
 
-    @Test
-    void searchDocuments_pureTextRelevance_doesNotThrowLazyInitializationException() {
-        // q + default sort + no other filters → the relevance fast path
-        // (relevanceSortedPageFromSql), which loads documents by id outside any
-        // transaction and must still deliver an initialized tags collection.
-        Person sender = savedPerson("Hans", "FtSender");
-        Tag tag = savedTag("FtTag");
-        savedDocument("Brief von Walter", "ft_doc.pdf", sender, Set.of(), Set.of(tag));
-
-        SearchFilters textOnly = new SearchFilters(
-                "Walter", null, null, null, null, null, null, null, null, false);
-
-        DocumentSearchResult result = documentService.searchDocuments(
-                textOnly, null, "DESC", PageRequest.of(0, 10));
-
-        assertThat(result.totalElements()).isEqualTo(1);
-        assertThatCode(() ->
-                result.items().forEach(i -> i.tags().size()))
-                .doesNotThrowAnyException();
-        assertThat(result.items().getFirst().tags()).extracting(Tag::getName).containsExactly("FtTag");
-    }
-
     @Test
     void searchDocuments_senderSort_doesNotThrowLazyInitializationException() {
         Person sender = savedPerson("Hans", "SsSender");

backend/src/test/java/org/raddatz/familienarchiv/document/DocumentServiceSortTest.java

@@ -81,7 +81,7 @@ class DocumentServiceSortTest {
         UUID id1 = UUID.randomUUID();
         List<Object[]> ftsRows = ftsRows(id1, 0.5d, 1L);
         when(documentRepository.findFtsPageRaw(anyString(), anyInt(), anyInt())).thenReturn(ftsRows);
-        when(documentRepository.findByIdIn(any()))
+        when(documentRepository.findAllById(any()))
                 .thenReturn(List.of(doc(id1)));
 
         documentService.searchDocuments(
@@ -101,7 +101,7 @@ class DocumentServiceSortTest {
         ftsRows.add(new Object[]{id1, 0.8d, 2L});
         ftsRows.add(new Object[]{id2, 0.3d, 2L});
         when(documentRepository.findFtsPageRaw(anyString(), anyInt(), anyInt())).thenReturn(ftsRows);
-        when(documentRepository.findByIdIn(any())).thenReturn(List.of(doc(id2), doc(id1))); // unordered from JPA
+        when(documentRepository.findAllById(any())).thenReturn(List.of(doc(id2), doc(id1))); // unordered from JPA
 
         DocumentSearchResult result = documentService.searchDocuments(
                 new SearchFilters("Brief", null, null, null, null, null, null, null, null, false),
@@ -119,7 +119,7 @@ class DocumentServiceSortTest {
         ftsRows.add(new Object[]{id1, 0.8d, 2L});
         ftsRows.add(new Object[]{id2, 0.3d, 2L});
         when(documentRepository.findFtsPageRaw(anyString(), anyInt(), anyInt())).thenReturn(ftsRows);
-        when(documentRepository.findByIdIn(any())).thenReturn(List.of(doc(id2), doc(id1)));
+        when(documentRepository.findAllById(any())).thenReturn(List.of(doc(id2), doc(id1)));
 
         DocumentSearchResult result = documentService.searchDocuments(
                 new SearchFilters("Brief", null, null, null, null, null, null, null, null, false),
@@ -153,7 +153,7 @@ class DocumentServiceSortTest {
         List<Object[]> ftsRows = new ArrayList<>();
         ftsRows.add(new Object[]{stringId, 0.5d, 1L});
         when(documentRepository.findFtsPageRaw(anyString(), anyInt(), anyInt())).thenReturn(ftsRows);
-        when(documentRepository.findByIdIn(any())).thenReturn(List.of(doc(uuidId)));
+        when(documentRepository.findAllById(any())).thenReturn(List.of(doc(uuidId)));
 
         DocumentSearchResult result = documentService.searchDocuments(
                 new SearchFilters("Brief", null, null, null, null, null, null, null, null, false),

backend/src/test/java/org/raddatz/familienarchiv/document/DocumentServiceTest.java

@@ -2166,7 +2166,7 @@ class DocumentServiceTest {
         List<Object[]> ftsRows = new java.util.ArrayList<>();
         ftsRows.add(new Object[]{docId, 0.5d, 1L});
         when(documentRepository.findFtsPageRaw(anyString(), anyInt(), anyInt())).thenReturn(ftsRows);
-        when(documentRepository.findByIdIn(any())).thenReturn(List.of(doc));
+        when(documentRepository.findAllById(any())).thenReturn(List.of(doc));
         when(documentRepository.findEnrichmentData(any(), eq("Brief"))).thenReturn(rows);
 
         DocumentSearchResult result = documentService.searchDocuments(
@@ -2202,7 +2202,7 @@ class DocumentServiceTest {
         List<Object[]> snippetFtsRows = new java.util.ArrayList<>();
         snippetFtsRows.add(new Object[]{docId, 0.5d, 1L});
         when(documentRepository.findFtsPageRaw(anyString(), anyInt(), anyInt())).thenReturn(snippetFtsRows);
-        when(documentRepository.findByIdIn(any())).thenReturn(List.of(doc));
+        when(documentRepository.findAllById(any())).thenReturn(List.of(doc));
         when(documentRepository.findEnrichmentData(any(), eq("Brief"))).thenReturn(rows);
 
         DocumentSearchResult result = documentService.searchDocuments(

backend/src/test/java/org/raddatz/familienarchiv/geschichte/GeschichteControllerTest.java

@@ -2,13 +2,15 @@ package org.raddatz.familienarchiv.geschichte;
 
 import com.fasterxml.jackson.databind.ObjectMapper;
 import org.junit.jupiter.api.Test;
+import org.raddatz.familienarchiv.security.SecurityConfig;
+import org.raddatz.familienarchiv.geschichte.GeschichteUpdateDTO;
 import org.raddatz.familienarchiv.exception.DomainException;
 import org.raddatz.familienarchiv.exception.ErrorCode;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemService;
+import org.raddatz.familienarchiv.geschichte.Geschichte;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemView;
+import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
-import org.raddatz.familienarchiv.security.SecurityConfig;
 import org.raddatz.familienarchiv.security.PermissionAspect;
 import org.raddatz.familienarchiv.user.CustomUserDetailsService;
+import org.raddatz.familienarchiv.geschichte.GeschichteService;
 import org.springframework.beans.factory.annotation.Autowired;
 import org.springframework.boot.autoconfigure.aop.AopAutoConfiguration;
 import org.springframework.boot.webmvc.test.autoconfigure.WebMvcTest;
@@ -19,25 +21,22 @@ import org.springframework.test.context.bean.override.mockito.MockitoBean;
 import org.springframework.test.web.servlet.MockMvc;
 
 import java.time.LocalDateTime;
-import java.util.ArrayList;
 import java.util.HashSet;
 import java.util.List;
 import java.util.UUID;
 
-import static org.hamcrest.CoreMatchers.nullValue;
 import static org.mockito.ArgumentMatchers.any;
 import static org.mockito.ArgumentMatchers.anyInt;
 import static org.mockito.ArgumentMatchers.eq;
 import static org.mockito.Mockito.verify;
 import static org.mockito.Mockito.when;
-import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf;
 import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.delete;
 import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.get;
 import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.patch;
 import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.post;
-import static org.springframework.test.web.servlet.request.MockMvcRequestBuilders.put;
 import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.jsonPath;
 import static org.springframework.test.web.servlet.result.MockMvcResultMatchers.status;
+import static org.springframework.security.test.web.servlet.request.SecurityMockMvcRequestPostProcessors.csrf;
 
 @WebMvcTest(GeschichteController.class)
 @Import({SecurityConfig.class, PermissionAspect.class, AopAutoConfiguration.class})
@@ -48,9 +47,11 @@ class GeschichteControllerTest {
 
     private final ObjectMapper objectMapper = new ObjectMapper();
 
-    @MockitoBean GeschichteService geschichteService;
+    @MockitoBean
-    @MockitoBean JourneyItemService journeyItemService;
+    GeschichteService geschichteService;
-    @MockitoBean CustomUserDetailsService customUserDetailsService;
+
+    @MockitoBean
+    CustomUserDetailsService customUserDetailsService;
 
     // ─── GET /api/geschichten ────────────────────────────────────────────────
 
@@ -64,7 +65,7 @@ class GeschichteControllerTest {
     @WithMockUser(authorities = "READ_ALL")
     void list_returns200_forReader() throws Exception {
         when(geschichteService.list(any(), any(), any(), anyInt()))
-                .thenReturn(List.of(summaryStub("Story A")));
+                .thenReturn(List.of(published(UUID.randomUUID(), "Story A")));
 
         mockMvc.perform(get("/api/geschichten"))
                 .andExpect(status().isOk())
@@ -106,7 +107,7 @@ class GeschichteControllerTest {
     @WithMockUser(authorities = "READ_ALL")
     void getById_returns200_whenFound() throws Exception {
         UUID id = UUID.randomUUID();
-        when(geschichteService.getView(id)).thenReturn(viewStub(id, "Hello"));
+        when(geschichteService.getById(id)).thenReturn(published(id, "Hello"));
 
         mockMvc.perform(get("/api/geschichten/{id}", id))
                 .andExpect(status().isOk())
@@ -118,7 +119,7 @@ class GeschichteControllerTest {
     @WithMockUser(authorities = "READ_ALL")
     void getById_returns404_whenServiceThrowsNotFound() throws Exception {
         UUID id = UUID.randomUUID();
-        when(geschichteService.getView(id))
+        when(geschichteService.getById(id))
                 .thenThrow(DomainException.notFound(ErrorCode.GESCHICHTE_NOT_FOUND, "x"));
 
         mockMvc.perform(get("/api/geschichten/{id}", id))
@@ -150,7 +151,7 @@ class GeschichteControllerTest {
     void create_returns201_withBlogWrite() throws Exception {
         UUID id = UUID.randomUUID();
         when(geschichteService.create(any(GeschichteUpdateDTO.class)))
-                .thenReturn(viewStub(id, "New", GeschichteStatus.DRAFT));
+                .thenReturn(draft(id, "New"));
 
         GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
         dto.setTitle("New");
@@ -178,7 +179,7 @@ class GeschichteControllerTest {
     void update_returns200_withBlogWrite() throws Exception {
         UUID id = UUID.randomUUID();
         when(geschichteService.update(eq(id), any(GeschichteUpdateDTO.class)))
-                .thenReturn(viewStub(id, "Updated", GeschichteStatus.PUBLISHED));
+                .thenReturn(published(id, "Updated"));
 
         mockMvc.perform(patch("/api/geschichten/{id}", id).with(csrf())
                         .contentType(MediaType.APPLICATION_JSON)
@@ -207,202 +208,31 @@ class GeschichteControllerTest {
         verify(geschichteService).delete(id);
     }
 
-    // ─── POST /api/geschichten/{id}/items ────────────────────────────────────
-
-    @Test
-    void appendItem_returns401_whenUnauthenticated() throws Exception {
-        mockMvc.perform(post("/api/geschichten/{id}/items", UUID.randomUUID()).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"x\"}"))
-                .andExpect(status().isUnauthorized());
-    }
-
-    @Test
-    @WithMockUser(authorities = "READ_ALL")
-    void appendItem_returns403_whenLackingBlogWrite() throws Exception {
-        mockMvc.perform(post("/api/geschichten/{id}/items", UUID.randomUUID()).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"x\"}"))
-                .andExpect(status().isForbidden());
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void appendItem_returns201_withBlogWrite() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-        when(journeyItemService.append(eq(id), any())).thenReturn(itemViewStub(itemId, 10, "Note"));
-
-        mockMvc.perform(post("/api/geschichten/{id}/items", id).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"Note\"}"))
-                .andExpect(status().isCreated())
-                .andExpect(jsonPath("$.id").value(itemId.toString()))
-                .andExpect(jsonPath("$.position").value(10));
-    }
-
-    // ─── PATCH /api/geschichten/{id}/items/{itemId} ──────────────────────────
-
-    @Test
-    @WithMockUser(authorities = "READ_ALL")
-    void updateItemNote_returns403_whenLackingBlogWrite() throws Exception {
-        mockMvc.perform(patch("/api/geschichten/{id}/items/{itemId}",
-                        UUID.randomUUID(), UUID.randomUUID()).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"x\"}"))
-                .andExpect(status().isForbidden());
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void updateItemNote_returns200_withBlogWrite() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-        when(journeyItemService.updateNote(eq(id), eq(itemId), any()))
-                .thenReturn(itemViewStub(itemId, 10, "Updated"));
-
-        mockMvc.perform(patch("/api/geschichten/{id}/items/{itemId}", id, itemId).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"Updated\"}"))
-                .andExpect(status().isOk())
-                .andExpect(jsonPath("$.note").value("Updated"));
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void updateItemNote_json_null_note_is_deserialized_as_empty_Optional() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-        when(journeyItemService.updateNote(eq(id), eq(itemId), any()))
-                .thenReturn(itemViewStub(itemId, 10, null));
-
-        // Raw JSON — local objectMapper lacks JsonNullableModule
-        mockMvc.perform(patch("/api/geschichten/{id}/items/{itemId}", id, itemId).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\": null}"))
-                .andExpect(status().isOk())
-                .andExpect(jsonPath("$.note").value(nullValue()));
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void updateItemNote_returns404_whenItemNotFound() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-        when(journeyItemService.updateNote(eq(id), eq(itemId), any()))
-                .thenThrow(DomainException.notFound(ErrorCode.JOURNEY_ITEM_NOT_FOUND, "not found"));
-
-        mockMvc.perform(patch("/api/geschichten/{id}/items/{itemId}", id, itemId).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"x\"}"))
-                .andExpect(status().isNotFound())
-                .andExpect(jsonPath("$.code").value("JOURNEY_ITEM_NOT_FOUND"));
-    }
-
-    // ─── DELETE /api/geschichten/{id}/items/{itemId} ─────────────────────────
-
-    @Test
-    @WithMockUser(authorities = "READ_ALL")
-    void deleteItem_returns403_whenLackingBlogWrite() throws Exception {
-        mockMvc.perform(delete("/api/geschichten/{id}/items/{itemId}",
-                        UUID.randomUUID(), UUID.randomUUID()).with(csrf()))
-                .andExpect(status().isForbidden());
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void deleteItem_returns204_withBlogWrite() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-
-        mockMvc.perform(delete("/api/geschichten/{id}/items/{itemId}", id, itemId).with(csrf()))
-                .andExpect(status().isNoContent());
-
-        verify(journeyItemService).delete(id, itemId);
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void deleteItem_returns404_whenItemNotFound() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-        org.mockito.Mockito.doThrow(DomainException.notFound(ErrorCode.JOURNEY_ITEM_NOT_FOUND, "not found"))
-                .when(journeyItemService).delete(id, itemId);
-
-        mockMvc.perform(delete("/api/geschichten/{id}/items/{itemId}", id, itemId).with(csrf()))
-                .andExpect(status().isNotFound())
-                .andExpect(jsonPath("$.code").value("JOURNEY_ITEM_NOT_FOUND"));
-    }
-
-    // ─── PUT /api/geschichten/{id}/items/reorder ─────────────────────────────
-
-    @Test
-    @WithMockUser(authorities = "READ_ALL")
-    void reorderItems_returns403_whenLackingBlogWrite() throws Exception {
-        mockMvc.perform(put("/api/geschichten/{id}/items/reorder", UUID.randomUUID()).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"itemIds\":[]}"))
-                .andExpect(status().isForbidden());
-    }
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void reorderItems_returns200_withBlogWrite() throws Exception {
-        UUID id = UUID.randomUUID();
-        UUID itemId = UUID.randomUUID();
-        when(journeyItemService.reorder(eq(id), any())).thenReturn(List.of(itemViewStub(itemId, 10, null)));
-
-        mockMvc.perform(put("/api/geschichten/{id}/items/reorder", id).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"itemIds\":[\"" + itemId + "\"]}"))
-                .andExpect(status().isOk())
-                .andExpect(jsonPath("$[0].id").value(itemId.toString()));
-    }
-
-    // ─── error mapping ───────────────────────────────────────────────────────
-
-    @Test
-    @WithMockUser(authorities = "BLOG_WRITE")
-    void appendItem_returns409_on_position_conflict() throws Exception {
-        UUID id = UUID.randomUUID();
-        when(journeyItemService.append(eq(id), any()))
-                .thenThrow(DomainException.conflict(ErrorCode.JOURNEY_ITEM_POSITION_CONFLICT, "conflict"));
-
-        mockMvc.perform(post("/api/geschichten/{id}/items", id).with(csrf())
-                        .contentType(MediaType.APPLICATION_JSON)
-                        .content("{\"note\":\"x\"}"))
-                .andExpect(status().isConflict())
-                .andExpect(jsonPath("$.code").value("JOURNEY_ITEM_POSITION_CONFLICT"));
-    }
-
     // ─── helpers ─────────────────────────────────────────────────────────────
 
-    private JourneyItemView itemViewStub(UUID id, int position, String note) {
+    private Geschichte published(UUID id, String title) {
-        return new JourneyItemView(id, position, null, note);
+        return Geschichte.builder()
+                .id(id)
+                .title(title)
+                .body("<p>x</p>")
+                .status(GeschichteStatus.PUBLISHED)
+                .publishedAt(LocalDateTime.now())
+                .createdAt(LocalDateTime.now())
+                .updatedAt(LocalDateTime.now())
+                .persons(new HashSet<>())
+                .documents(new HashSet<>())
+                .build();
     }
 
-    private GeschichteView viewStub(UUID id, String title) {
+    private Geschichte draft(UUID id, String title) {
-        return viewStub(id, title, GeschichteStatus.PUBLISHED);
+        return Geschichte.builder()
-    }
+                .id(id)
-
+                .title(title)
-    private GeschichteView viewStub(UUID id, String title, GeschichteStatus status) {
+                .status(GeschichteStatus.DRAFT)
-        return new GeschichteView(id, title, "<p>x</p>",
+                .createdAt(LocalDateTime.now())
-                status, GeschichteType.STORY,
+                .updatedAt(LocalDateTime.now())
-                null, new HashSet<>(), List.of(),
+                .persons(new HashSet<>())
-                LocalDateTime.now(), LocalDateTime.now(), LocalDateTime.now());
+                .documents(new HashSet<>())
-    }
+                .build();
-
-    /** Concrete implementation — Mockito interface mocks are not serialized reliably by Jackson. */
-    private GeschichteSummary summaryStub(String title) {
-        return new GeschichteSummary() {
-            public UUID getId() { return UUID.randomUUID(); }
-            public String getTitle() { return title; }
-            public GeschichteStatus getStatus() { return GeschichteStatus.PUBLISHED; }
-            public GeschichteType getType() { return GeschichteType.STORY; }
-            public AuthorSummary getAuthor() { return null; }
-            public LocalDateTime getPublishedAt() { return LocalDateTime.now(); }
-            public LocalDateTime getUpdatedAt() { return LocalDateTime.now(); }
-            public String getBody() { return null; }
-        };
     }
 }

backend/src/test/java/org/raddatz/familienarchiv/geschichte/GeschichteHttpTest.java

@@ -1,298 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-import org.junit.jupiter.api.BeforeEach;
-import org.junit.jupiter.api.Test;
-import org.raddatz.familienarchiv.PostgresContainerConfig;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItem;
-import org.raddatz.familienarchiv.user.AppUser;
-import org.raddatz.familienarchiv.user.AppUserRepository;
-import org.raddatz.familienarchiv.user.UserGroup;
-import org.raddatz.familienarchiv.user.UserGroupRepository;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.boot.test.context.SpringBootTest;
-import org.springframework.boot.test.web.server.LocalServerPort;
-import org.springframework.context.annotation.Import;
-import org.springframework.http.HttpEntity;
-import org.springframework.http.HttpHeaders;
-import org.springframework.http.HttpMethod;
-import org.springframework.http.MediaType;
-import org.springframework.http.ResponseEntity;
-import org.springframework.http.client.ClientHttpResponse;
-import org.springframework.http.client.JdkClientHttpRequestFactory;
-import org.springframework.security.crypto.password.PasswordEncoder;
-import org.springframework.test.context.ActiveProfiles;
-import org.springframework.test.context.bean.override.mockito.MockitoBean;
-import org.springframework.web.client.DefaultResponseErrorHandler;
-import org.springframework.web.client.RestTemplate;
-import software.amazon.awssdk.services.s3.S3Client;
-
-import java.io.IOException;
-import java.time.LocalDateTime;
-import java.util.ArrayList;
-import java.util.HashSet;
-import java.util.List;
-import java.util.Set;
-import java.util.UUID;
-
-import static org.assertj.core.api.Assertions.assertThat;
-
-/**
- * Verifies Geschichte HTTP behaviour end-to-end at the real servlet layer.
- *
- * <p>No {@code @Transactional} at class level — that would keep a session open and
- * mask LazyInitializationException caused by open-in-view: false. Each test seeds data
- * directly via repositories and relies on the service's own transaction boundaries.
- */
-@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
-@ActiveProfiles("test")
-@Import(PostgresContainerConfig.class)
-class GeschichteHttpTest {
-
-    @LocalServerPort int port;
-    @MockitoBean S3Client s3Client;
-
-    @Autowired GeschichteRepository geschichteRepository;
-    @Autowired AppUserRepository appUserRepository;
-    @Autowired UserGroupRepository userGroupRepository;
-    @Autowired PasswordEncoder passwordEncoder;
-
-    private RestTemplate http;
-    private String baseUrl;
-
-    private static final String WRITER_EMAIL = "geschichten-http-writer@test.de";
-    private static final String WRITER_PASSWORD = "pass!Geschichte1";
-
-    @BeforeEach
-    void setUp() {
-        http = noThrowRestTemplate();
-        baseUrl = "http://localhost:" + port;
-        geschichteRepository.deleteAll();
-        appUserRepository.findByEmail(WRITER_EMAIL).ifPresent(appUserRepository::delete);
-        appUserRepository.findByEmail(BLOG_WRITER_EMAIL).ifPresent(appUserRepository::delete);
-        userGroupRepository.findByName("HttpTest-BlogWriters").ifPresent(userGroupRepository::delete);
-        appUserRepository.save(AppUser.builder()
-                .email(WRITER_EMAIL)
-                .password(passwordEncoder.encode(WRITER_PASSWORD))
-                .build());
-    }
-
-    // ─── GET /api/geschichten ────────────────────────────────────────────────
-
-    @Test
-    void list_returns_200_and_empty_array_when_no_stories_exist() {
-        String session = loginAsWriter();
-        ResponseEntity<String> response = http.exchange(
-                baseUrl + "/api/geschichten", HttpMethod.GET,
-                new HttpEntity<>(sessionHeaders(session)), String.class);
-
-        assertThat(response.getStatusCode().value()).isEqualTo(200);
-        assertThat(response.getBody()).isEqualTo("[]");
-    }
-
-    @Test
-    void list_returns_200_and_does_not_500_when_stories_have_journey_items() {
-        // Seed a JOURNEY directly — items are LAZY; without @Transactional(readOnly=true) +
-        // Hibernate.initialize in getById() this would 500. list() uses a projection so it
-        // must also never touch items.
-        AppUser writer = appUserRepository.findByEmail(WRITER_EMAIL).orElseThrow();
-        Geschichte journey = Geschichte.builder()
-                .title("Reise durch die Briefe")
-                .status(GeschichteStatus.PUBLISHED)
-                .type(GeschichteType.JOURNEY)
-                .author(writer)
-                .publishedAt(LocalDateTime.now())
-                .items(new ArrayList<>())
-                .persons(new HashSet<>())
-                .build();
-        JourneyItem item = JourneyItem.builder()
-                .geschichte(journey)
-                .position(1000)
-                .note("Einleitung")
-                .build();
-        journey.getItems().add(item);
-        geschichteRepository.save(journey);
-
-        String session = loginAsWriter();
-        ResponseEntity<String> response = http.exchange(
-                baseUrl + "/api/geschichten", HttpMethod.GET,
-                new HttpEntity<>(sessionHeaders(session)), String.class);
-
-        assertThat(response.getStatusCode().value()).isEqualTo(200);
-        assertThat(response.getBody()).contains("Reise durch die Briefe");
-    }
-
-    // ─── GET /api/geschichten/{id} ───────────────────────────────────────────
-
-    @Test
-    void getById_returns_200_with_items_and_does_not_500_open_in_view_false() {
-        // This test is the canonical guard against LazyInitializationException.
-        // open-in-view: false means the Hibernate session is closed when Jackson serializes.
-        // GeschichteService.getById() must initialize items inside its @Transactional boundary.
-        AppUser writer = appUserRepository.findByEmail(WRITER_EMAIL).orElseThrow();
-        Geschichte journey = Geschichte.builder()
-                .title("Familiengeschichte")
-                .status(GeschichteStatus.PUBLISHED)
-                .type(GeschichteType.JOURNEY)
-                .author(writer)
-                .publishedAt(LocalDateTime.now())
-                .items(new ArrayList<>())
-                .persons(new HashSet<>())
-                .build();
-        JourneyItem note = JourneyItem.builder()
-                .geschichte(journey).position(1000).note("Prolog").build();
-        JourneyItem note2 = JourneyItem.builder()
-                .geschichte(journey).position(2000).note("Epilog").build();
-        journey.getItems().add(note);
-        journey.getItems().add(note2);
-        Geschichte saved = geschichteRepository.save(journey);
-
-        String session = loginAsWriter();
-        ResponseEntity<String> response = http.exchange(
-                baseUrl + "/api/geschichten/" + saved.getId(), HttpMethod.GET,
-                new HttpEntity<>(sessionHeaders(session)), String.class);
-
-        assertThat(response.getStatusCode().value()).isEqualTo(200);
-        assertThat(response.getBody())
-                .contains("Familiengeschichte")
-                .contains("Prolog")
-                .contains("Epilog");
-    }
-
-    @Test
-    void getById_returns_404_for_unknown_id() {
-        String session = loginAsWriter();
-        ResponseEntity<String> response = http.exchange(
-                baseUrl + "/api/geschichten/" + UUID.randomUUID(), HttpMethod.GET,
-                new HttpEntity<>(sessionHeaders(session)), String.class);
-
-        assertThat(response.getStatusCode().value()).isEqualTo(404);
-        assertThat(response.getBody()).contains("GESCHICHTE_NOT_FOUND");
-    }
-
-    @Test
-    void getById_returns_404_for_draft_when_reader_lacks_BLOG_WRITE() {
-        AppUser writer = appUserRepository.findByEmail(WRITER_EMAIL).orElseThrow();
-        Geschichte draft = Geschichte.builder()
-                .title("Geheimer Entwurf")
-                .status(GeschichteStatus.DRAFT)
-                .author(writer)
-                .items(new ArrayList<>())
-                .persons(new HashSet<>())
-                .build();
-        Geschichte saved = geschichteRepository.save(draft);
-
-        // Writer lacks explicit BLOG_WRITE permission in the app_users table,
-        // so from the service's perspective they're a reader.
-        String session = loginAsWriter();
-        ResponseEntity<String> response = http.exchange(
-                baseUrl + "/api/geschichten/" + saved.getId(), HttpMethod.GET,
-                new HttpEntity<>(sessionHeaders(session)), String.class);
-
-        assertThat(response.getStatusCode().value()).isEqualTo(404);
-    }
-
-    // ─── PATCH /api/geschichten/{id} ─────────────────────────────────────────
-
-    @Test
-    void update_returns_200_and_serializes_items_open_in_view_false() {
-        // Canonical guard for the write path: PATCH must not 500 when the response
-        // is serialized after the service transaction closed. The raw entity carries
-        // a dead lazy items proxy at that point — the endpoint must answer with a
-        // view assembled inside the transaction.
-        AppUser writer = blogWriter();
-        Geschichte journey = Geschichte.builder()
-                .title("Reise vor dem Umbenennen")
-                .status(GeschichteStatus.DRAFT)
-                .type(GeschichteType.JOURNEY)
-                .author(writer)
-                .items(new ArrayList<>())
-                .persons(new HashSet<>())
-                .build();
-        journey.getItems().add(JourneyItem.builder()
-                .geschichte(journey).position(1000).note("Prolog").build());
-        Geschichte saved = geschichteRepository.save(journey);
-
-        String session = loginAs(BLOG_WRITER_EMAIL, BLOG_WRITER_PASSWORD);
-        ResponseEntity<String> response = http.exchange(
-                baseUrl + "/api/geschichten/" + saved.getId(), HttpMethod.PATCH,
-                new HttpEntity<>("{\"title\":\"Reise nach dem Umbenennen\"}", csrfJsonHeaders(session)),
-                String.class);
-
-        assertThat(response.getStatusCode().value()).isEqualTo(200);
-        assertThat(response.getBody())
-                .contains("Reise nach dem Umbenennen")
-                .contains("Prolog");
-    }
-
-    // ─── helpers ─────────────────────────────────────────────────────────────
-
-    private static final String BLOG_WRITER_EMAIL = "geschichten-http-blogwriter@test.de";
-    private static final String BLOG_WRITER_PASSWORD = "pass!Geschichte2";
-
-    /** A user whose group actually grants BLOG_WRITE — unlike the plain writer above. */
-    private AppUser blogWriter() {
-        UserGroup group = userGroupRepository.save(UserGroup.builder()
-                .name("HttpTest-BlogWriters")
-                .permissions(new HashSet<>(Set.of("BLOG_WRITE")))
-                .build());
-        return appUserRepository.save(AppUser.builder()
-                .email(BLOG_WRITER_EMAIL)
-                .password(passwordEncoder.encode(BLOG_WRITER_PASSWORD))
-                .groups(new HashSet<>(Set.of(group)))
-                .build());
-    }
-
-    /** Session cookie + double-submit CSRF pair + JSON content type for write requests. */
-    private HttpHeaders csrfJsonHeaders(String sessionId) {
-        String xsrf = UUID.randomUUID().toString();
-        HttpHeaders headers = new HttpHeaders();
-        headers.set("Cookie", "fa_session=" + sessionId + "; XSRF-TOKEN=" + xsrf);
-        headers.set("X-XSRF-TOKEN", xsrf);
-        headers.setContentType(MediaType.APPLICATION_JSON);
-        return headers;
-    }
-
-    private String loginAsWriter() {
-        return loginAs(WRITER_EMAIL, WRITER_PASSWORD);
-    }
-
-    private String loginAs(String email, String password) {
-        String xsrf = UUID.randomUUID().toString();
-        HttpHeaders headers = new HttpHeaders();
-        headers.setContentType(MediaType.APPLICATION_JSON);
-        headers.set("Cookie", "XSRF-TOKEN=" + xsrf);
-        headers.set("X-XSRF-TOKEN", xsrf);
-        String body = "{\"email\":\"" + email + "\",\"password\":\"" + password + "\"}";
-        ResponseEntity<String> resp = http.postForEntity(
-                baseUrl + "/api/auth/login", new HttpEntity<>(body, headers), String.class);
-        return extractFaSessionCookie(resp);
-    }
-
-    private HttpHeaders sessionHeaders(String sessionId) {
-        HttpHeaders headers = new HttpHeaders();
-        headers.set("Cookie", "fa_session=" + sessionId);
-        return headers;
-    }
-
-    private String extractFaSessionCookie(ResponseEntity<?> response) {
-        List<String> setCookieHeader = response.getHeaders().get("Set-Cookie");
-        if (setCookieHeader == null) return "";
-        return setCookieHeader.stream()
-                .filter(c -> c.startsWith("fa_session="))
-                .map(c -> c.split(";")[0].substring("fa_session=".length()))
-                .findFirst()
-                .orElse("");
-    }
-
-    private RestTemplate noThrowRestTemplate() {
-        // JDK HttpClient factory — the default HttpURLConnection factory cannot send PATCH.
-        RestTemplate template = new RestTemplate(new JdkClientHttpRequestFactory());
-        template.setErrorHandler(new DefaultResponseErrorHandler() {
-            @Override
-            public boolean hasError(ClientHttpResponse response) throws IOException {
-                return false;
-            }
-        });
-        return template;
-    }
-}

backend/src/test/java/org/raddatz/familienarchiv/geschichte/GeschichteListProjectionTest.java

@@ -1,262 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-import org.junit.jupiter.api.BeforeEach;
-import org.junit.jupiter.api.Test;
-import org.raddatz.familienarchiv.PostgresContainerConfig;
-import org.raddatz.familienarchiv.config.FlywayConfig;
-import org.raddatz.familienarchiv.document.Document;
-import org.raddatz.familienarchiv.document.DocumentRepository;
-import org.raddatz.familienarchiv.document.DocumentStatus;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItem;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemRepository;
-import org.raddatz.familienarchiv.person.Person;
-import org.raddatz.familienarchiv.person.PersonRepository;
-import org.raddatz.familienarchiv.user.AppUser;
-import org.raddatz.familienarchiv.user.AppUserRepository;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.boot.data.jpa.test.autoconfigure.DataJpaTest;
-import org.springframework.boot.jdbc.test.autoconfigure.AutoConfigureTestDatabase;
-import org.springframework.context.annotation.Import;
-
-import java.time.LocalDateTime;
-import java.util.List;
-import java.util.UUID;
-
-import static org.assertj.core.api.Assertions.assertThat;
-
-@DataJpaTest
-@AutoConfigureTestDatabase(replace = AutoConfigureTestDatabase.Replace.NONE)
-@Import({PostgresContainerConfig.class, FlywayConfig.class})
-class GeschichteListProjectionTest {
-
-    @Autowired GeschichteRepository geschichteRepository;
-    @Autowired AppUserRepository appUserRepository;
-    @Autowired PersonRepository personRepository;
-    @Autowired DocumentRepository documentRepository;
-    @Autowired JourneyItemRepository journeyItemRepository;
-
-    AppUser author;
-    AppUser otherAuthor;
-
-    @BeforeEach
-    void setUp() {
-        geschichteRepository.deleteAll();
-        author = appUserRepository.save(AppUser.builder()
-                .email("author@test").password("pw").build());
-        otherAuthor = appUserRepository.save(AppUser.builder()
-                .email("other@test").password("pw").build());
-    }
-
-    // ─── findSummaries returns only the requested status ─────────────────────
-
-    @Test
-    void findSummaries_returns_only_published_stories_when_effectiveStatus_is_PUBLISHED() {
-        geschichteRepository.save(published("Veröffentlicht", author));
-        geschichteRepository.save(draft("Entwurf", author));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, null);
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getTitle()).isEqualTo("Veröffentlicht");
-    }
-
-    @Test
-    void findSummaries_carries_updatedAt_for_dashboard_relative_times() {
-        // ReaderDraftsModule renders "bearbeitet vor X" from updatedAt — the
-        // projection must carry it for drafts, where publishedAt is null.
-        geschichteRepository.save(draft("Mein Entwurf", author));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.DRAFT, author.getId(), sentinel(), 0, null);
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getUpdatedAt()).isNotNull();
-    }
-
-    @Test
-    void findSummaries_returns_empty_list_when_no_published_geschichten_exist() {
-        geschichteRepository.save(draft("Nur Entwurf", author));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, null);
-
-        assertThat(result).isEmpty();
-    }
-
-    // ─── AuthorSummary nested projection ─────────────────────────────────────
-
-    @Test
-    void findSummaries_exposes_nested_author_names_but_never_email() {
-        AppUser richAuthor = appUserRepository.save(AppUser.builder()
-                .firstName("Franz").lastName("Raddatz")
-                .email("franz@raddatz.de").password("pw").build());
-        geschichteRepository.save(published("Briefe aus der Front", richAuthor));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, null);
-
-        assertThat(result).hasSize(1);
-        GeschichteSummary.AuthorSummary a = result.get(0).getAuthor();
-        assertThat(a.getFirstName()).isEqualTo("Franz");
-        assertThat(a.getLastName()).isEqualTo("Raddatz");
-        // Design rule (GeschichteView.AuthorView javadoc): author projections never
-        // expose email or group memberships to readers.
-        assertThat(GeschichteSummary.AuthorSummary.class.getMethods())
-                .extracting(java.lang.reflect.Method::getName)
-                .doesNotContain("getEmail");
-    }
-
-    // ─── GeschichteType is exposed ────────────────────────────────────────────
-
-    @Test
-    void findSummaries_exposes_type_field() {
-        Geschichte journey = Geschichte.builder()
-                .title("Eine Reise")
-                .status(GeschichteStatus.PUBLISHED)
-                .type(GeschichteType.JOURNEY)
-                .author(author)
-                .publishedAt(LocalDateTime.now())
-                .build();
-        geschichteRepository.save(journey);
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, null);
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getType()).isEqualTo(GeschichteType.JOURNEY);
-    }
-
-    // ─── authorId filter (own-drafts gate) ───────────────────────────────────
-
-    @Test
-    void findSummaries_with_authorId_returns_only_own_drafts() {
-        geschichteRepository.save(draft("Mein Entwurf", author));
-        geschichteRepository.save(draft("Fremder Entwurf", otherAuthor));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.DRAFT, author.getId(), sentinel(), 0, null);
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getTitle()).isEqualTo("Mein Entwurf");
-    }
-
-    // ─── personCount = 0 → no person filter ──────────────────────────────────
-
-    @Test
-    void findSummaries_with_personCount_zero_ignores_personIds_and_returns_all() {
-        geschichteRepository.save(published("A", author));
-        geschichteRepository.save(published("B", author));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, null);
-
-        assertThat(result).hasSize(2);
-    }
-
-    // ─── personCount > 0 AND-semantics ───────────────────────────────────────
-
-    @Test
-    void findSummaries_with_one_personId_returns_only_linked_stories() {
-        Person franz = personRepository.save(Person.builder().firstName("Franz").lastName("R").build());
-        Person anna = personRepository.save(Person.builder().firstName("Anna").lastName("R").build());
-
-        Geschichte withFranz = published("Franz story", author);
-        withFranz.getPersons().add(franz);
-        geschichteRepository.save(withFranz);
-
-        Geschichte withAnna = published("Anna story", author);
-        withAnna.getPersons().add(anna);
-        geschichteRepository.save(withAnna);
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, List.of(franz.getId()), 1, null);
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getTitle()).isEqualTo("Franz story");
-    }
-
-    @Test
-    void findSummaries_with_two_personIds_uses_AND_semantics() {
-        Person franz = personRepository.save(Person.builder().firstName("Franz").lastName("R").build());
-        Person anna = personRepository.save(Person.builder().firstName("Anna").lastName("R").build());
-
-        Geschichte both = published("Both", author);
-        both.getPersons().add(franz);
-        both.getPersons().add(anna);
-        geschichteRepository.save(both);
-
-        Geschichte onlyFranz = published("Only Franz", author);
-        onlyFranz.getPersons().add(franz);
-        geschichteRepository.save(onlyFranz);
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, List.of(franz.getId(), anna.getId()), 2, null);
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getTitle()).isEqualTo("Both");
-    }
-
-    // ─── documentId filter (JPQL EXISTS subquery) ────────────────────────────
-
-    @Test
-    void findSummaries_with_documentId_returns_journey_containing_that_document() {
-        Document doc = documentRepository.save(Document.builder()
-                .title("Brief").originalFilename("brief.pdf").status(DocumentStatus.UPLOADED).build());
-        Geschichte withDoc = geschichteRepository.save(journey("Reise mit Dokument", author));
-        Geschichte withoutDoc = geschichteRepository.save(journey("Reise ohne Dokument", author));
-        journeyItemRepository.save(JourneyItem.builder()
-                .geschichte(withDoc).document(doc).position(1).build());
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, doc.getId());
-
-        assertThat(result).hasSize(1);
-        assertThat(result.get(0).getTitle()).isEqualTo("Reise mit Dokument");
-        assertThat(result).extracting(GeschichteSummary::getTitle).doesNotContain("Reise ohne Dokument");
-    }
-
-    @Test
-    void findSummaries_with_unknown_documentId_returns_empty() {
-        geschichteRepository.save(journey("Irgendeine Reise", author));
-
-        List<GeschichteSummary> result = geschichteRepository.findSummaries(
-                GeschichteStatus.PUBLISHED, null, sentinel(), 0, UUID.randomUUID());
-
-        assertThat(result).isEmpty();
-    }
-
-    // ─── helpers ─────────────────────────────────────────────────────────────
-
-    private Geschichte published(String title, AppUser writer) {
-        return Geschichte.builder()
-                .title(title)
-                .status(GeschichteStatus.PUBLISHED)
-                .author(writer)
-                .publishedAt(LocalDateTime.now())
-                .build();
-    }
-
-    private Geschichte draft(String title, AppUser writer) {
-        return Geschichte.builder()
-                .title(title)
-                .status(GeschichteStatus.DRAFT)
-                .author(writer)
-                .build();
-    }
-
-    private Geschichte journey(String title, AppUser writer) {
-        return Geschichte.builder()
-                .title(title)
-                .status(GeschichteStatus.PUBLISHED)
-                .type(GeschichteType.JOURNEY)
-                .author(writer)
-                .publishedAt(LocalDateTime.now())
-                .build();
-    }
-
-    /** Sentinel UUID passed when personCount=0 — the IN() clause is never evaluated. */
-    private List<UUID> sentinel() {
-        return List.of(UUID.fromString("00000000-0000-0000-0000-000000000000"));
-    }
-}

backend/src/test/java/org/raddatz/familienarchiv/geschichte/GeschichteQueryServiceTest.java

@@ -1,38 +0,0 @@
-package org.raddatz.familienarchiv.geschichte;
-
-import org.junit.jupiter.api.Test;
-import org.junit.jupiter.api.extension.ExtendWith;
-import org.mockito.InjectMocks;
-import org.mockito.Mock;
-import org.mockito.junit.jupiter.MockitoExtension;
-
-import java.util.UUID;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.Mockito.when;
-
-@ExtendWith(MockitoExtension.class)
-class GeschichteQueryServiceTest {
-
-    @Mock
-    GeschichteRepository geschichteRepository;
-
-    @InjectMocks
-    GeschichteQueryService geschichteQueryService;
-
-    @Test
-    void existsById_returns_true_when_geschichte_exists() {
-        UUID id = UUID.randomUUID();
-        when(geschichteRepository.existsById(id)).thenReturn(true);
-
-        assertThat(geschichteQueryService.existsById(id)).isTrue();
-    }
-
-    @Test
-    void existsById_returns_false_when_geschichte_does_not_exist() {
-        UUID id = UUID.randomUUID();
-        when(geschichteRepository.existsById(id)).thenReturn(false);
-
-        assertThat(geschichteQueryService.existsById(id)).isFalse();
-    }
-}

backend/src/test/java/org/raddatz/familienarchiv/geschichte/GeschichteServiceIntegrationTest.java

@@ -8,12 +8,9 @@ import org.raddatz.familienarchiv.geschichte.GeschichteUpdateDTO;
 import org.raddatz.familienarchiv.user.AppUser;
 import org.raddatz.familienarchiv.geschichte.Geschichte;
 import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
-import org.raddatz.familienarchiv.geschichte.GeschichteType;
-import org.raddatz.familienarchiv.geschichte.GeschichteView;
 import org.raddatz.familienarchiv.person.Person;
 import org.raddatz.familienarchiv.user.AppUserRepository;
 import org.raddatz.familienarchiv.geschichte.GeschichteRepository;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemService;
 import org.raddatz.familienarchiv.person.PersonRepository;
 import org.raddatz.familienarchiv.security.Permission;
 import org.springframework.beans.factory.annotation.Autowired;
@@ -42,7 +39,6 @@ class GeschichteServiceIntegrationTest {
     S3Client s3Client;
 
     @Autowired GeschichteService geschichteService;
-    @Autowired JourneyItemService journeyItemService;
     @Autowired GeschichteRepository geschichteRepository;
     @Autowired PersonRepository personRepository;
     @Autowired AppUserRepository appUserRepository;
@@ -80,11 +76,11 @@ class GeschichteServiceIntegrationTest {
                 + "<script>alert('xss')</script>");
         dto.setPersonIds(List.of(franz.getId()));
 
-        GeschichteView created = geschichteService.create(dto);
+        Geschichte created = geschichteService.create(dto);
 
-        assertThat(created.id()).isNotNull();
+        assertThat(created.getId()).isNotNull();
-        assertThat(created.status()).isEqualTo(GeschichteStatus.DRAFT);
+        assertThat(created.getStatus()).isEqualTo(GeschichteStatus.DRAFT);
-        assertThat(created.body())
+        assertThat(created.getBody())
                 .contains("<strong>jeden Sonntag</strong>")
                 .doesNotContain("<script>");
 
@@ -93,7 +89,7 @@ class GeschichteServiceIntegrationTest {
         assertThat(geschichteService.list(null, List.of(), null, 50)).isEmpty();
 
         // Reader cannot fetch DRAFT by id (404 via GESCHICHTE_NOT_FOUND)
-        UUID draftId = created.id();
+        UUID draftId = created.getId();
         org.assertj.core.api.Assertions.assertThatThrownBy(() -> geschichteService.getById(draftId))
                 .hasMessageContaining("not found");
 
@@ -101,17 +97,16 @@ class GeschichteServiceIntegrationTest {
         authenticateAs(writer, Permission.BLOG_WRITE);
         GeschichteUpdateDTO publishDto = new GeschichteUpdateDTO();
         publishDto.setStatus(GeschichteStatus.PUBLISHED);
-        GeschichteView publishedGesch = geschichteService.update(draftId, publishDto);
+        Geschichte publishedGesch = geschichteService.update(draftId, publishDto);
-        assertThat(publishedGesch.publishedAt()).isNotNull();
+        assertThat(publishedGesch.getPublishedAt()).isNotNull();
 
         // Reader can now see and fetch it
         authenticateAs(reader, Permission.READ_ALL);
         assertThat(geschichteService.list(null, List.of(), null, 50)).hasSize(1);
         assertThat(geschichteService.list(null, List.of(franz.getId()), null, 50)).hasSize(1);
         Geschichte fetched = geschichteService.getById(draftId);
-        GeschichteView fetchedView = geschichteService.toView(fetched, journeyItemService.getItems(draftId));
+        assertThat(fetched.getTitle()).isEqualTo("Erinnerung an Opa Franz");
-        assertThat(fetchedView.title()).isEqualTo("Erinnerung an Opa Franz");
+        assertThat(fetched.getPersons()).extracting(Person::getId).containsExactly(franz.getId());
-        assertThat(fetchedView.persons()).extracting(GeschichteView.PersonView::id).containsExactly(franz.getId());
 
         // Delete as writer; join rows go with it
         authenticateAs(writer, Permission.BLOG_WRITE);
@@ -142,17 +137,17 @@ class GeschichteServiceIntegrationTest {
 
         // No filter → all three
         assertThat(geschichteService.list(null, List.of(), null, 50))
-                .extracting(GeschichteSummary::getId)
+                .extracting(Geschichte::getId)
                 .containsExactlyInAnyOrder(storyAB, storyAC, storyA);
 
         // Single filter (Anna) → all three
         assertThat(geschichteService.list(null, List.of(a.getId()), null, 50))
-                .extracting(GeschichteSummary::getId)
+                .extracting(Geschichte::getId)
                 .containsExactlyInAnyOrder(storyAB, storyAC, storyA);
 
         // AND: Anna AND Bertha → only the AB story (NOT story_A, NOT story_AC)
         assertThat(geschichteService.list(null, List.of(a.getId(), b.getId()), null, 50))
-                .extracting(GeschichteSummary::getId)
+                .extracting(Geschichte::getId)
                 .containsExactly(storyAB);
 
         // AND: Bertha AND Carl → none (no story has both)
@@ -179,7 +174,7 @@ class GeschichteServiceIntegrationTest {
         geschichteService.create(dto);
 
         authenticateAs(writer2, Permission.BLOG_WRITE);
-        List<GeschichteSummary> result = geschichteService.list(GeschichteStatus.DRAFT, List.of(), null, 50);
+        List<Geschichte> result = geschichteService.list(GeschichteStatus.DRAFT, List.of(), null, 50);
 
         assertThat(result).isEmpty();
     }
@@ -190,7 +185,7 @@ class GeschichteServiceIntegrationTest {
         dto.setBody("<p>body</p>");
         dto.setPersonIds(personIds);
         dto.setStatus(GeschichteStatus.PUBLISHED);
-        return geschichteService.create(dto).id();
+        return geschichteService.create(dto).getId();
     }
 
     private void authenticateAs(AppUser user, Permission... permissions) {

backend/src/test/java/org/raddatz/familienarchiv/geschichte/GeschichteServiceTest.java

@@ -7,22 +7,26 @@ import org.junit.jupiter.api.extension.ExtendWith;
 import org.mockito.InjectMocks;
 import org.mockito.Mock;
 import org.mockito.junit.jupiter.MockitoExtension;
+import org.raddatz.familienarchiv.geschichte.GeschichteUpdateDTO;
 import org.raddatz.familienarchiv.exception.DomainException;
 import org.raddatz.familienarchiv.exception.ErrorCode;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemService;
-import org.raddatz.familienarchiv.geschichte.journeyitem.JourneyItemView;
 import org.raddatz.familienarchiv.user.AppUser;
+import org.raddatz.familienarchiv.document.Document;
+import org.raddatz.familienarchiv.geschichte.Geschichte;
+import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
 import org.raddatz.familienarchiv.person.Person;
+import org.raddatz.familienarchiv.geschichte.GeschichteRepository;
 import org.raddatz.familienarchiv.security.Permission;
 import org.raddatz.familienarchiv.document.DocumentService;
 import org.raddatz.familienarchiv.person.PersonService;
 import org.raddatz.familienarchiv.user.UserService;
+import org.springframework.data.domain.Sort;
+import org.springframework.data.jpa.domain.Specification;
 import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
 import org.springframework.security.core.authority.SimpleGrantedAuthority;
 import org.springframework.security.core.context.SecurityContextHolder;
 
 import java.time.LocalDateTime;
-import java.util.ArrayList;
 import java.util.HashSet;
 import java.util.List;
 import java.util.Optional;
@@ -33,10 +37,7 @@ import java.util.stream.Collectors;
 import static org.assertj.core.api.Assertions.assertThat;
 import static org.assertj.core.api.Assertions.assertThatThrownBy;
 import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.ArgumentMatchers.anyLong;
 import static org.mockito.ArgumentMatchers.eq;
-import static org.mockito.Mockito.lenient;
-import static org.mockito.Mockito.mock;
 import static org.mockito.Mockito.never;
 import static org.mockito.Mockito.verify;
 import static org.mockito.Mockito.when;
@@ -44,13 +45,17 @@ import static org.mockito.Mockito.when;
 @ExtendWith(MockitoExtension.class)
 class GeschichteServiceTest {
 
-    @Mock GeschichteRepository geschichteRepository;
+    @Mock
-    @Mock PersonService personService;
+    GeschichteRepository geschichteRepository;
-    @Mock DocumentService documentService;
+    @Mock
-    @Mock UserService userService;
+    PersonService personService;
-    @Mock JourneyItemService journeyItemService;
+    @Mock
+    DocumentService documentService;
+    @Mock
+    UserService userService;
 
-    @InjectMocks GeschichteService geschichteService;
+    @InjectMocks
+    GeschichteService geschichteService;
 
     AppUser writer;
     AppUser reader;
@@ -91,8 +96,7 @@ class GeschichteServiceTest {
 
         Geschichte result = geschichteService.getById(id);
 
-        assertThat(result.getId()).isEqualTo(id);
+        assertThat(result).isSameAs(draft);
-        assertThat(result.getStatus()).isEqualTo(GeschichteStatus.DRAFT);
     }
 
     @Test
@@ -104,8 +108,7 @@ class GeschichteServiceTest {
 
         Geschichte result = geschichteService.getById(id);
 
-        assertThat(result.getId()).isEqualTo(id);
+        assertThat(result).isSameAs(published);
-        assertThat(result.getStatus()).isEqualTo(GeschichteStatus.PUBLISHED);
     }
 
     @Test
@@ -120,175 +123,79 @@ class GeschichteServiceTest {
                 .isEqualTo(ErrorCode.GESCHICHTE_NOT_FOUND);
     }
 
-    // ─── getView ──────────────────────────────────────────────────────────────
-
-    @Test
-    void getView_returns_assembled_view_and_delegates_to_journeyItemService() {
-        authenticateAs(reader, Permission.READ_ALL);
-        UUID id = UUID.randomUUID();
-        Geschichte published = published(id);
-        JourneyItemView item = new JourneyItemView(UUID.randomUUID(), 10, null, "Note");
-        when(geschichteRepository.findById(id)).thenReturn(Optional.of(published));
-        when(journeyItemService.getItems(id)).thenReturn(List.of(item));
-
-        GeschichteView view = geschichteService.getView(id);
-
-        assertThat(view.id()).isEqualTo(id);
-        assertThat(view.items()).containsExactly(item);
-        verify(journeyItemService).getItems(id);
-    }
-
-    @Test
-    void getView_throws_NOT_FOUND_when_id_unknown() {
-        authenticateAs(reader, Permission.READ_ALL);
-        UUID id = UUID.randomUUID();
-        when(geschichteRepository.findById(id)).thenReturn(Optional.empty());
-
-        assertThatThrownBy(() -> geschichteService.getView(id))
-                .isInstanceOf(DomainException.class)
-                .extracting("code")
-                .isEqualTo(ErrorCode.GESCHICHTE_NOT_FOUND);
-    }
-
-    @Test
-    void toView_author_displayName_uses_firstName_lastName() {
-        UUID id = UUID.randomUUID();
-        Geschichte published = published(id);
-        published.setAuthor(AppUser.builder()
-                .id(UUID.randomUUID()).email("author@test")
-                .firstName("Hans").lastName("Raddatz").build());
-
-        GeschichteView result = geschichteService.toView(published, List.of());
-
-        assertThat(result.author().displayName()).isEqualTo("Hans Raddatz");
-    }
-
-    @Test
-    void toView_author_displayName_falls_back_to_Unbekannt_when_names_blank() {
-        UUID id = UUID.randomUUID();
-        Geschichte published = published(id);
-        published.setAuthor(AppUser.builder()
-                .id(UUID.randomUUID()).email("anon@test").build());
-
-        GeschichteView result = geschichteService.toView(published, List.of());
-
-        assertThat(result.author().displayName()).isEqualTo("[Unbekannt]");
-    }
-
-    @Test
-    void toView_author_email_is_not_in_author_view() {
-        UUID id = UUID.randomUUID();
-        Geschichte published = published(id);
-        published.setAuthor(AppUser.builder()
-                .id(UUID.randomUUID()).email("secret@test")
-                .firstName("Max").lastName("M").build());
-
-        GeschichteView result = geschichteService.toView(published, List.of());
-
-        // AuthorView exposes only id + displayName — no email field at all
-        assertThat(result.author()).isInstanceOf(GeschichteView.AuthorView.class);
-        assertThat(result.author().displayName()).doesNotContain("secret@test");
-    }
-
-    @Test
-    void toView_persons_are_mapped_to_PersonView() {
-        UUID id = UUID.randomUUID();
-        UUID personId = UUID.randomUUID();
-        Geschichte published = published(id);
-        published.setPersons(new HashSet<>(List.of(
-                Person.builder().id(personId).firstName("Franz").lastName("Raddatz").build()
-        )));
-
-        GeschichteView result = geschichteService.toView(published, List.of());
-
-        assertThat(result.persons()).hasSize(1);
-        GeschichteView.PersonView pv = result.persons().iterator().next();
-        assertThat(pv.id()).isEqualTo(personId);
-        assertThat(pv.firstName()).isEqualTo("Franz");
-        assertThat(pv.lastName()).isEqualTo("Raddatz");
-    }
-
-    @Test
-    void toView_items_are_passed_through() {
-        UUID id = UUID.randomUUID();
-        Geschichte published = published(id);
-
-        GeschichteView result = geschichteService.toView(published, List.of());
-
-        assertThat(result.items()).isEmpty();
-    }
-
     // ─── list ─────────────────────────────────────────────────────────────────
 
     @Test
     void list_forces_PUBLISHED_status_for_reader_without_BLOG_WRITE() {
         authenticateAs(reader, Permission.READ_ALL);
-        when(geschichteRepository.findSummaries(any(), any(), any(), anyLong(), any()))
+        when(geschichteRepository.findAll(any(Specification.class), any(Sort.class)))
-                .thenReturn(List.of());
+                .thenReturn(List.of(published(UUID.randomUUID())));
 
-        geschichteService.list(null, List.of(), null, 50);
+        geschichteService.list(/*status*/ null, /*personIds*/ List.of(), /*documentId*/ null, /*limit*/ 50);
 
-        verify(geschichteRepository).findSummaries(any(), any(), any(), anyLong(), any());
+        // Status pinning lives inside the Specification; we assert end-to-end behaviour
+        // in GeschichteServiceIntegrationTest. Here we just confirm the service routes
+        // through the spec-aware repository method.
+        verify(geschichteRepository).findAll(any(Specification.class), any(Sort.class));
     }
 
     @Test
     void list_passes_null_status_through_for_BLOG_WRITER_so_drafts_are_visible() {
         authenticateAs(writer, Permission.BLOG_WRITE);
-        GeschichteSummary s1 = mock(GeschichteSummary.class);
+        when(geschichteRepository.findAll(any(Specification.class), any(Sort.class)))
-        GeschichteSummary s2 = mock(GeschichteSummary.class);
+                .thenReturn(List.of(draft(UUID.randomUUID()), published(UUID.randomUUID())));
-        when(geschichteRepository.findSummaries(any(), any(), any(), anyLong(), any()))
-                .thenReturn(List.of(s1, s2));
 
-        List<GeschichteSummary> out = geschichteService.list(null, List.of(), null, 50);
+        List<Geschichte> out = geschichteService.list(null, List.of(), null, 50);
 
         assertThat(out).hasSize(2);
-        verify(geschichteRepository).findSummaries(any(), any(), any(), anyLong(), any());
+        verify(geschichteRepository).findAll(any(Specification.class), any(Sort.class));
     }
 
     @Test
-    void list_invokes_repository_findSummaries_when_filtering_by_single_personId() {
+    void list_invokes_repository_findAll_when_filtering_by_single_personId() {
         authenticateAs(reader, Permission.READ_ALL);
         UUID personId = UUID.randomUUID();
-        when(geschichteRepository.findSummaries(any(), any(), any(), anyLong(), any()))
+        when(geschichteRepository.findAll(any(Specification.class), any(Sort.class)))
                 .thenReturn(List.of());
 
         geschichteService.list(null, List.of(personId), null, 50);
 
-        verify(geschichteRepository).findSummaries(any(), any(), any(), anyLong(), any());
+        verify(geschichteRepository).findAll(any(Specification.class), any(Sort.class));
     }
 
     @Test
-    void list_invokes_repository_findSummaries_when_filtering_by_multiple_personIds() {
+    void list_invokes_repository_findAll_when_filtering_by_multiple_personIds() {
         authenticateAs(reader, Permission.READ_ALL);
         UUID a = UUID.randomUUID();
         UUID b = UUID.randomUUID();
-        when(geschichteRepository.findSummaries(any(), any(), any(), anyLong(), any()))
+        when(geschichteRepository.findAll(any(Specification.class), any(Sort.class)))
                 .thenReturn(List.of());
 
         geschichteService.list(null, List.of(a, b), null, 50);
 
-        verify(geschichteRepository).findSummaries(any(), any(), any(), anyLong(), any());
+        verify(geschichteRepository).findAll(any(Specification.class), any(Sort.class));
     }
 
     @Test
-    void list_passes_documentId_to_repository_as_journey_item_filter() {
+    void list_filters_by_documentId() {
         authenticateAs(reader, Permission.READ_ALL);
         UUID documentId = UUID.randomUUID();
-        when(geschichteRepository.findSummaries(any(), any(), any(), anyLong(), any()))
+        when(geschichteRepository.findAll(any(Specification.class), any(Sort.class)))
                 .thenReturn(List.of());
 
         geschichteService.list(null, List.of(), documentId, 50);
 
-        verify(geschichteRepository).findSummaries(any(), any(), any(), anyLong(), eq(documentId));
+        verify(geschichteRepository).findAll(any(Specification.class), any(Sort.class));
     }
 
     @Test
-    void list_caps_limit_at_max_when_caller_passes_huge_value() {
+    void list_caps_limit_at_max_via_pageable_when_caller_passes_huge_value() {
         authenticateAs(reader, Permission.READ_ALL);
-        when(geschichteRepository.findSummaries(any(), any(), any(), anyLong(), any()))
+        when(geschichteRepository.findAll(any(Specification.class), any(Sort.class)))
-                .thenReturn(List.of(mock(GeschichteSummary.class)));
+                .thenReturn(List.of(published(UUID.randomUUID())));
 
-        List<GeschichteSummary> out = geschichteService.list(null, List.of(), null, 9999);
+        // 9999 should be clamped — service trims to MAX_LIMIT (200) before/after the query
+        List<Geschichte> out = geschichteService.list(null, List.of(), null, 9999);
 
         assertThat(out).hasSizeLessThanOrEqualTo(200);
     }
@@ -306,11 +213,11 @@ class GeschichteServiceTest {
         dto.setTitle("My Story");
         dto.setBody("<p>plain text</p>");
 
-        GeschichteView saved = geschichteService.create(dto);
+        Geschichte saved = geschichteService.create(dto);
 
-        assertThat(saved.status()).isEqualTo(GeschichteStatus.DRAFT);
+        assertThat(saved.getStatus()).isEqualTo(GeschichteStatus.DRAFT);
-        assertThat(saved.publishedAt()).isNull();
+        assertThat(saved.getPublishedAt()).isNull();
-        assertThat(saved.author().id()).isEqualTo(writer.getId());
+        assertThat(saved.getAuthor()).isSameAs(writer);
     }
 
     @Test
@@ -324,9 +231,9 @@ class GeschichteServiceTest {
         dto.setTitle("XSS attempt");
         dto.setBody("<p>safe</p><script>alert(1)</script><img src=x onerror=alert(2)>");
 
-        GeschichteView saved = geschichteService.create(dto);
+        Geschichte saved = geschichteService.create(dto);
 
-        assertThat(saved.body())
+        assertThat(saved.getBody())
                 .contains("<p>safe</p>")
                 .doesNotContain("<script>")
                 .doesNotContain("onerror")
@@ -345,9 +252,9 @@ class GeschichteServiceTest {
         dto.setBody("<h2>Heading</h2><p>Some <strong>bold</strong> and <em>italic</em>.</p>"
                 + "<ul><li>one</li></ul><ol><li>first</li></ol>");
 
-        GeschichteView saved = geschichteService.create(dto);
+        Geschichte saved = geschichteService.create(dto);
 
-        assertThat(saved.body())
+        assertThat(saved.getBody())
                 .contains("<h2>Heading</h2>")
                 .contains("<strong>bold</strong>")
                 .contains("<em>italic</em>")
@@ -370,9 +277,28 @@ class GeschichteServiceTest {
         dto.setTitle("Linked");
         dto.setPersonIds(List.of(personId));
 
-        GeschichteView saved = geschichteService.create(dto);
+        Geschichte saved = geschichteService.create(dto);
 
-        assertThat(saved.persons()).extracting(GeschichteView.PersonView::id).containsExactly(personId);
+        assertThat(saved.getPersons()).containsExactly(person);
+    }
+
+    @Test
+    void create_resolves_documentIds_via_DocumentService() {
+        authenticateAs(writer, Permission.BLOG_WRITE);
+        when(userService.findByEmail(writer.getEmail())).thenReturn(writer);
+        UUID docId = UUID.randomUUID();
+        Document doc = Document.builder().id(docId).build();
+        when(documentService.getDocumentById(docId)).thenReturn(doc);
+        when(geschichteRepository.save(any(Geschichte.class)))
+                .thenAnswer(inv -> inv.getArgument(0));
+
+        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
+        dto.setTitle("Linked doc");
+        dto.setDocumentIds(List.of(docId));
+
+        Geschichte saved = geschichteService.create(dto);
+
+        assertThat(saved.getDocuments()).containsExactly(doc);
     }
 
     @Test
@@ -389,94 +315,6 @@ class GeschichteServiceTest {
                 .isEqualTo(ErrorCode.VALIDATION_ERROR);
     }
 
-    @Test
-    void create_preserves_JOURNEY_type_from_dto() {
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        when(userService.findByEmail(writer.getEmail())).thenReturn(writer);
-        when(geschichteRepository.save(any(Geschichte.class)))
-                .thenAnswer(inv -> inv.getArgument(0));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setTitle("My Journey");
-        dto.setType(GeschichteType.JOURNEY);
-
-        GeschichteView saved = geschichteService.create(dto);
-
-        assertThat(saved.type()).isEqualTo(GeschichteType.JOURNEY);
-    }
-
-    @Test
-    void create_defaults_to_STORY_when_type_is_null() {
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        when(userService.findByEmail(writer.getEmail())).thenReturn(writer);
-        when(geschichteRepository.save(any(Geschichte.class)))
-                .thenAnswer(inv -> inv.getArgument(0));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setTitle("My Story");
-
-        GeschichteView saved = geschichteService.create(dto);
-
-        assertThat(saved.type()).isEqualTo(GeschichteType.STORY);
-    }
-
-    @Test
-    void create_stores_JOURNEY_intro_verbatim_without_html_entity_encoding() {
-        // The journey intro is plain text: JourneyReader renders it via Svelte text
-        // interpolation (never {@html}), so the OWASP sanitizer's entity encoding
-        // would corrupt real content ("Müller & Söhne" → "Müller &amp; Söhne") and
-        // re-encode cumulatively on every editor round-trip.
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        when(userService.findByEmail(writer.getEmail())).thenReturn(writer);
-        when(geschichteRepository.save(any(Geschichte.class)))
-                .thenAnswer(inv -> inv.getArgument(0));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setTitle("Winterbriefe");
-        dto.setType(GeschichteType.JOURNEY);
-        dto.setBody("Müller & Söhne, Temperatur < 0");
-
-        GeschichteView saved = geschichteService.create(dto);
-
-        assertThat(saved.body()).isEqualTo("Müller & Söhne, Temperatur < 0");
-    }
-
-    @Test
-    void update_stores_JOURNEY_intro_verbatim_without_html_entity_encoding() {
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        UUID id = UUID.randomUUID();
-        Geschichte existing = draft(id);
-        existing.setType(GeschichteType.JOURNEY);
-        when(geschichteRepository.findById(id)).thenReturn(Optional.of(existing));
-        when(geschichteRepository.save(any(Geschichte.class)))
-                .thenAnswer(inv -> inv.getArgument(0));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setBody("Temperatur < 0 & Schnee");
-
-        GeschichteView saved = geschichteService.update(id, dto);
-
-        assertThat(saved.body()).isEqualTo("Temperatur < 0 & Schnee");
-    }
-
-    @Test
-    void update_still_sanitizes_STORY_body() {
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        UUID id = UUID.randomUUID();
-        Geschichte existing = draft(id);
-        existing.setType(GeschichteType.STORY);
-        when(geschichteRepository.findById(id)).thenReturn(Optional.of(existing));
-        when(geschichteRepository.save(any(Geschichte.class)))
-                .thenAnswer(inv -> inv.getArgument(0));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setBody("<p>ok</p><script>alert(1)</script>");
-
-        GeschichteView saved = geschichteService.update(id, dto);
-
-        assertThat(saved.body()).doesNotContain("<script>").contains("<p>ok</p>");
-    }
-
     // ─── update ──────────────────────────────────────────────────────────────
 
     @Test
@@ -492,10 +330,10 @@ class GeschichteServiceTest {
         GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
         dto.setStatus(GeschichteStatus.PUBLISHED);
 
-        GeschichteView saved = geschichteService.update(id, dto);
+        Geschichte saved = geschichteService.update(id, dto);
 
-        assertThat(saved.status()).isEqualTo(GeschichteStatus.PUBLISHED);
+        assertThat(saved.getStatus()).isEqualTo(GeschichteStatus.PUBLISHED);
-        assertThat(saved.publishedAt()).isNotNull();
+        assertThat(saved.getPublishedAt()).isNotNull();
     }
 
     @Test
@@ -511,10 +349,10 @@ class GeschichteServiceTest {
         GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
         dto.setStatus(GeschichteStatus.DRAFT);
 
-        GeschichteView saved = geschichteService.update(id, dto);
+        Geschichte saved = geschichteService.update(id, dto);
 
-        assertThat(saved.status()).isEqualTo(GeschichteStatus.DRAFT);
+        assertThat(saved.getStatus()).isEqualTo(GeschichteStatus.DRAFT);
-        assertThat(saved.publishedAt()).isNull();
+        assertThat(saved.getPublishedAt()).isNull();
     }
 
     @Test
@@ -528,46 +366,9 @@ class GeschichteServiceTest {
         GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
         dto.setBody("<p>ok</p><script>alert(1)</script>");
 
-        GeschichteView saved = geschichteService.update(id, dto);
+        Geschichte saved = geschichteService.update(id, dto);
 
-        assertThat(saved.body()).doesNotContain("<script>").contains("<p>ok</p>");
+        assertThat(saved.getBody()).doesNotContain("<script>").contains("<p>ok</p>");
-    }
-
-    @Test
-    void update_rejects_type_change_with_409_GESCHICHTE_TYPE_IMMUTABLE() {
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        UUID id = UUID.randomUUID();
-        Geschichte existing = draft(id);
-        existing.setType(GeschichteType.STORY);
-        when(geschichteRepository.findById(id)).thenReturn(Optional.of(existing));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setType(GeschichteType.JOURNEY);
-
-        assertThatThrownBy(() -> geschichteService.update(id, dto))
-                .isInstanceOf(DomainException.class)
-                .extracting("code")
-                .isEqualTo(ErrorCode.GESCHICHTE_TYPE_IMMUTABLE);
-    }
-
-    @Test
-    void update_accepts_dto_carrying_the_unchanged_type() {
-        authenticateAs(writer, Permission.BLOG_WRITE);
-        UUID id = UUID.randomUUID();
-        Geschichte existing = draft(id);
-        existing.setType(GeschichteType.STORY);
-        when(geschichteRepository.findById(id)).thenReturn(Optional.of(existing));
-        when(geschichteRepository.save(any(Geschichte.class)))
-                .thenAnswer(inv -> inv.getArgument(0));
-
-        GeschichteUpdateDTO dto = new GeschichteUpdateDTO();
-        dto.setType(GeschichteType.STORY);
-        dto.setTitle("Unverändert getypt");
-
-        GeschichteView saved = geschichteService.update(id, dto);
-
-        assertThat(saved.type()).isEqualTo(GeschichteType.STORY);
-        assertThat(saved.title()).isEqualTo("Unverändert getypt");
     }
 
     @Test
@@ -625,7 +426,7 @@ class GeschichteServiceTest {
                 .body("<p>body</p>")
                 .status(GeschichteStatus.DRAFT)
                 .persons(new HashSet<>())
-                .items(new ArrayList<>())
+                .documents(new HashSet<>())
                 .build();
     }
 
@@ -637,7 +438,7 @@ class GeschichteServiceTest {
                 .status(GeschichteStatus.PUBLISHED)
                 .publishedAt(LocalDateTime.now().minusHours(1))
                 .persons(new HashSet<>())
-                .items(new ArrayList<>())
+                .documents(new HashSet<>())
                 .build();
     }
 }

backend/src/test/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemConstraintsTest.java

@@ -1,153 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import org.junit.jupiter.api.BeforeEach;
-import org.junit.jupiter.api.Test;
-import org.raddatz.familienarchiv.PostgresContainerConfig;
-import org.raddatz.familienarchiv.document.Document;
-import org.raddatz.familienarchiv.document.DocumentRepository;
-import org.raddatz.familienarchiv.document.DocumentStatus;
-import org.raddatz.familienarchiv.geschichte.Geschichte;
-import org.raddatz.familienarchiv.geschichte.GeschichteRepository;
-import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
-import org.raddatz.familienarchiv.geschichte.GeschichteType;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.boot.test.context.SpringBootTest;
-import org.springframework.context.annotation.Import;
-import org.springframework.dao.DataIntegrityViolationException;
-import org.springframework.jdbc.core.JdbcTemplate;
-import org.springframework.test.context.ActiveProfiles;
-import org.springframework.test.context.bean.override.mockito.MockitoBean;
-import software.amazon.awssdk.services.s3.S3Client;
-
-import java.util.UUID;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.assertj.core.api.Assertions.assertThatThrownBy;
-
-/**
- * Raw-SQL constraint tests for journey_items — deliberately NOT @Transactional at class level.
- * A DataIntegrityViolationException inside a class-level @Transactional marks the tx
- * rollback-only and cascades into TransactionSystemException on teardown.
- * Each test inserts via jdbcTemplate and uses explicit SQL teardown.
- */
-@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.NONE)
-@ActiveProfiles("test")
-@Import(PostgresContainerConfig.class)
-class JourneyItemConstraintsTest {
-
-    @MockitoBean
-    S3Client s3Client;
-
-    @Autowired JdbcTemplate jdbcTemplate;
-    @Autowired GeschichteRepository geschichteRepository;
-    @Autowired DocumentRepository documentRepository;
-
-    private UUID geschichteId;
-    private UUID documentId;
-
-    @BeforeEach
-    void seed() {
-        jdbcTemplate.execute("DELETE FROM journey_items");
-        Document doc = documentRepository.save(Document.builder()
-                .title("Constraints-Test-Doc")
-                .originalFilename("ct.pdf")
-                .status(DocumentStatus.UPLOADED)
-                .build());
-        documentId = doc.getId();
-        Geschichte g = geschichteRepository.save(Geschichte.builder()
-                .title("Constraints-Test-Journey")
-                .status(GeschichteStatus.DRAFT)
-                .type(GeschichteType.JOURNEY)
-                .build());
-        geschichteId = g.getId();
-    }
-
-    @Test
-    void unique_constraint_is_deferrable_initially_deferred() {
-        Boolean condeferrable = jdbcTemplate.queryForObject(
-                "SELECT condeferrable FROM pg_constraint WHERE conname = 'uq_journey_items_geschichte_position'",
-                Boolean.class);
-        Boolean condeferred = jdbcTemplate.queryForObject(
-                "SELECT condeferred FROM pg_constraint WHERE conname = 'uq_journey_items_geschichte_position'",
-                Boolean.class);
-        assertThat(condeferrable).as("constraint must be deferrable").isTrue();
-        assertThat(condeferred).as("constraint must be initially deferred").isTrue();
-    }
-
-    @Test
-    void unique_index_rejects_duplicate_document_per_geschichte() {
-        // Atomic backstop for the service-level dedup pre-check (check-then-insert race).
-        jdbcTemplate.update(
-                "INSERT INTO journey_items (id, geschichte_id, position, document_id) VALUES (?, ?, ?, ?)",
-                UUID.randomUUID(), geschichteId, 10, documentId);
-        assertThatThrownBy(() ->
-                jdbcTemplate.update(
-                        "INSERT INTO journey_items (id, geschichte_id, position, document_id) VALUES (?, ?, ?, ?)",
-                        UUID.randomUUID(), geschichteId, 20, documentId))
-                .isInstanceOf(DataIntegrityViolationException.class);
-    }
-
-    @Test
-    void unique_index_allows_same_document_in_different_journeys() {
-        Geschichte other = geschichteRepository.save(Geschichte.builder()
-                .title("Andere Lesereise")
-                .status(GeschichteStatus.DRAFT)
-                .type(GeschichteType.JOURNEY)
-                .build());
-        jdbcTemplate.update(
-                "INSERT INTO journey_items (id, geschichte_id, position, document_id) VALUES (?, ?, ?, ?)",
-                UUID.randomUUID(), geschichteId, 10, documentId);
-        jdbcTemplate.update(
-                "INSERT INTO journey_items (id, geschichte_id, position, document_id) VALUES (?, ?, ?, ?)",
-                UUID.randomUUID(), other.getId(), 10, documentId);
-        Integer count = jdbcTemplate.queryForObject(
-                "SELECT COUNT(*) FROM journey_items WHERE document_id = ?", Integer.class, documentId);
-        assertThat(count).isEqualTo(2);
-    }
-
-    @Test
-    void unique_index_allows_multiple_note_only_items() {
-        // document_id IS NULL rows must not collide — the index is partial.
-        jdbcTemplate.update(
-                "INSERT INTO journey_items (id, geschichte_id, position, note) VALUES (?, ?, ?, ?)",
-                UUID.randomUUID(), geschichteId, 10, "erste Notiz");
-        jdbcTemplate.update(
-                "INSERT INTO journey_items (id, geschichte_id, position, note) VALUES (?, ?, ?, ?)",
-                UUID.randomUUID(), geschichteId, 20, "zweite Notiz");
-        Integer count = jdbcTemplate.queryForObject(
-                "SELECT COUNT(*) FROM journey_items WHERE geschichte_id = ?", Integer.class, geschichteId);
-        assertThat(count).isEqualTo(2);
-    }
-
-    @Test
-    void note_length_check_rejects_2001_chars() {
-        assertThatThrownBy(() ->
-                jdbcTemplate.update(
-                        "INSERT INTO journey_items (id, geschichte_id, position, note) VALUES (?, ?, ?, ?)",
-                        UUID.randomUUID(), geschichteId, 10, "x".repeat(2001)))
-                .isInstanceOf(DataIntegrityViolationException.class);
-    }
-
-    @Test
-    void position_check_rejects_nonpositive() {
-        UUID itemId = UUID.randomUUID();
-        assertThatThrownBy(() ->
-                jdbcTemplate.update(
-                        "INSERT INTO journey_items (id, geschichte_id, position, note) VALUES (?, ?, ?, ?)",
-                        itemId, geschichteId, 0, "test"))
-                .isInstanceOf(DataIntegrityViolationException.class);
-    }
-
-    @Test
-    void unique_constraint_rejects_duplicate_position_per_geschichte() {
-        jdbcTemplate.update(
-                "INSERT INTO journey_items (id, geschichte_id, position, document_id) VALUES (?, ?, ?, ?)",
-                UUID.randomUUID(), geschichteId, 10, documentId);
-
-        assertThatThrownBy(() ->
-                jdbcTemplate.update(
-                        "INSERT INTO journey_items (id, geschichte_id, position, document_id) VALUES (?, ?, ?, ?)",
-                        UUID.randomUUID(), geschichteId, 10, documentId))
-                .isInstanceOf(DataIntegrityViolationException.class);
-    }
-}

backend/src/test/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemIntegrationTest.java

@@ -1,320 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import jakarta.persistence.EntityManager;
-import jakarta.persistence.PersistenceContext;
-import org.junit.jupiter.api.AfterEach;
-import org.junit.jupiter.api.BeforeEach;
-import org.junit.jupiter.api.Test;
-import org.raddatz.familienarchiv.PostgresContainerConfig;
-import org.raddatz.familienarchiv.document.Document;
-import org.raddatz.familienarchiv.document.DocumentRepository;
-import org.raddatz.familienarchiv.document.DocumentStatus;
-import org.raddatz.familienarchiv.geschichte.Geschichte;
-import org.raddatz.familienarchiv.geschichte.GeschichteRepository;
-import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
-import org.raddatz.familienarchiv.geschichte.GeschichteType;
-import org.raddatz.familienarchiv.security.Permission;
-import org.raddatz.familienarchiv.user.AppUser;
-import org.raddatz.familienarchiv.user.AppUserRepository;
-import org.springframework.beans.factory.annotation.Autowired;
-import org.springframework.boot.test.context.SpringBootTest;
-import org.springframework.context.annotation.Import;
-import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
-import org.springframework.security.core.authority.SimpleGrantedAuthority;
-import org.springframework.security.core.context.SecurityContextHolder;
-import org.springframework.test.context.ActiveProfiles;
-import org.springframework.test.context.bean.override.mockito.MockitoBean;
-import org.springframework.transaction.annotation.Transactional;
-import software.amazon.awssdk.services.s3.S3Client;
-
-import java.util.List;
-import java.util.UUID;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.assertj.core.api.Assertions.assertThatThrownBy;
-
-@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.NONE)
-@ActiveProfiles("test")
-@Import(PostgresContainerConfig.class)
-@Transactional
-class JourneyItemIntegrationTest {
-
-    @MockitoBean
-    S3Client s3Client;
-
-    @PersistenceContext
-    EntityManager em;
-
-    @Autowired GeschichteRepository geschichteRepository;
-    @Autowired JourneyItemRepository journeyItemRepository;
-    @Autowired JourneyItemService journeyItemService;
-    @Autowired DocumentRepository documentRepository;
-    @Autowired AppUserRepository appUserRepository;
-
-    Geschichte journey;
-    Document doc;
-    AppUser writer;
-
-    @BeforeEach
-    void seed() {
-        writer = appUserRepository.save(AppUser.builder()
-                .email("journey-writer@test")
-                .password("hash")
-                .build());
-        doc = documentRepository.save(Document.builder()
-                .title("Testbrief")
-                .originalFilename("testbrief.pdf")
-                .status(DocumentStatus.UPLOADED)
-                .build());
-        journey = geschichteRepository.save(Geschichte.builder()
-                .title("Eine Lesereise")
-                .status(GeschichteStatus.DRAFT)
-                .type(GeschichteType.JOURNEY)
-                .build());
-        em.flush();
-        em.clear();
-    }
-
-    @AfterEach
-    void clearSecurity() {
-        SecurityContextHolder.clearContext();
-    }
-
-    private void authenticateAs(AppUser user, Permission... permissions) {
-        var authorities = java.util.Arrays.stream(permissions)
-                .map(p -> new SimpleGrantedAuthority(p.name()))
-                .toList();
-        SecurityContextHolder.getContext().setAuthentication(
-                new UsernamePasswordAuthenticationToken(user.getEmail(), null, authorities));
-    }
-
-    // ─── @OrderBy ─────────────────────────────────────────────────────────────
-
-    @Test
-    void items_are_returned_in_position_order_regardless_of_insertion_order() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-
-        // Distinct content per item — V74's partial unique index forbids the same
-        // document twice in one journey, and ordering doesn't depend on it.
-        JourneyItem third = JourneyItem.builder().geschichte(managed).position(3000).document(doc).build();
-        JourneyItem first = JourneyItem.builder().geschichte(managed).position(1000).note("erstes").build();
-        JourneyItem second = JourneyItem.builder().geschichte(managed).position(2000).note("zweites").build();
-        managed.getItems().addAll(List.of(third, first, second));
-        geschichteRepository.save(managed);
-        em.flush();
-        em.clear();
-
-        Geschichte reloaded = geschichteRepository.findById(journey.getId()).orElseThrow();
-        List<Integer> positions = reloaded.getItems().stream().map(JourneyItem::getPosition).toList();
-
-        assertThat(positions).containsExactly(1000, 2000, 3000);
-    }
-
-    // ─── Cascade ALL + orphanRemoval ──────────────────────────────────────────
-
-    @Test
-    void deleting_geschichte_cascade_deletes_all_journey_items() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-        managed.getItems().add(JourneyItem.builder().geschichte(managed).position(1000).document(doc).build());
-        managed.getItems().add(JourneyItem.builder().geschichte(managed).position(2000).note("context").build());
-        geschichteRepository.save(managed);
-        em.flush();
-        em.clear();
-
-        UUID geschichteId = journey.getId();
-        geschichteRepository.deleteById(geschichteId);
-        em.flush();
-
-        assertThat(journeyItemRepository.findByGeschichteIdOrderByPosition(geschichteId)).isEmpty();
-    }
-
-    @Test
-    void removing_item_from_items_list_triggers_orphan_removal() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-        JourneyItem item = JourneyItem.builder().geschichte(managed).position(1000).document(doc).build();
-        managed.getItems().add(item);
-        Geschichte saved = geschichteRepository.save(managed);
-        em.flush();
-        UUID itemId = saved.getItems().get(0).getId(); // extract before clear
-        em.clear();
-        Geschichte reloaded = geschichteRepository.findById(journey.getId()).orElseThrow();
-        reloaded.getItems().removeIf(i -> i.getId().equals(itemId));
-        geschichteRepository.save(reloaded);
-        em.flush();
-
-        assertThat(journeyItemRepository.findById(itemId)).isEmpty();
-    }
-
-    // ─── GeschichteType round-trip ────────────────────────────────────────────
-
-    @Test
-    void type_persists_as_JOURNEY_and_roundtrips() {
-        Geschichte reloaded = geschichteRepository.findById(journey.getId()).orElseThrow();
-        assertThat(reloaded.getType()).isEqualTo(GeschichteType.JOURNEY);
-    }
-
-    @Test
-    void type_defaults_to_STORY_for_new_geschichten() {
-        Geschichte story = geschichteRepository.save(Geschichte.builder()
-                .title("Erinnerung")
-                .status(GeschichteStatus.DRAFT)
-                .build());
-        em.flush();
-        em.clear();
-
-        Geschichte reloaded = geschichteRepository.findById(story.getId()).orElseThrow();
-        assertThat(reloaded.getType()).isEqualTo(GeschichteType.STORY);
-    }
-
-    // ─── Note-only item (document_id IS NULL) ─────────────────────────────────
-
-    @Test
-    void note_only_item_persists_without_document() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-        JourneyItem note = JourneyItem.builder()
-                .geschichte(managed).position(1000).note("Eine kurze Einleitung.").build();
-        managed.getItems().add(note);
-        Geschichte saved = geschichteRepository.save(managed);
-        em.flush();
-        UUID noteId = saved.getItems().get(0).getId(); // extract before clear
-        em.clear();
-        JourneyItem reloaded = journeyItemRepository.findById(noteId).orElseThrow();
-        assertThat(reloaded.getDocumentId()).isNull();
-        assertThat(reloaded.getNote()).isEqualTo("Eine kurze Einleitung.");
-    }
-
-    // ─── Document-backed item exposes documentId ──────────────────────────────
-
-    @Test
-    void document_backed_item_exposes_document_uuid_via_getDocumentId() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-        JourneyItem item = JourneyItem.builder()
-                .geschichte(managed).position(1000).document(doc).build();
-        managed.getItems().add(item);
-        Geschichte saved = geschichteRepository.save(managed);
-        em.flush();
-        UUID itemId = saved.getItems().get(0).getId(); // extract before clear
-        em.clear();
-        JourneyItem reloaded = journeyItemRepository.findById(itemId).orElseThrow();
-        assertThat(reloaded.getDocumentId()).isEqualTo(doc.getId());
-    }
-
-    // ─── ON DELETE SET NULL ───────────────────────────────────────────────────
-
-    @Test
-    void deleting_document_sets_item_document_to_null_not_delete_item() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-        JourneyItem item = JourneyItem.builder()
-                .geschichte(managed).position(1000).document(doc).note("still here").build();
-        managed.getItems().add(item);
-        Geschichte saved = geschichteRepository.save(managed);
-        em.flush();
-        UUID itemId = saved.getItems().get(0).getId(); // extract before clear
-        em.clear();
-
-        // Delete document — ON DELETE SET NULL fires at DB level
-        documentRepository.deleteById(doc.getId());
-        em.flush();
-        em.clear();
-
-        JourneyItem surviving = journeyItemRepository.findById(itemId).orElseThrow();
-        assertThat(surviving.getDocumentId()).isNull();
-        assertThat(surviving.getNote()).isEqualTo("still here");
-    }
-
-    // ─── CHECK constraint: document_id IS NOT NULL OR note IS NOT NULL ─────────
-
-    @Test
-    void saving_item_with_neither_document_nor_note_violates_check_constraint() {
-        Geschichte managed = geschichteRepository.findById(journey.getId()).orElseThrow();
-        JourneyItem empty = JourneyItem.builder()
-                .geschichte(managed).position(1000).build();
-
-        assertThatThrownBy(() -> {
-            journeyItemRepository.save(empty);
-            journeyItemRepository.flush();
-        }).isInstanceOf(Exception.class);
-    }
-
-    // ─── JourneyItemService.append — end-to-end persistence ──────────────────
-
-    @Test
-    void append_persists_item_at_position_10() {
-        // Arrange: authenticate as a user with BLOG_WRITE
-        authenticateAs(writer, Permission.BLOG_WRITE);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("First stop");
-
-        // Act
-        JourneyItemView view = journeyItemService.append(journey.getId(), dto);
-        em.flush();
-        em.clear();
-
-        // Assert: item exists in DB at position 10
-        assertThat(view.position()).isEqualTo(10);
-        assertThat(view.note()).isEqualTo("First stop");
-        List<JourneyItem> persisted = journeyItemRepository.findByGeschichteIdOrderByPosition(journey.getId());
-        assertThat(persisted).hasSize(1);
-        assertThat(persisted.get(0).getPosition()).isEqualTo(10);
-        assertThat(persisted.get(0).getNote()).isEqualTo("First stop");
-    }
-
-    @Test
-    void append_document_persists_and_rejects_duplicate() {
-        // Covers the document branch of append, including the duplicate guard —
-        // the derived exists query must resolve document.id, which the transient
-        // getDocumentId() getter on JourneyItem shadows for Spring Data.
-        authenticateAs(writer, Permission.BLOG_WRITE);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setDocumentId(doc.getId());
-
-        JourneyItemView view = journeyItemService.append(journey.getId(), dto);
-        em.flush();
-        em.clear();
-
-        assertThat(view.document()).isNotNull();
-        assertThat(view.document().id()).isEqualTo(doc.getId());
-
-        JourneyItemCreateDTO duplicate = new JourneyItemCreateDTO();
-        duplicate.setDocumentId(doc.getId());
-        assertThatThrownBy(() -> journeyItemService.append(journey.getId(), duplicate))
-                .hasFieldOrPropertyWithValue("code",
-                        org.raddatz.familienarchiv.exception.ErrorCode.JOURNEY_DOCUMENT_ALREADY_ADDED);
-    }
-
-    // ─── JourneyItemService.reorder — atomicity check ────────────────────────
-
-    @Test
-    void reorder_swaps_positions_atomically() {
-        // Arrange: append two items (pos 10, pos 20)
-        authenticateAs(writer, Permission.BLOG_WRITE);
-
-        JourneyItemCreateDTO dto1 = new JourneyItemCreateDTO();
-        dto1.setNote("Item one");
-        JourneyItemView item1View = journeyItemService.append(journey.getId(), dto1);
-
-        JourneyItemCreateDTO dto2 = new JourneyItemCreateDTO();
-        dto2.setNote("Item two");
-        JourneyItemView item2View = journeyItemService.append(journey.getId(), dto2);
-
-        assertThat(item1View.position()).isEqualTo(10);
-        assertThat(item2View.position()).isEqualTo(20);
-
-        // Act: reorder with [item2, item1]
-        JourneyReorderDTO reorderDto = new JourneyReorderDTO();
-        reorderDto.setItemIds(List.of(item2View.id(), item1View.id()));
-        List<JourneyItemView> reordered = journeyItemService.reorder(journey.getId(), reorderDto);
-        em.flush();
-        em.clear();
-
-        // Assert: item2 is now at position 10, item1 is at position 20
-        List<JourneyItem> persisted = journeyItemRepository.findByGeschichteIdOrderByPosition(journey.getId());
-        assertThat(persisted).hasSize(2);
-        assertThat(persisted.get(0).getId()).isEqualTo(item2View.id());
-        assertThat(persisted.get(0).getPosition()).isEqualTo(10);
-        assertThat(persisted.get(1).getId()).isEqualTo(item1View.id());
-        assertThat(persisted.get(1).getPosition()).isEqualTo(20);
-    }
-}

backend/src/test/java/org/raddatz/familienarchiv/geschichte/journeyitem/JourneyItemServiceTest.java

@@ -1,745 +0,0 @@
-package org.raddatz.familienarchiv.geschichte.journeyitem;
-
-import org.junit.jupiter.api.BeforeEach;
-import org.junit.jupiter.api.Test;
-import org.junit.jupiter.api.extension.ExtendWith;
-import org.mockito.InjectMocks;
-import org.mockito.Mock;
-import org.mockito.junit.jupiter.MockitoExtension;
-import org.raddatz.familienarchiv.audit.AuditKind;
-import org.raddatz.familienarchiv.audit.AuditService;
-import org.raddatz.familienarchiv.document.DatePrecision;
-import org.raddatz.familienarchiv.document.Document;
-import org.raddatz.familienarchiv.document.DocumentService;
-import org.raddatz.familienarchiv.document.DocumentStatus;
-import org.raddatz.familienarchiv.exception.DomainException;
-import org.raddatz.familienarchiv.exception.ErrorCode;
-import org.raddatz.familienarchiv.geschichte.Geschichte;
-import org.raddatz.familienarchiv.geschichte.GeschichteQueryService;
-import org.raddatz.familienarchiv.geschichte.GeschichteStatus;
-import org.raddatz.familienarchiv.geschichte.GeschichteType;
-import org.raddatz.familienarchiv.person.Person;
-import org.raddatz.familienarchiv.user.AppUser;
-import org.raddatz.familienarchiv.user.UserService;
-import org.springframework.security.authentication.UsernamePasswordAuthenticationToken;
-import org.springframework.security.core.authority.SimpleGrantedAuthority;
-import org.springframework.security.core.context.SecurityContextHolder;
-
-import java.util.HashSet;
-import java.util.List;
-import java.util.Optional;
-import java.util.Set;
-import java.util.UUID;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.assertj.core.api.Assertions.assertThatThrownBy;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.ArgumentMatchers.eq;
-import static org.mockito.ArgumentMatchers.isNull;
-import static org.mockito.Mockito.lenient;
-import static org.mockito.Mockito.never;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.verifyNoInteractions;
-import static org.mockito.Mockito.when;
-
-@ExtendWith(MockitoExtension.class)
-class JourneyItemServiceTest {
-
-    @Mock JourneyItemRepository journeyItemRepository;
-    @Mock GeschichteQueryService geschichteQueryService;
-    @Mock DocumentService documentService;
-    @Mock AuditService auditService;
-    @Mock UserService userService;
-
-    @InjectMocks JourneyItemService journeyItemService;
-
-    UUID geschichteId = UUID.randomUUID();
-    UUID itemId = UUID.randomUUID();
-    UUID docId = UUID.randomUUID();
-    UUID actorId = UUID.randomUUID();
-
-    @BeforeEach
-    void setupAuth() {
-        AppUser actor = AppUser.builder().id(actorId).email("test@test.de").build();
-        lenient().when(userService.findByEmail("test@test.de")).thenReturn(actor);
-        lenient().when(geschichteQueryService.existsById(geschichteId)).thenReturn(true);
-        SecurityContextHolder.getContext().setAuthentication(
-                new UsernamePasswordAuthenticationToken("test@test.de", null,
-                        List.of(new SimpleGrantedAuthority("BLOG_WRITE"))));
-    }
-
-    // ─── toSummary — name composition ────────────────────────────────────────
-
-    @Test
-    void toSummary_uses_linked_person_firstName_lastName() {
-        Person sender = Person.builder().firstName("Franz").lastName("Raddatz").build();
-        Document doc = makeDoc(docId, sender, List.of(), null, null);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.senderName()).isEqualTo("Franz Raddatz");
-    }
-
-    @Test
-    void toSummary_falls_back_to_senderText_when_no_person() {
-        Document doc = makeDoc(docId, null, List.of(), "Familie Müller", null);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.senderName()).isEqualTo("Familie Müller");
-    }
-
-    @Test
-    void toSummary_returns_null_senderName_when_neither_person_nor_text() {
-        Document doc = makeDoc(docId, null, List.of(), null, null);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.senderName()).isNull();
-    }
-
-    @Test
-    void toSummary_receiverCount_0_and_null_name_when_no_receiver() {
-        Document doc = makeDoc(docId, null, List.of(), null, null);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.receiverCount()).isEqualTo(0);
-        assertThat(summary.receiverName()).isNull();
-    }
-
-    @Test
-    void toSummary_multi_receiver_returns_first_canonical_name_and_total_count() {
-        Person emma = Person.builder().firstName("Emma").lastName("Raddatz").build();
-        Person anna = Person.builder().firstName("Anna").lastName("Amann").build();
-        Document doc = makeDoc(docId, null, List.of(emma, anna), null, null);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.receiverCount()).isEqualTo(2);
-        assertThat(summary.receiverName()).isEqualTo("Anna Amann"); // alphabetically first by lastName
-    }
-
-    @Test
-    void toSummary_datePrecision_SEASON_roundtrips() {
-        Document doc = makeDoc(docId, null, List.of(), null, null);
-        doc.setMetaDatePrecision(DatePrecision.SEASON);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.datePrecision()).isEqualTo(DatePrecision.SEASON);
-    }
-
-    @Test
-    void toSummary_datePrecision_APPROX_roundtrips() {
-        Document doc = makeDoc(docId, null, List.of(), null, null);
-        doc.setMetaDatePrecision(DatePrecision.APPROX);
-
-        var summary = journeyItemService.toSummary(doc);
-
-        assertThat(summary.datePrecision()).isEqualTo(DatePrecision.APPROX);
-    }
-
-    // ─── append ──────────────────────────────────────────────────────────────
-
-    @Test
-    void append_to_empty_journey_starts_at_10() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-        when(journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)).thenReturn(Optional.empty());
-        JourneyItem saved = savedItem(itemId, journey, 10, null, "Note");
-        when(journeyItemRepository.saveAndFlush(any())).thenReturn(saved);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("Note");
-
-        JourneyItemView view = journeyItemService.append(geschichteId, dto);
-
-        assertThat(view.position()).isEqualTo(10);
-    }
-
-    @Test
-    void append_after_reorder_continues_from_max_position() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(2L);
-        when(journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)).thenReturn(Optional.of(40));
-        JourneyItem saved = savedItem(itemId, journey, 50, null, "Note");
-        when(journeyItemRepository.saveAndFlush(any())).thenReturn(saved);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("Note");
-
-        JourneyItemView view = journeyItemService.append(geschichteId, dto);
-
-        assertThat(view.position()).isEqualTo(50);
-    }
-
-    @Test
-    void append_returns400_when_neither_documentId_nor_note() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .hasMessageContaining("documentId or note");
-    }
-
-    @Test
-    void append_returns400_when_note_trims_to_empty_and_no_document() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("   \n  ");
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class);
-    }
-
-    @Test
-    void append_rejects_note_longer_than_2000_chars_with_JOURNEY_NOTE_TOO_LONG() {
-        // 2000 is the spec'd limit (frontend maxlength + i18n message agree) — see #793.
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("x".repeat(2001));
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_NOTE_TOO_LONG));
-    }
-
-    @Test
-    void append_accepts_note_of_exactly_2000_chars() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-        when(journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)).thenReturn(Optional.empty());
-        JourneyItem saved = savedItem(itemId, journey, 10, null, "x".repeat(2000));
-        when(journeyItemRepository.saveAndFlush(any())).thenReturn(saved);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("x".repeat(2000));
-
-        assertThat(journeyItemService.append(geschichteId, dto).note()).hasSize(2000);
-    }
-
-    @Test
-    void append_returns409_on_non_JOURNEY_type() {
-        Geschichte story = Geschichte.builder()
-                .id(geschichteId)
-                .title("Story")
-                .type(GeschichteType.STORY)
-                .status(GeschichteStatus.DRAFT)
-                .build();
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(story));
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("Note");
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.GESCHICHTE_TYPE_MISMATCH));
-    }
-
-    @Test
-    void append_never_calls_findSummaryByIdInternal_when_geschichte_type_is_STORY() {
-        // Arrange: mock geschichteQueryService.findById() to return a STORY-type Geschichte
-        UUID storyId = UUID.randomUUID();
-        Geschichte story = Geschichte.builder()
-                .id(storyId)
-                .type(GeschichteType.STORY)
-                .build();
-        when(geschichteQueryService.findById(storyId)).thenReturn(Optional.of(story));
-
-        // Act + Assert: calling append throws GESCHICHTE_TYPE_MISMATCH
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setDocumentId(UUID.randomUUID());
-        assertThatThrownBy(() -> journeyItemService.append(storyId, dto))
-                .isInstanceOf(DomainException.class);
-
-        // Verify: document service was never touched — type guard fired first
-        verifyNoInteractions(documentService);
-    }
-
-    @Test
-    void append_returns404_when_documentId_does_not_exist() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-        when(documentService.findSummaryByIdInternal(docId))
-                .thenThrow(DomainException.notFound(ErrorCode.DOCUMENT_NOT_FOUND, "not found"));
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setDocumentId(docId);
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.DOCUMENT_NOT_FOUND));
-    }
-
-    @Test
-    void append_returns409_when_100_items_exist() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(100L);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("Note");
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_AT_CAPACITY));
-    }
-
-    @Test
-    void append_returns409_when_document_already_in_journey() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(1L);
-        when(journeyItemRepository.existsByGeschichteIdAndDocumentId(geschichteId, docId)).thenReturn(true);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setDocumentId(docId);
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_DOCUMENT_ALREADY_ADDED));
-    }
-
-    @Test
-    void cap_is_COUNT_based_not_MAX_position_based() {
-        // 99 rows with MAX(position)=2000 should still accept the 100th append
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(99L);
-        when(journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)).thenReturn(Optional.of(2000));
-        JourneyItem saved = savedItem(itemId, journey, 2010, null, "Note");
-        when(journeyItemRepository.saveAndFlush(any())).thenReturn(saved);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("Note");
-
-        assertThat(journeyItemService.append(geschichteId, dto).position()).isEqualTo(2010);
-    }
-
-    @Test
-    void append_maps_unique_index_violation_to_409_JOURNEY_DOCUMENT_ALREADY_ADDED() {
-        // Two concurrent appends can both pass the exists() pre-check; the partial
-        // unique index then rejects the second INSERT at flush. The service must
-        // translate that into the same friendly 409 as the pre-check.
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(1L);
-        when(journeyItemRepository.existsByGeschichteIdAndDocumentId(eq(geschichteId), any())).thenReturn(false);
-        when(documentService.findSummaryByIdInternal(any())).thenReturn(makeDoc(UUID.randomUUID(), null, List.of(), null, null));
-        when(journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)).thenReturn(Optional.of(10));
-        when(journeyItemRepository.saveAndFlush(any()))
-                .thenThrow(new org.springframework.dao.DataIntegrityViolationException(
-                        "duplicate key value violates unique constraint \"uq_journey_items_geschichte_document\""));
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setDocumentId(UUID.randomUUID());
-
-        assertThatThrownBy(() -> journeyItemService.append(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_DOCUMENT_ALREADY_ADDED));
-    }
-
-    @Test
-    void append_audits_JOURNEY_ITEM_ADDED() {
-        Geschichte journey = journey(geschichteId);
-        when(geschichteQueryService.findById(geschichteId)).thenReturn(Optional.of(journey));
-        when(journeyItemRepository.countByGeschichteId(geschichteId)).thenReturn(0L);
-        when(journeyItemRepository.findMaxPositionByGeschichteId(geschichteId)).thenReturn(Optional.empty());
-        JourneyItem saved = savedItem(itemId, journey, 10, null, "Note");
-        when(journeyItemRepository.saveAndFlush(any())).thenReturn(saved);
-
-        JourneyItemCreateDTO dto = new JourneyItemCreateDTO();
-        dto.setNote("Note");
-        journeyItemService.append(geschichteId, dto);
-
-        verify(auditService).logAfterCommit(eq(AuditKind.JOURNEY_ITEM_ADDED), eq(actorId), isNull(), any());
-    }
-
-    // ─── updateNote ───────────────────────────────────────────────────────────
-
-    @Test
-    void updateNote_absent_leaves_note_unchanged() {
-        Geschichte journey = journey(geschichteId);
-        JourneyItem item = savedItem(itemId, journey, 10, null, "Original note");
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        // note is null by default — absent from JSON, no-op
-
-        JourneyItemView view = journeyItemService.updateNote(geschichteId, itemId, dto);
-
-        assertThat(view.note()).isEqualTo("Original note");
-        verify(journeyItemRepository, never()).save(any());
-    }
-
-    @Test
-    void updateNote_null_clears_note_when_document_is_present() {
-        Geschichte journey = journey(geschichteId);
-        Document doc = makeDoc(docId, null, List.of(), null, null);
-        JourneyItem item = savedItemWithDoc(itemId, journey, 10, doc, "Old note");
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-        JourneyItem saved = savedItemWithDoc(itemId, journey, 10, doc, null);
-        when(journeyItemRepository.save(item)).thenReturn(saved);
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.empty());
-
-        JourneyItemView view = journeyItemService.updateNote(geschichteId, itemId, dto);
-
-        assertThat(view.note()).isNull();
-    }
-
-    @Test
-    void updateNote_string_sets_note() {
-        Geschichte journey = journey(geschichteId);
-        JourneyItem item = savedItem(itemId, journey, 10, null, null);
-        item.setNote(null);
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-        JourneyItem saved = savedItem(itemId, journey, 10, null, "New note");
-        when(journeyItemRepository.save(item)).thenReturn(saved);
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.of("New note"));
-
-        JourneyItemView view = journeyItemService.updateNote(geschichteId, itemId, dto);
-
-        assertThat(view.note()).isEqualTo("New note");
-    }
-
-    @Test
-    void updateNote_null_returns400_when_item_has_no_document() {
-        Geschichte journey = journey(geschichteId);
-        JourneyItem item = savedItem(itemId, journey, 10, null, "Only note — no doc");
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.empty());
-
-        assertThatThrownBy(() -> journeyItemService.updateNote(geschichteId, itemId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.VALIDATION_ERROR));
-    }
-
-    @Test
-    void updateNote_whitespace_only_including_newlines_stored_as_null() {
-        Geschichte journey = journey(geschichteId);
-        Document doc = makeDoc(docId, null, List.of(), null, null);
-        JourneyItem item = savedItemWithDoc(itemId, journey, 10, doc, "Old");
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-        JourneyItem saved = savedItemWithDoc(itemId, journey, 10, doc, null);
-        when(journeyItemRepository.save(item)).thenReturn(saved);
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.of("\n \n"));
-
-        JourneyItemView view = journeyItemService.updateNote(geschichteId, itemId, dto);
-
-        assertThat(view.note()).isNull();
-    }
-
-    @Test
-    void patch_rejects_note_longer_than_2000_chars_with_JOURNEY_NOTE_TOO_LONG() {
-        Geschichte journey = journey(geschichteId);
-        JourneyItem item = savedItem(itemId, journey, 10, null, "Old");
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.of("x".repeat(2001)));
-
-        assertThatThrownBy(() -> journeyItemService.updateNote(geschichteId, itemId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_NOTE_TOO_LONG));
-    }
-
-    @Test
-    void updateNote_auditsNoteUpdate() {
-        Geschichte journey = journey(geschichteId);
-        JourneyItem item = savedItem(itemId, journey, 10, null, null);
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-        JourneyItem saved = savedItem(itemId, journey, 10, null, "New note");
-        when(journeyItemRepository.save(item)).thenReturn(saved);
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.of("New note"));
-        journeyItemService.updateNote(geschichteId, itemId, dto);
-
-        verify(auditService).logAfterCommit(eq(AuditKind.JOURNEY_ITEM_NOTE_UPDATED), eq(actorId), isNull(), any());
-    }
-
-    @Test
-    void patch_returns404_when_item_belongs_to_different_journey() {
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.empty());
-
-        JourneyItemUpdateDTO dto = new JourneyItemUpdateDTO();
-        dto.setNote(Optional.of("text"));
-
-        assertThatThrownBy(() -> journeyItemService.updateNote(geschichteId, itemId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_ITEM_NOT_FOUND));
-    }
-
-    // ─── delete ───────────────────────────────────────────────────────────────
-
-    @Test
-    void delete_returns404_when_item_already_deleted() {
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.empty());
-
-        assertThatThrownBy(() -> journeyItemService.delete(geschichteId, itemId))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.JOURNEY_ITEM_NOT_FOUND));
-    }
-
-    @Test
-    void delete_no_audit_when_item_not_found() {
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.empty());
-
-        assertThatThrownBy(() -> journeyItemService.delete(geschichteId, itemId))
-                .isInstanceOf(DomainException.class);
-
-        verify(auditService, never()).logAfterCommit(any(), any(), any(), any());
-    }
-
-    @Test
-    void delete_audits_JOURNEY_ITEM_REMOVED_when_item_found() {
-        Geschichte journey = journey(geschichteId);
-        JourneyItem item = savedItem(itemId, journey, 10, null, "Note");
-        when(journeyItemRepository.findByIdAndGeschichteId(itemId, geschichteId)).thenReturn(Optional.of(item));
-
-        journeyItemService.delete(geschichteId, itemId);
-
-        verify(auditService).logAfterCommit(eq(AuditKind.JOURNEY_ITEM_REMOVED), eq(actorId), isNull(), any());
-    }
-
-    // ─── reorder ─────────────────────────────────────────────────────────────
-
-    @Test
-    void reorder_unknownGeschichteId_throws404() {
-        UUID unknownId = UUID.randomUUID();
-        // geschichteQueryService is not lenient-stubbed for unknownId → returns false
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of());
-
-        assertThatThrownBy(() -> journeyItemService.reorder(unknownId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.GESCHICHTE_NOT_FOUND));
-    }
-
-    @Test
-    void reorder_returns400_when_itemIds_contain_duplicates() {
-        UUID id1 = UUID.randomUUID();
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(id1));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of(id1, id1));  // duplicate
-
-        assertThatThrownBy(() -> journeyItemService.reorder(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.VALIDATION_ERROR));
-    }
-
-    @Test
-    void reorder_returns400_when_itemId_belongs_to_different_journey() {
-        UUID foreignId = UUID.randomUUID();
-        UUID localId = UUID.randomUUID();
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(localId));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of(foreignId));
-
-        assertThatThrownBy(() -> journeyItemService.reorder(geschichteId, dto))
-                .isInstanceOf(DomainException.class)
-                .satisfies(e -> assertThat(((DomainException) e).getCode())
-                        .isEqualTo(ErrorCode.VALIDATION_ERROR));
-    }
-
-    @Test
-    void reorder_returns400_when_ids_have_extra_items() {
-        UUID id1 = UUID.randomUUID();
-        UUID id2 = UUID.randomUUID();
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(id1));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of(id1, id2));
-
-        assertThatThrownBy(() -> journeyItemService.reorder(geschichteId, dto))
-                .isInstanceOf(DomainException.class);
-    }
-
-    @Test
-    void reorder_returns200_when_empty_on_empty_journey() {
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of());
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of());
-
-        List<JourneyItemView> result = journeyItemService.reorder(geschichteId, dto);
-
-        assertThat(result).isEmpty();
-    }
-
-    @Test
-    void reorder_returns400_when_empty_on_nonempty_journey() {
-        UUID id1 = UUID.randomUUID();
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(id1));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of());
-
-        assertThatThrownBy(() -> journeyItemService.reorder(geschichteId, dto))
-                .isInstanceOf(DomainException.class);
-    }
-
-    @Test
-    void reorder_returns_items_in_new_order_starting_at_10() {
-        Geschichte journey = journey(geschichteId);
-        UUID id1 = UUID.randomUUID();
-        UUID id2 = UUID.randomUUID();
-        JourneyItem item1 = savedItem(id1, journey, 20, null, "A");
-        JourneyItem item2 = savedItem(id2, journey, 10, null, "B");
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(id1, id2));
-        when(journeyItemRepository.findByGeschichteIdOrderByPosition(geschichteId)).thenReturn(List.of(item2, item1));
-        when(journeyItemRepository.saveAll(any())).thenAnswer(inv -> inv.getArgument(0));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of(id1, id2)); // want id1 first
-
-        List<JourneyItemView> views = journeyItemService.reorder(geschichteId, dto);
-
-        assertThat(views).hasSize(2);
-        assertThat(views.get(0).id()).isEqualTo(id1);
-        assertThat(views.get(0).position()).isEqualTo(10);
-        assertThat(views.get(1).id()).isEqualTo(id2);
-        assertThat(views.get(1).position()).isEqualTo(20);
-    }
-
-    @Test
-    void reorder_identical_order_returns200() {
-        Geschichte journey = journey(geschichteId);
-        UUID id1 = UUID.randomUUID();
-        JourneyItem item1 = savedItem(id1, journey, 10, null, "A");
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(id1));
-        when(journeyItemRepository.findByGeschichteIdOrderByPosition(geschichteId)).thenReturn(List.of(item1));
-        when(journeyItemRepository.saveAll(any())).thenAnswer(inv -> inv.getArgument(0));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of(id1));
-
-        List<JourneyItemView> views = journeyItemService.reorder(geschichteId, dto);
-
-        assertThat(views).hasSize(1);
-        assertThat(views.get(0).position()).isEqualTo(10);
-    }
-
-    @Test
-    void reorder_of_grandfathered_over_cap_journey_succeeds() {
-        Geschichte journey = journey(geschichteId);
-        // 130-item journey — reorder with all 130 IDs must succeed despite > 100 cap
-        List<UUID> ids = new java.util.ArrayList<>();
-        List<JourneyItem> items = new java.util.ArrayList<>();
-        for (int i = 1; i <= 130; i++) {
-            UUID id = UUID.randomUUID();
-            ids.add(id);
-            items.add(savedItem(id, journey, i * 10, null, "item " + i));
-        }
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(new HashSet<>(ids));
-        when(journeyItemRepository.findByGeschichteIdOrderByPosition(geschichteId)).thenReturn(items);
-        when(journeyItemRepository.saveAll(any())).thenAnswer(inv -> inv.getArgument(0));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(ids);
-
-        List<JourneyItemView> views = journeyItemService.reorder(geschichteId, dto);
-
-        assertThat(views).hasSize(130);
-    }
-
-    @Test
-    void reorder_audits_JOURNEY_ITEMS_REORDERED() {
-        Geschichte journey = journey(geschichteId);
-        UUID id1 = UUID.randomUUID();
-        JourneyItem item1 = savedItem(id1, journey, 10, null, "A");
-        when(journeyItemRepository.findIdsByGeschichteId(geschichteId)).thenReturn(Set.of(id1));
-        when(journeyItemRepository.findByGeschichteIdOrderByPosition(geschichteId)).thenReturn(List.of(item1));
-        when(journeyItemRepository.saveAll(any())).thenAnswer(inv -> inv.getArgument(0));
-
-        JourneyReorderDTO dto = new JourneyReorderDTO();
-        dto.setItemIds(List.of(id1));
-        journeyItemService.reorder(geschichteId, dto);
-
-        verify(auditService).logAfterCommit(eq(AuditKind.JOURNEY_ITEMS_REORDERED), eq(actorId), isNull(), any());
-    }
-
-    // ─── helpers ─────────────────────────────────────────────────────────────
-
-    private Geschichte journey(UUID id) {
-        return Geschichte.builder()
-                .id(id)
-                .title("Test Journey")
-                .type(GeschichteType.JOURNEY)
-                .status(GeschichteStatus.DRAFT)
-                .build();
-    }
-
-    private JourneyItem savedItem(UUID id, Geschichte g, int position, Document doc, String note) {
-        return JourneyItem.builder()
-                .id(id)
-                .geschichte(g)
-                .position(position)
-                .document(null)  // no document entity to avoid LAZY issues in unit tests
-                .note(note)
-                .build();
-    }
-
-    private JourneyItem savedItemWithDoc(UUID id, Geschichte g, int position, Document doc, String note) {
-        JourneyItem item = JourneyItem.builder()
-                .id(id)
-                .geschichte(g)
-                .position(position)
-                .document(doc)
-                .note(note)
-                .build();
-        return item;
-    }
-
-    private Document makeDoc(UUID id, Person sender, List<Person> receivers, String senderText, String receiverText) {
-        Document doc = Document.builder()
-                .id(id)
-                .title("Test Doc")
-                .originalFilename("test.pdf")
-                .status(DocumentStatus.UPLOADED)
-                .senderText(senderText)
-                .receiverText(receiverText)
-                .sender(sender)
-                .build();
-        doc.setReceivers(new HashSet<>(receivers));
-        return doc;
-    }
-}

docs/ARCHITECTURE.md

@@ -38,7 +38,7 @@ Both stacks are organised **package-by-domain**: each domain owns its entities,
 
 **`user`** — login accounts and permission groups. Owns `AppUser`, `UserGroup`, invite tokens. Does NOT own `Person` records. Cross-domain deps: `audit` (user management events).
 
-**`geschichte`** — family stories and Lesereisen. Owns `Geschichte` (`DRAFT → PUBLISHED` lifecycle) and `JourneyItem` (ordered stops in a JOURNEY-type Geschichte). Two subtypes: `STORY` (prose) and `JOURNEY` (curated document sequence). Cross-domain deps: `person` (linked persons), `document` (via `JourneyItem.document_id`, ON DELETE SET NULL).
+**`geschichte`** — family stories. Owns `Geschichte` (`DRAFT → PUBLISHED` lifecycle). Cross-domain deps: `person`, `document` (linked entities in the story body).
 
 **`notification`** — in-app messages. Owns `Notification`. Delivers via `SseEmitterRegistry` (live) and persisted rows (bell dropdown). Cross-domain deps: `user` (recipient), `document` (context).
 
@@ -61,7 +61,7 @@ Members of the cross-cutting layer have no entity of their own, no user-facing C
 | `audit` | Append-only event store (`audit_log`) for all domain mutations. Feeds the activity feed and Family Pulse dashboard. | Consumed by 5+ domains; no user-facing CRUD of its own |
 | `config` | Infrastructure bean definitions: `MinioConfig`, `AsyncConfig`, `WebConfig` | Framework infra; no business logic |
 | `dashboard` | Stats aggregation for the admin dashboard and Family Pulse widget | Aggregates from 3+ domains; no owned entities |
-| `exception` | `DomainException`, `ErrorCode` enum, `GlobalExceptionHandler` | Framework infra; consumed by every controller and service. Adding a new `ErrorCode` requires matching updates in `frontend/src/lib/shared/errors.ts` and all three `messages/*.json` locale files. Current security-related codes: `CSRF_TOKEN_MISSING` (403 on mutating request without valid `X-XSRF-TOKEN` header), `TOO_MANY_LOGIN_ATTEMPTS` (429 when login rate limit exceeded). Journey/geschichte domain codes: `JOURNEY_NOTE_TOO_LONG`, `JOURNEY_DOCUMENT_ALREADY_ADDED`, `GESCHICHTE_TYPE_IMMUTABLE`. |
+| `exception` | `DomainException`, `ErrorCode` enum, `GlobalExceptionHandler` | Framework infra; consumed by every controller and service. Adding a new `ErrorCode` requires matching updates in `frontend/src/lib/shared/errors.ts` and all three `messages/*.json` locale files. Current security-related codes: `CSRF_TOKEN_MISSING` (403 on mutating request without valid `X-XSRF-TOKEN` header), `TOO_MANY_LOGIN_ATTEMPTS` (429 when login rate limit exceeded). |
 | `filestorage` | `FileService` — MinIO/S3 upload, download, presigned-URL generation | Generic service; consumed by `document` and `ocr` |
 | `importing` | `CanonicalImportOrchestrator` — async canonical import running four idempotent loaders (`TagTreeImporter` → `PersonRegisterImporter` → `PersonTreeImporter` → `DocumentImporter`) over the normalizer's committed canonical artifacts (`canonical-*.xlsx` + `canonical-persons-tree.json`) | Orchestrates across `person`, `tag`, `document` |
 | `security` | `SecurityConfig`, `Permission` enum, `@RequirePermission` annotation, `PermissionAspect` (AOP) | Framework infra; enforced globally across all controllers |

docs/GLOSSARY.md

@@ -149,20 +149,7 @@ _See also [Chronik](#chronik-internal)._
 
 **Chronik** `[internal]` — the conceptual and code-level name for the unified activity feed (per ADR-003 `003-chronik-unified-activity-feed.md`). Used in code, architecture documents, and ADRs. The user-facing label for the same concept is [Aktivität](#aktivitat--aktivitaten-user-facing).
 
-**Geschichte** (`Geschichte`) `[user-facing]` — a narrative story or curated document journey published in the archive. Two subtypes: `STORY` (free-form prose linking `Person`s) and `JOURNEY` (a *Lesereise* — an ordered sequence of `JourneyItem`s). Lifecycle: `DRAFT → PUBLISHED` (see `GeschichteStatus`). DRAFT stories are hidden from users without the `BLOG_WRITE` permission.
+**Geschichte** (`Geschichte`) `[user-facing]` — a narrative story or article published in the archive, linking `Person`s and `Document`s. Lifecycle: `DRAFT → PUBLISHED` (see `GeschichteStatus`). DRAFT stories are hidden from users without the `BLOG_WRITE` permission.
-
-**JourneyItem** (`JourneyItem`, table `journey_items`) `[internal]` — a single stop in a *Lesereise* (`Geschichte` with `type=JOURNEY`). Either document-backed (`document_id IS NOT NULL`) or a note-only interlude (`note IS NOT NULL`). Ordered by `position` (step of 10; max 100 items per journey). A DEFERRABLE UNIQUE constraint on `(geschichte_id, position)` allows atomic position swaps in the same transaction. A CHECK constraint ensures at least one of `document_id` or `note` is present. The FK to `documents` uses `ON DELETE SET NULL`, so deleting a document preserves the item (with `document_id = null`).
-
-**GeschichteView** (`GeschichteView`) `[internal]` — lean read-model record returned by `GeschichteService.getById()`. Contains `AuthorView` (id + displayName only — email not exposed) and a `List<JourneyItemView>` loaded via a separate query rather than a lazy collection.
-
-**JourneyItemView** (`JourneyItemView`) `[internal]` — lean view record for a single `JourneyItem` surface, containing `id`, `position`, an optional `DocumentSummary`, and an optional `note`.
-
-**DocumentSummary** (`DocumentSummary`) `[internal]` — lean document read-model used inside `JourneyItemView`. Contains title, date, senderName, receiverName, receiverCount, datePrecision — no tags or file storage info.
-
-**Interlude / Zwischentext** `[user-facing]` — an editorial paragraph inserted between document items in a *Lesereise*. An interlude is a `JourneyItem` with `document_id IS NULL` and a non-empty `note`; its content is a plain-text string stored in the `note` column (not `body` or `text`). Visually distinguished by `--color-interlude-bg/border/label` CSS tokens and a `ZWISCHENTEXT` label. Interludes cannot have their note removed (removing the interlude deletes the entire item).
-_Not to be confused with a document item's optional note_ — a document item's note is curator commentary attached to a linked letter; an interlude is standalone editorial prose with no backing document.
-
-**Lesereise** `[user-facing]` — a curated reading journey through a sequence of family documents, optionally annotated with editorial notes. Implemented as a `Geschichte` with `type=JOURNEY`. The reader UI (follow-on issue) renders items as a sequential reading experience.
 
 **Notification** (`Notification`) — an in-app message delivered to an `AppUser`. No email or SMS delivery exists today. Delivered via Server-Sent Events (`SseEmitterRegistry`) and persisted in the `notifications` table.
 

docs/adr/035-optional-string-three-way-patch-semantics.md

@@ -1,43 +0,0 @@
-# ADR-035 — `Optional<String>` for three-way PATCH semantics
-
-**Status:** Accepted  
-**Date:** 2026-06-08  
-**Issue:** #751 (JourneyItem CRUD API)
-
-## Context
-
-The `PATCH /api/geschichten/{id}/items/{itemId}` endpoint must distinguish three cases for the `note` field:
-
-| JSON body         | Intended meaning      |
-|-------------------|-----------------------|
-| `{"note": "text"}`| Set note to "text"    |
-| `{"note": null}`  | Clear the note        |
-| `{}` (absent)     | Leave note unchanged  |
-
-The standard library for this on Jackson 2.x is `jackson-databind-nullable` (`JsonNullable<T>` from `org.openapitools`). However, that library targets `com.fasterxml.jackson.*` (Jackson 2.x) and is incompatible with Spring Boot 4.0 / Spring Framework 7, which uses `tools.jackson.*` (Jackson 3.x). The module fails to register and throws at startup.
-
-## Decision
-
-Use `Optional<String>` with Java's default field initializer (`= null`) to encode the three states:
-
-```java
-@Data
-public class JourneyItemUpdateDTO {
-    private Optional<String> note = null;  // Java default — absent = no-op
-}
-```
-
-| Java value         | JSON wire         | Semantics     |
-|--------------------|-------------------|---------------|
-| `null` (default)   | field absent      | no-op         |
-| `Optional.empty()` | `{"note": null}`  | clear         |
-| `Optional.of("x")` | `{"note": "x"}`   | set           |
-
-Jackson 3.x natively maps a JSON `null` to `Optional.empty()` and leaves absent fields at their Java default. No custom module is needed.
-
-## Consequences
-
-- No external dependency for PATCH semantics — simpler pom.xml.
-- The DTO field type is `Optional<String>`, not `String` — service code must null-check the field first (`if (noteField == null) return;`) and then call `.orElse(null)` to unwrap.
-- This pattern applies to any future PATCH DTO that needs three-way semantics on a nullable field.
-- `jackson-databind-nullable` is removed from `pom.xml`; `JacksonConfig.java` is kept as a placeholder for future custom modules.

docs/adr/036-geschichte-responses-are-views-not-entities.md

@@ -1,65 +0,0 @@
-# ADR-036 — Geschichte responses are views assembled in-transaction, never entities
-
-**Status:** Accepted
-**Date:** 2026-06-10
-**Issue:** #753 (JourneyEditor frontend), PR #792 review
-
-## Context
-
-The project convention (CLAUDE.md §DTOs) has been: *"Response types are the model
-entities themselves (no response DTOs)."* That convention assumed entities whose
-associations are either eager or initialized by the time Jackson serializes.
-
-The lazy-fetch migration (ADR-022, `open-in-view: false`) broke that assumption:
-Jackson serializes **after** the service transaction has closed, so any lazy
-collection on a returned entity is a dead proxy. `Geschichte.items` (added with the
-Lesereisen data model, #750) made this concrete: every `PATCH /api/geschichten/{id}`
-(save draft, publish) failed with HTTP 500
-`LazyInitializationException: Geschichte.items … (no session)`.
-
-Per-endpoint force-initialization (`g.getItems().size()` inside the transaction)
-worked for `getById()` but is a footgun: every new write method must remember the
-trick, the entity carries a warning comment nobody reads, and the raw entity also
-leaks the `author` `AppUser` graph (email, password hash, groups).
-
-## Decision
-
-In the **geschichte domain**, controllers never return entities. Every response is a
-purpose-built read model assembled **inside** the service transaction:
-
-- `GET /api/geschichten` → `GeschichteSummary` (projection; never carries items;
-  author exposes names only — never email)
-- `GET /api/geschichten/{id}` → `GeschichteView` (with `AuthorView`, `PersonView`,
-  `JourneyItemView` items)
-- `POST /api/geschichten`, `PATCH /api/geschichten/{id}` → `GeschichteView`
-- JourneyItem endpoints → `JourneyItemView`
-
-The invariant: **entities never cross the controller boundary in this domain.**
-A view is constructed while the Hibernate session is open, so serialization can
-never touch a lazy proxy, and the response shape is an explicit, security-reviewed
-contract.
-
-## Alternatives rejected
-
-- **`@Transactional` on read/write methods + force-init (`getItems().size()`)** —
-  fixes one endpoint at a time, silently regresses when the next write method is
-  added, and still serializes the raw `AppUser` author graph.
-- **`open-in-view: true`** — re-opens the session during rendering; hides N+1
-  queries and couples the HTTP layer to Hibernate session lifetime. Rejected
-  already by ADR-022.
-- **Jackson `@JsonIgnore` on lazy fields** — loses the data the client needs
-  (items ARE the journey) instead of loading it deliberately.
-
-## Consequences
-
-- CLAUDE.md §DTOs names the geschichte domain as the exception to the
-  entities-as-responses convention. Other domains (document, person, tag) still
-  return entities; they predate ADR-022's lazy collections on their hot paths and
-  migrate opportunistically when they grow lazy collections of their own.
-- `npm run generate:api` must run after any view change — the generated
-  `Geschichte` schema no longer exists; frontend consumers use
-  `GeschichteView`/`GeschichteSummary`.
-- New geschichte endpoints must add a view (or extend an existing one), not return
-  the entity. The regression guards are `GeschichteHttpTest`
-  (`update_returns_200_and_serializes_items_open_in_view_false`) and
-  `GeschichteListProjectionTest`.

docs/architecture/c4/l3-backend-3g-supporting.puml

@@ -16,10 +16,8 @@ System_Boundary(backend, "API Backend (Spring Boot)") {
     Component(notifCtrl, "NotificationController", "Spring MVC — /api/notifications", "REST and SSE endpoints for notification stream, history with filtering, read/unread state, and per-user preference management.")
     Component(notifSvc, "NotificationService", "Spring Service", "Creates REPLY and MENTION notifications, optionally sends email, marks as read, and pushes events to connected clients via SseEmitterRegistry.")
     Component(sseRegistry, "SseEmitterRegistry", "Spring Component", "In-memory ConcurrentHashMap of Spring SseEmitter instances per user. Handles registration, deregistration, and JSON event broadcasts.")
-    Component(geschCtrl, "GeschichteController", "Spring MVC — /api/geschichten", "CRUD for publishable stories (STORY) and reading journeys (JOURNEY). Returns GeschichteSummary projections for list; full Geschichte with JourneyItems for detail. Requires BLOG_WRITE permission for write operations.")
+    Component(geschCtrl, "GeschichteController", "Spring MVC — /api/geschichten", "CRUD for publishable stories that link persons and documents. Requires BLOG_WRITE permission for write operations.")
-    Component(geschSvc, "GeschichteService", "Spring Service", "Manages story lifecycle (DRAFT → PUBLISHED with timestamp). Supports two subtypes: STORY (prose) and JOURNEY (ordered JourneyItem sequence). Sanitizes HTML body with an allowlist policy.")
+    Component(geschSvc, "GeschichteService", "Spring Service", "Manages story lifecycle (DRAFT → PUBLISHED with timestamp). Sanitizes HTML body with an allowlist policy.")
-    Component(geschQuerySvc, "GeschichteQueryService", "Spring Service", "Read-only facade over GeschichteRepository. Exposes existsById() and findById() to prevent JourneyItemService from crossing domain boundaries.")
-    Component(journeyItemSvc, "JourneyItemService", "Spring Service", "Manages journey item lifecycle: append (100-item cap), updateNote (three-way PATCH), delete, and reorder (DEFERRABLE position swap). Enforces JOURNEY-type guard on append.")
     Component(exHandler, "GlobalExceptionHandler", "Spring @RestControllerAdvice", "Converts DomainException, validation errors, and generic exceptions to ErrorResponse JSON with machine-readable ErrorCode and HTTP status.")
 }
 
@@ -40,10 +38,6 @@ Rel(notifCtrl, notifSvc, "Delegates to")
 Rel(notifCtrl, sseRegistry, "Registers client SSE connection")
 Rel(notifSvc, sseRegistry, "Broadcasts events to connected clients")
 Rel(geschCtrl, geschSvc, "Delegates to")
-Rel(geschCtrl, journeyItemSvc, "Delegates journey item CRUD")
-Rel(journeyItemSvc, geschQuerySvc, "Checks Geschichte existence and type")
-Rel(geschQuerySvc, db, "Reads geschichten", "JDBC")
-Rel(journeyItemSvc, db, "Reads / writes journey_items", "JDBC")
 Rel(auditSvc, db, "Writes audit_log", "JDBC")
 Rel(auditQuery, db, "Reads audit_log", "JDBC")
 Rel(notifSvc, db, "Reads / writes notifications", "JDBC")

docs/architecture/c4/l3-frontend-3c-people-stories.puml

@@ -11,8 +11,8 @@ System_Boundary(frontend, "Web Frontend (SvelteKit / SSR)") {
     Component(personEdit, "/persons/[id]/edit and /persons/new", "SvelteKit Routes", "Create and edit person forms. Edit: metadata, aliases, explicit relationships. Actions: PUT/POST /api/persons.")
     Component(personReview, "/persons/review", "SvelteKit Route", "Transcriber triage view (WRITE-gated link). Lists provisional persons; per-row Merge / Umbenennen / Bestätigen / Löschen. Actions: POST /merge, PUT /{id}, PATCH /{id}/confirm, DELETE /{id}.")
     Component(aktivitaeten, "/aktivitaeten", "SvelteKit Route", "Unified activity feed (Chronik). Loader: GET /api/dashboard/activity and GET /api/notifications?read=false.")
-    Component(geschichten, "/geschichten and /geschichten/[id]", "SvelteKit Routes", "Story/Journey list and detail pages. List: GeschichteListRow with REISE badge for JOURNEY type. Detail: dispatches to StoryReader (rich text + persons) or JourneyReader (intro + ordered JourneyItemCard/JourneyInterlude items + empty state) based on GeschichteType. BLOG_WRITE users see edit/delete actions. Loader: GET /api/geschichten, GET /api/geschichten/{id}.")
+    Component(geschichten, "/geschichten and /geschichten/[id]", "SvelteKit Routes", "Story list and detail pages. Loader: GET /api/geschichten?status=PUBLISHED.")
-    Component(geschichtenEdit, "/geschichten/[id]/edit and /geschichten/new", "SvelteKit Routes", "Story editor and creation flow. New: TypeSelector (STORY/JOURNEY radio group with roving tabindex) → StoryCreate (TipTap rich text, person linking, POST /api/geschichten) or JourneyCreate (title + first item). Edit: branches on GeschichteType — STORY opens GeschichteEditor (TipTap body + GeschichteSidebar); JOURNEY opens JourneyEditor (title, intro textarea, ordered JourneyItemRow list with drag-reorder + move-up/down, JourneyAddBar for document/interlude addition, GeschichteSidebar). JourneyEditor mutations: POST/DELETE /items, PUT /items/reorder, PATCH /items/{id}. Requires BLOG_WRITE permission.")
+    Component(geschichtenEdit, "/geschichten/[id]/edit and /geschichten/new", "SvelteKit Routes", "Story editor with rich text, person and document linking. Actions: PUT/POST /api/geschichten. Requires BLOG_WRITE permission.")
     Component(stammbaum, "/stammbaum", "SvelteKit Route", "Family tree visualisation. Loader: GET /api/network (nodes + edges). Renders interactive family tree from network graph data.")
     Component(themen, "/themen", "SvelteKit Route", "Browsable topic index. Shows all root tags as cards with color bars and child rows. ThemenWidget also embedded in the home dashboard (reader + editor sidebar). Loader: GET /api/tags/tree.")
     Component(profilePage, "/profile", "SvelteKit Route", "Current user profile settings. Loader: GET /api/users/me/notification-preferences. Actions: update name/password and notification preferences.")
@@ -24,8 +24,8 @@ Rel(personsPage, backend, "GET /api/persons (filter + page params -> PersonSearc
 Rel(personEdit, backend, "GET /api/persons/{id}, PUT /api/persons/{id}, POST /api/persons", "HTTP / JSON")
 Rel(personReview, backend, "GET /api/persons?provisional=true, PATCH /api/persons/{id}/confirm, DELETE /api/persons/{id}, POST /api/persons/{id}/merge", "HTTP / JSON")
 Rel(aktivitaeten, backend, "GET /api/dashboard/activity, GET /api/notifications", "HTTP / JSON")
-Rel(geschichten, backend, "GET /api/geschichten, GET /api/geschichten/{id}, DELETE /api/geschichten/{id}", "HTTP / JSON")
+Rel(geschichten, backend, "GET /api/geschichten", "HTTP / JSON")
-Rel(geschichtenEdit, backend, "GET /api/persons/{id} (pre-populate), POST /api/geschichten, PUT /api/geschichten/{id}, POST/DELETE /api/geschichten/{id}/items, PUT /api/geschichten/{id}/items/reorder, PATCH /api/geschichten/{id}/items/{itemId}", "HTTP / JSON")
+Rel(geschichtenEdit, backend, "GET/PUT/POST /api/geschichten", "HTTP / JSON")
 Rel(stammbaum, backend, "GET /api/network", "HTTP / JSON")
 Rel(themen, backend, "GET /api/tags/tree", "HTTP / JSON")
 Rel(profilePage, backend, "GET/PUT /api/users/me, notification-preferences", "HTTP / JSON")

docs/architecture/db/db-orm.puml

@@ -1,6 +1,6 @@
 @startuml db-orm
-' Schema source: Flyway V1–V72 (excl. V37, V43 — intentionally removed)
+' Schema source: Flyway V1–V69 (excl. V37, V43 — intentionally removed)
-' Schema as of:  V72 (2026-06-08)
+' Schema as of:  V69 (2026-05-27)
 ' ⚠ This is a versioned snapshot. Update when the schema changes significantly.
 
 hide circle
@@ -359,7 +359,6 @@ package "Supporting" {
     title : VARCHAR(255) NOT NULL
     body : TEXT
     status : VARCHAR(32) NOT NULL
-    type : VARCHAR(32) NOT NULL
     author_id : UUID <<FK>>
     created_at : TIMESTAMP NOT NULL
     updated_at : TIMESTAMP NOT NULL
@@ -371,16 +370,9 @@ package "Supporting" {
     person_id : UUID <<FK>>
   }
 
-  entity journey_items {
+  entity geschichten_documents {
-    id : UUID <<PK>>
-    --
     geschichte_id : UUID <<FK>>
     document_id : UUID <<FK>>
-    position : INTEGER NOT NULL CHECK (position > 0)
-    note : TEXT CHECK (length <= 2000)
-    ==
-    UNIQUE (geschichte_id, position) DEFERRABLE INITIALLY DEFERRED
-    UNIQUE (geschichte_id, document_id) WHERE document_id IS NOT NULL
   }
 }
 
@@ -444,7 +436,7 @@ audit_log }o--o| documents : document_id
 geschichten }o--o| app_users : author_id
 geschichten_persons }o--|| geschichten : geschichte_id
 geschichten_persons }o--|| persons : person_id
-journey_items }o--|| geschichten : geschichte_id (ON DELETE CASCADE)
+geschichten_documents }o--|| geschichten : geschichte_id
-journey_items }o--o| documents : document_id (ON DELETE SET NULL)
+geschichten_documents }o--|| documents : document_id
 
 @enduml

docs/architecture/db/db-relationships.puml

@@ -66,7 +66,7 @@ package "Supporting" {
   entity audit_log
   entity geschichten
   entity geschichten_persons
-  entity journey_items
+  entity geschichten_documents
 }
 
 ' Auth relationships
@@ -129,8 +129,7 @@ audit_log }o--o| documents : document_id
 geschichten }o--o| app_users : author_id
 geschichten_persons }o--|| geschichten : geschichte_id
 geschichten_persons }o--|| persons : person_id
-journey_items }o--|| geschichten : geschichte_id (ON DELETE CASCADE)
+geschichten_documents }o--|| geschichten : geschichte_id
-journey_items }o--o| documents : document_id (ON DELETE SET NULL)
+geschichten_documents }o--|| documents : document_id
-note right of journey_items : partial UNIQUE (geschichte_id, document_id)\nWHERE document_id IS NOT NULL (V74)
 
 @enduml

docs/specs/geschichten-reader-journey-spec.html

@@ -424,13 +424,13 @@
             <tr><td>Editorial list card</td><td>bg-white shadow-sm border border-brand-sand rounded-sm</td><td>wraps alle Zeilen</td></tr>
             <tr class="grp"><td colspan="3">Listenzeile</td></tr>
             <tr><td>List row</td><td>flex gap-0 border-b border-brand-sand last:border-0 hover:bg-surface</td><td>min-h-[44px] auf Mobile</td></tr>
-            <tr><td>Meta column</td><td>w-40 shrink-0 flex flex-col gap-1 p-3 border-r border-line-2</td><td>feste Breite — breit genug für text-sm Namen ohne Umbruch</td></tr>
+            <tr><td>Meta column</td><td>w-[88px] shrink-0 flex flex-col gap-1 p-3 border-r border-brand-sand</td><td>feste Breite</td></tr>
             <tr><td>Author avatar</td><td>w-7 h-7 rounded-full text-[9px] font-bold text-white flex items-center justify-center</td><td>personAvatarColor(userId)</td></tr>
-            <tr><td>Author name</td><td>font-sans text-sm font-semibold text-ink</td><td></td></tr>
+            <tr><td>Author name</td><td>font-sans text-xs font-semibold text-ink</td><td></td></tr>
-            <tr><td>Date</td><td>font-sans text-sm text-ink-3</td><td>formatDate(publishedAt)</td></tr>
+            <tr><td>Date</td><td>font-sans text-xs text-ink-3</td><td>formatDate(publishedAt)</td></tr>
             <tr><td>Person chip</td><td>inline-flex items-center gap-1 rounded-full bg-surface border border-line px-2 py-0.5 text-[10px] font-medium text-ink</td><td>links zu /persons/[id]; optional</td></tr>
-            <tr><td>Story title</td><td>font-serif text-lg text-ink leading-snug mb-1 hover:text-primary</td><td>link zu /geschichten/[id]</td></tr>
+            <tr><td>Story title</td><td>font-serif text-[15px] text-ink leading-snug mb-1 hover:text-primary</td><td>link zu /geschichten/[id]</td></tr>
-            <tr><td>Excerpt</td><td>font-sans text-sm text-ink-3 line-clamp-2</td><td>max. 150 Zeichen aus body</td></tr>
+            <tr><td>Excerpt</td><td>font-sans text-xs text-ink-3 line-clamp-2</td><td>max. 150 Zeichen aus body</td></tr>
             <tr class="grp"><td colspan="3">Filter</td></tr>
             <tr><td>Filter pill (inaktiv)</td><td>rounded-full border border-line px-3 py-1 text-xs font-semibold text-ink-2 hover:bg-muted</td><td>aria-pressed="false"</td></tr>
             <tr><td>Filter pill (aktiv)</td><td>rounded-full bg-primary text-primary-fg px-3 py-1 text-xs font-semibold</td><td>aria-pressed="true"</td></tr>
@@ -640,8 +640,7 @@
           <thead><tr><th>Element</th><th>Wert</th><th>Hinweise</th></tr></thead>
           <tbody>
             <tr class="grp"><td colspan="3">Artikel-Container</td></tr>
-            <tr><td>Article container</td><td>max-w-7xl mx-auto px-4 py-8; innere Lesespalte: max-w-3xl mx-auto</td><td>Seite so breit wie Dokumente/Personen; Textspalte bleibt lesbar zentriert</td></tr>
+            <tr><td>Article container</td><td>max-w-3xl mx-auto px-4 py-10</td><td>zentriert, volle Breite auf Mobile</td></tr>
-            <tr><td>Article sheet</td><td>rounded-sm border border-line bg-sheet shadow-sm px-5 py-6 sm:px-10 sm:py-10</td><td>Lesebogen-Panel zwischen Canvas und weißen Karten (Token --color-sheet); BackButton bleibt außerhalb</td></tr>
             <tr><td>Story title</td><td>font-family:var(--font-display);font-size:clamp(22px,4vw,32px);color:var(--navy)</td><td>Fraunces, nicht fett</td></tr>
             <tr><td>Back button</td><td>&lt;BackButton /&gt; aus $lib/components/BackButton.svelte</td><td>history.back(); nicht &lt;a href&gt;</td></tr>
             <tr class="grp"><td colspan="3">Metazeile</td></tr>

docs/specs/lesereisen-editor-spec.html

@@ -500,7 +500,7 @@
           <thead><tr><th>Element</th><th>Wert</th><th>Hinweise</th></tr></thead>
           <tbody>
             <tr class="grp"><td colspan="3">Item-Zeile allgemein</td></tr>
-            <tr><td>Item-Container</td><td>flex items-stretch bg-white border border-line rounded-sm mb-2 overflow-hidden</td><td>interlude: <del>bg-orange-50 border-orange-200</del> → <code>--color-interlude-bg</code> / <code>--color-interlude-border</code> CSS tokens</td></tr>
+            <tr><td>Item-Container</td><td>flex items-stretch bg-white border border-line rounded-sm mb-2 overflow-hidden</td><td>interlude: bg-orange-50 border-orange-200</td></tr>
             <tr><td>Drag-Handle</td><td>w-4 bg-surface border-r border-line flex items-center justify-center cursor-grab shrink-0</td><td>aria-label="Reihenfolge ändern"; cursor-grabbing während Drag</td></tr>
             <tr><td>Positions-Nr.</td><td>w-5 text-[10px] font-bold text-ink-3 flex items-start justify-center pt-2 shrink-0</td><td>aus Array-Index, nicht item.position</td></tr>
             <tr><td>Entfernen-Button</td><td>w-6 flex items-start justify-center pt-2 shrink-0</td><td>× aria-label="Eintrag entfernen"; hover: text-red-500; Confirm nur wenn note vorhanden</td></tr>
@@ -508,18 +508,18 @@
             <tr><td>Brieftitel</td><td>text-[11px] font-semibold text-ink leading-snug mb-0.5</td><td>document.title</td></tr>
             <tr><td>Briefmeta</td><td>text-xs text-ink-3</td><td>formatDate(doc.documentDate) · "von X" oder "von X an Y"</td></tr>
             <tr><td>Notiz-Textarea (sichtbar)</td><td>w-full min-h-[40px] font-serif text-xs italic bg-surface border border-line rounded-sm p-1.5 resize-none focus:border-primary focus:bg-white mt-2</td><td>auto-expand; bind:value={item.note}</td></tr>
-            <tr><td>„Notiz hinzufügen" Link</td><td><del>text-xs font-semibold text-blue-600</del> → <code>text-xs text-ink-3 underline hover:text-accent</code></td><td>togglet Notiz-Textarea</td></tr>
+            <tr><td>„Notiz hinzufügen" Link</td><td>text-xs font-semibold text-blue-600 inline-flex items-center gap-1 mt-1</td><td>togglet Notiz-Textarea</td></tr>
             <tr><td>„Notiz entfernen" Link</td><td>text-xs text-ink-3 inline-flex items-center gap-1 mt-1</td><td>zeigt sich wenn note.trim() nicht leer; setzt note = '' und blendet Textarea aus</td></tr>
             <tr class="grp"><td colspan="3">Interlude-Item</td></tr>
-            <tr><td>Interlude-Container</td><td><del>bg-orange-50 border-orange-200</del> → <code>--color-interlude-bg</code> left-accent border via <code>--color-interlude-border</code></td><td>kein Positions-Kreis; Positions-Spalte zeigt Icon statt Zahl</td></tr>
+            <tr><td>Interlude-Container</td><td>bg-orange-50 border-orange-200 (überschreibt Item-Container)</td><td>kein Positions-Kreis; Positions-Spalte zeigt Icon statt Zahl</td></tr>
-            <tr><td>Label „Zwischentext"</td><td><del>text-orange-700</del> → <code>color: var(--color-interlude-label)</code></td><td>immer sichtbar; nicht editierbar</td></tr>
+            <tr><td>Label „Zwischentext"</td><td>text-[9px] font-bold uppercase tracking-widest text-orange-700 mb-1</td><td>immer sichtbar; nicht editierbar</td></tr>
-            <tr><td>Zwischentext-Textarea</td><td><del>border-orange-200 focus:border-orange-400</del> → <code>border-line focus-visible:ring-focus-ring</code></td><td>bind:value={item.note}; auto-expand; min 44px für Touch-Target</td></tr>
+            <tr><td>Zwischentext-Textarea</td><td>w-full min-h-[44px] font-serif text-xs italic bg-white/60 border border-orange-200 rounded-sm p-1.5 resize-none focus:border-orange-400</td><td>bind:value={item.note}; auto-expand; min 44px für Touch-Target</td></tr>
             <tr class="grp"><td colspan="3">Aktionsleiste</td></tr>
             <tr><td>Add Bar</td><td>flex gap-2 pt-2 pb-1</td><td>immer unten sichtbar, auch wenn Liste gefüllt</td></tr>
             <tr><td>„Brief hinzufügen" Button</td><td>border border-dashed border-line rounded-sm px-3 py-1.5 text-xs font-semibold text-ink-2 hover:border-primary hover:text-primary flex items-center gap-1</td><td>öffnet existierende DocumentPicker-Komponente als Dropdown/Modal</td></tr>
             <tr><td>„Zwischentext hinzufügen" Button</td><td>gleich wie Brief-Button</td><td>fügt neues Interlude-Item am Ende ein; Fokus auf das neue Textarea</td></tr>
             <tr class="grp"><td colspan="3">Drag-to-Reorder</td></tr>
-            <tr><td>Bibliothek</td><td><del>@dnd-kit/core oder svelte-dnd-action</del> → <code>createBlockDragDrop&lt;JourneyItemView&gt;</code> aus <code>$lib/document/transcription/useBlockDragDrop.svelte</code></td><td>kein externes Package; pointer-Events + data-drag-handle / data-block-wrapper Kontrakt</td></tr>
+            <tr><td>Bibliothek</td><td>@dnd-kit/core oder svelte-dnd-action (bereits im Projekt prüfen)</td><td>kein neues Package ohne Absprache</td></tr>
             <tr><td>Reorder-API-Call</td><td>PUT /api/geschichten/{id}/items/reorder — body: [{id, position}] für alle Items</td><td>nach jedem Drop ausgelöst; optimistisch: lokalen State sofort aktualisieren</td></tr>
             <tr><td>Accessibility</td><td>Drag-Handle: role="button" tabIndex=0; Keyboard: Space startet Drag, Arrow hoch/runter verschiebt, Space/Enter bestätigt, Esc abbricht</td><td>WCAG 2.1 SC 2.1.1</td></tr>
           </tbody>
@@ -720,7 +720,7 @@
             <tr><td>Split entfällt</td><td>@media (max-width: 768px): flex-col; Sidebar-Sektionen als Collapsibles am Ende</td><td>gleich wie GeschichteEditor auf Mobile</td></tr>
             <tr><td>Collapsibles</td><td>details/summary oder eigene boolean-Toggle; Personen + Status separat</td><td>geschlossen beim ersten Laden; Fokus öffnet</td></tr>
             <tr class="grp"><td colspan="3">Touch &amp; Drag</td></tr>
-            <tr><td>Drag auf Mobile</td><td>Move-Up/Down Buttons statt Drag (44px touch targets)</td><td><del>dnd-kit unterstützt Touch nativ</del> → Pointer-Drag nur Desktop; Keyboard via Pfeil-Buttons</td></tr>
+            <tr><td>Drag auf Mobile</td><td>Long-Press (500ms) auf dem Drag-Handle aktiviert Drag</td><td>dnd-kit unterstützt Touch nativ; kein separates Config nötig</td></tr>
             <tr><td>Touch Target Items</td><td>min-h-[44px] für jede Item-Zeile</td><td>WCAG 2.2 AA; durch Padding gesichert</td></tr>
             <tr><td>Add-Buttons</td><td>flex-1; volle verfügbare Breite geteilt</td><td>min-h-[44px] als Touch-Target</td></tr>
             <tr class="grp"><td colspan="3">Savebar</td></tr>
@@ -779,7 +779,7 @@
 
     <h3>Drag-to-Reorder</h3>
     <ul>
-      <li><del>Bibliothek: prüfe zunächst ob <code>@dnd-kit/core</code> oder <code>svelte-dnd-action</code> bereits im <code>package.json</code> ist.</del> → Implementiert mit <code>createBlockDragDrop&lt;JourneyItemView&gt;</code> (kein externes Package).</li>
+      <li>Bibliothek: prüfe zunächst ob <code>@dnd-kit/core</code> oder <code>svelte-dnd-action</code> bereits im <code>package.json</code> ist. Kein neues Package einführen ohne Absprache.</li>
       <li>Nach dem Drop: neue Reihenfolge als Array <code>[{id, position}]</code> berechnen (position = index * 10 lässt Lücken für künftige Inserts) und <code>PUT /items/reorder</code> senden.</li>
       <li>Keyboard-Drag: Space/Enter startet, Arrow Up/Down verschiebt, Space/Enter bestätigt, Escape abbricht. Screenreader-Announcement: „Eintrag X von Position Y nach Z verschoben".</li>
     </ul>

docs/specs/lesereisen-reader-spec.html

@@ -629,26 +629,25 @@
           <tbody>
             <tr class="grp"><td colspan="3">Seitenstruktur</td></tr>
             <tr><td>Bedingte Logik</td><td>{#if geschichte.type === 'JOURNEY'} JourneyReader {:else} StoryReader {/if}</td><td>in +page.svelte von /geschichten/[id]</td></tr>
-            <tr><td>Artikel-Container</td><td>max-w-7xl mx-auto px-4 py-8; innere Lesespalte: max-w-3xl mx-auto</td><td>gleich wie StoryReader (R-2)</td></tr>
+            <tr><td>Artikel-Container</td><td>max-w-3xl mx-auto px-4 py-8</td><td>gleich wie StoryReader</td></tr>
-            <tr><td>Artikel-Sheet</td><td>rounded-sm border border-line bg-sheet shadow-sm px-5 py-6 sm:px-10 sm:py-10</td><td>Lesebogen-Panel zwischen Canvas und weißen Karten (Token --color-sheet), gleich wie Story (R-2); BackButton bleibt außerhalb</td></tr>
+            <tr><td>Journey-Badge</td><td>inline-flex px-2 py-px rounded-sm text-[10px] font-bold uppercase tracking-widest bg-orange-50 text-orange-700 border border-orange-200 mb-2</td><td>über dem Titel; nicht für STORY</td></tr>
-            <tr><td>Journey-Badge</td><td>inline-flex px-2 py-px rounded-sm text-[10px] font-bold uppercase tracking-widest bg-journey-tint text-journey border border-journey-border mb-2</td><td>über dem Titel; nicht für STORY</td></tr>
             <tr><td>Titel</td><td>font-serif text-3xl text-ink leading-tight mb-4</td><td>gleich wie Story</td></tr>
             <tr><td>Metabar</td><td>flex items-center gap-3 pb-4 border-b border-subtle mb-4</td><td>gleich wie Story</td></tr>
             <tr><td>Bearbeiten/Löschen</td><td>nur BLOG_WRITE; auf Mobile im ··· BottomSheet</td><td>gleich wie Story</td></tr>
             <tr class="grp"><td colspan="3">Intro-Absatz</td></tr>
-            <tr><td>Intro (body)</td><td>font-serif text-lg text-ink-2 italic leading-relaxed mb-6 pb-4 border-b border-dashed border-subtle</td><td>nur rendern wenn body nicht leer; kein HTML-Rendering — plaintext</td></tr>
+            <tr><td>Intro (body)</td><td>font-serif text-sm text-ink-2 italic leading-relaxed mb-6 pb-4 border-b border-dashed border-subtle</td><td>nur rendern wenn body nicht leer; kein HTML-Rendering — plaintext</td></tr>
             <tr class="grp"><td colspan="3">Dokument-Item</td></tr>
             <tr><td>Item-Zeile</td><td>mb-3</td><td>kein flex nötig — Karte ist full-width</td></tr>
-            <tr><td>Dokumentkarte</td><td>bg-surface border border-line rounded-sm p-3</td><td></td></tr>
+            <tr><td>Dokumentkarte</td><td>bg-white border border-line rounded-sm p-3</td><td></td></tr>
-            <tr><td>Brieftitel</td><td>font-serif text-base text-ink leading-snug mb-0.5</td><td>document.title</td></tr>
+            <tr><td>Brieftitel</td><td>font-serif text-sm text-ink leading-snug mb-0.5</td><td>document.title</td></tr>
-            <tr><td>Briefmeta</td><td>text-sm text-ink-3 mb-2</td><td>formatDate(document.documentDate) · "von X an Y"</td></tr>
+            <tr><td>Briefmeta</td><td>text-xs text-ink-3 mb-2</td><td>formatDate(document.documentDate) · "von X an Y"</td></tr>
-            <tr><td>Brief öffnen Link</td><td>inline-flex items-center gap-1 text-sm font-semibold text-ink hover:text-primary</td><td>href="/documents/{item.document.id}"</td></tr>
+            <tr><td>Brief öffnen Link</td><td>inline-flex items-center gap-1 text-xs font-semibold text-ink hover:text-primary</td><td>href="/documents/{item.document.id}"</td></tr>
             <tr class="grp"><td colspan="3">Kuratoren-Annotation</td></tr>
-            <tr><td>Annotation</td><td>mt-3 pl-3 border-l-2 border-brand-mint bg-muted rounded-r-sm py-1.5 pr-2</td><td>nur rendern wenn item.note vorhanden</td></tr>
+            <tr><td>Annotation</td><td>mt-3 pl-3 border-l-2 border-mint bg-surface rounded-r-sm py-1.5 pr-2</td><td>nur rendern wenn item.note vorhanden</td></tr>
-            <tr><td>Annotations-Text</td><td>text-base italic text-ink-2 leading-relaxed</td><td></td></tr>
+            <tr><td>Annotations-Text</td><td>text-xs italic text-ink-2 leading-relaxed</td><td></td></tr>
             <tr class="grp"><td colspan="3">Interlude-Item</td></tr>
-            <tr><td>Interlude-Block</td><td>pl-3 border-l-2 border-journey-border bg-journey-tint rounded-r-sm py-2 pr-3 my-4</td><td>item.document === null</td></tr>
+            <tr><td>Interlude-Block</td><td>pl-3 border-l-2 border-orange-400 bg-orange-50 rounded-r-sm py-2 pr-3 my-4</td><td>item.document === null</td></tr>
-            <tr><td>Interlude-Text</td><td>text-base italic text-ink leading-relaxed</td><td>item.note; plaintext</td></tr>
+            <tr><td>Interlude-Text</td><td>text-xs italic text-ink leading-relaxed</td><td>item.note; plaintext</td></tr>
             <tr class="grp"><td colspan="3">Mobile</td></tr>
             <tr><td>··· Menü</td><td>ml-auto text-ink-3; öffnet BottomSheet mit Bearbeiten + Löschen</td><td>BLOG_WRITE; gleich wie Story</td></tr>
             <tr><td>Touch Target (Brief öffnen)</td><td>min-h-[44px] durch padding auf der Karte</td><td>WCAG 2.2 AA</td></tr>

docs/specs/zeitstrahl-event-editor-spec.html

@@ -0,0 +1,418 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Zeitstrahl — Ereignis-Editor &amp; Brief-Gruppierung · Quick-Action im Dokument · Familienarchiv</title>
+<link href="https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+<style>
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+body{font-family:'Montserrat',system-ui,sans-serif;background:#ECEAE4;color:#1A1A1A;line-height:1.5;font-size:13px}
+.page{max-width:1320px;margin:0 auto;padding:48px 32px 120px}
+
+.mh{padding-bottom:24px;border-bottom:3px solid #012851;margin-bottom:48px}
+.mh h1{font-size:23px;font-weight:900;color:#012851;letter-spacing:-.4px}
+.mh p{font-size:13px;color:#555;max-width:790px;line-height:1.75;margin-top:8px}
+.mh .byline{font-size:9px;color:#999;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}
+.tag-row{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
+.tg{background:#012851;color:#a1dcd8;padding:2px 8px;border-radius:2px;font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
+.tg.mint{background:#a1dcd8;color:#012851}
+.tg.slate{background:#607080;color:#e8edf2}
+
+.sh{margin:60px 0 22px;padding-bottom:12px;border-bottom:2px solid #E0DDD6}
+.sh h2{font-size:17px;font-weight:900;color:#012851}
+.sh p{font-size:12.5px;color:#666;margin-top:5px;max-width:790px;line-height:1.65}
+
+.callout{padding:13px 17px;border-radius:4px;font-size:12px;line-height:1.65;margin-bottom:18px}
+.callout.navy{background:rgba(1,40,81,.06);border-left:3px solid #012851;color:#333}
+.callout.mint{background:rgba(161,220,216,.18);border-left:3px solid #00c7b1;color:#1f3a3a}
+.callout code{font-family:'Courier New',monospace;font-size:11px;background:#fff;padding:1px 4px;border-radius:2px}
+.callout strong{font-weight:800;color:#012851}
+
+/* desktop chrome */
+.dchrome{background:#F0EFE9;border:1.5px solid #C4C0BA;border-radius:9px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.12)}
+.dbar{height:22px;background:#E2DFD8;border-bottom:1px solid #C4C0BA;display:flex;align-items:center;gap:4px;padding:0 9px}
+.ddot{width:7px;height:7px;border-radius:50%;background:#C4BFB8}
+.durl{flex:1;height:10px;background:#D2CEC8;border-radius:5px;margin:0 8px;max-width:360px}
+.dnav{height:32px;background:#012851;display:flex;align-items:center;gap:13px;padding:0 16px}
+.dnav .nlogo{font-family:'Tinos',serif;font-size:10px;color:#fff;font-weight:700}
+.dnav .nlink{font-size:7.5px;color:rgba(255,255,255,.5);font-weight:700;text-transform:uppercase;letter-spacing:.4px}
+.dnav .nlink.on{color:#fff;border-bottom:2px solid #a1dcd8;padding-bottom:9px}
+.dnav .av{margin-left:auto;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;font-size:6px;font-weight:800;color:rgba(255,255,255,.55)}
+.dcanvas{background:#f0efe9;padding:20px 26px 26px}
+
+/* form atoms (mirror real Tailwind look) */
+.lbl{font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#6b7280;margin-bottom:6px}
+.inp{border:1px solid #e4e2d7;border-radius:4px;background:#fff;padding:8px 11px;font-size:12px;color:#012851}
+.inp.title{font-family:'Tinos',serif;font-size:22px;font-weight:700;padding:11px 13px}
+.card{border:1px solid #e4e2d7;border-radius:6px;background:#fff;padding:15px;box-shadow:0 1px 3px rgba(0,0,0,.04)}
+.card h3{font-size:8.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#6b7280;margin-bottom:3px}
+.card .hint{font-size:9.5px;color:#9a9a96;margin-bottom:9px}
+.seg{display:inline-flex;border:1px solid #012851;border-radius:5px;overflow:hidden}
+.seg span{font-size:10px;font-weight:700;padding:5px 13px;color:#012851}
+.seg span.on{background:#012851;color:#fff}
+.seg span+span{border-left:1px solid #012851}
+.chips{border:1px solid #e4e2d7;border-radius:5px;background:#fff;padding:7px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
+.chip-sel{display:inline-flex;align-items:center;gap:4px;background:#f5f4ef;border-radius:4px;padding:3px 8px;font-size:10px;color:#012851}
+.chip-sel .x{color:#012851;opacity:.45;font-size:11px}
+.chip-in{flex:1;min-width:90px;font-size:10.5px;color:#9a9a96;padding:3px 4px}
+.btn{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:5px;font-size:12px;font-weight:600}
+.btn.primary{background:#012851;color:#fff}
+.btn.ghost{background:#fff;border:1px solid #e4e2d7;color:#012851}
+.btn.danger{background:#fff;border:1px solid #e7c9c4;color:#c0392b}
+.tagchip{display:inline-flex;align-items:center;gap:3px;font-size:8px;border-radius:9px;padding:2px 7px;color:#a0522d;background:#f6ece6}
+.tagchip i{width:6px;height:6px;border-radius:2px;background:#a0522d;display:inline-block}
+
+/* annotation callouts on mockups */
+.anno{display:flex;gap:9px;align-items:flex-start;font-size:11.5px;color:#4a4a46;line-height:1.55;margin-bottom:7px}
+.anno .n{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#012851;color:#a1dcd8;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-top:1px}
+.anno b{color:#012851}
+.anno code{font-size:10px;background:#F0EFE9;padding:1px 4px;border-radius:2px}
+.annogrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 26px;margin-top:14px}
+
+/* dropdown */
+.dd{border:1px solid #e4e2d7;border-radius:6px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.12);overflow:hidden;margin-top:3px}
+.dd .opt{padding:7px 11px;font-size:11px;color:#012851;border-bottom:1px solid #f3f1ea;cursor:pointer}
+.dd .opt:hover,.dd .opt.hl{background:#f5f4ef}
+.dd .opt:last-child{border-bottom:none}
+.dd .opt .d{font-size:8.5px;color:#9a9a96}
+
+/* states grid */
+.states{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
+.state{border:1px solid #E0DDD6;border-radius:8px;background:#fff;overflow:hidden}
+.state .sh2{background:#F4F2EC;border-bottom:1px solid #E0DDD6;padding:7px 12px;font-size:8.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;color:#012851;display:flex;justify-content:space-between}
+.state .sb{padding:13px}
+.cap{font-size:11px;color:#888;font-style:italic;line-height:1.55;margin-top:8px}
+
+/* impl-ref */
+.impl-ref{background:#fff;border:1px solid #E0DDD6;border-radius:7px;overflow:hidden;margin-top:8px}
+.impl-ref table{width:100%;border-collapse:collapse}
+.impl-ref th{background:#012851;color:#fff;padding:8px 13px;text-align:left;font-size:8px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
+.impl-ref td{padding:8px 13px;border-bottom:1px solid #F0EEE8;vertical-align:top;font-size:11px;color:#444;line-height:1.55}
+.impl-ref tr:nth-child(even) td{background:#FAFAF7}
+.impl-ref td:first-child{font-weight:700;color:#012851;white-space:nowrap;width:185px}
+.impl-ref td code{font-size:9.5px;background:#F0EFE9;padding:1px 4px;border-radius:2px;font-family:'Courier New',monospace;color:#333}
+hr{border:none;border-top:2px dashed #C8C4BE;margin:52px 0}
+.note{font-size:11px;color:#888;font-style:italic;margin-top:10px;line-height:1.6}
+</style>
+</head>
+<body>
+<div class="page">
+
+<!-- ══ MASTHEAD ══ -->
+<div class="mh">
+  <h1>Ereignis-Editor &amp; Brief-Gruppierung · Quick-Action im Dokument</h1>
+  <p>Wie kuratierte Zeitstrahl-Ereignisse entstehen und wie Briefe gruppiert werden — von zwei Seiten in ein Datenmodell (<code style="font-family:monospace;font-size:12px">TimelineEvent.documents</code>): der <strong>Ereignis-Editor</strong> unter <code style="font-family:monospace;font-size:12px">/zeitstrahl/events/[id]/edit</code> (Kurator baut, verlinkt viele Briefe) und die <strong>Quick-Action im Dokument-Detail</strong> (beim Lesen schnell zuordnen). Beide bauen auf bereits ausgelieferten Komponenten auf.</p>
+  <div class="tag-row">
+    <span class="tg">Milestone #14 · Zeitstrahl</span>
+    <span class="tg mint">Reuse: GeschichteEditor · DocumentMultiSelect · PersonMultiSelect</span>
+    <span class="tg slate">WRITE_ALL</span>
+  </div>
+  <div class="byline">Familienarchiv · 2026-06-08 · Leonie Voss, UX Lead · gegründet auf Code: GeschichteEditor.svelte · DocumentMetadataDrawer.svelte · DocumentMultiSelect.svelte</div>
+</div>
+
+
+<!-- ══ 1 · TWO ENTRY POINTS ══ -->
+<div class="sh">
+  <h2>1 · Zwei Einstiegspunkte, ein Datenmodell</h2>
+  <p>Manuelle Gruppierung = ein <code>TimelineEvent</code> mit verknüpften Dokumenten. Kuratoren arbeiten in beide Richtungen — wir bauen beide, statt eine zu erzwingen.</p>
+</div>
+<div class="states" style="grid-template-columns:1fr 1fr">
+  <div class="callout navy" style="margin:0">
+    <strong>A · Ereignis-zuerst</strong> — der Kurator baut den Zeitstrahl. <code>/zeitstrahl/events/new · [id]/edit</code> mit Dokument-Mehrfach-Picker = <b>Bulk-Linking</b> vieler Briefe auf einmal. Spiegelt 1:1 den <code>GeschichteEditor</code> (gleiche zwei-Spalten-Form, Sidebar-Picker, Sticky-Save-Bar).
+  </div>
+  <div class="callout mint" style="margin:0">
+    <strong>B · Dokument-zuerst</strong> — beim Lesen eines Briefs. Quick-Action im Dokument-Detail: bestehendes Ereignis wählen <i>oder</i> neu anlegen, verlinkt diesen einen Brief. Spiegelt die bestehende <b>Geschichten-Spalte</b> im Details-Drawer (<code>DocumentMetadataDrawer.svelte</code>).
+  </div>
+</div>
+
+
+<!-- ══ 2 · EVENT EDITOR ══ -->
+<div class="sh">
+  <h2>2 · Ereignis-Editor — <code style="font-size:14px">/zeitstrahl/events/[id]/edit</code></h2>
+  <p>Form-Actions-Muster, gegated mit <code>WRITE_ALL</code>. Layout &amp; Verhalten 1:1 vom <code>GeschichteEditor</code> übernommen: Hauptspalte + Sidebar (<code>lg:grid-cols-[2fr_1fr]</code>), Sticky-Save-Bar, <code>beforeNavigate</code>-Warnung bei ungespeicherten Änderungen.</p>
+</div>
+
+<div class="dchrome" style="margin-bottom:16px">
+  <div class="dbar"><div class="ddot"></div><div class="ddot"></div><div class="ddot"></div><div class="durl"></div></div>
+  <div class="dnav"><span class="nlogo">Familienarchiv</span><span class="nlink">Dokumente</span><span class="nlink">Personen</span><span class="nlink on">Zeitstrahl</span><span class="nlink">Stammbaum</span><span class="av">KR</span></div>
+  <div class="dcanvas">
+    <div style="font-size:8px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a8a86;margin-bottom:10px">‹ Zurück zum Zeitstrahl</div>
+    <div style="font-family:'Tinos',serif;font-size:18px;font-weight:700;color:#012851;margin-bottom:16px">Ereignis bearbeiten</div>
+
+    <div style="display:grid;grid-template-columns:2fr 1fr;gap:22px">
+      <!-- MAIN COLUMN -->
+      <div style="display:flex;flex-direction:column;gap:16px">
+        <!-- ① title -->
+        <div>
+          <div class="inp title" style="width:100%">Briefe von der Front</div>
+        </div>
+        <!-- ② type + ③ date/precision -->
+        <div style="display:flex;gap:22px;flex-wrap:wrap">
+          <div>
+            <div class="lbl">② Typ</div>
+            <div class="seg"><span class="on">Persönlich</span><span>Historisch</span></div>
+          </div>
+          <div>
+            <div class="lbl">③ Datum · Präzision</div>
+            <div style="display:flex;gap:6px;align-items:center">
+              <div class="inp" style="width:120px">1915</div>
+              <div class="inp" style="display:flex;align-items:center;gap:18px;color:#6b7280">Jahr <span style="font-size:8px">▾</span></div>
+            </div>
+            <div style="font-size:9px;color:#9a9a96;margin-top:5px;font-style:italic">Bei „Zeitspanne" erscheint ein zweites End-Datum-Feld. Bei „ca." / „Saison" passt sich nur das Label an.</div>
+          </div>
+        </div>
+        <!-- ④ description -->
+        <div>
+          <div class="lbl">④ Beschreibung <span style="color:#bbb;font-weight:600">· optional</span></div>
+          <div class="inp" style="width:100%;min-height:96px;color:#4a4a46;font-family:'Tinos',serif;line-height:1.6">Karls Feldpost von der Westfront, 1915 — wöchentliche Briefe an Elfriede und den neugeborenen Hans. Eine zusammenhängende Korrespondenz, die hier als Cluster gebündelt wird …</div>
+          <div style="font-size:9px;color:#9a9a96;margin-top:5px;font-style:italic">Schlichtes Textfeld (kein Rich-Text wie Geschichten) — Ereignisse sind kurze Notizen, keine Langform.</div>
+        </div>
+      </div>
+
+      <!-- SIDEBAR -->
+      <aside style="display:flex;flex-direction:column;gap:16px">
+        <!-- ⑤ linked letters = grouping -->
+        <div class="card" style="border-color:#a1dcd8;box-shadow:0 2px 10px rgba(161,220,216,.3)">
+          <h3 style="color:#012851">⑤ Verknüpfte Briefe · 24</h3>
+          <div class="hint">Diese Briefe bilden den Cluster. <code style="font-size:9px">DocumentMultiSelect</code></div>
+          <div class="chips">
+            <span class="chip-sel">✉ Westfront-Brief · Mär 1915 <span class="x">×</span></span>
+            <span class="chip-sel">✉ Feldpost Verdun · Jul 1915 <span class="x">×</span></span>
+            <span class="chip-sel">✉ Brief an Elfriede · Sep 1915 <span class="x">×</span></span>
+            <span class="chip-in">Brief suchen …</span>
+          </div>
+        </div>
+        <!-- ⑥ persons -->
+        <div class="card">
+          <h3>⑥ Beteiligte Personen</h3>
+          <div class="hint">Treibt die Lebensweg-Ansicht &amp; Filter. <code style="font-size:9px">PersonMultiSelect</code></div>
+          <div class="chips">
+            <span class="chip-sel">Karl Raddatz <span class="x">×</span></span>
+            <span class="chip-sel">Elfriede Raddatz <span class="x">×</span></span>
+            <span class="chip-sel">Hans Raddatz <span class="x">×</span></span>
+            <span class="chip-in">Person suchen …</span>
+          </div>
+        </div>
+      </aside>
+    </div>
+
+    <!-- ⑦ sticky save bar -->
+    <div style="margin:18px -26px -26px;border-top:1px solid #e4e2d7;background:#fff;box-shadow:0 -2px 8px rgba(0,0,0,.05);padding:13px 26px;display:flex;align-items:center;justify-content:space-between">
+      <span style="font-size:10px;color:#9a9a96">Änderungen werden erst beim Speichern übernommen.</span>
+      <div style="display:flex;gap:8px">
+        <span class="btn danger">Löschen</span>
+        <span class="btn ghost">Abbrechen</span>
+        <span class="btn primary">Speichern</span>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="annogrid">
+  <div class="anno"><span class="n">①</span><span><b>Titel</b> — großes Serifen-Feld, wie der Geschichten-Titel. Pflichtfeld (Validierung bei Blur).</span></div>
+  <div class="anno"><span class="n">②</span><span><b>Typ</b> — <code>PERSONAL</code> / <code>HISTORICAL</code> Segmented-Control. Steuert Rendering (Mint-Pille vs. Welt-Band).</span></div>
+  <div class="anno"><span class="n">③</span><span><b>Datum + Präzision</b> — geteilte <code>DatePrecisionInput</code> (gleiche Logik wie Dokument-Datum, <code>metaDatePrecision</code>). „Zeitspanne" blendet End-Datum ein.</span></div>
+  <div class="anno"><span class="n">④</span><span><b>Beschreibung</b> — optionales Textfeld (<code>TEXT</code>), bewusst schlicht.</span></div>
+  <div class="anno"><span class="n">⑤</span><span><b>Verknüpfte Briefe</b> — <b>hier wird gruppiert.</b> Wiederverwendung von <code>DocumentMultiSelect</code> (Typeahead, Chips, Hidden-Inputs).</span></div>
+  <div class="anno"><span class="n">⑥</span><span><b>Beteiligte Personen</b> — <code>PersonMultiSelect</code>. Bestimmt, in welchem „Lebensweg" das Ereignis auftaucht.</span></div>
+  <div class="anno"><span class="n">⑦</span><span><b>Sticky-Save-Bar</b> — Speichern primär, Abbrechen sekundär, Löschen nur im Edit-Modus (mit Bestätigung).</span></div>
+  <div class="anno"><span class="n">＋</span><span><b>/new</b> — leeres Formular. Mit <code>?documentId=…</code> ist Feld ⑤ vorbefüllt (aus der Quick-Action, §4-D).</span></div>
+</div>
+
+
+<!-- ══ 3 · GROUPING / DOCUMENT PICKER ══ -->
+<div class="sh">
+  <h2>3 · Brief-Gruppierung im Editor — der Dokument-Picker</h2>
+  <p>Feld ⑤ ist der unveränderte <code>DocumentMultiSelect</code>: Tippen sucht über <code>/api/documents/search?q=…</code> (debounced 300&nbsp;ms), Treffer mit ehrlichem Datums-Label, bereits gewählte werden gefiltert. Jeder Klick fügt einen Brief zum Cluster.</p>
+</div>
+
+<div class="states">
+  <div class="state">
+    <div class="sh2"><span>Suche aktiv — Dropdown</span><span style="color:#9a9a96">DocumentMultiSelect</span></div>
+    <div class="sb">
+      <div class="chips" style="margin-bottom:0">
+        <span class="chip-sel">✉ Westfront-Brief · Mär 1915 <span class="x">×</span></span>
+        <span class="chip-sel">✉ Feldpost Verdun · Jul 1915 <span class="x">×</span></span>
+        <span class="chip-in" style="color:#012851">Verdun▏</span>
+      </div>
+      <div class="dd">
+        <div class="opt hl">Feldpost aus Verdun <span class="d">· Brief · Juli 1915</span></div>
+        <div class="opt">Brief aus dem Verdun-Lazarett <span class="d">· Brief · August 1916</span></div>
+        <div class="opt">Rückkehr aus Verdun <span class="d">· Brief · ca. 1917</span></div>
+      </div>
+      <div class="cap">Label = <code style="font-size:10px">title · formatDocumentDate(precision)</code>. Bereits verknüpfte Briefe erscheinen nicht in den Treffern (Dedup).</div>
+    </div>
+  </div>
+
+  <div class="state">
+    <div class="sh2"><span>Inline „＋ Ereignis" am Jahres-Band</span><span style="color:#9a9a96">Zeitstrahl</span></div>
+    <div class="sb">
+      <div style="position:relative;padding-left:20px">
+        <div style="position:absolute;left:6px;top:2px;bottom:2px;width:2px;background:linear-gradient(#a1dcd8,#012851)"></div>
+        <div style="font-family:'Tinos',serif;font-size:13px;font-weight:700;color:#012851;margin-bottom:8px">1915</div>
+        <div style="background:#FAF9F5;border:1px solid #eeede8;border-radius:4px;padding:7px 9px;margin-bottom:8px"><div style="font-size:9.5px;font-weight:700;color:#012851">✉ 24 Briefe</div><div style="font-size:8px;color:#9a9a96">Monats-Dichte ▾</div></div>
+        <button style="display:inline-flex;align-items:center;gap:5px;border:1px dashed #a1dcd8;background:#fff;border-radius:6px;padding:5px 11px;font-size:10px;font-weight:600;color:#012851">＋ Ereignis aus diesem Jahr anlegen</button>
+      </div>
+      <div class="cap">Kuratoren können auch direkt im Zeitstrahl ein Ereignis anlegen — öffnet denselben Editor, Jahr &amp; Briefe des Bandes vorbefüllt.</div>
+    </div>
+  </div>
+</div>
+
+
+<hr>
+
+<!-- ══ 4 · QUICK ACTION IN DOCUMENT DETAIL ══ -->
+<div class="sh">
+  <h2>4 · Quick-Action im Dokument-Detail — wo sie lebt</h2>
+  <p>Die Dokument-Detailseite ist ein <b>vollflächiger Viewer ohne Sidebar</b> (<code>fixed inset</code>). Aktions-Flächen gibt es nur zwei: die <code>DocumentTopBar</code> und den aufklappbaren <b>Details-Drawer</b>. Die Quick-Action lebt an beiden — primär als <b>„Zeitstrahl"-Spalte im Drawer</b> (spiegelt die Geschichten-Spalte), plus ein <b>Top-Bar-Button</b> für den Ein-Klick-Weg.</p>
+</div>
+
+<div class="callout navy"><strong>Warum der Details-Drawer der richtige Ort ist:</strong> Er zeigt heute schon, <i>wozu ein Brief gehört</i> — Personen, Schlagwörter und <b>Geschichten</b> (mit „Zuordnen"-Aktion, gegated über <code>canBlogWrite</code>, <code>DocumentMetadataDrawer.svelte:210</code>). Zeitstrahl-Ereignisse sind strukturell identisch („dieser Brief gehört zu diesen Ereignissen") und bekommen daher eine gleichwertige vierte/fünfte Spalte. Konsistent &amp; auffindbar dort, wo Nutzer ohnehin „Zugehörigkeit" suchen.</div>
+
+<div class="dchrome" style="margin-bottom:16px">
+  <div class="dbar"><div class="ddot"></div><div class="ddot"></div><div class="ddot"></div><div class="durl"></div></div>
+  <!-- document topbar -->
+  <div style="background:#fff;border-bottom:1px solid #e4e2d7;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;align-items:center;height:54px">
+    <div style="width:3px;height:100%;background:#012851"></div>
+    <div style="width:34px;display:flex;justify-content:center;color:#6b7280;font-size:14px">‹</div>
+    <div style="width:1px;height:22px;background:#e4e2d7;margin:0 6px"></div>
+    <div style="flex:0 1 auto;min-width:0;padding-right:10px">
+      <div style="font-family:'Tinos',serif;font-size:13px;font-weight:700;color:#012851;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">Brief über die Lage an der Westfront</div>
+      <div style="font-size:8.5px;color:#6b7280">März 1915</div>
+    </div>
+    <div style="display:flex;gap:3px;margin-left:6px"><span style="width:20px;height:20px;border-radius:50%;background:#012851;color:#fff;font-size:7px;display:flex;align-items:center;justify-content:center">KR</span><span style="font-size:9px;color:#9a9a96;align-self:center">→</span><span style="width:20px;height:20px;border-radius:50%;background:#5a8a6a;color:#fff;font-size:7px;display:flex;align-items:center;justify-content:center">ER</span></div>
+    <div style="margin-left:auto;display:flex;align-items:center;gap:7px;padding-right:14px">
+      <!-- Details toggle (active) -->
+      <span style="display:inline-flex;align-items:center;gap:5px;background:#012851;color:#fff;border-radius:5px;font-size:10px;font-weight:600;padding:6px 11px">Details ▴</span>
+      <div style="width:1px;height:22px;background:#e4e2d7"></div>
+      <!-- action buttons -->
+      <span style="display:inline-flex;align-items:center;gap:4px;border:1px solid #e4e2d7;border-radius:5px;font-size:10px;font-weight:600;color:#012851;padding:6px 11px">✎ Transkribieren</span>
+      <!-- NEW: Zeitstrahl quick button -->
+      <span style="display:inline-flex;align-items:center;gap:4px;background:#a1dcd8;color:#012851;border-radius:5px;font-size:10px;font-weight:700;padding:6px 11px">⊕ Zeitstrahl</span>
+      <span style="display:inline-flex;align-items:center;gap:4px;border:1px solid #e4e2d7;border-radius:5px;font-size:10px;color:#012851;padding:6px 9px">⤓</span>
+    </div>
+  </div>
+
+  <!-- metadata drawer (opened) -->
+  <div style="background:#fff;border-bottom:1px solid #e4e2d7;padding:20px 24px">
+    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:24px">
+      <!-- Details -->
+      <div>
+        <div class="lbl">Details</div>
+        <div style="font-size:8px;font-weight:600;color:#9a9a96;margin-bottom:1px">Datum</div><div style="font-family:'Tinos',serif;font-size:12px;color:#012851;margin-bottom:8px">März 1915</div>
+        <div style="font-size:8px;font-weight:600;color:#9a9a96;margin-bottom:1px">Ort</div><div style="font-family:'Tinos',serif;font-size:12px;color:#012851;margin-bottom:8px">Westfront</div>
+        <div style="font-size:8px;font-weight:600;color:#9a9a96;margin-bottom:1px">Status</div><div style="font-family:'Tinos',serif;font-size:12px;color:#012851">Transkribiert</div>
+      </div>
+      <!-- Personen -->
+      <div>
+        <div class="lbl">Personen</div>
+        <div style="display:flex;align-items:center;gap:7px;margin-bottom:6px"><span style="width:26px;height:26px;border-radius:50%;background:#012851;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center">KR</span><span style="font-family:'Tinos',serif;font-size:12px;color:#012851">Karl Raddatz</span></div>
+        <div style="display:flex;align-items:center;gap:7px"><span style="width:26px;height:26px;border-radius:50%;background:#5a8a6a;color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center">ER</span><span style="font-family:'Tinos',serif;font-size:12px;color:#012851">Elfriede Raddatz</span></div>
+      </div>
+      <!-- Schlagwörter -->
+      <div>
+        <div class="lbl">Schlagwörter</div>
+        <div style="display:flex;flex-wrap:wrap;gap:5px"><span style="background:#f5f4ef;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#012851;padding:3px 7px">Krieg</span><span style="background:#f5f4ef;border-radius:3px;font-size:8px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#012851;padding:3px 7px">Briefe von der Front</span></div>
+      </div>
+      <!-- NEW: Zeitstrahl column -->
+      <div style="border-left:2px solid #eef6f5;padding-left:18px;margin-left:-6px">
+        <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:9px">
+          <span class="lbl" style="margin:0;color:#012851">Zeitstrahl</span>
+          <span style="font-size:9px;font-weight:600;color:#6b7280">+ Zuordnen</span>
+        </div>
+        <!-- linked event -->
+        <div style="border:1px solid #e4e2d7;border-radius:5px;padding:7px 9px;margin-bottom:8px">
+          <div style="display:flex;align-items:center;justify-content:space-between"><span style="font-family:'Tinos',serif;font-size:11px;font-weight:700;color:#012851">Briefe von der Front</span><span style="color:#9a9a96;font-size:11px">×</span></div>
+          <div style="font-size:8px;color:#9a9a96;margin-top:1px">1915 · 24 Briefe · persönlich</div>
+          <span class="tagchip" style="margin-top:5px"><i></i>Krieg</span>
+        </div>
+        <!-- quick add row -->
+        <div style="display:flex;gap:6px">
+          <span style="flex:1;border:1px solid #e4e2d7;border-radius:4px;font-size:9px;color:#9a9a96;padding:5px 8px">Ereignis suchen …</span>
+          <span style="background:#012851;color:#fff;border-radius:4px;font-size:9px;font-weight:600;padding:5px 8px;white-space:nowrap">＋ Neu</span>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div style="height:120px;background:repeating-linear-gradient(45deg,#ececec,#ececec 8px,#e4e4e4 8px,#e4e4e4 16px);display:flex;align-items:center;justify-content:center;color:#aaa;font-size:10px">↓ PDF-Viewer (Brief-Scan) …</div>
+</div>
+
+<div class="annogrid">
+  <div class="anno"><span class="n">A</span><span><b>Top-Bar-Button „⊕ Zeitstrahl"</b> — Mint-Akzent im Aktions-Cluster (<code>DocumentTopBarActions</code>). Öffnet ein kleines Popover zum Ein-Klick-Zuordnen, ohne den Drawer zu öffnen. Im Mobile-Menü als Eintrag.</span></div>
+  <div class="anno"><span class="n">B</span><span><b>„Zeitstrahl"-Spalte im Details-Drawer</b> — neue Spalte neben Geschichten. Zeigt verknüpfte Ereignisse (Titel · Datum · Tag-Chip), Unlink über <code>×</code>, plus Quick-Add-Zeile. Nur sichtbar/aktiv bei <code>canWrite</code>.</span></div>
+  <div class="anno"><span class="n">C</span><span><b>Quick-Add-Zeile</b> — Typeahead „Ereignis suchen …" (sofortiges Verlinken, keine Navigation) + <b>„＋ Neu"</b>.</span></div>
+  <div class="anno"><span class="n">D</span><span><b>„＋ Neu"</b> → <code>/zeitstrahl/events/new?documentId={id}</code> — öffnet den Editor (§2) mit diesem Brief in Feld ⑤ vorbefüllt. Spiegelt <code>/geschichten/new?documentId=</code>.</span></div>
+</div>
+
+
+<!-- ══ 5 · QUICK-ADD STATES ══ -->
+<div class="sh"><h2>5 · Quick-Action — Zustände</h2><p>Der Typeahead in der Zeitstrahl-Spalte (oder im Top-Bar-Popover). Gleiches Muster wie <code>DocumentMultiSelect</code>, nur sucht es Ereignisse statt Dokumente.</p></div>
+
+<div class="states" style="grid-template-columns:repeat(2,1fr)">
+  <div class="state">
+    <div class="sh2"><span>A · Nicht zugeordnet</span></div>
+    <div class="sb">
+      <div style="font-size:10px;color:#9a9a96;font-style:italic;margin-bottom:9px">Noch keinem Ereignis zugeordnet.</div>
+      <div style="display:flex;gap:6px"><span style="flex:1;border:1px solid #e4e2d7;border-radius:4px;font-size:10px;color:#9a9a96;padding:6px 9px">Ereignis suchen …</span><span class="btn primary" style="height:30px;font-size:10px;padding:0 11px">＋ Neu</span></div>
+    </div>
+  </div>
+  <div class="state">
+    <div class="sh2"><span>B · Suche — Treffer</span></div>
+    <div class="sb">
+      <div style="border:1px solid #012851;border-radius:4px;font-size:10px;color:#012851;padding:6px 9px;margin-bottom:0">Front▏</div>
+      <div class="dd">
+        <div class="opt hl">Briefe von der Front <span class="d">· 1915 · 24 Briefe</span></div>
+        <div class="opt">Kriegsausbruch <span class="d">· 1914 · 6 Briefe</span></div>
+        <div class="opt" style="color:#012851;font-weight:600">＋ „Front" als neues Ereignis anlegen</div>
+      </div>
+    </div>
+  </div>
+  <div class="state">
+    <div class="sh2"><span>C · Zugeordnet</span></div>
+    <div class="sb">
+      <div style="border:1px solid #e4e2d7;border-radius:5px;padding:7px 9px"><div style="display:flex;align-items:center;justify-content:space-between"><span style="font-family:'Tinos',serif;font-size:11px;font-weight:700;color:#012851">Briefe von der Front</span><span style="font-size:9px;color:#2e7d57">✓ verknüpft <span style="color:#9a9a96">×</span></span></div><span class="tagchip" style="margin-top:5px"><i></i>Krieg</span></div>
+      <div class="cap">Sofortiges Verlinken (POST). Toast „Zum Ereignis hinzugefügt", <code style="font-size:10px">aria-live</code>. Unlink über <code>×</code> (DELETE).</div>
+    </div>
+  </div>
+  <div class="state">
+    <div class="sh2"><span>D · Mehrfach zugeordnet</span></div>
+    <div class="sb">
+      <div style="display:flex;flex-direction:column;gap:5px">
+        <div style="border:1px solid #e4e2d7;border-radius:5px;padding:5px 9px;display:flex;justify-content:space-between"><span style="font-family:'Tinos',serif;font-size:10.5px;color:#012851">Briefe von der Front</span><span style="font-size:9px;color:#9a9a96">×</span></div>
+        <div style="border:1px solid #e4e2d7;border-radius:5px;padding:5px 9px;display:flex;justify-content:space-between"><span style="font-family:'Tinos',serif;font-size:10.5px;color:#012851">Weihnachten 1915</span><span style="font-size:9px;color:#9a9a96">×</span></div>
+      </div>
+      <div class="cap">Ein Brief darf zu mehreren Ereignissen gehören (ManyToMany) — alle werden gelistet.</div>
+    </div>
+  </div>
+</div>
+
+
+<!-- ══ 6 · TOKENS ══ -->
+<div class="sh"><h2>6 · Wiederverwendete Bausteine &amp; Tokens</h2></div>
+<div class="callout mint"><strong>Maximal wiederverwenden:</strong> <code>DocumentMultiSelect</code> (Brief-Gruppierung, unverändert) · <code>PersonMultiSelect</code> (Beteiligte) · <code>GeschichteEditor</code>-Layout (zwei Spalten, Sticky-Save, <code>beforeNavigate</code>) · <code>DocumentMetadataDrawer</code>-Spaltenmuster (Quick-Action) · <code>useUnsavedWarning</code> · <code>formatDocumentDate</code> / <code>DatePrecision</code>. Brand-Tokens wie im Zeitstrahl-Spec: Navy <code>#012851</code>, Mint <code>#a1dcd8</code>, Linie <code>#e4e2d7</code>, ink-3 <code>#6b7280</code>, danger <code>#c0392b</code>; Serifen-Titel (Tinos), Sans-Chrome (Montserrat).</div>
+
+
+<!-- ══ 7 · IMPL-REF ══ -->
+<div class="sh"><h2>7 · Implementierungs-Referenz &amp; Barrierefreiheit</h2></div>
+<div class="impl-ref">
+  <table>
+    <tr><th>Baustein</th><th>Datei / Endpoint</th><th>Verantwortung</th></tr>
+    <tr><td>Editor-Route (neu)</td><td><code>/zeitstrahl/events/new · [id]/edit</code></td><td><code>+page.server.ts</code> (Form-Actions, <code>WRITE_ALL</code>) + <code>+page.svelte</code>; <code>?documentId=</code> vorbefüllt Feld ⑤</td></tr>
+    <tr><td>Editor-Komponente (neu)</td><td><code>TimelineEventEditor.svelte</code></td><td>Spiegelt <code>GeschichteEditor</code>: Titel, Typ, Datum+Präzision, Beschreibung; Sidebar-Picker; Sticky-Save; <code>beforeNavigate</code></td></tr>
+    <tr><td>Brief-Gruppierung (reuse)</td><td><code>DocumentMultiSelect.svelte</code></td><td>Unverändert — Typeahead <code>/api/documents/search</code>, Chips, Hidden-Inputs <code>documentIds</code></td></tr>
+    <tr><td>Personen (reuse)</td><td><code>PersonMultiSelect.svelte</code></td><td>Unverändert — Beteiligte Personen</td></tr>
+    <tr><td>Datum + Präzision</td><td><code>DatePrecisionInput</code> (geteilt)</td><td>Wie Dokument-Datum (<code>metaDatePrecision</code>); „Zeitspanne" → End-Datum; <code>formatDocumentDate</code> fürs Label</td></tr>
+    <tr><td>Quick-Action-Spalte (neu)</td><td><code>DocumentTimelineColumn.svelte</code></td><td>Im <code>DocumentMetadataDrawer</code> neben Geschichten; verknüpfte Ereignisse + Quick-Add; nur bei <code>canWrite</code></td></tr>
+    <tr><td>Quick-Add-Picker (neu)</td><td><code>DocumentTimelineEventPicker.svelte</code></td><td>Ereignis-Typeahead; sofort verlinken oder <code>?documentId=</code> zum Editor; auch im Top-Bar-Popover</td></tr>
+    <tr><td>Top-Bar-Button (neu)</td><td><code>DocumentTopBarActions</code> · <code>DocumentMobileMenu</code></td><td>„⊕ Zeitstrahl"-Button (canWrite); öffnet Quick-Add-Popover</td></tr>
+    <tr><td>Backend — CRUD</td><td><code>POST · PUT · DELETE /api/timeline/events</code></td><td><code>TimelineEventController</code>, <code>WRITE_ALL</code>; <code>TimelineEventRequest</code> mit <code>documentIds</code> / <code>personIds</code></td></tr>
+    <tr><td>Backend — Link/Unlink</td><td><code>PUT /api/timeline/events/{id}</code></td><td>Verlinken/Lösen läuft über das Event-Update (<code>documents</code>-Set); kein neuer ErrorCode nötig</td></tr>
+    <tr><td>Barrierefreiheit</td><td>—</td><td>Picker-Dropdowns Tastatur-navigierbar (↑↓↵), <code>aria-live</code> für „verknüpft/gelöst"; 44px-Ziele; sichtbarer Fokus-Ring; Löschen/Unlink mit Bestätigung</td></tr>
+  </table>
+</div>
+<div class="note">Offene Designentscheidung: Soll der Top-Bar-Button (A) MVP sein oder reicht zunächst die Drawer-Spalte (B)? Empfehlung: <b>B als MVP</b> (spiegelt Geschichten exakt, geringster Aufwand), A als schneller Nachzug.</div>
+
+</div>
+</body>
+</html>

docs/specs/zeitstrahl-final-spec.html

@@ -0,0 +1,391 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Globaler Zeitstrahl — Finale Spezifikation (Konzept A) · Milestone #14 · Familienarchiv</title>
+<link href="https://fonts.googleapis.com/css2?family=Tinos:ital,wght@0,400;0,700;1,400&family=Montserrat:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
+<style>
+*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
+body{font-family:'Montserrat',system-ui,sans-serif;background:#ECEAE4;color:#1A1A1A;line-height:1.5;font-size:13px}
+.page{max-width:1320px;margin:0 auto;padding:48px 32px 120px}
+
+/* Masthead */
+.mh{padding-bottom:24px;border-bottom:3px solid #012851;margin-bottom:48px}
+.mh h1{font-size:23px;font-weight:900;color:#012851;letter-spacing:-.4px}
+.mh p{font-size:13px;color:#555;max-width:780px;line-height:1.75;margin-top:8px}
+.mh .byline{font-size:9px;color:#999;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:10px}
+.tag-row{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}
+.tg{background:#012851;color:#a1dcd8;padding:2px 8px;border-radius:2px;font-size:8px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
+.tg.mint{background:#a1dcd8;color:#012851}
+.tg.slate{background:#607080;color:#e8edf2}
+
+.sh{margin:60px 0 24px;padding-bottom:12px;border-bottom:2px solid #E0DDD6}
+.sh h2{font-size:17px;font-weight:900;color:#012851}
+.sh p{font-size:12.5px;color:#666;margin-top:5px;max-width:780px;line-height:1.65}
+
+.callout{padding:13px 17px;border-radius:4px;font-size:12px;line-height:1.65;margin-bottom:18px}
+.callout.navy{background:rgba(1,40,81,.06);border-left:3px solid #012851;color:#333}
+.callout.mint{background:rgba(161,220,216,.18);border-left:3px solid #00c7b1;color:#1f3a3a}
+.callout strong{font-weight:800;color:#012851}
+
+/* legend */
+.legend{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
+.lg{background:#fff;border:1px solid #E0DDD6;border-radius:7px;padding:12px 14px;display:flex;gap:11px}
+.lg .ico{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px}
+.lg .ttl{font-size:10.5px;font-weight:800;color:#012851;margin-bottom:2px}
+.lg .body{font-size:9.5px;color:#5a5a56;line-height:1.5}
+.lg .body code{font-size:8.5px;background:#F0EFE9;padding:1px 3px;border-radius:2px;color:#444}
+
+/* precision table */
+.rules{background:#fff;border:1px solid #E0DDD6;border-radius:7px;overflow:hidden;margin-top:8px}
+.rules table{width:100%;border-collapse:collapse}
+.rules th{background:#F4F2EC;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:#888;padding:8px 12px;text-align:left;border-bottom:1px solid #E0DDD6}
+.rules td{font-size:11px;color:#444;padding:7px 12px;border-bottom:1px solid #F0EEE8;vertical-align:top;line-height:1.5}
+.rules tr:last-child td{border-bottom:none}
+.rules td:first-child{font-weight:700;color:#012851;width:110px}
+.rules td code{font-size:10px;background:#F0EFE9;padding:1px 5px;border-radius:2px;color:#444}
+.rules .ex{font-family:'Tinos',serif;font-size:13px;color:#012851}
+
+/* ── Timeline atoms (Konzept A) ── */
+.tl-canvas{background:#f0efe9;border:1.5px solid #E0DDD6;border-radius:10px;padding:24px 26px 30px}
+.dh{font-family:'Tinos',serif;font-size:20px;font-weight:700;color:#012851}
+.dh-sub{font-size:9.5px;color:#7a7a76;margin-bottom:20px}
+
+/* desktop centered axis */
+.axis{position:relative;max-width:780px;margin:0 auto;padding:4px 0}
+.axis::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2.5px;background:linear-gradient(#a1dcd8,#012851,#607080);transform:translateX(-50%)}
+.ybadge{text-align:center;position:relative;margin:4px 0 14px}
+.ybadge span{background:#012851;color:#fff;font-family:'Tinos',serif;font-size:13px;font-weight:700;padding:2px 15px;border-radius:12px;position:relative;z-index:2}
+.pill{text-align:center;position:relative;margin-bottom:15px}
+.pill .inner{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1.5px solid #012851;border-radius:22px;padding:5px 16px 5px 5px;position:relative;z-index:2;box-shadow:0 2px 7px rgba(1,40,81,.12)}
+.pill.curated .inner{border-color:#a1dcd8;border-width:2px}
+.pill .gly{width:28px;height:28px;border-radius:50%;background:#012851;color:#a1dcd8;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
+.pill.curated .gly{background:#a1dcd8;color:#012851}
+.pill .tx{text-align:left}
+.pill .tx .t{font-family:'Tinos',serif;font-size:12px;font-weight:700;color:#012851;display:block;line-height:1.15}
+.pill .tx .s{font-size:8.5px;color:#8a8a86}
+.wband{position:relative;margin:0 -26px 15px;padding:7px 26px;background:#EEEBE2;border-top:1px solid #ddd8cc;border-bottom:1px solid #ddd8cc;text-align:center}
+.wband .t{font-family:'Tinos',serif;font-style:italic;font-size:12px;color:#5a6776}
+.wband .s{font-size:8.5px;color:#8a8a86;margin-left:8px}
+.lrow{display:flex;align-items:flex-start;margin-bottom:12px}
+.lrow .half{flex:1}
+.lrow .dot{width:13px;height:13px;border-radius:50%;background:#fff;border:2.5px solid #a1dcd8;margin-top:9px;flex-shrink:0;z-index:2;position:relative}
+.lrow .a{padding-right:26px;text-align:right}
+.lrow .b{padding-left:26px;text-align:left}
+.lcard{display:inline-block;text-align:left;background:#fff;border:1px solid #e4e2d7;border-radius:5px;padding:8px 11px;box-shadow:0 1px 3px rgba(0,0,0,.05);max-width:300px}
+.lcard.ev{border-left:3px solid #a1dcd8}
+.lcard .t{font-size:11px;font-weight:700;color:#1A1A1A}
+.lcard.ev .t{font-family:'Tinos',serif}
+.lcard .m{font-size:8.5px;color:#9a9a96;margin-top:1px}
+
+.chip{display:inline-flex;align-items:center;gap:3px;font-size:7.5px;border-radius:9px;padding:2px 7px;margin-top:5px}
+.chip i{width:6px;height:6px;border-radius:2px;display:inline-block;flex-shrink:0}
+.chip.krieg{color:#a0522d;background:#f6ece6}.chip.krieg i{background:#a0522d}
+.chip.weih{color:#c17a00;background:#fbf3e3}.chip.weih i{background:#c17a00}
+.chip.fam{color:#5a8a6a;background:#eaf1ec}.chip.fam i{background:#5a8a6a}
+
+/* dense aggregate strip */
+.strip{max-width:440px;margin:0 auto 15px;position:relative;z-index:2;background:#fff;border:1px solid #e4e2d7;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);padding:9px 13px}
+.strip .hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
+.strip .ct{font-size:10.5px;font-weight:700;color:#012851}
+.strip .ex{font-size:8px;color:#8a8a86}
+.spark{display:flex;align-items:flex-end;gap:1.5px;height:30px}
+.spark div{flex:1;background:#a1dcd8;border-radius:1px;min-height:1px}
+.strip .axl{display:flex;justify-content:space-between;margin-top:3px}
+.strip .axl span{font-size:6px;color:#bbb}
+
+/* compressed gap */
+.gap{max-width:440px;margin:0 auto 15px;position:relative;z-index:2;display:flex;align-items:center;gap:9px;padding:5px 14px;border:1px dashed #cfccc4;border-radius:18px;background:#f0efe9;color:#9a958c;font-size:9px;font-style:italic}
+.gap .ln{flex:1;height:1px;background:#ddd8cc}
+.gap b{color:#7a756c;font-style:normal;font-family:'Tinos',serif;font-size:10px}
+
+/* undated bucket */
+.undated{max-width:540px;margin:20px auto 0;background:#fff;border:1px dashed #c4c0ba;border-radius:6px;padding:12px 15px}
+.undated .h{font-family:'Tinos',serif;font-size:12px;font-weight:700;color:#7a756c;margin-bottom:6px}
+
+/* case tag floating */
+.casetag{display:inline-block;background:#012851;color:#a1dcd8;font-size:7px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;padding:2px 7px;border-radius:3px;margin-bottom:6px}
+
+/* narrow (phone / rail) column */
+.col3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
+.modehd{font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#012851;margin-bottom:4px;display:flex;align-items:center;gap:6px}
+.modehd .seg{background:#012851;color:#fff;font-size:7px;padding:2px 7px;border-radius:4px}
+.modesub{font-size:9.5px;color:#888;font-style:italic;margin-bottom:9px;line-height:1.45;min-height:42px}
+.nf{background:#fff;border:1px solid #e4e2d7;border-radius:6px;padding:14px}
+.nsp{position:relative;padding-left:21px}
+.nsp::before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:linear-gradient(#a1dcd8,#012851,#607080)}
+.nyr{font-family:'Tinos',serif;font-size:12px;font-weight:700;color:#012851;margin:2px 0 7px;position:relative}
+.nyr::before{content:"";position:absolute;left:-14px;top:4px;width:8px;height:8px;border-radius:50%;background:#012851;border:2px solid #fff;box-shadow:0 0 0 1.5px #012851}
+.nnode{position:relative;margin-bottom:9px}
+.nnode .g{position:absolute;left:-18px;top:0;width:14px;height:14px;border-radius:50%;background:#012851;border:2px solid #fff;box-shadow:0 0 0 1.5px #012851;color:#a1dcd8;font-size:8px;display:flex;align-items:center;justify-content:center}
+.nnode .lt{font-family:'Tinos',serif;font-size:10.5px;font-weight:700;color:#012851;line-height:1.2}
+.nnode .lm{font-size:7.5px;color:#8a8a86}
+.nwb{position:relative;margin:0 0 9px -9px;padding:5px 8px;background:#EEEBE2;border-left:2px solid #607080;border-radius:0 3px 3px 0}
+.nwb .t{font-family:'Tinos',serif;font-style:italic;font-size:9.5px;color:#5a6776}
+.nwb .s{font-size:7px;color:#8a8a86}
+.nletter{position:relative;margin-bottom:7px}
+.nletter .d{position:absolute;left:-15px;top:3px;width:6px;height:6px;border-radius:50%;background:#fff;border:1.5px solid #a1dcd8}
+.ncard{background:#FAF9F5;border:1px solid #eeede8;border-radius:4px;padding:5px 8px}
+.ncard .t{font-size:9px;font-weight:700;color:#1A1A1A}
+.ncard .m{font-size:7px;color:#9a9a96}
+.nstrip{background:#FAF9F5;border:1px solid #eeede8;border-radius:4px;padding:6px 8px;margin-bottom:7px}
+.nbucket{border:1px solid #e4e2d7;border-radius:4px;padding:5px 8px;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}
+
+/* impl-ref */
+.impl-ref{background:#fff;border:1px solid #E0DDD6;border-radius:7px;overflow:hidden;margin-top:8px}
+.impl-ref table{width:100%;border-collapse:collapse}
+.impl-ref th{background:#012851;color:#fff;padding:8px 13px;text-align:left;font-size:8px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}
+.impl-ref td{padding:8px 13px;border-bottom:1px solid #F0EEE8;vertical-align:top;font-size:11px;color:#444;line-height:1.55}
+.impl-ref tr:nth-child(even) td{background:#FAFAF7}
+.impl-ref td:first-child{font-weight:700;color:#012851;white-space:nowrap;width:165px}
+.impl-ref td code{font-size:9.5px;background:#F0EFE9;padding:1px 4px;border-radius:2px;font-family:'Courier New',monospace;color:#333}
+.sw{display:inline-block;width:11px;height:11px;border-radius:2px;vertical-align:-1px;margin-right:5px;border:1px solid rgba(0,0,0,.12)}
+
+hr{border:none;border-top:2px dashed #C8C4BE;margin:50px 0}
+.note{font-size:11px;color:#888;font-style:italic;margin-top:10px;line-height:1.6}
+</style>
+</head>
+<body>
+<div class="page">
+
+<!-- ══ MASTHEAD ══ -->
+<div class="mh">
+  <h1>Globaler Zeitstrahl — Finale Spezifikation</h1>
+  <p>Kanonische Spezifikation für <code style="font-family:monospace;font-size:12px">/zeitstrahl</code> auf Basis von <strong>Konzept A „Der Lebensfaden"</strong>: eine durchgehende vertikale Achse, die Personen-Lebensereignisse, kuratierte Ereignisse und Briefe zu einer Erzählung in der Zeit verwebt. Dieselbe Komponente betreibt den globalen Zeitstrahl und den per-Person „Lebensweg". Enthält die vollständige Fall-Abdeckung (leere Jahre, wenige Briefe, hunderte Briefe, undatiert) und die drei Gruppierungs-Modi.</p>
+  <div class="tag-row">
+    <span class="tg">Milestone #14 · Zeitstrahl</span>
+    <span class="tg mint">Konzept A — final</span>
+    <span class="tg slate">Phone-first · honest DatePrecision</span>
+  </div>
+  <div class="byline">Familienarchiv · 2026-06-08 · Leonie Voss, UX Lead · ersetzt die A/B/C-Exploration zeitstrahl-global-concepts.html</div>
+</div>
+
+
+<!-- ══ 1 · ANATOMIE ══ -->
+<div class="sh">
+  <h2>1 · Anatomie von Konzept A</h2>
+  <p>Eine Achse, sieben Bausteine. Die Zeit ist die Achse — Lebensereignisse &amp; Jahre als zentrierte Pillen <i>unterbrechen</i> den Faden (Text wird nie von der Linie gekreuzt), Welt-Ereignisse legen sich als Bänder quer, Briefe verdichten sich adaptiv.</p>
+</div>
+
+<div class="legend" style="margin-bottom:16px">
+  <div class="lg"><div class="ico" style="background:#012851;color:#a1dcd8">⚭</div><div><div class="ttl">Lebensereignis-Pille</div><div class="body">Geburt <b>*</b> · Tod <b>†</b> · Heirat <b>⚭</b>. Abgeleitet aus <code>Person</code>-Daten. Zentriert, gefüllt — unterbricht die Achse. Glyphen aus <code>personLifeDates.ts</code>.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#fff;border:2px solid #a1dcd8;color:#012851">★</div><div><div class="ttl">Kuratierte Ereignis-Pille</div><div class="body"><code>PERSONAL</code> — Umzug, Auswanderung. Mint-Rand. Editierbar im Kurator-Editor.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#EEEBE2;color:#607080;border:1px solid #607080">◍</div><div><div class="ttl">Welt-Band</div><div class="body"><code>HISTORICAL</code> — Krieg, Inflation. Gedämpftes Band quer über die Achse als Kontext.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#fff;border:2px solid #a1dcd8"></div><div><div class="ttl">Einzel-Brief</div><div class="body">Kleiner Punkt + Karte, alternierend links/rechts. Wurzel-Tag-Farbchip. Link zu <code>/documents/[id]</code>.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#a1dcd8;color:#012851;font-size:11px">▭</div><div><div class="ttl">Jahres-Strip</div><div class="body">Verdichtung dichter Jahre: Anzahl + 12-Monats-Sparkline. <code>MonthBucket</code> / <code>aggregateToYears</code>.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#f0efe9;border:1px dashed #c4c0ba;color:#9a958c;font-size:11px">⋯</div><div><div class="ttl">Lücke &amp; Ohne-Datum</div><div class="body">Ruhige/leere Jahre als dünne Span-Zeile gefaltet; <code>UNKNOWN</code>-Briefe im „Ohne Datum"-Eimer am Ende.</div></div></div>
+</div>
+
+<div class="callout navy"><strong>Gruppierungs-Umschalter</strong> (oben rechts im Zeitstrahl): <span style="display:inline-flex;border:1.5px solid #012851;border-radius:5px;overflow:hidden;vertical-align:middle;margin:0 4px"><span style="background:#012851;color:#fff;font-size:9px;font-weight:700;padding:3px 11px">Datum</span><span style="color:#012851;font-size:9px;font-weight:700;padding:3px 11px;border-left:1px solid #012851">Ereignis</span><span style="color:#012851;font-size:9px;font-weight:700;padding:3px 11px;border-left:1px solid #012851">Thema</span></span> steuert <b>nur, wie lose Briefe gebündelt werden</b>. Lebensereignisse, kuratierte Ereignisse und Welt-Bänder bleiben in allen Modi gleich auf der Achse. Standard = <b>Datum</b>.</div>
+
+
+<!-- ══ 2 · GROUPING MODES ══ -->
+<div class="sh">
+  <h2>2 · Die drei Gruppierungs-Modi</h2>
+  <p>Gleicher Ausschnitt (1914–1915), dreimal gerendert. Nur die <b>losen Briefe</b> ordnen sich um — die Achse bleibt stabil. Schmale Spaltenbreite = Phone-/Lebensweg-Form derselben Komponente.</p>
+</div>
+
+<div class="col3">
+
+  <!-- MODE: DATUM -->
+  <div>
+    <div class="modehd"><span class="seg">Datum</span> Chronologisch</div>
+    <div class="modesub">Standard. Briefe nach Datum; dichte Jahre verdichten zum Strip. Reine Zeit-Reihung.</div>
+    <div class="nf">
+      <div class="nsp">
+        <div class="nyr">1914</div>
+        <div class="nnode"><span class="g">⚭</span><div class="lt">Heirat: Karl &amp; Elfriede</div><div class="lm">1914 · abgeleitet</div></div>
+        <div class="nwb"><div class="t">◍ Erster Weltkrieg</div><div class="s">1914–1918</div></div>
+        <div class="nletter"><span class="d"></span><div class="ncard"><div class="t">✉ Kriegsausbruch — Brief an die Familie</div><div class="m">Karl → Elfriede · 4. Aug 1914</div></div></div>
+
+        <div class="nyr">1915</div>
+        <div class="nnode"><span class="g">*</span><div class="lt">Geburt: Hans Raddatz</div><div class="lm">Sommer 1915 · abgeleitet</div></div>
+        <div class="nstrip">
+          <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:5px"><span style="font-size:9.5px;font-weight:700;color:#012851">✉ 24 Briefe</span><span style="font-size:7px;color:#8a8a86">Monate ▾</span></div>
+          <div style="display:flex;align-items:flex-end;gap:1.5px;height:20px"><div style="flex:1;height:20%;background:#a1dcd8"></div><div style="flex:1;height:35%;background:#a1dcd8"></div><div style="flex:1;height:55%;background:#a1dcd8"></div><div style="flex:1;height:70%;background:#a1dcd8"></div><div style="flex:1;height:60%;background:#a1dcd8"></div><div style="flex:1;height:85%;background:#a1dcd8"></div><div style="flex:1;height:100%;background:#a1dcd8"></div><div style="flex:1;height:88%;background:#a1dcd8"></div><div style="flex:1;height:72%;background:#a1dcd8"></div><div style="flex:1;height:48%;background:#a1dcd8"></div><div style="flex:1;height:55%;background:#a1dcd8"></div><div style="flex:1;height:40%;background:#a1dcd8"></div></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODE: EREIGNIS -->
+  <div>
+    <div class="modehd"><span class="seg">Ereignis</span> Kuratiert</div>
+    <div class="modesub">Briefe bündeln unter kuratierte Ereignisse (<code>TimelineEvent.documents</code>). Erzählende Cluster statt Listen.</div>
+    <div class="nf">
+      <div class="nsp">
+        <div class="nyr">1914</div>
+        <div class="nnode"><span class="g">⚭</span><div class="lt">Heirat: Karl &amp; Elfriede</div><div class="lm">1914 · abgeleitet</div></div>
+        <div class="nwb"><div class="t">◍ Erster Weltkrieg</div><div class="s">1914–1918</div></div>
+
+        <div class="nyr">1915</div>
+        <div class="nnode"><span class="g">*</span><div class="lt">Geburt: Hans Raddatz</div><div class="lm">Sommer 1915 · abgeleitet</div></div>
+        <div class="nletter"><span class="d"></span><div class="ncard" style="border-left:2px solid #a1dcd8"><div class="t">✉ Briefe von der Front · 24</div><div class="m">Karl ⇄ Elfriede &amp; Hans · 1915 ▾</div><span class="chip krieg" style="margin-top:4px"><i></i>Krieg</span></div></div>
+        <div class="nletter"><span class="d"></span><div class="ncard" style="border-left:2px solid #a1dcd8"><div class="t">✉ Weihnachten 1915 · 3</div><div class="m">kuratiertes Ereignis ▾</div><span class="chip weih" style="margin-top:4px"><i></i>Weihnachten</span></div></div>
+      </div>
+    </div>
+  </div>
+
+  <!-- MODE: THEMA -->
+  <div>
+    <div class="modehd"><span class="seg">Thema</span> Nach Wurzel-Tag</div>
+    <div class="modesub">Optional (Post-MVP). Lose Briefe je Jahr in Wurzel-Tag-Eimer; Mehrfach-Tags dedupliziert auf den primären.</div>
+    <div class="nf">
+      <div class="nsp">
+        <div class="nyr">1914</div>
+        <div class="nnode"><span class="g">⚭</span><div class="lt">Heirat: Karl &amp; Elfriede</div><div class="lm">1914 · abgeleitet</div></div>
+        <div class="nwb"><div class="t">◍ Erster Weltkrieg</div><div class="s">1914–1918</div></div>
+        <div class="nbucket"><span class="chip krieg" style="margin:0"><i></i>Krieg</span><span style="font-size:8px;color:#8a8a86">6 ▾</span></div>
+
+        <div class="nyr">1915</div>
+        <div class="nnode"><span class="g">*</span><div class="lt">Geburt: Hans Raddatz</div><div class="lm">Sommer 1915 · abgeleitet</div></div>
+        <div class="nbucket"><span class="chip krieg" style="margin:0"><i></i>Krieg › Briefe von der Front</span><span style="font-size:8px;color:#8a8a86">24 ▾</span></div>
+        <div class="nbucket"><span class="chip weih" style="margin:0"><i></i>Weihnachten</span><span style="font-size:8px;color:#8a8a86">3 ▾</span></div>
+        <div class="nbucket"><span class="chip fam" style="margin:0"><i></i>Familie</span><span style="font-size:8px;color:#8a8a86">2 ▾</span></div>
+      </div>
+    </div>
+    <div class="note" style="margin-top:8px">Hinweis im UI: „Brief mit mehreren Tags erscheint unter seinem primären Tag."</div>
+  </div>
+
+</div>
+
+
+<!-- ══ 3 · ALL CASES PREVIEW ══ -->
+<div class="sh">
+  <h2>3 · Vollständige Vorschau — alle Dichte-Fälle</h2>
+  <p>Ein durchgehender Zeitstrahl (Desktop, zentrale Achse) von 1899 bis „Ohne Datum". Jeder Dichte-Fall kommt genau einmal vor — von leeren Jahren bis zu hunderten Briefen.</p>
+</div>
+
+<div class="callout navy" style="margin-bottom:18px">
+  <strong>Abgedeckte Fälle:</strong>
+  ① leere Jahre (gefaltete Lücke) ·
+  ② wenige Briefe ≤ 3 (einzelne Karten) ·
+  ③ hunderte Briefe (Jahres-Strip + Sparkline) ·
+  ④ kuratiertes Ereignis &amp; Welt-Band ·
+  ⑤ ungenaue Präzision (<code>Sommer</code>, <code>ca.</code>) ·
+  ⑥ undatierte Briefe (Ohne-Datum-Eimer).
+</div>
+
+<div class="tl-canvas">
+  <div class="dh">Zeitstrahl</div>
+  <div class="dh-sub">Die Familie Raddatz · 1899–1950 · 412 Briefe · 38 Ereignisse &nbsp;·&nbsp; <span style="color:#012851">Gruppierung: Datum</span></div>
+
+  <div style="text-align:center;margin-bottom:8px"><span class="casetag">① Leere Jahre → gefaltet</span></div>
+  <div class="axis">
+
+    <!-- ① empty years gap -->
+    <div class="gap"><span class="ln"></span><b>1899 – 1908</b> · keine Einträge<span class="ln"></span></div>
+
+    <!-- ② 3 letters -->
+    <div class="ybadge"><span>1909</span></div>
+    <div style="text-align:center;margin-bottom:4px"><span class="casetag">② Wenige Briefe → einzeln</span></div>
+    <div class="lrow"><div class="half a"><div class="lcard"><div class="t">✉ Brief aus Stettin</div><div class="m">Elfriede → Karl · Mai 1909</div><span class="chip fam"><i></i>Familie</span></div></div><div class="dot"></div><div class="half b"></div></div>
+    <div class="lrow"><div class="half a"></div><div class="dot"></div><div class="half b"><div class="lcard"><div class="t">✉ Geburtstagsgruß</div><div class="m">Karl → Hans · Sep 1909</div></div></div></div>
+    <div class="lrow"><div class="half a"><div class="lcard"><div class="t">✉ Brief zum Jahresende</div><div class="m">Karl → Elfriede · Dez 1909</div><span class="chip weih"><i></i>Weihnachten</span></div></div><div class="dot"></div><div class="half b"></div></div>
+
+    <!-- ④ life event + world band -->
+    <div class="ybadge"><span>1914</span></div>
+    <div class="pill"><span class="inner"><span class="gly">⚭</span><span class="tx"><span class="t">Heirat: Karl &amp; Elfriede Raddatz</span><span class="s">1914 · abgeleitet aus Beziehung</span></span></span></div>
+    <div style="text-align:center;margin-bottom:6px"><span class="casetag">④ Welt-Band (RANGE 1914–1918)</span></div>
+    <div class="wband"><span class="t">◍ Erster Weltkrieg</span><span class="s">1914–1918 · historisch · 187 Briefe in dieser Zeit</span></div>
+
+    <!-- ③ hundreds of letters strip -->
+    <div class="ybadge"><span>1915</span></div>
+    <div style="text-align:center;margin-bottom:6px"><span class="casetag">③ Hunderte Briefe → Jahres-Strip</span> &nbsp; <span class="casetag" style="background:#607080">⑤ „Sommer 1915"</span></div>
+    <div class="pill"><span class="inner"><span class="gly">*</span><span class="tx"><span class="t">Geburt: Hans Raddatz</span><span class="s">Sommer 1915 · abgeleitet · SEASON</span></span></span></div>
+    <div class="strip">
+      <div class="hd"><span class="ct">✉ 187 Briefe</span><span class="ex">Monats-Dichte · antippen → Monate → Briefe ▾</span></div>
+      <div class="spark"><div style="height:22%"></div><div style="height:30%"></div><div style="height:48%"></div><div style="height:66%"></div><div style="height:58%"></div><div style="height:80%"></div><div style="height:100%"></div><div style="height:92%"></div><div style="height:74%"></div><div style="height:50%"></div><div style="height:44%"></div><div style="height:34%"></div></div>
+      <div class="axl"><span>Jan 1915</span><span>Dez 1915</span></div>
+    </div>
+
+    <!-- empty-ish span with some letters collapsed -->
+    <div class="gap"><span class="ln"></span><b>1916 – 1922</b> · Nachkriegsjahre · 96 Briefe<span class="ln"></span></div>
+
+    <!-- ⑤ approx precision world band -->
+    <div style="text-align:center;margin-bottom:6px"><span class="casetag" style="background:#607080">⑤ „ca. 1923" → APPROX</span></div>
+    <div class="wband"><span class="t">◍ Hyperinflation</span><span class="s">ca. 1923 · historisch</span></div>
+
+    <!-- curated personal event -->
+    <div class="ybadge"><span>1924</span></div>
+    <div class="pill curated"><span class="inner"><span class="gly">★</span><span class="tx"><span class="t">Auswanderung nach Argentinien</span><span class="s">Frühjahr 1924 · persönlich · kuratiert</span></span></span></div>
+
+    <!-- tail empty -->
+    <div class="gap"><span class="ln"></span><b>1925 – 1950</b> · keine Einträge<span class="ln"></span></div>
+  </div>
+
+  <!-- ⑥ undated bucket -->
+  <div style="text-align:center;margin:6px 0"><span class="casetag" style="background:#7a756c">⑥ Undatiert → eigener Eimer am Ende</span></div>
+  <div class="undated">
+    <div class="h">Ohne Datum · 11 Briefe</div>
+    <div style="display:flex;align-items:center;gap:8px;padding:4px 0;border-top:1px solid #f0eee8"><span style="width:5px;height:5px;border-radius:50%;background:#c4c0ba;flex-shrink:0"></span><span style="font-size:9.5px;color:#3a3a36;flex:1">Brief ohne Jahresangabe</span><span style="font-size:8px;color:#aaa">Präzision UNKNOWN</span></div>
+    <div style="display:flex;align-items:center;gap:8px;padding:4px 0"><span style="width:5px;height:5px;border-radius:50%;background:#c4c0ba;flex-shrink:0"></span><span style="font-size:9.5px;color:#3a3a36;flex:1">Fragment, Absender unklar</span><span style="font-size:8px;color:#aaa">+ 9 weitere ▾</span></div>
+  </div>
+</div>
+<div class="note">Kein erfundenes Datum: undatierte Briefe wandern nie spekulativ in ein Jahr, sondern bleiben sichtbar im Eimer. <code>RANGE</code>-Einträge (Krieg) erscheinen einmal im Start-Jahr mit Spannen-Marker, nicht in jedem überspannten Jahr.</div>
+
+
+<!-- ══ 4 · PRECISION ══ -->
+<div class="sh"><h2>4 · Datums-Präzision (geteilt von Ereignissen &amp; Briefen)</h2><p>Eine Render-Logik für alle datierten Einträge — <code>dateLabel.ts</code>, gespeist von <code>DatePrecision</code>.</p></div>
+<div class="rules">
+  <table>
+    <tr><th>DatePrecision</th><th>Darstellung</th><th>Beispiel</th><th>Wirkung auf der Achse</th></tr>
+    <tr><td>DAY</td><td>vollständiges Datum</td><td class="ex">28. Juli 1914</td><td>exakte Sortierung im Jahres-Band</td></tr>
+    <tr><td>MONTH</td><td>Monat + Jahr</td><td class="ex">Juli 1914</td><td>Monats-Sortierung</td></tr>
+    <tr><td>SEASON</td><td>Jahreszeit + Jahr</td><td class="ex">Sommer 1914</td><td>grobe Reihung</td></tr>
+    <tr><td>YEAR</td><td>nur Jahr</td><td class="ex">1914</td><td>ans Band-Ende</td></tr>
+    <tr><td>APPROX</td><td>„ca." + Jahr</td><td class="ex">ca. 1914</td><td>mit „ca."-Marker</td></tr>
+    <tr><td>RANGE</td><td>Start–Ende</td><td class="ex">1914–1918</td><td>Start-Jahr, Spannen-Marker, nicht dupliziert</td></tr>
+    <tr><td>UNKNOWN</td><td>undatiert</td><td class="ex">Ohne Datum</td><td>eigener Eimer am Ende</td></tr>
+  </table>
+</div>
+
+
+<!-- ══ 5 · RESPONSIVE ══ -->
+<div class="sh"><h2>5 · Responsiv — eine Komponente, drei Breiten</h2><p>Identisches Markup &amp; identische Daten. Nur die Achs-Position wechselt per Container-Query.</p></div>
+<div class="legend" style="grid-template-columns:repeat(3,1fr)">
+  <div class="lg"><div class="ico" style="background:#012851;color:#a1dcd8;font-size:10px">▏</div><div><div class="ttl">≥ 1024px · Desktop</div><div class="body"><b>Zentrale Achse</b>, Briefe alternierend links/rechts, Welt-Bänder über volle Breite. Pillen unterbrechen die Linie.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#012851;color:#a1dcd8;font-size:10px">▎</div><div><div class="ttl">&lt; 1024px · Phone</div><div class="body"><b>Linke Achse</b>, alles einseitig rechts. DOM-Reihenfolge bleibt streng chronologisch (<code>&lt;ol&gt;</code>) — Screenreader liest linear.</div></div></div>
+  <div class="lg"><div class="ico" style="background:#012851;color:#a1dcd8;font-size:10px">▎</div><div><div class="ttl">Lebensweg-Rail · 35%</div><div class="body">Gleiche linke Achse in der Personenseite (<code>&lt;TimelineView personId&gt;</code>), gefiltert auf eine Person. Rail-Tauglichkeit = Stärke von A.</div></div></div>
+</div>
+
+
+<!-- ══ 6 · TOKENS ══ -->
+<div class="sh"><h2>6 · Design-Tokens (echte, ausgelieferte Werte)</h2><p>Aus <code>frontend/src/routes/layout.css</code>. Keine Hardcodes in der Komponente.</p></div>
+<div class="impl-ref">
+  <table>
+    <tr><th>Rolle</th><th>Token</th><th>Wert</th><th>Einsatz</th></tr>
+    <tr><td>Achse / Knoten / Header</td><td><code>brand-navy</code></td><td><span class="sw" style="background:#012851"></span>#012851</td><td>Spine, Lebensereignis-Pillen, Jahres-Badges, Titel</td></tr>
+    <tr><td>Akzent / Brief-Punkt</td><td><code>brand-mint</code></td><td><span class="sw" style="background:#a1dcd8"></span>#a1dcd8</td><td>Brief-Punkte, kuratierte Pillen-Ränder, Sparkline, Dark-Mode-Auswahl</td></tr>
+    <tr><td>Historisch / Welt</td><td><code>tag-slate</code></td><td><span class="sw" style="background:#607080"></span>#607080</td><td>Welt-Bänder &amp; Glyphe ◍ — gedämpft</td></tr>
+    <tr><td>Tag-Chip-Farben</td><td><code>--c-tag-*</code> (Wurzel)</td><td><span class="sw" style="background:#5a8a6a"></span><span class="sw" style="background:#a0522d"></span><span class="sw" style="background:#c17a00"></span><span class="sw" style="background:#7a4f9a"></span></td><td>sage · sienna · amber · violet — Farbe vom Wurzel-Tag, Punkt + Label</td></tr>
+    <tr><td>Seite / Karte / Linie</td><td><code>canvas · surface · line</code></td><td><span class="sw" style="background:#f0efe9"></span><span class="sw" style="background:#fff"></span><span class="sw" style="background:#e4e2d7"></span></td><td>#f0efe9 · #ffffff · #e4e2d7</td></tr>
+    <tr><td>Text sekundär</td><td><code>text-ink-3</code></td><td><span class="sw" style="background:#6b7280"></span>#6b7280</td><td>Meta-Zeilen (4,8:1 auf weiß — AA ✓)</td></tr>
+    <tr><td>Schrift</td><td><code>font-serif · font-sans</code></td><td>Tinos · Montserrat</td><td>Namen/Titel serif · Labels/Chrome sans</td></tr>
+    <tr><td>Lebensdaten-Glyphen</td><td><code>personLifeDates.ts</code></td><td>* † ⚭</td><td>Geburt · Tod · Heirat — konsistent mit Personenkarten</td></tr>
+  </table>
+</div>
+
+
+<!-- ══ 7 · IMPL-REF ══ -->
+<div class="sh"><h2>7 · Implementierungs-Referenz &amp; Barrierefreiheit</h2><p>Domain-Ordner <code>frontend/src/lib/timeline/</code>; Route <code>/zeitstrahl</code>; Backend <code>GET /api/timeline</code>.</p></div>
+<div class="impl-ref">
+  <table>
+    <tr><th>Baustein</th><th>Komponente / Datei</th><th>Verantwortung</th></tr>
+    <tr><td>Orchestrator</td><td><code>TimelineView.svelte</code></td><td>Lädt <code>/api/timeline</code>; optionaler <code>personId</code> für globalen vs. Lebensweg-Modus; hält den Gruppierungs-Modus</td></tr>
+    <tr><td>Jahres-Band</td><td><code>YearBand.svelte</code></td><td>Jahres-Badge + Einträge; Lücken-Faltung ruhiger Spannen</td></tr>
+    <tr><td>Ereignis-Pille</td><td><code>EventCard.svelte</code></td><td>PERSONAL / HISTORICAL / abgeleitet; zentrierte Pille bzw. Welt-Band; präzisions-bewusstes Label</td></tr>
+    <tr><td>Brief-Karte</td><td><code>LetterCard.svelte</code></td><td>Einzel-Brief, alternierende Seite, Wurzel-Tag-Chip, Link <code>/documents/[id]</code></td></tr>
+    <tr><td>Jahres-Strip</td><td><code>YearLetterStrip.svelte</code></td><td>Adaptive Verdichtung ab Schwellwert; 12-Monats-Sparkline aus <code>MonthBucket</code> / <code>aggregateToYears</code> (<code>lib/document/timeline.ts</code>)</td></tr>
+    <tr><td>Datums-Helfer</td><td><code>dateLabel.ts</code></td><td><code>DatePrecision</code> → deutsches Label; geteilt von Ereignissen &amp; Briefen</td></tr>
+    <tr><td>Kurator-Editor</td><td><code>/zeitstrahl/events/new · [id]/edit</code></td><td>Ereignis anlegen/bearbeiten; Personen- + Dokument-Mehrfach-Picker (Bulk-Linking); <code>WRITE_ALL</code></td></tr>
+    <tr><td>Quick-Add</td><td><code>DocumentTimelineEventPicker.svelte</code></td><td>Auf <code>/documents/[id]</code>: Ereignis wählen/neu anlegen; verlinkt einen Brief</td></tr>
+    <tr><td>Daten-API</td><td><code>GET /api/timeline</code></td><td>Verschmilzt kuratierte + abgeleitete Ereignisse + Briefe in <code>TimelineDTO</code> (Jahres-Eimer + Ohne-Datum); Filter <code>personId · type · fromYear · toYear</code></td></tr>
+    <tr><td>Barrierefreiheit</td><td>—</td><td>Achse = <code>&lt;ol&gt;</code>, chronologische DOM-Reihenfolge; ◍ ✉ * nie nur Farbe — Glyphe + Label; 44px-Tap-Ziele; <code>prefers-reduced-motion</code>; axe in Light &amp; Dark</td></tr>
+  </table>
+</div>
+
+</div>
+</body>
+</html>

docs/superpowers/specs/2026-06-07-family-timeline-design.md

@@ -0,0 +1,182 @@
+# Family Timeline (Zeitstrahl) — Design Spec
+
+**Date:** 2026-06-07
+**Status:** Approved — pending implementation plan
+
+## Problem
+
+The archive can capture, transcribe, organize, and browse letters, but the transcribed material does not yet add up to a *story in time*. Readers (younger, phone-first) have no way to feel the family's history unfold; transcribers don't see their work become something larger. A previous attempt to derive meaning automatically (LLM search) was slow and low-quality, so the family is wary of auto-extraction from handwriting.
+
+## Goal
+
+A **hand-curated, year-banded vertical timeline** — the "Zeitstrahl" — that weaves three layers into one chronological view:
+
+1. **Person life-events** derived from already-curated structured data (`Person` birth/death dates, marriage years from `PersonRelationship.fromYear`). Trusted, free, no extra entry. (Requires the Person birth/death fields to move from year-integers to date + precision — see foundational issue 1.)
+2. **Hand-curated events** the family writes — both **personal** (a move, an illness, emigration) and **historical** (a war, hyperinflation). Editorially controlled, always correct.
+3. **Letters**, auto-placed by their existing `documentDate`, optionally hand-linked to an event to cluster them.
+
+Two surfaces, one component:
+- **Global timeline** at `/zeitstrahl`.
+- **Per-person "Lebensweg"** — the same view filtered to one person, embedded on the Person detail page.
+
+Built for phones (vertical scroll), honest about date precision, with no fabricated dates.
+
+### Non-goals (YAGNI)
+
+- ❌ Auto-extracting events from transcription text — explicitly avoided; this is what makes the feature trustworthy.
+- ❌ Importing an external historical-events dataset — historical events are hand-entered too.
+- ❌ A map / geographic view — that is a separate future feature (B2).
+- ❌ Per-derived-event hide/override toggle — deferred refinement; MVP shows all derived events.
+- ❌ Day-resolution timeline axis — the axis is the **year**; finer dates only affect within-band ordering and label text.
+
+## Core principle: the year is the axis
+
+Most dates in the archive are year-only (birth/death/marriage years are years by nature; many letters carry `YEAR`/`APPROX` precision). Therefore:
+
+- The timeline spine is a **sequence of year bands**. Everything for a given year lives in that band.
+- **Finer ordering only when we have it.** A `DAY`-precision letter (`1923-04-12`) sorts above a `YEAR`-precision one (`1923`) *within* the 1923 band; we never invent a day we don't have.
+- **An "Ohne Datum" bucket** at the end holds items with `UNKNOWN` precision.
+- **Honest precision rendering** reuses the existing `DatePrecision` enum for every dated item (events and letters share one rendering path).
+
+### Date rendering (shared by events and letters)
+
+| `DatePrecision` | German render | Example |
+|---|---|---|
+| `DAY` | full date | `28. Juli 1914` |
+| `MONTH` | month + year | `Juli 1914` |
+| `SEASON` | season + year | `Sommer 1914` |
+| `YEAR` | year only | `1914` |
+| `APPROX` | "ca." + year | `ca. 1914` |
+| `RANGE` | start–end year | `1914–1918` |
+| `UNKNOWN` | undated bucket | `Ohne Datum` |
+
+A `RANGE` item is shown in its **start year's band** with a span marker; it is not duplicated across every year it covers.
+
+## Data model
+
+A new `timeline/` domain package on the backend (kept deliberately separate from the in-flight Lesereisen/`Geschichte` work in #750–753).
+
+### `TimelineEvent` entity
+
+Mirrors the `Document` date model for consistency, so events and letters use one date-handling code path.
+
+| Field | Type | Notes |
+|---|---|---|
+| `id` | `UUID` | `@GeneratedValue(UUID)` |
+| `title` | `String` | required |
+| `type` | `EventType` enum | `PERSONAL`, `HISTORICAL` |
+| `eventDate` | `LocalDate` | required — most precise date known (WW1 → `1914-07-28`; vague year → `1920-01-01`) |
+| `precision` | `DatePrecision` | reuse existing enum; default `YEAR` — governs rendering & whether the day matters |
+| `eventDateEnd` | `LocalDate` (nullable) | only set when `precision == RANGE` |
+| `description` | `TEXT` (nullable) | free-text narrative for the event |
+| `persons` | ManyToMany `Person` | who the event involves; drives the per-person view & filtering |
+| `documents` | ManyToMany `Document` | optional hand-linked supporting letters (the "cluster letters to an event" feature) |
+| `createdBy` / `createdAt` / `updatedBy` / `updatedAt` / `version` | audit | standard entity conventions |
+
+- `@Schema(requiredMode = REQUIRED)` on every always-populated field (`id`, `title`, `type`, `eventDate`, `precision`).
+- Collections use `@Builder.Default new HashSet<>()`.
+- New Flyway migration adds `timeline_events`, `timeline_event_persons`, `timeline_event_documents` join tables.
+
+### `EventType` enum
+
+`PERSONAL` | `HISTORICAL`. Personal events render with a person/family accent; historical events with a "world" accent and muted styling so the two layers are visually separable.
+
+### Prerequisite: migrate `Person` birth/death to date + precision
+
+Today `Person` stores `birthYear`/`deathYear` as `Integer`, so a known exact birthday (e.g. `1901-03-14`) has nowhere to live and derived events are stuck at year precision. This is fixed by a **foundational Person-domain migration** that the timeline depends on (and which delivers value on its own — precise dates then render on person cards, hover cards, and the Stammbaum).
+
+**Change:** replace `birthYear`/`deathYear` (`Integer`) with:
+
+| Field | Type | Notes |
+|---|---|---|
+| `birthDate` | `LocalDate` (nullable) | most precise date known |
+| `birthDatePrecision` | `DatePrecision` (nullable) | `YEAR` for year-only, `DAY` for exact birthdays, etc. |
+| `deathDate` | `LocalDate` (nullable) | |
+| `deathDatePrecision` | `DatePrecision` (nullable) | |
+
+**Flyway data migration:** existing `birth_year` → `birth_date = '{year}-01-01'`, `birth_date_precision = 'YEAR'` (same for death); then drop the year columns.
+
+**Re-import preservation (ADR-025):** the canonical importer (`PersonRegisterImporter` / `tools/import-normalizer/persons_tree.py`) only carries the *year*. On re-import it must **not** clobber a hand-entered finer-than-`YEAR` date — if the existing precision is `DAY`/`MONTH`/`SEASON`, preserve it; only refresh from the spreadsheet year when the field is empty or still `YEAR`-from-import.
+
+**Bounding the blast radius:** `PersonNodeDTO` keeps exposing an `Integer birthYear`/`deathYear` *derived* from the new date (`birthDate.getYear()`), so the Stammbaum layout (`familyForest.ts` et al.) is untouched. Display surfaces (person card, hover card) move to a shared precision-aware formatter — extend the existing `frontend/src/lib/person/personLifeDates.ts`. The person edit/new forms gain date inputs with a precision selector.
+
+**Scope note:** `PersonRelationship.fromYear` (marriage year) stays `Integer`/`YEAR` for MVP — precise marriage dates are a later, parallel extension if wanted.
+
+### Derived person-events (not persisted)
+
+Assembled on read from the migrated `Person` data; never stored:
+
+| Source | Derived event | `eventDate` | precision |
+|---|---|---|---|
+| `Person.birthDate` | *Geburt: {name}* | `Person.birthDate` | `Person.birthDatePrecision` |
+| `Person.deathDate` | *Tod: {name}* | `Person.deathDate` | `Person.deathDatePrecision` |
+| `PersonRelationship` `SPOUSE_OF.fromYear` | *Heirat: {A} & {B}* | `{fromYear}-01-01` | `YEAR` |
+
+Emitted in the same DTO shape as a curated event, flagged `derived: true`, `type = PERSONAL`. They cannot be edited from the timeline (they are edited at their source: Person record / relationship). A marriage is derived once per `SPOUSE_OF` edge (symmetric edges are stored once — see existing relationship rules).
+
+### Letters
+
+Placed by `Document.documentDate`:
+- Band = `documentDate.getYear()`; `UNKNOWN` precision → "Ohne Datum" bucket.
+- Sub-ordered within a band by full date when precision allows.
+- A letter may also appear under an event it's linked to (via `TimelineEvent.documents`) as a cluster, in addition to its own band placement.
+
+## Assembly & API
+
+A `TimelineService` merges the three layers into a year-bucketed DTO for the requested scope and filters. Layering rules apply: the service owns `TimelineEventRepository` and reaches Person/Document/Relationship data through their **services**, never their repositories.
+
+### DTOs
+
+- `TimelineEntryDTO` — one renderable item: `kind` (`EVENT` | `LETTER`), `eventDate`, `precision`, `eventDateEnd`, `title`, `type` (for events), `derived` flag, plus the source id (eventId / documentId) and minimal display fields (sender/receiver names for letters, linked person ids for events).
+- `TimelineYearDTO` — `{ year: int, entries: TimelineEntryDTO[] }`.
+- `TimelineDTO` — `{ years: TimelineYearDTO[], undated: TimelineEntryDTO[] }`.
+
+### Endpoints
+
+- `GET /api/timeline` — global timeline. Query params (all optional): `personId`, `generation`, `type` (`PERSONAL`/`HISTORICAL`), `fromYear`, `toYear`. The per-person "Lebensweg" is just `GET /api/timeline?personId=…` — no separate endpoint. Requires `READ_ALL`.
+- `POST /api/timeline/events` — create a curated event. `@RequirePermission(Permission.WRITE_ALL)`.
+- `PUT /api/timeline/events/{id}` — update. `@RequirePermission(Permission.WRITE_ALL)`.
+- `DELETE /api/timeline/events/{id}` — delete. `@RequirePermission(Permission.WRITE_ALL)`.
+- `GET /api/timeline/events/{id}` — fetch a single event for the edit form. Requires `READ_ALL`.
+
+Input DTO `TimelineEventRequest` lives flat in the `timeline/` package. Errors use `DomainException.notFound/...`; **no new `ErrorCode`** is required. Run `npm run generate:api` after backend model/endpoint changes.
+
+## Frontend
+
+- New domain dir `frontend/src/lib/timeline/`:
+  - `TimelineView.svelte` — orchestrator; accepts an optional `personId` prop so the same component powers both global and per-person views.
+  - `YearBand.svelte` — one year section header + its entries.
+  - `EventCard.svelte` — renders a `PERSONAL`/`HISTORICAL`/derived event with precision-aware date label.
+  - `LetterCard.svelte` — compact letter row (sender → receiver, snippet/title, date), links to `/documents/[id]`.
+  - `TimelineFilters.svelte` — person, generation, layer toggles, year range.
+  - `dateLabel.ts` — the shared precision→label helper (reuse/extend `lib/document/timeline.ts` helpers like `formatTickLabel` where they fit).
+- Routes:
+  - `/zeitstrahl` — global timeline (`+page.server.ts` loads `/api/timeline`).
+  - `/zeitstrahl/events/new` and `/zeitstrahl/events/[id]/edit` — curator forms, gated to `WRITE_ALL`, using the form-actions pattern.
+- Person detail page gains a **Lebensweg** card section embedding `<TimelineView personId={person.id} />`.
+- Styling per project conventions (card pattern, brand tokens, `font-serif` for names/titles, `BackButton`, mobile-first at 375px, dark-mode tokens).
+- i18n keys added to `messages/{de,en,es}.json` (German primary).
+
+## Testing
+
+- Backend: `TimelineService` assembly/merge/sort/precision-bucketing (unit + `@DataJpaTest` against Postgres via Testcontainers); controller permission gating; derived-event assembly (birth/death/marriage, symmetric marriage dedup).
+- Frontend: `dateLabel.ts` precision rendering; `TimelineView` global vs `personId` modes (`*.svelte.spec.ts`); filter behavior.
+- Follow project test discipline: targeted single-file runs locally only; full sweep left to CI.
+
+## Proposed issue breakdown (milestone "Zeitstrahl / Family Timeline")
+
+Ordered so each issue is independently shippable and reviewable; later issues depend on earlier ones. Issue 1 is a standalone Person-domain improvement and a hard prerequisite for the timeline's derived events.
+
+1. **Person birth/death → date + precision (foundational)** — replace `birthYear`/`deathYear` with `birthDate`/`deathDate` + precision on `Person`; Flyway data migration (year → `YYYY-01-01`, `YEAR`); update importer with re-import preservation rule; derive year in `PersonNodeDTO` (Stammbaum untouched); move person card / hover card to a precision-aware `personLifeDates.ts`; add date+precision inputs to person new/edit forms. Ships value on its own.
+2. **Backend: `TimelineEvent` entity + migration** — entity, `EventType`, Flyway migration + join tables, repository.
+3. **Backend: TimelineEvent CRUD API** — `TimelineEventController` + `TimelineService` write methods, `TimelineEventRequest` DTO, permission gating, `GET /events/{id}`.
+4. **Backend: derived person-events** — assemble Geburt/Tod/Heirat from migrated Person + relationship data via their services; unit-tested dedup.
+5. **Backend: timeline assembly endpoint** — `GET /api/timeline` merging events + derived events + letters into `TimelineDTO`; year-bucketing, precision sort, undated bucket, filters.
+6. **Frontend: shared date-label helper + types** — `dateLabel.ts`, regen API types.
+7. **Frontend: global `/zeitstrahl` view** — `TimelineView`, `YearBand`, `EventCard`, `LetterCard`, server load.
+8. **Frontend: filters** — `TimelineFilters` (person / generation / layer / year range).
+9. **Frontend: curator event forms** — `/zeitstrahl/events/new` + `/[id]/edit`, gated, with document & person pickers.
+10. **Frontend: per-person Lebensweg** — embed `<TimelineView personId>` on Person detail.
+11. **Polish & a11y** — mobile layout at 375px, dark mode, axe checks, i18n completeness (de/en/es).
+
+> An ADR may be warranted for the new `timeline/` domain + entity (per `docs/CLAUDE.md`, significant data-model change). Add as the next sequential ADR number when implementation starts.

frontend/messages/de.json

@@ -301,8 +301,6 @@
 	"comp_multiselect_placeholder": "Namen tippen...",
 	"comp_multiselect_remove": "Entfernen",
 	"comp_multiselect_loading": "Suche...",
-	"comp_typeahead_error": "Suche fehlgeschlagen. Bitte versuchen Sie es erneut.",
-	"comp_typeahead_no_results": "Keine Treffer",
 	"comp_taginput_placeholder_create": "Schlagworte hinzufügen...",
 	"comp_taginput_placeholder_filter": "Nach Schlagworten filtern...",
 	"comp_taginput_remove": "Schlagwort entfernen",
@@ -1025,11 +1023,6 @@
 	"nav_stammbaum": "Stammbaum",
 	"nav_geschichten": "Geschichten",
 	"error_geschichte_not_found": "Die Geschichte wurde nicht gefunden.",
-	"error_journey_item_not_found": "Der Reise-Eintrag wurde nicht gefunden.",
-	"error_journey_item_position_conflict": "Die Reihenfolge wurde gerade von jemand anderem geändert – bitte laden Sie die Seite neu.",
-	"error_journey_at_capacity": "Die Lesereise hat bereits die maximale Anzahl von Einträgen (100) erreicht.",
-	"error_geschichte_type_mismatch": "Diese Geschichte ist keine Lesereise – Reise-Einträge sind hier nicht erlaubt.",
-	"journey_item_document_deleted": "[Dokument gelöscht]",
 	"geschichten_index_title": "Geschichten",
 	"geschichten_new_button": "Neue Geschichte",
 	"geschichten_filter_all_pill": "Alle",
@@ -1042,10 +1035,8 @@
 	"geschichten_empty_no_filter": "Es gibt noch keine veröffentlichten Geschichten.",
 	"geschichten_back_to_index": "Zurück zu Geschichten",
 	"geschichten_published_on": "veröffentlicht am {date}",
-	"journey_compiled_on": "zusammengestellt am {date}",
 	"geschichten_persons_section": "Personen in dieser Geschichte",
 	"geschichten_documents_section": "Erwähnte Dokumente",
-	"geschichten_document_link_placeholder": "Dokument öffnen",
 	"geschichten_card_heading": "Geschichten",
 	"geschichten_card_write_action": "+ Geschichte schreiben",
 	"geschichten_card_attach_action": "+ Geschichte anhängen",
@@ -1053,7 +1044,6 @@
 	"geschichten_card_show_all": "Alle anzeigen",
 	"geschichte_editor_title_placeholder": "Titel der Geschichte",
 	"geschichte_editor_body_placeholder": "Schreibe hier deine Geschichte…",
-	"geschichte_sidebar_status": "Status",
 	"geschichte_editor_status_draft": "ENTWURF",
 	"geschichte_editor_status_published": "VERÖFFENTLICHT",
 	"geschichte_editor_status_draft_hint": "Noch nicht öffentlich sichtbar.",
@@ -1163,56 +1153,5 @@
 	"themen_alle": "Alle Themen",
 	"themen_leer": "Noch keine Themen vergeben.",
 	"themen_weitere": "+ {count} weitere",
-	"themen_dokumente": "{count} Dokumente",
+	"themen_dokumente": "{count} Dokumente"
-	"journey_badge_list": "REISE",
-	"journey_badge_detail": "LESEREISE",
-	"journey_selector_question": "Was möchtest du erstellen?",
-	"journey_selector_story_title": "Geschichte",
-	"journey_selector_story_desc": "Eine erzählte Geschichte mit Bildern und Text.",
-	"journey_selector_journey_title": "Lesereise",
-	"journey_selector_journey_desc": "Eine kuratierte Auswahl von Briefen mit Notizen.",
-	"journey_selector_next_btn": "Weiter",
-	"journey_placeholder_back": "andere Auswahl",
-	"journey_create_submit": "Lesereise erstellen",
-	"journey_item_open_aria": "Brief vom {date} öffnen",
-	"journey_item_open_aria_undated": "Brief öffnen",
-	"journey_item_open": "Brief öffnen",
-	"journey_item_meta_from_to": "von {sender} an {receiver}",
-	"journey_empty_state": "Diese Lesereise ist noch leer.",
-	"journey_interlude_aria_label": "Kuratorennotiz",
-	"journey_selector_aria_live_hint": "Bitte wähle einen Typ aus, um fortzufahren.",
-	"journey_add_document": "Brief hinzufügen",
-	"journey_add_interlude": "Zwischentext hinzufügen",
-	"journey_interlude_label": "Zwischentext",
-	"journey_item_pending_remove": "wird entfernt…",
-	"journey_publish_disabled_hint": "Titel und mindestens ein Eintrag erforderlich.",
-	"journey_title_aria_label": "Titel der Lesereise",
-	"journey_intro_aria_label": "Einleitung der Lesereise",
-	"journey_note_add": "Notiz hinzufügen",
-	"journey_note_remove": "Notiz entfernen",
-	"journey_note_save_hint": "Wird gespeichert, wenn du das Feld verlässt.",
-	"journey_intro_save_hint": "Wird mit 'Speichern' gesichert.",
-	"journey_already_added": "Bereits enthalten",
-	"journey_note_aria_label": "Kuratoren-Notiz für {title}",
-	"journey_drag_aria_label": "Reihenfolge von '{title}' ändern",
-	"journey_move_up": "'{title}' nach oben verschieben",
-	"journey_move_down": "'{title}' nach unten verschieben",
-	"journey_note_error": "Notiz konnte nicht gespeichert werden",
-	"journey_item_moved": "Eintrag {position} von {total} — nach Position {newPosition} verschoben",
-	"journey_remove_item_aria": "Eintrag entfernen",
-	"journey_remove_confirm": "Wirklich entfernen?",
-	"journey_remove_confirm_yes": "Bestätigen",
-	"journey_remove_confirm_cancel": "Abbrechen",
-	"journey_mutation_error_reload": "Aktion fehlgeschlagen – bitte Seite neu laden.",
-	"journey_published_empty_warning": "Diese Reise wird ohne Einträge veröffentlicht bleiben.",
-	"journey_intro_placeholder": "Einleitung (optional)",
-	"journey_interlude_placeholder": "Zwischentext eingeben…",
-	"journey_add_interlude_confirm": "Hinzufügen",
-	"journey_edit_title_story": "Geschichte bearbeiten",
-	"journey_edit_title_journey": "Lesereise bearbeiten",
-	"journey_publish_disabled_title": "Titel und mindestens ein Eintrag erforderlich",
-	"journey_save_hint_published": "Änderungen werden sofort für alle Leser sichtbar.",
-	"error_journey_note_too_long": "Die Notiz ist zu lang (maximal 2000 Zeichen).",
-	"error_journey_document_already_added": "Dieser Brief ist bereits in der Lesereise enthalten.",
-	"error_geschichte_type_immutable": "Der Typ einer Geschichte kann nach der Erstellung nicht mehr geändert werden."
 }

frontend/messages/en.json

@@ -301,8 +301,6 @@
 	"comp_multiselect_placeholder": "Type a name...",
 	"comp_multiselect_remove": "Remove",
 	"comp_multiselect_loading": "Searching...",
-	"comp_typeahead_error": "Search failed. Please try again.",
-	"comp_typeahead_no_results": "No matches",
 	"comp_taginput_placeholder_create": "Add tags...",
 	"comp_taginput_placeholder_filter": "Filter by tags...",
 	"comp_taginput_remove": "Remove tag",
@@ -1025,11 +1023,6 @@
 	"nav_stammbaum": "Family tree",
 	"nav_geschichten": "Stories",
 	"error_geschichte_not_found": "The story was not found.",
-	"error_journey_item_not_found": "The journey item was not found.",
-	"error_journey_item_position_conflict": "The order was just changed by someone else — please reload the page.",
-	"error_journey_at_capacity": "The reading journey has already reached the maximum of 100 items.",
-	"error_geschichte_type_mismatch": "This story is not a reading journey — journey items are not allowed here.",
-	"journey_item_document_deleted": "[Document deleted]",
 	"geschichten_index_title": "Stories",
 	"geschichten_new_button": "New story",
 	"geschichten_filter_all_pill": "All",
@@ -1042,10 +1035,8 @@
 	"geschichten_empty_no_filter": "There are no published stories yet.",
 	"geschichten_back_to_index": "Back to stories",
 	"geschichten_published_on": "published on {date}",
-	"journey_compiled_on": "compiled on {date}",
 	"geschichten_persons_section": "People in this story",
 	"geschichten_documents_section": "Referenced documents",
-	"geschichten_document_link_placeholder": "Open document",
 	"geschichten_card_heading": "Stories",
 	"geschichten_card_write_action": "+ Write a story",
 	"geschichten_card_attach_action": "+ Attach a story",
@@ -1053,7 +1044,6 @@
 	"geschichten_card_show_all": "Show all",
 	"geschichte_editor_title_placeholder": "Story title",
 	"geschichte_editor_body_placeholder": "Write your story here…",
-	"geschichte_sidebar_status": "Status",
 	"geschichte_editor_status_draft": "DRAFT",
 	"geschichte_editor_status_published": "PUBLISHED",
 	"geschichte_editor_status_draft_hint": "Not yet visible to readers.",
@@ -1163,56 +1153,5 @@
 	"themen_alle": "All Topics",
 	"themen_leer": "No topics assigned yet.",
 	"themen_weitere": "+ {count} more",
-	"themen_dokumente": "{count} documents",
+	"themen_dokumente": "{count} documents"
-	"journey_badge_list": "JOURNEY",
-	"journey_badge_detail": "READING JOURNEY",
-	"journey_selector_question": "What would you like to create?",
-	"journey_selector_story_title": "Story",
-	"journey_selector_story_desc": "A narrative story with images and text.",
-	"journey_selector_journey_title": "Reading Journey",
-	"journey_selector_journey_desc": "A curated selection of letters with notes.",
-	"journey_selector_next_btn": "Continue",
-	"journey_placeholder_back": "different selection",
-	"journey_create_submit": "Create reading journey",
-	"journey_item_open_aria": "Open letter from {date}",
-	"journey_item_open_aria_undated": "Open letter",
-	"journey_item_open": "Open letter",
-	"journey_item_meta_from_to": "from {sender} to {receiver}",
-	"journey_empty_state": "This reading journey is still empty.",
-	"journey_interlude_aria_label": "Curator's note",
-	"journey_selector_aria_live_hint": "Please select a type to continue.",
-	"journey_add_document": "Add letter",
-	"journey_add_interlude": "Add interlude",
-	"journey_interlude_label": "Interlude",
-	"journey_item_pending_remove": "removing…",
-	"journey_publish_disabled_hint": "A title and at least one entry are required.",
-	"journey_title_aria_label": "Title of the reading journey",
-	"journey_intro_aria_label": "Introduction of the reading journey",
-	"journey_note_add": "Add note",
-	"journey_note_remove": "Remove note",
-	"journey_note_save_hint": "Saved when you leave the field.",
-	"journey_intro_save_hint": "Saved when you click 'Save'.",
-	"journey_already_added": "Already included",
-	"journey_note_aria_label": "Curator note for {title}",
-	"journey_drag_aria_label": "Change order of '{title}'",
-	"journey_move_up": "Move '{title}' up",
-	"journey_move_down": "Move '{title}' down",
-	"journey_note_error": "Could not save note",
-	"journey_item_moved": "Entry {position} of {total} — moved to position {newPosition}",
-	"journey_remove_item_aria": "Remove item",
-	"journey_remove_confirm": "Really remove?",
-	"journey_remove_confirm_yes": "Confirm",
-	"journey_remove_confirm_cancel": "Cancel",
-	"journey_mutation_error_reload": "Action failed – please reload the page.",
-	"journey_published_empty_warning": "This journey will remain published without any entries.",
-	"journey_intro_placeholder": "Introduction (optional)",
-	"journey_interlude_placeholder": "Enter interlude text…",
-	"journey_add_interlude_confirm": "Add",
-	"journey_edit_title_story": "Edit story",
-	"journey_edit_title_journey": "Edit reading journey",
-	"journey_publish_disabled_title": "Title and at least one entry required",
-	"journey_save_hint_published": "Changes will be immediately visible to all readers.",
-	"error_journey_note_too_long": "The note is too long (maximum 2000 characters).",
-	"error_journey_document_already_added": "This letter is already included in the reading journey.",
-	"error_geschichte_type_immutable": "The type of a story cannot be changed after creation."
 }

frontend/messages/es.json

@@ -301,8 +301,6 @@
 	"comp_multiselect_placeholder": "Escriba un nombre...",
 	"comp_multiselect_remove": "Eliminar",
 	"comp_multiselect_loading": "Buscando...",
-	"comp_typeahead_error": "La búsqueda falló. Inténtelo de nuevo.",
-	"comp_typeahead_no_results": "Sin resultados",
 	"comp_taginput_placeholder_create": "Añadir etiquetas...",
 	"comp_taginput_placeholder_filter": "Filtrar por etiquetas...",
 	"comp_taginput_remove": "Eliminar etiqueta",
@@ -1025,11 +1023,6 @@
 	"nav_stammbaum": "Árbol genealógico",
 	"nav_geschichten": "Historias",
 	"error_geschichte_not_found": "No se encontró la historia.",
-	"error_journey_item_not_found": "No se encontró el elemento del viaje.",
-	"error_journey_item_position_conflict": "El orden fue cambiado por otra persona — por favor recargue la página.",
-	"error_journey_at_capacity": "El viaje de lectura ya ha alcanzado el máximo de 100 entradas.",
-	"error_geschichte_type_mismatch": "Esta historia no es un viaje de lectura — los elementos de viaje no están permitidos aquí.",
-	"journey_item_document_deleted": "[Documento eliminado]",
 	"geschichten_index_title": "Historias",
 	"geschichten_new_button": "Nueva historia",
 	"geschichten_filter_all_pill": "Todas",
@@ -1042,10 +1035,8 @@
 	"geschichten_empty_no_filter": "Aún no hay historias publicadas.",
 	"geschichten_back_to_index": "Volver a Historias",
 	"geschichten_published_on": "publicada el {date}",
-	"journey_compiled_on": "recopilada el {date}",
 	"geschichten_persons_section": "Personas en esta historia",
 	"geschichten_documents_section": "Documentos mencionados",
-	"geschichten_document_link_placeholder": "Abrir documento",
 	"geschichten_card_heading": "Historias",
 	"geschichten_card_write_action": "+ Escribir historia",
 	"geschichten_card_attach_action": "+ Adjuntar historia",
@@ -1053,7 +1044,6 @@
 	"geschichten_card_show_all": "Mostrar todas",
 	"geschichte_editor_title_placeholder": "Título de la historia",
 	"geschichte_editor_body_placeholder": "Escribe tu historia aquí…",
-	"geschichte_sidebar_status": "Estado",
 	"geschichte_editor_status_draft": "BORRADOR",
 	"geschichte_editor_status_published": "PUBLICADA",
 	"geschichte_editor_status_draft_hint": "Aún no visible para lectores.",
@@ -1163,56 +1153,5 @@
 	"themen_alle": "Todos los temas",
 	"themen_leer": "Aún no hay temas.",
 	"themen_weitere": "+ {count} más",
-	"themen_dokumente": "{count} documentos",
+	"themen_dokumente": "{count} documentos"
-	"journey_badge_list": "VIAJE",
-	"journey_badge_detail": "VIAJE DE LECTURA",
-	"journey_selector_question": "¿Qué deseas crear?",
-	"journey_selector_story_title": "Historia",
-	"journey_selector_story_desc": "Una historia narrada con imágenes y texto.",
-	"journey_selector_journey_title": "Viaje de lectura",
-	"journey_selector_journey_desc": "Una selección curada de cartas con notas.",
-	"journey_selector_next_btn": "Continuar",
-	"journey_placeholder_back": "otra selección",
-	"journey_create_submit": "Crear viaje de lectura",
-	"journey_item_open_aria": "Abrir carta del {date}",
-	"journey_item_open_aria_undated": "Abrir carta",
-	"journey_item_open": "Abrir carta",
-	"journey_item_meta_from_to": "de {sender} a {receiver}",
-	"journey_empty_state": "Este viaje de lectura está vacío.",
-	"journey_interlude_aria_label": "Nota del curador",
-	"journey_selector_aria_live_hint": "Por favor, selecciona un tipo para continuar.",
-	"journey_add_document": "Añadir carta",
-	"journey_add_interlude": "Añadir interludio",
-	"journey_interlude_label": "Interludio",
-	"journey_item_pending_remove": "eliminando…",
-	"journey_publish_disabled_hint": "Se requieren un título y al menos una entrada.",
-	"journey_title_aria_label": "Título del viaje de lectura",
-	"journey_intro_aria_label": "Introducción del viaje de lectura",
-	"journey_note_add": "Añadir nota",
-	"journey_note_remove": "Eliminar nota",
-	"journey_note_save_hint": "Se guarda al salir del campo.",
-	"journey_intro_save_hint": "Se guarda al hacer clic en 'Guardar'.",
-	"journey_already_added": "Ya incluido",
-	"journey_note_aria_label": "Nota del curador para {title}",
-	"journey_drag_aria_label": "Cambiar el orden de '{title}'",
-	"journey_move_up": "Subir '{title}'",
-	"journey_move_down": "Bajar '{title}'",
-	"journey_note_error": "No se pudo guardar la nota",
-	"journey_item_moved": "Entrada {position} de {total} — movida a la posición {newPosition}",
-	"journey_remove_item_aria": "Eliminar entrada",
-	"journey_remove_confirm": "¿Realmente eliminar?",
-	"journey_remove_confirm_yes": "Confirmar",
-	"journey_remove_confirm_cancel": "Cancelar",
-	"journey_mutation_error_reload": "Acción fallida – por favor recarga la página.",
-	"journey_published_empty_warning": "Este viaje permanecerá publicado sin entradas.",
-	"journey_intro_placeholder": "Introducción (opcional)",
-	"journey_interlude_placeholder": "Escribe el texto del interludio…",
-	"journey_add_interlude_confirm": "Añadir",
-	"journey_edit_title_story": "Editar historia",
-	"journey_edit_title_journey": "Editar viaje de lectura",
-	"journey_publish_disabled_title": "Se requiere título y al menos una entrada",
-	"journey_save_hint_published": "Los cambios serán visibles inmediatamente para todos los lectores.",
-	"error_journey_note_too_long": "La nota es demasiado larga (máximo 2000 caracteres).",
-	"error_journey_document_already_added": "Esta carta ya está incluida en el viaje de lectura.",
-	"error_geschichte_type_immutable": "El tipo de una historia no se puede cambiar después de su creación."
 }

frontend/src/lib/document/DashboardNeedsMetadata.svelte.spec.ts

@@ -52,6 +52,6 @@ describe('DashboardNeedsMetadata', () => {
 	it('uses totalCount in the footer even when topDocs has fewer items', async () => {
 		const docs = [makeDoc('d1', 'Only one')];
 		render(DashboardNeedsMetadata, { topDocs: docs, totalCount: 50 });
-		await expect.element(page.getByRole('link', { name: /Alle 50/ })).toBeInTheDocument();
+		await expect.element(page.getByRole('link', { name: /50/ })).toBeInTheDocument();
 	});
 });

frontend/src/lib/document/DocumentMultiSelect.svelte

@@ -1,11 +1,21 @@
 <script lang="ts">
+import type { components } from '$lib/generated/api';
 import { m } from '$lib/paraglide/messages.js';
 import { clickOutside } from '$lib/shared/actions/clickOutside';
-import {
+import { formatDocumentDate, type DatePrecision } from '$lib/shared/utils/documentDate';
-	createDocumentTypeahead,
+import { getLocale } from '$lib/paraglide/runtime.js';
-	formatDocumentOption,
+
-	type DocumentOption
+type DocumentListItem = components['schemas']['DocumentListItem'];
-} from './documentTypeahead';
+
+/**
+ * Exactly the fields this picker reads — id for selection/dedup, the rest for
+ * the honest date label. A full `Document` and a `DocumentListItem` are both
+ * structurally assignable, so the search results need no cast.
+ */
+type DocumentOption = Pick<
+	DocumentListItem,
+	'id' | 'title' | 'documentDate' | 'metaDatePrecision' | 'metaDateEnd'
+>;
 
 interface Props {
 	selectedDocuments?: DocumentOption[];
@@ -20,16 +30,13 @@ let {
 }: Props = $props();
 
 let searchTerm = $state('');
+let results: DocumentOption[] = $state([]);
+let showDropdown = $state(false);
+let loading = $state(false);
+let debounceTimer: ReturnType<typeof setTimeout>;
 let inputEl: HTMLInputElement;
 let dropdownStyle = $state('');
 
-const picker = createDocumentTypeahead();
-
-// Filter out already-selected documents from typeahead results.
-const filteredResults = $derived(
-	picker.results.filter((d) => !selectedDocuments.some((s) => s.id === d.id))
-);
-
 function updateDropdownPosition() {
 	if (!inputEl) return;
 	const rect = inputEl.getBoundingClientRect();
@@ -37,22 +44,57 @@ function updateDropdownPosition() {
 }
 
 function handleInput() {
-	if (searchTerm.trim().length >= 1) {
+	showDropdown = true;
-		picker.setQuery(searchTerm);
+	clearTimeout(debounceTimer);
-	} else {
+	debounceTimer = setTimeout(async () => {
-		picker.close();
+		if (searchTerm.length < 1) {
-	}
+			results = [];
+			return;
+		}
+		loading = true;
+		try {
+			const res = await fetch(`/api/documents/search?q=${encodeURIComponent(searchTerm)}&size=10`);
+			if (res.ok) {
+				const body: { items: DocumentListItem[] } = await res.json();
+				const docs: DocumentOption[] = body.items.map((it) => ({
+					id: it.id,
+					title: it.title,
+					documentDate: it.documentDate,
+					metaDatePrecision: it.metaDatePrecision,
+					metaDateEnd: it.metaDateEnd
+				}));
+				results = docs.filter((d) => !selectedDocuments.some((s) => s.id === d.id));
+			}
+		} catch {
+			results = [];
+		} finally {
+			loading = false;
+		}
+	}, 300);
 }
 
 function selectDocument(doc: DocumentOption) {
 	selectedDocuments = [...selectedDocuments, doc];
 	searchTerm = '';
-	picker.close();
+	showDropdown = false;
+	results = [];
 }
 
 function removeDocument(id: string | undefined) {
 	selectedDocuments = selectedDocuments.filter((d) => d.id !== id);
 }
+
+function formatDocLabel(doc: DocumentOption): string {
+	if (!doc.documentDate) return doc.title;
+	const label = formatDocumentDate(
+		doc.documentDate,
+		doc.metaDatePrecision as DatePrecision,
+		doc.metaDateEnd,
+		null,
+		getLocale()
+	);
+	return `${doc.title} · ${label}`;
+}
 </script>
 
 <svelte:window onscroll={updateDropdownPosition} onresize={updateDropdownPosition} />
@@ -61,7 +103,7 @@ function removeDocument(id: string | undefined) {
 	<input type="hidden" name={hiddenInputName} value={doc.id} />
 {/each}
 
-<div class="relative" use:clickOutside onclickoutside={() => picker.close()}>
+<div class="relative" use:clickOutside onclickoutside={() => (showDropdown = false)}>
 	<div
 		class="flex min-h-[38px] flex-wrap gap-2 rounded border border-line bg-surface p-2 shadow-sm focus-within:ring-2 focus-within:ring-focus-ring focus-within:outline-none"
 	>
@@ -69,7 +111,7 @@ function removeDocument(id: string | undefined) {
 			<span
 				class="inline-flex items-center gap-1 rounded bg-muted px-2 py-1 text-sm font-medium text-ink"
 			>
-				{formatDocumentOption(doc)}
+				{formatDocLabel(doc)}
 				<button
 					type="button"
 					onclick={() => removeDocument(doc.id)}
@@ -94,23 +136,24 @@ function removeDocument(id: string | undefined) {
 			autocomplete="off"
 			bind:value={searchTerm}
 			oninput={handleInput}
-			onfocus={() => updateDropdownPosition()}
+			onfocus={() => {
+				updateDropdownPosition();
+				showDropdown = true;
+			}}
 			placeholder={placeholder}
 			class="min-w-[120px] flex-1 border-none bg-transparent p-1 text-sm outline-none focus:ring-0"
 		/>
 	</div>
 
-	{#if picker.isOpen && (filteredResults.length > 0 || picker.loading || picker.error)}
+	{#if showDropdown && (results.length > 0 || loading)}
 		<div
 			style={dropdownStyle}
 			class="ring-opacity-5 z-50 max-h-60 overflow-auto rounded-md bg-surface py-1 text-base shadow-lg ring-1 ring-black sm:text-sm"
 		>
-			{#if picker.loading}
+			{#if loading}
 				<div class="p-2 text-sm text-ink-2">{m.comp_multiselect_loading()}</div>
-			{:else if picker.error}
-				<div role="alert" class="p-2 text-sm text-danger">{m.comp_typeahead_error()}</div>
 			{:else}
-				{#each filteredResults as doc (doc.id)}
+				{#each results as doc (doc.id)}
 					<div
 						class="cursor-pointer py-2 pr-9 pl-3 text-ink select-none hover:bg-muted"
 						onclick={() => selectDocument(doc)}
@@ -118,7 +161,7 @@ function removeDocument(id: string | undefined) {
 						role="button"
 						tabindex="0"
 					>
-						{formatDocumentOption(doc)}
+						{formatDocLabel(doc)}
 					</div>
 				{/each}
 			{/if}

frontend/src/lib/document/DocumentMultiSelect.svelte.spec.ts

@@ -2,7 +2,6 @@ import { afterEach, describe, expect, it, vi } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
 import { page, userEvent } from 'vitest/browser';
 import DocumentMultiSelect from './DocumentMultiSelect.svelte';
-import { m } from '$lib/paraglide/messages.js';
 
 const waitForDebounce = () => new Promise((r) => setTimeout(r, 350));
 
@@ -125,28 +124,6 @@ describe('DocumentMultiSelect — search and select', () => {
 	});
 });
 
-describe('DocumentMultiSelect — search failure', () => {
-	it('shows an error row when the search request fails instead of looking like "no results"', async () => {
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: false,
-				status: 500,
-				json: vi.fn().mockResolvedValue({ code: 'INTERNAL_ERROR' })
-			})
-		);
-
-		render(DocumentMultiSelect);
-
-		await userEvent.fill(page.getByPlaceholder('Dokument suchen…'), 'Eug');
-		await waitForDebounce();
-
-		const alert = page.getByRole('alert');
-		await expect.element(alert).toBeInTheDocument();
-		await expect.element(alert).toHaveTextContent(m.comp_typeahead_error());
-	});
-});
-
 describe('DocumentMultiSelect — remove', () => {
 	it('removes a chip when its × button is clicked', async () => {
 		render(DocumentMultiSelect, {

frontend/src/lib/document/DocumentPickerDropdown.svelte

@@ -1,148 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import { clickOutside } from '$lib/shared/actions/clickOutside';
-import {
-	createDocumentTypeahead,
-	formatDocumentOption,
-	type DocumentOption
-} from './documentTypeahead';
-
-interface Props {
-	alreadyAddedIds?: Set<string>;
-	placeholder?: string;
-	onSelect: (doc: DocumentOption) => void;
-}
-
-let {
-	alreadyAddedIds = new Set(),
-	placeholder = m.journey_add_document(),
-	onSelect
-}: Props = $props();
-
-const uid = $props.id();
-const listboxId = `doc-picker-listbox-${uid}`;
-
-const picker = createDocumentTypeahead();
-
-let inputValue = $state('');
-
-const activeOptionId = $derived(
-	picker.isOpen && picker.activeIndex >= 0 && picker.results[picker.activeIndex]
-		? `${listboxId}-option-${picker.activeIndex}`
-		: undefined
-);
-
-function handleInput(e: Event) {
-	const q = (e.currentTarget as HTMLInputElement).value;
-	inputValue = q;
-	picker.setActiveIndex(-1);
-	if (q.trim().length >= 1) {
-		picker.setQuery(q);
-	} else {
-		picker.close();
-	}
-}
-
-function handleSelect(doc: DocumentOption) {
-	if (alreadyAddedIds.has(doc.id!)) return;
-	inputValue = '';
-	picker.close();
-	onSelect(doc);
-}
-
-function handleKeydown(e: KeyboardEvent) {
-	if (!picker.isOpen) return;
-
-	const results = picker.results;
-
-	if (e.key === 'ArrowDown') {
-		e.preventDefault();
-		if (results.length > 0) {
-			picker.setActiveIndex((picker.activeIndex + 1) % results.length);
-		}
-	} else if (e.key === 'ArrowUp') {
-		e.preventDefault();
-		if (results.length > 0) {
-			picker.setActiveIndex((picker.activeIndex - 1 + results.length) % results.length);
-		}
-	} else if (e.key === 'Enter') {
-		e.preventDefault();
-		const active = results[picker.activeIndex];
-		// handleSelect is a no-op for already-added (aria-disabled) options.
-		if (active) handleSelect(active);
-	} else if (e.key === 'Escape') {
-		e.preventDefault();
-		picker.close();
-	}
-}
-</script>
-
-<div use:clickOutside onclickoutside={() => picker.close()} class="relative">
-	<input
-		type="text"
-		role="combobox"
-		autocomplete="off"
-		aria-label={placeholder}
-		aria-expanded={picker.isOpen}
-		aria-controls={listboxId}
-		aria-autocomplete="list"
-		aria-activedescendant={activeOptionId}
-		placeholder={placeholder}
-		value={inputValue}
-		oninput={handleInput}
-		onkeydown={handleKeydown}
-		class="block w-full rounded border border-line bg-surface px-3 py-2 text-sm text-ink placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-	/>
-
-	{#if picker.isOpen}
-		{#if picker.loading}
-			<div
-				class="ring-opacity-5 absolute z-50 mt-1 w-full rounded-md bg-surface py-1 text-sm shadow-lg ring-1 ring-black"
-			>
-				<p role="status" class="px-3 py-2 text-ink-2">{m.comp_multiselect_loading()}</p>
-			</div>
-		{:else if picker.error}
-			<div
-				class="ring-opacity-5 absolute z-50 mt-1 w-full rounded-md bg-surface py-1 text-sm shadow-lg ring-1 ring-black"
-			>
-				<p role="alert" class="px-3 py-2 text-danger">{m.comp_typeahead_error()}</p>
-			</div>
-		{:else if picker.results.length === 0}
-			<div
-				class="ring-opacity-5 absolute z-50 mt-1 w-full rounded-md bg-surface py-1 text-sm shadow-lg ring-1 ring-black"
-			>
-				<p role="status" class="px-3 py-2 text-ink-2">{m.comp_typeahead_no_results()}</p>
-			</div>
-		{:else}
-			<ul
-				id={listboxId}
-				role="listbox"
-				class="ring-opacity-5 absolute z-50 mt-1 max-h-60 w-full overflow-auto rounded-md bg-surface py-1 text-sm shadow-lg ring-1 ring-black"
-			>
-				{#each picker.results as doc, i (doc.id)}
-					{@const disabled = alreadyAddedIds.has(doc.id!)}
-					<!-- svelte-ignore a11y_click_events_have_key_events -->
-					<li
-						id={`${listboxId}-option-${i}`}
-						role="option"
-						aria-selected={i === picker.activeIndex}
-						aria-disabled={disabled}
-						onclick={() => handleSelect(doc)}
-						class={[
-							'px-3 py-2 text-ink select-none',
-							i === picker.activeIndex ? 'bg-muted' : '',
-							disabled
-								? 'cursor-default opacity-50'
-								: 'cursor-pointer hover:bg-muted'
-						].join(' ')}
-					>
-						{formatDocumentOption(doc)}
-						{#if disabled}
-							<span class="sr-only">{m.journey_already_added()}</span>
-						{/if}
-					</li>
-				{/each}
-			</ul>
-		{/if}
-	{/if}
-</div>

frontend/src/lib/document/DocumentPickerDropdown.svelte.spec.ts

@@ -1,243 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page, userEvent } from 'vitest/browser';
-import DocumentPickerDropdown from './DocumentPickerDropdown.svelte';
-import { m } from '$lib/paraglide/messages.js';
-
-const waitForDebounce = () => new Promise((r) => setTimeout(r, 350));
-
-const docFactory = (id: string, title: string) => ({
-	id,
-	title,
-	documentDate: '1880-01-01',
-	metaDatePrecision: 'DAY' as const,
-	metaDateEnd: undefined
-});
-
-function mockSearchResponse(items: ReturnType<typeof docFactory>[]) {
-	vi.stubGlobal(
-		'fetch',
-		vi.fn().mockResolvedValue({
-			ok: true,
-			json: vi.fn().mockResolvedValue({ items })
-		})
-	);
-}
-
-afterEach(() => {
-	cleanup();
-	vi.unstubAllGlobals();
-});
-
-describe('DocumentPickerDropdown — empty query guard', () => {
-	it('does not call fetch on empty query', async () => {
-		const fetchMock = vi.fn();
-		vi.stubGlobal('fetch', fetchMock);
-
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-		await userEvent.fill(page.getByRole('combobox'), '');
-		await waitForDebounce();
-
-		expect(fetchMock).not.toHaveBeenCalled();
-	});
-});
-
-describe('DocumentPickerDropdown — already-added indicator', () => {
-	it('shows already-added document as aria-disabled with sr-only hint', async () => {
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie'), docFactory('d2', 'Brief 2')]);
-
-		render(DocumentPickerDropdown, {
-			alreadyAddedIds: new Set(['d1']),
-			onSelect: vi.fn()
-		});
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-
-		const disabledItem = page
-			.getByText(/Brief von Eugenie/i)
-			.element()
-			.closest('li')!;
-		expect(disabledItem.getAttribute('aria-disabled')).toBe('true');
-		// Screen-reader text "bereits enthalten" must be present in the item
-		await expect.element(page.getByText(/bereits enthalten/i)).toBeInTheDocument();
-	});
-});
-
-describe('DocumentPickerDropdown — selection', () => {
-	it('calls onSelect with the item when a non-disabled option is clicked', async () => {
-		const onSelect = vi.fn();
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie')]);
-
-		render(DocumentPickerDropdown, { onSelect });
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-		await userEvent.click(page.getByText(/Brief von Eugenie/i));
-
-		expect(onSelect).toHaveBeenCalledWith(expect.objectContaining({ id: 'd1' }));
-	});
-
-	it('does not call onSelect when an aria-disabled option is clicked', async () => {
-		const onSelect = vi.fn();
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie')]);
-
-		render(DocumentPickerDropdown, {
-			alreadyAddedIds: new Set(['d1']),
-			onSelect
-		});
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-		await page.getByText(/Brief von Eugenie/i).click({ force: true });
-
-		expect(onSelect).not.toHaveBeenCalled();
-	});
-});
-
-describe('DocumentPickerDropdown — keyboard navigation', () => {
-	it('selects the first option via ArrowDown then Enter', async () => {
-		const onSelect = vi.fn();
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie'), docFactory('d2', 'Brief 2')]);
-
-		render(DocumentPickerDropdown, { onSelect });
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-		await userEvent.keyboard('{ArrowDown}');
-		await userEvent.keyboard('{Enter}');
-
-		expect(onSelect).toHaveBeenCalledWith(expect.objectContaining({ id: 'd1' }));
-	});
-
-	it('does not select an aria-disabled option on Enter', async () => {
-		const onSelect = vi.fn();
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie')]);
-
-		render(DocumentPickerDropdown, {
-			alreadyAddedIds: new Set(['d1']),
-			onSelect
-		});
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-		await userEvent.keyboard('{ArrowDown}');
-		await userEvent.keyboard('{Enter}');
-
-		expect(onSelect).not.toHaveBeenCalled();
-	});
-
-	it('closes the dropdown on Escape', async () => {
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie')]);
-
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-		await expect.element(page.getByRole('listbox')).toBeInTheDocument();
-
-		await userEvent.keyboard('{Escape}');
-
-		await expect.element(page.getByRole('listbox')).not.toBeInTheDocument();
-	});
-
-	it('points aria-activedescendant at the active option', async () => {
-		mockSearchResponse([docFactory('d1', 'Brief von Eugenie'), docFactory('d2', 'Brief 2')]);
-
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		const input = page.getByRole('combobox');
-		await userEvent.fill(input, 'Brief');
-		await waitForDebounce();
-
-		expect(input.element().getAttribute('aria-activedescendant')).toBeNull();
-
-		await userEvent.keyboard('{ArrowDown}');
-
-		const activeId = input.element().getAttribute('aria-activedescendant');
-		expect(activeId).toMatch(/-option-0$/);
-		const firstOption = page
-			.getByText(/Brief von Eugenie/i)
-			.element()
-			.closest('li')!;
-		expect(firstOption.id).toBe(activeId);
-		expect(firstOption.getAttribute('aria-selected')).toBe('true');
-	});
-});
-
-describe('DocumentPickerDropdown — no results', () => {
-	it('shows a non-interactive no-results row when the search returns zero hits', async () => {
-		mockSearchResponse([]);
-
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		await userEvent.fill(page.getByRole('combobox'), 'xyz');
-		await waitForDebounce();
-
-		await expect.element(page.getByText(m.comp_typeahead_no_results())).toBeInTheDocument();
-	});
-});
-
-describe('DocumentPickerDropdown — search failure', () => {
-	it('shows an error message when the search request fails instead of vanishing', async () => {
-		// 500 from /api/documents/search — must surface, not render as "no results"
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: false,
-				status: 500,
-				json: vi.fn().mockResolvedValue({ code: 'INTERNAL_ERROR' })
-			})
-		);
-
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-
-		await expect.element(page.getByText(m.comp_typeahead_error())).toBeInTheDocument();
-	});
-});
-
-describe('DocumentPickerDropdown — ARIA listbox integrity', () => {
-	it('does not render a listbox when results are empty (no aria-required-children violation)', async () => {
-		mockSearchResponse([]);
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		await userEvent.fill(page.getByRole('combobox'), 'xyz');
-		await waitForDebounce();
-
-		// no-results message must be visible, but NOT inside a listbox
-		await expect.element(page.getByText(m.comp_typeahead_no_results())).toBeInTheDocument();
-		expect(document.querySelector('[role="listbox"]')).toBeNull();
-	});
-
-	it('does not render a listbox when loading (no aria-required-children violation)', async () => {
-		let resolveSearch!: (v: unknown) => void;
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockReturnValue(new Promise((resolve) => (resolveSearch = resolve)))
-		);
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-
-		// While in-flight, no listbox should exist
-		expect(document.querySelector('[role="listbox"]')).toBeNull();
-		resolveSearch({ ok: true, json: () => Promise.resolve({ items: [] }) });
-	});
-
-	it('option elements do not have tabindex (combobox pattern: focus stays on input)', async () => {
-		mockSearchResponse([docFactory('d1', 'Brief A'), docFactory('d2', 'Brief B')]);
-		render(DocumentPickerDropdown, { onSelect: vi.fn() });
-
-		await userEvent.fill(page.getByRole('combobox'), 'Brief');
-		await waitForDebounce();
-
-		const options = document.querySelectorAll('[role="listbox"] [role="option"]');
-		expect(options.length).toBeGreaterThan(0);
-		options.forEach((opt) => {
-			expect(opt).not.toHaveAttribute('tabindex');
-		});
-	});
-});

frontend/src/lib/document/documentTypeahead.ts

@@ -1,45 +0,0 @@
-import type { components } from '$lib/generated/api';
-import { createTypeahead } from '$lib/shared/hooks/useTypeahead.svelte';
-import { formatDocumentDate, type DatePrecision } from '$lib/shared/utils/documentDate';
-import { getLocale } from '$lib/paraglide/runtime.js';
-
-type DocumentListItem = components['schemas']['DocumentListItem'];
-
-export type DocumentOption = Pick<
-	DocumentListItem,
-	'id' | 'title' | 'documentDate' | 'metaDatePrecision' | 'metaDateEnd'
->;
-
-export function createDocumentTypeahead() {
-	return createTypeahead<DocumentOption>({
-		fetchUrl: (q) =>
-			fetch(`/api/documents/search?q=${encodeURIComponent(q)}&size=10`)
-				.then((r) => {
-					// Without this check a 401/500 parses as JSON without `items` and
-					// renders as "no results" — errors must reach the hook's error state.
-					if (!r.ok) throw new Error(`document search failed: ${r.status}`);
-					return r.json();
-				})
-				.then((b: { items: DocumentListItem[] }) =>
-					b.items.map((it) => ({
-						id: it.id,
-						title: it.title,
-						documentDate: it.documentDate,
-						metaDatePrecision: it.metaDatePrecision,
-						metaDateEnd: it.metaDateEnd
-					}))
-				)
-	});
-}
-
-export function formatDocumentOption(doc: DocumentOption): string {
-	if (!doc.documentDate) return doc.title;
-	const label = formatDocumentDate(
-		doc.documentDate,
-		doc.metaDatePrecision as DatePrecision,
-		doc.metaDateEnd,
-		null,
-		getLocale()
-	);
-	return `${doc.title} · ${label}`;
-}

frontend/src/lib/document/transcription/TranscriptionEditView.svelte

@@ -5,7 +5,7 @@ import OcrTrigger from '$lib/ocr/OcrTrigger.svelte';
 import TranscribeCoachEmptyState from '$lib/shared/help/TranscribeCoachEmptyState.svelte';
 import type { PersonMention, TranscriptionBlockData } from '$lib/shared/types';
 import { createBlockAutoSave } from '$lib/document/transcription/useBlockAutoSave.svelte';
-import { createBlockDragDrop } from '$lib/shared/hooks/useBlockDragDrop.svelte';
+import { createBlockDragDrop } from '$lib/document/transcription/useBlockDragDrop.svelte';
 import { csrfFetch } from '$lib/shared/cookies';
 
 type Props = {

frontend/src/lib/document/transcription/useBlockDragDrop.svelte.test.ts

@@ -1,35 +1,7 @@
-import { describe, it, expect, vi, expectTypeOf } from 'vitest';
+import { describe, it, expect, vi } from 'vitest';
 import { createBlockDragDrop } from './useBlockDragDrop.svelte';
 import type { TranscriptionBlockData } from '$lib/shared/types';
 
-// ---------------------------------------------------------------------------
-// Type-regression guard: createBlockDragDrop must accept any T extends {id: string}
-// so JourneyEditor can reuse it without importing TranscriptionBlockData.
-// This test fails with "Expected 0 type arguments, but got 1" via tsc --noEmit
-// until the function is made generic.
-// ---------------------------------------------------------------------------
-describe('createBlockDragDrop — generic type guard', () => {
-	it('accepts items shaped as { id: string; position: number } — not only TranscriptionBlockData', () => {
-		type SimpleItem = { id: string; position: number };
-		const items: SimpleItem[] = [
-			{ id: 'item-1', position: 0 },
-			{ id: 'item-2', position: 1 }
-		];
-		const onReorder = vi.fn();
-		const dd = createBlockDragDrop<SimpleItem>({ getSortedBlocks: () => items, onReorder });
-		// Verify the hook is functional with the new type — state reads must work
-		expect(dd.draggedBlockId).toBeNull();
-		expect(dd.dragOffsetY).toBe(0);
-	});
-
-	it('TranscriptionBlockData caller still compiles — regression guard for existing transcription editor', () => {
-		// If the generic constraint is wrong this line fails tsc --noEmit
-		expectTypeOf(createBlockDragDrop<TranscriptionBlockData>).toBeFunction();
-		// Runtime assertion so browser-mode doesn't report "no assertions"
-		expect(typeof createBlockDragDrop).toBe('function');
-	});
-});
-
 function makeBlock(id: string, sortOrder: number): TranscriptionBlockData {
 	return {
 		id,

frontend/src/lib/document/transcription/useBlockDragDrop.svelte.ts

@@ -1,12 +1,11 @@
-type Options<T extends { id: string }> = {
+import type { TranscriptionBlockData } from '$lib/shared/types';
-	getSortedBlocks: () => T[];
+
+type Options = {
+	getSortedBlocks: () => TranscriptionBlockData[];
 	onReorder: (blockIds: string[]) => void;
 };
 
-export function createBlockDragDrop<T extends { id: string }>({
+export function createBlockDragDrop({ getSortedBlocks, onReorder }: Options) {
-	getSortedBlocks,
-	onReorder
-}: Options<T>) {
 	let draggedBlockId = $state<string | null>(null);
 	let dropTargetIdx = $state<number | null>(null);
 	let dragOffsetY = $state(0);

frontend/src/lib/generated/api.ts

@@ -84,26 +84,6 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
-    "/api/geschichten/{id}/items/reorder": {
-        parameters: {
-            query?: never;
-            header?: never;
-            path?: never;
-            cookie?: never;
-        };
-        get?: never;
-        /**
-         * Reorder journey items
-         * @description itemIds must contain ALL item IDs for the given journey in the desired new order. Sending a partial list returns 400 Bad Request.
-         */
-        put: operations["reorderItems"];
-        post?: never;
-        delete?: never;
-        options?: never;
-        head?: never;
-        patch?: never;
-        trace?: never;
-    };
     "/api/documents/{id}": {
         parameters: {
             query?: never;
@@ -440,22 +420,6 @@ export interface paths {
         patch?: never;
         trace?: never;
     };
-    "/api/geschichten/{id}/items": {
-        parameters: {
-            query?: never;
-            header?: never;
-            path?: never;
-            cookie?: never;
-        };
-        get?: never;
-        put?: never;
-        post: operations["appendItem"];
-        delete?: never;
-        options?: never;
-        head?: never;
-        patch?: never;
-        trace?: never;
-    };
     "/api/documents": {
         parameters: {
             query?: never;
@@ -840,22 +804,6 @@ export interface paths {
         patch: operations["update"];
         trace?: never;
     };
-    "/api/geschichten/{id}/items/{itemId}": {
-        parameters: {
-            query?: never;
-            header?: never;
-            path?: never;
-            cookie?: never;
-        };
-        get?: never;
-        put?: never;
-        post?: never;
-        delete: operations["deleteItem"];
-        options?: never;
-        head?: never;
-        patch: operations["updateItemNote"];
-        trace?: never;
-    };
     "/api/documents/{id}/training-labels": {
         parameters: {
             query?: never;
@@ -927,7 +875,7 @@ export interface paths {
             path?: never;
             cookie?: never;
         };
-        get: operations["search"];
+        get: operations["search_1"];
         put?: never;
         post?: never;
         delete?: never;
@@ -1391,7 +1339,7 @@ export interface paths {
             path?: never;
             cookie?: never;
         };
-        get: operations["search_1"];
+        get: operations["search_2"];
         put?: never;
         post?: never;
         delete?: never;
@@ -1742,32 +1690,6 @@ export interface components {
             provisional: boolean;
             readonly displayName: string;
         };
-        JourneyReorderDTO: {
-            itemIds?: string[];
-        };
-        DocumentSummary: {
-            /** Format: uuid */
-            id: string;
-            title: string;
-            /** Format: date */
-            documentDate?: string;
-            /** Format: date */
-            documentDateEnd?: string;
-            /** @enum {string} */
-            datePrecision: "DAY" | "MONTH" | "SEASON" | "YEAR" | "RANGE" | "APPROX" | "UNKNOWN";
-            senderName?: string;
-            receiverName?: string;
-            /** Format: int32 */
-            receiverCount: number;
-        };
-        JourneyItemView: {
-            /** Format: uuid */
-            id: string;
-            /** Format: int32 */
-            position: number;
-            document?: components["schemas"]["DocumentSummary"];
-            note?: string;
-        };
         DocumentUpdateDTO: {
             title?: string;
             /** Format: date */
@@ -1897,6 +1819,75 @@ export interface components {
             /** Format: uuid */
             targetId: string;
         };
+        Pageable: {
+            /** Format: int32 */
+            page?: number;
+            /** Format: int32 */
+            size?: number;
+            sort?: string[];
+        };
+        ActivityActorDTO: {
+            initials: string;
+            color: string;
+            name?: string;
+        };
+        DocumentListItem: {
+            /** Format: uuid */
+            id: string;
+            title: string;
+            originalFilename: string;
+            thumbnailUrl?: string;
+            /** Format: date */
+            documentDate?: string;
+            /** @enum {string} */
+            metaDatePrecision: "DAY" | "MONTH" | "SEASON" | "YEAR" | "RANGE" | "APPROX" | "UNKNOWN";
+            /** Format: date */
+            metaDateEnd?: string;
+            sender?: components["schemas"]["Person"];
+            receivers: components["schemas"]["Person"][];
+            tags: components["schemas"]["Tag"][];
+            archiveBox?: string;
+            archiveFolder?: string;
+            location?: string;
+            summary?: string;
+            /** Format: int32 */
+            completionPercentage: number;
+            contributors: components["schemas"]["ActivityActorDTO"][];
+            matchData: components["schemas"]["SearchMatchData"];
+            /** Format: date-time */
+            createdAt: string;
+            /** Format: date-time */
+            updatedAt: string;
+        };
+        DocumentSearchResult: {
+            items: components["schemas"]["DocumentListItem"][];
+            /** Format: int64 */
+            totalElements: number;
+            /** Format: int32 */
+            pageNumber: number;
+            /** Format: int32 */
+            pageSize: number;
+            /** Format: int32 */
+            totalPages: number;
+            /** Format: int64 */
+            undatedCount: number;
+        };
+        MatchOffset: {
+            /** Format: int32 */
+            start: number;
+            /** Format: int32 */
+            length: number;
+        };
+        SearchMatchData: {
+            transcriptionSnippet?: string;
+            titleOffsets: components["schemas"]["MatchOffset"][];
+            senderMatched: boolean;
+            matchedReceiverIds: string[];
+            matchedTagIds: string[];
+            snippetOffsets: components["schemas"]["MatchOffset"][];
+            summarySnippet?: string;
+            summaryOffsets: components["schemas"]["MatchOffset"][];
+        };
         CreateRelationshipRequest: {
             /** Format: uuid */
             relatedPersonId: string;
@@ -2024,44 +2015,25 @@ export interface components {
             body?: string;
             /** @enum {string} */
             status?: "DRAFT" | "PUBLISHED";
-            /** @enum {string} */
-            type?: "STORY" | "JOURNEY";
             personIds?: string[];
+            documentIds?: string[];
         };
-        AuthorView: {
+        Geschichte: {
-            /** Format: uuid */
-            id: string;
-            displayName: string;
-        };
-        GeschichteView: {
             /** Format: uuid */
             id: string;
             title: string;
             body?: string;
             /** @enum {string} */
             status: "DRAFT" | "PUBLISHED";
-            /** @enum {string} */
+            author?: components["schemas"]["AppUser"];
-            type: "STORY" | "JOURNEY";
+            persons?: components["schemas"]["Person"][];
-            author?: components["schemas"]["AuthorView"];
+            documents?: components["schemas"]["Document"][];
-            persons: components["schemas"]["PersonView"][];
-            items: components["schemas"]["JourneyItemView"][];
-            /** Format: date-time */
-            publishedAt?: string;
             /** Format: date-time */
             createdAt: string;
             /** Format: date-time */
             updatedAt: string;
-        };
+            /** Format: date-time */
-        PersonView: {
+            publishedAt?: string;
-            /** Format: uuid */
-            id: string;
-            firstName?: string;
-            lastName?: string;
-        };
-        JourneyItemCreateDTO: {
-            /** Format: uuid */
-            documentId?: string;
-            note?: string;
         };
         CreateTranscriptionBlockDTO: {
             /** Format: int32 */
@@ -2261,9 +2233,6 @@ export interface components {
             actorName?: string;
             documentTitle?: string;
         };
-        JourneyItemUpdateDTO: {
-            note?: string;
-        };
         TrainingLabelRequest: {
             label?: string;
             enrolled?: boolean;
@@ -2304,11 +2273,6 @@ export interface components {
             /** Format: int64 */
             transcriptionCount: number;
         };
-        ActivityActorDTO: {
-            initials: string;
-            color: string;
-            name?: string;
-        };
         TranscriptionQueueItemDTO: {
             /** Format: uuid */
             id: string;
@@ -2371,13 +2335,13 @@ export interface components {
             lastName?: string;
             /** Format: int64 */
             documentCount?: number;
-            alias?: string;
             notes?: string;
             /** Format: int32 */
             birthYear?: number;
             /** Format: int32 */
             deathYear?: number;
             provisional?: boolean;
+            alias?: string;
             personType?: string;
             familyMember?: boolean;
         };
@@ -2476,8 +2440,6 @@ export interface components {
             /** Format: int32 */
             totalPages?: number;
             pageable?: components["schemas"]["PageableObject"];
-            first?: boolean;
-            last?: boolean;
             /** Format: int32 */
             size?: number;
             content?: components["schemas"]["NotificationDTO"][];
@@ -2486,6 +2448,8 @@ export interface components {
             sort?: components["schemas"]["SortObject"];
             /** Format: int32 */
             numberOfElements?: number;
+            first?: boolean;
+            last?: boolean;
             empty?: boolean;
         };
         PageableObject: {
@@ -2508,25 +2472,6 @@ export interface components {
             nodes: components["schemas"]["PersonNodeDTO"][];
             edges: components["schemas"]["RelationshipDTO"][];
         };
-        AuthorSummary: {
-            firstName?: string;
-            lastName?: string;
-        };
-        GeschichteSummary: {
-            body?: string;
-            title: string;
-            /** Format: uuid */
-            id: string;
-            /** @enum {string} */
-            type: "STORY" | "JOURNEY";
-            /** @enum {string} */
-            status: "DRAFT" | "PUBLISHED";
-            /** Format: date-time */
-            updatedAt: string;
-            author?: components["schemas"]["AuthorSummary"];
-            /** Format: date-time */
-            publishedAt?: string;
-        };
         DocumentVersionSummary: {
             /** Format: uuid */
             id: string;
@@ -2568,63 +2513,6 @@ export interface components {
             /** Format: int32 */
             totalPages?: number;
         };
-        DocumentListItem: {
-            /** Format: uuid */
-            id: string;
-            title: string;
-            originalFilename: string;
-            thumbnailUrl?: string;
-            /** Format: date */
-            documentDate?: string;
-            /** @enum {string} */
-            metaDatePrecision: "DAY" | "MONTH" | "SEASON" | "YEAR" | "RANGE" | "APPROX" | "UNKNOWN";
-            /** Format: date */
-            metaDateEnd?: string;
-            sender?: components["schemas"]["Person"];
-            receivers: components["schemas"]["Person"][];
-            tags: components["schemas"]["Tag"][];
-            archiveBox?: string;
-            archiveFolder?: string;
-            location?: string;
-            summary?: string;
-            /** Format: int32 */
-            completionPercentage: number;
-            contributors: components["schemas"]["ActivityActorDTO"][];
-            matchData: components["schemas"]["SearchMatchData"];
-            /** Format: date-time */
-            createdAt: string;
-            /** Format: date-time */
-            updatedAt: string;
-        };
-        DocumentSearchResult: {
-            items: components["schemas"]["DocumentListItem"][];
-            /** Format: int64 */
-            totalElements: number;
-            /** Format: int32 */
-            pageNumber: number;
-            /** Format: int32 */
-            pageSize: number;
-            /** Format: int32 */
-            totalPages: number;
-            /** Format: int64 */
-            undatedCount: number;
-        };
-        MatchOffset: {
-            /** Format: int32 */
-            start: number;
-            /** Format: int32 */
-            length: number;
-        };
-        SearchMatchData: {
-            transcriptionSnippet?: string;
-            titleOffsets: components["schemas"]["MatchOffset"][];
-            senderMatched: boolean;
-            matchedReceiverIds: string[];
-            matchedTagIds: string[];
-            snippetOffsets: components["schemas"]["MatchOffset"][];
-            summarySnippet?: string;
-            summaryOffsets: components["schemas"]["MatchOffset"][];
-        };
         IncompleteDocumentDTO: {
             /** Format: uuid */
             id: string;
@@ -2673,7 +2561,7 @@ export interface components {
         };
         ActivityFeedItemDTO: {
             /** @enum {string} */
-            kind: "FILE_UPLOADED" | "STATUS_CHANGED" | "METADATA_UPDATED" | "TEXT_SAVED" | "BLOCK_REVIEWED" | "ANNOTATION_CREATED" | "COMMENT_ADDED" | "MENTION_CREATED" | "USER_CREATED" | "USER_DELETED" | "GROUP_MEMBERSHIP_CHANGED" | "LOGIN_SUCCESS" | "LOGIN_FAILED" | "LOGOUT" | "ADMIN_FORCE_LOGOUT" | "LOGIN_RATE_LIMITED" | "JOURNEY_ITEM_ADDED" | "JOURNEY_ITEM_REMOVED" | "JOURNEY_ITEM_NOTE_UPDATED" | "JOURNEY_ITEMS_REORDERED";
+            kind: "FILE_UPLOADED" | "STATUS_CHANGED" | "METADATA_UPDATED" | "TEXT_SAVED" | "BLOCK_REVIEWED" | "ANNOTATION_CREATED" | "COMMENT_ADDED" | "MENTION_CREATED" | "USER_CREATED" | "USER_DELETED" | "GROUP_MEMBERSHIP_CHANGED" | "LOGIN_SUCCESS" | "LOGIN_FAILED" | "LOGOUT" | "ADMIN_FORCE_LOGOUT" | "LOGIN_RATE_LIMITED";
             actor?: components["schemas"]["ActivityActorDTO"];
             /** Format: uuid */
             documentId: string;
@@ -2983,32 +2871,6 @@ export interface operations {
             };
         };
     };
-    reorderItems: {
-        parameters: {
-            query?: never;
-            header?: never;
-            path: {
-                id: string;
-            };
-            cookie?: never;
-        };
-        requestBody: {
-            content: {
-                "application/json": components["schemas"]["JourneyReorderDTO"];
-            };
-        };
-        responses: {
-            /** @description OK */
-            200: {
-                headers: {
-                    [name: string]: unknown;
-                };
-                content: {
-                    "*/*": components["schemas"]["JourneyItemView"][];
-                };
-            };
-        };
-    };
     getDocument: {
         parameters: {
             query?: never;
@@ -3729,7 +3591,7 @@ export interface operations {
                     [name: string]: unknown;
                 };
                 content: {
-                    "*/*": components["schemas"]["GeschichteSummary"][];
+                    "*/*": components["schemas"]["Geschichte"][];
                 };
             };
         };
@@ -3753,33 +3615,7 @@ export interface operations {
                     [name: string]: unknown;
                 };
                 content: {
-                    "*/*": components["schemas"]["GeschichteView"];
+                    "*/*": components["schemas"]["Geschichte"];
-                };
-            };
-        };
-    };
-    appendItem: {
-        parameters: {
-            query?: never;
-            header?: never;
-            path: {
-                id: string;
-            };
-            cookie?: never;
-        };
-        requestBody: {
-            content: {
-                "application/json": components["schemas"]["JourneyItemCreateDTO"];
-            };
-        };
-        responses: {
-            /** @description OK */
-            200: {
-                headers: {
-                    [name: string]: unknown;
-                };
-                content: {
-                    "*/*": components["schemas"]["JourneyItemView"];
                 };
             };
         };
@@ -4455,7 +4291,7 @@ export interface operations {
                     [name: string]: unknown;
                 };
                 content: {
-                    "*/*": components["schemas"]["GeschichteView"];
+                    "*/*": components["schemas"]["Geschichte"];
                 };
             };
         };
@@ -4501,55 +4337,7 @@ export interface operations {
                     [name: string]: unknown;
                 };
                 content: {
-                    "*/*": components["schemas"]["GeschichteView"];
+                    "*/*": components["schemas"]["Geschichte"];
-                };
-            };
-        };
-    };
-    deleteItem: {
-        parameters: {
-            query?: never;
-            header?: never;
-            path: {
-                id: string;
-                itemId: string;
-            };
-            cookie?: never;
-        };
-        requestBody?: never;
-        responses: {
-            /** @description OK */
-            200: {
-                headers: {
-                    [name: string]: unknown;
-                };
-                content?: never;
-            };
-        };
-    };
-    updateItemNote: {
-        parameters: {
-            query?: never;
-            header?: never;
-            path: {
-                id: string;
-                itemId: string;
-            };
-            cookie?: never;
-        };
-        requestBody: {
-            content: {
-                "application/json": components["schemas"]["JourneyItemUpdateDTO"];
-            };
-        };
-        responses: {
-            /** @description OK */
-            200: {
-                headers: {
-                    [name: string]: unknown;
-                };
-                content: {
-                    "*/*": components["schemas"]["JourneyItemView"];
                 };
             };
         };
@@ -4698,7 +4486,7 @@ export interface operations {
             };
         };
     };
-    search: {
+    search_1: {
         parameters: {
             query?: {
                 q?: string;
@@ -5322,7 +5110,7 @@ export interface operations {
             };
         };
     };
-    search_1: {
+    search_2: {
         parameters: {
             query?: {
                 q?: string;
@@ -5537,7 +5325,7 @@ export interface operations {
             query?: {
                 limit?: number;
                 /** @description Filter by audit kinds; omit for all rollup-eligible kinds */
-                kinds?: ("FILE_UPLOADED" | "STATUS_CHANGED" | "METADATA_UPDATED" | "TEXT_SAVED" | "BLOCK_REVIEWED" | "ANNOTATION_CREATED" | "COMMENT_ADDED" | "MENTION_CREATED" | "USER_CREATED" | "USER_DELETED" | "GROUP_MEMBERSHIP_CHANGED" | "LOGIN_SUCCESS" | "LOGIN_FAILED" | "LOGOUT" | "ADMIN_FORCE_LOGOUT" | "LOGIN_RATE_LIMITED" | "JOURNEY_ITEM_ADDED" | "JOURNEY_ITEM_REMOVED" | "JOURNEY_ITEM_NOTE_UPDATED" | "JOURNEY_ITEMS_REORDERED")[];
+                kinds?: ("FILE_UPLOADED" | "STATUS_CHANGED" | "METADATA_UPDATED" | "TEXT_SAVED" | "BLOCK_REVIEWED" | "ANNOTATION_CREATED" | "COMMENT_ADDED" | "MENTION_CREATED" | "USER_CREATED" | "USER_DELETED" | "GROUP_MEMBERSHIP_CHANGED" | "LOGIN_SUCCESS" | "LOGIN_FAILED" | "LOGOUT" | "ADMIN_FORCE_LOGOUT" | "LOGIN_RATE_LIMITED")[];
             };
             header?: never;
             path?: never;

frontend/src/lib/geschichte/GeschichteEditor.svelte

@@ -5,25 +5,34 @@ import { Editor } from '@tiptap/core';
 import StarterKit from '@tiptap/starter-kit';
 import { m } from '$lib/paraglide/messages.js';
 import type { components } from '$lib/generated/api';
-import GeschichteSidebar from '$lib/geschichte/GeschichteSidebar.svelte';
+import PersonMultiSelect from '$lib/person/PersonMultiSelect.svelte';
-import { toPersonOption, type PersonOption } from '$lib/person/personOption';
+import DocumentMultiSelect from '$lib/document/DocumentMultiSelect.svelte';
 
-type GeschichteView = components['schemas']['GeschichteView'];
+type Geschichte = components['schemas']['Geschichte'];
 type Person = components['schemas']['Person'];
+type Document = components['schemas']['Document'];
 
 interface Props {
-	geschichte?: GeschichteView | null;
+	geschichte?: Geschichte | null;
 	initialPersons?: Person[];
+	initialDocuments?: Document[];
 	onSubmit: (payload: {
 		title: string;
 		body: string;
 		status: 'DRAFT' | 'PUBLISHED';
 		personIds: string[];
+		documentIds: string[];
 	}) => Promise<void>;
 	submitting?: boolean;
 }
 
-let { geschichte = null, initialPersons = [], onSubmit, submitting = false }: Props = $props();
+let {
+	geschichte = null,
+	initialPersons = [],
+	initialDocuments = [],
+	onSubmit,
+	submitting = false
+}: Props = $props();
 
 // Initial-state snapshot from incoming props. The editor owns these values
 // after mount; the parent should re-mount the component with a different
@@ -32,8 +41,11 @@ let { geschichte = null, initialPersons = [], onSubmit, submitting = false }: Pr
 let title = $state(geschichte?.title ?? '');
 let body = $state(geschichte?.body ?? '');
 let status: 'DRAFT' | 'PUBLISHED' = $state(geschichte?.status ?? 'DRAFT');
-let selectedPersons: PersonOption[] = $state(
+let selectedPersons: Person[] = $state(
-	geschichte?.persons ? Array.from(geschichte.persons).map(toPersonOption) : initialPersons
+	geschichte?.persons ? Array.from(geschichte.persons) : initialPersons
+);
+let selectedDocuments: Document[] = $state(
+	geschichte?.documents ? Array.from(geschichte.documents) : initialDocuments
 );
 
 let dirty = $state(false);
@@ -110,7 +122,8 @@ async function save(nextStatus: 'DRAFT' | 'PUBLISHED') {
 		title: title.trim(),
 		body,
 		status: nextStatus,
-		personIds: selectedPersons.map((p) => p.id!).filter(Boolean)
+		personIds: selectedPersons.map((p) => p.id!).filter(Boolean),
+		documentIds: selectedDocuments.map((d) => d.id!).filter(Boolean)
 	});
 	dirty = false;
 }
@@ -228,7 +241,43 @@ function exec(action: () => void) {
 	</div>
 
 	<!-- Sidebar -->
-	<GeschichteSidebar status={status} bind:selectedPersons={selectedPersons} />
+	<aside class="flex flex-col gap-6">
+		<section class="rounded border border-line bg-surface p-4 shadow-sm">
+			<h2 class="mb-1 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">Status</h2>
+			<p class="mb-3">
+				<span
+					class="inline-flex items-center rounded px-2 py-1 font-sans text-xs font-bold tracking-widest uppercase {isDraft
+						? 'bg-muted text-ink-2'
+						: 'bg-accent-bg text-ink'}"
+				>
+					{isDraft
+						? m.geschichte_editor_status_draft()
+						: m.geschichte_editor_status_published()}
+				</span>
+			</p>
+			<p class="font-sans text-xs text-ink-3">
+				{isDraft
+					? m.geschichte_editor_status_draft_hint()
+					: m.geschichte_editor_status_published_hint()}
+			</p>
+		</section>
+
+		<section class="rounded border border-line bg-surface p-4 shadow-sm">
+			<h2 class="mb-2 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
+				{m.geschichte_editor_personen_heading()}
+			</h2>
+			<p class="mb-3 font-sans text-xs text-ink-3">{m.geschichte_editor_personen_hint()}</p>
+			<PersonMultiSelect bind:selectedPersons={selectedPersons} />
+		</section>
+
+		<section class="rounded border border-line bg-surface p-4 shadow-sm">
+			<h2 class="mb-2 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
+				{m.geschichte_editor_dokumente_heading()}
+			</h2>
+			<p class="mb-3 font-sans text-xs text-ink-3">{m.geschichte_editor_dokumente_hint()}</p>
+			<DocumentMultiSelect bind:selectedDocuments={selectedDocuments} />
+		</section>
+	</aside>
 </div>
 
 <!-- Save bar -->

frontend/src/lib/geschichte/GeschichteEditor.svelte.spec.ts

@@ -8,9 +8,19 @@ const personFactory = (id: string, displayName: string) => ({
 	firstName: displayName.split(' ')[0],
 	lastName: displayName.split(' ').slice(1).join(' ') || displayName,
 	displayName,
-	personType: 'PERSON' as const,
+	personType: 'PERSON' as const
-	familyMember: false,
+});
-	provisional: false
+
+const docFactory = (id: string, title: string, date = '1882-01-01') => ({
+	id,
+	title,
+	documentDate: date,
+	originalFilename: `${title}.pdf`,
+	status: 'UPLOADED' as const,
+	metadataComplete: false,
+	scriptType: 'UNKNOWN' as const,
+	createdAt: '2024-01-01T00:00:00',
+	updatedAt: '2024-01-01T00:00:00'
 });
 
 const draftFactory = (overrides: Record<string, unknown> = {}) => ({
@@ -18,9 +28,8 @@ const draftFactory = (overrides: Record<string, unknown> = {}) => ({
 	title: 'Existing draft',
 	body: '<p>Hello world</p>',
 	status: 'DRAFT' as const,
-	type: 'STORY' as const,
 	persons: [],
-	items: [],
+	documents: [],
 	createdAt: '2024-01-01T00:00:00',
 	updatedAt: '2024-01-01T00:00:00',
 	...overrides
@@ -84,6 +93,14 @@ describe('GeschichteEditor — pre-fill', () => {
 		await expect.element(page.getByText('Franz Raddatz')).toBeInTheDocument();
 	});
 
+	it('renders initial documents as chips', async () => {
+		render(GeschichteEditor, {
+			initialDocuments: [docFactory('d1', 'Brief von Eugenie')],
+			onSubmit: vi.fn()
+		});
+		await expect.element(page.getByText(/Brief von Eugenie/)).toBeInTheDocument();
+	});
+
 	it('populates the title input from a geschichte prop', async () => {
 		render(GeschichteEditor, {
 			geschichte: draftFactory({ title: 'My existing story' }),
@@ -137,10 +154,11 @@ describe('GeschichteEditor — onSubmit payload', () => {
 		expect(onSubmit.mock.calls[0][0].status).toBe('PUBLISHED');
 	});
 
-	it('passes personIds from initial props through onSubmit', async () => {
+	it('passes the personIds and documentIds from initial props through onSubmit', async () => {
 		const onSubmit = vi.fn().mockResolvedValue(undefined);
 		render(GeschichteEditor, {
 			initialPersons: [personFactory('p1', 'Franz Raddatz')],
+			initialDocuments: [docFactory('d1', 'Brief A')],
 			onSubmit
 		});
 
@@ -153,5 +171,6 @@ describe('GeschichteEditor — onSubmit payload', () => {
 		expect(onSubmit).toHaveBeenCalledTimes(1);
 		const payload = onSubmit.mock.calls[0][0];
 		expect(payload.personIds).toEqual(['p1']);
+		expect(payload.documentIds).toEqual(['d1']);
 	});
 });

frontend/src/lib/geschichte/GeschichteListRow.svelte

@@ -1,90 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import { plainExcerpt } from '$lib/shared/utils/extractText';
-import { getInitials, personAvatarColor } from '$lib/person/personFormat';
-import { formatAuthorName, formatPublishedAt } from './utils';
-import type { components } from '$lib/generated/api';
-
-type GeschichteRow = Pick<
-	components['schemas']['GeschichteSummary'],
-	'id' | 'title' | 'body' | 'type' | 'author' | 'publishedAt'
->;
-
-let { geschichte }: { geschichte: GeschichteRow } = $props();
-
-const isJourney = $derived(geschichte.type === 'JOURNEY');
-
-const publishedAt = $derived(formatPublishedAt(geschichte.publishedAt, 'short'));
-
-const authorName = $derived(formatAuthorName(geschichte.author));
-</script>
-
-<a
-	href="/geschichten/{geschichte.id}"
-	class="group flex min-h-[44px] transition-colors hover:bg-canvas/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
->
-	<!-- Meta column (desktop) -->
-	<div class="hidden w-40 shrink-0 flex-col items-start gap-1 border-r border-line-2 p-3 sm:flex">
-		<span
-			aria-hidden="true"
-			class="flex h-7 w-7 items-center justify-center rounded-full font-sans text-[9px] font-bold text-white"
-			style="background-color: {personAvatarColor(authorName)}"
-		>
-			{getInitials(authorName)}
-		</span>
-		<span class="font-sans text-sm leading-tight font-semibold text-ink">{authorName}</span>
-		{#if publishedAt}
-			<span class="font-sans text-sm text-ink-3">{publishedAt}</span>
-		{/if}
-		{#if isJourney}
-			<span
-				data-testid="journey-badge"
-				aria-label="Lesereise"
-				style="font-size: 10px"
-				class="inline-flex items-center rounded-sm border border-journey-border bg-journey-tint px-1.5 py-px font-sans text-[10px] font-bold tracking-wide text-journey uppercase"
-			>
-				{m.journey_badge_list()}
-			</span>
-		{/if}
-	</div>
-
-	<!-- Content column -->
-	<div class="min-w-0 flex-1 p-3 sm:px-4">
-		<!-- Compact meta line (mobile only) -->
-		<div class="mb-1 flex items-center gap-1.5 sm:hidden">
-			<span
-				aria-hidden="true"
-				class="flex h-4 w-4 shrink-0 items-center justify-center rounded-full font-sans text-[7px] font-bold text-white"
-				style="background-color: {personAvatarColor(authorName)}"
-			>
-				{getInitials(authorName)}
-			</span>
-			<span class="font-sans text-sm font-semibold text-ink">{authorName}</span>
-			{#if publishedAt}
-				<span class="ml-auto font-sans text-sm text-ink-3">{publishedAt}</span>
-			{/if}
-		</div>
-
-		<div class="mb-1 flex items-center gap-1.5">
-			<h2 class="font-serif text-lg leading-snug text-ink group-hover:underline">
-				{geschichte.title}
-			</h2>
-			{#if isJourney}
-				<span
-					data-testid="journey-badge-mobile"
-					aria-hidden="true"
-					style="font-size: 10px"
-					class="inline-flex shrink-0 items-center rounded-sm border border-journey-border bg-journey-tint px-1.5 py-px font-sans text-[10px] font-bold tracking-wide text-journey uppercase sm:hidden"
-				>
-					{m.journey_badge_list()}
-				</span>
-			{/if}
-		</div>
-		{#if geschichte.body}
-			<!-- plaintext for JOURNEY, sanitised-HTML→text for STORY; never {@html} -->
-			<p class="line-clamp-2 font-sans text-sm leading-relaxed text-ink-3">
-				{plainExcerpt(geschichte.body, 150)}
-			</p>
-		{/if}
-	</div>
-</a>

frontend/src/lib/geschichte/GeschichteListRow.svelte.spec.ts

@@ -1,94 +0,0 @@
-import { describe, it, expect, afterEach } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page } from 'vitest/browser';
-
-const { default: GeschichteListRow } = await import('./GeschichteListRow.svelte');
-
-afterEach(cleanup);
-
-const baseRow = (overrides = {}) => ({
-	id: 'g1',
-	title: 'Die Reise nach Berlin',
-	body: '<p>Im Jahr 1923...</p>',
-	type: 'STORY' as 'STORY' | 'JOURNEY',
-	status: 'PUBLISHED' as 'PUBLISHED' | 'DRAFT',
-	author: { firstName: 'Anna', lastName: 'Schmidt' },
-	publishedAt: '2026-04-15T10:00:00Z',
-	...overrides
-});
-
-describe('GeschichteListRow', () => {
-	it('renders the title', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow() } });
-		await expect
-			.element(page.getByRole('heading', { level: 2 }))
-			.toHaveTextContent('Die Reise nach Berlin');
-	});
-
-	it('row text sizes suit the full-width list: title text-lg, excerpt/meta text-sm (#802)', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow() } });
-
-		const title = document.querySelector('h2');
-		expect(title!.className).toContain('text-lg');
-		expect(title!.className).not.toContain('text-[15px]');
-
-		const excerpt = document.querySelector('p');
-		expect(excerpt!.className).toContain('text-sm');
-		expect(excerpt!.className).not.toContain('text-xs');
-
-		const meta = Array.from(document.querySelectorAll('span')).filter((s) =>
-			s.textContent?.includes('Anna Schmidt')
-		);
-		expect(meta.length).toBeGreaterThan(0);
-		for (const span of meta) {
-			expect(span.className).toContain('text-sm');
-		}
-	});
-
-	it('desktop meta column is wide enough for text-sm names (w-40, #802)', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow() } });
-
-		const metaColumn = document.querySelector('[class*="border-r"]');
-		expect(metaColumn).not.toBeNull();
-		expect(metaColumn!.className).toContain('w-40');
-		expect(metaColumn!.className).not.toContain('w-28');
-	});
-
-	it('shows no badge for STORY type', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow({ type: 'STORY' }) } });
-		expect(document.querySelector('[data-testid="journey-badge"]')).toBeNull();
-	});
-
-	it('shows no badge when type is undefined', async () => {
-		render(GeschichteListRow, {
-			props: { geschichte: baseRow({ type: undefined as unknown as 'STORY' | 'JOURNEY' }) }
-		});
-		expect(document.querySelector('[data-testid="journey-badge"]')).toBeNull();
-	});
-
-	it('shows REISE badge for JOURNEY type', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow({ type: 'JOURNEY' }) } });
-		const badge = document.querySelector('[data-testid="journey-badge"]');
-		expect(badge).not.toBeNull();
-		expect(badge?.textContent?.trim()).toBe('REISE');
-	});
-
-	it('badge is a plain <span>, not a nested interactive element', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow({ type: 'JOURNEY' }) } });
-		const badge = document.querySelector('[data-testid="journey-badge"]');
-		expect(badge?.tagName.toLowerCase()).toBe('span');
-	});
-
-	it('badge has small font size appropriate for a label', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow({ type: 'JOURNEY' }) } });
-		const badge = document.querySelector('[data-testid="journey-badge"]');
-		const fontSize = parseFloat(window.getComputedStyle(badge!).fontSize);
-		expect(fontSize).toBeGreaterThan(0);
-		expect(fontSize).toBeLessThanOrEqual(14); // label badge must not exceed body text size
-	});
-
-	it('renders author name in meta line', async () => {
-		render(GeschichteListRow, { props: { geschichte: baseRow() } });
-		expect(document.body.textContent).toContain('Anna Schmidt');
-	});
-});

frontend/src/lib/geschichte/GeschichteSidebar.svelte

@@ -1,60 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import PersonMultiSelect from '$lib/person/PersonMultiSelect.svelte';
-import type { PersonOption } from '$lib/person/personOption';
-
-interface Props {
-	status: 'DRAFT' | 'PUBLISHED';
-	selectedPersons: PersonOption[];
-}
-
-let { status, selectedPersons = $bindable() }: Props = $props();
-
-const isDraft = $derived(status === 'DRAFT');
-</script>
-
-<aside class="flex flex-col gap-6">
-	<!-- Status section -->
-	<details open class="sm:contents">
-		<summary
-			class="flex min-h-[44px] cursor-pointer items-center px-4 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase sm:hidden"
-		>
-			{m.geschichte_sidebar_status()}
-		</summary>
-		<section class="rounded border border-line bg-surface p-4 shadow-sm">
-			<h2 class="mb-1 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
-				{m.geschichte_sidebar_status()}
-			</h2>
-			<p class="mb-3">
-				<span
-					class="inline-flex items-center rounded px-2 py-1 font-sans text-xs font-bold tracking-widest uppercase {isDraft
-						? 'bg-muted text-ink-2'
-						: 'bg-accent-bg text-ink'}"
-				>
-					{isDraft ? m.geschichte_editor_status_draft() : m.geschichte_editor_status_published()}
-				</span>
-			</p>
-			<p class="font-sans text-xs text-ink-3">
-				{isDraft
-					? m.geschichte_editor_status_draft_hint()
-					: m.geschichte_editor_status_published_hint()}
-			</p>
-		</section>
-	</details>
-
-	<!-- Persons section -->
-	<details open class="sm:contents">
-		<summary
-			class="flex min-h-[44px] cursor-pointer items-center px-4 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase sm:hidden"
-		>
-			{m.geschichte_editor_personen_heading()}
-		</summary>
-		<section class="rounded border border-line bg-surface p-4 shadow-sm">
-			<h2 class="mb-2 font-sans text-xs font-bold tracking-widest text-ink-3 uppercase">
-				{m.geschichte_editor_personen_heading()}
-			</h2>
-			<p class="mb-3 font-sans text-xs text-ink-3">{m.geschichte_editor_personen_hint()}</p>
-			<PersonMultiSelect bind:selectedPersons={selectedPersons} />
-		</section>
-	</details>
-</aside>

frontend/src/lib/geschichte/GeschichtenCard.svelte

@@ -4,10 +4,10 @@ import type { components } from '$lib/generated/api';
 import { plainExcerpt } from '$lib/shared/utils/extractText';
 import { formatDate } from '$lib/shared/utils/date';
 
-type GeschichteSummary = components['schemas']['GeschichteSummary'];
+type Geschichte = components['schemas']['Geschichte'];
 
 interface Props {
-	geschichten: GeschichteSummary[];
+	geschichten: Geschichte[];
 	personId: string;
 	personName: string;
 	canWrite: boolean;
@@ -18,16 +18,16 @@ let { geschichten, personId, personName, canWrite }: Props = $props();
 const visible = $derived(geschichten.slice(0, 3));
 const hasOverflow = $derived(geschichten.length >= 3);
 
-function formatPublishedDate(g: GeschichteSummary): string | null {
+function formatPublishedDate(g: Geschichte): string | null {
 	if (!g.publishedAt) return null;
 	return formatDate(g.publishedAt.slice(0, 10), 'short');
 }
 
-function authorName(g: GeschichteSummary): string {
+function authorName(g: Geschichte): string {
 	const a = g.author;
 	if (!a) return '';
 	const full = [a.firstName, a.lastName].filter(Boolean).join(' ').trim();
-	return full || '[Unbekannt]';
+	return full || a.email || '';
 }
 </script>
 

frontend/src/lib/geschichte/GeschichtenCard.svelte.spec.ts

@@ -3,19 +3,19 @@ import { cleanup, render } from 'vitest-browser-svelte';
 import { page } from 'vitest/browser';
 import GeschichtenCard from './GeschichtenCard.svelte';
 
-const makeStory = (id: string, title: string, body: string | undefined = '<p>Body</p>') => ({
+const makeStory = (id: string, title: string, body: string | null = '<p>Body</p>') => ({
 	id,
 	title,
 	body,
 	status: 'PUBLISHED' as const,
-	type: 'STORY' as const,
 	publishedAt: '2024-04-01T12:00:00',
 	createdAt: '2024-03-01T12:00:00',
 	updatedAt: '2024-04-01T12:00:00',
 	persons: [],
-	items: [],
+	documents: [],
 	author: {
 		id: 'u1',
+		email: 'marcel@example.com',
 		firstName: 'Marcel',
 		lastName: 'Raddatz',
 		enabled: true,
@@ -120,16 +120,6 @@ describe('GeschichtenCard', () => {
 		expect(link.getAttribute('href')).toBe('/geschichten?personId=p1');
 	});
 
-	it('JOURNEY type does not bleed a REISE badge into the person-sidebar card', async () => {
-		render(GeschichtenCard, {
-			geschichten: [{ ...makeStory('g1', 'Reise Berlin'), type: 'JOURNEY' as const }],
-			personId: 'p1',
-			personName: 'Franz',
-			canWrite: false
-		});
-		expect(document.querySelector('[data-testid="journey-badge"]')).toBeNull();
-	});
-
 	it('renders a plain-text excerpt without HTML markup', async () => {
 		render(GeschichtenCard, {
 			geschichten: [

frontend/src/lib/geschichte/GeschichtenCard.svelte.test.ts

@@ -2,29 +2,20 @@ import { describe, it, expect, afterEach } from 'vitest';
 import { cleanup, render } from 'vitest-browser-svelte';
 import { page } from 'vitest/browser';
 import GeschichtenCard from './GeschichtenCard.svelte';
-import type { components } from '$lib/generated/api';
-
-type GeschichteSummary = components['schemas']['GeschichteSummary'];
 
 afterEach(cleanup);
 
-const makeGeschichte = (overrides: Record<string, unknown> = {}): GeschichteSummary =>
+const makeGeschichte = (overrides: Record<string, unknown> = {}) => ({
-	({
+	id: 'g1',
-		id: 'g1',
+	title: 'Reise nach Berlin',
-		title: 'Reise nach Berlin',
+	body: '<p>Brief text</p>',
-		body: '<p>Brief text</p>',
+	publishedAt: '2026-04-15T10:00:00Z',
-		status: 'PUBLISHED' as const,
+	author: { firstName: 'Anna', lastName: 'Schmidt', email: 'a@b' } as unknown,
-		type: 'STORY' as const,
+	...overrides
-		publishedAt: '2026-04-15T10:00:00Z',
+});
-		author: {
-			firstName: 'Anna',
-			lastName: 'Schmidt'
-		},
-		...overrides
-	}) as GeschichteSummary;
 
 const baseProps = (overrides: Record<string, unknown> = {}) => ({
-	geschichten: [] as GeschichteSummary[],
+	geschichten: [] as ReturnType<typeof makeGeschichte>[],
 	personId: 'p-1',
 	personName: 'Anna Schmidt',
 	canWrite: false,
@@ -102,17 +93,17 @@ describe('GeschichtenCard', () => {
 		await expect.element(page.getByText(/Anna Schmidt/)).toBeVisible();
 	});
 
-	it('falls back to [Unbekannt] when no name', async () => {
+	it('falls back to author email when no name', async () => {
 		render(GeschichtenCard, {
 			props: baseProps({
 				geschichten: [
 					makeGeschichte({
-						author: { firstName: undefined, lastName: undefined }
+						author: { firstName: undefined, lastName: undefined, email: 'fallback@x' }
 					})
 				]
 			})
 		});
 
-		await expect.element(page.getByText('[Unbekannt]')).toBeVisible();
+		await expect.element(page.getByText(/fallback@x/)).toBeVisible();
 	});
 });

frontend/src/lib/geschichte/JourneyAddBar.svelte

@@ -1,105 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import DocumentPickerDropdown from '$lib/document/DocumentPickerDropdown.svelte';
-import type { DocumentOption } from '$lib/document/documentTypeahead';
-
-interface Props {
-	alreadyAddedIds?: Set<string>;
-	onAddDocument: (doc: DocumentOption) => void;
-	onAddInterlude: (text: string) => void;
-}
-
-let { alreadyAddedIds = new Set(), onAddDocument, onAddInterlude }: Props = $props();
-
-let showPicker = $state(false);
-let showInterludeForm = $state(false);
-let interludeDraft = $state('');
-
-const canConfirmInterlude = $derived(interludeDraft.trim().length > 0);
-
-function handleDocumentSelect(doc: DocumentOption) {
-	showPicker = false;
-	onAddDocument(doc);
-}
-
-function handleInterludeConfirm() {
-	if (!canConfirmInterlude) return;
-	const text = interludeDraft.trim();
-	interludeDraft = '';
-	showInterludeForm = false;
-	onAddInterlude(text);
-}
-
-function handleInterludeCancel() {
-	interludeDraft = '';
-	showInterludeForm = false;
-}
-</script>
-
-<div class="flex flex-col gap-3">
-	<div class="flex flex-wrap gap-2">
-		<button
-			type="button"
-			data-add-document
-			onclick={() => {
-				showPicker = !showPicker;
-				showInterludeForm = false;
-			}}
-			class="inline-flex h-11 items-center rounded border border-line bg-surface px-4 font-sans text-sm font-medium text-ink hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-		>
-			+ {m.journey_add_document()}
-		</button>
-		<button
-			type="button"
-			onclick={() => {
-				showInterludeForm = !showInterludeForm;
-				showPicker = false;
-			}}
-			class="inline-flex h-11 items-center rounded border border-line bg-surface px-4 font-sans text-sm font-medium text-ink hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-		>
-			+ {m.journey_add_interlude()}
-		</button>
-	</div>
-
-	{#if showPicker}
-		<DocumentPickerDropdown
-			alreadyAddedIds={alreadyAddedIds}
-			onSelect={handleDocumentSelect}
-			placeholder={m.journey_add_document()}
-		/>
-	{/if}
-
-	{#if showInterludeForm}
-		<div class="flex flex-col gap-2">
-			<textarea
-				bind:value={interludeDraft}
-				placeholder={m.journey_interlude_placeholder()}
-				rows={3}
-				maxlength={2000}
-				class="block w-full resize-y rounded border border-line bg-surface px-3 py-2 font-sans text-sm text-ink placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-			></textarea>
-			<div class="flex gap-2">
-				<button
-					type="button"
-					onclick={handleInterludeConfirm}
-					disabled={!canConfirmInterlude}
-					class={[
-						'inline-flex h-11 items-center rounded px-4 font-sans text-sm font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring',
-						canConfirmInterlude
-							? 'bg-primary text-primary-fg hover:opacity-90'
-							: 'cursor-not-allowed bg-primary/40 text-primary-fg/60'
-					].join(' ')}
-				>
-					{m.journey_add_interlude_confirm()}
-				</button>
-				<button
-					type="button"
-					onclick={handleInterludeCancel}
-					class="inline-flex h-11 items-center rounded border border-line bg-surface px-4 font-sans text-sm font-medium text-ink hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-				>
-					{m.journey_remove_confirm_cancel()}
-				</button>
-			</div>
-		</div>
-	{/if}
-</div>

frontend/src/lib/geschichte/JourneyAddBar.svelte.spec.ts

@@ -1,72 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page, userEvent } from 'vitest/browser';
-import { m } from '$lib/paraglide/messages.js';
-import JourneyAddBar from './JourneyAddBar.svelte';
-
-afterEach(() => {
-	cleanup();
-	vi.unstubAllGlobals();
-});
-
-describe('JourneyAddBar — interlude flow', () => {
-	it('interlude confirm button is natively disabled when text is empty (WCAG 4.1.2)', async () => {
-		render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() });
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-
-		const confirmBtn = page.getByRole('button', {
-			name: m.journey_add_interlude_confirm(),
-			exact: true
-		});
-		await expect.element(confirmBtn).toBeDisabled();
-	});
-
-	it('confirm becomes enabled after typing text', async () => {
-		render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() });
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-		await userEvent.fill(page.getByRole('textbox'), 'Eine schöne Reise');
-
-		const confirmBtn = page.getByRole('button', {
-			name: m.journey_add_interlude_confirm(),
-			exact: true
-		});
-		await expect.element(confirmBtn).toBeEnabled();
-	});
-
-	it('calls onAddInterlude with text on confirm', async () => {
-		const onAddInterlude = vi.fn();
-		render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude });
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-		await userEvent.fill(page.getByRole('textbox'), 'Reise nach Wien');
-		await userEvent.click(
-			page.getByRole('button', { name: m.journey_add_interlude_confirm(), exact: true })
-		);
-
-		expect(onAddInterlude).toHaveBeenCalledWith('Reise nach Wien');
-	});
-
-	it('limits the interlude textarea to 2000 characters', async () => {
-		render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() });
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-
-		await expect.element(page.getByRole('textbox')).toHaveAttribute('maxlength', '2000');
-	});
-});
-
-describe('JourneyAddBar — document picker', () => {
-	it('reveals picker when "Brief hinzufügen" is clicked', async () => {
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({ ok: true, json: vi.fn().mockResolvedValue({ items: [] }) })
-		);
-		render(JourneyAddBar, { onAddDocument: vi.fn(), onAddInterlude: vi.fn() });
-
-		await userEvent.click(page.getByText(m.journey_add_document()));
-
-		await expect.element(page.getByRole('combobox')).toBeInTheDocument();
-	});
-});

frontend/src/lib/geschichte/JourneyEditor.svelte

@@ -1,415 +0,0 @@
-<script lang="ts">
-import { tick } from 'svelte';
-import type { components } from '$lib/generated/api';
-import { m } from '$lib/paraglide/messages.js';
-import { csrfFetch } from '$lib/shared/cookies';
-import { getErrorMessage } from '$lib/shared/errors';
-import { createBlockDragDrop } from '$lib/shared/hooks/useBlockDragDrop.svelte';
-import { toPersonOption, type PersonOption } from '$lib/person/personOption';
-import { createUnsavedWarning } from '$lib/shared/hooks/useUnsavedWarning.svelte';
-import type { DocumentOption } from '$lib/document/documentTypeahead';
-import GeschichteSidebar from './GeschichteSidebar.svelte';
-import JourneyItemRow from './JourneyItemRow.svelte';
-import JourneyAddBar from './JourneyAddBar.svelte';
-import UnsavedWarningBanner from '$lib/shared/primitives/UnsavedWarningBanner.svelte';
-
-type GeschichteView = components['schemas']['GeschichteView'];
-type JourneyItemView = components['schemas']['JourneyItemView'];
-
-interface Props {
-	geschichte: GeschichteView;
-	onSubmit: (payload: {
-		title: string;
-		body: string;
-		status: 'DRAFT' | 'PUBLISHED';
-		personIds: string[];
-	}) => Promise<void>;
-	submitting?: boolean;
-}
-
-let { geschichte, onSubmit, submitting = false }: Props = $props();
-
-const unsaved = createUnsavedWarning();
-
-let title = $state(geschichte.title ?? '');
-
-let body = $state(geschichte.body ?? '');
-let status: 'DRAFT' | 'PUBLISHED' = $state(geschichte.status ?? 'DRAFT');
-let selectedPersons: PersonOption[] = $state(
-	geschichte.persons ? Array.from(geschichte.persons).map(toPersonOption) : []
-);
-let items: JourneyItemView[] = $state(
-	[...(geschichte.items ?? [])].sort((a, b) => a.position - b.position)
-);
-
-let titleTouched = $state(false);
-let mutationError = $state('');
-let pendingRemoveIds: string[] = $state([]);
-let liveAnnounce = $state('');
-let announceTimer: ReturnType<typeof setTimeout> | null = null;
-
-function scheduleAnnounceReset() {
-	if (announceTimer) clearTimeout(announceTimer);
-	announceTimer = setTimeout(() => {
-		liveAnnounce = '';
-		announceTimer = null;
-	}, 500);
-}
-
-const titleEmpty = $derived(title.trim().length === 0);
-const showTitleError = $derived(titleEmpty && titleTouched);
-const isDraft = $derived(status === 'DRAFT');
-const alreadyAddedIds = $derived(
-	new Set(items.filter((i) => i.document).map((i) => i.document!.id))
-);
-const canPublish = $derived(items.length > 0 && !titleEmpty);
-const showPublishedEmptyWarning = $derived(status === 'PUBLISHED' && items.length === 0);
-
-// Skip the initial run so mounting with pre-existing persons doesn't mark dirty.
-let _personEffectMounted = false;
-$effect(() => {
-	void selectedPersons.length;
-	if (!_personEffectMounted) {
-		_personEffectMounted = true;
-		return;
-	}
-	unsaved.markDirty();
-});
-
-let listEl: HTMLElement | null = $state(null);
-let editorColEl: HTMLElement | null = $state(null);
-
-const dragDrop = createBlockDragDrop<JourneyItemView>({
-	getSortedBlocks: () => items,
-	onReorder: handleReorder
-});
-
-$effect(() => {
-	dragDrop.setListElement(listEl);
-});
-
-/** Maps a failed mutation response to a user-facing message via its backend error code. */
-async function failureMessage(res: Response): Promise<string> {
-	const code = (await res.json().catch(() => ({})))?.code;
-	return code ? getErrorMessage(code) : m.journey_mutation_error_reload();
-}
-
-/** Moves keyboard focus to a control inside the row of the given item. */
-async function focusRowControl(itemId: string, selector: string) {
-	await tick();
-	editorColEl?.querySelector<HTMLElement>(`[data-block-id="${itemId}"] ${selector}`)?.focus();
-}
-
-async function handleReorder(itemIds: string[]) {
-	const prev = [...items];
-	items = itemIds.map((id) => items.find((i) => i.id === id)!);
-	mutationError = '';
-	try {
-		const res = await csrfFetch(`/api/geschichten/${geschichte.id}/items/reorder`, {
-			method: 'PUT',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ itemIds })
-		});
-		if (!res.ok) {
-			items = prev;
-			mutationError = await failureMessage(res);
-			return;
-		}
-		const updated: JourneyItemView[] = await res.json();
-		items = updated.sort((a, b) => a.position - b.position);
-	} catch (e) {
-		console.error('Journey reorder failed', e);
-		items = prev;
-		mutationError = m.journey_mutation_error_reload();
-	}
-}
-
-async function handleAddDocument(doc: DocumentOption) {
-	mutationError = '';
-	try {
-		const res = await csrfFetch(`/api/geschichten/${geschichte.id}/items`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ documentId: doc.id })
-		});
-		if (!res.ok) {
-			mutationError = await failureMessage(res);
-			return;
-		}
-		const newItem: JourneyItemView = await res.json();
-		items = [...items, newItem];
-		// Move-up is disabled on the first row — fall back to the remove button then.
-		await focusRowControl(newItem.id, '[data-move-up]:not([disabled]), [data-remove-btn]');
-	} catch (e) {
-		console.error('Journey add document failed', e);
-		mutationError = m.journey_mutation_error_reload();
-	}
-}
-
-async function handleAddInterlude(text: string) {
-	mutationError = '';
-	try {
-		const res = await csrfFetch(`/api/geschichten/${geschichte.id}/items`, {
-			method: 'POST',
-			headers: { 'Content-Type': 'application/json' },
-			body: JSON.stringify({ note: text })
-		});
-		if (!res.ok) {
-			mutationError = await failureMessage(res);
-			return;
-		}
-		const newItem: JourneyItemView = await res.json();
-		items = [...items, newItem];
-		// Move-up is disabled on the first row — fall back to the remove button then.
-		await focusRowControl(newItem.id, '[data-move-up]:not([disabled]), [data-remove-btn]');
-	} catch (e) {
-		console.error('Journey add interlude failed', e);
-		mutationError = m.journey_mutation_error_reload();
-	}
-}
-
-async function handleRemove(itemId: string) {
-	const idx = items.findIndex((i) => i.id === itemId);
-	mutationError = '';
-	pendingRemoveIds = [...pendingRemoveIds, itemId];
-	liveAnnounce = m.journey_item_pending_remove();
-	scheduleAnnounceReset();
-	try {
-		const res = await csrfFetch(`/api/geschichten/${geschichte.id}/items/${itemId}`, {
-			method: 'DELETE'
-		});
-		if (!res.ok) {
-			mutationError = await failureMessage(res);
-			return;
-		}
-		items = items.filter((i) => i.id !== itemId);
-		await tick();
-		if (items.length === 0 || idx <= 0) {
-			editorColEl?.querySelector<HTMLElement>('[data-add-document]')?.focus();
-		} else {
-			await focusRowControl(items[idx - 1].id, '[data-remove-btn]');
-		}
-	} catch (e) {
-		console.error('Journey item remove failed', e);
-		mutationError = m.journey_mutation_error_reload();
-	} finally {
-		pendingRemoveIds = pendingRemoveIds.filter((id) => id !== itemId);
-	}
-}
-
-async function handleNotePatch(itemId: string, note: string | null) {
-	const res = await csrfFetch(`/api/geschichten/${geschichte.id}/items/${itemId}`, {
-		method: 'PATCH',
-		headers: { 'Content-Type': 'application/json' },
-		body: JSON.stringify({ note: note })
-	});
-	if (!res.ok) throw new Error('note patch failed');
-	const updated: JourneyItemView = await res.json();
-	items = items.map((i) => (i.id === itemId ? updated : i));
-}
-
-async function handleMoveUp(index: number) {
-	if (index === 0) return;
-	const total = items.length;
-	const ids = items.map((i) => i.id);
-	[ids[index - 1], ids[index]] = [ids[index], ids[index - 1]];
-	await handleReorder(ids);
-	// Announce only after the server confirmed (or rejected) the reorder —
-	// announcing beforehand would claim success for a move that rolled back.
-	liveAnnounce = mutationError
-		? mutationError
-		: m.journey_item_moved({ position: index + 1, total, newPosition: index });
-	scheduleAnnounceReset();
-}
-
-async function handleMoveDown(index: number) {
-	if (index === items.length - 1) return;
-	const total = items.length;
-	const ids = items.map((i) => i.id);
-	[ids[index], ids[index + 1]] = [ids[index + 1], ids[index]];
-	await handleReorder(ids);
-	liveAnnounce = mutationError
-		? mutationError
-		: m.journey_item_moved({ position: index + 1, total, newPosition: index + 2 });
-	scheduleAnnounceReset();
-}
-
-async function save(nextStatus: 'DRAFT' | 'PUBLISHED') {
-	titleTouched = true;
-	if (titleEmpty) return;
-	try {
-		await onSubmit({
-			title: title.trim(),
-			body,
-			status: nextStatus,
-			personIds: selectedPersons.map((p) => p.id!).filter(Boolean)
-		});
-		unsaved.clearOnSuccess();
-	} catch {
-		// onSubmit signalled failure — keep dirty flag so the banner stays
-	}
-}
-</script>
-
-<!-- Screen-reader live region for move announcements -->
-<div aria-live="polite" aria-atomic="true" class="sr-only">{liveAnnounce}</div>
-
-{#if unsaved.showUnsavedWarning}
-	<UnsavedWarningBanner onDiscard={unsaved.discard} />
-{/if}
-
-<div class="grid grid-cols-1 gap-6 lg:grid-cols-[2fr_1fr]">
-	<!-- Editor column -->
-	<div bind:this={editorColEl} class="flex flex-col gap-4">
-		<!-- Title -->
-		<div>
-			<input
-				type="text"
-				bind:value={title}
-				oninput={() => unsaved.markDirty()}
-				onblur={() => (titleTouched = true)}
-				placeholder={m.geschichte_editor_title_placeholder()}
-				aria-label={m.journey_title_aria_label()}
-				aria-invalid={showTitleError}
-				aria-describedby={showTitleError ? 'journey-title-error' : undefined}
-				class="block w-full rounded border border-line bg-surface px-3 py-3 font-serif text-2xl font-bold text-ink placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-			/>
-			{#if showTitleError}
-				<p id="journey-title-error" class="mt-1 text-sm text-danger" role="alert">
-					{m.geschichte_editor_title_required()}
-				</p>
-			{/if}
-		</div>
-
-		<!-- Intro textarea -->
-		<div>
-			<textarea
-				bind:value={body}
-				oninput={() => unsaved.markDirty()}
-				placeholder={m.journey_intro_placeholder()}
-				aria-label={m.journey_intro_aria_label()}
-				rows={3}
-				class="block w-full resize-y rounded border border-line bg-surface px-3 py-2 font-serif text-base text-ink placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-			></textarea>
-			<p class="mt-1 font-sans text-xs text-ink-3">{m.journey_intro_save_hint()}</p>
-		</div>
-
-		<!-- Item list -->
-		{#if showPublishedEmptyWarning}
-			<p
-				class="rounded border border-[var(--color-warning-border)] bg-[var(--color-warning-bg)] px-3 py-2 font-sans text-sm text-[var(--color-warning-text)]"
-			>
-				{m.journey_published_empty_warning()}
-			</p>
-		{/if}
-
-		{#if mutationError}
-			<p
-				class="rounded border border-danger bg-danger/10 px-3 py-2 font-sans text-sm text-danger"
-				role="alert"
-			>
-				{mutationError}
-			</p>
-		{/if}
-
-		<!-- pointer events managed by createBlockDragDrop; keyboard reorder available via move-up/down buttons on each item -->
-		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div
-			bind:this={listEl}
-			onpointermove={(e) => dragDrop.handlePointerMove(e)}
-			onpointerup={() => dragDrop.handlePointerUp()}
-			class="flex flex-col gap-2"
-		>
-			{#if items.length === 0}
-				<p class="font-sans text-sm text-ink-3">{m.journey_empty_state()}</p>
-			{/if}
-			{#each items as item, i (item.id)}
-				<!-- pointerdown initiates drag; the drag handle button inside is the semantic interactive element -->
-				<!-- svelte-ignore a11y_no_static_element_interactions -->
-				<div
-					data-block-wrapper
-					onpointerdown={(e) => dragDrop.handleGripDown(e, item.id)}
-					class="transition-all duration-150 {dragDrop.draggedBlockId === item.id ? 'z-10 rounded-lg shadow-xl ring-2 ring-focus-ring/40' : ''}"
-					style={dragDrop.draggedBlockId === item.id
-						? `transform: translateY(${dragDrop.dragOffsetY}px) scale(1.02); opacity: 0.9;`
-						: ''}
-				>
-					{#if dragDrop.dropTargetIdx === i}
-						<div class="mb-1 h-1 rounded-full bg-accent transition-all"></div>
-					{/if}
-					<JourneyItemRow
-						item={item}
-						index={i}
-						total={items.length}
-						pendingRemove={pendingRemoveIds.includes(item.id)}
-						onMoveUp={() => handleMoveUp(i)}
-						onMoveDown={() => handleMoveDown(i)}
-						onRemove={() => handleRemove(item.id)}
-						onNotePatch={(note) => handleNotePatch(item.id, note)}
-					/>
-				</div>
-			{/each}
-		</div>
-
-		<JourneyAddBar
-			alreadyAddedIds={alreadyAddedIds}
-			onAddDocument={handleAddDocument}
-			onAddInterlude={handleAddInterlude}
-		/>
-	</div>
-
-	<!-- Sidebar -->
-	<GeschichteSidebar status={status} bind:selectedPersons={selectedPersons} />
-</div>
-
-<!-- Save bar -->
-<div
-	class="sticky bottom-0 z-10 -mx-4 mt-6 flex flex-col gap-3 border-t border-line bg-surface px-6 py-4 shadow-[0_-2px_8px_rgba(0,0,0,0.06)] sm:flex-row sm:items-center sm:justify-between"
->
-	<p class="font-sans text-xs text-ink-3">
-		{isDraft ? m.geschichte_editor_save_hint_draft() : m.journey_save_hint_published()}
-	</p>
-	<div class="flex flex-col items-start gap-1 sm:items-end">
-		<div class="flex gap-2">
-			{#if isDraft}
-				<button
-					type="button"
-					onclick={() => save('DRAFT')}
-					disabled={submitting || titleEmpty}
-					class="inline-flex h-11 items-center rounded border border-line bg-surface px-4 font-sans text-sm font-medium text-ink hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{m.geschichte_editor_save_draft()}
-				</button>
-				<button
-					type="button"
-					onclick={() => save('PUBLISHED')}
-					disabled={submitting || !canPublish}
-					title={canPublish ? undefined : m.journey_publish_disabled_title()}
-					class="inline-flex h-11 items-center rounded bg-primary px-4 font-sans text-sm font-medium text-primary-fg hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{m.geschichte_editor_publish()}
-				</button>
-			{:else}
-				<button
-					type="button"
-					onclick={() => save('DRAFT')}
-					disabled={submitting}
-					class="inline-flex h-11 items-center rounded border border-line bg-surface px-4 font-sans text-sm font-medium text-[var(--color-warning-text)] hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{m.geschichte_editor_unpublish()}
-				</button>
-				<button
-					type="button"
-					onclick={() => save('PUBLISHED')}
-					disabled={submitting || titleEmpty}
-					class="inline-flex h-11 items-center rounded bg-primary px-4 font-sans text-sm font-medium text-primary-fg hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:cursor-not-allowed disabled:opacity-50"
-				>
-					{m.geschichte_editor_save()}
-				</button>
-			{/if}
-		</div>
-		{#if isDraft && !canPublish}
-			<p class="font-sans text-xs text-ink-3">{m.journey_publish_disabled_hint()}</p>
-		{/if}
-	</div>
-</div>

frontend/src/lib/geschichte/JourneyEditor.svelte.spec.ts

@@ -1,732 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page, userEvent } from 'vitest/browser';
-import { m } from '$lib/paraglide/messages.js';
-import JourneyEditor from './JourneyEditor.svelte';
-
-vi.mock('$app/navigation', () => ({ beforeNavigate: vi.fn(), goto: vi.fn() }));
-import { beforeNavigate } from '$app/navigation';
-
-const docSummary = (id: string, title: string) => ({
-	id,
-	title,
-	datePrecision: 'DAY' as const,
-	receiverCount: 0
-});
-
-/** DocumentListItem fixture as returned by the picker search endpoint. */
-const makeSearchResultItem = (id: string, title: string) => ({
-	id,
-	title,
-	documentDate: '1880-01-01',
-	metaDatePrecision: 'DAY',
-	originalFilename: 'brief.pdf',
-	receivers: [],
-	tags: [],
-	completionPercentage: 0,
-	contributors: [],
-	matchData: {
-		titleOffsets: [],
-		senderMatched: false,
-		matchedReceiverIds: [],
-		matchedTagIds: [],
-		snippetOffsets: [],
-		summaryOffsets: []
-	},
-	status: 'UPLOADED',
-	metadataComplete: false,
-	scriptType: 'UNKNOWN',
-	createdAt: '2024-01-01T00:00:00',
-	updatedAt: '2024-01-01T00:00:00'
-});
-
-const makeGeschichte = (overrides: Record<string, unknown> = {}) => ({
-	id: 'g1',
-	title: 'Briefe der Familie Raddatz',
-	body: '',
-	status: 'DRAFT' as const,
-	type: 'JOURNEY' as const,
-	persons: [],
-	items: [],
-	createdAt: '2024-01-01T00:00:00',
-	updatedAt: '2024-01-01T00:00:00',
-	...overrides
-});
-
-const defaultProps = (overrides: Record<string, unknown> = {}) => ({
-	geschichte: makeGeschichte(),
-	onSubmit: vi.fn().mockResolvedValue(undefined),
-	submitting: false,
-	...overrides
-});
-
-function mockCsrfFetch(responseFactory: () => object) {
-	vi.stubGlobal(
-		'fetch',
-		vi.fn().mockResolvedValue({
-			ok: true,
-			json: vi.fn().mockResolvedValue(responseFactory())
-		})
-	);
-}
-
-afterEach(() => {
-	cleanup();
-	vi.unstubAllGlobals();
-});
-
-describe('JourneyEditor — empty state', () => {
-	it('renders title input and intro textarea', async () => {
-		render(JourneyEditor, defaultProps());
-		await expect.element(page.getByPlaceholder(/Titel/)).toBeInTheDocument();
-		await expect.element(page.getByPlaceholder(/Einleitung/)).toBeInTheDocument();
-	});
-
-	it('labels the title input and intro textarea for screen readers', async () => {
-		render(JourneyEditor, defaultProps());
-		await expect
-			.element(page.getByRole('textbox', { name: m.journey_title_aria_label() }))
-			.toBeInTheDocument();
-		await expect
-			.element(page.getByRole('textbox', { name: m.journey_intro_aria_label() }))
-			.toBeInTheDocument();
-	});
-
-	it('shows empty state message when items list is empty', async () => {
-		render(JourneyEditor, defaultProps());
-		await expect.element(page.getByText(m.journey_empty_state())).toBeInTheDocument();
-	});
-});
-
-describe('JourneyEditor — items in position order', () => {
-	it('renders items sorted by position', async () => {
-		const items = [
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') },
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }
-		];
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		// Brief A (position 0) must appear before Brief B (position 1) in DOM order
-		const briefA = page.getByText('Brief A').element();
-		const briefB = page.getByText('Brief B').element();
-		expect(briefA.compareDocumentPosition(briefB) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
-	});
-});
-
-describe('JourneyEditor — publish surface', () => {
-	it('publish button disabled when no items', async () => {
-		render(JourneyEditor, defaultProps());
-		await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).toBeDisabled();
-	});
-
-	it('shows a visible hint while publishing is disabled', async () => {
-		render(JourneyEditor, defaultProps());
-		await expect.element(page.getByText(m.journey_publish_disabled_hint())).toBeInTheDocument();
-	});
-
-	it('publish stays disabled until title is non-empty', async () => {
-		render(
-			JourneyEditor,
-			defaultProps({
-				geschichte: makeGeschichte({
-					title: '',
-					items: [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }]
-				})
-			})
-		);
-
-		await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).toBeDisabled();
-
-		const titleInput = page.getByPlaceholder(/Titel/);
-		await userEvent.fill(titleInput, 'Meine Reise');
-
-		await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).not.toBeDisabled();
-	});
-
-	it('adding an item enables the publish button (canPublish becomes true)', async () => {
-		const newItem = { id: 'i1', position: 0, note: 'Test' };
-		mockCsrfFetch(() => newItem);
-
-		render(JourneyEditor, defaultProps());
-
-		// Publish should be disabled before adding item
-		await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).toBeDisabled();
-
-		// Add interlude
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-		await userEvent.fill(page.getByPlaceholder(m.journey_interlude_placeholder()), 'Test');
-		await userEvent.click(
-			page.getByRole('button', { name: m.journey_add_interlude_confirm(), exact: true })
-		);
-
-		// After item add, publish becomes enabled — item was added and state is correct
-		await expect.element(page.getByRole('button', { name: /Veröffentlichen/ })).not.toBeDisabled();
-	});
-
-	it('clicking Veröffentlichen calls onSubmit with status PUBLISHED and the trimmed title', async () => {
-		const onSubmit = vi.fn().mockResolvedValue(undefined);
-		render(
-			JourneyEditor,
-			defaultProps({
-				onSubmit,
-				geschichte: makeGeschichte({
-					title: '  Meine Reise  ',
-					items: [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }]
-				})
-			})
-		);
-
-		await userEvent.click(page.getByRole('button', { name: /Veröffentlichen/ }));
-
-		await vi.waitFor(() => {
-			expect(onSubmit).toHaveBeenCalledWith(
-				expect.objectContaining({ status: 'PUBLISHED', title: 'Meine Reise' })
-			);
-		});
-	});
-
-	it('unpublish button calls onSubmit with status DRAFT in PUBLISHED state', async () => {
-		const onSubmit = vi.fn().mockResolvedValue(undefined);
-		render(
-			JourneyEditor,
-			defaultProps({
-				onSubmit,
-				geschichte: makeGeschichte({
-					status: 'PUBLISHED',
-					items: [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }]
-				})
-			})
-		);
-
-		await userEvent.click(page.getByRole('button', { name: m.geschichte_editor_unpublish() }));
-
-		await vi.waitFor(() => {
-			expect(onSubmit).toHaveBeenCalledWith(expect.objectContaining({ status: 'DRAFT' }));
-		});
-	});
-
-	it('renders the published-empty warning banner when PUBLISHED with 0 items', async () => {
-		render(
-			JourneyEditor,
-			defaultProps({ geschichte: makeGeschichte({ status: 'PUBLISHED', items: [] }) })
-		);
-
-		await expect.element(page.getByText(m.journey_published_empty_warning())).toBeInTheDocument();
-	});
-});
-
-describe('JourneyEditor — add document', () => {
-	it('calls POST with documentId when document selected from picker', async () => {
-		const newItem = { id: 'i1', position: 0, document: docSummary('d1', 'Brief von Karl') };
-		vi.stubGlobal(
-			'fetch',
-			vi
-				.fn()
-				.mockResolvedValueOnce({
-					// picker search results
-					ok: true,
-					json: vi.fn().mockResolvedValue({ items: [makeSearchResultItem('d1', 'Brief von Karl')] })
-				})
-				.mockResolvedValueOnce({
-					// POST /items
-					ok: true,
-					json: vi.fn().mockResolvedValue(newItem)
-				})
-		);
-
-		render(JourneyEditor, defaultProps());
-
-		await userEvent.click(page.getByText(m.journey_add_document()));
-		await userEvent.fill(page.getByRole('combobox'), 'Karl');
-		// dropdown option appears after the typeahead debounce
-		await expect.element(page.getByText(/Brief von Karl ·/)).toBeInTheDocument();
-		await userEvent.click(page.getByText(/Brief von Karl ·/));
-
-		await vi.waitFor(() => {
-			expect(globalThis.fetch).toHaveBeenCalledWith(
-				expect.stringContaining('/items'),
-				expect.objectContaining({ method: 'POST' })
-			);
-		});
-	});
-});
-
-describe('JourneyEditor — add interlude', () => {
-	it('calls POST with note on interlude confirm', async () => {
-		const newItem = { id: 'i1', position: 0, note: 'Reise nach Wien' };
-		mockCsrfFetch(() => newItem);
-
-		render(JourneyEditor, defaultProps());
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-		await userEvent.fill(
-			page.getByPlaceholder(m.journey_interlude_placeholder()),
-			'Reise nach Wien'
-		);
-		await userEvent.click(
-			page.getByRole('button', { name: m.journey_add_interlude_confirm(), exact: true })
-		);
-
-		await vi.waitFor(() => {
-			expect(globalThis.fetch).toHaveBeenCalledWith(
-				expect.stringContaining('/items'),
-				expect.objectContaining({
-					method: 'POST',
-					body: JSON.stringify({ note: 'Reise nach Wien' })
-				})
-			);
-		});
-	});
-
-	it('moves keyboard focus into the new row after the interlude is added', async () => {
-		const newItem = { id: 'i1', position: 0, note: 'Reise nach Wien' };
-		mockCsrfFetch(() => newItem);
-
-		render(JourneyEditor, defaultProps());
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-		await userEvent.fill(
-			page.getByPlaceholder(m.journey_interlude_placeholder()),
-			'Reise nach Wien'
-		);
-		await userEvent.click(
-			page.getByRole('button', { name: m.journey_add_interlude_confirm(), exact: true })
-		);
-
-		await vi.waitFor(() => {
-			expect(document.activeElement?.closest('[data-block-id="i1"]')).toBeTruthy();
-		});
-	});
-});
-
-describe('JourneyEditor — mutation error code routing', () => {
-	it('shows the specific i18n message when POST /items fails with a backend error code', async () => {
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: false,
-				json: vi.fn().mockResolvedValue({ code: 'JOURNEY_DOCUMENT_ALREADY_ADDED' })
-			})
-		);
-
-		render(JourneyEditor, defaultProps());
-
-		await userEvent.click(page.getByText(m.journey_add_interlude()));
-		await userEvent.fill(
-			page.getByPlaceholder(m.journey_interlude_placeholder()),
-			'Reise nach Wien'
-		);
-		await userEvent.click(
-			page.getByRole('button', { name: m.journey_add_interlude_confirm(), exact: true })
-		);
-
-		await expect
-			.element(page.getByText(m.error_journey_document_already_added()))
-			.toBeInTheDocument();
-		await expect.element(page.getByText(m.journey_mutation_error_reload())).not.toBeInTheDocument();
-	});
-});
-
-describe('JourneyEditor — remove with pending state', () => {
-	it('keeps the row in the DOM with pending treatment while the DELETE is in flight', async () => {
-		const items = [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }];
-		let resolveFetch!: (value: unknown) => void;
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockImplementation(() => new Promise((resolve) => (resolveFetch = resolve)))
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		// Row still present, marked as pending (text appears in the row AND the live region,
-		// so scope the query to the row instead of using a page-wide locator)
-		await expect.element(page.getByText('Brief A')).toBeInTheDocument();
-		await vi.waitFor(() => {
-			const row = document.querySelector('[data-block-id="i1"]');
-			expect(row).toBeTruthy();
-			expect(row!.textContent).toContain(m.journey_item_pending_remove());
-			expect(row!.className).toContain('opacity-60');
-		});
-
-		resolveFetch({ ok: true });
-		await expect.element(page.getByText('Brief A')).not.toBeInTheDocument();
-	});
-
-	it('keeps the row and shows an error alert on failed DELETE (non-ok response)', async () => {
-		const items = [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({ ok: false, json: vi.fn().mockResolvedValue({}) })
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		// Click remove (no note → direct remove)
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		await expect.element(page.getByRole('alert')).toBeInTheDocument();
-		await expect.element(page.getByText('Brief A')).toBeInTheDocument();
-	});
-
-	it('removes the row on successful DELETE', async () => {
-		const items = [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }];
-		vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: true }));
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		await expect.element(page.getByText('Brief A')).not.toBeInTheDocument();
-	});
-
-	it('focuses a sensible target after a successful remove (not body)', async () => {
-		const items = [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }];
-		vi.stubGlobal('fetch', vi.fn().mockResolvedValue({ ok: true }));
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		await expect.element(page.getByText('Brief A')).not.toBeInTheDocument();
-		await vi.waitFor(() => {
-			expect(document.activeElement).not.toBe(document.body);
-			expect(document.activeElement?.hasAttribute('data-add-document')).toBe(true);
-		});
-	});
-});
-
-describe('JourneyEditor — reorder via move buttons', () => {
-	it('move-up calls PUT reorder with swapped IDs', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') },
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') }
-		];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue([
-					{ id: 'i2', position: 0, document: docSummary('d2', 'Brief B') },
-					{ id: 'i1', position: 1, document: docSummary('d1', 'Brief A') }
-				])
-			})
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: /Brief B.*nach oben verschieben/ }));
-
-		await vi.waitFor(() => {
-			expect(globalThis.fetch).toHaveBeenCalledWith(
-				expect.stringContaining('/items/reorder'),
-				expect.objectContaining({
-					method: 'PUT',
-					body: JSON.stringify({ itemIds: ['i2', 'i1'] })
-				})
-			);
-		});
-	});
-
-	it('move-down calls PUT reorder with swapped IDs', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') },
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') }
-		];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue([
-					{ id: 'i2', position: 0, document: docSummary('d2', 'Brief B') },
-					{ id: 'i1', position: 1, document: docSummary('d1', 'Brief A') }
-				])
-			})
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: /Brief A.*nach unten verschieben/ }));
-
-		await vi.waitFor(() => {
-			expect(globalThis.fetch).toHaveBeenCalledWith(
-				expect.stringContaining('/items/reorder'),
-				expect.objectContaining({
-					method: 'PUT',
-					body: JSON.stringify({ itemIds: ['i2', 'i1'] })
-				})
-			);
-		});
-	});
-
-	it('restores the original DOM order and shows an alert on failed reorder (non-ok)', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') },
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') }
-		];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({ ok: false, json: vi.fn().mockResolvedValue({}) })
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: /Brief B.*nach oben verschieben/ }));
-
-		await expect.element(page.getByRole('alert')).toBeInTheDocument();
-		const briefA = page.getByText('Brief A').element();
-		const briefB = page.getByText('Brief B').element();
-		expect(briefA.compareDocumentPosition(briefB) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
-	});
-
-	it('restores the original DOM order and shows an alert when the reorder request rejects', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') },
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') }
-		];
-		vi.stubGlobal('fetch', vi.fn().mockRejectedValue(new TypeError('network down')));
-		const consoleError = vi.spyOn(console, 'error').mockImplementation(() => {});
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: /Brief B.*nach oben verschieben/ }));
-
-		await expect.element(page.getByRole('alert')).toBeInTheDocument();
-		const briefA = page.getByText('Brief A').element();
-		const briefB = page.getByText('Brief B').element();
-		expect(briefA.compareDocumentPosition(briefB) & Node.DOCUMENT_POSITION_FOLLOWING).toBeTruthy();
-		expect(consoleError).toHaveBeenCalled();
-		consoleError.mockRestore();
-	});
-});
-
-describe('JourneyEditor — live announce region', () => {
-	it('announces the move only after the reorder resolved, then clears', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') },
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') }
-		];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue([
-					{ id: 'i2', position: 0, document: docSummary('d2', 'Brief B') },
-					{ id: 'i1', position: 1, document: docSummary('d1', 'Brief A') }
-				])
-			})
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: /Brief B.*nach oben verschieben/ }));
-
-		const liveRegion = document.querySelector('[aria-live="polite"]');
-		await vi.waitFor(() => {
-			expect((liveRegion?.textContent ?? '').trim().length).toBeGreaterThan(0);
-		});
-
-		await vi.waitFor(
-			() => {
-				expect((liveRegion?.textContent ?? '').trim()).toBe('');
-			},
-			{ timeout: 2000 }
-		);
-	});
-
-	it('announces the error text instead of a success message when the move fails', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') },
-			{ id: 'i2', position: 1, document: docSummary('d2', 'Brief B') }
-		];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({ ok: false, json: vi.fn().mockResolvedValue({}) })
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByRole('button', { name: /Brief B.*nach oben verschieben/ }));
-
-		const liveRegion = document.querySelector('[aria-live="polite"]');
-		await vi.waitFor(() => {
-			expect((liveRegion?.textContent ?? '').trim()).toBe(m.journey_mutation_error_reload());
-		});
-	});
-});
-
-describe('JourneyEditor — note patch body', () => {
-	it('sends {"note":null} when note textarea is cleared and blurred', async () => {
-		const items = [
-			{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A'), note: 'old note' }
-		];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: vi
-					.fn()
-					.mockResolvedValue({ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') })
-			})
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		const textarea = page.getByRole('textbox', { name: /Kuratoren-Notiz/ });
-		await userEvent.clear(textarea);
-		await textarea.element().dispatchEvent(new FocusEvent('blur'));
-
-		await vi.waitFor(() => {
-			expect(globalThis.fetch).toHaveBeenCalledWith(
-				expect.stringContaining('/items/i1'),
-				expect.objectContaining({
-					method: 'PATCH',
-					body: JSON.stringify({ note: null })
-				})
-			);
-		});
-	});
-});
-
-describe('JourneyEditor — duplicate document aria-disabled', () => {
-	it('already-added document appears as aria-disabled in picker', async () => {
-		const items = [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief von Karl') }];
-		vi.stubGlobal(
-			'fetch',
-			vi.fn().mockResolvedValue({
-				ok: true,
-				json: vi.fn().mockResolvedValue({ items: [makeSearchResultItem('d1', 'Brief von Karl')] })
-			})
-		);
-
-		render(JourneyEditor, defaultProps({ geschichte: makeGeschichte({ items }) }));
-
-		await userEvent.click(page.getByText(m.journey_add_document()));
-		await userEvent.fill(page.getByRole('combobox'), 'Karl');
-
-		// The dropdown item includes the date ("Brief von Karl · …"), the list item does not
-		await expect.element(page.getByText(/Brief von Karl ·/)).toBeInTheDocument();
-		const option = page
-			.getByText(/Brief von Karl ·/)
-			.element()
-			.closest('li')!;
-		expect(option.getAttribute('aria-disabled')).toBe('true');
-	});
-});
-
-describe('JourneyEditor — unsaved warning banner', () => {
-	function triggerNavigationAttempt() {
-		const calls = vi.mocked(beforeNavigate).mock.calls;
-		if (calls.length === 0) return;
-		const [callback] = calls[calls.length - 1];
-		const cancel = vi.fn();
-		(callback as (nav: { cancel: () => void; to: { url: URL } | null }) => void)({
-			cancel,
-			to: { url: new URL('http://localhost/geschichten') }
-		});
-		return cancel;
-	}
-
-	it('banner is absent before any edit or navigation attempt', async () => {
-		render(JourneyEditor, defaultProps());
-		expect(document.querySelector('[class*="amber"]')).toBeNull();
-	});
-
-	it('banner appears when dirty and a navigation is attempted', async () => {
-		render(JourneyEditor, defaultProps());
-
-		// Mark dirty by editing the title
-		const titleInput = page.getByPlaceholder(/Titel/);
-		await titleInput.element().dispatchEvent(new InputEvent('input', { bubbles: true }));
-
-		// Simulate the user trying to navigate away
-		const cancel = triggerNavigationAttempt();
-		expect(cancel).toHaveBeenCalled();
-
-		await expect.element(page.getByText(m.admin_unsaved_warning())).toBeInTheDocument();
-	});
-
-	it('banner stays after a failed save (clearOnSuccess not called when onSubmit throws)', async () => {
-		const onSubmit = vi.fn().mockRejectedValue(new Error('server error'));
-		render(
-			JourneyEditor,
-			defaultProps({
-				onSubmit,
-				geschichte: makeGeschichte({
-					title: 'Titel',
-					items: [{ id: 'i1', position: 0, document: docSummary('d1', 'Brief A') }]
-				})
-			})
-		);
-
-		// Mark dirty
-		const titleInput = page.getByPlaceholder(/Titel/);
-		await titleInput.element().dispatchEvent(new InputEvent('input', { bubbles: true }));
-
-		// Trigger navigation → banner appears
-		triggerNavigationAttempt();
-		await expect.element(page.getByText(m.admin_unsaved_warning())).toBeInTheDocument();
-
-		// Attempt save — onSubmit throws
-		await userEvent.click(page.getByRole('button', { name: m.geschichte_editor_save_draft() }));
-
-		// Banner must still be visible (isDirty was not cleared)
-		await vi.waitFor(() => {
-			expect(document.querySelector('[class*="amber"]')).toBeTruthy();
-		});
-	});
-});
-
-describe('JourneyEditor — selectedPersons marks dirty', () => {
-	function getNavCallback() {
-		const calls = vi.mocked(beforeNavigate).mock.calls;
-		const [callback] = calls[calls.length - 1];
-		return (cancel = vi.fn()) => {
-			(callback as (nav: { cancel: () => void; to: { url: URL } | null }) => void)({
-				cancel,
-				to: { url: new URL('http://localhost/geschichten') }
-			});
-			return cancel;
-		};
-	}
-
-	it('removing a person chip marks the editor dirty', async () => {
-		render(
-			JourneyEditor,
-			defaultProps({
-				geschichte: makeGeschichte({
-					persons: [{ id: 'p1', firstName: 'Anna', lastName: 'Schmidt' }]
-				})
-			})
-		);
-
-		// Confirm navigation is NOT blocked initially (clean state)
-		const triggerNav = getNavCallback();
-		expect(triggerNav()).not.toHaveBeenCalled();
-
-		// Remove the person chip (aria-label = m.comp_multiselect_remove() = "Entfernen")
-		await userEvent.click(page.getByRole('button', { name: m.comp_multiselect_remove() }));
-
-		// After person removal, navigation should be blocked
-		await vi.waitFor(() => {
-			const cancel = triggerNav();
-			expect(cancel).toHaveBeenCalled();
-		});
-	});
-});
-
-describe('JourneyEditor — person chips from GeschichteView', () => {
-	it('renders person names in the sidebar chips (PersonView carries no displayName)', async () => {
-		render(
-			JourneyEditor,
-			defaultProps({
-				geschichte: makeGeschichte({
-					persons: [{ id: 'p1', firstName: 'Anna', lastName: 'Schmidt' }]
-				})
-			})
-		);
-
-		await expect.element(page.getByText('Anna Schmidt')).toBeInTheDocument();
-	});
-});

frontend/src/lib/geschichte/JourneyInterlude.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-
-interface Props {
-	note: string;
-}
-
-let { note }: Props = $props();
-</script>
-
-<div
-	role="note"
-	aria-label={m.journey_interlude_aria_label()}
-	class="my-4 rounded-r-sm border-l-2 border-journey-border bg-journey-tint py-2 pr-3 pl-3"
->
-	<!-- plaintext — do NOT use {@html} here -->
-	<p class="text-base leading-relaxed text-ink italic">{note}</p>
-</div>

frontend/src/lib/geschichte/JourneyInterlude.svelte.spec.ts

@@ -1,64 +0,0 @@
-import { describe, it, expect, afterEach } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page } from 'vitest/browser';
-import { m } from '$lib/paraglide/messages.js';
-
-const { default: JourneyInterlude } = await import('./JourneyInterlude.svelte');
-
-afterEach(cleanup);
-
-declare global {
-	interface Window {
-		__xss_interlude?: number;
-	}
-}
-
-describe('JourneyInterlude', () => {
-	it('renders the note text as plaintext', async () => {
-		render(JourneyInterlude, { props: { note: 'Eine kurze Pause auf der Reise.' } });
-
-		await expect.element(page.getByText('Eine kurze Pause auf der Reise.')).toBeVisible();
-	});
-
-	it('has aria-label from i18n (journey_interlude_aria_label)', async () => {
-		render(JourneyInterlude, { props: { note: 'Notiz' } });
-
-		const el = document.querySelector(`[aria-label="${m.journey_interlude_aria_label()}"]`);
-		expect(el).not.toBeNull();
-	});
-
-	it('has role="note" so the aria-label is announced by screen readers', async () => {
-		render(JourneyInterlude, { props: { note: 'Notiz' } });
-
-		const el = document.querySelector('[role="note"]');
-		expect(el).not.toBeNull();
-		expect(el?.getAttribute('aria-label')).toBe(m.journey_interlude_aria_label());
-	});
-
-	it('uses mode-aware journey tokens, not raw orange utilities (#801)', async () => {
-		render(JourneyInterlude, { props: { note: 'Notiz' } });
-
-		const block = document.querySelector('[role="note"]');
-		expect(block!.className).toContain('bg-journey-tint');
-		expect(block!.className).toContain('border-journey-border');
-		expect(block!.className).not.toContain('bg-orange-50');
-	});
-
-	it('note text uses readable body size (text-base, #800)', async () => {
-		render(JourneyInterlude, { props: { note: 'Notiz' } });
-
-		const text = document.querySelector('[role="note"] p');
-		expect(text!.className).toContain('text-base');
-		expect(text!.className).not.toContain('text-xs');
-	});
-
-	it('XSS: note is rendered as plaintext — injected payload does not execute', async () => {
-		// Interlude uses Svelte text interpolation ({note}), NOT {@html}.
-		render(JourneyInterlude, {
-			props: { note: '<img src=x onerror="window.__xss_interlude=1">' }
-		});
-
-		expect(window.__xss_interlude).toBeUndefined();
-		expect(document.body.textContent).toContain('<img src=x onerror=');
-	});
-});

frontend/src/lib/geschichte/JourneyItemCard.svelte

@@ -1,66 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import { formatDate } from '$lib/shared/utils/date';
-import { formatDocumentMetaLine } from './utils';
-import type { components } from '$lib/generated/api';
-
-type JourneyItemView = components['schemas']['JourneyItemView'];
-
-interface Props {
-	item: JourneyItemView;
-}
-
-let { item }: Props = $props();
-
-// Safe: JourneyReader filters out items where document === null before rendering this component.
-const doc = $derived(item.document!);
-const formattedDate = $derived(doc.documentDate ? formatDate(doc.documentDate, 'short') : null);
-const metaLine = $derived(formatDocumentMetaLine(doc));
-const openAriaLabel = $derived(
-	formattedDate
-		? m.journey_item_open_aria({ date: formattedDate })
-		: m.journey_item_open_aria_undated()
-);
-const hasNote = $derived(item.note != null && item.note.trim().length > 0);
-</script>
-
-<div class="mb-3">
-	<div class="rounded-sm border border-line bg-surface p-3">
-		<!-- plaintext — do NOT use {@html} here -->
-		<p class="mb-0.5 font-serif text-base leading-snug text-ink">{doc.title}</p>
-		{#if metaLine}
-			<p class="mb-2 text-sm text-ink-3">{metaLine}</p>
-		{/if}
-		<a
-			href="/documents/{doc.id}"
-			aria-label={openAriaLabel}
-			class="inline-flex items-center gap-1 text-sm font-semibold text-ink hover:text-primary focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-		>
-			<svg class="h-3 w-3 shrink-0" viewBox="0 0 10 12" fill="none">
-				<rect x="1" y="1" width="8" height="10" rx="1" stroke="currentColor" stroke-width="1" />
-				<path
-					d="M3 4h4M3 6.5h4M3 9h2"
-					stroke="currentColor"
-					stroke-width=".7"
-					stroke-linecap="round"
-				/>
-			</svg>
-			{m.journey_item_open()}
-			<svg class="h-3 w-3 shrink-0" viewBox="0 0 10 10" fill="none">
-				<path
-					d="M4 2l4 3-4 3"
-					stroke="currentColor"
-					stroke-width="1.5"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				/>
-			</svg>
-		</a>
-		{#if hasNote}
-			<!-- plaintext — do NOT use {@html} here -->
-			<div class="mt-3 rounded-r-sm border-l-2 border-brand-mint bg-muted py-1.5 pr-2 pl-3">
-				<p class="text-base leading-relaxed text-ink-2 italic">{item.note}</p>
-			</div>
-		{/if}
-	</div>
-</div>

frontend/src/lib/geschichte/JourneyItemCard.svelte.spec.ts

@@ -1,178 +0,0 @@
-import { describe, it, expect, afterEach } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page } from 'vitest/browser';
-import { m } from '$lib/paraglide/messages.js';
-import type { components } from '$lib/generated/api';
-
-const { default: JourneyItemCard } = await import('./JourneyItemCard.svelte');
-
-afterEach(cleanup);
-
-declare global {
-	interface Window {
-		__xss_note?: number;
-	}
-}
-
-type JourneyItemView = components['schemas']['JourneyItemView'];
-
-const baseItem = (overrides: Partial<JourneyItemView> = {}): JourneyItemView => ({
-	id: 'item1',
-	position: 0,
-	document: {
-		id: 'd1',
-		title: 'Brief an Helene',
-		documentDate: '1923-05-15',
-		datePrecision: 'DAY',
-		receiverCount: 0
-	},
-	...overrides
-});
-
-describe('JourneyItemCard', () => {
-	it('renders the document title', async () => {
-		render(JourneyItemCard, { props: { item: baseItem() } });
-
-		await expect.element(page.getByText('Brief an Helene')).toBeVisible();
-	});
-
-	it('renders the document date in the meta line when documentDate is present', async () => {
-		render(JourneyItemCard, { props: { item: baseItem() } });
-
-		await expect.element(page.getByText(/1923/)).toBeVisible();
-	});
-
-	it('"Brief öffnen" link points to /documents/:id', async () => {
-		render(JourneyItemCard, { props: { item: baseItem() } });
-
-		const link = page.getByRole('link', { name: /öffnen/i });
-		await expect.element(link).toBeInTheDocument();
-		const el = await link.element();
-		expect(el.getAttribute('href')).toContain('/documents/d1');
-	});
-
-	it('"Brief öffnen" link has dated aria-label when documentDate is present', async () => {
-		render(JourneyItemCard, { props: { item: baseItem() } });
-
-		const link = page.getByRole('link', { name: /1923/i });
-		await expect.element(link).toBeInTheDocument();
-	});
-
-	it('"Brief öffnen" link has undated aria-label when documentDate is absent', async () => {
-		render(JourneyItemCard, {
-			props: {
-				item: baseItem({
-					document: { id: 'd2', title: 'Ohne Datum', datePrecision: 'UNKNOWN', receiverCount: 0 }
-				})
-			}
-		});
-
-		const link = page.getByRole('link', { name: m.journey_item_open_aria_undated() });
-		await expect.element(link).toBeInTheDocument();
-	});
-
-	it('omits date from meta line when documentDate is absent', async () => {
-		render(JourneyItemCard, {
-			props: {
-				item: baseItem({
-					document: { id: 'd2', title: 'Ohne Datum', datePrecision: 'UNKNOWN', receiverCount: 0 }
-				})
-			}
-		});
-
-		await expect.element(page.getByText(/1923/)).not.toBeInTheDocument();
-	});
-
-	it('renders sender→receiver in meta line when both are present', async () => {
-		render(JourneyItemCard, {
-			props: {
-				item: baseItem({
-					document: {
-						id: 'd1',
-						title: 'Brief an Helene',
-						documentDate: '1923-05-15',
-						datePrecision: 'DAY',
-						senderName: 'Franz Raddatz',
-						receiverName: 'Emma Müller',
-						receiverCount: 1
-					}
-				})
-			}
-		});
-
-		await expect.element(page.getByText(/Franz Raddatz/)).toBeVisible();
-		await expect.element(page.getByText(/Emma Müller/)).toBeVisible();
-	});
-
-	it('renders note as annotation block when note is present', async () => {
-		render(JourneyItemCard, { props: { item: baseItem({ note: 'Ein wichtiger Brief' }) } });
-
-		await expect.element(page.getByText('Ein wichtiger Brief')).toBeVisible();
-	});
-
-	it('annotation block uses the brand mint accent border (#798)', async () => {
-		render(JourneyItemCard, { props: { item: baseItem({ note: 'Ein wichtiger Brief' }) } });
-
-		const note = document.querySelector('[class*="border-l-2"]');
-		expect(note).not.toBeNull();
-		expect(note!.className).toContain('border-brand-mint');
-	});
-
-	it('card uses the surface token, not bg-white, so dark mode remaps it', async () => {
-		render(JourneyItemCard, { props: { item: baseItem() } });
-
-		const card = document.querySelector('[class*="border-line"]');
-		expect(card).not.toBeNull();
-		expect(card!.className).toContain('bg-surface');
-		expect(card!.className).not.toContain('bg-white');
-	});
-
-	it('annotation block is tinted with bg-muted to stand off the white card', async () => {
-		render(JourneyItemCard, { props: { item: baseItem({ note: 'Ein wichtiger Brief' }) } });
-
-		const note = document.querySelector('[class*="border-l-2"]');
-		expect(note!.className).toContain('bg-muted');
-	});
-
-	it('reading text sizes meet the accessibility floor (#800)', async () => {
-		render(JourneyItemCard, { props: { item: baseItem({ note: 'Ein wichtiger Brief' }) } });
-
-		const title = page.getByText('Brief an Helene');
-		expect((await title.element()).className).toContain('text-base');
-
-		const link = await page.getByRole('link', { name: /öffnen/i }).element();
-		expect(link.className).toContain('text-sm');
-		expect(link.className).not.toContain('text-xs');
-
-		const noteText = document.querySelector('[class*="border-l-2"] p');
-		expect(noteText!.className).toContain('text-base');
-		expect(noteText!.className).not.toContain('text-xs');
-	});
-
-	it('omits annotation block when note is blank or whitespace', async () => {
-		render(JourneyItemCard, { props: { item: baseItem({ note: '   ' }) } });
-
-		await expect.element(page.getByText(/ {3}/)).not.toBeInTheDocument();
-	});
-
-	it('omits annotation block when note is absent', async () => {
-		render(JourneyItemCard, { props: { item: baseItem({ note: undefined }) } });
-
-		const notes = document.querySelectorAll('[class*="border-mint"]');
-		expect(notes.length).toBe(0);
-	});
-
-	it('XSS: note is rendered as plaintext — injected payload does not execute', async () => {
-		// Note uses Svelte text interpolation ({item.note}), NOT {@html}.
-		render(JourneyItemCard, {
-			props: {
-				item: baseItem({
-					note: '<img src=x onerror="window.__xss_note=1">'
-				})
-			}
-		});
-
-		expect(window.__xss_note).toBeUndefined();
-		expect(document.body.textContent).toContain('<img src=x onerror=');
-	});
-});

frontend/src/lib/geschichte/JourneyItemRow.svelte

@@ -1,251 +0,0 @@
-<script lang="ts">
-import { tick } from 'svelte';
-import type { components } from '$lib/generated/api';
-import { m } from '$lib/paraglide/messages.js';
-
-type JourneyItemView = components['schemas']['JourneyItemView'];
-
-interface Props {
-	item: JourneyItemView;
-	index: number;
-	total: number;
-	pendingRemove?: boolean;
-	onMoveUp: () => void;
-	onMoveDown: () => void;
-	onRemove: () => void;
-	onNotePatch: (note: string | null) => Promise<void>;
-}
-
-let {
-	item,
-	index,
-	total,
-	pendingRemove = false,
-	onMoveUp,
-	onMoveDown,
-	onRemove,
-	onNotePatch
-}: Props = $props();
-
-const isInterlude = $derived(!item.document);
-const itemTitle = $derived(item.document?.title ?? m.journey_interlude_label());
-const needsConfirmOnRemove = $derived(!!item.note);
-
-let rootEl: HTMLElement | null = $state(null);
-let showNote = $state(!!item.note);
-let noteDraft = $state(item.note ?? '');
-let noteSaving = $state(false);
-let noteError = $state('');
-let showRemoveConfirm = $state(false);
-
-async function handleNoteBlur() {
-	if (noteSaving) return;
-	if (noteDraft === item.note) return;
-	if (isInterlude && noteDraft.trim().length === 0) {
-		// Interludes must keep a note — restore the draft so the UI doesn't show
-		// an emptied text that the server still holds.
-		noteDraft = item.note ?? '';
-		return;
-	}
-
-	noteSaving = true;
-	noteError = '';
-	try {
-		await onNotePatch(noteDraft.trim().length === 0 ? null : noteDraft);
-	} catch {
-		noteError = m.journey_note_error();
-	} finally {
-		noteSaving = false;
-	}
-}
-
-async function handleNoteRemove() {
-	const prevDraft = noteDraft;
-	const prevShowNote = showNote;
-	noteDraft = '';
-	showNote = false;
-	noteError = '';
-	try {
-		await onNotePatch(null);
-	} catch {
-		noteDraft = prevDraft;
-		showNote = prevShowNote;
-		noteError = m.journey_note_error();
-	}
-}
-
-async function handleRemoveClick() {
-	if (needsConfirmOnRemove) {
-		showRemoveConfirm = true;
-		await tick();
-		rootEl?.querySelector<HTMLElement>('[data-remove-confirm-cancel]')?.focus();
-	} else {
-		onRemove();
-	}
-}
-
-function handleRemoveConfirm() {
-	showRemoveConfirm = false;
-	onRemove();
-}
-
-async function handleRemoveCancel() {
-	showRemoveConfirm = false;
-	await tick();
-	rootEl?.querySelector<HTMLElement>('[data-remove-btn]')?.focus();
-}
-</script>
-
-<div
-	bind:this={rootEl}
-	data-block-id={item.id}
-	class={[
-		'flex min-w-0 flex-col rounded border transition-colors',
-		pendingRemove ? 'opacity-60' : '',
-		isInterlude
-			? 'border-l-4 border-[var(--color-interlude-border)] bg-[var(--color-interlude-bg)]'
-			: 'border-line bg-surface'
-	].join(' ')}
->
-	<div class="flex min-w-0 items-center gap-1 px-2 py-1">
-		<!-- Drag handle (desktop, pointer-only — keyboard users reorder via the move buttons) -->
-		<button
-			type="button"
-			data-drag-handle
-			tabindex="-1"
-			aria-hidden="true"
-			class="hidden shrink-0 cursor-grab items-center justify-center self-center text-ink-3 transition-colors hover:text-ink active:cursor-grabbing md:flex"
-			style="min-height: 44px; min-width: 44px;"
-		>
-			⠿
-		</button>
-
-		<!-- Move up/down (mobile + always visible) -->
-		<div class="flex shrink-0 flex-col self-start">
-			<button
-				type="button"
-				data-move-up
-				onclick={onMoveUp}
-				disabled={index === 0}
-				aria-label={m.journey_move_up({ title: itemTitle })}
-				class="flex min-h-[44px] min-w-[44px] items-center justify-center rounded text-ink-3 transition-colors hover:bg-muted hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:opacity-20"
-			>
-				<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-					<path stroke-linecap="round" stroke-linejoin="round" d="M5 15l7-7 7 7" />
-				</svg>
-			</button>
-			<button
-				type="button"
-				onclick={onMoveDown}
-				disabled={index === total - 1}
-				aria-label={m.journey_move_down({ title: itemTitle })}
-				class="flex min-h-[44px] min-w-[44px] items-center justify-center rounded text-ink-3 transition-colors hover:bg-muted hover:text-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring disabled:opacity-20"
-			>
-				<svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
-					<path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" />
-				</svg>
-			</button>
-		</div>
-
-		<!-- Content (title + note inline) -->
-		<div class="min-w-0 flex-1 py-1 break-words">
-			{#if isInterlude}
-				<span
-					class="font-sans text-xs font-bold tracking-widest uppercase"
-					style="color: var(--color-interlude-label);"
-				>
-					{m.journey_interlude_label()}
-				</span>
-			{:else}
-				<span class="font-sans text-xs text-ink-3">{index + 1}.</span>
-				<span class="ml-1 font-serif text-sm text-ink">{item.document!.title}</span>
-			{/if}
-
-			{#if showNote}
-				<div class="mt-2">
-					<textarea
-						aria-label={m.journey_note_aria_label({ title: itemTitle })}
-						bind:value={noteDraft}
-						onblur={handleNoteBlur}
-						maxlength={2000}
-						rows={2}
-						class="block w-full resize-y rounded border border-line bg-transparent px-2 py-1.5 font-sans text-sm text-ink placeholder:text-ink-3 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-					></textarea>
-					<div class="mt-1 flex items-center justify-between gap-2">
-						<p class="font-sans text-xs text-ink-3">{m.journey_note_save_hint()}</p>
-						{#if !isInterlude}
-							<button
-								type="button"
-								onclick={handleNoteRemove}
-								class="inline-flex min-h-[44px] items-center font-sans text-xs text-ink-3 underline hover:text-danger focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-							>
-								{m.journey_note_remove()}
-							</button>
-						{/if}
-					</div>
-					{#if noteError}
-						<p class="mt-1 font-sans text-xs text-danger" role="alert">{noteError}</p>
-					{/if}
-				</div>
-			{:else if !isInterlude}
-				<button
-					type="button"
-					onclick={() => {
-						showNote = true;
-					}}
-					class="mt-0.5 inline-flex min-h-[44px] items-center font-sans text-xs text-ink-3 underline hover:text-accent focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-				>
-					{m.journey_note_add()}
-				</button>
-			{/if}
-		</div>
-
-		<!-- Remove button / confirm / pending -->
-		<div class="shrink-0 self-start">
-			{#if pendingRemove}
-				<span class="inline-flex min-h-[44px] items-center font-sans text-xs text-ink-3 italic">
-					{m.journey_item_pending_remove()}
-				</span>
-			{:else if showRemoveConfirm}
-				<div role="group" aria-label={m.journey_remove_confirm()} class="flex items-center gap-2">
-					<span class="font-sans text-xs text-ink-2">{m.journey_remove_confirm()}</span>
-					<button
-						type="button"
-						onclick={handleRemoveConfirm}
-						onkeydown={(e) => e.key === 'Escape' && handleRemoveCancel()}
-						class="inline-flex min-h-[44px] items-center rounded bg-danger px-3 font-sans text-xs font-medium text-white hover:opacity-90 focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-					>
-						{m.journey_remove_confirm_yes()}
-					</button>
-					<button
-						type="button"
-						data-remove-confirm-cancel
-						onclick={handleRemoveCancel}
-						onkeydown={(e) => e.key === 'Escape' && handleRemoveCancel()}
-						class="inline-flex min-h-[44px] items-center rounded border border-line px-3 font-sans text-xs font-medium text-ink hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-					>
-						{m.journey_remove_confirm_cancel()}
-					</button>
-				</div>
-			{:else}
-				<button
-					type="button"
-					data-remove-btn
-					onclick={handleRemoveClick}
-					aria-label={m.journey_remove_item_aria()}
-					class="-m-1 inline-flex min-h-[44px] min-w-[44px] items-center justify-center rounded p-3 text-ink-3 hover:text-danger focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-				>
-					<svg
-						class="h-4 w-4"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke="currentColor"
-						stroke-width="2"
-					>
-						<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-					</svg>
-				</button>
-			{/if}
-		</div>
-	</div>
-</div>

frontend/src/lib/geschichte/JourneyItemRow.svelte.spec.ts

@@ -1,303 +0,0 @@
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page, userEvent } from 'vitest/browser';
-import { m } from '$lib/paraglide/messages.js';
-import JourneyItemRow from './JourneyItemRow.svelte';
-
-const docItem = (overrides: Partial<{ note: string }> = {}) => ({
-	id: 'item-1',
-	position: 0,
-	document: {
-		id: 'doc-1',
-		title: 'Brief von Karl',
-		datePrecision: 'DAY' as const,
-		receiverCount: 0
-	},
-	...overrides
-});
-
-const interludeItem = (note = 'Reise nach Wien') => ({
-	id: 'item-2',
-	position: 1,
-	note
-});
-
-const defaultProps = (overrides = {}) => ({
-	index: 0,
-	total: 3,
-	onMoveUp: vi.fn(),
-	onMoveDown: vi.fn(),
-	onRemove: vi.fn(),
-	onNotePatch: vi.fn().mockResolvedValue(undefined),
-	...overrides
-});
-
-afterEach(() => cleanup());
-
-describe('JourneyItemRow — interlude label', () => {
-	it('shows "Zwischentext" (not the add-button label) on interlude rows', async () => {
-		render(JourneyItemRow, { item: interludeItem(), ...defaultProps() });
-
-		await expect.element(page.getByText(m.journey_interlude_label())).toBeInTheDocument();
-		await expect.element(page.getByText(m.journey_add_interlude())).not.toBeInTheDocument();
-	});
-
-	it('uses "Zwischentext" in the move button aria-labels', async () => {
-		render(JourneyItemRow, { item: interludeItem(), ...defaultProps({ index: 1 }) });
-
-		await expect
-			.element(
-				page.getByRole('button', {
-					name: m.journey_move_up({ title: m.journey_interlude_label() })
-				})
-			)
-			.toBeInTheDocument();
-	});
-});
-
-describe('JourneyItemRow — note textarea', () => {
-	it('opens note textarea on "Notiz hinzufügen" click', async () => {
-		render(JourneyItemRow, { item: docItem(), ...defaultProps() });
-
-		await userEvent.click(page.getByText(m.journey_note_add()));
-
-		await expect
-			.element(page.getByRole('textbox', { name: /Kuratoren-Notiz für Brief von Karl/ }))
-			.toBeInTheDocument();
-	});
-
-	it('calls onNotePatch on textarea blur with non-empty value', async () => {
-		const onNotePatch = vi.fn().mockResolvedValue(undefined);
-		render(JourneyItemRow, { item: docItem(), ...defaultProps({ onNotePatch }) });
-
-		await userEvent.click(page.getByText(m.journey_note_add()));
-		const textarea = page.getByRole('textbox', { name: /Kuratoren-Notiz für Brief von Karl/ });
-		await userEvent.fill(textarea, 'Eine neue Notiz');
-		await textarea.element().dispatchEvent(new FocusEvent('blur'));
-
-		expect(onNotePatch).toHaveBeenCalledWith('Eine neue Notiz');
-	});
-
-	it('limits the note textarea to 2000 characters', async () => {
-		render(JourneyItemRow, { item: docItem({ note: 'Notiz' }), ...defaultProps() });
-
-		const textarea = page.getByRole('textbox', { name: /Kuratoren-Notiz/ });
-		await expect.element(textarea).toHaveAttribute('maxlength', '2000');
-	});
-});
-
-describe('JourneyItemRow — note error state', () => {
-	it('shows role=alert error message when onNotePatch rejects', async () => {
-		const onNotePatch = vi.fn().mockRejectedValue(new Error('server error'));
-		render(JourneyItemRow, { item: docItem(), ...defaultProps({ onNotePatch }) });
-
-		await userEvent.click(page.getByText(m.journey_note_add()));
-		const textarea = page.getByRole('textbox', { name: /Kuratoren-Notiz für Brief von Karl/ });
-		await userEvent.fill(textarea, 'Eine Notiz');
-		await textarea.element().dispatchEvent(new FocusEvent('blur'));
-
-		await expect.element(page.getByRole('alert')).toBeInTheDocument();
-	});
-});
-
-describe('JourneyItemRow — note remove error state', () => {
-	it('restores note and shows error when onNotePatch rejects during remove', async () => {
-		const onNotePatch = vi.fn().mockRejectedValue(new Error('server error'));
-		render(JourneyItemRow, {
-			item: docItem({ note: 'keep me' }),
-			...defaultProps({ onNotePatch })
-		});
-
-		await userEvent.click(page.getByText(m.journey_note_remove()));
-
-		// textarea should be visible again (showNote restored)
-		await expect
-			.element(page.getByRole('textbox', { name: /Kuratoren-Notiz/ }))
-			.toBeInTheDocument();
-		// error alert should be shown
-		await expect.element(page.getByRole('alert')).toBeInTheDocument();
-	});
-});
-
-describe('JourneyItemRow — interlude rules', () => {
-	it('does not show "Notiz entfernen" for interlude items', async () => {
-		render(JourneyItemRow, { item: interludeItem(), ...defaultProps() });
-
-		// Note section should be visible (interlude always shows note)
-		await expect
-			.element(page.getByRole('textbox', { name: /Kuratoren-Notiz/ }))
-			.toBeInTheDocument();
-		// But "Notiz entfernen" must be absent
-		await expect.element(page.getByText(m.journey_note_remove())).not.toBeInTheDocument();
-	});
-
-	it('blocks saving empty text on interlude note blur', async () => {
-		const onNotePatch = vi.fn().mockResolvedValue(undefined);
-		render(JourneyItemRow, {
-			item: interludeItem('original text'),
-			...defaultProps({ onNotePatch })
-		});
-
-		const textarea = page.getByRole('textbox', { name: /Kuratoren-Notiz/ });
-		await userEvent.clear(textarea);
-		await textarea.element().dispatchEvent(new FocusEvent('blur'));
-
-		expect(onNotePatch).not.toHaveBeenCalled();
-	});
-
-	it('restores the original note text after a blocked empty-clear blur', async () => {
-		render(JourneyItemRow, {
-			item: interludeItem('original text'),
-			...defaultProps()
-		});
-
-		const textarea = page.getByRole('textbox', { name: /Kuratoren-Notiz/ });
-		await userEvent.clear(textarea);
-		await textarea.element().dispatchEvent(new FocusEvent('blur'));
-
-		await expect.element(textarea).toHaveValue('original text');
-	});
-});
-
-describe('JourneyItemRow — remove confirm', () => {
-	it('shows inline confirm when removing a document item that has a note', async () => {
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Wichtige Notiz' }),
-			...defaultProps()
-		});
-
-		// Click remove (x button)
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		await expect.element(page.getByText(m.journey_remove_confirm())).toBeInTheDocument();
-		await expect
-			.element(page.getByRole('button', { name: m.journey_remove_confirm_yes() }))
-			.toBeInTheDocument();
-	});
-
-	it('clicking Bestätigen invokes onRemove (destructive path)', async () => {
-		const onRemove = vi.fn();
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Wichtige Notiz' }),
-			...defaultProps({ onRemove })
-		});
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_confirm_yes() }));
-
-		expect(onRemove).toHaveBeenCalledTimes(1);
-	});
-
-	it('confirm cancel restores remove button without calling onRemove', async () => {
-		const onRemove = vi.fn();
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Notiz' }),
-			...defaultProps({ onRemove })
-		});
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_confirm_cancel() }));
-
-		expect(onRemove).not.toHaveBeenCalled();
-		// The remove button should be back
-		await expect
-			.element(page.getByRole('button', { name: m.journey_remove_item_aria() }))
-			.toBeInTheDocument();
-	});
-
-	it('confirm cancel returns keyboard focus to the row remove button', async () => {
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Notiz' }),
-			...defaultProps()
-		});
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_confirm_cancel() }));
-
-		await vi.waitFor(() => {
-			const removeBtn = page.getByRole('button', { name: m.journey_remove_item_aria() }).element();
-			expect(document.activeElement).toBe(removeBtn);
-		});
-	});
-});
-
-describe('JourneyItemRow — remove confirm a11y', () => {
-	it('confirm area is wrapped in role=group with an accessible label', async () => {
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Wichtige Notiz' }),
-			...defaultProps()
-		});
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		const group = document.querySelector('[role="group"]');
-		expect(group).toBeTruthy();
-		expect(group!.getAttribute('aria-label')).toBeTruthy();
-	});
-
-	it('keyboard focus moves to Cancel button when confirm appears', async () => {
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Wichtige Notiz' }),
-			...defaultProps()
-		});
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-
-		await vi.waitFor(() => {
-			const cancelBtn = page
-				.getByRole('button', { name: m.journey_remove_confirm_cancel() })
-				.element();
-			expect(document.activeElement).toBe(cancelBtn);
-		});
-	});
-
-	it('pressing Escape while confirm is open hides confirm and refocuses remove button', async () => {
-		render(JourneyItemRow, {
-			item: docItem({ note: 'Wichtige Notiz' }),
-			...defaultProps()
-		});
-
-		await userEvent.click(page.getByRole('button', { name: m.journey_remove_item_aria() }));
-		await vi.waitFor(() => {
-			const cancelBtn = page
-				.getByRole('button', { name: m.journey_remove_confirm_cancel() })
-				.element();
-			expect(document.activeElement).toBe(cancelBtn);
-		});
-
-		await userEvent.keyboard('{Escape}');
-
-		await vi.waitFor(() => {
-			const removeBtn = page.getByRole('button', { name: m.journey_remove_item_aria() }).element();
-			expect(document.activeElement).toBe(removeBtn);
-		});
-		await expect.element(page.getByText(m.journey_remove_confirm())).not.toBeInTheDocument();
-	});
-});
-
-describe('JourneyItemRow — pending remove state', () => {
-	it('renders dimmed with the pending text and without a remove button', async () => {
-		render(JourneyItemRow, {
-			item: docItem(),
-			...defaultProps({ pendingRemove: true })
-		});
-
-		await expect.element(page.getByText(m.journey_item_pending_remove())).toBeInTheDocument();
-		await expect
-			.element(page.getByRole('button', { name: m.journey_remove_item_aria() }))
-			.not.toBeInTheDocument();
-
-		const root = document.querySelector('[data-block-id="item-1"]')!;
-		expect(root.className).toContain('opacity-60');
-	});
-});
-
-describe('JourneyItemRow — drag handle', () => {
-	it('is pointer-only: removed from tab order and hidden from the accessibility tree', async () => {
-		render(JourneyItemRow, { item: docItem(), ...defaultProps() });
-
-		const handle = document.querySelector('[data-drag-handle]')!;
-		expect(handle.getAttribute('tabindex')).toBe('-1');
-		expect(handle.getAttribute('aria-hidden')).toBe('true');
-	});
-});

frontend/src/lib/geschichte/JourneyReader.svelte

@@ -1,53 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import JourneyItemCard from './JourneyItemCard.svelte';
-import JourneyInterlude from './JourneyInterlude.svelte';
-import type { components } from '$lib/generated/api';
-
-type GeschichteView = components['schemas']['GeschichteView'];
-type JourneyItemView = components['schemas']['JourneyItemView'];
-
-interface Props {
-	geschichte: GeschichteView;
-}
-
-let { geschichte: g }: Props = $props();
-
-// Render intro only when body is a non-empty, non-whitespace string.
-const introText = $derived(g.body?.trim() ? g.body : null);
-
-// Omit items that have neither a document nor a non-blank note (dangling deleted-document guard).
-const validItems = $derived(
-	g.items.filter(
-		(item: JourneyItemView) =>
-			item.document != null || (item.note != null && item.note.trim().length > 0)
-	)
-);
-</script>
-
-{#if introText}
-	<!-- plaintext — do NOT use {@html} here -->
-	<p
-		class="border-subtle mb-6 border-b border-dashed pb-4 font-serif text-lg leading-relaxed text-ink-2 italic"
-	>
-		{introText}
-	</p>
-{/if}
-
-{#if validItems.length === 0}
-	<p class="font-sans text-sm text-ink-3" data-testid="journey-empty-state">
-		{m.journey_empty_state()}
-	</p>
-{:else}
-	<ol class="flex list-none flex-col">
-		{#each validItems as item (item.id)}
-			<li>
-				{#if item.document != null}
-					<JourneyItemCard item={item} />
-				{:else}
-					<JourneyInterlude note={item.note!} />
-				{/if}
-			</li>
-		{/each}
-	</ol>
-{/if}

frontend/src/lib/geschichte/JourneyReader.svelte.spec.ts

@@ -1,174 +0,0 @@
-import { describe, it, expect, afterEach } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page } from 'vitest/browser';
-import { createConfirmService, CONFIRM_KEY } from '$lib/shared/services/confirm.svelte.js';
-import type { components } from '$lib/generated/api';
-
-const { default: JourneyReader } = await import('./JourneyReader.svelte');
-
-afterEach(cleanup);
-
-declare global {
-	interface Window {
-		__xss_journey?: number;
-	}
-}
-
-type GeschichteView = components['schemas']['GeschichteView'];
-type JourneyItemView = components['schemas']['JourneyItemView'];
-
-const baseGeschichte = (overrides: Partial<GeschichteView> = {}): GeschichteView => ({
-	id: 'g1',
-	title: 'Lesereise Berlin',
-	body: null as unknown as undefined,
-	type: 'JOURNEY',
-	status: 'PUBLISHED',
-	persons: [],
-	items: [],
-	createdAt: '2026-01-01T00:00:00Z',
-	updatedAt: '2026-01-01T00:00:00Z',
-	...overrides
-});
-
-const docItem = (id: string, title: string, position: number, note?: string): JourneyItemView => ({
-	id,
-	position,
-	document: {
-		id: `d${id}`,
-		title,
-		datePrecision: 'DAY',
-		documentDate: '1923-05-15',
-		receiverCount: 0
-	},
-	note
-});
-
-const interludeItem = (id: string, note: string, position: number): JourneyItemView => ({
-	id,
-	position,
-	document: undefined,
-	note
-});
-
-const ctx = () => new Map([[CONFIRM_KEY, createConfirmService()]]);
-
-describe('JourneyReader', () => {
-	it('renders intro paragraph when body is non-empty', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: { geschichte: baseGeschichte({ body: 'Eine Reise durch die Geschichte.' }) }
-		});
-
-		await expect.element(page.getByText('Eine Reise durch die Geschichte.')).toBeVisible();
-	});
-
-	it('intro paragraph uses readable body size (text-lg, #800)', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: { geschichte: baseGeschichte({ body: 'Eine Reise durch die Geschichte.' }) }
-		});
-
-		const intro = document.querySelector('p');
-		expect(intro!.className).toContain('text-lg');
-		expect(intro!.className).not.toContain('text-sm');
-	});
-
-	it('omits intro paragraph when body is null', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: { geschichte: baseGeschichte({ body: undefined }) }
-		});
-
-		// Only empty state should render
-		await expect.element(page.getByTestId('journey-empty-state')).toBeVisible();
-	});
-
-	it('omits intro paragraph when body is only whitespace', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: { geschichte: baseGeschichte({ body: '   ' }) }
-		});
-
-		// Whitespace-only body must NOT produce a visible intro paragraph.
-		// The only rendered content should be the empty-state message.
-		await expect.element(page.getByTestId('journey-empty-state')).toBeVisible();
-		const paragraphs = document.querySelectorAll('p:not([data-testid])');
-		expect(paragraphs.length).toBe(0);
-	});
-
-	it('renders empty-state message when items array is empty', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: { geschichte: baseGeschichte({ items: [] }) }
-		});
-
-		await expect.element(page.getByText('Diese Lesereise ist noch leer.')).toBeVisible();
-	});
-
-	it('renders both intro and empty-state when body is set but items is empty', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: {
-				geschichte: baseGeschichte({ body: 'Eine Einleitung.', items: [] })
-			}
-		});
-
-		await expect.element(page.getByText('Eine Einleitung.')).toBeVisible();
-		await expect.element(page.getByText('Diese Lesereise ist noch leer.')).toBeVisible();
-	});
-
-	it('renders document items (JourneyItemCard)', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: {
-				geschichte: baseGeschichte({ items: [docItem('item1', 'Brief an Helene', 0)] })
-			}
-		});
-
-		await expect.element(page.getByText('Brief an Helene')).toBeVisible();
-	});
-
-	it('renders interlude items (JourneyInterlude)', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: {
-				geschichte: baseGeschichte({ items: [interludeItem('inter1', 'Eine Pause.', 0)] })
-			}
-		});
-
-		await expect.element(page.getByText('Eine Pause.')).toBeVisible();
-	});
-
-	it('omits items where document is null AND note is blank (dangling-item rule)', async () => {
-		render(JourneyReader, {
-			context: ctx(),
-			props: {
-				geschichte: baseGeschichte({
-					items: [
-						{ id: 'dangling', position: 0, document: undefined, note: '   ' },
-						docItem('item2', 'Echter Brief', 1)
-					]
-				})
-			}
-		});
-
-		await expect.element(page.getByText('Echter Brief')).toBeVisible();
-		// Empty-state must NOT render when valid items exist
-		await expect.element(page.getByText('Diese Lesereise ist noch leer.')).not.toBeInTheDocument();
-	});
-
-	it('XSS: Journey body is rendered as plaintext — injected payload does not execute', async () => {
-		// JourneyReader uses Svelte text interpolation, NOT {@html}.
-		render(JourneyReader, {
-			context: ctx(),
-			props: {
-				geschichte: baseGeschichte({
-					body: '<img src=x onerror="window.__xss_journey=1">'
-				})
-			}
-		});
-
-		expect(window.__xss_journey).toBeUndefined();
-		expect(document.body.textContent).toContain('<img src=x onerror=');
-	});
-});

frontend/src/lib/geschichte/README.md

@@ -1,11 +1,10 @@
 # geschichte (frontend)
 
-UI for family stories (Geschichte) and reading journeys (Lesereise): the rich-text editor, story/journey readers, type badge, and list rows.
+UI for family stories: the rich-text editor, story cards, and story list view.
 
 ## What this domain owns
 
-Components: `GeschichteEditor.svelte`, `GeschichteSidebar.svelte`, `JourneyEditor.svelte`, `JourneyItemRow.svelte`, `JourneyAddBar.svelte`, `GeschichtenCard.svelte`, `GeschichteListRow.svelte`, `StoryReader.svelte`, `JourneyReader.svelte`, `JourneyItemCard.svelte`, `JourneyInterlude.svelte`.
+Components: `GeschichteEditor.svelte`, `GeschichtenCard.svelte`.
-Utilities: `utils.ts`.
 
 ## What this domain does NOT own
 
@@ -15,42 +14,14 @@ Utilities: `utils.ts`.
 
 ## Key components
 
-| Component                  | Used in                                      | Notes                                                                                                      |
+| Component                 | Used in                                      | Notes                                                              |
-| -------------------------- | -------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| ------------------------- | -------------------------------------------- | ------------------------------------------------------------------ |
-| `GeschichteEditor.svelte`  | `/geschichten/new`, `/geschichten/[id]/edit` | Rich-text editor (TipTap) for STORY type; delegates sidebar to `GeschichteSidebar`                         |
+| `GeschichteEditor.svelte` | `/geschichten/new`, `/geschichten/[id]/edit` | Rich-text editor with person/document @-mentions and inline embeds |
-| `GeschichteSidebar.svelte` | `GeschichteEditor`, `JourneyEditor`          | Status badge + PersonMultiSelect sidebar; `<details>` mobile collapsibles with 44px touch targets          |
+| `GeschichtenCard.svelte`  | `/geschichten` (list), dashboard             | Story preview card with cover image and publish status             |
-| `JourneyEditor.svelte`     | `/geschichten/[id]/edit` (JOURNEY branch)    | Curator editing surface: title, intro textarea, ordered item list with drag/reorder, add bar, save/publish |
-| `JourneyItemRow.svelte`    | `JourneyEditor.svelte`                       | Item row: drag handle, move-up/down, note textarea (PATCH on blur), inline remove confirm                  |
-| `JourneyAddBar.svelte`     | `JourneyEditor.svelte`                       | Two add buttons: document picker (`DocumentPickerDropdown`) and interlude draft form                       |
-| `GeschichtenCard.svelte`   | Person-detail sidebar                        | Sidebar card showing the 3 most recent stories linked to a person — NOT the list page                      |
-| `GeschichteListRow.svelte` | `/geschichten` (list)                        | Row component for the list; shows JOURNEY type badge (`text-xs` orange pill)                               |
-| `StoryReader.svelte`       | `/geschichten/[id]` (STORY branch)           | Renders sanitised rich-text body, persons section, documents section, and author actions                   |
-| `JourneyReader.svelte`     | `/geschichten/[id]` (JOURNEY branch)         | Renders intro paragraph, ordered items list, empty-state; delegates to ItemCard/Interlude                  |
-| `JourneyItemCard.svelte`   | `JourneyReader.svelte`                       | Whole-card `<a>` for a document item; dated/undated aria-label, ✎ annotation glyph                         |
-| `JourneyInterlude.svelte`  | `JourneyReader.svelte`                       | Typographic aside between letters; ❦ glyph, `aria-label="Kuratorennotiz"`                                  |
-
-## utils.ts
-
-`formatAuthorName(author)` — joins `firstName + lastName`, falls back to `email` (for list/summary shapes).
-`formatAuthorDisplayName(author)` — returns `displayName` (for detail `AuthorView` shape).
-`formatPublishedAt(publishedAt, style)` — wraps `formatDate` with null check; `style` is `'short'` (list) or `'long'` (detail).
-
-## Public list is PUBLISHED-only
-
-`GET /api/geschichten` constrains `status=PUBLISHED`, so DRAFT journeys never appear in the list.
-The REISE badge is only ever seen for published journeys.
-Empty-state and draft-preview paths are reachable ONLY via the **detail route** (`/geschichten/[id]`), not the list.
-Wire empty-state E2E tests through the detail route, not by expecting a draft journey in the list.
-
-## TypeSelector route component
-
-`TypeSelector.svelte` lives in `src/routes/geschichten/new/` (single-use route UI).
-It is NOT in `$lib/geschichte/` — route-specific, not reused elsewhere.
-`StoryCreate.svelte` (also in `new/`) wraps `GeschichteEditor` so tree-shaking excludes TipTap from the JOURNEY placeholder path.
 
 ## Audience note
 
-The `/geschichten` route primarily serves readers (younger family members on mobile). Cards must have ≥ 44 px touch targets. Status must not rely on color alone. JourneyReader mobile layout is Critical; TypeSelector is Minor.
+The `/geschichten` route primarily serves readers (younger family members on mobile). Cards must have ≥ 44 px touch targets. Status must not rely on color alone.
 
 ## Cross-domain imports
 

frontend/src/lib/geschichte/StoryReader.svelte

@@ -1,123 +0,0 @@
-<script lang="ts">
-import { m } from '$lib/paraglide/messages.js';
-import { safeHtml } from '$lib/shared/utils/sanitize';
-import { getInitials, personAvatarColor } from '$lib/person/personFormat';
-import { formatDocumentMetaLine } from './utils';
-import type { components } from '$lib/generated/api';
-
-type GeschichteView = components['schemas']['GeschichteView'];
-
-interface Props {
-	geschichte: GeschichteView;
-}
-
-let { geschichte: g }: Props = $props();
-
-const sanitized = $derived(safeHtml(g.body));
-
-const documentItems = $derived(g.items.filter((i) => i.document));
-
-function personName(p: { firstName?: string; lastName?: string }): string {
-	return [p.firstName, p.lastName].filter(Boolean).join(' ').trim();
-}
-</script>
-
-<!--
-	Body styles are explicit (no `prose`) so the text uses the full max-w-3xl
-	parent width — Tailwind Typography's default `max-w-prose` clamps to ~65ch
-	and produces a much narrower column inside an already narrow page, which
-	Leonie flagged as unreadable for the senior-author persona.
-
-	Sanitised via safeHtml() (DOMPurify) on render — matches backend OWASP allow-list.
--->
-<div
-	class="font-serif text-lg leading-relaxed text-ink [&_h2]:mt-8 [&_h2]:mb-3 [&_h2]:text-2xl [&_h2]:font-bold [&_h3]:mt-6 [&_h3]:mb-2 [&_h3]:text-xl [&_h3]:font-bold [&_li]:mb-1 [&_ol]:mb-4 [&_ol]:list-decimal [&_ol]:pl-6 [&_p]:mb-4 [&_ul]:mb-4 [&_ul]:list-disc [&_ul]:pl-6"
->
-	<!-- eslint-disable-next-line svelte/no-at-html-tags -->
-	{@html sanitized}
-</div>
-
-<!-- Personen -->
-{#if g.persons && g.persons.length > 0}
-	<section class="mt-10 border-t border-line pt-6">
-		<h2 class="mb-3 font-sans text-xs font-bold tracking-widest text-ink-2 uppercase">
-			{m.geschichten_persons_section()}
-		</h2>
-		<ul class="flex flex-wrap gap-2">
-			{#each g.persons as p (p.id)}
-				<li>
-					<a
-						href="/persons/{p.id}"
-						style="display: inline-flex; min-height: 44px"
-						class="inline-flex min-h-[44px] items-center gap-2 rounded-full border border-line bg-surface px-3 py-1.5 font-sans text-sm font-medium text-ink hover:bg-muted focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-					>
-						<span
-							aria-hidden="true"
-							class="flex h-5 w-5 shrink-0 items-center justify-center rounded-full font-sans text-[8px] font-bold text-white"
-							style="background-color: {personAvatarColor(p.id)}"
-						>
-							{getInitials(personName(p))}
-						</span>
-						{personName(p)}
-					</a>
-				</li>
-			{/each}
-		</ul>
-	</section>
-{/if}
-
-<!-- Dokumente (JourneyItems) -->
-{#if documentItems.length > 0}
-	<section class="mt-8 border-t border-line pt-6">
-		<h2 class="mb-3 font-sans text-xs font-bold tracking-widest text-ink-2 uppercase">
-			{m.geschichten_documents_section()}
-		</h2>
-		<ul class="flex flex-col gap-2">
-			{#each documentItems as item (item.id)}
-				<li>
-					<a
-						href="/documents/{item.document!.id}"
-						class="flex items-start gap-3 rounded-sm border border-line bg-surface p-3 transition-shadow hover:shadow-sm focus:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring"
-					>
-						<span
-							aria-hidden="true"
-							class="flex h-9 w-9 shrink-0 items-center justify-center rounded bg-muted"
-						>
-							<svg class="h-4 w-4 text-ink-3" viewBox="0 0 10 12" fill="none">
-								<rect
-									x="1"
-									y="1"
-									width="8"
-									height="10"
-									rx="1"
-									stroke="currentColor"
-									stroke-width="1"
-								/>
-								<path
-									d="M3 4h4M3 6.5h4M3 9h2"
-									stroke="currentColor"
-									stroke-width=".8"
-									stroke-linecap="round"
-								/>
-							</svg>
-						</span>
-						<span class="min-w-0">
-							<span class="block font-sans text-sm leading-snug font-semibold text-ink">
-								{item.document!.title}
-							</span>
-							{#if formatDocumentMetaLine(item.document!)}
-								<span class="block font-sans text-xs text-ink-3">
-									{formatDocumentMetaLine(item.document!)}
-								</span>
-							{/if}
-						</span>
-					</a>
-					{#if item.note}
-						<!-- plaintext — do NOT use {@html} here -->
-						<p class="mt-1 font-sans text-sm text-ink-3">{item.note}</p>
-					{/if}
-				</li>
-			{/each}
-		</ul>
-	</section>
-{/if}

frontend/src/lib/geschichte/StoryReader.svelte.spec.ts

@@ -1,134 +0,0 @@
-import { describe, it, expect, afterEach } from 'vitest';
-import { cleanup, render } from 'vitest-browser-svelte';
-import { page } from 'vitest/browser';
-import type { components } from '$lib/generated/api';
-
-const { default: StoryReader } = await import('./StoryReader.svelte');
-
-afterEach(cleanup);
-
-type GeschichteView = components['schemas']['GeschichteView'];
-
-const baseGeschichte = (overrides: Partial<GeschichteView> = {}): GeschichteView => ({
-	id: 'g1',
-	title: 'Die Reise nach Berlin',
-	body: '<p>Im Jahr 1923 fuhr Helene...</p>',
-	type: 'STORY',
-	status: 'PUBLISHED',
-	author: { id: 'u1', displayName: 'Anna Schmidt' },
-	persons: [],
-	items: [],
-	createdAt: '2026-01-01T00:00:00Z',
-	updatedAt: '2026-01-01T00:00:00Z',
-	...overrides
-});
-
-describe('StoryReader', () => {
-	it('renders body HTML content', async () => {
-		render(StoryReader, { props: { geschichte: baseGeschichte() } });
-
-		await expect.element(page.getByText(/Im Jahr 1923/)).toBeVisible();
-	});
-
-	it('omits persons section when persons array is empty', async () => {
-		render(StoryReader, { props: { geschichte: baseGeschichte({ persons: [] }) } });
-
-		await expect.element(page.getByText(/Personen in dieser Geschichte/i)).not.toBeInTheDocument();
-	});
-
-	it('renders persons section with firstName + lastName joined', async () => {
-		render(StoryReader, {
-			props: {
-				geschichte: baseGeschichte({
-					persons: [
-						{ id: 'p1', firstName: 'Helene', lastName: 'Schmidt' },
-						{ id: 'p2', firstName: 'Karl', lastName: 'Müller' }
-					]
-				})
-			}
-		});
-
-		await expect.element(page.getByText('Personen in dieser Geschichte')).toBeVisible();
-		await expect.element(page.getByText('Helene Schmidt')).toBeVisible();
-		await expect.element(page.getByText('Karl Müller')).toBeVisible();
-	});
-
-	it('omits documents section when no items have documents', async () => {
-		render(StoryReader, { props: { geschichte: baseGeschichte({ items: [] }) } });
-
-		await expect.element(page.getByText('Erwähnte Dokumente')).not.toBeInTheDocument();
-	});
-
-	it('renders document reference cards with title and link for items with documents', async () => {
-		render(StoryReader, {
-			props: {
-				geschichte: baseGeschichte({
-					items: [
-						{
-							id: 'i1',
-							position: 0,
-							document: {
-								id: 'd1',
-								title: 'Brief vom 12. Juli 1938',
-								documentDate: '1938-07-12',
-								senderName: 'Franz Raddatz',
-								receiverName: 'Emma Müller',
-								datePrecision: 'DAY',
-								receiverCount: 1
-							} as unknown as NonNullable<components['schemas']['JourneyItemView']['document']>,
-							note: 'Wichtiger Brief'
-						}
-					]
-				})
-			}
-		});
-
-		await expect.element(page.getByText('Erwähnte Dokumente')).toBeVisible();
-		await expect.element(page.getByText('Brief vom 12. Juli 1938')).toBeVisible();
-		await expect.element(page.getByText(/von Franz Raddatz an Emma Müller/)).toBeVisible();
-		await expect.element(page.getByText('Wichtiger Brief')).toBeVisible();
-
-		const link = document.querySelector<HTMLAnchorElement>('a[href="/documents/d1"]');
-		expect(link).not.toBeNull();
-	});
-
-	it('person chip link meets 44px touch-target minimum height', async () => {
-		render(StoryReader, {
-			props: {
-				geschichte: baseGeschichte({
-					persons: [{ id: 'p1', firstName: 'Helene', lastName: 'Schmidt' }]
-				})
-			}
-		});
-
-		const link = document.querySelector<HTMLAnchorElement>('a[href^="/persons/"]');
-		const rect = link?.getBoundingClientRect();
-		expect(rect?.height).toBeGreaterThanOrEqual(44);
-	});
-
-	it('person chip shows avatar initials', async () => {
-		render(StoryReader, {
-			props: {
-				geschichte: baseGeschichte({
-					persons: [{ id: 'p1', firstName: 'Helene', lastName: 'Schmidt' }]
-				})
-			}
-		});
-
-		const chip = document.querySelector<HTMLAnchorElement>('a[href="/persons/p1"]');
-		expect(chip?.textContent).toContain('HS');
-	});
-
-	it('XSS: Story body is sanitised — injected payload does not execute', async () => {
-		// StoryReader uses {@html safeHtml(g.body)} — DOMPurify must strip the payload.
-		render(StoryReader, {
-			props: {
-				geschichte: baseGeschichte({
-					body: '<img src=x onerror="(window as any).__xss_story=1">'
-				})
-			}
-		});
-
-		expect((window as { __xss_story?: number }).__xss_story).toBeUndefined();
-	});
-});

frontend/src/lib/geschichte/utils.test.ts

@@ -1,65 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { formatAuthorName, formatAuthorDisplayName, formatPublishedAt } from './utils';
-
-describe('formatAuthorName', () => {
-	it('joins firstName and lastName with a space', () => {
-		expect(formatAuthorName({ firstName: 'Anna', lastName: 'Schmidt' })).toBe('Anna Schmidt');
-	});
-
-	it('returns firstName alone when lastName is absent', () => {
-		expect(formatAuthorName({ firstName: 'Anna' })).toBe('Anna');
-	});
-
-	it('returns lastName alone when firstName is absent', () => {
-		expect(formatAuthorName({ lastName: 'Schmidt' })).toBe('Schmidt');
-	});
-
-	it('falls back to [Unbekannt] when both names are absent', () => {
-		expect(formatAuthorName({})).toBe('[Unbekannt]');
-	});
-
-	it('returns empty string for null input', () => {
-		expect(formatAuthorName(null)).toBe('');
-	});
-
-	it('returns empty string for undefined input', () => {
-		expect(formatAuthorName(undefined)).toBe('');
-	});
-});
-
-describe('formatAuthorDisplayName', () => {
-	it('returns displayName when present', () => {
-		expect(formatAuthorDisplayName({ displayName: 'Anna Schmidt' })).toBe('Anna Schmidt');
-	});
-
-	it('returns empty string for null input', () => {
-		expect(formatAuthorDisplayName(null)).toBe('');
-	});
-
-	it('returns empty string for undefined input', () => {
-		expect(formatAuthorDisplayName(undefined)).toBe('');
-	});
-});
-
-describe('formatPublishedAt', () => {
-	it('returns null for null input', () => {
-		expect(formatPublishedAt(null)).toBeNull();
-	});
-
-	it('returns null for undefined input', () => {
-		expect(formatPublishedAt(undefined)).toBeNull();
-	});
-
-	it('formats an ISO datetime string to a localised date', () => {
-		const result = formatPublishedAt('2026-04-15T10:00:00Z', 'short');
-		expect(result).not.toBeNull();
-		expect(result).toContain('2026');
-	});
-
-	it('slices to date-only before formatting (no TZ off-by-one)', () => {
-		// Both dates should format identically regardless of timezone offset
-		const a = formatPublishedAt('2026-04-15T00:00:00Z', 'short');
-		const b = formatPublishedAt('2026-04-15T23:59:59Z', 'short');
-		expect(a).toBe(b);
-	});
-});

frontend/src/lib/geschichte/utils.ts

@@ -1,37 +0,0 @@
-import { formatDate } from '$lib/shared/utils/date';
-import { m } from '$lib/paraglide/messages.js';
-
-type AuthorSummary = { firstName?: string; lastName?: string };
-type DocumentMeta = { documentDate?: string; senderName?: string; receiverName?: string };
-type AuthorView = { displayName: string };
-
-export function formatAuthorName(author: AuthorSummary | null | undefined): string {
-	if (!author) return '';
-	const full = [author.firstName, author.lastName].filter(Boolean).join(' ').trim();
-	// Mirrors the server-side fallback in GeschichteService.toView — email is no longer exposed.
-	return full || '[Unbekannt]';
-}
-
-export function formatAuthorDisplayName(author: AuthorView | null | undefined): string {
-	return author?.displayName ?? '';
-}
-
-export function formatPublishedAt(
-	publishedAt: string | null | undefined,
-	style: 'short' | 'long' = 'short'
-): string | null {
-	if (!publishedAt) return null;
-	return formatDate(publishedAt.slice(0, 10), style);
-}
-
-/** "12.07.1938 · von Franz an Emma" — shared by JourneyItemCard and the story doc-reference cards. */
-export function formatDocumentMetaLine(doc: DocumentMeta): string {
-	const parts: string[] = [];
-	if (doc.documentDate) parts.push(formatDate(doc.documentDate, 'short'));
-	if (doc.senderName && doc.receiverName) {
-		parts.push(m.journey_item_meta_from_to({ sender: doc.senderName, receiver: doc.receiverName }));
-	} else if (doc.senderName) {
-		parts.push(doc.senderName);
-	}
-	return parts.join(' · ');
-}

frontend/src/lib/person/PersonMultiSelect.svelte

@@ -2,11 +2,10 @@
 import type { components } from '$lib/generated/api';
 import { m } from '$lib/paraglide/messages.js';
 import { clickOutside } from '$lib/shared/actions/clickOutside';
-import type { PersonOption } from './personOption';
 type Person = components['schemas']['Person'];
 
 interface Props {
-	selectedPersons?: PersonOption[];
+	selectedPersons?: Person[];
 }
 
 let { selectedPersons = $bindable([]) }: Props = $props();

frontend/src/lib/person/personOption.ts

@@ -1,26 +0,0 @@
-import type { components } from '$lib/generated/api';
-
-type Person = components['schemas']['Person'];
-
-/**
- * Narrow chip/dedup contract for person pickers: exactly what PersonMultiSelect
- * renders. Full `Person` objects (search results) are structurally assignable;
- * view projections without a displayName go through {@link toPersonOption}.
- */
-export type PersonOption = Pick<Person, 'id' | 'displayName'>;
-
-/**
- * Maps a name-carrying projection (e.g. GeschichteView.PersonView, which has no
- * server-computed displayName) into the chip contract. Mirrors the server-side
- * fallback in GeschichteService.toView.
- */
-export function toPersonOption(p: {
-	id: string;
-	firstName?: string | null;
-	lastName?: string | null;
-}): PersonOption {
-	return {
-		id: p.id,
-		displayName: [p.firstName, p.lastName].filter(Boolean).join(' ') || '[Unbekannt]'
-	};
-}

frontend/src/lib/shared/actions/radioGroupNav.ts

@@ -18,8 +18,9 @@ export function radioGroupNav(
 		const delta = event.key === 'ArrowRight' ? 1 : -1;
 		const next = (current + delta + radios.length) % radios.length;
 
+		radios[current].setAttribute('aria-checked', 'false');
+		radios[next].setAttribute('aria-checked', 'true');
 		radios[next].focus();
-		radios.forEach((r, i) => r.setAttribute('aria-checked', i === next ? 'true' : 'false'));
 		onChangeFn?.(radios[next].getAttribute('value') ?? '');
 	}
 

frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte

@@ -3,10 +3,10 @@ import * as m from '$lib/paraglide/messages.js';
 import { relativeTimeDe } from '$lib/shared/relativeTime';
 import type { components } from '$lib/generated/api';
 
-type GeschichteSummary = components['schemas']['GeschichteSummary'];
+type Geschichte = components['schemas']['Geschichte'];
 
 interface Props {
-	drafts: GeschichteSummary[];
+	drafts: Geschichte[];
 }
 
 const { drafts }: Props = $props();

frontend/src/lib/shared/dashboard/ReaderDraftsModule.svelte.spec.ts

@@ -5,25 +5,24 @@ import { page } from 'vitest/browser';
 import ReaderDraftsModule from './ReaderDraftsModule.svelte';
 import type { components } from '$lib/generated/api';
 
-type GeschichteSummary = components['schemas']['GeschichteSummary'];
+type Geschichte = components['schemas']['Geschichte'];
 
 afterEach(() => {
 	cleanup();
 });
 
-const draft1: GeschichteSummary = {
+const draft1: Geschichte = {
 	id: 'g1',
 	title: 'Mein erster Entwurf',
 	status: 'DRAFT',
-	type: 'STORY',
+	createdAt: '2025-01-01T00:00:00Z',
 	updatedAt: '2025-01-02T00:00:00Z'
 };
 
-const draft2: GeschichteSummary = {
+const draft2: Geschichte = {
 	id: 'g2',
 	title: 'Zweiter Entwurf',
 	status: 'DRAFT',
-	type: 'STORY',
 	createdAt: '2025-02-01T00:00:00Z',
 	updatedAt: '2025-02-01T00:00:00Z'
 };

frontend/src/lib/shared/dashboard/ReaderRecentStories.svelte

@@ -3,10 +3,10 @@ import * as m from '$lib/paraglide/messages.js';
 import { relativeTimeDe } from '$lib/shared/relativeTime';
 import type { components } from '$lib/generated/api';
 
-type GeschichteSummary = components['schemas']['GeschichteSummary'];
+type Geschichte = components['schemas']['Geschichte'];
 
 interface Props {
-	stories: GeschichteSummary[];
+	stories: Geschichte[];
 }
 
 const { stories }: Props = $props();