// ============================================================
// customizing-sub-5.jsx
// FASE 6 Project Cockpit (sessione 106) — Customizing "Pesi salute progetto".
// ============================================================
//
// Singleton project_health_policy editor:
// - 5 slider per i pesi (compliance/schedule/cost/governance/risks)
// - 2 slider per le soglie (ok_min, warn_min)
// - Warning live se la somma dei pesi non è 1.0 ±0.01
// - Vincolo ok_min > warn_min (validato anche server-side)
// - Bottone "🤖 Suggerisci pesi (AI)" → POST /ai-suggest, modal con
// Corrente vs Suggerito + razionale + Accetta/Modifica/Scarta
// - Save → PATCH /api/config/project-health-policy
function CustHealthPolicy() {
const { user, pushToast } = useStore();
const { useState, useEffect, useMemo } = React;
const [policy, setPolicy] = useState(null);
const [form, setForm] = useState(null);
const [loading, setLoading] = useState(true);
const [saving, setSaving] = useState(false);
const [error, setError] = useState(null);
const [suggesting, setSuggesting] = useState(false);
const [suggestion, setSuggestion] = useState(null);
// Quando l'utente ha cliccato "Accetta" sul modal, ricordiamo il razionale
// + provider/model così la prossima Save manda `aiAcceptMeta` al PATCH e
// l'audit_log riga ha action='ai_suggested_accepted' invece di 'update'.
const [pendingAiAccept, setPendingAiAccept] = useState(null);
useEffect(() => {
let cancelled = false;
setLoading(true);
fetch('/api/config/project-health-policy', {
headers: { 'X-Actor-Persona-Id': user?.id || '' },
})
.then((r) => r.json())
.then((j) => {
if (cancelled) return;
if (j?.data) {
setPolicy(j.data);
setForm({
weights: { ...j.data.weights },
thresholds: { ...j.data.thresholds },
});
}
})
.catch((e) => !cancelled && setError(String(e?.message || e)))
.finally(() => !cancelled && setLoading(false));
return () => {
cancelled = true;
};
}, [user?.id]);
const sumWeights = useMemo(() => {
if (!form) return 0;
return ['compliance', 'schedule', 'cost', 'governance', 'risks'].reduce(
(a, d) => a + (form.weights[d] || 0),
0,
);
}, [form]);
const sumOk = Math.abs(sumWeights - 1.0) <= 0.01;
const thresholdsOk = form ? form.thresholds.ok_min > form.thresholds.warn_min : false;
const canSave = form && sumOk && thresholdsOk;
const setWeight = (k, v) => setForm((f) => ({ ...f, weights: { ...f.weights, [k]: v } }));
const setThr = (k, v) => setForm((f) => ({ ...f, thresholds: { ...f.thresholds, [k]: v } }));
// Auto-normalize: redistribuisce in modo proporzionale gli altri pesi
// mantenendo la somma a 1.0. Utility per UX più friendly.
function normalizeNow() {
if (!form) return;
const dims = ['compliance', 'schedule', 'cost', 'governance', 'risks'];
const sum = dims.reduce((a, d) => a + form.weights[d], 0);
if (sum <= 0) return;
const normalized = Object.fromEntries(dims.map((d) => [d, form.weights[d] / sum]));
setForm((f) => ({ ...f, weights: normalized }));
}
async function handleSave() {
if (!canSave || saving) return;
setSaving(true);
setError(null);
try {
const body = { ...form };
if (pendingAiAccept) body.aiAcceptMeta = pendingAiAccept;
const res = await fetch('/api/config/project-health-policy', {
method: 'PATCH',
headers: { 'Content-Type': 'application/json', 'X-Actor-Persona-Id': user?.id || '' },
body: JSON.stringify(body),
});
const j = await res.json().catch(() => ({}));
if (!res.ok) {
const msg = j?.error === 'validation_error'
? `Validazione: ${(j.issues || []).map((i) => i.message).join(' · ')}`
: (j?.error || `HTTP ${res.status}`);
setError(msg);
return;
}
if (j?.data) {
setPolicy(j.data);
setForm({ weights: { ...j.data.weights }, thresholds: { ...j.data.thresholds } });
}
// Consumed: il flag aiAcceptMeta si applica una sola volta per save.
setPendingAiAccept(null);
pushToast({
title: 'Pesi salute aggiornati',
desc: j?.changed === false ? 'Nessuna modifica' : 'Salvato. Audit registrato.',
tone: 'ok',
});
} catch (e) {
setError(String(e?.message || e));
} finally {
setSaving(false);
}
}
async function handleSuggest(forceRefresh = false) {
if (suggesting) return;
setSuggesting(true);
setError(null);
try {
const res = await fetch('/api/config/project-health-policy/ai-suggest', {
method: 'POST',
headers: { 'Content-Type': 'application/json', 'X-Actor-Persona-Id': user?.id || '' },
body: JSON.stringify({ forceRefresh }),
});
const j = await res.json().catch(() => ({}));
if (!res.ok) {
if (res.status === 429) {
setError(`Quota AI esaurita (${j?.reason}). Reset tra ~${Math.round((j?.retryAfterSec || 0) / 60)} min.`);
} else {
setError(j?.error || `HTTP ${res.status}`);
}
return;
}
setSuggestion(j?.data || null);
if (j?.data?.error) {
pushToast({
title: 'AI suggest fallito',
desc: 'Pesi default applicati come fallback. Verifica le credenziali AI.',
tone: 'warn',
});
}
} catch (e) {
setError(String(e?.message || e));
} finally {
setSuggesting(false);
}
}
function acceptSuggestion(modifyMode = false) {
if (!suggestion) return;
setForm({
weights: { ...suggestion.weights },
thresholds: { ...suggestion.thresholds },
});
// Sia "Accetta" che "Modifica" → marcano il prossimo save come
// ai_suggested_accepted (l'utente ha esplicitamente preso un suggerimento
// AI come baseline, anche se ha poi rifinito i valori).
setPendingAiAccept({
rationale: suggestion.rationale,
provider: suggestion.provider,
model: suggestion.model,
});
setSuggestion(null);
pushToast({
title: modifyMode ? 'Pesi suggeriti caricati negli slider' : 'Suggerimenti applicati',
desc: 'Clicca "Salva modifiche" per confermare in DB.',
tone: 'ok',
});
}
if (loading) {
return
Caricamento policy…
;
}
if (!form) {
return
Policy non disponibile.
;
}
return (
Singleton per tenant. I pesi sommano a 1.0 (±0.01) e bilanciano le 5 dimensioni dell'health score di
progetto. Le soglie ok/warn determinano il colore del badge nel header di ProjectDetail.