> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Refonte du tableau de bord administrateur

> Navigation regroupée par tâche, recherche avec Cmd/Ctrl+K, et plus encore

export const ChangelogActions = () => {
  return <>
      <style>{`
        .changelog-actions {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 2rem;
          padding-top: 1.5rem;
          border-top: 1px solid #e5e7eb;
        }
        
        [data-theme="dark"] .changelog-actions {
          border-top-color: #374151;
        }
        
        .changelog-btn {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 8px 16px;
          border-radius: 9999px;
          border: 1px solid #d1d5db;
          background: transparent;
          color: #6b7280;
          font-size: 14px;
          cursor: pointer;
          transition: all 0.2s ease;
        }
        
        .changelog-btn:hover {
          border-color: #9ca3af;
          background: #f9fafb;
        }
        
        [data-theme="dark"] .changelog-btn {
          border-color: #4b5563;
          color: #9ca3af;
        }
        
        [data-theme="dark"] .changelog-btn:hover {
          border-color: #6b7280;
          background: #1f2937;
        }
      `}</style>
      <div className="changelog-actions">
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    btn.innerHTML = "❤️ Like";
    btn.style.borderColor = "#ec4899";
  }}>
          🤍 Like
        </button>
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    navigator.clipboard.writeText(window.location.href);
    const originalContent = btn.innerHTML;
    btn.innerHTML = "✓ Copied";
    btn.style.borderColor = "#22c55e";
    btn.style.color = "#22c55e";
    setTimeout(() => {
      btn.innerHTML = originalContent;
      btn.style.borderColor = "";
      btn.style.color = "";
    }, 2000);
  }}>
          ↗ Share
        </button>
      </div>
    </>;
};

<div style={{ display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px" }}>
  <Badge color="gray" size="sm" icon="calendar">September 4, 2026</Badge>
  <Badge color="blue" size="sm" icon="rectangle-ad">Ad Platform</Badge>
  <Badge color="purple" size="sm" icon="arrow-up-right-dots">Enhancement</Badge>
</div>

Le tableau de bord administrateur a été repensé avec une navigation plus claire et un accès plus rapide aux tâches courantes. Toutes les fonctionnalités existantes restent disponibles. Les pages et les outils ont simplement été réorganisés.

Vous pouvez maintenant utiliser **Cmd/Ctrl+K** ou sélectionner **Rechercher** dans la barre latérale pour trouver rapidement des vendeurs et des campagnes et y accéder.

La navigation est désormais regroupée par tâche sous **Publicités, Analyses, Optimisation, Outils et Gestion**. Voici quelques changements importants :

* **Produits** se trouve désormais sous **Catalogue**
* **Finance** se trouve désormais sous **Gestion**
* **Détails du compte, Gestion des utilisateurs, Image de marque personnalisée et Paiements** se trouvent désormais sous **Paramètres administrateur**, accessibles depuis le menu déroulant de la marketplace en haut de la barre latérale

<ChangelogActions />