export function renderDesktop() {
  const html = `
    <!-- absolute top-8 right-8 ile sağ üste sabitliyoruz -->
    <div class="absolute top-8 right-8 bg-slate-900/40 backdrop-blur-2xl border border-white/10 p-6 rounded-3xl shadow-2xl max-w-md w-full text-left space-y-3">
      <div class="flex items-center gap-3">
        <div class="inline-flex p-2 bg-indigo-500/20 border border-indigo-500/30 rounded-xl text-indigo-300 text-xl">
          ✨
        </div>
        <h2 class="text-xl font-bold text-white">Masaüstü</h2>
      </div>
      <p class="text-slate-300 text-xs leading-relaxed">
        Modüler mimariye geçtik! Arka planı değiştirmek için sol menüdeki <b>Ayarlar</b> sekmesine geçebilirsin.
      </p>
    </div>
  `

  return { html, initEvents: () => {} }
}