diff --git a/src/components/cases/documents-tab.tsx b/src/components/cases/documents-tab.tsx
index 4d3b86d..c34d4ec 100644
--- a/src/components/cases/documents-tab.tsx
+++ b/src/components/cases/documents-tab.tsx
@@ -37,6 +37,9 @@ export function CaseDocumentsTab({ caseId }: { caseId: string }) {
   const [dragOver, setDragOver] = useState(false);
   const [creatingFolder, setCreatingFolder] = useState(false);
   const [newFolderName, setNewFolderName] = useState("");
+  const [previewDoc, setPreviewDoc] = useState<any | null>(null);
+  const [previewUrl, setPreviewUrl] = useState<string | null>(null);
+  const [previewLoading, setPreviewLoading] = useState(false);
   const fileRef = useRef<HTMLInputElement>(null);
 
   const load = useCallback(async () => {