src/app/components/sidebar/SidebarItem.tsx

@@ -36,7 +36,7 @@ export function SidebarItemTooltip({
 
   return (
     <TooltipProvider
-      delay={0}
+      delay={400}
       position="Right"
       tooltip={
         <Tooltip style={{ maxWidth: toRem(280) }}>

src/app/hooks/usePowerLevelTags.ts

@@ -51,22 +51,26 @@ export const getUsedPowers = (powerLevels: IPowerLevels): Set<number> => {
 };
 
 const DEFAULT_TAGS: PowerLevelTags = {
+  9001: {
+    name: 'Goku',
+    color: '#ff6a00',
+  },
+  102: {
+    name: 'Goku Reborn',
+    color: '#ff6a7f',
+  },
+  101: {
+    name: 'Founder',
+    color: '#0000ff',
+  },
   100: {
     name: 'Admin',
-    color: '#ed0800',
-  },
-  70: {
-    name: 'Manager',
     color: '#0088ff',
   },
   50: {
     name: 'Moderator',
     color: '#1fd81f',
   },
-  10: {
-    name: 'Helper',
-    color: '#0be0ce',
-  },
   0: {
     name: 'Member',
     color: '#91cfdf',
@@ -78,9 +82,13 @@ const DEFAULT_TAGS: PowerLevelTags = {
 };
 
 const generateFallbackTag = (powerLevelTags: PowerLevelTags, power: number): PowerLevelTag => {
+  const highToLow = sortPowers(getPowers(powerLevelTags));
+
+  const tagPower = highToLow.find((p) => p < power);
+  const tag = typeof tagPower === 'number' ? powerLevelTags[tagPower] : undefined;
 
   return {
-    name: `Team ${power}`,
+    name: tag ? `${tag.name} ${power}` : `Team ${power}`,
   };
 };
 

src/app/molecules/power-level-selector/PowerLevelSelector.jsx

@@ -35,9 +35,7 @@ function PowerLevelSelector({
       {max >= 0 && <MenuHeader>Presets</MenuHeader>}
       {max >= 100 && <MenuItem variant={value === 100 ? 'positive' : 'surface'} onClick={() => onSelect(100)}>Admin - 100</MenuItem>}
       {max >= 50 && <MenuItem variant={value === 50 ? 'positive' : 'surface'} onClick={() => onSelect(50)}>Mod - 50</MenuItem>}
-      {max >= 10 && <MenuItem variant={value === 10 ? 'positive' : 'surface'} onClick={() => onSelect(10)}>Helper - 10</MenuItem>}
       {max >= 0 && <MenuItem variant={value === 0 ? 'positive' : 'surface'} onClick={() => onSelect(0)}>Member - 0</MenuItem>}
-      {max >= -1 && <MenuItem variant={value === -1 ? 'positive' : 'surface'} onClick={() => onSelect(-1)}>Muted - -1</MenuItem>}
     </div>
   );
 }

src/util/matrixUtil.js

@@ -48,7 +48,9 @@ export async function isRoomAliasAvailable(mx, alias) {
 }
 
 export function getPowerLabel(powerLevel) {
-  if (powerLevel === 100) return 'Founder';
+  if (powerLevel > 9000) return 'Goku';
+  if (powerLevel > 100) return 'Founder';
+  if (powerLevel === 100) return 'Admin';
   if (powerLevel >= 50) return 'Mod';
   return null;
 }