- DocumentMetadataDrawer: 3-column grid (≥1024px), single-column mobile
Shows document date, location, status, person cards, tag chips
Person names link to /persons/{id}, tags link to filtered search
Empty states for missing persons/tags, receiver cap with expand button
- DocumentTopBar: "Details" toggle button with animated SVG chevron
44×44px tap target, aria-expanded, Svelte slide transition
Semantic color tokens for dark mode compatibility
- Remove DocumentBottomPanel from document detail page
Bottom panel replaced by topbar drawer for metadata access
Simplify +page.server.ts (remove comments loading)
Update page.server.spec.ts for new load signature
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
20 lines
631 B
TypeScript
20 lines
631 B
TypeScript
import { error, redirect } from '@sveltejs/kit';
|
|
import { createApiClient } from '$lib/api.server';
|
|
import { getErrorMessage } from '$lib/errors';
|
|
|
|
export async function load({ params, fetch }) {
|
|
const { id } = params;
|
|
const api = createApiClient(fetch);
|
|
|
|
const docResult = await api.GET('/api/documents/{id}', { params: { path: { id } } });
|
|
|
|
if (docResult.response.status === 401) throw redirect(302, '/login');
|
|
|
|
if (!docResult.response.ok) {
|
|
const code = (docResult.error as unknown as { code?: string })?.code;
|
|
throw error(docResult.response.status, getErrorMessage(code));
|
|
}
|
|
|
|
return { document: docResult.data! };
|
|
}
|