Update template sizing/box wrapping fixes

frontend/src/lib/version.ts

@@ -1 +1 @@
-export const APP_VERSION = "V0.1.5";
+export const APP_VERSION = "V0.1.6";

frontend/src/pages/UploadPage.tsx

@@ -9,12 +9,15 @@ import {
   FileText,
   FilePlus,
   Edit,
+  Trash2,
+  ChevronDown,
+  ChevronUp,
 } from "react-feather";
 
 import { postForm, request } from "../lib/api";
 import { formatBytes } from "../lib/format";
 import { formatDocNumber } from "../lib/report";
-import { setStoredSessionId } from "../lib/session";
+import { clearStoredSessionId, setStoredSessionId } from "../lib/session";
 import { APP_VERSION } from "../lib/version";
 import { LoadingBar } from "../components/LoadingBar";
 import type { Session } from "../types/session";
@@ -29,7 +32,11 @@ export default function UploadPage() {
   const [inspectionDate, setInspectionDate] = useState("");
   const [uploadStatus, setUploadStatus] = useState("");
   const [statusTone, setStatusTone] = useState<StatusTone>("idle");
-  const [recentSessions, setRecentSessions] = useState<Session[]>([]);
+  const [allSessions, setAllSessions] = useState<Session[]>([]);
+  const [showAllReports, setShowAllReports] = useState(false);
+  const [deletingSessionId, setDeletingSessionId] = useState<string | null>(
+    null,
+  );
   const [dragActive, setDragActive] = useState(false);
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [uploadProgress, setUploadProgress] = useState<number | null>(null);
@@ -68,7 +75,7 @@ export default function UploadPage() {
       try {
         const sessions = await request<Session[]>("/sessions");
         if (Array.isArray(sessions)) {
-          setRecentSessions(sessions.slice(0, 5));
+          setAllSessions(sessions);
         }
       } catch {
         // ignore for now
@@ -139,6 +146,44 @@ export default function UploadPage() {
     }
   }
 
+  async function handleDeleteSession(sessionId: string) {
+    const target = allSessions.find((session) => session.id === sessionId);
+    const targetLabel = target?.document_no || formatDocNumber(target || { id: sessionId } as Session);
+    const confirmDelete = window.confirm(
+      `Delete this report permanently?\n\n${targetLabel}\n#${sessionId.slice(0, 8)}`,
+    );
+    if (!confirmDelete) return;
+
+    setDeletingSessionId(sessionId);
+    try {
+      await request<null>(`/sessions/${sessionId}`, { method: "DELETE" });
+      setAllSessions((prev) => prev.filter((session) => session.id !== sessionId));
+      if (showAllReports && allSessions.length - 1 <= 5) {
+        setShowAllReports(false);
+      }
+      clearStoredSessionId();
+    } catch (err) {
+      const message =
+        err instanceof Error ? err.message : "Failed to delete report.";
+      setUploadStatus(message);
+      setStatusTone("error");
+    } finally {
+      setDeletingSessionId(null);
+    }
+  }
+
+  const visibleSessions = useMemo(
+    () => (showAllReports ? allSessions : allSessions.slice(0, 5)),
+    [allSessions, showAllReports],
+  );
+
+  function fileSummaryForSession(session: Session): string {
+    const photos = session.uploads?.photos?.length ?? 0;
+    const docs = session.uploads?.documents?.length ?? 0;
+    const data = session.uploads?.data_files?.length ?? 0;
+    return `${photos} photos - ${docs} docs - ${data} data`;
+  }
+
   return (
     <main className="max-w-4xl mx-auto my-8 bg-white shadow-sm ring-1 ring-gray-200 rounded-xl p-6 md:p-8">
       <header className="mb-10 border-b border-gray-200 pb-4">
@@ -386,6 +431,37 @@ export default function UploadPage() {
         </h2>
 
         <div className="rounded-lg border border-gray-200 bg-white overflow-hidden">
+          <div className="flex items-center justify-between gap-3 border-b border-gray-200 bg-gray-50 px-4 py-3">
+            <div className="text-sm text-gray-700">
+              Showing{" "}
+              <span className="font-semibold text-gray-900">
+                {visibleSessions.length}
+              </span>{" "}
+              of{" "}
+              <span className="font-semibold text-gray-900">
+                {allSessions.length}
+              </span>{" "}
+              report{allSessions.length === 1 ? "" : "s"}
+            </div>
+            <button
+              type="button"
+              onClick={() => setShowAllReports((prev) => !prev)}
+              disabled={allSessions.length <= 5}
+              className="inline-flex items-center gap-2 rounded-lg border border-gray-200 bg-white px-3 py-2 text-xs font-semibold text-gray-800 hover:bg-gray-100 transition disabled:opacity-50 disabled:cursor-not-allowed"
+            >
+              {showAllReports ? (
+                <>
+                  <ChevronUp className="h-4 w-4" />
+                  Collapse to recent
+                </>
+              ) : (
+                <>
+                  <ChevronDown className="h-4 w-4" />
+                  Expand all
+                </>
+              )}
+            </button>
+          </div>
           <div className="overflow-x-auto">
             <table className="min-w-full divide-y divide-gray-200">
               <thead className="bg-gray-50">
@@ -402,6 +478,9 @@ export default function UploadPage() {
                   <th className="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">
                     Status
                   </th>
+                  <th className="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">
+                    Files
+                  </th>
                   <th className="px-6 py-3 text-left text-xs font-semibold text-gray-500 uppercase tracking-wider">
                     Actions
                   </th>
@@ -409,14 +488,14 @@ export default function UploadPage() {
               </thead>
 
               <tbody className="bg-white divide-y divide-gray-200">
-                {recentSessions.length === 0 ? (
+                {allSessions.length === 0 ? (
                   <tr>
-                    <td colSpan={5} className="px-6 py-6 text-sm text-gray-500 text-center">
+                    <td colSpan={6} className="px-6 py-6 text-sm text-gray-500 text-center">
                       No recent reports yet.
                     </td>
                   </tr>
                 ) : (
-                  recentSessions.map((session) => (
+                  visibleSessions.map((session) => (
                     <tr key={session.id}>
                       <td className="px-6 py-4 whitespace-nowrap text-sm font-semibold text-gray-900">
                         #{session.id.slice(0, 8)}
@@ -434,17 +513,33 @@ export default function UploadPage() {
                           {session.status || "ready"}
                         </span>
                       </td>
+                      <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-600">
+                        {fileSummaryForSession(session)}
+                      </td>
                       <td className="px-6 py-4 whitespace-nowrap text-sm">
-                        <button
-                          type="button"
-                          onClick={() =>
-                            navigate(`/report-viewer?session=${session.id}`)
-                          }
-                          className="inline-flex items-center text-blue-700 hover:text-blue-800"
-                          aria-label="View report"
-                        >
-                          <Edit className="h-4 w-4" />
-                        </button>
+                        <div className="inline-flex items-center gap-3">
+                          <button
+                            type="button"
+                            onClick={() =>
+                              navigate(`/report-viewer?session=${session.id}`)
+                            }
+                            className="inline-flex items-center text-blue-700 hover:text-blue-800"
+                            aria-label="View report"
+                            title="Open report"
+                          >
+                            <Edit className="h-4 w-4" />
+                          </button>
+                          <button
+                            type="button"
+                            onClick={() => handleDeleteSession(session.id)}
+                            disabled={deletingSessionId === session.id}
+                            className="inline-flex items-center text-red-700 hover:text-red-800 disabled:opacity-50"
+                            aria-label="Delete report"
+                            title="Delete report"
+                          >
+                            <Trash2 className="h-4 w-4" />
+                          </button>
+                        </div>
                       </td>
                     </tr>
                   ))

server/app/api/routes/sessions.py

@@ -78,6 +78,16 @@ def list_sessions(store: SessionStore = Depends(get_session_store)) -> List[Sess
     return [_attach_urls(session) for session in sessions]
 
 
+@router.delete("/{session_id}", status_code=status.HTTP_204_NO_CONTENT)
+def delete_session(
+    session_id: str, store: SessionStore = Depends(get_session_store)
+) -> None:
+    session_id = _normalize_session_id(session_id, store)
+    deleted = store.delete_session(session_id)
+    if not deleted:
+        raise HTTPException(status_code=404, detail="Session not found.")
+
+
 @router.post("", response_model=SessionResponse, status_code=status.HTTP_201_CREATED)
 def create_session(
     document_no: str = Form(""),

server/app/services/pdf_reportlab.py

@@ -910,7 +910,7 @@ def render_report_pdf(
                 pdf.setFillColor(gray_50)
                 pdf.roundRect(x, y, cell_w, cell_h, 3 * mm, stroke=1, fill=1)
 
-                caption_text = f"Fig {idx + 1}: {label}" if label else ""
+                caption_text = label or ""
                 caption_font = "Helvetica"
                 caption_size = 9
                 caption_leading = 10

server/app/services/session_store.py

@@ -3,6 +3,7 @@ from __future__ import annotations
 import copy
 import json
 import re
+import shutil
 from dataclasses import dataclass
 from datetime import datetime, timezone
 from pathlib import Path
@@ -342,6 +343,14 @@ class SessionStore:
         session["updated_at"] = _now_iso()
         self._save_session(session)
 
+    def delete_session(self, session_id: str) -> bool:
+        session_dir = self._session_dir(session_id)
+        if not session_dir.exists():
+            return False
+        with self._lock:
+            shutil.rmtree(session_dir, ignore_errors=False)
+        return True
+
     def add_uploads(self, session: dict, uploads: Iterable[StoredFile]) -> dict:
         for item in uploads:
             session["uploads"].setdefault(item.category, [])