fix(#73): open annotation side panel when deep-linking via ?annotationId=

- NotificationBell now includes annotationId in the deep-link URL when available
- +page.svelte reads ?annotationId= param and sets activeAnnotationId on mount,
  opening the side panel instead of the bottom discussion drawer
- AnnotationSidePanel accepts and forwards targetCommentId to CommentThread
  so the specific comment is highlighted when navigating via a notification

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Marcel
2026-03-28 11:44:51 +01:00
parent d13422c65a
commit 7825c7749a
3 changed files with 14 additions and 3 deletions

View File

@@ -9,6 +9,7 @@ type Props = {
canComment: boolean;
currentUserId: string | null;
canAdmin: boolean;
targetCommentId?: string | null;
onClose: () => void;
};
@@ -19,6 +20,7 @@ let {
canComment,
currentUserId,
canAdmin,
targetCommentId = null,
onClose
}: Props = $props();
@@ -57,6 +59,7 @@ const visible = $derived(activeAnnotationId !== null);
canComment={canComment}
currentUserId={currentUserId}
canAdmin={canAdmin}
targetCommentId={targetCommentId}
loadOnMount={true}
/>
{/key}

View File

@@ -9,6 +9,7 @@ type NotificationItem = {
type: 'REPLY' | 'MENTION';
documentId: string;
referenceId: string;
annotationId: string | null;
read: boolean;
createdAt: string;
actorName: string;
@@ -62,7 +63,9 @@ async function markRead(notification: NotificationItem) {
console.error('Failed to mark notification as read', e);
}
}
const url = `/documents/${notification.documentId}?commentId=${notification.referenceId}`;
const url = notification.annotationId
? `/documents/${notification.documentId}?commentId=${notification.referenceId}&annotationId=${notification.annotationId}`
: `/documents/${notification.documentId}?commentId=${notification.referenceId}`;
closeDropdown();
goto(url);
}