This website requires JavaScript.
Component Diagram: Web Frontend — Document Workflows Component Diagram: Web Frontend — Document Workflows Web Frontend (SvelteKit / SSR) [system] «component» / (Home / Search) [SvelteKit Route] Loader: parses URL params (q, from, to, senderId, receiverId, tags), fetches /api/documents/search and /api/persons. Renders search form with full-text, date range, sender/receiver typeahead, and tag filters. «component» /documents/+page.ts [SvelteKit Client Loader] Client-side load gated by matchMedia('(min-width: 1024px)') and ?view query. Fetches /api/documents/density only on desktop (Tailwind lg breakpoint) and outside calendar view; degrades to empty buckets on network failure. «component» TimelineDensityFilter.svelte [Svelte Component] Per-month density bars above the document list. Click selects a single month, emits onchange({from, to}) using YYYY-MM-DD boundaries. Hidden on mobile and tablet (below lg, 1024px) and in calendar view. «component» SearchFilterBar.svelte [Svelte Component] Search/filter card on /documents. Hosts the keyword input, sort, advanced filters, and the smart-mode toggle. In smart mode submits the NL query on Enter via onSmartSearch instead of the live keyword search. «component» search/SmartModeToggle.svelte [Svelte Component] Toggle pill (KI/Text) inside the search input. aria-pressed; switches between keyword and NL (smart) search modes. «component» search/InterpretationChipRow.svelte [Svelte Component] Renders NL interpretation chips (Absender / directional / Zeitraum / Stichwort). Removing a chip emits onRemoveChip; the page re-runs a keyword GET with the remaining params. «component» search/SmartSearchStatus.svelte [Svelte Component] Full-area panels for NL search: loading (role=status), 503 SMART_SEARCH_UNAVAILABLE (with keyword fallback), 429 SMART_SEARCH_RATE_LIMITED. «component» search/DisambiguationPicker.svelte [Svelte Component] Accessible single-select disclosure for ambiguous person names; selecting a candidate re-runs the search via GET. «component» /documents/[id] [SvelteKit Route] Loader: GET /api/documents/{id}. Page: metadata panel, inline file viewer, transcription editor, annotation layer, and comment thread. «component» /documents/[id]/edit [SvelteKit Route] Edit form with PersonTypeahead, TagInput, date/location fields. Form action: PUT /api/documents/{id}. «component» /documents/new [SvelteKit Route] Upload form for a new document. Loader: GET /api/persons. Form action: POST /api/documents with multipart file. «component» /documents/bulk-edit [SvelteKit Route] Multi-document metadata editor. Loader: GET /api/documents/incomplete. Requires WRITE_ALL (redirects otherwise). Action: PATCH /api/documents/bulk. «component» /enrich/[id] [SvelteKit Route] Guided enrichment workflow. Loader: GET /api/documents/{id}. Progressively saves annotations and transcription blocks. «component» /api/persons (SvelteKit API) [SvelteKit Server Route] Proxies GET /api/persons?q=... to backend for PersonTypeahead suggestions. «component» /api/tags (SvelteKit API) [SvelteKit Server Route] Proxies GET /api/tags to backend for TagInput autocomplete. «component» PersonTypeahead.svelte [Svelte Component] Async autocomplete for selecting a person. Debounces input, calls /api/persons?q=. «component» TagInput.svelte [Svelte Component] Multi-tag input. Supports free-text entry and selecting existing tags from /api/tags. «person» User «container» API Backend [Spring Boot] Searches and browses [HTTPS / Browser] GET /api/documents/search, GET /api/persons [HTTP / JSON] POST /api/search/nl (smart mode) [HTTP / JSON] GET /api/documents/density (desktop only, ≥1024px) [HTTP / JSON] Mounts above the result list Mounts the search/filter card Embeds the smart-mode toggle in the input Renders loading / 503 / 429 panels Renders interpretation chips; handles chip removal Renders the picker when names are ambiguous Provides density / minDate / maxDate props GET /api/documents/{id}, GET /api/documents/{id}/file [HTTP / JSON + Binary] PUT /api/documents/{id} [HTTP / Multipart] GET /api/persons, POST /api/documents [HTTP / JSON + Multipart] GET /api/documents/incomplete, PATCH /api/documents/bulk [HTTP / JSON] GET/POST /api/transcription, POST /api/documents/{id}/annotations [HTTP / JSON] Uses for sender/receiver filter Uses for sender/receiver selection Uses for sender selection Uses for tag management Fetches suggestions [HTTP] Fetches existing tags [HTTP] GET /api/persons [HTTP / JSON] GET /api/tags [HTTP / JSON]
87af9ab446