// TweaksAppPanel — separado para ficar enxuto
function TweaksAppPanel({ t, setTweak, ano, mes }) {
  const PALETAS_T = {
    sol:    ['#F5EDE0', '#FBF5E7', '#7A8B5C', '#C97B5A', '#A8C8D8', '#E8A95C'],
    aurora: ['#f6e8db', '#fcf3e8', '#a16e8c', '#d68a6f', '#e4b07a', '#c4866d'],
    lagoa:  ['#e5e9d8', '#f5f3e3', '#5d8a8b', '#7e9b6a', '#a9c1c3', '#d4b67a'],
    outono: ['#f1ddc3', '#f8ecd4', '#8c5a3a', '#b66838', '#c89855', '#7d8a4f'],
  };

  return (
    <TweaksPanel>
      <TweakSection label="🎨 Paleta de cores" />
      <TweakColor
        label="Paleta"
        value={t.paleta}
        options={[PALETAS_T.sol, PALETAS_T.aurora, PALETAS_T.lagoa, PALETAS_T.outono]}
        onChange={(v) => setTweak('paleta', v)}
      />

      <TweakSection label="✍️ Tipografia" />
      <TweakRadio
        label="Fonte display"
        value={t.fontDisplay}
        options={['Fredoka', 'Baloo 2', 'Nunito']}
        onChange={(v) => setTweak('fontDisplay', v)}
      />

      <TweakSection label="🧹 Dados" />
      <TweakButton
        label="Limpar anotações deste mês"
        onClick={async () => {
          if (confirm('Apagar as anotações e fotos APENAS deste mês? Não dá pra desfazer.')) {
            try {
              await fetch(`/api/mes?ano=${ano}&mes=${mes}`, { method: 'DELETE' });
            } catch (_) {}
            location.reload();
          }
        }}
      />
    </TweaksPanel>
  );
}

window.TweaksAppPanel = TweaksAppPanel;