feat: add per-patient Local folder in Documents page backed by Cloud Storage

- Documents page shows a "Local Folder" card for each selected patient
  with an "Open in Cloud Storage" button that deep-links to their folder
- Cloud Storage page reads ?folderId URL param on mount and auto-opens
  the folder panel for seamless navigation from Documents
- Backend: GET /api/cloud-storage/patient-folder/:patientId endpoint
  that idempotently gets or creates a top-level CloudFolder per patient
- CloudFolder schema gains optional patientId field linked to Patient
- Disk directories for cloud storage folders now use the folder's name
  (e.g. "Xiaohui Wang/") instead of the opaque "folder-{id}/" path

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
ff
2026-06-05 23:01:56 -04:00
parent 2457e12b5c
commit d5bc96ff39
158 changed files with 1539 additions and 130 deletions

View File

@@ -1,4 +1,5 @@
import { useState } from "react";
import { useEffect, useState } from "react";
import { useSearch } from "wouter";
import { useQueryClient } from "@tanstack/react-query";
import { Button } from "@/components/ui/button";
import { Folder as FolderIcon, Search as SearchIcon } from "lucide-react";
@@ -20,6 +21,7 @@ export default function CloudStoragePage() {
const { toast } = useToast();
const { user } = useAuth();
const qc = useQueryClient();
const search = useSearch();
// panel open + initial folder id to show when opening
const [panelOpen, setPanelOpen] = useState(false);
@@ -27,6 +29,16 @@ export default function CloudStoragePage() {
number | null
>(null);
// Deep-link: if navigated here with ?folderId=XXX, open that folder automatically
useEffect(() => {
const params = new URLSearchParams(search);
const id = Number(params.get("folderId"));
if (id > 0) {
setPanelInitialFolderId(id);
setPanelOpen(true);
}
}, [search]);
// key to remount recent card to clear its internal selection when needed
const [recentKey, setRecentKey] = useState(0);