// js/vista/carrega-progressiva.js
const observador = new IntersectionObserver((entrades, obs) => {
  for (const entrada of entrades) {
    if (!entrada.isIntersecting) continue;         // només ens interessen les que ENTREN

    const targeta = entrada.target;
    carregarDetallDeTasca(targeta.dataset.id);     // demanar el que és car només ara
    obs.unobserve(targeta);                        // ← ja no cal vigilar-la
  }
}, {
  root: null,          // null = el viewport; també pot ser un contenidor amb scroll
  rootMargin: '200px', // comença a carregar 200 px ABANS que es vegi: es percep instantani
  threshold: 0.1       // n'hi ha prou que se'n vegi el 10 %
});

document.querySelectorAll('.tasca[data-id]').forEach((t) => observador.observe(t));

entrada.isIntersecting     // true si és visible segons el threshold
entrada.intersectionRatio  // 0 a 1: quina proporció es veu
entrada.target             // l'element observat
entrada.boundingClientRect // la seva geometria, sense forçar recàlcul
entrada.time               // marca de temps

// A · Scroll infinit: carregar la pàgina següent en arribar al sentinella
const sentinella = document.querySelector('#fi-de-llista');
new IntersectionObserver(([e]) => { if (e.isIntersecting) carregarPaginaSeguent(); })
  .observe(sentinella);

// B · Animar en aparèixer (respectant la preferència de l'usuari, apartat 8)
new IntersectionObserver((entrades) => {
  for (const e of entrades) e.target.classList.toggle('visible', e.isIntersecting);
}, { threshold: 0.25 }).observe(seccio);

// C · Capçalera que s'enganxa en fer scroll, sense escoltar 'scroll'
new IntersectionObserver(([e]) => capcalera.classList.toggle('fixada', !e.isIntersecting))
  .observe(document.querySelector('#sentinella-superior'));

const vigilant = new MutationObserver((mutacions) => {
  for (const mutacio of mutacions) {
    if (mutacio.type === 'childList') {
      console.log(`+${mutacio.addedNodes.length} −${mutacio.removedNodes.length} targetes`);
    }
    if (mutacio.type === 'attributes' && mutacio.attributeName === 'data-estat') {
      console.log('La targeta ha canviat de columna:', mutacio.target.dataset.id);
    }
  }
});

vigilant.observe(document.querySelector('#llista-tasques'), {
  childList: true, subtree: true, attributes: true, attributeFilter: ['data-estat']
});

const observadorMida = new ResizeObserver((entrades) => {
  for (const entrada of entrades) {
    const amplada = entrada.contentRect.width;
    // Columnes compactes quan el tauler és estret, sense dependre de l'amplada de la finestra
    entrada.target.classList.toggle('columna--compacta', amplada < 320);
  }
});

document.querySelectorAll('.columna').forEach((c) => observadorMida.observe(c));

// Consultar sense demanar res (no totes les APIs ho admeten)
const estat = await navigator.permissions.query({ name: 'geolocation' });
console.log(estat.state);          // 'granted' | 'denied' | 'prompt'

estat.addEventListener('change', () => console.log('Ha canviat a', estat.state));

/** Patró correcte: explicar, demanar dins d'un gest, i acceptar el no. */
async function activarAvisos() {
  if (Notification.permission === 'denied') {
    mostrarAjuda("Has bloquejat les notificacions. Les pots reactivar des del cadenat de la barra d'adreces.");
    return false;
  }
  if (Notification.permission === 'granted') return true;

  const accepta = await mostrarDialegPropi({
    titol: 'Avisos de venciment',
    text: "T'avisarem quan una tasca del taller estigui a punt de vèncer. Res més."
  });
  if (!accepta) return false;                      // ni tan sols arribem a demanar-ho al navegador

  return (await Notification.requestPermission()) === 'granted';
}

// 1 · Estat actual, sense demanar res
console.log(Notification.permission);      // 'default' | 'granted' | 'denied'

// 2 · Demanar permís (només dins d'un gest de l'usuari)
const resultat = await Notification.requestPermission();

// 3 · Mostrar
if (resultat === 'granted') {
  const avis = new Notification('Nómada Tasques', {
    body: '«Pressupost de la fusteria» venç avui.',
    icon: '/icones/icona-192.png',
    badge: '/icones/badge.png',
    tag: 'venc-6',                         // ← mateix tag = reemplaça, no acumula
    requireInteraction: false,
    silent: false
  });

  avis.addEventListener('click', () => {
    window.focus();
    document.querySelector('[data-id="6"]')?.scrollIntoView({ behavior: 'smooth' });
    avis.close();
  });
}

// js/vista/avisos.js
export function avisarDeVenciments(tauler, avui) {
  if (Notification.permission !== 'granted') return;      // sense permís, silenci absolut

  const critiques = tauler.filtrar((t) => t.oberta && t.diesRestants <= 0);
  if (critiques.length === 0) return;

  const avis = new Notification('Nómada Tasques', {
    body: critiques.length === 1
      ? `«${critiques[0].titol}» ha vençut.`
      : `${critiques.length} tasques han vençut.`,
    icon: '/icones/icona-192.png',
    tag: 'venciments'                                     // sempre el mateix: mai s'acumulen
  });
  avis.addEventListener('click', () => { window.focus(); avis.close(); });
}

if ('geolocation' in navigator) {
  navigator.geolocation.getCurrentPosition(
    (posicio) => {
      const { latitude, longitude, accuracy } = posicio.coords;
      console.log(`Ets a ${accuracy} m de ${latitude}, ${longitude}`);
    },
    (error) => {
      const motius = {
        1: 'Permís denegat',
        2: 'Posició no disponible',
        3: "S'ha esgotat el temps d'espera"
      };
      console.warn(motius[error.code] ?? error.message);
    },
    { enableHighAccuracy: false, timeout: 8000, maximumAge: 300000 }
  );
}

const posicioActual = (opcions) => new Promise((resoldre, rebutjar) =>
  navigator.geolocation.getCurrentPosition(resoldre, rebutjar, opcions)
);

try {
  const { coords } = await posicioActual({ timeout: 8000 });
} catch (error) {
  if (error.code === 1) mostrar("Necessitem la teva ubicació per fitxar l'entrada al taller.");
}

// js/vista/porta-retalls.js
export async function copiarResum(tauler, avui) {
  const r = tauler.resum(avui);
  const text = [
    `Taller Nómada — resum del ${avui}`,
    `Tasques: ${r.total} (${r.obertes} obertes)`,
    `Hores: ${r.horesTotals} totals, ${r.horesObertes} obertes`,
    `Vençudes: ${r.vencudes}`,
    `Esforç ponderat: ${r.esforc}`
  ].join('\n');

  try {
    await navigator.clipboard.writeText(text);
    return true;
  } catch (error) {
    console.warn("[nomada] No s'ha pogut copiar:", error);
    return false;
  }
}

// S'ha de cridar des d'un GEST de l'usuari, no des d'un temporitzador
$('#copiar-resum').addEventListener('click', async () => {
  const copiat = await copiarResum(tauler, AVUI);
  $('#avis-copia').textContent = copiat
    ? 'Resum copiat al porta-retalls.'
    : "No s'ha pogut copiar. Selecciona el text i fes servir Ctrl+C.";
  $('#avis-copia').hidden = false;               // amb role="status" perquè s'anunciï
});

// js/vista/encaminador.js
import { ESDEVENIMENTS, emetre } from './esdeveniments.js';

/** Llegeix l'estat de la vista des de la URL actual. */
export function llegirEstatDeUrl() {
  const p = new URLSearchParams(location.search);
  return {
    responsable: p.get('responsable'),                    // null si no hi és
    text: p.get('q') ?? '',
    ordre: p.get('ordre') ?? 'prioritat',
    estat: p.get('estat')
  };
}

/** Escriu l'estat a la URL. `substituir` evita omplir l'historial. */
export function escriureEstatAUrl(estat, { substituir = false } = {}) {
  const p = new URLSearchParams();
  if (estat.responsable) p.set('responsable', estat.responsable);
  if (estat.text) p.set('q', estat.text);
  if (estat.ordre && estat.ordre !== 'prioritat') p.set('ordre', estat.ordre);
  if (estat.estat) p.set('estat', estat.estat);

  const url = p.toString() ? `${location.pathname}?${p}` : location.pathname;
  const metode = substituir ? 'replaceState' : 'pushState';

  history[metode](estat, '', url);                        // ← el primer argument es recupera a popstate
}

/** L'usuari ha premut enrere o endavant. */
window.addEventListener('popstate', (esdeveniment) => {
  const estat = esdeveniment.state ?? llegirEstatDeUrl(); // ← compte: state pot ser null
  emetre(document, ESDEVENIMENTS.FILTRE_APLICAT, estat);
});

// js/app.js
// 1 · En arrencar, la URL mana
vista.actualitzar({ filtres: llegirEstatDeUrl() });

// 2 · Cada canvi de filtre es reflecteix a la URL
document.addEventListener(ESDEVENIMENTS.FILTRE_APLICAT, (esdeveniment) => {
  vista.actualitzar({ filtres: esdeveniment.detail });
  escriureEstatAUrl(esdeveniment.detail, { substituir: esdeveniment.detail.origen === 'teclat' });
});

const fosc = window.matchMedia('(prefers-color-scheme: dark)');

console.log(fosc.matches);                    // true si el sistema està en mode fosc

fosc.addEventListener('change', (esdeveniment) => { // ← reacciona si l'usuari ho canvia sobre la marxa
  aplicarTema(esdeveniment.matches ? 'fosc' : 'clar');
});

// js/vista/preferencies-sistema.js
export const PREFERENCIES = {
  temaFosc:      window.matchMedia('(prefers-color-scheme: dark)'),
  menysMoviment: window.matchMedia('(prefers-reduced-motion: reduce)'),
  pantallaAmpla: window.matchMedia('(min-width: 900px)')
};

/** Aplica el tema: la preferència desada (07-01) guanya sobre la del sistema. */
export function aplicarTema() {
  const desat = llegirPreferencies().tema;                     // 'clar' | 'fosc' | 'sistema'
  const efectiu = desat === 'sistema'
    ? (PREFERENCIES.temaFosc.matches ? 'fosc' : 'clar')
    : desat;

  document.documentElement.dataset.tema = efectiu;             // el CSS fa la resta
  document.querySelector('meta[name="theme-color"]')
    ?.setAttribute('content', efectiu === 'fosc' ? '#1b1f1e' : '#2b6b5b');
}

/** Moure una targeta de columna: amb animació, o sense si l'usuari l'evita. */
export function moureTargeta(targeta, desti) {
  if (PREFERENCIES.menysMoviment.matches) {
    desti.append(targeta);                                     // instantani, sense transició
    return;
  }
  targeta.animate(
    [{ opacity: 0, transform: 'translateY(-8px)' }, { opacity: 1, transform: 'none' }],
    { duration: 180, easing: 'ease-out' }
  );
  desti.append(targeta);
}

// js/vista/compartir.js
export async function compartirTauler(tauler, avui) {
  const dades = {
    title: 'Nómada Tasques',
    text: `Tauler del taller: ${tauler.resum(avui).obertes} tasques obertes.`,
    url: location.href                          // ← inclou els filtres, gràcies a l'apartat 7
  };

  // 1 · Compartir natiu, si existeix (mòbil sobretot)
  if (navigator.canShare?.(dades)) {
    try {
      await navigator.share(dades);
      return 'compartit';
    } catch (error) {
      if (error.name === 'AbortError') return 'cancel·lat';   // l'usuari ha tancat el diàleg
      console.warn('[nomada] Fallada en compartir:', error);
    }
  }

  // 2 · Reserva: copiar l'enllaç al porta-retalls (apartat 6)
  await navigator.clipboard.writeText(location.href);
  return 'copiat';
}

// ✗ Amb setTimeout: 60 fps «aproximats», desincronitzats amb el pintat
function animarMalament(element) {
  let x = 0;
  const id = setInterval(() => {
    x += 2;
    element.style.transform = `translateX(${x}px)`;
    if (x >= 200) clearInterval(id);
  }, 16);
}

// ✓ Amb requestAnimationFrame: el navegador decideix el moment exacte abans de pintar
function animarBe(element) {
  let inici = null;

  function pas(marca) {                         // marca = ms d'alta precisió, la dona el navegador
    inici ??= marca;
    const transcorregut = marca - inici;
    const progres = Math.min(transcorregut / 300, 1);       // 300 ms de durada

    element.style.transform = `translateX(${progres * 200}px)`;

    if (progres < 1) requestAnimationFrame(pas);
  }
  requestAnimationFrame(pas);
}

// ✗ L'array de mesos a mà: només català, sense formats alternatius, i a mantenir
export function dataLlegible(iso) {
  const MESOS = ['gener', 'febrer', 'març', /* … */];
  const [any, mes, dia] = iso.split('-');
  return `${Number(dia)} de ${MESOS[Number(mes) - 1]} de ${any}`;
}

const data = new Date('2026-09-05T00:00:00');

new Intl.DateTimeFormat('ca-ES', { dateStyle: 'long' }).format(data);
// '5 de setembre del 2026'

new Intl.DateTimeFormat('ca-ES', { dateStyle: 'short' }).format(data);
// '5/9/26'

new Intl.DateTimeFormat('ca-ES', { weekday: 'long', day: 'numeric', month: 'long' }).format(data);
// 'dissabte, 5 de setembre'

new Intl.DateTimeFormat('ca-ES', { dateStyle: 'medium', timeStyle: 'short' }).format(new Date());
// '20 de set. 2026, 10:14'

new Intl.NumberFormat('ca-ES').format(1234.5);                       // '1.234,5'
new Intl.NumberFormat('ca-ES', { minimumFractionDigits: 1 }).format(48);   // '48,0'

new Intl.NumberFormat('ca-ES', { style: 'currency', currency: 'EUR' }).format(1250);
// '1.250,00 €'

new Intl.NumberFormat('ca-ES', { style: 'percent', maximumFractionDigits: 0 }).format(0.9375);
// '94 %'

new Intl.NumberFormat('ca-ES', { style: 'unit', unit: 'hour', unitDisplay: 'long' }).format(12);
// '12 hores'

const relatiu = new Intl.RelativeTimeFormat('ca-ES', { numeric: 'auto' });

relatiu.format(-15, 'day');   // 'fa 15 dies'        ← la tasca 6, vençuda
relatiu.format(10, 'day');    // 'd’aquí a 10 dies'
relatiu.format(-1, 'day');    // 'ahir'              ← gràcies a numeric: 'auto'
relatiu.format(0, 'day');     // 'avui'
relatiu.format(1, 'day');     // 'demà'
relatiu.format(2, 'week');    // 'd’aquí a 2 setmanes'

const noms = ['Àvila', 'Zurbarán', 'àmbit', 'Barcelona', 'nyu', 'núvol'];

console.log([...noms].sort());
// ['Barcelona', 'Zurbarán', 'nyu', 'núvol', 'Àvila', 'àmbit']   ← desastre

const comparador = new Intl.Collator('ca-ES', { sensitivity: 'base', numeric: true });
console.log([...noms].sort(comparador.compare));
// ['àmbit', 'Àvila', 'Barcelona', 'núvol', 'nyu', 'Zurbarán']   ← correcte

new Intl.ListFormat('ca-ES', { style: 'long', type: 'conjunction' })
  .format(['Marta', 'Iván', 'Lucía']);
// 'Marta, Iván i Lucía'   ← la 'i' final, de franc

const plural = new Intl.PluralRules('ca-ES');
plural.select(1);    // 'one'
plural.select(0);    // 'other'
plural.select(5);    // 'other'

// ✗ Crea un formatador per targeta, a cada render
tasques.map((t) => new Intl.DateTimeFormat('ca-ES', { dateStyle: 'long' }).format(t.dataLimit));

// ✓ Un de sol, reutilitzat
const DATA_LLARGA = new Intl.DateTimeFormat('ca-ES', { dateStyle: 'long' });
tasques.map((t) => DATA_LLARGA.format(new Date(t.dataLimit)));

// js/util/format.js — reescrit amb Intl
const LOCAL = 'ca-ES';

// Formatadors creats UNA vegada: crear-los és car
const DATA_LLARGA  = new Intl.DateTimeFormat(LOCAL, { dateStyle: 'long' });
const DATA_CURTA   = new Intl.DateTimeFormat(LOCAL, { day: 'numeric', month: 'short' });
const DATA_HORA    = new Intl.DateTimeFormat(LOCAL, { dateStyle: 'medium', timeStyle: 'short' });
const RELATIU      = new Intl.RelativeTimeFormat(LOCAL, { numeric: 'auto' });
const NUMERO       = new Intl.NumberFormat(LOCAL, { maximumFractionDigits: 1 });
const HORES        = new Intl.NumberFormat(LOCAL, { style: 'unit', unit: 'hour', unitDisplay: 'long' });
const PERCENTATGE  = new Intl.NumberFormat(LOCAL, { style: 'percent', maximumFractionDigits: 0 });
const LLISTA       = new Intl.ListFormat(LOCAL, { style: 'long', type: 'conjunction' });
const COMPARADOR   = new Intl.Collator(LOCAL, { sensitivity: 'base', numeric: true });

export const MARQUES = Object.freeze({ pendent: '○', 'en-curs': '▸', feta: '✓' });
export const PESOS   = Object.freeze({ alta: 3, mitjana: 2, baixa: 1 });

export function marcaEstat(estat) {
  return MARQUES[estat] ?? '?';
}

/** '2026-09-05' → '5 de setembre del 2026' */
export function dataLlegible(iso) {
  return DATA_LLARGA.format(new Date(`${iso}T00:00:00`));
}

/** '2026-09-05' → '5 de set.' — per a les targetes, on l'espai és escàs */
export function dataBreu(iso) {
  return DATA_CURTA.format(new Date(`${iso}T00:00:00`));
}

/** -15 → 'fa 15 dies' · 0 → 'avui' · 1 → 'demà' */
export function diesLlegibles(dies) {
  if (Math.abs(dies) >= 14) return RELATIU.format(Math.round(dies / 7), 'week');
  return RELATIU.format(dies, 'day');
}

/** 12 → '12 hores' · 1 → '1 hora' — sense el plural() escrit a mà */
export function horesLlegibles(hores) {
  return HORES.format(hores);
}

export function numero(valor) {
  return NUMERO.format(valor);
}

/** 0.9375 → '94 %' */
export function percentatge(fraccio) {
  return PERCENTATGE.format(fraccio);
}

/** ['Marta','Iván','Lucía'] → 'Marta, Iván i Lucía' */
export function llistar(elements) {
  return LLISTA.format(elements);
}

/** Comparador per a sort(): respecta accents, dígrafs i números dins del text */
export const compararTextos = COMPARADOR.compare;

// js/vista/targeta.js (fragment)
import { dataBreu, diesLlegibles, horesLlegibles } from '../util/format.js';

const peu = crearElement('p', { class: 'tasca__peu' });
peu.textContent = `${dataBreu(tasca.dataLimit)} · ${diesLlegibles(tasca.diesRestants)} · ${horesLlegibles(tasca.horesEstimades)}`;
// '5 de set. · fa 15 dies · 5 hores'   ← la tasca 6, vençuda (R10)

// js/vista/tauler-vista.js — ordenar per títol, correctament
import { compararTextos } from '../util/format.js';

const ORDRES = {
  prioritat: (a, b) => PESOS[b.prioritat] - PESOS[a.prioritat],
  data:      (a, b) => a.dataLimit.localeCompare(b.dataLimit),
  titol:     (a, b) => compararTextos(a.titol, b.titol)        // ← Intl.Collator
};

// ✓ Comprovar la característica
if ('share' in navigator)              { /* … */ }
if ('IntersectionObserver' in window)  { /* … */ }
if ('clipboard' in navigator)          { /* … */ }
if ('serviceWorker' in navigator)      { /* … */ }
if (typeof Intl?.RelativeTimeFormat === 'function') { /* … */ }

// Encadenament opcional per a mètodes concrets
navigator.canShare?.(dades);
registre.sync?.register('enviar');

// ✗ No detectis mai el navegador per la seva cadena d'identificació
if (navigator.userAgent.includes('Chrome')) { /* … */ }   // fràgil, mentider i obsolet

export function copiarEnllac(url) {
  // Capa 1 · La millor: l'API moderna
  if (navigator.clipboard?.writeText) {
    return navigator.clipboard.writeText(url).then(() => 'copiat');
  }
  // Capa 2 · La reserva antiga
  const camp = Object.assign(document.createElement('textarea'), { value: url });
  document.body.append(camp);
  camp.select();
  const ok = document.execCommand?.('copy');            // obsolet, però encara funciona
  camp.remove();
  if (ok) return Promise.resolve('copiat');

  // Capa 3 · Que l'usuari ho faci a mà
  return Promise.resolve('manual');
}

// js/vista/encaminador.js
import { ESDEVENIMENTS, emetre } from './esdeveniments.js';

const PER_DEFECTE = Object.freeze({ responsable: null, text: '', ordre: 'prioritat', estat: null });

export function llegirEstatDeUrl(url = location.href) {
  const p = new URL(url).searchParams;
  return {
    responsable: p.get('responsable'),
    text: p.get('q') ?? '',
    ordre: p.get('ordre') ?? PER_DEFECTE.ordre,
    estat: p.get('estat')
  };
}

export function escriureEstatAUrl(estat, { substituir = false } = {}) {
  const p = new URLSearchParams();
  // Només el que difereix del valor per defecte: URLs netes
  if (estat.responsable) p.set('responsable', estat.responsable);
  if (estat.text) p.set('q', estat.text);
  if (estat.ordre !== PER_DEFECTE.ordre) p.set('ordre', estat.ordre);
  if (estat.estat) p.set('estat', estat.estat);

  const cadena = p.toString();
  const url = cadena ? `${location.pathname}?${cadena}` : location.pathname;

  if (url === location.pathname + location.search) return;      // res per canviar
  history[substituir ? 'replaceState' : 'pushState']({ ...estat }, '', url);
}

export function connectarEncaminador(vista, { signal } = {}) {
  vista.actualitzar({ filtres: llegirEstatDeUrl() });            // 1 · la URL mana en arrencar

  document.addEventListener(ESDEVENIMENTS.FILTRE_APLICAT, (esdeveniment) => {
    const { origen, ...filtres } = esdeveniment.detail;
    vista.actualitzar({ filtres });
    escriureEstatAUrl(filtres, { substituir: origen === 'text' });   // 2 · reflectir
  }, { signal });

  window.addEventListener('popstate', (esdeveniment) => {        // 3 · enrere / endavant
    const estat = esdeveniment.state ?? llegirEstatDeUrl();
    vista.actualitzar({ filtres: estat });
  }, { signal });
}

document.querySelector('#copiar-enllac').addEventListener('click', async () => {
  const avis = document.querySelector('#avis-copia');            // role="status" aria-live="polite"
  try {
    await navigator.clipboard.writeText(location.href);
    avis.textContent = "Enllaç d'aquesta vista copiat.";
  } catch {
    avis.textContent = "No s'ha pogut copiar. L'enllaç és a la barra d'adreces.";
  }
  avis.hidden = false;
}, { signal });

// js/vista/tema.js
const CLAU = 'nomada:tema';
const CONSULTA = window.matchMedia('(prefers-color-scheme: dark)');

const llegirPreferencia = () => localStorage.getItem(CLAU) ?? 'sistema';
const temaEfectiu = (pref) => (pref === 'sistema' ? (CONSULTA.matches ? 'fosc' : 'clar') : pref);

const COLORS = Object.freeze({ clar: '#2b6b5b', fosc: '#1b1f1e' });

export function aplicarTema(preferencia = llegirPreferencia()) {
  const efectiu = temaEfectiu(preferencia);
  document.documentElement.dataset.tema = efectiu;
  document.querySelector('meta[name="theme-color"]')?.setAttribute('content', COLORS[efectiu]);
  return efectiu;
}

export function connectarSelectorDeTema(selector, { signal } = {}) {
  selector.value = llegirPreferencia();

  selector.addEventListener('change', () => {
    const triat = selector.value;
    try { localStorage.setItem(CLAU, triat); } catch { /* mode privat: no persisteix */ }
    aplicarTema(triat);
  }, { signal });

  // Només quan la preferència és 'sistema' importa el que faci el sistema
  CONSULTA.addEventListener('change', () => {
    if (llegirPreferencia() === 'sistema') aplicarTema('sistema');
  }, { signal });

  aplicarTema();
}

<!-- A <head>, ABANS del CSS: evita l'espurneig de tema equivocat -->
<script>
  (function () {
    var pref = localStorage.getItem('nomada:tema') || 'sistema';
    var fosc = pref === 'fosc' ||
      (pref === 'sistema' && matchMedia('(prefers-color-scheme: dark)').matches);
    document.documentElement.dataset.tema = fosc ? 'fosc' : 'clar';
  })();
</script>

// js/vista/resum.js
import { dataLlegible, diesLlegibles, numero, percentatge, llistar, compararTextos, horesLlegibles }
  from '../util/format.js';

export function resumLlegible(tauler, avui) {
  const r = tauler.resum(avui);
  const completades = r.total === 0 ? 0 : (r.total - r.obertes) / r.total;

  // Hores obertes per responsable, ordenades per nom amb el Collator
  const perResponsable = new Map();
  for (const tasca of tauler.filtrar((t) => t.oberta)) {
    const qui = tasca.responsable ?? 'Sense assignar';
    perResponsable.set(qui, (perResponsable.get(qui) ?? 0) + tasca.horesEstimades);
  }
  const repartiment = [...perResponsable.entries()]
    .sort((a, b) => compararTextos(a[0], b[0]))
    .map(([qui, hores]) => `  · ${qui}: ${horesLlegibles(hores)}`);

  const equip = llistar([...perResponsable.keys()].sort(compararTextos));

  const vencudes = tauler
    .filtrar((t) => t.oberta && t.diesRestants < 0)
    .map((t) => `  ! ${t.titol} — va vèncer ${diesLlegibles(t.diesRestants)}`);

  return [
    `Taller Nómada — ${dataLlegible(avui)}`,
    '',
    `Tasques: ${numero(r.total)} (${numero(r.obertes)} obertes, ${percentatge(completades)} completat)`,
    `Hores: ${horesLlegibles(r.horesTotals)} totals · ${horesLlegibles(r.horesObertes)} obertes`,
    `Esforç ponderat: ${numero(r.esforc)}`,
    '',
    `Equip: ${equip}`,
    ...repartiment,
    ...(vencudes.length ? ['', `Vençudes (${vencudes.length}):`, ...vencudes] : [])
  ].join('\n');
}

export async function copiarResum(tauler, avui, avis) {
  try {
    await navigator.clipboard.writeText(resumLlegible(tauler, avui));
    avis.textContent = 'Resum copiat al porta-retalls.';
  } catch {
    avis.textContent = "No s'ha pogut copiar. Selecciona el text i fes servir Ctrl+C.";
  }
  avis.hidden = false;
}

Taller Nómada — 20 de setembre del 2026

Tasques: 6 (5 obertes, 17 % completat)
Hores: 48 hores totals · 45 hores obertes
Esforç ponderat: 124

Equip: Iván, Lucía i Marta
  · Iván: 25 hores
  · Lucía: 14 hores
  · Marta: 6 hores

Vençudes (1):
  ! Pressupost de la fusteria — va vèncer fa 15 dies