// ============================================================ // Documents.jsx — archivio documenti di progetto + upload + viewer // ============================================================ // FASE A (realizzazione) — revisione documento AI REALE. const DOC_REVIEW_SYSTEM = "Sei un revisore documentale di una piattaforma di governance degli investimenti industriali (CAPEX). Dato il profilo di un documento (ed eventualmente il suo contenuto), produci una revisione sintetica con: (1) i contenuti attesi per quel tipo di documento, (2) eventuali lacune o anomalie formali da verificare, (3) una raccomandazione finale (approvare / integrare / respingere). Usa elenchi puntati, massimo 6 punti, italiano professionale, nessun preambolo né titoli."; function buildDocReviewPrompt(d) { if (!d) return ''; const lines = [ 'Documento da revisionare:', `- Titolo: ${d.title}`, `- Tipo: ${d.type}`, `- Stato: ${d.status}`, `- Completezza dichiarata: ${Math.round((d.completeness || 0) * 100)}%`, `- Progetto: ${d.project || 'n/d'}`, ]; if (d._draftText) { lines.push('', 'Contenuto del documento:', '"""', String(d._draftText).slice(0, 4000), '"""'); } lines.push('', 'Esegui la revisione.'); return lines.join('\n'); } // FASE D1 — mappa il DTO server (/api/documents/list) alla shape di riga della pagina. function serverDocToRow(d) { return { id: d.id, title: d.title, type: d.type, project: d.projectCode || d.projectId || '—', status: d.status, completeness: typeof d.completeness === 'number' ? d.completeness : 0, updated: d.updatedAtText || (d.uploadedAt ? String(d.uploadedAt).slice(0, 10) : (d.createdAt ? String(d.createdAt).slice(0, 10) : '')), aiGenerated: !!d.aiGenerated, owner: d.ownerPersonaId, _serverDoc: true, _hasFile: !!d.filePath, }; } function Documents() { const { seed, pushToast, user, seedCustom, routeParam } = useStore(); const [q, setQ] = React.useState(''); const [status, setStatus] = React.useState(''); const [sel, setSel] = React.useState(null); const [viewer, setViewer] = React.useState(null); const [showUpload, setShowUpload] = React.useState(false); const [showDraft, setShowDraft] = React.useState(false); const [extraDocs, setExtraDocs] = React.useState([]); // bozze AI di sessione (A4) const [serverDocs, setServerDocs] = React.useState(null); // null = non ancora caricato → fallback seed // FASE 2 RBAC — gating upload (mutation doc.upload). const canUpload = window.can('doc.upload', user, seedCustom); // FASE D1 — lista REALE cross-progetto dal DB (tenant-scoped). Fallback a seed se la fetch fallisce. const refreshServerDocs = React.useCallback(async () => { try { const res = await fetch('/api/documents/list?hasFile=false&limit=500', { headers: { 'X-Actor-Persona-Id': user?.id || '' }, cache: 'no-store', }); if (!res.ok) throw new Error('HTTP ' + res.status); const json = await res.json(); setServerDocs((json.data || []).map(serverDocToRow)); } catch (err) { console.warn('[Documents] fetch list fallita, uso seed:', err); setServerDocs(null); } }, [user?.id]); React.useEffect(() => { refreshServerDocs(); }, [refreshServerDocs]); const baseDocs = serverDocs || seed.DOCUMENTS; // Merge bozze AI sessione + lista reale, dedup per id (le bozze vincono). // Ordino la lista reale per data (più recenti in alto) così gli upload appena // fatti sono subito visibili (l'API ordina uploadedAt DESC NULLS FIRST → i doc // seed senza uploadedAt finirebbero prima). Le bozze AI di sessione restano in cima. const allDocs = React.useMemo(() => { const dateKey = (d) => String(d?.updated || '').slice(0, 10); const sortedBase = [...baseDocs].sort((a, b) => dateKey(b).localeCompare(dateKey(a))); const seen = new Set(); const out = []; for (const d of [...extraDocs, ...sortedBase]) { if (!d?.id || seen.has(d.id)) continue; seen.add(d.id); out.push(d); } return out; }, [extraDocs, baseDocs]); const docs = allDocs.filter((d) => { if (status && d.status !== status) return false; if (q && !d.title.toLowerCase().includes(q.toLowerCase())) return false; return true; }); const pg = usePaginated(docs, 10); React.useEffect(() => { pg.setPage(1); }, [q, status]); // Sessione 119 — routeParam auto-select: navigando via // `navigate('documents', )` (es. da un'anomalia su un documento nella // pagina Alert) apri il detail del documento target invece della sola lista. // Human-on-the-loop: l'oggetto è selezionato, l'azione la sceglie l'utente. // La lista reale arriva async dal server → applico la selezione una sola // volta quando il doc con quell'id è disponibile (ref-guard per non // riaprire il detail dopo che l'utente l'ha chiuso). const appliedDocParamRef = React.useRef(null); React.useEffect(() => { if (!routeParam) { appliedDocParamRef.current = null; return; } if (appliedDocParamRef.current === routeParam) return; const target = allDocs.find((d) => d.id === routeParam); if (target) { setSel(target); appliedDocParamRef.current = routeParam; } }, [routeParam, allDocs]); // FASE D1 — upload reale andato a buon fine → ricarica la lista dal DB. function handleUploaded() { refreshServerDocs(); setShowUpload(false); } // FASE A — bozza generata davvero dall'LLM (vedi GenerateDraftModal). function handleDraftGenerated(meta) { setExtraDocs(prev => [{ id: 'ai_' + Date.now(), title: meta.title, project: meta.project || '—', type: meta.type, status: 'draft', updated: new Date().toISOString().slice(0, 10), aiGenerated: true, completeness: 0.6, owner: user?.id || 'u01', _aiDraft: true, _draftText: meta.text, }, ...prev]); setShowDraft(false); pushToast({ title: 'Bozza aggiunta', desc: `${meta.title} pronta in stato bozza.`, tone: 'ok' }); } return (
Knowledge

Documenti di progetto

Specifiche, capitolati, offerte, SAL, verbali. L'AI propone bozze, verifica completezza e segnala anomalie formali.
setShowDraft(true)}> Genera bozza { if (canUpload) setShowUpload(true); }} title={canUpload ? undefined : window.whyDisabled('doc.upload')} > Upload PDF
setQ(e.target.value)} style={{ flex: 1, background: 'transparent', border: 'none', outline: 'none', fontSize: 12 }} />
{pg.slice.map(d => ( setSel(d)}> ))}
TitoloTipoProgettoCompletezzaStatoAggiornato
{d.title} {d.aiGenerated && AI} {d._uploaded && nuovo}
{d.type} {d.project} 0.8?'warn':'err'} /> {d.status} {fmtDate(d.updated)} { e.stopPropagation(); if (d._serverDoc && d._hasFile) window.open(`/api/documents/${encodeURIComponent(d.id)}/download`, '_blank'); else setViewer(d); }} style={{width:32, textAlign:'right'}}>
{sel && (
{sel.title}
{sel.type} {sel.status} {sel.aiGenerated && AI draft}
{sel._draftText ? (
) : sel._serverDoc && sel._hasFile ? (
window.open(`/api/documents/${encodeURIComponent(sel.id)}/download`, '_blank')} title="Apri il PDF reale" > Clicca per aprire il PDF
) : (
setViewer(sel)} title="Apri anteprima" > Clicca per anteprima PDF
)}
{sel._serverDoc && sel._hasFile ? ( <> window.open(`/api/documents/${encodeURIComponent(sel.id)}/download`, '_blank')}> Apri PDF Scarica ) : ( <> {!sel._draftText && setViewer(sel)}> Apri PDF} downloadDocPdf(sel)}> Scarica )}
Revisione AI
)}
{showUpload && setShowUpload(false)} onUploaded={handleUploaded} />} {showDraft && setShowDraft(false)} onGenerated={handleDraftGenerated} pushToast={pushToast} />} setViewer(null)} />
); } // FASE A — "Genera bozza": modal che redige DAVVERO una bozza di documento via // LLM (window.aiAsk → /api/ai/invoke). L'utente sceglie tipo, oggetto, progetto // e indicazioni; l'agente produce il testo, che può essere aggiunto alla lista. const DRAFT_DOC_TYPES = [ 'Specifica tecnica', 'Capitolato d\'appalto', 'Richiesta di offerta (RFQ)', 'Verbale di riunione', 'SAL — Stato avanzamento lavori', 'Nota tecnica', 'Relazione di valutazione fornitore', ]; const DRAFT_SYSTEM = "Sei un redattore tecnico di una piattaforma di governance degli investimenti industriali (CAPEX). Redigi bozze di documenti professionali in italiano, strutturate con titoli di sezione e paragrafi, pronte per la revisione umana. Tono formale e conciso. Non inventare dati numerici specifici (importi, date, codici): usa segnaposto fra parentesi quadre, es. [importo], [data], dove servono valori reali."; function GenerateDraftModal({ projects, onClose, onGenerated, pushToast }) { const [docType, setDocType] = React.useState(DRAFT_DOC_TYPES[0]); const [subject, setSubject] = React.useState(''); const [projectId, setProjectId] = React.useState(''); const [brief, setBrief] = React.useState(''); const [phase, setPhase] = React.useState('form'); // form | loading | done | error const [res, setRes] = React.useState(null); const [err, setErr] = React.useState(null); const proj = projects.find((p) => p.id === projectId); async function generate() { if (!subject.trim()) { pushToast({ title: 'Inserisci un oggetto', tone: 'warn' }); return; } setPhase('loading'); setErr(null); try { const ctx = [ `Tipo documento: ${docType}`, `Oggetto: ${subject.trim()}`, proj ? `Progetto: ${proj.name} (${proj.id})${proj.category ? `, categoria ${proj.category}` : ''}` : null, brief.trim() ? `Indicazioni aggiuntive: ${brief.trim()}` : null, '', 'Redigi la bozza completa del documento.', ].filter(Boolean).join('\n'); const r = await window.aiAsk({ system: DRAFT_SYSTEM, messages: [{ role: 'user', content: ctx }] }); setRes(r); setPhase('done'); } catch (e) { setErr(String(e?.message || e)); setPhase('error'); } } const footer = ( <> Chiudi {phase === 'done' ? <> Rigenera onGenerated({ title: subject.trim(), type: docType, project: projectId || '—', text: res?.text || '' })}> Aggiungi alla lista : {phase === 'loading' ? 'Generazione…' : 'Genera bozza'}} ); return (
setDocType(v)} allowClear={false} options={DRAFT_DOC_TYPES.map((t) => ({ value: t, label: t }))} placeholder="Cerca tipo… (spazio per lista)" testId="draft-doctype-ac" />
setProjectId(v)} options={projects.map((p) => ({ value: p.id, label: (p.name || p.id), sublabel: p.id }))} placeholder="Nessun progetto · cerca… (spazio per lista)" testId="draft-project-ac" />
setSubject(e.target.value)} placeholder="es. Fornitura e installazione cella robotizzata di saldatura" />