Skip to content

Latest commit

 

History

History
38 lines (31 loc) · 1.45 KB

File metadata and controls

38 lines (31 loc) · 1.45 KB

App Workflows

User journeys inside the application.

Upload Files

  • User navigates to /upload
  • Drops or selects files in the dropzone
  • Client validates file size (max 100MB) and type
  • Progress bar shows per-file upload status
  • On success: toast notification, green checkmark
  • On failure: red status icon with error message
  • User can clear completed uploads
  • See: File Upload

Browse and Manage Files

  • User navigates to /files
  • Page loads file list from API (sorted most recent first)
  • Files displayed in tree view with folders and type-specific icons
  • Top-level folders auto-expand on load
  • Hover a file row to see action buttons (preview / download / delete)
  • Preview: opens dialog with image/PDF preview + metadata panel
  • Download: fetches presigned URL, browser downloads file
  • Delete: removes file from B2, row removed from tree, toast confirms
  • Empty bucket shows "No files found" with upload prompt
  • See: File Browser

View Dashboard

  • User navigates to / (home)
  • Three parallel API calls load: stats, recent files, upload activity
  • Stats cards show: total files, storage used, uploads today, total downloads
  • Upload chart shows last 7 days of upload activity as bar chart
  • Recent uploads table shows last 10 files with filename, size, type, date
  • Empty state: "No files uploaded yet" messages
  • See: Dashboard