@noeva/analytics-core 0.3.3 → 0.4.1

package/CHANGELOG.md

@@ -3,6 +3,49 @@
 Le versioni del pacchetto che i repository dei progetti installano (ADR 0005). Prima di
 `analytics upgrade` si legge cosa cambia fra la versione installata e la nuova.
 
+## 0.4.1 — 10 novembre 2026
+
+- `voce.js`: `montaSceltaVoce("#voce", { lingue: ["it"] })` mostra solo le lingue in cui
+  il progetto ha pagine con il commento; senza `lingue` restano tutte quelle del
+  catalogo. La 0.4.0 su npm aveva il modulo senza questa opzione.
+
+## 0.4.0 — 10 novembre 2026
+
+- **Le risposte alle domande si registrano in ogni progetto allo stesso modo**
+  (standard §6.4 e §7). Modulo nuovo `apps/assets/risposte.js`: `montaRisposte` sceglie
+  da solo fra il Mac (`serve-app.py`), il salvataggio online del contenitore e
+  l'esportazione su file, tiene la bozza nel browser e scrive la riga che dice dove si
+  salvano. La pagina del progetto disegna le domande e chiama `R.collega()`; il `POST`
+  a `kb/risposte` scritto a mano in `apps/progetto/pagina.js`, con il controllo
+  «le risposte si registrano dalla versione sul Mac», si toglie.
+- `analytics ci` si ferma se `apps/progetto/` mostra le domande (`lista-domande`) senza
+  `montaRisposte`. Prima di aggiornare: la pagina del progetto usa il modulo.
+- Modulo nuovo `apps/assets/vista.js`, la Vista dichiarata (standard §6.2 punto 9,
+  NW-1288): `montaVista` scrive la riga di provenienza e il blocco `noeva-vista`, con
+  «Copia la citazione». `tema.js` manda l'evento `noeva-vista` a ogni cambio di filtri o
+  di fuoco e `commento.js` legge da li' filtri e fuoco. Una pagina che non chiama
+  `montaVista` resta com'e'. Le frasi nuove da tradurre in `en.js` sono in
+  `lib/pagina/README.md` di NOEVA Analytics.
+- **La voce del commento anche sul sito pubblicato** (NW-1091). Modulo nuovo
+  `apps/assets/voce.js`: `montaSceltaVoce("#voce")` nella home del progetto offre, per
+  italiano e inglese, le voci del catalogo del contenitore (`ai/voci`, ElevenLabs con la
+  chiave in un secret del Worker) con «Ascolta»; la scelta resta nel browser. Dove il
+  contenitore non fa la voce il riquadro resta nascosto. `commento.js` usa la voce
+  scelta; chi non sceglie sente quella di prima. La home monta il modulo con un
+  `import()` dinamico, cosi' resta buona anche prima dell'aggiornamento. Le frasi nuove
+  da tradurre in `en.js` sono in `lib/pagina/README.md` di NOEVA Analytics.
+- La chat su NOEVA Agents chiede `ai/token` solo quando si apre (NW-1279): al
+  caricamento della pagina chiede solo `ai/token?disponibile`, senza token.
+- `snapshot.json` porta in `progetto` l'id del progetto nel contenitore, non il nome
+  della cartella (`esporta.py`, `manifesto.py`).
+- Il modello di consegna porta la scheda del progetto e le istruzioni di `initialize`,
+  uguali in locale e dal gateway (NW-1286): `lib/modello/scheda.py`, `istruzioni.py`.
+- La cartella consegnata del servizio locale ha un `CLAUDE.md` con il solo
+  collegamento e i divieti di sicurezza, fra marcatori (NW-1287).
+- `lib/snapshot/ai.py` scrive i prompt della chat anche per un progetto senza commento
+  guidato: `commento.py` deve avere solo `conoscenza` e `LINGUE`; istruzioni, modi e
+  schema servono solo per i prompt del tour.
+
 ## 0.3.3 — 6 novembre 2026
 
 - Il contenitore parla Oracle: l'extra `oracle` di wrenai (oracledb in modalita' thin,

package/contenuto/assets/agenti.js

@@ -3,11 +3,13 @@
 /* La chat su NOEVA Agents (ADR 0006, in prova): agents UI in un iframe dentro il
  * pannello della chat, che conserva le sue quattro viste.
  *
- *   const a = await agentiDisponibili();   // null, o { agenti, token, ... }
- *   if (a) montaAgenti(contenitore, { pagina, accesso: a });
+ *   if (await agentiDisponibili()) ...      // true o false, senza token
+ *   montaAgenti(contenitore, { pagina });   // quando l'utente apre la chat
  *
  * Il Worker custodisce i token NOEVA dell'utente e da' alla pagina solo
  * l'access token, da ai/token, con l'indirizzo di agents UI (AGENTI_URL). La
+ * pagina lo chiede solo all'apertura della chat: al caricamento le basta
+ * ai/token?disponibile, che il token non lo porta (NW-1279). La
  * pagina lo passa all'iframe con INIT e, prima che scada, con AUTH_REFRESH: lo
  * stesso protocollo del client NOEVA. Progetto, pagina, lingua e lo stato della
  * pagina (contesto() del commento) viaggiano in customMetadata, aggiornato con
@@ -24,25 +26,39 @@ const AGENTE = "analyticsChatAgent";
 // arriva gia' rinnovato.
 const ANTICIPO_MS = 6 * 60 * 1000;
 
-let _accesso = null;
-/** L'accesso ad agents UI, o null se il contenitore non lo offre (niente SESSIONI o AGENTI_URL). */
+let _disponibile = null;
+/** Se il contenitore offre agents UI (SESSIONI e AGENTI_URL) a questa sessione. Senza token. */
 export function agentiDisponibili() {
-  _accesso ||= chiediToken().catch(() => null);
-  return _accesso;
+  _disponibile ||= fetch(rotta("ai/token?disponibile"), { cache: "no-store" })
+    .then(async (r) => r.ok && (await r.json())?.disponibile === true).catch(() => false);
+  return _disponibile;
 }
 
+// null: sessione NOEVA finita (401). undefined: il Worker non risponde.
 async function chiediToken() {
   const r = await fetch(rotta("ai/token"), { cache: "no-store" });
-  if (!r.ok) return null;
+  if (r.status === 401) return null;
+  if (!r.ok) return undefined;
   const j = await r.json();
-  return j?.token && j?.agenti ? j : null;
+  return j?.token && j?.agenti ? j : undefined;
 }
 
 const tema = () => {
   try { return { light: "light", dark: "dark" }[localStorage.getItem("noeva-tema")] || "system"; } catch { return "system"; }
 };
 
-export function montaAgenti(contenitore, { pagina, accesso, suggerimenti = [] }) {
+/** Monta agents UI nel pannello: chiede il token adesso, all'apertura della chat. */
+export async function montaAgenti(contenitore, { pagina, suggerimenti = [] }) {
+  contenitore.querySelector(".ch-agenti-errore")?.remove();
+  const accesso = await chiediToken().catch(() => undefined);
+  if (accesso === null) { location.reload(); return null; }   // sessione finita: il cancello porta al login
+  if (!accesso) {
+    const errore = document.createElement("p");
+    errore.className = "ch-stato errore ch-agenti-errore";
+    errore.textContent = t("La chat non risponde: riprova fra poco.");
+    contenitore.append(errore);
+    return null;
+  }
   const origine = new URL(accesso.agenti).origin;
   const f = document.createElement("iframe");
   f.src = accesso.agenti;
@@ -104,7 +120,8 @@ export function montaAgenti(contenitore, { pagina, accesso, suggerimenti = [] })
     attesa = setTimeout(() => manda({ type: "UPDATE_METADATA", payload: metadata() }), 400);
   };
   document.addEventListener("change", aggiorna, true);
+  document.addEventListener("noeva-vista", aggiorna);
   document.addEventListener("click", (e) => { if (!contenitore.contains(e.target)) aggiorna(); }, true);
   addEventListener("popstate", aggiorna);
-  return { aggiorna };
+  return { aggiorna, iframe: f };
 }

package/contenuto/assets/base.css

@@ -255,6 +255,15 @@ th[data-col]:focus-visible { outline: 2px solid var(--primary); outline-offset:
   *, *::before, *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
 }
 
+/* --- la riga di provenienza (montaVista in vista.js) ---------------------- */
+.provenienza { font-size: 12px; color: var(--ink-3); line-height: 1.7; margin: 8px 0 0; }
+.provenienza b { font-weight: 500; color: var(--ink-2); }
+.provenienza .pv-eta.stantio { color: var(--avviso); font-weight: 500; }
+.provenienza .pv-frase code { font-size: 11.5px; }
+.provenienza .pv-copia { font: inherit; font-size: 11.5px; margin-left: 4px; padding: 2px 9px; min-height: 24px;
+  border: 1px solid var(--linea-controllo); background: transparent; color: var(--ink-2); cursor: pointer; }
+.provenienza .pv-copia:hover { color: var(--ink); border-color: var(--ink); }
+
 /* --- piede di pagina (montaPiede in tema.js) ------------------------------ */
 footer.piede { max-width: 1240px; margin: 0 auto; padding: 18px 22px 28px; border-top: 1px solid var(--line);
   display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 12px; color: var(--ink-3); }
@@ -367,3 +376,17 @@ tbody tr.altro > td { opacity: .55; }
 .menu-utente .chi span { font-size: 12px; color: var(--ink-3); word-break: break-all; }
 .menu-utente a[role="menuitem"] { display: block; padding: 10px 14px; font-size: 13px; color: var(--ink-2); text-decoration: none; }
 .menu-utente a[role="menuitem"]:hover, .menu-utente a[role="menuitem"]:focus-visible { background: var(--surface-2); color: var(--ink); outline: 0; }
+
+/* --- la voce del commento, nella home del progetto (montaSceltaVoce in voce.js) --- */
+.scelta-voce[hidden] { display: none; }
+.scelta-voce { margin: 24px 0; }
+.scelta-voce h3 { font-weight: 500; font-size: 15px; margin: 0 0 4px; }
+.scelta-voce .riga-voce { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 10px; }
+.scelta-voce label { min-width: 72px; font-size: 13px; color: var(--ink-2); }
+.scelta-voce select { min-height: 32px; max-width: 100%; padding: 4px 8px; font: inherit; font-size: 13px;
+  background: var(--surface); color: var(--ink); border: 1px solid var(--linea-controllo); }
+.scelta-voce button { min-height: 32px; padding: 4px 12px; font: inherit; font-size: 13px; cursor: pointer;
+  border: 1px solid var(--linea-controllo); background: transparent; color: var(--ink-2); }
+.scelta-voce button:hover { color: var(--ink); border-color: var(--ink); }
+.scelta-voce .stato-voce { font-size: 12px; color: var(--ink-3); }
+@media (max-width: 1099.98px) { .scelta-voce select, .scelta-voce button { min-height: 44px; } }

package/contenuto/assets/chat.js

@@ -130,9 +130,11 @@ export function montaChat({ pagina }) {
   // Il pannello compare dove qualcuno puo' rispondere: NOEVA Agents (ADR 0006,
   // dove il contenitore lo offre), l'inferenza NOEVA del contenitore (anche sul
   // sito pubblicato) o, senza, il server sul Mac.
+  // Al caricamento basta sapere se NOEVA Agents c'e': il token si chiede quando
+  // la chat si apre (NW-1279).
   agentiDisponibili().then(async (a) => {
-    if (a) costruisci(a);
-    else if ((await motori()).length) costruisci(null);
+    if (a) costruisci(true);
+    else if ((await motori()).length) costruisci(false);
   });
 
   function costruisci(agenti) {
@@ -162,10 +164,9 @@ export function montaChat({ pagina }) {
     const $ = (s) => p.querySelector(s);
     // Con NOEVA Agents il corpo del pannello e' agents UI: conversazione,
     // storico, «nuova» e consumi sono suoi. Del pannello restano testa e viste.
-    if (agenti) {
-      for (const s of ["#ch-msgs", "#ch-stato", "#ch-form", "#ch-nuova"]) $(s).remove();
-      montaAgenti(p, { pagina, accesso: agenti, suggerimenti: SUGGERIMENTI[pagina] || [] });
-    }
+    // Il token e l'iframe arrivano alla prima apertura.
+    let montato = null;
+    if (agenti) for (const s of ["#ch-msgs", "#ch-stato", "#ch-form", "#ch-nuova"]) $(s).remove();
     const CHIAVE = `${PROGETTO.id}-chat-${pagina}-${LINGUA}`;
     const st = { sessione: null, inCorso: null, msgs: [] };
     try { st.sessione = localStorage.getItem(CHIAVE); } catch { /* niente memoria */ }
@@ -284,7 +285,12 @@ export function montaChat({ pagina }) {
     const apri = (si) => {
       p.hidden = !si; btn.setAttribute("aria-expanded", String(si));
       applica();
-      if (si) { if (agenti) p.querySelector("iframe")?.focus(); else { if (!$("#ch-msgs").children.length) riprendi(); $("#ch-testo").focus(); } } else btn.focus();
+      if (si) {
+        if (agenti) {
+          montato ||= montaAgenti(p, { pagina, suggerimenti: SUGGERIMENTI[pagina] || [] }).then((m) => { if (!m) montato = null; return m; });
+          montato.then((m) => m?.iframe.focus());
+        } else { if (!$("#ch-msgs").children.length) riprendi(); $("#ch-testo").focus(); }
+      } else btn.focus();
     };
     btn.onclick = () => apri(p.hidden);
     $("#ch-chiudi").onclick = () => apri(false);

package/contenuto/assets/commento.js

@@ -16,12 +16,14 @@
  * Tour e voce li fa serve-app.py (/ai/tour, /ai/voce, vedi commento.py), con la
  * cache su disco: la vista iniziale, preparata prima, parte subito e senza rete.
  * Dietro il cancello il server non c'e': restano i tour e le voci gia' pronti,
- * trovati con la stessa chiave del server (servizio.js).
+ * trovati con la stessa chiave del server (servizio.js), e la voce la fa il
+ * contenitore (ai/voci, voce.js) con la voce scelta nella home del progetto.
  */
 import { conServer, chiaveServer, sha256, fileDati, urlDati, conLingua, rotta } from "./servizio.js";
 import { MESI, MESI_LUNGHI } from "./formati.js";
 import { t, LINGUA } from "./lingua.js";
 import { giro, nuovaSessione, motoreScelto, selettoreMotore } from "./inferenza.js";
+import { voceOnline, voceScelta, parla } from "./voce.js";
 
 export const pulito = (s) => String(s ?? "").replace(/[▸▾]/g, "").replace(/\s+/g, " ").trim();
 /* il testo di un elemento senza i pulsanti che contiene (la «i» della guida, i CSV) */
@@ -98,13 +100,36 @@ function filtri() {
   return f;
 }
 
+/* La vista dichiarata dalla pagina (vista.js, blocco noeva-vista), o null. */
+function vistaDichiarata() {
+  try { return JSON.parse(document.getElementById("noeva-vista")?.textContent || "null"); } catch { return null; }
+}
+
+/* Dove la pagina dichiara la vista, filtri e fuoco vengono da li': chat, commento
+ * e presentazione citano la stessa vista di Claude nel browser. Della vista
+ * restano fuori l'indirizzo e l'eta' dello snapshot, che cambiano fra il Mac e il
+ * contenitore e col passare delle ore: il contesto e' anche la chiave dei tour e
+ * delle scalette gia' pronti. Le pagine senza blocco restano come prima. */
 export function contesto() {
-  return {
+  const v = vistaDichiarata();
+  const ctx = {
     titolo: pulito(document.querySelector(".topbar h1")?.textContent),
-    filtri: filtri(),
+    filtri: v ? filtriDellaVista(v) : filtri(),
     sintesi: pulito(document.querySelector("#tesi, .tesi")?.textContent),
     riquadri: riquadri(),
   };
+  if (v) {
+    const { url, snapshot, ...resto } = v;
+    ctx.vista = { ...resto, snapshot: { generato: snapshot?.generato ?? null, data_ora: snapshot?.data_ora ?? null, fuso: snapshot?.fuso ?? null } };
+  }
+  return ctx;
+}
+
+function filtriDellaVista(v) {
+  const f = {};
+  for (const x of v.filtri || []) f[x.nome] = x.etichetta;
+  if (v.fuoco) f[t("A fuoco")] = v.fuoco.etichetta;
+  return f;
 }
 
 /* --- evidenziare -------------------------------------------------------------------- */
@@ -404,6 +429,8 @@ export function montaCommento({ pagina }) {
         j._da_cache = true;
       }
       if (gen !== st.gen) return;
+      // gli mp3 del contenitore sono blob: del tour di prima, si liberano
+      for (const v of st.voci.values()) v.then((u) => u?.startsWith("blob:") && URL.revokeObjectURL(u), () => {});
       st.tour = j; st.voci.clear();
       const sec = Math.round((performance.now() - t0) / 1000);
       stato(j._da_cache ? t("dalla cache") : t("pronto in {sec} s", { sec }) + (j._motore?.turni ? ` · ${t("{n} passaggi", { n: j._motore.turni })}` : ""));
@@ -420,23 +447,33 @@ export function montaCommento({ pagina }) {
     const tappa = st.tour?.tappe[i];
     if (!tappa || !st.voce) return Promise.resolve(null);
     if (!st.voci.has(i)) {
-      st.voci.set(i, conServer().then(async (vivo) => {
-        if (vivo) {
-          const j = await fetch(rotta("ai/voce"), { method: "POST", headers: { "content-type": "application/json" },
-            body: JSON.stringify({ testo: tappa.testo, pagina, lingua: LINGUA }) }).then((r) => r.json());
-          if (j.errore) throw new Error(j.errore);
-          return urlDati(j.url.replace(/^dati\//, ""));
+      st.voci.set(i, (async () => {
+        // Chi ha scelto una voce nella home la sente dal contenitore; chi non ha
+        // scelto, prima la voce del progetto (serve-app.py o gli mp3 gia' pronti),
+        // poi il contenitore con la predefinita.
+        const scelta = voceScelta();
+        const vivo = await conServer();
+        if (!scelta && vivo) return voceDalServer(tappa);
+        if (!scelta) {
+          const voci = await (st.manifesto ||= fileDati("commento/voci.json").then((m) => m || {}));
+          const url = voci[await sha256(`${pagina}\0${tappa.testo}`)];
+          if (url) return urlDati(url.replace(/^dati\//, ""));
         }
-        // dietro il cancello: l'mp3 gia' generato, dal manifesto di export-kb.py
-        const voci = await (st.manifesto ||= fileDati("commento/voci.json").then((m) => m || {}));
-        const url = voci[await sha256(`${pagina}\0${tappa.testo}`)];
-        if (!url) throw new Error(t("voce non pronta per questa tappa"));
-        return urlDati(url.replace(/^dati\//, ""));
-      }));
+        if (await voceOnline()) return parla(tappa.testo, { pagina });
+        if (vivo) return voceDalServer(tappa);
+        throw new Error(t("voce non pronta per questa tappa"));
+      })());
     }
     return st.voci.get(i);
   }
 
+  async function voceDalServer(tappa) {
+    const j = await fetch(rotta("ai/voce"), { method: "POST", headers: { "content-type": "application/json" },
+      body: JSON.stringify({ testo: tappa.testo, pagina, lingua: LINGUA }) }).then((r) => r.json());
+    if (j.errore) throw new Error(j.errore);
+    return urlDati(j.url.replace(/^dati\//, ""));
+  }
+
   function prossima() { if (st.tour && st.i < st.tour.tappe.length - 1) vai(st.i + 1); else fine(); }
 
   function fine() {

package/contenuto/assets/risposte.js

@@ -0,0 +1,166 @@
+// Modulo condiviso delle dashboard NOEVA Analytics. La sorgente e' lib/pagina/risposte.js;
+// la copia in apps/assets/ la scrive lib/snapshot/installa.sh --pagina. Non modificare la copia.
+/* La registrazione delle risposte alle domande, nella pagina «Il progetto»
+ * (standard §6.4 e §7). Una sola strada per tutti i progetti: la pagina disegna
+ * le domande come vuole, questo modulo decide dove si salvano e le salva.
+ *
+ * Tre modi, scelti da soli:
+ *
+ *   mac     c'e' serve-app.py: POST kb/risposte scrive knowledge/risposte-cliente.json
+ *   online  dietro il cancello: la stessa rotta la serve il contenitore, che scrive
+ *           su R2 le risposte condivise fra gli utenti del progetto, con chi le ha
+ *           scritte e lo storico (lib/analytics/risposte.js)
+ *   file    nessuno dei due (un server statico, un contenitore senza il bucket):
+ *           le risposte non si salvano, si esportano in un file da mandare a 4D
+ *
+ * In tutti e tre la bozza di ogni risposta resta nel browser finche' non si
+ * salva, e «Esporta le risposte» scarica quelle scritte, salvate o no.
+ *
+ *   const R = montaRisposte({
+ *     domande: () => DOMANDE,                       // [{ id, domanda }]
+ *     alSalvataggio: (risposte) => { ...ridisegna },
+ *   });
+ *   RISPOSTE = await R.carica();                    // e R.modo
+ *   ...la pagina scrive in #lista-domande, per ogni domanda:
+ *     <article class="domanda" id="d-<id>" data-id="<id>">
+ *       <textarea>la risposta salvata</textarea>
+ *       <button data-a="risposta|rimandata|aperta">  <span class="salvata">
+ *   R.collega();                                    // dopo ogni disegno
+ *
+ * `collega` mette la bozza nel campo, i pulsanti, il nome di chi risponde
+ * (#autore, ricordato nel browser) e la riga che dice dove si salvano le
+ * risposte, con il pulsante dell'esportazione: se la pagina non ha
+ * #nota-risposte, la crea dopo `accanto`.
+ */
+
+import { kb, conServer, salvaRisposta } from "./servizio.js";
+import { t } from "./lingua.js";
+import { dataLunga } from "./formati.js";
+import { PROGETTO } from "./progetto.js";
+
+const memoria = {
+  leggi(k) { try { return localStorage.getItem(k); } catch { return null; } },
+  scrivi(k, v) {
+    try { if (v === null) localStorage.removeItem(k); else localStorage.setItem(k, v); } catch { /* nessuna memoria locale: resta il campo */ }
+  },
+};
+
+const NOTE = {
+  mac: () => t("Le risposte si salvano nel progetto, in knowledge/risposte-cliente.json."),
+  online: () => t("Le risposte si salvano online e le vedono tutti gli utenti del progetto, con il nome di chi le ha scritte e lo storico delle versioni."),
+  file: () => t("Qui le risposte non si salvano: scrivetele e usate «Esporta le risposte», poi mandate il file a 4D."),
+};
+
+export function montaRisposte({ lista = "#lista-domande", accanto = "#cont-domande", domande = () => [], alSalvataggio = () => {} } = {}) {
+  const CHIAVE_AUTORE = `${PROGETTO.id}.autore`;
+  const chiaveBozza = (id) => `${PROGETTO.id}.bozza.${id}`;
+  let risposte = {}, modo = "file", autore = memoria.leggi(CHIAVE_AUTORE) || "";
+
+  const bozza = (id) => memoria.leggi(chiaveBozza(id));
+  const scriviBozza = (id, testo) => memoria.scrivi(chiaveBozza(id), testo === (risposte[id]?.risposta || "") ? null : testo);
+  const campo = (id) => document.querySelector(`#d-${id} textarea`);
+
+  /* Le risposte, dal server, dal contenitore o dal file pubblicato; e il modo. */
+  async function carica() {
+    const r = await kb("risposte").catch(() => ({ risposte: {} }));
+    risposte = r.risposte || {};
+    modo = (await conServer()) ? "mac" : r.condivise ? "online" : "file";
+    return risposte;
+  }
+
+  /* La riga sotto i contatori: dove si salvano le risposte, e l'esportazione. */
+  function riga() {
+    let nota = document.querySelector("#nota-risposte");
+    if (!nota) {
+      const dopo = document.querySelector(accanto);
+      if (!dopo) return;
+      const blocco = document.createElement("div");
+      blocco.className = "nota-risposte";
+      Object.assign(blocco.style, { display: "flex", flexWrap: "wrap", alignItems: "center", gap: "8px 14px", margin: "0 0 14px", fontSize: "13px" });
+      nota = document.createElement("span"); nota.id = "nota-risposte"; nota.className = "chi";
+      const pulsante = document.createElement("button"); pulsante.type = "button"; pulsante.id = "esporta-risposte"; pulsante.className = "btn";
+      const esito = document.createElement("span"); esito.id = "nota-esporta"; esito.className = "chi";
+      blocco.append(nota, pulsante, esito);
+      dopo.after(blocco);
+    }
+    nota.textContent = NOTE[modo]();
+    const pulsante = document.querySelector("#esporta-risposte");
+    if (pulsante) { pulsante.textContent = t("Esporta le risposte"); pulsante.onclick = esporta; }
+  }
+
+  function collega() {
+    riga();
+    const chi = document.querySelector("#autore");
+    if (chi) {
+      chi.value = autore;
+      chi.oninput = () => { autore = chi.value; memoria.scrivi(CHIAVE_AUTORE, autore); };
+    }
+    document.querySelectorAll(`${lista} .domanda`).forEach((el) => {
+      const id = Number(el.dataset.id);
+      el.querySelectorAll("button[data-a]").forEach((b) => (b.onclick = () => salva(el, b.dataset.a)));
+      const testo = el.querySelector("textarea");
+      if (!testo) return;
+      // la bozza resta nel browser finche' non si salva: un ricaricamento non la perde
+      const b = bozza(id);
+      if (b !== null) testo.value = b;
+      testo.oninput = () => scriviBozza(id, testo.value);
+    });
+  }
+
+  async function salva(el, stato) {
+    const id = Number(el.dataset.id), risposta = el.querySelector("textarea").value;
+    const nota = el.querySelector(".salvata");
+    if (nota) { nota.textContent = t("salvo…"); nota.style.color = ""; }
+    try {
+      await salvaRisposta({ id, stato, risposta, autore });
+      memoria.scrivi(chiaveBozza(id), null);
+      await carica();
+      await alSalvataggio(risposte);
+      document.getElementById(`d-${id}`)?.scrollIntoView?.({ block: "nearest" });
+      return true;
+    } catch (e) {
+      if (nota) { nota.textContent = t("non salvata: {errore}", { errore: e.message }); nota.style.color = "var(--male)"; }
+      return false;
+    }
+  }
+
+  /* Le risposte scritte nella pagina, salvate o no, in Markdown. */
+  function testoEsportato(oggi = new Date().toISOString().slice(0, 10)) {
+    const voci = domande().map((q) => {
+      const testo = (campo(q.id)?.value ?? bozza(q.id) ?? risposte[q.id]?.risposta ?? "").trim();
+      return { q, testo, salvata: testo === (risposte[q.id]?.risposta || "").trim() };
+    }).filter((v) => v.testo);
+    if (!voci.length) return { n: 0, testo: "" };
+    const righe = [`# ${t("Risposte alle domande di {nome}", { nome: PROGETTO.nome || PROGETTO.id })}`, "",
+      t("Esportate il {data}{da}. {n} risposte.", { data: dataLunga(oggi), da: autore ? t(" da {autore}", { autore }) : "", n: voci.length }), ""];
+    for (const { q, testo, salvata } of voci) {
+      const r = risposte[q.id] || {};
+      righe.push(`## ${q.id}. ${q.domanda}`, "", testo, "",
+        salvata && r.aggiornata
+          ? `_${t("salvata il {data}", { data: r.aggiornata.slice(0, 10) })}${r.autore ? t(" da {autore}", { autore: r.autore }) : ""}_`
+          : `_${t("non ancora salvata")}_`, "");
+    }
+    return { n: voci.length, testo: righe.join("\n") };
+  }
+
+  function esporta() {
+    const oggi = new Date().toISOString().slice(0, 10);
+    const { n, testo } = testoEsportato(oggi);
+    const esito = document.querySelector("#nota-esporta");
+    if (!n) { if (esito) esito.textContent = t("nessuna risposta scritta da esportare"); return; }
+    const a = document.createElement("a");
+    a.href = URL.createObjectURL(new Blob([testo], { type: "text/markdown;charset=utf-8" }));
+    a.download = `risposte-${PROGETTO.id}-${oggi}.md`;
+    document.body.append(a); a.click(); a.remove();
+    setTimeout(() => URL.revokeObjectURL(a.href), 1000);
+    if (esito) esito.textContent = t("{n} risposte esportate in {file}", { n, file: a.download });
+  }
+
+  return {
+    carica, collega, salva, esporta, testoEsportato,
+    get risposte() { return risposte; },
+    get modo() { return modo; },
+    get autore() { return autore; },
+    statoDi: (q) => risposte[q.id]?.stato || "aperta",
+  };
+}

package/contenuto/assets/tema.js

@@ -297,6 +297,8 @@ export function sincronizzaUrl(stato, campi, ammessi = {}) {
     }
     const q = p.toString();
     history.replaceState(null, "", q ? `?${q}` : location.pathname);
+    // la vista dichiarata (vista.js) si riscrive con i filtri nuovi
+    document.dispatchEvent(new Event("noeva-vista"));
   };
 
   return { leggi, scrivi };
@@ -645,12 +647,13 @@ export function montaFuoco(tabella, scegli) {
     if (!tr) return;
     if (tr.classList.contains("apribile") && e.target.closest("td")?.cellIndex === 0) return;
     scegli(tr.dataset.f);
+    document.dispatchEvent(new Event("noeva-vista"));
   });
   tabella.addEventListener("keydown", (e) => {
     const k = chiave(e.target);
     if (k === undefined) return;
     const apribile = e.target.closest("tr").classList.contains("apribile");
-    if (e.key === " " || (e.key === "Enter" && !apribile)) { e.preventDefault(); scegli(k); }
+    if (e.key === " " || (e.key === "Enter" && !apribile)) { e.preventDefault(); scegli(k); document.dispatchEvent(new Event("noeva-vista")); }
   });
 }