feat: 드래그 앤 드롭 업로드 (UploadDropzone)

- 파일 드래그 시 전체 페이지 오버레이
- 순차 업로드 + 파일별 진행 상태
- 성공/실패 토스트 + 목록 자동 새로고침
- documents 페이지에 통합

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Hyungi Ahn
2026-04-03 11:02:42 +09:00
parent 41072a2e6d
commit 87bdd8003c
2 changed files with 118 additions and 0 deletions

View File

@@ -7,6 +7,7 @@
import DocumentCard from '$lib/components/DocumentCard.svelte';
import PreviewPanel from '$lib/components/PreviewPanel.svelte';
import DocumentViewer from '$lib/components/DocumentViewer.svelte';
import UploadDropzone from '$lib/components/UploadDropzone.svelte';
let documents = $state([]);
let total = $state(0);
@@ -135,6 +136,9 @@
<div class="flex flex-col h-full">
<!-- 상단: 문서 목록 (30% when viewer active, 100% otherwise) -->
<div class="overflow-y-auto px-4 py-3 {selectedDoc ? 'h-[30%] shrink-0 border-b border-[var(--border)]' : 'flex-1'}">
<!-- 업로드 드롭존 -->
<UploadDropzone onupload={loadDocuments} />
<!-- 검색바 + 정보 버튼 -->
<div class="flex gap-2 mb-3">
<input