feat: signature verification UI and analysis route fixes

- Add reference document picker modal for signature verification
- Fix writer_identification path mapping (backend uses /writer not /writer-identification)
- Add missing common.cancel translation in it/en

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

frontend/src/i18n/en.json

@@ -93,6 +93,7 @@
     "delete": "Delete",
     "edit": "Edit",
     "close": "Close",
+    "cancel": "Cancel",
     "confirm": "Confirm",
     "back": "Back",
     "language": "Language"

frontend/src/i18n/it.json

@@ -59,7 +59,10 @@
       "dating": "Datazione documento"
     },
     "running": "Analisi in corso…",
-    "done": "Analisi completata"
+    "done": "Analisi completata",
+    "select_reference_doc": "Seleziona documento di riferimento",
+    "select_reference_doc_hint": "Scegli il documento che contiene la firma autentica da usare come riferimento.",
+    "select_reference_placeholder": "— seleziona documento —"
   },
   "rag": {
     "title": "Consulente Forense IA",
@@ -93,6 +96,7 @@
     "delete": "Elimina",
     "edit": "Modifica",
     "close": "Chiudi",
+    "cancel": "Annulla",
     "confirm": "Conferma",
     "back": "Indietro",
     "language": "Lingua"

frontend/src/lib/api.ts

@@ -146,8 +146,13 @@ export const projectsApi = {
 
 // Analysis
 export const analysisApi = {
-  run: (type: string, projectId: number, documentId: number) =>
-    api.post<Analysis>(`/analysis/${type.replaceAll("_", "-")}`, { project_id: projectId, document_id: documentId }),
+  run: (type: string, projectId: number, documentId: number) => {
+    const pathMap: Record<string, string> = { writer_identification: "writer" }
+    const path = pathMap[type] ?? type.replaceAll("_", "-")
+    return api.post<Analysis>(`/analysis/${path}`, { project_id: projectId, document_id: documentId })
+  },
+  runSignatureVerification: (projectId: number, documentId: number, referenceDocumentId: number) =>
+    api.post<Analysis>("/analysis/signature-verification", { project_id: projectId, document_id: documentId, reference_document_id: referenceDocumentId }),
   runPipeline: (projectId: number, documentId: number) =>
     api.post<Analysis>("/analysis/pipeline", { project_id: projectId, document_id: documentId }),
   list: (projectId: number) => api.get<Analysis[]>(`/analysis/project/${projectId}`),

frontend/src/pages/ProjectDetailPage.tsx

@@ -57,6 +57,8 @@ export default function ProjectDetailPage() {
   const [loading, setLoading] = useState(true)
   const [selectedDoc, setSelectedDoc] = useState<number | null>(null)
   const [runningType, setRunningType] = useState<string | null>(null)
+  const [refDoc, setRefDoc] = useState<number | null>(null)
+  const [showRefPicker, setShowRefPicker] = useState(false)
   const fileRef = useRef<HTMLInputElement>(null)
 
   async function load() {
@@ -92,6 +94,10 @@ export default function ProjectDetailPage() {
 
   async function handleRunAnalysis(type: string) {
     if (!selectedDoc) return
+    if (type === "signature_verification") {
+      setShowRefPicker(true)
+      return
+    }
     setRunningType(type)
     try {
       const { data } = await analysisApi.run(type, projectId, selectedDoc)
@@ -101,10 +107,45 @@ export default function ProjectDetailPage() {
     }
   }
 
+  async function handleRunSigVerify() {
+    if (!selectedDoc || !refDoc) return
+    setShowRefPicker(false)
+    setRunningType("signature_verification")
+    try {
+      const { data } = await analysisApi.runSignatureVerification(projectId, selectedDoc, refDoc)
+      setAnalyses((a) => [data, ...a])
+    } finally {
+      setRunningType(null)
+    }
+  }
+
   if (loading) return <div className="p-6 text-muted-foreground">{t("common.loading")}</div>
   if (!project) return <div className="p-6">{t("common.error")}</div>
 
   return (
+    <>
+    {showRefPicker && (
+      <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+        <div className="bg-background rounded-lg p-6 w-96 space-y-4 shadow-xl">
+          <h2 className="font-semibold">{t("project.select_reference_doc")}</h2>
+          <p className="text-sm text-muted-foreground">{t("project.select_reference_doc_hint")}</p>
+          <select
+            className="w-full border rounded-md px-3 py-2 text-sm"
+            value={refDoc ?? ""}
+            onChange={(e) => setRefDoc(Number(e.target.value))}
+          >
+            <option value="">{t("project.select_reference_placeholder")}</option>
+            {documents.filter((d) => d.id !== selectedDoc).map((d) => (
+              <option key={d.id} value={d.id}>{d.filename}</option>
+            ))}
+          </select>
+          <div className="flex gap-2 justify-end">
+            <Button variant="outline" onClick={() => setShowRefPicker(false)}>{t("common.cancel")}</Button>
+            <Button disabled={!refDoc} onClick={handleRunSigVerify}>{t("project.run_analysis")}</Button>
+          </div>
+        </div>
+      </div>
+    )}
     <div className="p-6 max-w-5xl mx-auto space-y-6">
       {/* Header */}
       <div className="flex items-center gap-3">
@@ -202,5 +243,6 @@ export default function ProjectDetailPage() {
         </div>
       </div>
     </div>
+    </>
   )
 }