refactor: move shared components to lib/shared/ sub-packages

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/lib/document/DocumentRow.svelte

@@ -5,8 +5,8 @@ import { applyOffsets } from '$lib/document/search';
 import { formatDate } from '$lib/shared/utils/date';
 import * as m from '$lib/paraglide/messages.js';
 import { bulkSelectionStore } from '$lib/document/bulkSelection.svelte';
-import ProgressRing from '$lib/components/ProgressRing.svelte';
-import ContributorStack from '$lib/components/ContributorStack.svelte';
+import ProgressRing from '$lib/shared/primitives/ProgressRing.svelte';
+import ContributorStack from '$lib/shared/primitives/ContributorStack.svelte';
 import DocumentThumbnail from './DocumentThumbnail.svelte';
 
 type DocumentSearchItem = components['schemas']['DocumentSearchItem'];

frontend/src/lib/document/DocumentTopBar.svelte

@@ -4,9 +4,9 @@ import { slide } from 'svelte/transition';
 import { formatDate } from '$lib/shared/utils/date';
 import { clickOutside } from '$lib/shared/actions/clickOutside';
 import PersonChipRow from '$lib/person/PersonChipRow.svelte';
-import OverflowPillButton from '$lib/components/OverflowPillButton.svelte';
+import OverflowPillButton from '$lib/shared/primitives/OverflowPillButton.svelte';
 import DocumentMetadataDrawer from './DocumentMetadataDrawer.svelte';
-import BackButton from '$lib/components/BackButton.svelte';
+import BackButton from '$lib/shared/primitives/BackButton.svelte';
 
 type Person = { id: string; firstName?: string | null; lastName: string; displayName: string };
 type Tag = { id: string; name: string };

frontend/src/lib/document/ReadyColumn.svelte

@@ -3,7 +3,7 @@ import * as m from '$lib/paraglide/messages.js';
 import { getLocale } from '$lib/paraglide/runtime.js';
 import { formatMCDate } from '$lib/shared/utils/date.js';
 import type { components } from '$lib/generated/api';
-import ContributorStack from '$lib/components/ContributorStack.svelte';
+import ContributorStack from '$lib/shared/primitives/ContributorStack.svelte';
 
 type TranscriptionQueueItemDTO = components['schemas']['TranscriptionQueueItemDTO'];
 

frontend/src/lib/document/SegmentationColumn.svelte

@@ -3,7 +3,7 @@ import * as m from '$lib/paraglide/messages.js';
 import { getLocale } from '$lib/paraglide/runtime.js';
 import { formatMCDate } from '$lib/shared/utils/date.js';
 import type { components } from '$lib/generated/api';
-import ContributorStack from '$lib/components/ContributorStack.svelte';
+import ContributorStack from '$lib/shared/primitives/ContributorStack.svelte';
 
 type TranscriptionQueueItemDTO = components['schemas']['TranscriptionQueueItemDTO'];
 

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 import { m } from '$lib/paraglide/messages.js';
 import { getConfirmService } from '$lib/shared/services/confirm.svelte.js';
-import CommentThread from '$lib/components/CommentThread.svelte';
-import PersonMentionEditor from '$lib/components/PersonMentionEditor.svelte';
+import CommentThread from '$lib/shared/discussion/CommentThread.svelte';
+import PersonMentionEditor from '$lib/shared/discussion/PersonMentionEditor.svelte';
 import type { PersonMention } from '$lib/types';
 
 const { confirm } = getConfirmService();

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

@@ -3,7 +3,7 @@ import * as m from '$lib/paraglide/messages.js';
 import { getLocale } from '$lib/paraglide/runtime.js';
 import { formatMCDate } from '$lib/shared/utils/date.js';
 import type { components } from '$lib/generated/api';
-import ContributorStack from '$lib/components/ContributorStack.svelte';
+import ContributorStack from '$lib/shared/primitives/ContributorStack.svelte';
 
 type TranscriptionQueueItemDTO = components['schemas']['TranscriptionQueueItemDTO'];
 

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

@@ -2,7 +2,7 @@
 import { m } from '$lib/paraglide/messages.js';
 import TranscriptionBlock from './TranscriptionBlock.svelte';
 import OcrTrigger from '$lib/ocr/OcrTrigger.svelte';
-import TranscribeCoachEmptyState from '$lib/components/TranscribeCoachEmptyState.svelte';
+import TranscribeCoachEmptyState from '$lib/shared/help/TranscribeCoachEmptyState.svelte';
 import type { PersonMention, TranscriptionBlockData } from '$lib/types';
 import { createBlockAutoSave } from '$lib/document/transcription/useBlockAutoSave.svelte';
 import { createBlockDragDrop } from '$lib/document/transcription/useBlockDragDrop.svelte';

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 import { m } from '$lib/paraglide/messages.js';
 import { getLocale } from '$lib/paraglide/runtime.js';
-import HelpPopover from '$lib/components/HelpPopover.svelte';
+import HelpPopover from '$lib/shared/help/HelpPopover.svelte';
 
 type Props = {
 	mode: 'read' | 'edit';

frontend/src/lib/person/PersonChipRow.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import PersonChip from './PersonChip.svelte';
-import OverflowPillDisplay from '$lib/components/OverflowPillDisplay.svelte';
+import OverflowPillDisplay from '$lib/shared/primitives/OverflowPillDisplay.svelte';
 
 type Person = { id: string; firstName?: string | null; lastName: string; displayName: string };
 

frontend/src/lib/shared/discussion/CommentThread.svelte

@@ -2,8 +2,8 @@
 import { onMount, untrack } from 'svelte';
 import { m } from '$lib/paraglide/messages.js';
 import type { Comment, FlatMessage, MentionDTO } from '$lib/types';
-import MentionEditor from '$lib/components/MentionEditor.svelte';
-import CommentMessage from '$lib/components/CommentMessage.svelte';
+import MentionEditor from '$lib/shared/discussion/MentionEditor.svelte';
+import CommentMessage from '$lib/shared/discussion/CommentMessage.svelte';
 import { extractContent } from '$lib/shared/discussion/mention';
 type Props = {
 	documentId: string;

frontend/src/lib/shared/hooks/useTypeahead.svelte.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
 
-const { createTypeahead } = await import('../useTypeahead.svelte');
+const { createTypeahead } = await import('./useTypeahead.svelte');
 
 describe('createTypeahead', () => {
 	beforeEach(() => {

frontend/src/lib/shared/hooks/useUnsavedWarning.svelte.test.ts

@@ -14,7 +14,7 @@ vi.mock('$app/navigation', () => ({
 	goto: mockGoto
 }));
 
-const { createUnsavedWarning } = await import('../useUnsavedWarning.svelte');
+const { createUnsavedWarning } = await import('./useUnsavedWarning.svelte');
 
 function simulateNavigate(href: string | null = '/somewhere') {
 	const cancel = vi.fn();

frontend/src/lib/shared/services/confirm.test-host.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 import { provideConfirmService, type ConfirmService } from './confirm.svelte.js';
-import ConfirmDialog from '$lib/components/ConfirmDialog.svelte';
+import ConfirmDialog from '$lib/shared/primitives/ConfirmDialog.svelte';
 
 let { onReady }: { onReady: (service: ConfirmService) => void } = $props();