feat(frontend): add discussion sub-tab navigation for annotation threads
Some checks failed
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Successful in 2m34s
CI / Backend Unit Tests (pull_request) Successful in 2m16s
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (pull_request) Failing after 24m11s

Within the Diskussion panel tab, show two sub-tabs when an annotation is
active: «Diskussion» (document-level thread, with comment-count badge) and
«Annotation · Seite N» (annotation-specific thread).

Behaviour:
- Clicking an annotation auto-switches to the Annotation sub-tab
- Clicking the Diskussion sub-tab deselects the annotation and returns to
  the document thread
- Escape clears the active annotation (or collapses the panel if none)
- activeAnnotationPage is now lifted from PdfViewer → DocumentViewer →
  page → DocumentBottomPanel → PanelDiscussion so the tab label shows the
  correct page number

Closes #60
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-24 22:45:35 +01:00
parent 8c2bdbd777
commit ecfd80bf9a
8 changed files with 112 additions and 28 deletions

View File

@@ -49,6 +49,8 @@ type Props = {
height: number;
activeTab: Tab;
activeAnnotationId: string | null;
activeAnnotationPage: number | null;
onClearAnnotation?: () => void;
onAnnotationCommentCountChange?: (annotationId: string, count: number) => void;
};
@@ -62,6 +64,8 @@ let {
height = $bindable(),
activeTab = $bindable(),
activeAnnotationId,
activeAnnotationPage,
onClearAnnotation,
onAnnotationCommentCountChange
}: Props = $props();
@@ -182,10 +186,12 @@ const panelHeight = $derived(open ? height : MIN_HEIGHT);
<PanelDiscussion
documentId={doc.id}
activeAnnotationId={activeAnnotationId}
activeAnnotationPage={activeAnnotationPage}
initialComments={comments}
canComment={canComment}
currentUserId={currentUserId}
canAdmin={canAdmin}
onClearAnnotation={onClearAnnotation}
onAnnotationCommentCountChange={onAnnotationCommentCountChange}
/>
{:else if activeTab === 'history'}