fix(ui): thème, textes et lisibilité restants de la revue

Les boutons suivent la couleur d’apparence, les libellés trop petits ou trop techniques sont clarifiés, et le catalogue des fournisseurs se met à jour tout seul.

Co-authored-by: Cursor <cursoragent@cursor.com>

memento-note/components/dashboard-mind-orbit.tsx

@@ -93,12 +93,7 @@ export function DashboardMindOrbit({
         )}
       />
 
-      <motion.div
-        className="relative h-[176px]"
-        initial={reduced ? false : { clipPath: 'circle(0% at 50% 44%)' }}
-        animate={{ clipPath: 'circle(120% at 50% 44%)' }}
-        transition={{ duration: reduced ? 0 : 0.62, ease: EASE }}
-      >
+      <motion.div className="relative h-[200px] overflow-visible">
         <svg
           viewBox="0 0 100 100"
           preserveAspectRatio="none"
@@ -133,7 +128,7 @@ export function DashboardMindOrbit({
           const color = CLUSTER_COLORS[cluster.clusterId % CLUSTER_COLORS.length]
           const scale = 0.65 + (cluster.noteIds.length / maxCount) * 0.55
           const size = Math.round(52 * scale)
-          const label = cluster.name || `${t('homeDashboard.theme')} ${cluster.clusterId + 1}`
+          const label = cluster.name?.trim() || t('homeDashboard.theme')
           const point = points[idx]
           return (
             <motion.button
@@ -142,11 +137,12 @@ export function DashboardMindOrbit({
               whileHover={reduced ? undefined : { scale: 1.06 }}
               whileTap={reduced ? undefined : { scale: 0.97 }}
               onClick={() => (onOpenCluster ? onOpenCluster(cluster.clusterId) : onOpenInsights())}
-              className="absolute flex flex-col items-center gap-1 group"
+              className="absolute flex flex-col items-center gap-1 group z-[1] hover:z-10"
+              aria-label={label}
               style={{
                 left: `${point.x}%`,
                 top: `${point.y}%`,
-                width: size + 16,
+                width: Math.max(size + 24, 128),
               }}
               initial={reduced ? { x: '-50%', y: '-50%' } : { x: '-50%', y: '-50%', scale: 0.82, opacity: 0.35 }}
               animate={{ x: '-50%', y: '-50%', scale: 1, opacity: 1 }}
@@ -164,7 +160,10 @@ export function DashboardMindOrbit({
               >
                 {cluster.noteIds.length}
               </div>
-              <span className="text-[8px] font-medium text-ink/80 dark:text-dark-ink/80 text-center line-clamp-2 leading-tight max-w-[72px] group-hover:text-brand-accent transition-colors">
+              <span className="text-[9px] font-medium text-ink/80 dark:text-dark-ink/80 text-center line-clamp-2 leading-snug max-w-[128px] group-hover:text-brand-accent transition-colors">
+                {label}
+              </span>
+              <span className="pointer-events-none absolute top-full mt-1 max-w-[200px] px-2 py-1 rounded-md bg-ink text-white text-[10px] leading-snug text-center opacity-0 group-hover:opacity-100 transition-opacity shadow-lg z-20">
                 {label}
               </span>
             </motion.button>